/**
 * This file was auto-generated by Gray on : Wednesday 31 December 2025 19:12:01
 * Table of contents: 
 * ------------------ 
 * full_view_data_css
 * wp-block-library
 * classic-theme-styles
 * global-styles
 * bp-media-videojs-css
 * bp-mentions-css
 * owl.carousel
 * light-gallery
 * woocommerce-inline
 * stm-jquery-ui-css
 * stmselect2
 * brazzers-carousel
 * stm-theme-style
 * kms-CSS-0
 * kms-CSS-1
 * kms-CSS-2
 * kms-CSS-3
 * kms-CSS-4
 * kms-CSS-5
 * kms-CSS-6
 * kms-CSS-7
 * kms-CSS-8
 * kms-CSS-9
 * kms-CSS-10
 * kms-CSS-11
 * kms-CSS-12
 * kms-CSS-13
 * kms-CSS-14
 * kms-CSS-15
 * kms-CSS-16
 * kms-CSS-17
 * kms-CSS-18
 * kms-CSS-19
 * kms-CSS-20
 * kms-CSS-21
 * kms-CSS-22
 */


/*!******************************!*\ 
!***  id : full_view_data_css
!*** ver : screen
!*** src : https://preprod.mont-bouet.com/wp-content/plugins/channelize-io-real-time-messaging-and-video-calling/public/views/css/style.css
\**********************************/

/* Hide by default chat of */
.ch-search-window .ch-friends-box .ch-suggested {
	text-align: center;
}
#root {
	max-width: 100%;
	box-sizing: border-box;
	font-family: Roboto,sans-serif !important;
	line-height: normal !important;
	font-size: 14px !important;
}
.ch-launcher .ch-launcher-image {
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50%;
	transform: translateY(-50%);
}
.ch-header .ch-header_details .ch-header_right-icons i[title="Close"] {
	position: absolute; 
	top: -7px; 
	background: #fff; 
	border-radius: 50%; 
	padding: 4px; 
	box-sizing: border-box; 
	right: -7px; 
	font-size: 15px; 
	display: none; 
}
.ch-conv-window:hover .ch-header .ch-header_details .ch-header_right-icons i[title="Close"],
.ch-recent-window:hover .ch-header .ch-header_details .ch-header_right-icons i[title="Close"] {display: block;}



/*!******************************!*\ 
!***  id : wp-block-library
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-includes/css/dist/block-library/style.min.css
\**********************************/

@charset "UTF-8";.wp-block-archives-dropdown label{display:block}.wp-block-avatar{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{cursor:pointer;display:inline-block;text-align:center;word-break:break-word;box-sizing:border-box}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){box-shadow:none;text-decoration:none;border-radius:9999px;padding:calc(.667em + 2px) calc(1.333em + 2px)}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*0.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*0.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*0.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:100%;flex-basis:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button.is-style-outline>.wp-block-button__link,.wp-block-button .wp-block-button__link.is-style-outline{border:2px solid;padding:.667em 1.333em}.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent;background-image:none}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap!important;align-items:normal!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{content:"";display:table;clear:both}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-top:.5em;margin-right:.75em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{margin-top:1em;margin-bottom:1em;display:block}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{display:block;box-sizing:border-box;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-size:1em;font-family:inherit}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-right:.5em;margin-bottom:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{margin-right:1ch;display:inline-block}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{margin-left:1ch;display:inline-block}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{margin-bottom:0;max-width:100%;list-style:none;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{margin-bottom:0;max-width:100%;list-style:none;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-cover,.wp-block-cover-image{position:relative;background-position:50%;min-height:430px;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]),.wp-block-cover .has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image .has-background-dim.has-background-gradient,.wp-block-cover .has-background-dim.has-background-gradient{background-color:transparent}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{color:#000}.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-size:cover;background-repeat:no-repeat}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-width:320px;min-height:240px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{margin:0 1em 1em 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{margin:0;height:100%;display:flex;align-items:flex-end;justify-content:flex-start}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{width:100%;height:100%;flex:1;-o-object-fit:cover;object-fit:cover}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-right:1em}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-right:1em}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-right:1em}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-right:1em}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-right:1em}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-right:1em}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image{display:flex;flex-grow:1;justify-content:center;position:relative;flex-direction:column;max-width:100%;box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{margin:0;flex-direction:column;flex-grow:1}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;color:#fff;font-size:13px;left:0;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;text-align:center;width:100%;box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{flex:initial;background:none;color:inherit;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-grow:1;flex-basis:100%;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-top:0;margin-bottom:auto}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{width:100%;flex:1 0 0%;height:100%;-o-object-fit:cover;object-fit:cover}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image img{height:auto;max-width:100%;vertical-align:bottom}.wp-block-image.has-custom-border img,.wp-block-image img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image.aligncenter,.wp-block-image .aligncenter,.wp-block-image.alignleft,.wp-block-image .alignleft,.wp-block-image.alignright,.wp-block-image .alignright{display:table}.wp-block-image.aligncenter>figcaption,.wp-block-image .aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image.alignright>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:2.25em;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto;max-width:100%}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em;float:left}.wp-block-latest-posts__featured-image.alignright{margin-left:1em;float:right}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{
  /*!rtl:begin:ignore*/direction:ltr;
  /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto;box-sizing:border-box}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1;
  /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr;
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1;
  /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill .wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{position:relative;--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation ul{margin-top:0;margin-bottom:0;margin-left:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{display:flex;align-items:center;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;line-height:0;display:inline-block;font-size:inherit;padding:0;background-color:inherit;color:currentColor;border:none;width:.6em;height:.6em;margin-left:.25em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;width:inherit;height:inherit;margin-top:.075em}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{background-color:inherit;color:inherit;position:absolute;z-index:2;display:flex;flex-direction:column;align-items:normal;opacity:0;transition:opacity .1s linear;visibility:hidden;width:0;height:0;overflow:hidden;left:-1px;top:100%}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-right:0;margin-left:auto}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:.5em;background:transparent}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{visibility:visible;overflow:visible;opacity:1;width:auto;height:auto;min-width:200px}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{visibility:visible;overflow:visible;opacity:1;width:auto;height:auto;min-width:200px}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{visibility:visible;overflow:visible;opacity:1;width:auto;height:auto;min-width:200px}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{position:relative;display:flex}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-size:inherit;font-family:inherit;line-height:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;text-align:left}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation__container{display:flex;flex-wrap:var(--navigation-layout-wrap,wrap);flex-direction:var(--navigation-layout-direction,initial);justify-content:var(--navigation-layout-justify,initial);align-items:var(--navigation-layout-align,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{display:flex;flex-wrap:var(--navigation-layout-wrap,wrap);flex-direction:var(--navigation-layout-direction,initial);justify-content:var(--navigation-layout-justify,initial);align-items:var(--navigation-layout-align,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){color:inherit!important;background-color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{display:flex;flex-direction:column;background-color:inherit;animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);overflow:auto;z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-duration:1ms;animation-delay:0s}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:calc(2rem + 24px);overflow:visible;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:var(--navigation-layout-justification-setting,inherit)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{opacity:1;visibility:visible;height:auto;width:auto;overflow:initial;min-width:200px;position:static;border:none;padding-left:2rem;padding-right:2rem}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{display:flex;flex-direction:column;align-items:var(--navigation-layout-justification-setting,initial)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{color:inherit!important;background:transparent!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{right:auto;left:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:block;width:100%;position:relative;z-index:auto;background-color:inherit}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{vertical-align:middle;cursor:pointer;color:currentColor;background:transparent;border:none;margin:0;padding:0;text-transform:inherit}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;pointer-events:none;display:block;width:24px;height:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;top:0;right:0;z-index:2}.wp-block-navigation__responsive-close{width:100%;max-width:var(--wp--style--global--wide-size,100%);margin-left:auto;margin-right:auto}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{display:flex;flex-direction:var(--navigation-layout-direction,initial);justify-content:var(--navigation-layout-justify,initial);align-items:var(--navigation-layout-align,initial);flex-wrap:var(--navigation-layout-wrap,wrap);background-color:inherit}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;text-align:center;overflow-wrap:break-word}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-size:1em;font-family:inherit}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{display:block;box-sizing:border-box;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-date{box-sizing:border-box}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{max-width:100%;width:100%;height:auto;vertical-align:bottom;box-sizing:border-box}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{position:absolute;inset:0;background-color:#000}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-title{word-break:break-word;box-sizing:border-box}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{margin:0 0 1em;padding:3em 0;text-align:center;overflow-wrap:break-word;box-sizing:border-box}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{margin-top:0;margin-bottom:0;max-width:100%;list-style:none;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{flex-direction:row;display:flex;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{margin-right:1ch;display:inline-block}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{margin-left:1ch;display:inline-block}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{font-size:1.125em;text-align:right}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-left:.625em;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{min-width:1.5em;min-height:1.5em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:.375em .625em}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{padding:8px;flex-grow:1;margin-left:0;margin-right:0;min-width:3em;border:1px solid #949494;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){padding:4px;border:1px solid #949494}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border:1px solid;border-right:none;border-left:none}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{width:120px;height:auto}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-social-links{box-sizing:border-box;padding-left:0;padding-right:0;text-indent:0;margin-left:0;background:none}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){margin-left:.5em;margin-right:.5em;font-size:.65em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-duration:0s;transition-delay:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg{color:currentColor;fill:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:1.25em;height:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud.aligncenter{text-align:center;justify-content:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color>*,.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr{border-color:inherit}.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th,.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color]>*,.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th,.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color]>*,.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr{border-left-color:inherit}.wp-block-table table[style*=border-style]>*,.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr{border-style:inherit}.wp-block-table table[style*=border-width]>*,.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr{border-width:inherit;border-style:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{box-sizing:border-box}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em}

/*!******************************!*\ 
!***  id : classic-theme-styles
!*** ver : 1
!*** src : https://preprod.mont-bouet.com/wp-includes/css/classic-themes.min.css
\**********************************/

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}

/*!******************************!*\ 
!***  id : global-styles
!*** ver : 1
!*** src : 
\**********************************/



/*!******************************!*\ 
!***  id : bp-media-videojs-css
!*** ver : 2.2.4
!*** src : https://preprod.mont-bouet.com/wp-content/plugins/buddyboss-platform/bp-core/css/vendor/video-js.min.css
\**********************************/

@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js{position:relative!important;width:100%!important;height:auto!important}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:0}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff!important;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:5px}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:transparent;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:block}.vjs-remaining-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:block}.vjs-time-divider{display:block;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.single-activity-video.video-js .vjs-fullscreen-control{display:none}

/*!******************************!*\ 
!***  id : bp-mentions-css
!*** ver : 2.2.4
!*** src : https://preprod.mont-bouet.com/wp-content/plugins/buddyboss-platform/bp-core/css/mentions.min.css
\**********************************/

.atwho-view{background:#fff;border:1px solid #ccc;box-shadow:0 0 5px rgba(204,204,204,.25),0 0 1px #fff;color:#d84800;display:none;font-family:inherit;margin-top:18px;position:absolute;top:0;z-index:1000;border-radius:4px;overflow:auto}.atwho-view{left:0}.atwho-view ul{list-style:none;margin:5px 5px 5px 0;padding:0;max-height:250px;overflow:auto}.atwho-view ul::-webkit-scrollbar{width:6px}.atwho-view ul::-webkit-scrollbar-thumb{background-color:#a4acb4;border-radius:10px}.atwho-view ul li{box-sizing:content-box;cursor:pointer;display:block;font-size:14px;min-height:20px;line-height:20px;margin:0;overflow:hidden;padding:8px 10px}.atwho-view ul li .username{display:inline-block;color:#92949d;max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.atwho-view img{border-radius:100%;float:left;height:20px;margin:0 8px 0 0;width:20px}.atwho-view strong{background:#efefef;font-weight:700}.atwho-view .username strong{color:#d54e21}.atwho-view small{color:#aaa;float:left;font-size:13px;font-weight:500;margin:0 10px 0 0;max-width:130px}.atwho-view .cur{background:rgba(239,239,239,.5)}@media (max-width:900px){.atwho-view img{float:left;margin:0 10px 0 0}}@media (max-width:400px){.atwho-view ul li{font-size:16px;line-height:23px;padding:13px}.atwho-view ul li img{height:30px;margin-top:-5px;width:30px}.atwho-view ul li .username{display:inline-block;margin:-10px 0 0;padding:10px 0}.atwho-view ul li small{display:inline-block;margin-left:20px}}

/*!******************************!*\ 
!***  id : owl.carousel
!*** ver : 7.0.0
!*** src : https://preprod.mont-bouet.com/wp-content/plugins/stm_vehicles_listing/assets/css/frontend/owl.carousel.css
\**********************************/

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

/*!******************************!*\ 
!***  id : light-gallery
!*** ver : 7.0.0
!*** src : https://preprod.mont-bouet.com/wp-content/plugins/stm_vehicles_listing/assets/css/frontend/lightgallery.min.css
\**********************************/

@font-face{font-family:lg;src:url(../../fonts/lg/lg.eot?n1z373);src:url(../../fonts/lg/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../../fonts/lg/lg.woff?n1z373) format("woff"),url(../../fonts/lg/lg.ttf?n1z373) format("truetype"),url(../../fonts/lg/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{background-color:rgba(0,0,0,.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../images/lightGallery/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../images/lightGallery/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../images/lightGallery/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../images/lightGallery/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../images/lightGallery/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../../images/lightGallery/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

/*!******************************!*\ 
!***  id : woocommerce-inline
!*** ver : 
!*** src : 
\**********************************/



/*!******************************!*\ 
!***  id : stm-jquery-ui-css
!*** ver : 1767208321
!*** src : https://preprod.mont-bouet.com/wp-content/themes/motors/assets/css/jquery-ui.css
\**********************************/

/*! jQuery UI - v1.11.4 - 2016-03-23
* http://jqueryui.com
* Includes: core.css, draggable.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/*!******************************!*\ 
!***  id : stmselect2
!*** ver : 1767208321
!*** src : https://preprod.mont-bouet.com/wp-content/themes/motors/assets/css/select2.min.css
\**********************************/

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:0;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{position:absolute;top:50%;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888.select2-container .select2-selection--single .select2-selection__rendered transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}


/*!******************************!*\ 
!***  id : brazzers-carousel
!*** ver : 1767208321
!*** src : https://preprod.mont-bouet.com/wp-content/themes/motors/assets/css/brazzers-carousel.min.css
\**********************************/

/*!
 * jQuery Brazzers Carousel v1.0.0 (http://webdesign-master.ru)
 * Copyright 2015 WebDesign Master.
 */
.brazzers-daddy:after{content:"";display:table;clear:both}.brazzers-daddy{position:relative}.brazzers-daddy img{width:100%;position:relative;display:none;top:0;left:0;margin-bottom:10px}.brazzers-daddy img:first-child{display:block}.tmb-wrap{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.tmb-wrap .tmb-wrap-table{display:table;height:100%;width:100%}.tmb-wrap-table div{display:table-cell;transition:all .3s ease;border-bottom:5px solid transparent;padding-top:10px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.tmb-wrap-table div.active{border-color:#FBB254}.tmb-wrap-table div:first-child:last-child{border-color:transparent}


/*!******************************!*\ 
!***  id : stm-theme-style
!*** ver : 1767208321
!*** src : https://preprod.mont-bouet.com/wp-content/themes/motors/style.css
\**********************************/

/*
	Theme Name: Motors
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: https://stylemixthemes.com/
	Description: Automotive, Cars, Vehicle, Boat Dealership, Classifieds WordPress Theme by StylemixThemes.
	Version: 5.4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, black, red, dark, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors
*/


/*!******************************!*\ 
!***  id : kms-CSS-0
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/style.css
\**********************************/

/*
 Theme Name: Mont-Bouët
  Theme URI: https://www.mont-bouet.com
     Author: GrayKemy
 Author URI: https://twitter.com/graykemy
Description: Ventes et achats à proximité
    Version: 4.0
    License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
       Tags: Ventes, Achats, Proximité, Annonces
Text Domain: montbouet
   Template: motors

This theme, is licensed under the GPL.
*/






/*!******************************!*\ 
!***  id : kms-CSS-1
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/critique.css
\**********************************/

@charset "UTF-8";


/*! Prelodr v1.0.6 | MIT (c) 2015 José Luis Quintana */

/*!
 * preloader
 * 
 * Licensed MIT © HubSpot, Inc.
 */



/*------------------------------------------------------------------
[Table of contents]

1. preloader loading after, before
2. keyframes
3.

 -------------------------------------------------------------------*/

/* Expand modifier
  ========================================================================== */

/*!
   * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
   * Copyright 2011-2018 The Bootstrap Authors
   * Copyright 2011-2018 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */




.stm-site-preloader:before, 
.gray-site-preloader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}



/*receveing request result*/
.stm-site-preloader:after, 
.gray-site-preloader:after {
    content: '';
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;

    z-index: 9999;
    
    height: 2rem;
    width: 2rem;
    border-radius: 9999px;
    border: 3px solid rgba(0,0,0, 0.1);
    border-top-color: #000000;
    
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    -webkit-animation: spin 0.5s infinite linear;
    animation: spin 0.5s infinite linear;
}

/* sending request (beforeunload) */
.gray-after-hidden:after {
  border: 3px solid rgba(0,0,0, 0.1);
    border-top-color: #000000;
    
    -webkit-animation: spinreverse 1s infinite linear;
    animation: spinreverse 1s infinite linear;
}


/*
.stm-site-preloader:after, 
.gray-site-preloader:after {
  content: '';
  display: block;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  
  color: #05F;
  width: 1em;
  height: 1em;
  margin: 0 auto;
  border-radius: 9999px;
  z-index: 9999;
  
  text-indent: -9999em;
  -webkit-animation: load4 1s infinite linear;
  animation: load4 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
*/


/*!******************************!*\ 
!***  id : kms-CSS-2
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/gray-root.css
\**********************************/

/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNS-Light"), local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 300;
  src: local(".SFNS-LightItalic"), local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 400;
  src: local(".SFNS-Regular"), local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 400;
  src: local(".SFNS-Italic"), local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 500;
  src: local(".SFNS-Medium"), local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 500;
  src: local(".SFNS-MediumItalic"), local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 700;
  src: local(".SFNS-Bold"), local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 700;
  src: local(".SFNS-BoldItalic"), local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold");
}



/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  /*old #0d6efd*/
  --grbs-blue: var(--mb-primary-500);/* #0052cc #0065cc #0065ff */
  --grbs-blue-d: #0055cc;
  
  --bs-blue: var(--grbs-blue);
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: var(--grbs-blue);
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  
  /* 
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
  
  --bs-font-sans-serif: system-ui, ".SF NS Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, "Roboto", Roboto, Droid Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', "Segoe UI Symbol", "Noto Color Emoji";
  --mb-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Consolas", "Liberation Mono", "Courier New", Courier, "Bitstream Vera Sans Mono", monospace;
  
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: var(--grbs-blue);
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd
}


/* buddyboss */
:root {
  --bb-primary-color: var(--bs-primary);
  --bb-primary-color-rgb: 255, 112, 61;
  --bb-body-background-color: #faf9f7;
  --bb-body-background-color-rgb: 250, 249, 247;
  --bb-content-background-color: #FFFFFF;
  --bb-content-alternate-background-color: #fbfaf9;
  --bb-content-border-color: #e0dfdb;
  --bb-content-border-color-rgb: 224, 223, 219;
  --bb-cover-image-background-color: #647385;
  --bb-headings-color: var(--mb-base-black);
  --bb-headings-color-rgb: 0, 0, 0;
  --bb-body-text-color: #393e41;
  --bb-body-text-color-rgb: 57, 62, 65;
  --bb-alternate-text-color: #aaaaaa;
  --bb-alternate-text-color-rgb: 170, 170, 170;
  --bb-primary-button-background-regular: var(--bs-blue);
  --bb-primary-button-background-hover: #595999;
  --bb-primary-button-border-regular: var(--bs-blue);
  --bb-primary-button-border-hover: #595999;
  --bb-primary-button-text-regular: #ffffff;
  --bb-primary-button-text-regular-rgb: 255, 255, 255;
  --bb-primary-button-text-hover: #ffffff;
  --bb-primary-button-text-hover-rgb: 255, 255, 255;
  --bb-secondary-button-background-regular: #f4f3f2;
  --bb-secondary-button-background-hover: #595999;
  --bb-secondary-button-border-regular: #f4f3f2;
  --bb-secondary-button-border-hover: #595999;
  --bb-secondary-button-text-regular: #1E2132;
  --bb-secondary-button-text-hover: #FFFFFF;
  --bb-header-background: #ffffff;
  --bb-header-alternate-background: #f4f3f2;
  --bb-header-links: #393e41;
  --bb-header-links-hover: #595999;
  --bb-header-mobile-logo-size: 193px;
  --bb-header-height: 76px;
  --bb-sidenav-background: #ffffff;
  --bb-sidenav-text-regular: #000000;
  --bb-sidenav-text-hover: #000000;
  --bb-sidenav-text-active: #ffffff;
  --bb-sidenav-menu-background-color-regular: #ffffff;
  --bb-sidenav-menu-background-color-hover: #f4f3f2;
  --bb-sidenav-menu-background-color-active: #595999;
  --bb-sidenav-count-text-color-regular: #000000;
  --bb-sidenav-count-text-color-hover: #ffffff;
  --bb-sidenav-count-text-color-active: #595999;
  --bb-sidenav-count-background-color-regular: #f4f3f2;
  --bb-sidenav-count-background-color-hover: #595999;
  --bb-sidenav-count-background-color-active: #ffffff;
  --bb-footer-background: #faf9f7;
  --bb-footer-widget-background: #faf9f7;
  --bb-footer-text-color: #5A5A5A;
  --bb-footer-menu-link-color-regular: #5A5A5A;
  --bb-footer-menu-link-color-hover: #595999;
  --bb-footer-menu-link-color-active: #1E2132;
  --bb-admin-screen-bgr-color: #faf9f7;
  --bb-admin-screen-txt-color: #000000;
  --bb-login-register-link-color-regular: #5A5A5A;
  --bb-login-register-link-color-hover: #595999;
  --bb-login-register-button-background-color-regular: #606099;
  --bb-login-register-button-background-color-hover: #595999;
  --bb-login-register-button-border-color-regular: #606099;
  --bb-login-register-button-border-color-hover: #595999;
  --bb-login-register-button-text-color-regular: #FFFFFF;
  --bb-login-register-button-text-color-hover: #FFFFFF;
  --bb-label-background-color: #87a6d4;
  --bb-label-text-color: #ffffff;
  --bb-tooltip-background: #393e41;
  --bb-tooltip-background-rgb: 57, 62, 65;
  --bb-tooltip-color: #ffffff;
  --bb-default-notice-color: #007CFF;
  --bb-default-notice-color-rgb: 0, 124, 255;
  --bb-success-color: #1CD991;
  --bb-success-color-rgb: 28, 217, 145;
  --bb-warning-color: #f7ba45;
  --bb-warning-color-rgb: 247, 186, 69;
  --bb-danger-color: #EF3E46;
  --bb-danger-color-rgb: 239, 62, 70;
  --bb-login-custom-heading-color: #000000;
  --bb-button-radius: 6px;
  --bb-block-radius: 10px;
  --bb-block-radius-inner: 6px;
  --bb-input-radius: 6px;
  --bb-label-type-radius: 6px;
  --bb-checkbox-radius: 5.4px;
}


/*
https://www.learnui.design/tools/data-color-picker.html#single

https://accessiblepalette.com/

https://hypejunction.github.io/color-wizard/

https://seochecker.it/color-palette-generator#sharetool
*/
/**/
:root {

  --8px: 0.5em;
  --9px: 0.5625em;
  --10px: 0.625rem;
  --11px: 0.6875rem;
  --12px: 0.75rem;
  --13px: 0.8125rem;
  --14px: 0.875rem;
  --15px: 0.9375rem;
  --16px: 1rem;
  --17px: 1.0625rem;
  --18px: 1.125rem;
  --19px: 1.1875rem;
  --20px: 1.25rem;
  --21px: 1.3125rem;
  --22px: 1.375rem;
  --23px: 1.4375rem;
  --24px: 1.5rem;
  --25px: 1.5625rem;
  --26px: 1.625rem;
  --27px: 1.6875rem;
  --28px: 1.75rem;
  --29px: 1.8125rem;
  --30px: 1.875rem;
  --31px: 1.9375rem;
  --32px: 2rem;
  --33px: 2.0625rem;
  --34px: 2.125rem;
  --35px: 2.1875rem;
  --36px: 2.25rem;
  --37px: 2.3125rem;
  --38px: 2.375rem;
  --39px: 2.4375rem;
  --40px: 2.5rem;
  --41px: 2.5625rem;
  --42px: 2.625rem;
  --43px: 2.6875rem;
  --44px: 2.75rem;
  --45px: 2.8125rem;
  --46px: 2.875rem;
  --47px: 2.9375rem;
  --48px: 3rem;
  --49px: 3.0625rem;
  --50px: 3.125rem;
  --51px: 3.1875rem;
  --52px: 3.25rem;
  --53px: 3.3125rem;
  --54px: 3.375rem;
  --55px: 3.4375rem;
  --56px: 3.5rem;
  --57px: 3.5625rem;
  --58px: 3.625rem;
  --59px: 3.6875rem;
  --60px: 3.75rem;
  --61px: 3.8125rem;
  --62px: 3.875rem;
  --63px: 3.9375rem;
  --64px: 4rem;
  
  --mb-breakpoint-s: 640px;
  --mb-breakpoint-m: 960px;
  --mb-breakpoint-l: 1200px;
  --mb-breakpoint-xl: 1600px;

  /* #6A7886 #006DFF #0075E4 #008A00 #987004 #977004 886503 FFCF00 #EE0202 */
  
  --blue-: #006DFF;
  --blue-: #0075E4;
  --blue-: #0052CC;
  --blue-: #003580;
  --blue-: #00224f;

  /* Base */
  --mb-base-white: #ffffff;
  --mb-base-black: #000000;
  --mb-rgb-black: 0, 0, 0;
  --mb-rgb-white: 255, 255, 255;
  
  --mb-gray-0: #FFFFFF;
  --mb-gray-1000: #000000;

  /*
https://wildbit.com/blog/accessible-palette-stop-using-hsl-for-color-systems

 https://accessiblepalette.com/ 
 
https://accessiblepalette.com/?lightness=98,96,94,81,63,45,36,27,18,9&EE0000=0,0&FFCF00=0,-10&008A00=0,0&0075E4=0,0&9000CC=0,0&556575=0,15
 */

  --mb-gray-25: #FCFCFD;

  --mb-gray-50: #F9F9FA;
  --mb-gray-100: #F3F4F5;
  --mb-gray-200: #ECEEF0;
  --mb-gray-300: #C5CAD0;
  --mb-gray-400: #9199A5;
  --mb-gray-500: #556575;
  --mb-gray-600: #4C5564;
  --mb-gray-700: #3A404C;
  --mb-gray-800: #282C34;
  --mb-gray-900: #171A1E;
  /* untitled */
  --mb-gray-25: #FCFCFD;
  --mb-gray-50: #F9FAFB;
  --mb-gray-100: #F2F4F7;
  --mb-gray-200: #EAECF0;
  --mb-gray-300: #D0D5DD;
  --mb-gray-400: #98A2B3;
  --mb-gray-500: #556575; /*reedited*/
  --mb-gray-600: #475467;
  --mb-gray-700: #344054;
  --mb-gray-800: #1D2939;
  --mb-gray-900: #101828;
  /* flowbite */
  --mb-gray-50 : #F9FAFB;
  --mb-gray-100 : #F3F4F6;
  --mb-gray-200 : #E5E7EB;
  --mb-gray-300 : #D1D5DB;
  --mb-gray-400 : #9CA3AF;
  --mb-gray-500 : #6B7280;
  --mb-gray-600 : #4B5563;
  --mb-gray-700 : #374151;
  --mb-gray-800 : #1F2937;
  --mb-gray-900 : #111827;
  
  /* Primary ;*/
  --mb-primary-50: #F5FAFE;
  --mb-primary-100: #ECF5FD;
  --mb-primary-200: #E2EFFC;
  --mb-primary-300: #A4CEF5;
  --mb-primary-400: #4A9DEC;
  --mb-primary-500: #0075E4;
  --mb-primary-500: #006FCF;
  --mb-primary-600: #0054A4;
  --mb-primary-700: #00407C;
  --mb-primary-800: #002C57;
  --mb-primary-900: #001A33;
  /*#0079D2*/
  --mb-primary-50: #F5FAFD;
  --mb-primary-100: #ECF5FC;
  --mb-primary-200: #E2F0FA;
  --mb-primary-300: #A3CFEF;
  --mb-primary-400: #499FDF;
  --mb-primary-500: #0079D2;
  --mb-primary-600: #005797;
  --mb-primary-700: #004272;
  --mb-primary-800: #002E50;
  --mb-primary-900: #001B2F;
  
  /* Success */
  --mb-success-50: #F6FBF6;
  --mb-success-100: #ECF6EC;
  --mb-success-200: #E3F2E3;
  --mb-success-300: #A5D5A5;
  --mb-success-400: #4BAC4B;
  --mb-success-500: #008A00;
  --mb-success-600: #006300;
  --mb-success-700: #004B00;
  --mb-success-800: #003500;
  --mb-success-900: #001F00;
  /* warning */
  --mb-warning-50: #FFFAE2;
  --mb-warning-100: #FFF4C5;
  --mb-warning-200: #FFEDA6;
  --mb-warning-300: #FBC108;
  --mb-warning-400: #C09105;
  --mb-warning-500: #977004;
  --mb-warning-600: #6D5002;
  --mb-warning-700: #533C02;
  --mb-warning-800: #3A2901;
  --mb-warning-900: #221800;
  /* Danger */
  --mb-danger-50: #FFF8F8;
  --mb-danger-100: #FEF0F0;
  --mb-danger-200: #FEE9E9;
  --mb-danger-300: #FAB9B9;
  --mb-danger-400: #F56D6D;
  --mb-danger-500: #EE0202;
  --mb-danger-600: #AE0000;
  --mb-danger-700: #860000;
  --mb-danger-800: #610000;
  --mb-danger-900: #3D0000;
  
  
  --mb-font-family-sans-serif: system-ui, ".SF NS Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, "Roboto", Roboto, Droid Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', "Segoe UI Symbol", "Noto Color Emoji";
  --mb-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Consolas", "Liberation Mono", "Courier New", Courier, "Bitstream Vera Sans Mono", monospace;

}



/* Light Mode */
:root[color-mode="light"] {
  --surface1: #e6e6e6;
  --surface2: #f2f2f2;
  --surface3: #ffffff;
  --element1: #111111;
  --element2: #222222;
  --element3: #333333;
  --elementInverse: #eee;
  --primary: #01408e;
  --secondary: #3c5d5c;
  --tertiary: #fff7d6;
}

/* Dark Mode */
:root[color-mode="dark"] {
  --surface1: #262626;
  --surface2: #333333;
  --surface3: #404040;
  --element1: #eeeeee;
  --element2: #dddddd;
  --element3: #cccccc;
  --elementInverse: #111;
  --primary: #8fceff;
  --secondary: #72faca;
  --tertiary: #eee8a9;

}

/*
<!--- Default to light mode --->
<html color-mode="light">
    ...
</html>

<!--- Default to dark mode --->
<html color-mode="dark">
    ...
</html>
*/






.gdgd {
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
}



/*
<svg width="49" height="51" xmlns="http://www.w3.org/2000/svg"><path d="M3.9468 10.0288L20.5548.995c2.4433-1.3267 5.45-1.3267 7.8936 0l16.6078 9.0338C47.4966 11.3585 49 13.8102 49 16.4666V34.534c0 2.6537-1.5034 5.1082-3.9438 6.438l-16.6078 9.0307c-2.4435 1.3297-5.4503 1.3297-7.8937 0L3.9467 40.972C1.5035 39.642 0 37.1876 0 34.534V16.4667c0-2.6564 1.5034-5.108 3.9468-6.4378z" class="app-icon" fill-rule="evenodd"></path></svg>
*/


/*!******************************!*\ 
!***  id : kms-CSS-3
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/03buddypress.min.css
\**********************************/

@keyframes lazyAmination {
  0% {
    background-position: 100%0;
  }

  to {
    background-position: -300%0;
  }

  ;
}

@-webkit-keyframes loader-pulsate {
  0% {
    border-color: #aaa;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
  }

  to {
    border-color: #ccc;
    -webkit-box-shadow: 0 0 6px #f8f8f8;
    box-shadow: 0 0 6px #f8f8f8;
  }

  ;
}

@-moz-keyframes loader-pulsate {
  0% {
    border-color: #aaa;
    -moz-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
  }

  to {
    border-color: #ccc;
    -moz-box-shadow: 0 0 6px #f8f8f8;
    box-shadow: 0 0 6px #f8f8f8;
  }

  ;
}

@keyframes loader-pulsate {
  0% {
    border-color: #aaa;
    -moz-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
  }

  to {
    border-color: #ccc;
    -moz-box-shadow: 0 0 6px #f8f8f8;
    box-shadow: 0 0 6px #f8f8f8;
  }

  ;
}

@-moz-keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }

  ;
}

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

  to {
    transform: rotate(359deg);
  }

  ;
}

@-o-keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }

  ;
}

@-ms-keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }

  ;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }

  ;
}

@-moz-keyframes fade-in-out {

  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  ;
}

@-webkit-keyframes fade-in-out {

  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  ;
}

@-o-keyframes fade-in-out {

  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  ;
}

@-ms-keyframes fade-in-out {

  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  ;
}

@keyframes fade-in-out {

  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  ;
}

@keyframes backgroundColor {
  0% {
    left: -250%;
  }

  to {
    left: 250%;
  }

  ;
}

@-moz-keyframes bb_global_srch_spin {
  0% {
    -moz-transform: rotate(0);
  }

  to {
    -moz-transform: rotate(360deg);
  }

  ;
}

@-webkit-keyframes bb_global_srch_spin {
  0% {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }

  ;
}

@keyframes bb_global_srch_spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }

  ;
}

@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }

  ;
}

@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }

  ;
}

@keyframes blink {
  50% {
    background-color: transparent;
  }

  ;
}

@keyframes faded {
  0% {
    transform: translateX(-300px);
  }

  to {
    transform: translateX(0);
  }

  ;
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  ;
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  ;
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  ;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  ;
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  ;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  ;
}

@-webkit-keyframes pulse {

  0%,
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  ;
}

@-moz-keyframes pulse {

  0%,
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  ;
}

@keyframes pulse {

  0%,
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  ;
}

body #buddypress #item-body blockquote,
body #buddypress .bp-lists blockquote {
  margin-left: 10px;
}

body #buddypress .bp-list .action {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width:46.8em) {

  body.buddypress #page #primary,
  body.buddypress .site-content .entry-header {
    max-width: none;
  }

  body.buddypress .entry-content,
  body.buddypress .entry-header {
    float: none;
    max-width: none;
  }

  body.buddypress .site-content {
    padding-top: 2.5em;
  }

  body.buddypress #page #primary .entry-content,
  body.buddypress #page #primary .entry-header {
    float: none;
    width: auto;
  }

  ;
}

.bp-wrap:after,
.bp-wrap:before,
.buddypress-wrap .subnav-filters:after,
.buddypress-wrap .subnav-filters:before {
  content: " ";
  display: table;
}

.bp-wrap:after,
.buddypress-wrap .subnav-filters:after {
  clear: both;
}

body.buddypress article.page>.entry-header {
  margin-bottom: 2em;
  padding: 0;
}

body.buddypress article.page>.entry-header .entry-title {
  font-size: 28px;
  color: #767676;
}

@media screen and (min-width:46.8em) {
  body.buddypress article.page>.entry-header .entry-title {
    font-size: 34px;
  }

  ;
}

.buddypress-wrap dt.section-title {
  font-size: 18px;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap dt.section-title {
    font-size: 22px;
  }

  ;
}

.buddypress-wrap .bp-label-text,
.buddypress-wrap .message-threads {
  font-size: .75rem;
}

@media screen and (min-width:46.8em) {

  .buddypress-wrap .bp-label-text,
  .buddypress-wrap .message-threads {
    font-size: 1rem;
  }

  ;
}

.buddypress-wrap .activity-header,
.buddypress-wrap .bp-tables-report td,
.buddypress-wrap .bp-tables-report th,
.buddypress-wrap .bp-tables-user td,
.buddypress-wrap .bp-tables-user th,
.buddypress-wrap .dir-component-filters #activity-filter-by {
  font-size: .75rem;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .activity-header {
    font-size: 1rem;
  }

  ;
}

.buddypress-wrap #whats-new-post-in,
.buddypress-wrap .activity-inner {
  font-size: 1rem;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .activity-inner {
    font-size: 18px;
  }

  ;
}

.buddypress-wrap .acomment-meta,
.buddypress-wrap .mini .activity-header,
.buddypress-wrap .profile-fields th {
  font-size: 1rem;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .dir-component-filters #activity-filter-by {
    font-size: 1rem;
  }

  ;
}

@media screen and (min-width:46.8em) {

  .buddypress-wrap .bp-tables-report td,
  .buddypress-wrap .bp-tables-user td {
    font-size: .875rem;
  }

  ;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .profile-fields th {
    font-size: 18px;
  }

  ;
}

.buddypress-wrap .profile-fields td {
  font-size: .75rem;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .profile-fields td {
    font-size: 1rem;
  }

  ;
}

.bp-navs ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: scroll;
  overflow-y: scroll;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  overflow: scroll;
}

.bp-navs ul li.last select {
  max-width: 185px;
}

.bp-navs ul li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
  position: relative;
  line-height: 1.5;
  color: var(--mb-gray-900);
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding: 0 1rem;
  text-decoration: none;
}
.bp-navs ul li a::before {
    content: '';
    font-family: bb-icons;
    font-size: 2rem;
    font-weight: 400;
}
.bp-navs ul li.current a::before, .bp-navs ul li.selected a::before {
    font-weight: 300;
}
/*end gray add icon nav */

.bp-navs ul li .count {
  display: flex;
  position: relative;
  margin: 0 .5rem;
  padding: 0 .5rem;
  background-color: var(--bs-blue);
  color: var(--mb-base-white);
  border: 1px solid var(--bs-blue);
  border-radius: 9999px;
  font-size: .75rem;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
}

.bp-navs ul li.current a,
.bp-navs ul li.selected a {
  color: var(--bs-blue);
  opacity: 1;
  background-color: var(--mb-primary-50);
  font-weight: 700;
}

.bp-navs.bp-invites-filters ul li a,
.bp-navs.bp-messages-filters ul li a {
  border: 1px solid #ccc;
  display: inline-block;
}

.main-navs.dir-navs {
  margin: 0.5rem 0;
}

.buddypress-wrap .bp-navs li a:hover a .count {
  background-color: #ccc;
}

.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
  background: #ccc;
  color: #333;
}

@media screen and (min-width:46.8em) {

  .buddypress-wrap .main-navs.vertical li.current a,
  .buddypress-wrap .main-navs.vertical li.selected a {
    background: #555;
    color: #fafafa;
    text-decoration: none;
  }

  ;
}

.bp-subnavs li.current a,
.bp-subnavs li.selected a {
  color: #333;
}

.buddypress-wrap:not(.bp-single-vert-nav) .group-subnav#subsubnav,
.buddypress-wrap:not(.bp-single-vert-nav) .user-subnav#subsubnav {
  background: 0 0;
}

.buddypress-wrap .bp-navs.bp-invites-filters#subsubnav ul li.last,
.buddypress-wrap .bp-navs.bp-invites-nav#subnav ul li.last,
.buddypress-wrap .bp-navs.bp-messages-filters#subsubnav ul li.last {
  margin-top: 0;
}

.bp-subnavs ul li.current :focus,
.bp-subnavs ul li.current :hover,
.bp-subnavs ul li.selected :focus,
.bp-subnavs ul li.selected :hover {
  background: 0 0;
  color: #333;
}

@media screen and (max-width:46.8em) {
  .buddypress-wrap .single-screen-navs {
    border: 1px solid #eee;
  }

  .buddypress-wrap .single-screen-navs li {
    border-bottom: 1px solid #eee;
  }

  .buddypress-wrap .single-screen-navs li:last-child {
    border-bottom: none;
  }

  .bp-subnavs li a {
    font-size: .875rem;
  }

  ;
}

.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.selected a .count,
.buddypress_object_nav .bp-navs li.current a .count,
.buddypress_object_nav .bp-navs li.selected a .count {
  background-color: #fff;
}

.buddypress-wrap .bp-navs li.dynamic a .count,
.buddypress-wrap .bp-navs li.dynamic.current a .count,
.buddypress-wrap .bp-navs li.dynamic.selected a .count,
.buddypress_object_nav .bp-navs li.dynamic a .count,
.buddypress_object_nav .bp-navs li.dynamic.current a .count,
.buddypress_object_nav .bp-navs li.dynamic.selected a .count {
  background-color: #5087e5;
  border: 0;
  color: #fafafa;
}

.buddypress-wrap .bp-navs li.dynamic a:hover .count,
.buddypress_object_nav .bp-navs li.dynamic a:hover .count {
  background-color: #5087e5;
  border: 0;
  color: #fff;
}

.activity-update-form .activity-form.focus-in.has-feedback #message-feedabck.bp-messages div:empty,
.activity-update-form .activity-form.focus-in.has-feedback #message-feedabck.bp-messages p:empty,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in.has-feedback #message-feedabck.bp-messages div:empty,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in.has-feedback #message-feedabck.bp-messages p:empty,
.buddypress-wrap .bp-navs li a .count:empty,
.buddypress_object_nav .bp-navs li a .count:empty {
  display: none;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current),
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current),
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a {
  color: #767676;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a:hover,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:focus,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a:hover {
  background: 0 0;
  color: #333;
}

.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress-wrap .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:focus,
.buddypress_object_nav .bp-navs.group-create-links ul li:not(.current) a[disabled]:hover {
  color: #767676;
}

.buddypress-wrap .bp-navs.group-create-links ul li.current a,
.buddypress_object_nav .bp-navs.group-create-links ul li.current a {
  text-align: center;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap #subsubnav .activity-search {
    float: left;
  }

  .buddypress-wrap #subsubnav .filter {
    float: right;
  }

  ;
}

.buddypress_object_nav .bp-navs li a .count {
  display: inline-block;
  float: right;
}

@media screen and (min-width:46.8em) {
  .bp-dir-vert-nav .bp-navs.dir-navs {
    background: 0 0;
  }

  .bp-dir-vert-nav .bp-navs.dir-navs a .count {
    float: right;
  }

  ;
}

.bp-list li .item-avatar img.avatar,
.buddypress-wrap .dir-component-filters .filter label {
  display: inline;
}

.buddypress-wrap .subnav-filters {
  background: 0 0;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.buddypress-wrap .subnav-filters div {
  margin: 0;
  float: none;
}

.buddypress-wrap .subnav-filters>ul {
  float: left;
  list-style: none;
}

.buddypress-wrap .subnav-filters.bp-messages-filters ul {
  width: 100%;
}

.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
  margin-bottom: 1em;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
    margin-bottom: 0;
  }

  ;
}

.buddypress-wrap .subnav-filters div button.nouveau-search-submit {
  padding: 5px .8em 6px;
}

.buddypress-wrap .subnav-filters div button#user_messages_search_submit {
  display: none;
  padding: 0;
  width: auto;
}

.activity-update-form #whats-new-post-in-box,
.buddypress-wrap .subnav-filters .component-filters {
  margin: 1rem 0;
}

.buddypress-wrap .subnav-filters .feed {
  margin-right: 1rem;
}

.buddypress-wrap .subnav-filters .last.filter label {
  display: block;
  margin: 1rem 0;
}

.bp-list li:after,
.bp-list li:before,
.bp-list:after,
.bp-list:before,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:before {
  content: " ";
  display: table;
}

.bp-list li:after,
.bp-list:after,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap:after {
  clear: both;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-show {
  display: inline-block;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions-wrap.bp-hide {
  display: none;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap {
  border: 0;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:focus,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:hover {
  outline: 1px solid #d6d6d6;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-actions {
  float: left;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
  display: inline-block;
  font-weight: 300;
  margin-right: 25px;
  padding: 5px 0;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
  -webkit-appearance: textfield;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
  border: 0;
  border-radius: none;
  line-height: 1.8;
  margin: 0 0 0 10px;
  padding: 3px 5px;
  text-align: center;
  text-transform: none;
  width: auto;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply span {
  vertical-align: middle;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions input {
  margin-left: .5em;
}

@media screen and (min-width:32em) {
  .buddypress-wrap .subnav-filters li {
    margin-bottom: 0;
  }

  .buddypress-wrap .subnav-filters .bp-search,
  .buddypress-wrap .subnav-filters .dir-search,
  .buddypress-wrap .subnav-filters .feed,
  .buddypress-wrap .subnav-filters .group-act-search,
  .buddypress-wrap .subnav-filters .group-invites-search,
  .buddypress-wrap .subnav-filters .subnav-search,
  .buddypress-wrap .subnav-filters .subnav-search form,
  .buddypress-wrap .subnav-filters .user-messages-bulk-actions {
    float: left;
  }

  .buddypress-wrap .subnav-filters .component-filters,
  .buddypress-wrap .subnav-filters .last {
    float: right;
    margin-top: 0;
    margin-left: 0;
    width: auto;
  }

  .buddypress-wrap .subnav-filters .component-filters select,
  .buddypress-wrap .subnav-filters .last select {
    max-width: 250px;
  }

  ;
}

.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
  border: 0;
  border-radius: 0;
  line-height: 1.6;
}

.buddypress-wrap .group-subnav-filters .group-invites-search {
  margin-bottom: 1em;
}

.bp-list li .item .group-details,
.bp-list li .item .item-avatar,
.bp-list li .item .item-meta,
.bp-list li .item .list-title,
.bp-list li .item-avatar,
.buddypress-wrap .group-subnav-filters .last {
  text-align: center;
}

@media screen and (max-width:32em) {
  .buddypress-wrap .subnav-filters .grid-filters {
    margin-top: 10px;
  }

  ;
}

@media screen and (min-width:32em) {
  .buddypress-wrap .subnav-filters .grid-filters {
    float: right;
    padding: 0;
  }

  ;
}

.buddypress-wrap .grid-filters {
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  height: 36px;
}

.buddypress-wrap .grid-filters a {
  border-bottom: 0;
  color: #ccc;
  padding: 0 6px;
  line-height: 36px;
}

.buddypress-wrap .grid-filters a i {
  font-size: 24px;
  vertical-align: middle;
}

.buddypress-wrap .grid-filters a,
.buddypress-wrap .grid-filters a:active,
.buddypress-wrap .grid-filters a:focus {
  outline: 0;
}

.buddypress-wrap .grid-filters a.active {
  color: #222;
}

a.layout-grid-view {
  border-right: 1px solid #eee;
}

.flex.bp-secondary-header.align-items-center>.push-right.flex .no-ajax:last-child div div div {
  margin-right: 0;
}

.buddypress-wrap .bp-pagination {
  background: 0 0;
  border: 0;
  color: #767676;
  float: left;
  font-size: small;
  margin: 0;
  padding: .7em 0;
  position: relative;
  width: 100%;
}

.buddypress-wrap .bp-pagination .pag-count {
  float: left;
}

.buddypress-wrap .bp-pagination .bp-pagination-links {
  float: right;
  margin-right: 10px;
}

.buddypress-wrap .bp-pagination .bp-pagination-links a,
.buddypress-wrap .bp-pagination .bp-pagination-links span {
  font-size: small;
  padding: 0 5px;
}

.buddypress-wrap .bp-pagination .bp-pagination-links a:focus,
.buddypress-wrap .bp-pagination .bp-pagination-links a:hover {
  opacity: 1;
}

.activity-update-form #activity-header h3,
.buddypress-wrap .bp-pagination p {
  margin: 0;
}

.bp-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  margin: 20px 0;
  width: 100%;
}

.bp-list>li {
  border-bottom: 1px solid #eaeaea;
}

.bp-list,
.bp-list li {
  list-style: none;
  padding: .7em 0;
}

.bp-list li {
  position: relative;
}

.bp-list li .item .list-title {
  clear: none;
  font-size: 22px;
  margin: 0 auto;
}

@media screen and (min-width:46.8em) {
  .bp-list li .item .list-title {
    font-size: 26px;
  }

  ;
}

.bp-list li .item-meta,
.bp-list li .meta {
  color: #737373;
  font-size: .75rem;
  margin-bottom: 10px;
  margin-top: 10px;
}

.bp-list li .last-post {
  text-align: center;
}

.bp-list li .action {
  margin: 0;
  text-align: center;
}

.bp-list li .action .generic-button {
  display: inline-block;
  font-size: .75rem;
  margin: 0 10px 0 0;
}

.bp-list li,
.bp-list li .action div.generic-button,
.register-page .signup-form .editfield .field-visibility-settings fieldset {
  margin: 10px 0;
}

@media screen and (min-width:46.8em) {
  .bp-list li .item-avatar {
    float: left;
    margin-right: 5%;
  }

  .bp-list li .item {
    margin: 0;
    overflow: hidden;
  }

  .bp-list li .item .item-meta,
  .bp-list li .item .list-title {
    float: none;
    text-align: left;
  }

  .bp-list li .item .group-details,
  .bp-list li .item .last-post {
    text-align: left;
  }

  .bp-list li .group-desc,
  .bp-list li .last-post,
  .bp-list li .user-update {
    clear: none;
    overflow: hidden;
    width: auto;
  }

  .bp-list li .action {
    clear: left;
    padding: 0;
    text-align: left;
  }

  .bp-list li .action li.generic-button {
    margin-right: 0;
  }

  .bp-list li .action div.generic-button {
    margin: 0 0 10px;
  }

  .bp-list li .generic-button {
    display: block;
    margin: 0 0 5px;
  }

  ;
}

.buddypress-wrap ul.bp-list.groups-dir-list>li {
  min-width: 300px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-cover.cover-large a {
  padding-top: 145px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-cover a {
  position: relative;
  display: block;
  height: 100%;
  padding-top: 95px;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-cover img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap {
  padding-top: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item {
  padding: 0 20px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item .item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item .item-block * {
  padding: 0;
  text-align: left;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item .list-title {
  margin: 1rem 0 5px;
  font-size: 20px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item .list-title a {
  text-decoration: none;
  font-size: 19px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta {
  clear: none;
  display: inline;
  float: none;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta .group-visibility+.group-type:before,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta+.item-meta.last-activity:before {
  background-color: #8d8f97;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 4px;
  margin: 0 6px 0 5px;
  vertical-align: middle;
  width: 4px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .group-footer-wrap.group-members-hidden .group-members-wrap,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta.meta-group-type-hidden .group-type,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta.meta-privacy-hidden .group-type:before,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta.meta-privacy-hidden .group-visibility,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .item-meta-wrap .item-meta.meta-privacy-hidden.meta-group-type-hidden+.last-activity:before,
.buddypress-wrap ul.bp-list.groups-dir-list.grid .only-list-view {
  display: none;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .group-footer-wrap.group-join-button-hidden,
.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .group-footer-wrap.group-members-hidden {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.buddypress-wrap ul.bp-list.groups-dir-list .list-wrap .group-footer-wrap.group-members-hidden.group-join-button-hidden {
  display: none !important;
}

.buddypress-wrap ul.bp-list.groups-dir-list li.item-entry {
  margin-bottom: 1rem;
}

.buddypress-wrap ul.bp-list.groups-dir-list li.item-entry .item-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  text-align: initial;
}

.buddypress-wrap ul.bp-list.groups-dir-list li.item-entry .group-avatar-wrap img.avatar {
  width: auto;
  max-width: 75px;
  position: relative;
  border-radius: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list.grid.bb-cover-enabled .group-avatar-wrap img.avatar {
  margin-top: -47px;
}

.buddypress-wrap ul.bp-list.groups-dir-list.grid .group-avatar-wrap {
  margin-left: 20px;
}

.buddypress-wrap ul.bp-list.groups-dir-list.grid .group-avatar-wrap img.avatar {
  margin-top: 1rem;
}

.buddypress-wrap ul.bp-list.groups-dir-list.grid .list-wrap {
  border-radius: 4px;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

#whats-new-form:not(.bp-activity-edit--privacy-idle) #bp-activity-privacy-point[data-bp-tooltip][data-bp-tooltip-pos=up]:after,
#whats-new-form:not(.bp-activity-edit--privacy-idle) #bp-activity-privacy-point[data-bp-tooltip][data-bp-tooltip-pos=up]:before,
.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .only-grid-view {
  display: none;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry:first-child .list-wrap {
  border-radius: 3px 3px 0 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry:last-child .list-wrap {
  border-radius: 0 0 3px 3px;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fafafa;
  border: 1px solid #eee;
  padding: 1rem;
  border-radius: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-avatar {
  margin-right: 5px;
  width: auto;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 100px);
  padding-right: 0;
  overflow: initial;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .group-item-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 220px);
  flex: 0 0 calc(100% - 220px);
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .list-title {
  margin-top: 0;
  margin-bottom: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .group-members-wrap {
  margin-right: 1rem;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry.group-no-avatar .item {
  width: 100%;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-block {
  padding-right: 1rem;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .footer-button-wrap .generic-button,
.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-block .last-activity {
  margin-bottom: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-desc {
  flex: 1;
  padding-right: 20px;
  margin-top: 5px;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-desc:empty {
  display: none;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-desc p {
  font-size: .875rem;
  line-height: 1.4;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .group-footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
}

@media screen and (max-width:1000px) {

  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item,
  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .group-footer-wrap {
    flex-direction: column;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    align-items: flex-start;
  }

  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .group-footer-wrap {
    margin-bottom: 1rem;
  }

  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .footer-button-wrap,
  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item .group-members-wrap {
    margin-top: 10px;
  }

  ;
}

@media screen and (max-width:375px) {
  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .item-avatar {
    width: 100%;
    margin-bottom: 10px;
  }

  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .list-wrap {
    flex-wrap: wrap;
  }

  .buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry .list-wrap .item {
    padding-left: 0;
    width: 100%;
  }

  ;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1rem;
  padding-right: 10px;
  margin-right: 5px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members .bs-group-member {
  max-width: 28px;
  float: left;
  margin-right: -9px;
  position: relative;
  z-index: 1;
}

.buddypress-wrap .activity-comments .show-all button span,
.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members .bs-group-member a {
  text-decoration: none;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members .bs-group-member img {
  border: 2px solid transparent;
  background-color: var(--mb-base-white);
  border-radius: 50%;
  float: left;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  display: block;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members .bs-group-member [class*=" bb-icon-"] {
  height: 28px;
  width: 28px;
  font-size: 1rem;
  color: #c3c4c8;
  line-height: 28px;
  border-radius: 50%;
  background-color: #f9f9f9;
  border: 2px solid var(--mb-base-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-members .bs-group-member [class*=" bb-icon-"]:hover {
  background-color: #e3e3e3;
}

.buddypress-wrap ul.bp-list.groups-dir-list .group-footer-wrap:not(.group-join-button-hidden) .bs-group-members {
  margin-left: -4px;
}

.buddypress-wrap ul.bp-list.groups-dir-list .footer-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.buddypress-wrap ul.bp-list.groups-dir-list .footer-button-wrap .action {
  width: 100%;
}

.buddypress-wrap ul.bp-list.groups-dir-list .footer-button-wrap .action .generic-button {
  float: left;
}

@media screen and (max-width:375px) {
  .buddypress-wrap ul.bp-list.groups-dir-list>li {
    min-width: 280px;
  }

  ;
}

@media screen and (min-width:32em) {
  #activity-stream {
    clear: both;
    padding-top: 1em;
  }

  ;
}

.activity-list.bp-list {
  background: #fafafa;
  border: 1px solid #eee;
}

.activity-list.bp-list .activity-item {
  background: var(--mb-base-white);
  border: 1px solid #b7b7b7;
  -webkit-box-shadow: 0 0 6px #d2d2d2;
  -moz-box-shadow: 0 0 6px #d2d2d2;
  box-shadow: 0 0 6px #d2d2d2;
  margin: 20px 0;
}

.activity-list.bp-list li:first-child {
  margin-top: 0;
}

.friends-list {
  list-style-type: none;
}

.friends-request-list .item-title,
.membership-requests-list .item-title {
  text-align: center;
}

@media screen and (min-width:46.8em) {

  .friends-request-list li,
  .membership-requests-list li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  .friends-request-list li .item,
  .membership-requests-list li .item {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .friends-request-list li .action,
  .membership-requests-list li .action {
    text-align: right;
  }

  .friends-request-list li .item-title,
  .membership-requests-list li .item-title {
    font-size: 22px;
    text-align: left;
  }

  .friends-request-list li .item-title h3,
  .membership-requests-list li .item-title h3 {
    margin: 0;
  }

  ;
}

#notifications-user-list {
  clear: both;
  padding-top: 1em;
}

#notifications-user-list .bb-sort-by-date .notifications-order-actions a [class*=" bb-icon-"] {
  width: 20px;
  text-align: center;
}

@media screen and (min-width:46.8em) {
  body:not(.logged-in) .bp-list .item {
    margin-right: 0;
  }

  ;
}

.activity-permalink .item-list,
.activity-permalink .item-list li.activity-item,
.gif-search-query input[type=search] {
  border: 0;
}

.item-body .activity-update-form .activity-form {
  margin: 0;
  padding: 0;
}

#bp-activity-privacy-point.bp-activity-edit-group .bb-icon-chevron-down,
#bp-activity-privacy-point.bp-activity-focus-group-active i.bb-icon-chevron-down,
.bp-nouveau-activity-form-placeholder- {
  display: none;
}

.activity-post-name-status {
  max-width: 60%;
}

@media screen and (max-width:500px) {
  .activity-post-name-status {
    max-width: 80%;
  }

  ;
}

#bp-activity-privacy-point {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-top: 5px;
  max-width: 100%;
}

#bp-activity-privacy-point .privacy-point-icon:before {
  font-family: bb-icons;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;
}

#user-status-huddle #bp-activity-privacy-point .group-privacy-point-icon img {
  max-height: 24px;
  margin: -2px 0-2px -5px;
  border-radius: 3px;
}

#bp-activity-privacy-point.public .privacy-point-icon:before {
  content: "";
}

#bp-activity-privacy-point.loggedin .privacy-point-icon:before {
  content: "";
}

#bp-activity-privacy-point.friends .privacy-point-icon:before {
  content: "";
}

#bp-activity-privacy-point.onlyme .privacy-point-icon:before {
  content: "";
}

#bp-activity-privacy-point.group .privacy-point-icon:before {
  content: "";
}

#bp-activity-privacy-point.bp-activity-edit-group {
  opacity: .5;
  cursor: default;
}

.bp-activity-edit--privacy-idle #bp-activity-privacy-point {
  cursor: default;
}

.bp-activity-edit--privacy-idle #bp-activity-privacy-point i,
.bp-activity-edit--privacy-idle #bp-activity-privacy-point span {
  opacity: .5;
}

#bp-activity-privacy-point.bp-activity-focus-group-active {
  opacity: .5;
  cursor: default;
}

#bp-activity-privacy-point .bp-activity-privacy-status {
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
}

#bp-activity-privacy-point .bb-icon-chevron-down {
  margin-left: 2px;
}

.activity-post-user-name-container .activity-post-user-name {
  line-height: 1;
}

#whats-new-form {
  border: 1px solid #d2d4d6;
}

#whats-new-form .bb-model-header {
  box-shadow: none;
  border-bottom: 1px solid #d2d4d6;
}

#whats-new-form,
.bp-nouveau-activity-form-placeholder- {
  background-color: #fff;
}

#whats-new-form #bp-activity-privacy-point,
#whats-new-form #whats-new-privacy-stage,
.bp-nouveau-activity-form-placeholder- #bp-activity-privacy-point,
.bp-nouveau-activity-form-placeholder- #whats-new-privacy-stage {
  display: none;
}

.activity-modal-open {
  overflow: hidden;
}

#whats-new-form.focus-in #bp-activity-privacy-point {
  display: inline-flex;
  color: #92949d;
}

#whats-new-form.focus-in #bp-activity-privacy-point .bb-icon-chevron-down {
  font-size: .75rem;
  margin-left: 5px;
}

#whats-new-form.activity-form.has-draft #discard-draft-activity,
#whats-new-form.focus-in--privacy #whats-new-privacy-stage,
.activity-update-form .activity-form.focus-in .whats-new-form-header #user-status-huddle #bp-activity-privacy,
.activity-update-form .activity-form.focus-in .whats-new-form-header #user-status-huddle .user-name,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in .whats-new-form-header #user-status-huddle #bp-activity-privacy,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in .whats-new-form-header #user-status-huddle .user-name {
  display: block;
}

#whats-new-form.focus-in--privacy #activity-header {
  margin-bottom: 0 !important;
}

#whats-new-form.focus-in--privacy #editor-toolbar,
#whats-new-form.focus-in--privacy #message-feedabck,
#whats-new-form.focus-in--privacy #whats-new-attachments,
#whats-new-form.focus-in--privacy .whats-new-form-footer,
#whats-new-form.focus-in--privacy .whats-new-form-header {
  display: none;
}

#whats-new-form.focus-in--privacy:not(.focus-in--group) .privacy-status-form-footer {
  visibility: hidden;
  height: 0;
  width: 0;
  opacity: 0;
  border: 0;
}

#whats-new-form.focus-in--attm #editor-toolbar,
#whats-new-form.focus-in--scroll #editor-toolbar {
  border-top: 1px solid #eee;
}

#whats-new-form.focus-in--blank-group #privacy-status-submit,
#whats-new-form.focus-in--empty #aw-whats-new-submit {
  opacity: .6;
  cursor: default;
  pointer-events: none;
}

#whats-new-form.activity-form #discard-draft-activity,
#whats-new-form.focus-in--privacy.focus-in--group #privacy-status-back {
  display: none;
}

#whats-new-form:not(.focus-in--group) #privacy-status-group-back {
  display: none !important;
}

#whats-new-form:not(.focus-in--group) #whats-new-post-in-box-items,
.activity-update-form #whats-new-toolbar .post-elements-buttons-item.disable a.toolbar-button:after,
.activity-update-form #whats-new-toolbar .post-elements-buttons-item.disable a.toolbar-button:before,
.activity-update-form #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) a.toolbar-button:after,
.activity-update-form #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) a.toolbar-button:before,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.disable a.toolbar-button:after,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.disable a.toolbar-button:before,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) a.toolbar-button:after,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) a.toolbar-button:before {
  display: none;
}

.privacy-status-form-body {
  padding: 5px 0 1rem;
}

.bp-activity-privacy__label {
  margin: 0;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-align: left;
}

.bp-activity-privacy__label:hover {
  background-color: #fbfaf9;
}

.bp-activity-privacy__label .privacy-tag-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
}

.bp-activity-privacy__label .privacy-radio {
  margin-left: auto;
}

.bp-activity-privacy__label .privacy-figure {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  background-color: #efefef;
  text-align: center;
  margin: 0 1rem 0 0;
  font-weight: 300;
}

.bp-activity-privacy__label .privacy-figure:before {
  font-family: bb-icons;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
}

.activity-privacy>li.bb-edit-privacy.public a:before,
.activity-privacy>li.public:before,
.bp-activity-privacy__label .privacy-figure--public:before {
  content: "";
}

.bp-activity-privacy__label .privacy-figure--loggedin:before {
  content: "";
}

.bp-activity-privacy__label .privacy-figure--friends:before {
  content: "";
}

.bp-activity-privacy__label .privacy-figure--onlyme:before {
  content: "";
}

.bp-activity-privacy__label .privacy-figure--group:before {
  content: "";
}

.bp-activity-privacy__label .privacy-label {
  display: inline-block;
  font-weight: 700;
  margin: 0 0 5px;
}

.bp-activity-privacy__label .privacy-label i {
  margin: 0 0 0 5px;
}

.bp-activity-privacy__label .privacy-sub-label {
  display: block;
  font-size: 80%;
  color: #7f868f;
}

.privacy-status-actions {
  margin-left: auto;
  padding: 10px 1rem;
}

.privacy-status-form-footer {
  display: flex;
  justify-content: space-between;
  background-color: #fbfbfc;
  border-top: 1px solid #eee;
  border-radius: 0 0 4px 4px;
}

#buddypress input#privacy-status-back,
#buddypress input#privacy-status-group-back {
  background: 0 0;
  border: 0;
  font-size: .875rem;
  font-weight: 700;
  color: #a3a5a9;
  margin: 0 10px;
  padding: 0 10px;
  width: auto;
  box-shadow: none;
}

.activity-update-form,
.bp-nouveau-activity-form-placeholder- {
  border: 1px solid #ccc;
  margin: 1rem 0;
}

.activity-update-form #whats-new-form-placeholder,
.activity-update-form #whats-new-form.activity-form,
.bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new-form.activity-form {
  position: relative;
  display: inline-block;
  width: 100%;
}

.activity-update-form #whats-new-form.bottom-notice,
.bp-nouveau-activity-form-placeholder- #whats-new-form.bottom-notice {
  margin-bottom: 60px;
}

.activity-update-form #whats-new-form.bottom-notice #message-feedabck.updated,
.bp-nouveau-activity-form-placeholder- #whats-new-form.bottom-notice #message-feedabck.updated {
  position: absolute;
  bottom: -60px;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more.active>ul,
.activity-update-form .whats-new-form-header,
.bp-nouveau-activity-form-placeholder- .whats-new-form-header {
  display: flex;
}

.activity-update-form .bb-model-header,
.bp-nouveau-activity-form-placeholder- .bb-model-header {
  display: none;
  background-color: #fff;
}

.activity-update-form .bb-model-header .bb-icon-close,
.bp-nouveau-activity-form-placeholder- .bb-model-header .bb-icon-close {
  color: #939597;
}

.activity-update-form #user-status-huddle #bp-activity-privacy,
.activity-update-form #user-status-huddle .user-name,
.activity-update-form #whats-new-submit #aw-whats-new-reset,
.bp-nouveau-activity-form-placeholder- #user-status-huddle #bp-activity-privacy,
.bp-nouveau-activity-form-placeholder- #user-status-huddle .user-name,
.bp-nouveau-activity-form-placeholder- #whats-new-submit #aw-whats-new-reset {
  display: none;
}

.activity-list .activity-item .activity-content .activity-state a,
.activity-update-form .activity-form.focus-in#whats-new-form #whats-new-toolbar,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in#whats-new-form #whats-new-toolbar,
.register-page .signup-form .editfield fieldset,
form.ac-form .ac-reply-content .ac-textarea .ac-reply-toolbar .post-elements-buttons-item>.emojionearea.ac-input {
  border: 0;
  padding: 0;
  min-width: 100%;
}

.activity-update-form .activity-form.focus-in .bb-model-header,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in .bb-model-header {
  padding: 1rem;
  display: flex;
  margin: 0;
}

.activity-update-form .activity-form.focus-in #whats-new,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #whats-new {
  display: block;
  padding: 0 25px 10px;
  min-height: 95px;
}

.activity-update-form .activity-form.focus-in #activity-form-submit-wrapper,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #activity-form-submit-wrapper {
  padding: 0;
  min-width: 100%;
}

.activity-update-form .activity-form.focus-in #whats-new-content,
.activity-update-form .edit-activity-content-wrap #whats-new-content,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #whats-new-content,
.bp-nouveau-activity-form-placeholder- .edit-activity-content-wrap #whats-new-content,
input.search-query-input {
  width: 100%;
}

.activity-update-form .activity-form.focus-in .whats-new-form-header,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in .whats-new-form-header {
  flex-flow: column;
}

.activity-update-form .activity-form.focus-in .whats-new-form-header #user-status-huddle,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in .whats-new-form-header #user-status-huddle {
  width: auto;
  display: flex;
}

.activity-update-form .activity-form.focus-in #editor-toolbar,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  padding: 20px 25px 1rem;
  margin: 0;
  border-top: 0;
}

.activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:before,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .emojionearea-button:before {
  content: "";
  font: 400 24px/1 bb-icons;
  opacity: 1;
  background: 0 0;
  position: static;
}

.activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item {
  margin-right: 10px;
}

.activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"],
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"],
.social-networks-wrap a i {
  font-size: 24px;
}

.activity-update-form .activity-form.focus-in #whats-new-attachments .dropzone.open,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #whats-new-attachments .dropzone.open {
  margin: 0 0 10px;
}

.activity-update-form .activity-form.focus-in.has-feedback #message-feedabck.bp-messages,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in.has-feedback #message-feedabck.bp-messages {
  position: absolute;
  top: 58px;
  margin: 1rem 25px 0;
  width: calc(100% - 50px);
  min-width: initial;
  border-radius: 4px;
}

.activity-update-form .activity-form.focus-in.has-feedback #message-feedabck.bp-messages>div,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in.has-feedback #message-feedabck.bp-messages>div {
  padding: 10px 20px 10px 5px;
}

.activity-update-form .activity-form.focus-in:not(.has-feedback) #activity-header,
.bp-nouveau-activity-form-placeholder- .activity-form.focus-in:not(.has-feedback) #activity-header {
  margin-bottom: 0 !important;
}

.activity-update-form #user-status-huddle,
.bp-nouveau-activity-form-placeholder- #user-status-huddle {
  margin: 0;
  width: 78px;
  padding: 1rem;
}

.activity-update-form #user-status-huddle img,
.bp-nouveau-activity-form-placeholder- #user-status-huddle img {
  box-shadow: none;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
}

.activity-update-form #whats-new-elements-buttons ul li,
.activity-update-form .activity-post-avatar,
.bp-nouveau-activity-form-placeholder- #whats-new-elements-buttons ul li,
.bp-nouveau-activity-form-placeholder- .activity-post-avatar {
  display: inline-block;
}

.activity-update-form #whats-new,
.activity-update-form #whats-new-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new,
.bp-nouveau-activity-form-placeholder- #whats-new-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: 0;
  box-shadow: none;
  overflow: hidden;
  padding: 10px 1rem 10px 0;
  min-height: 77px;
  height: auto !important;
  resize: none !important;
  border-radius: 0 4px 4px 0;
}

.activity-update-form #whats-new-form #whats-new-toolbar,
.activity-update-form #whats-new-form-placeholder #whats-new-toolbar,
.bp-nouveau-activity-form-placeholder- #whats-new-form #whats-new-toolbar,
.bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder #whats-new-toolbar {
  padding: 0.5rem 1rem;
  background-color: #eaeaea;
  border-top: 1px solid #eee;
}

.activity-update-form #whats-new-form #whats-new-toolbar .medium-editor-placeholder,
.activity-update-form #whats-new-form-placeholder #whats-new-toolbar .medium-editor-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new-form #whats-new-toolbar .medium-editor-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder #whats-new-toolbar .medium-editor-placeholder {
  background-color: transparent;
}

.activity-update-form .whats-new-form-footer,
.bp-nouveau-activity-form-placeholder- .whats-new-form-footer {
  display: flex;
  justify-content: space-between;
  background-color: #eaeaea;
  border-top: 1px solid #eee;
}

.activity-update-form #whats-new-toolbar .post-elements-buttons-item.disable,
.activity-update-form #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active),
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.disable,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) {
  pointer-events: initial;
}

.activity-update-form #whats-new-toolbar .post-elements-buttons-item.disable a.toolbar-button,
.activity-update-form #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) a.toolbar-button,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.disable a.toolbar-button,
.bp-nouveau-activity-form-placeholder- #whats-new-toolbar .post-elements-buttons-item.no-click:not(.active) a.toolbar-button {
  cursor: default;
}

.activity-update-form #whats-new-content,
.activity-update-form #whats-new-content-placeholder,
.bp-nouveau-activity-form-placeholder- #whats-new-content,
.bp-nouveau-activity-form-placeholder- #whats-new-content-placeholder {
  padding: 0;
  width: calc(100% - 70px);
}

#whats-new-toolbar,
.activity-update-form #whats-new-attachments,
.bp-nouveau-activity-form-placeholder- #whats-new-attachments {
  padding: 10px;
}

.activity-update-form #whats-new-elements-buttons,
.bp-nouveau-activity-form-placeholder- #whats-new-elements-buttons {
  margin: 1em 0;
}

.activity-update-form #whats-new-elements-buttons ul,
.bp-nouveau-activity-form-placeholder- #whats-new-elements-buttons ul {
  list-style: none;
}

.activity-update-form .activity-form:not(.focus-in) #whats-new,
.activity-update-form .activity-form:not(.focus-in) #whats-new-form #whats-new-toolbar,
.activity-update-form .activity-form:not(.focus-in) #whats-new:before,
.bp-nouveau-activity-form-placeholder- .activity-form:not(.focus-in) #whats-new,
.bp-nouveau-activity-form-placeholder- .activity-form:not(.focus-in) #whats-new-form #whats-new-toolbar,
.bp-nouveau-activity-form-placeholder- .activity-form:not(.focus-in) #whats-new:before {
  cursor: pointer;
}

.activity-update-form .activity-form:not(.focus-in) #whats-new-toolbar.hidden,
.bp-nouveau-activity-form-placeholder- .activity-form:not(.focus-in) #whats-new-toolbar.hidden {
  display: none;
}

.activity-update-form #editor-toolbar,
.bp-nouveau-activity-form-placeholder- #editor-toolbar {
  display: none;
}

.activity-update-form.modal-popup,
.bp-nouveau-activity-form-placeholder-.modal-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  background-color: rgba(250, 251, 253, .9);
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
  z-index: 999991;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100%;
  overflow: auto;
}

.activity-update-form.modal-popup .activity-update-form-overlay,
.bp-nouveau-activity-form-placeholder-.modal-popup .activity-update-form-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.activity-update-form.modal-popup .whats-new-scroll-view,
.bp-nouveau-activity-form-placeholder-.modal-popup .whats-new-scroll-view {
  max-height: calc(100vh - 280px);
  overflow: auto;
  width: 100%;
  overscroll-behavior: contain;
  padding: 0 0 1rem;
}

.activity-update-form.modal-popup #whats-new-form,
.bp-nouveau-activity-form-placeholder-.modal-popup #whats-new-form {
  width: 800px;
  max-width: 90%;
  margin: auto;
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
  border-radius: .5rem;
  padding: 0;
  overflow: hidden;
}

.activity-update-form.modal-popup .gif-media-search-dropdown,
.bp-nouveau-activity-form-placeholder-.modal-popup .gif-media-search-dropdown {
  top: initial;
  bottom: 30px;
}

.activity-update-form.modal-popup .gif-media-search-dropdown .gif-search-results,
.bp-nouveau-activity-form-placeholder-.modal-popup .gif-media-search-dropdown .gif-search-results {
  min-height: 320px;
  max-height: 320px;
}

@media screen and (max-height:540px) {

  .activity-update-form.modal-popup .gif-media-search-dropdown .gif-search-results,
  .bp-nouveau-activity-form-placeholder-.modal-popup .gif-media-search-dropdown .gif-search-results {
    min-height: 190px;
    max-height: 190px;
  }

  ;
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker {
  top: inherit;
  left: initial;
  right: 30px;
  bottom: -50px;
  margin-bottom: 10px;
  height: 305px;
  z-index: 999;
}

@media screen and (min-width:1200px) {

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker {
    left: unset;
    right: -138px;
    bottom: 25px;
  }

  ;
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper {
  height: 230px;
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper .emojionearea-scroll-area,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper .emojionearea-scroll-area {
  height: 220px;
  bottom: -75px;
}

.activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after,
.bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  bottom: -.75rem;
  top: inherit;
  left: initial;
  right: -.875rem;
  transform: rotate(90deg);
  display: none;
}

@media screen and (min-width:1200px) {

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    bottom: -85px;
    right: 142px;
    transform: rotate(180deg);
  }

  ;
}

@media screen and (max-width:390px) {

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker {
    height: 190px;
    width: 270px;
    right: -10px;
    bottom: 25px;
  }

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-search,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-search {
    width: 120px;
  }

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
    width: 30px;
  }

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter img.emojioneemoji,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter img.emojioneemoji {
    height: 20px !important;
    width: 20px !important;
  }

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper {
    width: 270px;
    height: 190px;
  }

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper .emojionearea-scroll-area,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper .emojionearea-scroll-area {
    height: 105px;
    bottom: 0;
  }

  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after,
  .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    bottom: -10px;
    top: inherit;
    left: initial;
    right: .875rem;
    transform: rotate(181deg);
  }

  ;
}

.activity-update-form.modal-popup .bp-activity-edit.loading,
.bp-nouveau-activity-form-placeholder-.modal-popup .bp-activity-edit.loading {
  text-align: center;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more,
.activity-update-form.modal-popup .bp-activity-edit.loading #whats-new-content,
.bp-nouveau-activity-form-placeholder-.modal-popup .bp-activity-edit.loading #whats-new-content,
div[class*=attached-gif-container] {
  position: relative;
}

.activity-update-form.modal-popup .bp-activity-edit.loading #whats-new-content:after,
.bp-nouveau-activity-form-placeholder-.modal-popup .bp-activity-edit.loading #whats-new-content:after {
  content: "";
  font: 400 22px/1 bb-icons;
  margin: 10px auto;
  display: inline-block;
  text-align: center;
  color: #939597;
  animation: spin 2s infinite linear;
  position: absolute;
  top: 1rem;
}

.activity-update-form.modal-popup .dropzone .dz-preview.dz-complete .dz-progress,
.bb-document-privacy-wrap .privacy.no-change:after,
.bb-media-privacy-wrap .privacy.no-change:after,
.bp-nouveau-activity-form-placeholder-.modal-popup .dropzone .dz-preview.dz-complete .dz-progress {
  display: none;
}

.activity-update-form.modal-popup #user-status-huddle,
.bp-nouveau-activity-form-placeholder-.modal-popup #user-status-huddle {
  padding: 1rem;
}

.activity-update-form.modal-popup #whats-new-form #whats-new-attachments,
.bp-nouveau-activity-form-placeholder-.modal-popup #whats-new-form #whats-new-attachments {
  padding: 0 25px;
}

.atwho-container .atwho-view {
  z-index: 999999;
}

@media (max-width:400px) {
  .atwho-view ul li {
    font-size: .875rem;
    line-height: 20px;
    padding: 8px 10px;
  }

  .atwho-view ul li img {
    height: 20px;
    margin: 0 10px 0 0;
    width: 20px;
  }

  .atwho-view ul li .username {
    margin: 0;
    padding: 0;
  }

  .atwho-view ul li small {
    margin-left: 0;
  }

  ;
}

#whats-new-formatting-toolbar,
#whats-new-messages-toolbar,
#whats-new-toolbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#whats-new-formatting-toolbar .post-elements-buttons-item,
#whats-new-messages-toolbar .post-elements-buttons-item,
#whats-new-toolbar .post-elements-buttons-item {
  margin: 0 1rem 0 0;
  position: relative;
}

#whats-new-messages-toolbar .post-elements-buttons-item,
.activity-form #whats-new-toolbar .post-elements-buttons-item {
  line-height: 1;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar {
  top: inherit;
  bottom: 6px;
  left: 40px;
  visibility: hidden;
  z-index: 99;
  background-color: var(--mb-base-white);
  opacity: 0;
  transition: all ease .3s;
  height: 0;
  right: 0;
  overflow: hidden;
  border-radius: 0;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar.active,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active {
  display: block;
  border-radius: 0;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  bottom: .75rem;
  height: 40px;
}

div .bbp-reply-form #whats-new-toolbar .medium-editor-toolbar.active,
div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active {
  bottom: .75rem;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar.medium-editor-toolbar-active,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.medium-editor-toolbar-active {
  opacity: 1;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions {
  background-color: transparent;
  height: auto;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
  padding-right: 6px;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button {
  box-shadow: none;
  padding: 10px 10px 10px 0;
  min-width: 30px;
  border: 0;
  background-color: transparent !important;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
  background: 0 0 !important;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close {
  padding-right: 0;
}

.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
  width: calc(100% - 80px);
  margin-bottom: 0;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder,
.bbp-reply-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder,
.bbp-topic-form #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
  color: #4d5c6d;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input.isNotValid.validate {
  color: #ef3e46 !important;
  border-color: #f5858a !important;
}

.buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button,
.medium-editor-toolbar .medium-editor-toolbar-actions button {
  color: rgba(18, 43, 70, .4);
}

.buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active,
.medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
  color: #122b46;
}

.activity-update-form .activity-link-preview-container {
  margin-bottom: 20px;
}

.activity-update-form .medium-editor-toolbar {
  top: inherit;
  bottom: 9px;
  left: 11px;
  visibility: hidden;
  z-index: 99;
  background-color: transparent;
  transition: bottom ease .3s;
  height: 0;
  width: 100%;
  max-width: calc(100% - 130px);
  overflow: hidden;
  display: none;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more .medium-editor-action-more-button b:before {
  content: "";
  font-family: bb-icons;
  font-weight: 300;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more .medium-editor-action-more-button.active b:before {
  color: #000;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more>ul {
  position: absolute;
  width: auto;
  top: -30px;
  left: 10px;
  transform: translateX(-50%);
  background: var(--mb-base-white);
  border: 1px solid #e1e3e6;
  box-sizing: border-box;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .13);
  border-radius: 4px;
  display: none;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more>ul:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: transparent transparent #fff var(--mb-base-white);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg) translateX(-50%);
  -ms-transform: rotate(-45deg) translateX(-50%);
  transform: rotate(-45deg) translateX(-50%);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
  display: none;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more>ul button {
  padding: 5px !important;
  height: auto !important;
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more>ul button b {
  display: inline-block;
  height: auto;
}

.activity-update-form .medium-editor-toolbar.active {
  border-radius: 0;
  z-index: 10;
  visibility: visible;
  overflow: visible;
  height: auto;
}

.activity-update-form .medium-editor-toolbar.active .medium-editor-toolbar-actions {
  overflow: visible;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions {
  background-color: transparent;
  padding: 0;
  height: 44px;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
  padding-right: 6px;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button {
  box-shadow: none !important;
  padding: 0 10px 0 0;
  height: 35px;
  min-width: 30px;
  border: 0;
  background-color: transparent !important;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
  background: 0 0 !important;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close {
  padding-right: 0;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
  width: calc(100% - 80px);
  margin-bottom: 0;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-form-active {
  position: absolute;
  left: 1rem;
  bottom: 5px;
  box-shadow: none;
  width: calc(800px - 40px);
  max-width: calc(100vw - 55px - 10%);
  padding: 0 !important;
}

.activity-update-form .activity-attached-gif-container {
  margin-bottom: 0;
  height: auto !important;
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar {
  visibility: visible;
  height: 44px;
  left: 0;
  opacity: 1;
  border-radius: 0;
}

#whats-new-messages-toolbar .post-elements-buttons-item.disable a>i,
#whats-new-messages-toolbar .post-elements-buttons-item.disable.active a>i,
.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions {
  opacity: .4;
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li {
  pointer-events: none;
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions {
  opacity: 1;
}

.bbpress #bbpress-forums #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .activity-update-form.media-off #whats-new-content .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-reply-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .bbp-topic-form #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li {
  pointer-events: auto;
}

.bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar {
  bottom: -24px;
  left: -1rem;
}

.activity-update-form .focus-in .medium-editor-toolbar {
  display: block;
}

#whats-new-textarea [contenteditable=true]:empty:before,
#whats-new-textarea-placeholder [contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: #bbb;
  cursor: text;
  display: block;
}

#activity-form-submit-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0 10px;
}

#whats-new-post-in-box,
#whats-new-post-in-box-items .bp-activity-object label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

#whats-new-post-in-box {
  margin: 10px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#whats-new-post-in-box #activity-autocomplete {
  font-size: 1rem;
  padding: 2px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.activity-autocomplete-wrapper {
  position: relative;
  display: block;
}

.activity-autocomplete-wrapper:before {
  content: "";
  font-family: bb-icons;
  speak: none;
  display: inline-block;
  width: 1em;
  font-size: 20px;
  color: rgba(18, 43, 70, .4);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translate(0, -50%);
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.activity-autocomplete-wrapper .activity-autocomplete-clear {
  display: none;
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translate(0, -50%);
  z-index: 6;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.activity-autocomplete-wrapper .activity-autocomplete-clear i {
  font-size: 20px;
  color: rgba(18, 43, 70, .4);
  display: block;
}

.activity-is-autocomplete .activity-autocomplete-wrapper .activity-autocomplete-clear,
.activity-list .activity-item .activity-content .activity-state.has-likes.has-comments .ac-state-separator,
.bb-document-privacy-wrap .privacy-wrap,
.bb-media-privacy-wrap .privacy-wrap {
  display: inline-block;
}

#whats-new-post-in-box-items {
  list-style: none;
  position: relative;
  width: 100%;
}

#whats-new-post-in-box-items #activity-autocomplete {
  width: 100%;
  border-radius: 3px;
  padding: 5px 35px 5px 48px;
  height: 44px;
  position: relative;
  z-index: 2;
  background-color: transparent;
}

#whats-new-post-in-box-items li {
  margin-bottom: 10px;
}

#whats-new-post-in-box-items .bp-activity-object {
  padding: 5px 10px;
}

#whats-new-post-in-box-items .bp-activity-object label {
  display: -webkit-flex;
  -webkit-align-items: center;
  cursor: pointer;
}

#whats-new-post-in-box-items .bp-activity-object .privacy-radio {
  margin-left: auto;
}

#whats-new-post-in-box-items .bp-activity-object .avatar {
  width: 30px;
  border-radius: 4px;
  margin-right: 1rem;
}

#whats-new-post-in-box-items .bp-activity-object .bp-item-name {
  font-size: 1rem;
  font-weight: 700;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#whats-new-post-in-box-items .bp-activity-object:focus,
#whats-new-post-in-box-items .bp-activity-object:hover {
  cursor: pointer;
}

#whats-new-post-in-box-items .bp-activity-object button.bp-remove-item {
  padding: 0;
  border: 0;
  background: 0 0;
  font-size: 17px;
  margin: 0 6px;
}

#whats-new-post-in {
  margin-right: 10px;
  display: none;
}

#bp-activity-group-ac-items {
  min-width: 200px;
  max-height: 230px;
  overflow-y: auto;
  padding: 0;
  margin: 10px 0 0;
  width: 100%;
  z-index: 11;
  position: relative;
}

#bp-activity-group-ac-items:empty {
  display: none;
}

#bp-activity-group-ac-items>.dashicons {
  display: block;
  margin: 5px auto;
}

#bp-activity-group-ac-items .groups-selection {
  position: relative;
  padding: 0 30px;
  margin: 1rem 0 0;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

#bp-activity-group-ac-items .groups-selection .animate-spin {
  margin-right: 10px;
}

#bp-activity-group-ac-items.group_scrolling--revive {
  overflow-y: visible;
}

#bp-activity-group-ac-items::-webkit-scrollbar {
  width: .75rem;
}

#bp-activity-group-ac-items::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #a4acb4;
}

.bp-item-opt {
  content: "";
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background-color: var(--mb-base-white);
  border: 2px solid #d6dce6;
  border-radius: 100%;
  margin-right: 10px;
  margin-left: auto;
}

#whats-new-submit {
  margin: 10px 0 10px auto;
  display: flex;
  flex-flow: row-reverse;
}

#whats-new-submit input {
  font-size: .875rem;
  line-height: 1;
}

#activity-post-form-privacy {
  line-height: 1;
}

.bp-activity-privacy {
  font-size: 1rem;
}

.bb-document-privacy-wrap,
.bb-media-privacy-wrap,
.buddypress-wrap .members-list li .item-avatar a {
  display: inline-block;
  position: relative;
}

.bb-document-privacy-wrap .privacy,
.bb-media-privacy-wrap .privacy {
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 1;
}

.activity-privacy>li:before,
.bb-document-privacy-wrap .privacy:before,
.bb-media-privacy-wrap .privacy:before {
  content: "";
  font-family: bb-icons;
  font-size: 1.125rem;
  vertical-align: middle;
  display: inline-block;
  font-weight: 300;
}

.bb-document-privacy-wrap .privacy:after,
.bb-media-privacy-wrap .privacy:after {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
}

.bb-document-privacy-wrap .privacy.onlyme:before,
.bb-media-privacy-wrap .privacy.onlyme:before {
  content: "";
}

.bb-document-privacy-wrap .privacy.loggedin:before,
.bb-media-privacy-wrap .privacy.loggedin:before {
  content: "";
}

.bb-document-privacy-wrap .privacy.friends:before,
.bb-media-privacy-wrap .privacy.friends:before {
  content: "";
}

.bb-document-privacy-wrap .privacy.loading:before,
.bb-media-privacy-wrap .privacy.loading:before {
  content: "";
  animation: spin 2s infinite linear;
}

.bb-document-privacy-wrap .activity-privacy,
.bb-media-privacy-wrap .activity-privacy {
  display: none;
  margin: 0;
  position: absolute;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  padding: 5px 0;
  min-width: 200px;
  left: -20px;
  top: 35px;
  z-index: 119;
}

.bb-document-privacy-wrap .activity-privacy:before,
.bb-media-privacy-wrap .activity-privacy:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 20px;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 1002;
}

.bb-document-privacy-wrap .activity-privacy li,
.bb-media-privacy-wrap .activity-privacy li {
  cursor: pointer;
  padding: 10px .875rem;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 1px;
}

#item-body #group-invites-container li.selected,
.bb-document-privacy-wrap .activity-privacy .selected,
.bb-document-privacy-wrap .activity-privacy li:hover,
.bb-media-privacy-wrap .activity-privacy .selected,
.bb-media-privacy-wrap .activity-privacy li:hover {
  background: #f5f5f5;
}

.bb-document-privacy-wrap .activity-privacy.bb-open,
.bb-media-privacy-wrap .activity-privacy.bb-open {
  display: block;
}

.activity-privacy>li a {
  color: #7f868f;
}

.activity-privacy>li:before {
  content: "";
  font-size: 1.5rem;
  margin-right: 1rem;
  width: auto;
  text-align: center;
  color: var(mb-gray-400);
}

.activity-privacy>li.bb-edit-privacy.onlyme a:before,
.activity-privacy>li.onlyme:before {
  content: "";
}

.activity-privacy>li.bb-edit-privacy.loggedin a:before,
.activity-privacy>li.loggedin:before {
  content: "";
}

.activity-privacy>li.friends:before {
  content: "";
}

.activity-privacy>li.bb-edit-privacy:before {
  display: none;
}

.activity-privacy>li.bb-edit-privacy a:before {
  content: "";
  font-family: bb-icons;
  font-size: 1rem;
  margin-right: 10px;
  width: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
  font-weight: 400;
}

.activity-privacy>li.bb-edit-privacy.friends a:before {
  content: "";
}

.bb-media-model-container .bb-media-privacy-wrap .activity-privacy {
  left: auto;
  right: -20px;
}

.bb-media-model-container .bb-media-privacy-wrap .activity-privacy:before {
  left: auto;
  right: 44px;
}

.gif-media-search {
  position: relative;
  max-width: 400px;
}

div[class*=attached-gif-container] .gif-image-remove {
  border-radius: 10px;
  cursor: pointer;
  height: 19px;
  width: 19px;
  top: 5px;
  right: 5px;
  background-color: #f8f8f8;
}

div[class*=attached-gif-container] .gif-image-overlay {
  color: #9ea8b3;
  margin-top: 0;
  position: absolute;
  text-align: center;
}

div[class*=attached-gif-container] .gif-image-overlay .bb-icon-times {
  font-size: 20px;
  vertical-align: top;
  line-height: 20px;
}

div[class*=attached-gif-container] .gif-player {
  position: relative;
  max-width: 480px;
}

div[class*=attached-gif-container] .gif-player video {
  margin: 0;
  max-width: 100%;
  border-radius: 4px;
}

div[class*=attached-gif-container] .gif-play-button {
  height: 60px;
  width: 60px;
  font-size: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
}

div[class*=attached-gif-container] .gif-play-button .bb-icon-play-thin {
  font-size: 80px;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0;
}

div[class*=attached-gif-container] .gif-icon {
  background: url(../images/GIF.svg)center no-repeat;
  position: absolute;
  display: block;
  height: 28px;
  width: 44px;
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
  background-size: 28px;
  padding: 8px;
  background-color: #000;
  opacity: .45;
}

.gif-media-search-dropdown {
  position: absolute;
  top: 100%;
  z-index: 99;
  display: none;
  margin: 10px 0 0-1rem;
  background: var(--mb-base-white);
  border-radius: 4px;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  padding-bottom: 10px;
  border: 1px solid #e7e9ec;
}

.gif-media-search-dropdown.open {
  display: block;
  width: 300px;
}

.gif-media-search-dropdown .gif-alert {
  justify-content: center;
  flex-flow: column;
  min-height: 100px;
  display: none;
}

.gif-media-search-dropdown .gif-alert.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.gif-media-search-dropdown .gif-alert [class*=bb-icon] {
  font-size: 30px !important;
  color: #333 !important;
  opacity: .4;
}

.gif-media-search-dropdown .gif-alert p {
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  opacity: .4;
}

@media screen and (min-width:768px) {
  .gif-media-search-dropdown.open {
    width: 360px;
  }

  ;
}

.gif-search-query {
  background-color: var(--mb-base-white);
  border-radius: 4px 4px 0 0;
  position: relative;
  padding: 5px 10px 3px;
  margin: 0;
  border-bottom: 1px solid #e7e9ec;
}

.gif-search-content .gif-search-results {
  padding: 10px 10px 0;
  overflow: auto;
  min-height: 280px;
  max-height: 380px;
}

.gif-search-content .gif-search-results ul {
  columns: 2 auto;
  column-gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gif-search-content .gif-search-results ul li {
  margin: 0 0 4px;
  padding: 0;
}

.gif-search-content .gif-search-results ul .bg1 {
  background: #e0245e;
}

.gif-search-content .gif-search-results ul .bg2 {
  background: #f45d22;
}

.gif-search-content .gif-search-results ul .bg3 {
  background: #ffad1f;
}

.gif-search-content .gif-search-results ul .bg4 {
  background: #17bf63;
}

.gif-search-content .gif-search-results ul .bg5 {
  background: #1c94e0;
}

.gif-search-content .gif-search-results ul .bg6 {
  background: #794bc4;
}

.found-media-item img {
  width: 100%;
  height: 100%;
  min-width: 100%;
}

#content .toolbar-button {
  box-shadow: none;
}

.ac-input font[color],
.medium-editor-element font[color] {
  color: inherit;
}

@media screen and (max-width:768px) {
  .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-actions button {
    padding: 10px 5px 10px 0;
  }

  .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-left: 5px !important;
  }

  ;
}

@media screen and (max-width:560px) {
  .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar-actions button {
    padding: 10px 0;
  }

  ;
}

.document-support-hide,
.media-support-hide,
.post-emoji-hide,
.post-gif-hide,
.video-support-hide {
  display: none;
}

.activity-list {
  padding: .7em;
}

.activity-list .activity-item:after,
.activity-list .activity-item:before,
.groups-manage-members-list ul .members-manage-buttons:after,
.groups-manage-members-list ul .members-manage-buttons:before,
.single-headers:after,
.single-headers:before {
  content: " ";
  display: table;
}

.activity-list .activity-item:after,
.single-headers:after {
  clear: both;
}

.activity-list .activity-item {
  list-style: none;
  padding: 1em;
}

.activity-list .activity-item.has-comments {
  padding-bottom: 1em;
}

.activity-list .activity-item div.item-avatar {
  margin: 0 auto;
  text-align: center;
  width: auto;
}

.activity-list .activity-item div.item-avatar img {
  height: auto;
  max-width: 40%;
}

@media screen and (min-width:46.8em) {
  .activity-list .activity-item div.item-avatar {
    margin: 0 2%0 0;
    text-align: left;
    width: 15%;
  }

  .activity-list .activity-item div.item-avatar img {
    max-width: 80%;
  }

  ;
}

.activity-list .activity-item.mini {
  font-size: .75rem;
  position: relative;
}

.activity-list .activity-item.mini .activity-avatar {
  margin-left: auto;
  text-align: center;
  width: auto;
}

.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
.activity-list .activity-item.mini .activity-avatar img.avatar {
  max-width: 15%;
}

@media screen and (min-width:46.8em) {
  .activity-list .activity-item.mini .activity-avatar {
    margin-left: 1rem;
    text-align: left;
    width: 15%;
  }

  .activity-list .activity-item.mini .activity-avatar img.FB_profile_pic,
  .activity-list .activity-item.mini .activity-avatar img.avatar {
    max-width: 60%;
  }

  ;
}

.activity-list .activity-item .activity-avatar img.avatar {
  image-rendering: -webkit-optimize-contrast;
}

.activity-list .activity-item.new_forum_post .activity-inner,
.activity-list .activity-item.new_forum_topic .activity-inner {
  border-left: 2px solid #eaeaea;
  margin-left: 10px;
  padding-left: 1em;
}

.activity-list .activity-item.newest_blogs_activity,
.activity-list .activity-item.newest_friends_activity,
.activity-list .activity-item.newest_groups_activity,
.activity-list .activity-item.newest_mentions_activity {
  background: rgba(31, 179, 221, .1);
}

.activity-list .activity-item .activity-inreplyto {
  color: #767676;
  font-size: .75rem;
}

.activity-list .activity-item .activity-inreplyto>p {
  display: inline;
  margin: 0;
}

.activity-list .activity-item .activity-inreplyto .activity-inner,
.activity-list .activity-item .activity-inreplyto blockquote {
  background: 0 0;
  border: 0;
  display: inline;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.activity-list .activity-item .activity-header {
  margin: 0 auto;
  width: 80%;
  word-break: break-word;
}

.activity-list .activity-item .activity-header a,
.activity-list .activity-item .activity-header img {
  display: inline;
}

.activity-list .activity-item .activity-header .avatar {
  display: inline-block;
  margin: 0 5px;
  vertical-align: bottom;
}

.activity-list .activity-item .activity-header .time-since {
  font-size: .875rem;
  color: #767676;
  text-decoration: none;
}

.activity-list .activity-item .activity-header .time-since:hover {
  color: #767676;
  cursor: pointer;
  text-decoration: underline;
}

.activity-list .activity-item .activity-header .activity-to {
  visibility: hidden;
  display: inline-block;
  white-space: nowrap;
  width: 1em;
}

.activity-list .activity-item .activity-header .activity-to:before {
  display: inline-block;
  font-family: dashicons;
  vertical-align: middle;
  content: "";
  visibility: visible;
}

@media screen and (min-width:55em) {
  .activity-list .activity-item .activity-header .activity-to:before {
    font-size: 1rem;
  }

  ;
}

.activity-list .activity-item .activity-header .activity-time-since:before {
  content: "·";
  color: #767676;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}

.activity-list .activity-item .activity-content .activity-header,
.activity-list .activity-item .activity-content .comment-header {
  color: #767676;
  margin-bottom: 10px;
}

.activity-list .activity-item .activity-content p,
.activity-list .activity-item .bp-generic-meta.action div.generic-button {
  margin: 0;
}

.activity-list .activity-item .activity-content .activity-state {
  display: none;
  font-size: .75rem;
  clear: both;
}

.activity-list .activity-item .activity-content .activity-state .ac-state-separator,
.activity-list .activity-item .activity-content .activity-state .activity-state-comments,
.activity-list .activity-item .activity-content .activity-state .activity-state-likes,
.activity-list .comment-item .bp-generic-meta.action a.report-content.button:before,
.activity-list .comment-item .bp-generic-meta.action a.reported-content.button:before {
  display: none;
}

.activity-list .activity-item .activity-content .activity-state.has-likes .activity-state-likes {
  display: inline-block;
  background-color: transparent;
}

.activity-list .activity-item .activity-content .activity-state.has-comments .activity-state-comments {
  display: inline-block;
  margin: 0 0 .5rem;
}

.activity-list .activity-item .activity-content .activity-state.has-comments,
.activity-list .activity-item .activity-content .activity-state.has-likes {
  display: block;
}

.activity-list .activity-item .activity-inner p {
  word-break: break-word;
}

.activity-list .activity-item .activity-read-more {
  margin-left: 1em;
  white-space: nowrap;
}

.activity-list .activity-item ul.activity-meta {
  margin: 0;
  padding-left: 0;
}

.activity-list .activity-item ul.activity-meta li {
  border: 0;
  display: inline-block;
}

.activity-list .activity-item .bp-generic-meta.action {
  border: 1px solid transparent;
  background: #fafafa;
  padding: 2px;
  position: relative;
  text-align: left;
}

.activity-list .activity-item .bp-generic-meta.action .button {
  background: 0 0;
}

.activity-list .activity-item .bp-generic-meta.action a {
  padding: 4px 8px;
}

.activity-list .activity-item .bp-generic-meta.action .button:focus,
.activity-list .activity-item .bp-generic-meta.action .button:hover {
  background: 0 0;
}

.activity-list .activity-item .bp-generic-meta.action .button:before,
.activity-list .activity-item .bp-generic-meta.action .icons:before {
  font-family: bb-icons;
  font-size: 20px;
  vertical-align: middle;
}

.activity-list .activity-item .bp-generic-meta.action .acomment-reply.button:before,
.activity-list .activity-item .bp-generic-meta.action .view:before {
  content: "";
}

.activity-list .activity-item .bp-generic-meta.action .fav:before {
  content: "";
}

.activity-list .activity-item .bp-generic-meta.action .unfav:before {
  content: "";
  color: #0061ac;
  font-weight: 300;
}

.activity-list .activity-item .bp-generic-meta.action .edit-activity:before {
  content: "";
  font-size: 20px;
}

.activity-list .activity-item .bp-generic-meta.action .delete-activity:before {
  content: "";
}

.activity-list .activity-item .bp-generic-meta.action .report-content:before,
.activity-list .activity-item .bp-generic-meta.action .reported-content:before {
  content: "";
  position: relative;
  font-size: 20px;
  width: 22px;
  display: inline-block;
  line-height: 1;
}

.activity-list .activity-item .bp-generic-meta.action .reported-content {
  opacity: .8 !important;
  pointer-events: none;
}

.activity-list .activity-item .bp-generic-meta.action .spam-activity:before {
  content: "";
}

.activity-list .activity-item .bp-generic-meta.action .delete-activity:hover {
  color: #800;
}

.activity-list .activity-item .bp-generic-meta.action .button {
  border: 0;
  box-shadow: none;
}

.activity-list .activity-item .bp-generic-meta.action .button span {
  background: 0 0;
  font-weight: 600;
}

.activity-list .activity-item .bp-generic-meta.action .unfav .like-count {
  color: #0061ac;
}

#buddypress .activity-list .comment-item .bp-generic-meta.action a.report-content.button span,
#buddypress .activity-list .comment-item .bp-generic-meta.action a.report-content.button:hover span,
#buddypress .activity-list .comment-item .bp-generic-meta.action a.reported-content.button span,
#buddypress .activity-list .comment-item .bp-generic-meta.action a.reported-content.button:hover span {
  font-weight: 700;
  font-size: .75rem;
  color: #939597;
  vertical-align: middle;
}

.activity-list .bp-activity-head {
  margin-right: 35px;
}

.activity-list .bb-activity-more-options-wrap {
  position: absolute;
  right: 1rem;
  top: .5rem;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action {
  padding: 5px;
  display: flex;
  cursor: pointer;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action i {
  font-size: 1.5rem;
  color: #939597;
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap {
  float: right;
  position: relative;
  right: initial;
  top: initial;
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:after {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  left: inherit;
  bottom: inherit;
}

.bb-media-model-container .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%220.75rem%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(18,43,70,0.95)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  transform: translate(0, -50%) rotate(180deg);
  left: inherit;
  bottom: inherit;
  display: inline-block;
  width: 6px;
  height: 18px;
  margin-right: -5px;
  right: 100%;
  top: 100%;
  margin-top: 3px;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options {
  position: absolute;
  top: 30px;
  right: 10px;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 198px;
  padding: 5px 0;
  display: none;
  z-index: 11;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options.is_visible {
  display: block;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  margin: 0 auto;
  right: 8px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options p {
  margin: 0;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button {
  width: 100%;
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a {
  margin: 0;
  display: block;
  text-align: left;
  opacity: 1;
  font-size: .75rem;
  width: 100%;
  text-transform: none;
  min-height: auto;
  border-radius: 0;
  padding: 10px .875rem;
  color: #7f868f;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover {
  color: #5087e5;
  background-color: #f5f5f5;
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:before {
  font-family: bb-icons;
  font-size: 1.5rem;
  font-weight: 400;
  display: inline-block;
  margin: 0 .5rem 0 0;
  vertical-align: middle;
  text-align: center;
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.report-content:before,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.reported-content:before {
  content: "";
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.delete-activity:before,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.delete:before {
  content: "";
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.ac-video-thumbnail-edit:before {
  content: "";
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.edit-activity:before {
  content: "";
}

#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a span:not(.bp-screen-reader-text) {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width:460px) {
  .activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action[data-balloon][data-balloon-pos=up]:after {
    -webkit-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
  }

  ;
}

#buddypress .activity-list .comment-item .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a.delete:before {
  vertical-align: bottom;
}

.activity-list .comment-item .acomment-meta {
  margin-right: 25px;
}

.activity-list .comment-item .bb-activity-more-options-wrap {
  position: absolute;
  right: 0;
  top: -7px;
}

@media screen and (min-width:46.8em) {
  .activity-list.bp-list {
    padding: 30px;
  }

  .activity-list .activity-item .activity-content {
    margin: 0;
    position: relative;
  }

  .activity-list .activity-item .activity-content:after {
    clear: both;
    content: "";
    display: table;
  }

  .activity-list .activity-item .activity-header {
    margin: 0 1rem 0 0;
    width: auto;
  }

  ;
}

.activity-inner:empty {
  display: none;
}

.activity-list .load-more,
.activity-list .load-newest {
  background: #fafafa;
  border: 1px solid #eee;
  font-size: 110%;
  margin: 1rem 0;
  padding: 0;
  text-align: center;
}

.activity-list .load-more a,
.activity-list .load-newest a {
  color: #555;
  display: block;
  padding: .7em 0;
}

.activity-list .load-more a:focus,
.activity-list .load-more a:hover,
.activity-list .load-newest a:focus,
.activity-list .load-newest a:hover {
  background: var(--mb-base-white);
  color: #333;
}

.activity-list .load-more:focus,
.activity-list .load-more:hover,
.activity-list .load-newest:focus,
.activity-list .load-newest:hover {
  border-color: #e1e1e1;
  -webkit-box-shadow: 0 0 6px 0#eaeaea;
  -moz-box-shadow: 0 0 6px 0#eaeaea;
  box-shadow: 0 0 6px 0#eaeaea;
}

ul.medium-editor-toolbar-actions .medium-editor-action b {
  font-family: bb-icons;
  text-align: center;
  width: 24px;
}

ul.medium-editor-toolbar-actions .medium-editor-action b:before {
  font-family: bb-icons;
  display: block;
  transform: none;
  font-size: 24px;
}

ul.medium-editor-toolbar-actions .medium-editor-action-bold b:before {
  content: "";
}

ul.medium-editor-toolbar-actions .medium-editor-action-italic b:before {
  content: "";
}

ul.medium-editor-toolbar-actions .medium-editor-action-unorderedlist b:before {
  content: "";
}

ul.medium-editor-toolbar-actions .medium-editor-action-orderedlist b:before {
  content: "";
}

ul.medium-editor-toolbar-actions .medium-editor-action-quote b:before {
  content: "";
  font-family: bb-icons;
}

ul.medium-editor-toolbar-actions .medium-editor-action-anchor b:before {
  content: "";
}

ul.medium-editor-toolbar-actions .medium-editor-action-pre b:before {
  content: "";
}

ul.medium-editor-toolbar-actions .medium-editor-action-close b:before {
  content: "";
  font-family: bb-icons;
  font-weight: 100;
}

#whats-new-formatting-toolbar .bb-icon,
#whats-new-formatting-toolbar [class*=" bb-icon-"],
#whats-new-messages-toolbar .bb-icon,
#whats-new-messages-toolbar [class*=" bb-icon-"],
#whats-new-toolbar .bb-icon,
#whats-new-toolbar [class*=" bb-icon-"],
.ac-reply-toolbar .bb-icon,
.ac-reply-toolbar [class*=" bb-icon-"] {
  color: rgba(18, 43, 70, .5);
  transition: all linear .2s;
  font-size: 2rem;
  width: auto;
  height: auto;
}

#whats-new-formatting-toolbar .emojionearea .emojionearea-button:before,
#whats-new-messages-toolbar .emojionearea .emojionearea-button:before,
#whats-new-toolbar .emojionearea .emojionearea-button:before,
.ac-reply-toolbar .emojionearea .emojionearea-button:before {
  content: "";
  font: 400 24px/1 bb-icons;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#whats-new-formatting-toolbar .post-elements-buttons-item.disable,
#whats-new-formatting-toolbar .post-elements-buttons-item.disable.active {
  pointer-events: none;
  opacity: .4;
}

#whats-new-messages-toolbar .post-elements-buttons-item.disable,
#whats-new-messages-toolbar .post-elements-buttons-item.disable.active {
  pointer-events: none;
}

#whats-new-toolbar .post-elements-buttons-item.disable,
#whats-new-toolbar .post-elements-buttons-item.disable.active,
.ac-reply-toolbar .post-elements-buttons-item.disable,
.ac-reply-toolbar .post-elements-buttons-item.disable.active {
  pointer-events: none;
  opacity: .4;
}

#whats-new-formatting-toolbar .post-elements-buttons-item.no-click,
#whats-new-messages-toolbar .post-elements-buttons-item.no-click,
#whats-new-toolbar .post-elements-buttons-item.no-click,
.ac-reply-toolbar .post-elements-buttons-item.no-click {
  pointer-events: none;
}

#whats-new-messages-toolbar .post-elements-buttons-item.disable,
#whats-new-messages-toolbar .post-elements-buttons-item.disable.active {
  opacity: 1;
}

.activity-url-scrapper-loading {
  display: block;
  font-size: .875rem;
  color: #a3a5a9;
  margin: .75rem 0 10px;
}

.activity-url-scrapper-loading>i {
  font-size: 18px;
  margin-right: 10px;
  vertical-align: middle;
}

.activity-link-preview-container {
  padding: 0;
  color: #82878c;
  background: var(--mb-base-white);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  position: relative;
  width: 100%;
  zoom: 1;
  display: flex;
  flex-direction: column;
  transition: all linear .2s;
}

.activity-link-preview-container+.bb-activity-media-wrap,
body.activity-permalink .activity-comments ul li>ul {
  margin-top: 10px;
}

.activity-video-preview .activity-link-preview-container {
  padding: 0;
}

.activity-link-preview-container div.fluid-width-video-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

.activity-link-preview-container .activity-link-preview-info p.activity-link-preview-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.activity-link-preview-container .activity-link-preview-info .activity-link-preview-excerpt p {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0 !important;
}

.activity-link-preview-container .activity-link-preview-title>a:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.activity-link-preview .activity-link-preview-container .activity-link-preview-image:before,
.activity-link-preview .activity-link-preview-container .activity-link-preview-info:before {
  content: "";
  transition: all linear .3s;
}

.activity-link-preview .activity-link-preview-container:hover .activity-link-preview-image-cover,
.activity-link-preview .activity-link-preview-container:hover .activity-link-preview-info {
  position: relative;
}

.activity-link-preview .activity-link-preview-container:hover .activity-link-preview-image-cover:before,
.activity-link-preview .activity-link-preview-container:hover .activity-link-preview-info:before {
  background-color: rgba(0, 0, 0, .05);
  position: absolute;
  inset: 0;
  z-index: 1;
}

.activity-link-preview .activity-link-preview-container:hover .activity-link-preview-info div,
.activity-link-preview .activity-link-preview-container:hover .activity-link-preview-info p {
  position: relative;
  z-index: 2;
}

.activity-link-preview .activity-link-preview-container:hover #activity-url-scrapper-img-holder #activity-link-preview-close-image,
.activity-link-preview .activity-link-preview-container:hover #activity-url-scrapper-img-holder .activity-link-preview-icons,
.activity-link-preview .activity-link-preview-container:hover #activity-url-scrapper-img-holder .activity-url-thumb-nav {
  z-index: 2;
}

.activity-link-preview .activity-link-preview-container:hover #activity-url-scrapper-img-holder [data-bp-tooltip]:after,
.activity-link-preview .activity-link-preview-container:hover #activity-url-scrapper-img-holder [data-bp-tooltip]:before {
  transform: translate(-50%, 10px);
}

.activity-link-preview-image img {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 4px 4px 0 0;
  object-fit: cover;
  object-position: center;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder {
  display: flex;
  flex-flow: column;
  max-width: 100%;
  position: relative;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image {
  transition: all linear .2s;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-image-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: flex;
  flex-direction: row;
  width: calc(100% - 30px);
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a {
  border: 0;
  color: rgba(0, 0, 0, .25);
  background-color: #f2f4f5;
  font-size: 22px;
  border-radius: 50%;
  text-decoration: none;
  transition: all linear .2s;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, .08) !important;
  display: flex;
  height: 35px;
  width: 35px;
  justify-content: center;
  align-items: center;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a:not(:last-child) {
  margin-right: 5px;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a:hover {
  color: #000;
  transition: all linear .2s;
}

@media screen and (max-width:767px) {
  .activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a {
    font-size: 24px;
  }

  ;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons #activity-link-preview-select-image {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons #activity-link-preview-select-image .bb-icon-l {
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.activity-url-scrapper-container.activity-link-preview .activity-link-preview-info {
  display: flex;
  background-color: #e1e3e5;
  flex-flow: column;
  padding: 10px 1rem;
  transition: all linear .2s;
}

.activity-url-scrapper-container.activity-link-preview .activity-link-preview-info .activity-link-preview-link-name {
  font-size: .75rem;
  font-weight: 700;
  color: #9b9c9f;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 2px;
}

.activity-url-scrapper-container.activity-post-form-link-wp-embed .activity-link-preview-excerpt>.twitter-tweet {
  margin: 0 auto !important;
}

.activity-url-scrapper-container .activity-link-preview-container:before {
  opacity: 1;
  visibility: visible;
}

.activity-url-scrapper-container .activity-link-preview-container .activity-link-preview-image:before,
.activity-url-scrapper-container .activity-link-preview-container .activity-link-preview-info:before {
  display: none;
}

.activity-video-preview .activity-link-preview-excerpt {
  float: none;
  margin: 0 auto;
}

#bbpress-forums div.bbp-reply-content img,
#bbpress-forums div.bbp-topic-content img,
.activity-video-preview .activity-link-preview-excerpt p iframe {
  max-width: 100%;
}

.activity-video-preview .activity-link-preview-container,
.buddypress-wrap .profile.edit .editfield fieldset {
  border: 0;
}

.activity-video-preview .activity-link-preview-container .activity-link-preview-title {
  margin: 0;
}

.activity-video-preview .activity-link-preview-excerpt,
.activity-video-preview .activity-link-preview-excerpt iframe {
  width: 100%;
}

.activity-video-preview .activity-link-preview-excerpt .bb-video-wrapper,
.activity-video-preview .activity-link-preview-excerpt>p,
.bb-action-popup .bb-action-popup-content p {
  margin-bottom: 0;
}

@media screen and (max-width:799px) {
  #activity-url-scrapper-img-holder {
    max-width: inherit;
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .activity-link-preview-excerpt {
    width: 100%;
    float: none;
    clear: both;
  }

  .activity-link-preview-image {
    max-width: inherit;
  }

  .activity-link-preview-image img {
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
  }

  ;
}

.activity-video-preview {
  padding: 0;
}

.activity-link-preview-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #1e2132;
  margin: 0 0 2px;
}

.activity-link-preview-title a,
.activity-link-preview-title a:hover {
  color: #32373c;
}

.activity-link-preview-excerpt p {
  font-size: .875rem;
  line-height: 21px;
  margin-bottom: 5px;
  color: #5a5a5a;
}

.activity-link-preview-excerpt a.activity-link-preview-more {
  color: #b4b9be;
}

.activity-link-preview-excerpt a.activity-link-preview-more:hover {
  text-decoration: underline !important;
}

.activity-url-thumb-nav {
  margin: auto;
  text-align: center;
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  height: 40px;
  transform: translate(0, -50%);
}

#buddypress .activity-url-thumb-nav button {
  cursor: pointer;
  margin: 0 3px;
  padding: 0;
  border: 0;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  display: none;
}

#buddypress .activity-url-thumb-nav button .bb-icon-l {
  display: block;
}

#buddypress .activity-url-thumb-nav button .bb-icon-l::before {
  font-size: 40px;
  text-shadow: 0 0 4px rgba(0, 0, 0, .3);
  color: #fff;
}

#buddypress .activity-url-thumb-nav button#activity-url-nextPicButton {
  left: inherit;
  right: 0;
}

.activity-url-thumb-nav .bb-icons {
  font-size: 20px;
  position: relative;
  height: 20px;
  width: 10px;
  vertical-align: top;
}

#activity-url-scrapper-img-count {
  font-size: .75rem;
  color: #7f7f7f;
  margin: 0 30px;
  display: none;
}

.activity-url-error {
  color: #d33;
}

#activity-url-scrapper-url {
  color: rgba(0, 0, 0, .6);
  font-size: .875rem;
}

#activity-close-link-suggestion {
  border: 0;
  color: #8d8f97;
  font-size: .75rem;
  float: right;
  text-decoration: none;
}

.activity-post-form-link-wp-embed #activity-close-link-suggestion {
  top: 30px;
  left: 8px;
  right: auto;
  z-index: 11;
}

@media screen and (max-width:32em) {
  #activity-close-link-suggestion {
    color: #000;
  }

  ;
}

#activity-link-preview-close-image {
  border: 0;
  color: rgba(0, 0, 0, .25);
  background-color: #f2f4f5;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  text-decoration: none;
  transition: all linear .2s;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, .08) !important;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#activity-link-preview-close-image:hover {
  color: #000;
  transition: all linear .2s;
}

#activity-link-preview-close-image .bb-icons.bb-icon-close {
  font-size: 20px;
}

@media screen and (max-width:767px) {
  #activity-link-preview-close-image {
    font-size: 24px;
  }

  ;
}

#activity-close-link-suggestion:focus,
#activity-link-preview-close-image:focus {
  outline: 0;
}

.acomment-content .buddyboss-media-photo-link,
.activity-inner .buddyboss-media-photo-link {
  display: none !important;
}

blockquote.wp-embedded-content {
  padding: 25px;
  font-size: .875rem;
  font-style: normal;
  color: #82878c;
  background: var(--mb-base-white);
  border: 1px solid #e5e5e5;
  position: relative;
  margin: 0;
}

blockquote.wp-embedded-content>a,
blockquote.wp-embedded-content>p:first-child>a {
  color: #32373c;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}

blockquote.wp-embedded-content>a:hover,
blockquote.wp-embedded-content>p:first-child>a:hover {
  text-decoration: underline;
}

.activity-inner iframe.lazy {
  animation-duration: 1.3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: lazyAmination;
  animation-timing-function: linear;
  background: #f6f7f8;
  background-size: 800px 104px;
}

span.dashicons.dashicons-admin-file:before {
  content: "";
  font-family: bb-icons;
}

.activity-list .activity-item .activity-content.document-activity,
.activity-list .activity-item .activity-content.video-activity-wrap {
  position: relative;
}

.activity-list .activity-item .activity-content.document-activity .activity-inner,
.activity-list .activity-item .activity-content.video-activity-wrap .activity-inner,
button[data-bp-tooltip] {
  overflow: visible;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list {
  display: inline-block;
}

#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list {
  position: relative;
  display: inline-block;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .activity-item {
  margin-bottom: 40px;
  max-height: calc(90vh - 40px);
  min-height: calc(90vh - 40px);
}

#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list .activity-item,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list .activity-item {
  margin-bottom: 40px;
  max-height: calc(90vh - 40px);
  min-height: calc(90vh - 40px);
  position: static;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-document,
#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document {
  position: absolute;
  bottom: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #ecedee;
  background-color: var(--mb-base-white);
  font-size: 1rem;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list,
.bb-media-model-wrapper.media-theatre .activity-list.bp-list,
.bb-media-model-wrapper.video-theatre .activity-list.bp-list {
  position: relative;
  float: right;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .activity-item,
.bb-media-model-wrapper.media-theatre .activity-list.bp-list .activity-item,
.bb-media-model-wrapper.video-theatre .activity-list.bp-list .activity-item {
  padding-bottom: 50px;
  max-height: 90vh;
  min-height: 90vh;
  position: static;
  overflow: scroll;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-media,
#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-video,
.bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media,
.bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-video,
.bb-media-model-wrapper.video-theatre .activity-list.bp-list .download-media,
.bb-media-model-wrapper.video-theatre .activity-list.bp-list .download-video {
  position: absolute;
  bottom: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #ecedee;
  background-color: var(--mb-base-white);
  font-size: 1rem;
}

@media screen and (max-width:767px) {

  #bbpress-forums .bb-media-model-container .activity-list.bp-list .activity-item,
  .bb-media-model-wrapper.media-theatre .activity-list.bp-list .activity-item,
  .bb-media-model-wrapper.video-theatre .activity-list.bp-list .activity-item {
    min-height: auto;
  }

  ;
}

.activity-media-description,
.activity-video-description {
  margin-bottom: 10px;
}

.activity-media-description .bp-add-media-activity-description.show-add,
.activity-media-description .bp-add-media-activity-description.show-edit,
.activity-media-description .bp-add-video-activity-description.show-add,
.activity-media-description .bp-add-video-activity-description.show-edit,
.activity-video-description .bp-add-media-activity-description.show-add,
.activity-video-description .bp-add-media-activity-description.show-edit,
.activity-video-description .bp-add-video-activity-description.show-add,
.activity-video-description .bp-add-video-activity-description.show-edit,
.buddypress-wrap .profile.edit .button-nav li {
  display: inline-block;
  margin-right: 10px;
}

.activity-media-description .bp-add-media-activity-description.show-edit .add,
.activity-media-description .bp-add-video-activity-description.show-edit .add,
.activity-video-description .bp-add-media-activity-description.show-edit .add,
.activity-video-description .bp-add-video-activity-description.show-edit .add {
  display: none;
}

.activity-media-description .bp-add-media-activity-description.show-edit .edit,
.activity-media-description .bp-add-video-activity-description.show-edit .edit,
.activity-video-description .bp-add-media-activity-description.show-edit .edit,
.activity-video-description .bp-add-video-activity-description.show-edit .edit {
  display: inline-block;
}

.activity-media-description .bp-add-media-activity-description.show-add .add,
.activity-media-description .bp-add-video-activity-description.show-add .add,
.activity-video-description .bp-add-media-activity-description.show-add .add,
.activity-video-description .bp-add-video-activity-description.show-add .add {
  display: inline-block;
  margin-bottom: 10px;
}

.activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .no_more_option .media-action-wrap,
.activity-media-description .bp-add-media-activity-description.show-add .edit,
.activity-media-description .bp-add-video-activity-description.show-add .edit,
.activity-video-description .bp-add-media-activity-description.show-add .edit,
.activity-video-description .bp-add-video-activity-description.show-add .edit,
.bb-activity-media-wrap .no_more_option .media-action-wrap {
  display: none;
}

.activity-media-description .bp-media-activity-description,
.activity-media-description .bp-video-activity-description,
.activity-video-description .bp-media-activity-description,
.activity-video-description .bp-video-activity-description {
  margin-bottom: 10px;
  font-size: .875rem;
  white-space: pre-wrap;
  max-height: 105px;
  overflow: auto;
}

.activity-list .activity-item .activity-content.media-activity-wrap .activity-inner,
.bb-activity-media-wrap {
  overflow: initial;
}

@media screen and (max-width:544px) {

  .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-activity-media-elem,
  .bb-activity-media-wrap .bb-activity-media-elem {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
  }

  .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-activity-media-elem .entry-img,
  .bb-activity-media-wrap .bb-activity-media-elem .entry-img {
    padding-top: 55.56% !important;
  }

  .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-activity-media-elem.hideact-grid-1-2,
  .bb-activity-media-wrap .bb-activity-media-elem.hideact-grid-1-2 {
    flex: 0 !important;
  }

  .activity-list .activity-item .activity-content.media-activity-wrap .activity-inner .bb-media-length-1 .bb-activity-media-elem .entry-img,
  .bb-activity-media-wrap .bb-media-length-1 .bb-activity-media-elem .entry-img {
    padding-top: 0 !important;
  }

  ;
}

#media-stream.media .bb-photo-thumb,
#media-stream.media .bb-video-thumb,
#video-stream.video .bb-item-thumb,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity,
.bb-activity-media-wrap .bb-activity-video-elem,
.bb-activity-video-wrap .bb-activity-video-elem {
  position: relative;
}

#media-stream.media .bb-photo-thumb.is-visible .bb-item-cover-wrap:after,
#media-stream.media .bb-photo-thumb.is-visible .media-action-wrap,
#media-stream.media .bb-photo-thumb.is-visible .media-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb.is-visible .video-action-wrap,
#media-stream.media .bb-photo-thumb.is-visible .video-action-wrap .video-action_list,
#media-stream.media .bb-photo-thumb:hover .bb-item-cover-wrap:after,
#media-stream.media .bb-photo-thumb:hover .media-action-wrap,
#media-stream.media .bb-photo-thumb:hover .video-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .media-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .video-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity:hover .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity:hover .media-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity:hover .video-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .media-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .video-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem:hover .bb-item-cover-wrap:after,
.bb-activity-media-wrap .bb-activity-video-elem:hover .media-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem:hover .video-action-wrap {
  visibility: visible;
  opacity: 1;
}

#media-stream.media .bb-photo-thumb.is-visible .media-action-wrap>a,
#media-stream.media .bb-photo-thumb.is-visible .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity.is-visible .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .video-action-wrap>a {
  opacity: 1;
}

#media-stream.media .bb-photo-thumb .media-action-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 111;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#media-stream.media .bb-photo-thumb .video-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap {
  position: absolute;
  right: 11px;
  top: 11px;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a,
#media-stream.media .bb-photo-thumb .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a {
  float: left;
  background-color: rgba(0, 0, 0, .8);
  border-radius: 4px;
  height: 28px;
  width: 28px;
  text-align: center;
  opacity: .75;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a i {
  font-size: 1rem;
  line-height: 28px;
  color: var(--mb-base-white);
  font-weight: 300;
  display: inline-block;
  margin-right: -1px;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a:hover {
  color: #461212;
  opacity: 1;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a[data-balloon]:after,
#media-stream.media .bb-photo-thumb .video-action-wrap>a[data-balloon]:after,
#media-stream.media .bb-video-thumb .item-action-wrap>a[data-balloon]:after,
#video-stream.video .bb-item-thumb .item-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a[data-balloon]:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a[data-balloon]:after {
  margin-top: 4px;
  font-size: .75rem;
  padding: 5px 10px;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
#media-stream.media .bb-photo-thumb .video-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
#media-stream.media .bb-video-thumb .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
#video-stream.video .bb-item-thumb .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a[data-balloon][data-balloon-pos=down]:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a[data-balloon][data-balloon-pos=down]:before {
  margin-top: -1px;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a.media-action_more i,
#media-stream.media .bb-photo-thumb .media-action-wrap>a.video-action_more i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.media-action_more i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.video-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.media-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.video-action_more i {
  border-radius: 50%;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a.media-action_more i:before,
#media-stream.media .bb-photo-thumb .media-action-wrap>a.video-action_more i:before,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.media-action_more i:before,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.video-action_more i:before,
#media-stream.media .bb-video-thumb .item-action-wrap>a.item-action_more i:before,
#video-stream.video .bb-item-thumb .item-action-wrap>a.item-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a.item-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.video-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.media-action_more i:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.video-action_more i:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a.item-action_more i:before {
  content: "";
  font-family: bb-icons;
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a.media-action_download i,
#media-stream.media .bb-photo-thumb .media-action-wrap>a.video-action_download i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.media-action_download i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a.video-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.media-action_download i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a.video-action_download i {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list {
  position: absolute;
  top: 26px;
  right: 1px;
  opacity: 0;
  visibility: hidden;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 198px;
  z-index: 1;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul {
  list-style: none;
  margin: 5px 0;
  padding: 0;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li a,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a {
  padding: 10px .875rem;
  display: block;
  font-size: .75rem;
  color: #7f868f;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover {
  background-color: #f5f5f5;
  color: #5087e5;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:before,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:before {
  font-family: bb-icons;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file.move-disabled a,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.move_file.move-disabled a,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.move_file.move-disabled a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.move_file.move-disabled a {
  pointer-events: none;
  opacity: .7;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.move_file.move-disabled[data-balloon]:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video.move-disabled[data-balloon]:after {
  content: attr(data-balloon);
  white-space: normal;
  max-width: 200px;
  width: 100%;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.move_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.move_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.move_file a:before {
  content: "";
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.delete_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.delete_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.delete_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.delete_file a:before {
  content: "";
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.edit_thumbnail_video a:before {
  content: "";
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a {
  background-color: transparent;
  text-align: left;
  box-shadow: none;
  border-radius: 0;
  min-height: auto;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a:before {
  content: "";
  font-size: 1rem;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a:hover,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a:hover {
  background-color: #f5f5f5;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a.reported-content {
  opacity: .8 !important;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.report_file a.reported-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a.report-content,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.report_file a.reported-content {
  border: 0;
  -webkit-font-smoothing: auto;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.privacy_file a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.privacy_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.privacy_file a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.privacy_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.privacy_file a:before {
  content: "";
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.copy_download_file_url a:before,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list ul li.copy_download_file_url a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list ul li.copy_download_file_url a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list ul li.copy_download_file_url a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li.copy_download_file_url a:before {
  content: "";
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list:after,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list:after,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list:after,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  margin: 0 auto;
  right: 8px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 101;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}

@media (hover:none) and (pointer:coarse) {

  #media-stream.media .bb-photo-thumb .media-action-wrap,
  #media-stream.media .bb-photo-thumb .video-action-wrap,
  .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap,
  .bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap,
  .bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap,
  .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap {
    opacity: 1;
    visibility: visible;
  }

  #media-stream.media .bb-photo-thumb.hideact-grid-1-2 .media-action-wrap,
  #media-stream.media .bb-photo-thumb.hideact-grid-1-2 .video-action-wrap,
  .bb-activity-media-wrap .bb-activity-media-elem.media-activity.hideact-grid-1-2 .media-action-wrap,
  .bb-activity-media-wrap .bb-activity-media-elem.media-activity.hideact-grid-1-2 .video-action-wrap,
  .bb-activity-media-wrap .bb-activity-video-elem.hideact-grid-1-2 .media-action-wrap,
  .bb-activity-media-wrap .bb-activity-video-elem.hideact-grid-1-2 .video-action-wrap {
    display: none;
  }

  ;
}

#media-stream.media .bb-photo-thumb .media-action-wrap {
  top: 8px;
  right: 8px;
}

#media-stream.media .bb-photo-thumb .bb-action-check-wrap,
#media-stream.media .bb-video-thumb .bb-action-check-wrap,
#video-stream.video .bb-item-thumb .bb-action-check-wrap {
  top: 10px;
}

#video-stream.video .video-list li:hover {
  z-index: 11;
}

#media-stream.media .bb-video-thumb .bb-video-loader,
#video-stream.video .bb-item-thumb .bb-video-loader,
.bb-action-popup .bb-model-header h3,
.bb-activity-video-wrap .bb-activity-video-elem .bb-video-loader,
.existing-media-list .bb-item-thumb .bb-video-loader {
  margin: 0;
}

.bb-activity-media-wrap,
.bp-existing-media-wrap .existing-media-list.bp-list.grid {
  width: 100%;
}

#media-stream.media .bb-video-thumb.is-visible .item-action-wrap,
#media-stream.media .bb-video-thumb.is-visible .item-action-wrap .item-action_list,
#media-stream.media .bb-video-thumb:hover .item-action-wrap,
#video-stream.video .bb-item-thumb.is-visible .item-action-wrap,
#video-stream.video .bb-item-thumb.is-visible .item-action-wrap .item-action_list,
#video-stream.video .bb-item-thumb:hover .item-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .item-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .item-action-wrap .item-action_list,
.bb-activity-media-wrap .bb-activity-video-elem:hover .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-activity-video-elem:hover .item-action-wrap {
  opacity: 1;
  visibility: visible;
}

#media-stream.media .bb-video-thumb.is-visible .item-action-wrap>a,
#media-stream.media .bb-video-thumb.is-visible .item-action-wrap>a i,
#video-stream.video .bb-item-thumb.is-visible .item-action-wrap>a,
#video-stream.video .bb-item-thumb.is-visible .item-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .item-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .item-action-wrap>a i,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .item-action-wrap>a,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .item-action-wrap>a i {
  opacity: 1;
}

#media-stream.media .bb-video-thumb .item-action-wrap,
#video-stream.video .bb-item-thumb .item-action-wrap,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap {
  position: absolute;
  right: 10px;
  top: 8px;
  opacity: 0;
  visibility: hidden;
  z-index: 111;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#media-stream.media .bb-video-thumb .item-action-wrap>a,
#video-stream.video .bb-item-thumb .item-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a {
  float: left;
  background-color: var(--mb-base-white);
  border-radius: 4px;
  height: 28px;
  width: 28px;
  text-align: center;
  opacity: .75;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#media-stream.media .bb-video-thumb .item-action-wrap>a i,
#video-stream.video .bb-item-thumb .item-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a i,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a i {
  font-size: 1rem;
  line-height: 28px;
  color: #1e2132;
  font-weight: 300;
  display: inline-block;
  margin-right: -1px;
}

#media-stream.media .bb-video-thumb .item-action-wrap>a:hover,
#video-stream.video .bb-item-thumb .item-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a:hover {
  color: #461212;
  opacity: 1;
}

#media-stream.media .bb-video-thumb .item-action-wrap>a.item-action_more i,
#video-stream.video .bb-item-thumb .item-action-wrap>a.item-action_more i,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap>a.item-action_more i,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a.item-action_more i {
  border-radius: 50%;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list {
  position: absolute;
  top: 26px;
  right: 1px;
  opacity: 0;
  visibility: hidden;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 198px;
  z-index: 1;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a:hover,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:hover {
  background-color: #f5f5f5;
  color: #5087e5;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled a,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.move_video.move-disabled a,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.move_file.move-disabled a,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video.move-disabled a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video.move-disabled a {
  pointer-events: none;
  opacity: .7;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.move_video a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.move_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.move_video a:before {
  content: "";
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.edit_thumbnail_video a:before {
  content: "";
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a {
  background-color: transparent;
  text-align: left;
  box-shadow: none;
  border-radius: 0;
  min-height: auto;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a:before {
  content: "";
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a:hover,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a:hover {
  background-color: #f5f5f5;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.reported-content,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.reported-content {
  opacity: .8 !important;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a.report-content,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a.report-content,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.report_file a.reported-content,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.report-content,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.reported-content,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.report-content,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.report_file a.reported-content {
  border: 0;
  -webkit-font-smoothing: auto;
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.delete_file a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.delete_file a:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.delete_file a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.delete_file a:before {
  content: "";
}

#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li.edit_video a:before,
#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li.edit_video a:before,
.bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.edit_video a:before,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li.edit_video a:before {
  content: "";
}

#media-stream.media .bb-video-thumb.is-visible .bb-item-cover-wrap:before,
#media-stream.media .bb-video-thumb.no_more_option .bb-item-cover-wrap:before,
#media-stream.media .bb-video-thumb.no_more_option .bb-video-duration,
#media-stream.media .bb-video-thumb.no_more_option .item-action-wrap,
#video-stream.video .bb-item-thumb.is-visible .bb-item-cover-wrap:before,
#video-stream.video .bb-item-thumb.no_more_option .bb-item-cover-wrap:before,
#video-stream.video .bb-item-thumb.no_more_option .bb-video-duration,
#video-stream.video .bb-item-thumb.no_more_option .item-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action_more[data-balloon]:after,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action_more[data-balloon]:before,
.bb-activity-media-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:before,
.bb-activity-media-wrap .bb-activity-video-elem.no_more_option .bb-item-cover-wrap:before,
.bb-activity-media-wrap .bb-activity-video-elem.no_more_option .bb-video-duration,
.bb-activity-media-wrap .bb-activity-video-elem.no_more_option .item-action-wrap,
.bb-activity-video-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:before,
.bb-activity-video-wrap .bb-activity-video-elem.no_more_option .bb-item-cover-wrap:before,
.bb-activity-video-wrap .bb-activity-video-elem.no_more_option .bb-video-duration,
.bb-activity-video-wrap .bb-activity-video-elem.no_more_option .item-action-wrap {
  display: none;
}

@media (hover:none) and (pointer:coarse) {

  #media-stream.media .bb-video-thumb .item-action-wrap,
  #video-stream.video .bb-item-thumb .item-action-wrap,
  .bb-activity-media-wrap .bb-activity-video-elem .item-action-wrap,
  .bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap {
    opacity: 1;
    visibility: visible;
  }

  #media-stream.media .bb-video-thumb.hideact-grid-1-2 .item-action-wrap,
  #video-stream.video .bb-item-thumb.hideact-grid-1-2 .item-action-wrap,
  .bb-activity-media-wrap .bb-activity-video-elem.hideact-grid-1-2 .item-action-wrap,
  .bb-activity-video-wrap .bb-activity-video-elem.hideact-grid-1-2 .item-action-wrap {
    display: none;
  }

  ;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li.move_file a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li.move_file a:before {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
}

.bb-activity-video-wrap.bb-video-length-1 .bb-activity-video-elem .item-action-wrap {
  right: 1rem;
  top: 18px;
}

@media screen and (max-width:799px) {
  #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list {
    right: -53px;
    width: 185px;
  }

  #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list:after {
    right: 68px;
  }

  ;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity {
  background-color: var(--mb-base-white);
  border: 1px solid #e7e9ec;
  border-radius: 4px;
  display: inline-block;
  width: 100%;
  margin: 3px 0;
  position: relative;
  padding: 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover {
  background-color: #f5f6f7;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-audio-wrap audio::-webkit-media-controls-panel {
  background-color: #fff;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-description-wrap {
  background-color: transparent;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-audio-wrap audio::-webkit-media-controls-enclosure {
  border-radius: 4px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text:not(.loaded):after {
  content: "";
  font-family: bb-icons;
  display: inline-block;
  text-align: center;
  margin: 10px 0;
  animation: spin 2s infinite linear;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 5px 1rem;
  background-color: var(--mb-base-white);
  border-radius: 4px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .entry-img {
  -ms-flex-preferred-size: 38px;
  flex-basis: 38px;
  width: 38px;
  text-align: center;
  padding: 1px 0 !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .entry-img>i {
  font-size: 38px;
  color: #9ca8b4;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap {
  -ms-flex-preferred-size: calc(100% - 40px);
  flex-basis: calc(100% - 40px);
  width: calc(100% - 40px);
  display: inline-block !important;
  vertical-align: middle;
  padding: 10px 0 10px 10px !important;
  color: #122b46;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 70px);
  display: block;
  font-weight: 700;
  font-size: .875rem;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
  float: left;
  color: #939597;
  font-size: .75rem;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-description {
  margin-right: 6px;
  text-transform: lowercase;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text-click {
  margin-left: 3px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description {
  transition: opacity ease .3s;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
  position: relative;
  top: -10px;
  opacity: 0;
  visibility: hidden;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap {
  position: absolute;
  right: 1rem;
  top: 21px;
  opacity: 0;
  visibility: hidden;
  z-index: 111;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a {
  float: left;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i {
  font-size: 19px;
  font-weight: 300;
  color: #9ca8b4;
  background-color: var(--mb-base-white);
  padding: 7px;
  border: 1px solid #e7e9ec;
  border-left-width: 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover i {
  color: #461212;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a[data-balloon]:after {
  margin-top: 4px;
  font-size: .75rem;
  padding: 5px 10px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a.document-action_more i {
  border-radius: 0 3px 3px 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a.document-action_download i {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list {
  position: absolute;
  top: 36px;
  right: 1px;
  opacity: 0;
  visibility: hidden;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 198px;
  z-index: 1;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul,
.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul {
  list-style: none;
  margin: 5px 0 !important;
  padding: 0 !important;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li,
.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a {
  padding: 10px .875rem !important;
  display: block !important;
  font-size: .75rem;
  color: #7f868f;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:hover {
  background-color: #f5f5f5 !important;
  color: #5087e5;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:before {
  font-family: bb-icons;
  font-size: 18px;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.move_file a:before {
  content: "";
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.delete_file a:before {
  content: "";
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.privacy_file a:before {
  content: "";
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li.copy_download_file_url a:before {
  content: "";
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  margin: 0 auto;
  right: .75rem;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 101;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand .document-expand-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background-color: #122b46 !important;
  color: var(--mb-base-white);
  border-radius: 30px;
  padding: 8px 1rem !important;
  z-index: 11;
  font-size: .875rem;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  margin-top: 25px;
  transition: all ease .3s;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand .document-expand-anchor>i {
  margin-right: 5px;
  font-weight: 300;
  line-height: 1;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand .document-expand-anchor>span {
  line-height: 1;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile.code-full-view .document-text-wrap.is_large .document-action_collapse,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible .document-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-action-wrap {
  opacity: 1;
  visibility: visible;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-detail-wrap .document-helper-text {
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-detail-wrap .document-extension-description {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .is_large .document-expand .document-expand-anchor {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-visible {
  z-index: 112;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-action-wrap {
  top: 18px;
  opacity: 1;
  visibility: visible;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile.code-full-view .document-text-wrap.is_large .document-expand,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile.code-full-view .document-text-wrap.is_large .document-expand .document-expand-anchor,
.bb-activity-media-wrap .document-action-wrap .document-action_collapse {
  opacity: 0;
  visibility: hidden;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-text-wrap.is_large .document-expand {
  opacity: 1;
  visibility: visible;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-text-wrap.is_large .document-expand .document-expand-anchor {
  opacity: 1;
  visibility: visible;
  font-size: 11px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-description-wrap .document-detail-wrap .document-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is-mobile .document-description-wrap .document-detail-wrap .document-helper-text {
  font-size: .75rem;
  top: 0;
  opacity: 1;
  visibility: visible;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-audio-wrap {
  padding: 0;
  width: 100%;
  float: left;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-audio-wrap audio {
  border-radius: 4px;
  width: 100%;
  float: left;
  outline: 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .05);
  border-radius: 4px 4px 0 0;
  height: 200px;
  overflow: hidden;
  text-align: center;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-audio-wrap~.document-action-wrap,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap~.document-action-wrap {
  bottom: 21px;
  top: inherit;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text-wrap .CodeMirror {
  height: auto;
  border-radius: 4px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-text {
  max-height: inherit;
  overflow: initial;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-text:after {
  display: none !important;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse i {
  border-right-width: 0;
  border-left-width: 1px;
  border-radius: 3px 0 0 3px;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse+.document-action_download i {
  border-left-width: 1px;
  border-radius: 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-expand,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-expand .document-expand-anchor {
  opacity: 0 !important;
  visibility: hidden !important;
}

.bb-activity-media-wrap .document-activity.is_large .document-action-wrap .document-action_collapse i {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px;
}

.bb-activity-media-wrap .document-activity.is_large .document-action-wrap .document-action_collapse i:before {
  content: "";
}

.bb-activity-media-wrap .document-activity.is_large .document-action-wrap .document-action_collapse+.document-action_download i {
  border-left-width: 0;
  border-radius: 0;
}

.bb-activity-media-wrap .document-activity.is_large.code-full-view .document-action-wrap .document-action_collapse:after {
  content: attr(data-tooltip-collapse);
}

.bb-activity-media-wrap .document-activity.is_large.code-full-view .document-action-wrap .document-action_collapse i:before {
  content: "";
}

.bb-activity-media-wrap .document-text-wrap {
  border: 1px solid #e7e9ec;
  border-width: 1px;
  border-radius: 4px;
  margin: 0 1rem 1rem;
  position: relative;
  text-align: center;
}

.bb-activity-media-wrap .document-text-wrap .document-text {
  border-radius: 3px;
}

.bb-activity-media-wrap .document-text-wrap.is_large .document-text {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}

.bb-activity-media-wrap .document-text-wrap.is_large .document-text:after {
  content: "";
  background: linear-gradient(0deg, #fff, transparent);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  height: 75px;
}

.bb-activity-media-wrap .document-activity.is_large .document-action-wrap .document-action_collapse,
.bb-activity-media-wrap .document-text-wrap.is_large .document-expand {
  opacity: 1;
  visibility: visible;
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror {
  height: auto;
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror .CodeMirror-vscrollbar {
  display: none !important;
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror .CodeMirror-sizer {
  min-height: auto !important;
}

.bb-activity-media-wrap .document-text-wrap.is_large .CodeMirror .CodeMirror-scroll {
  height: auto;
  overflow: hidden !important;
  padding-bottom: 50px;
  width: 100%;
}

.bb-activity-media-wrap .document-filename {
  margin: 0 0 0 4px !important;
  font-weight: 700;
  font-size: .75rem;
}

.bb-activity-media-wrap .more_text_view {
  font-size: .75rem;
  font-weight: 700;
  padding: 7px 1rem;
  background-color: #e7e9ec;
  word-break: break-word;
  margin: -18px 1rem 1rem;
  border: 1px solid #e7e9ec;
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  position: relative;
  z-index: 11;
}

@media screen and (max-width:420px) {
  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
    padding: 5px 10px;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap {
    padding-left: 10px;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-title {
    font-size: .875rem;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
    height: 0;
    width: 0;
    overflow: hidden;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description {
    max-width: calc(100% - 60px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover .document-description-wrap .document-detail-wrap .document-helper-text {
    height: auto;
    width: auto;
    overflow: visible;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text-wrap {
    margin: 0 10px 10px;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap {
    right: .75rem;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap,
  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .more_text_view {
    font-size: .875rem;
    margin: 0 10px 10px;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-expand .document-expand-anchor {
    padding: 5px 6px;
  }

  .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text {
    font-size: .75rem;
  }

  ;
}

.mfp-wrap.mfp-wrap {
  z-index: 999999;
}

.activity-video-preview .fluid-width-video-wrapper iframe {
  border-radius: 4px;
}

.buddypress-wrap .activity-comments {
  clear: both;
  margin: 0 5%;
  position: relative;
  width: auto;
}

.buddypress-wrap .activity-comments ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

.buddypress-wrap .activity-comments ul li {
  border-top: 1px solid #eee;
  border-bottom: 0;
  padding: 1em 0 0;
}

.buddypress-wrap .activity-comments ul li:not(.detached-comment-item) {
  margin-left: 1rem;
}

@media screen and (max-width:560px) {
  .buddypress-wrap .activity-comments ul li:not(.detached-comment-item) {
    margin-left: 0;
  }

  .buddypress-wrap .activity-comments ul li .bb-media-length-1 .bb-activity-media-elem.media-activity {
    min-width: auto;
  }

  ;
}

.buddypress-wrap .activity-comments ul li:first-child {
  border-top: 0;
}

.buddypress-wrap .activity-comments ul li:last-child,
.groups-header .desc-wrap .group-description p:last-child {
  margin-bottom: 0;
}

.buddypress-wrap .activity-comments>ul>li>ul {
  margin-left: 10%;
}

.buddypress-wrap .activity-comments div.acomment-avatar {
  width: auto;
}

.buddypress-wrap .activity-comments div.acomment-avatar img {
  border-width: 1px;
  float: left;
  height: 25px;
  max-width: none;
  width: 25px;
  image-rendering: -webkit-optimize-contrast;
}

.buddypress-wrap .activity-comments .acomment-content p,
.buddypress-wrap .activity-comments .acomment-meta {
  font-size: .875rem;
}

.buddypress-wrap .activity-comments .acomment-meta {
  color: #555;
  overflow: hidden;
  padding-left: 2%;
}

.buddypress-wrap .activity-comments .acomment-content {
  border-left: 1px solid #ccc;
  margin: 1rem 0 0 10%;
  padding: .7em 1em;
}

.buddypress-wrap .activity-comments .acomment-content p {
  margin-bottom: .5em;
}

.buddypress-wrap .activity-comments .acomment-content .bb-activity-media-wrap,
.buddypress-wrap .activity-comments .acomment-content .bb-activity-video-wrap {
  margin: 1rem 0;
}

.buddypress-wrap .activity-comments .acomment-options {
  float: left;
  margin: 10px 0 10px 20px;
}

.buddypress-wrap .activity-comments .acomment-options a {
  color: #767676;
  font-size: .875rem;
}

.buddypress-wrap .activity-comments .acomment-options a:focus,
.buddypress-wrap .activity-comments .acomment-options a:hover {
  color: inherit;
}

.buddypress-wrap .activity-comments .bp-generic-meta.action {
  background: 0 0;
  margin-top: 10px;
}

.buddypress-wrap .activity-comments .bp-generic-meta.action button {
  font-size: .875rem;
  text-transform: none;
}

.buddypress-wrap .activity-comments .show-all button {
  font-size: .875rem;
  text-decoration: underline;
  padding-left: .7em;
}

.buddypress-wrap .activity-comments .show-all button:focus span,
.buddypress-wrap .activity-comments .show-all button:hover span {
  color: #5087e5;
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.item-avatar {
  position: relative;
  pointer-events: none;
  opacity: .7;
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.acomment-content,
.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.acomment-meta {
  pointer-events: none;
  opacity: .7;
}

.buddypress-wrap .activity-comments .comment-item.suspended-comment-item>.acomment-meta .activity-time-since {
  display: none;
}

.buddypress-wrap .mini .activity-comments {
  clear: both;
  margin-top: 0;
}

.buddypress-wrap .bb-media-model-wrapper .activity-comments ul li:not(.detached-comment-item) {
  margin-left: 10px;
}

@media screen and (max-width:560px) {
  .buddypress-wrap .bb-media-model-wrapper .activity-comments ul li:not(.detached-comment-item) {
    margin-left: 0;
  }

  ;
}

body.activity-permalink .activity-comments {
  background: 0 0;
  width: auto;
}

body.activity-permalink .activity-comments>ul {
  padding: 0 .7em 0 1em;
}

form.ac-form {
  display: none;
  padding: 1em;
}

form.ac-form .ac-reply-avatar {
  float: left;
}

form.ac-form .ac-reply-avatar img {
  border: 1px solid #eee;
  image-rendering: -webkit-optimize-contrast;
}

#buddypress .members-list>li .bb_more_options.member-dropdown .bb_more_options_action,
.bb-action-popup .bb-model-header .bb-close-action-popup,
.buddypress-wrap .members-list li .list-wrap .member-name a,
.groups-header .moderators-lists #group-admins>li a,
form.ac-form .ac-reply-content a {
  text-decoration: none;
}

form.ac-form .ac-reply-content .ac-textarea {
  margin-bottom: 1rem;
  padding: 0 .7em;
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true] {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  color: #212529;
  background-color: var(--mb-base-white);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

form.ac-form .ac-reply-content .ac-textarea .ac-input[contenteditable=true]:focus {
  -webkit-box-shadow: 0 0 6px #d6d6d6;
  -moz-box-shadow: 0 0 6px #d6d6d6;
  box-shadow: 0 0 6px #d6d6d6;
}

form.ac-form .ac-reply-content .ac-textarea .dropzone.open {
  margin-top: 20px;
}

form.ac-form .ac-reply-content .ac-textarea .ac-reply-toolbar {
  display: flex;
  margin: 1rem 0 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

form.ac-form .ac-reply-content .ac-textarea .ac-reply-toolbar .post-elements-buttons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 10px;
  position: relative;
}

form.ac-form .ac-reply-content .ac-textarea .gif-search-results-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form.ac-form .ac-reply-content .ac-textarea .gif-search-content .gif-search-results ul li {
  padding: 0;
  margin: 0 0 5px;
}

.bp-ac-form-cotainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ac-reply-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  color: #767676;
  padding-left: 1em;
}

.activity-comments li form.ac-form {
  clear: both;
  margin-right: 1rem;
}

.activity-comments form.root,
.bp-messages-content .thread-participants dd,
.buddypress-wrap .groups-list li.group-no-avatar div.group-desc {
  margin-left: 0;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .blogs-list li .item-meta {
    clear: left;
    float: none;
  }

  .buddypress-wrap .bp-dir-vert-nav .blogs-list .list-title {
    width: auto;
  }

  ;
}

.buddypress-wrap .groups-list li .list-title,
body.register #page #primary .entry-header {
  text-align: center;
}

.buddypress-wrap .groups-list li .group-details {
  clear: left;
}

.buddypress-wrap .groups-list li .group-desc {
  border: 1px solid #eaeaea;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  font-size: .75rem;
  color: #737373;
  font-style: italic;
  margin: 10px auto 0;
  padding: 1em;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .groups-list li .group-desc {
    font-size: 1rem;
  }

  ;
}

.buddypress-wrap .groups-list li p {
  margin: 0 0 .5em;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .groups-list li .item {
    margin-right: 0;
  }

  .buddypress-wrap .groups-list li .item-meta,
  .buddypress-wrap .groups-list li .list-title {
    text-align: left;
    width: auto;
  }

  .buddypress-wrap .groups-list li .item-meta {
    margin-bottom: 20px;
  }

  .buddypress-wrap .groups-list li .last-activity {
    clear: left;
    margin-top: -20px;
  }

  ;
}

.buddypress-wrap .mygroups .groups-list.grid .wrap {
  min-height: 450px;
  padding-bottom: 0;
}

.bb-action-popup .action-popup-overlay {
  position: fixed;
  inset: 0;
}

.bb-action-popup .modal-container {
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}

.bb-action-popup .bb-model-header {
  background-color: #fbfbfc;
  border-bottom: 1px solid #e7e9eb;
  box-shadow: none;
  margin-bottom: 0;
}

.bb-action-popup .bb-action-popup-content {
  margin: 0-30px;
  max-height: calc(100vh - 220px);
  overflow: auto;
  padding: 20px 30px;
}

.bb-action-popup .bb-model-footer {
  background: #fafafa;
  border-top: 1px solid #e7e9eb;
  border-radius: 0 0 4px 4px;
  display: block;
  margin: 0-30px;
  padding: 1rem 30px;
  text-align: right;
}

.bb-action-popup .bb-model-footer .bb-close-action-popup {
  color: #92949d;
  margin-right: 20px;
}

.bb-action-popup .bb-model-footer .push-right {
  float: none;
}

@media screen and (min-width:46.8em) {
  .buddypress .bp-vertical-navs .groups-list .item-avatar {
    margin-right: 3%;
    width: 15%;
  }

  ;
}

.bp-messages-content .thread-participants dd,
.buddypress-wrap .members-list li .member-name,
.buddypress-wrap .profile.edit .editfield legend,
.register-page .signup-form .blog-details h2 {
  margin-bottom: 10px;
}

.buddypress-wrap .members-list li .user-update {
  border: 1px solid #eaeaea;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  color: #737373;
  font-style: italic;
  font-size: .75rem;
  margin: 1rem auto;
  padding: 1em;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .members-list li .user-update {
    font-size: 1rem;
  }

  ;
}

.buddypress-wrap .members-list li .user-update .activity-read-more {
  display: block;
  font-size: .75rem;
  font-style: normal;
  margin-top: 10px;
  padding-left: 2px;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .members-list li .last-activity {
    clear: left;
    margin-top: -10px;
  }

  ;
}

.buddypress-wrap .members-list li .list-wrap .followers-wrap,
.buddypress-wrap .members-list li .list-wrap .member-type {
  font-size: .875rem;
  color: #767676;
  margin-bottom: 1rem;
}

.buddypress-wrap .members-list li .list-wrap .member-type {
  margin-bottom: 5px;
}

.buddypress-wrap .members-list li .list-wrap .member-name {
  font-size: 20px;
  margin: 0 0 10px;
  padding: 0;
}

.buddypress-wrap .members-list li .list-wrap .last-activity {
  color: #767676;
  font-size: .75rem;
  margin: 0 0 .75rem;
}

.buddypress-wrap .members-list li .list-wrap .item-meta .separator {
  margin: 0 5px;
}

.bp-profile-search-widget select,
.buddypress-wrap .members-list li .item .primary-action .generic-button {
  width: 100%;
}

.buddypress-wrap .members-list li .footer-button-wrap .generic-button,
.buddypress-wrap .members-list li .member-button-wrap .generic-button,
.buddypress-wrap .members-list li .primary-action .generic-button {
  padding: 0 1rem;
}

.buddypress-wrap .members-list li .footer-button-wrap .generic-button>*,
.buddypress-wrap .members-list li .member-button-wrap .generic-button>*,
.buddypress-wrap .members-list li .primary-action .generic-button>* {
  display: block;
  margin-bottom: 10px;
}

.buddypress-wrap .members-list li .member-status.online {
  position: absolute;
  width: .75rem;
  height: .75rem;
  right: .75rem;
  top: .75rem;
}

.buddypress-wrap .members-list.grid li .only-list-view {
  display: none;
}

.buddypress-wrap .members-list.grid.bp-list>li .item-avatar img.avatar {
  width: 100%;
  max-width: 126px;
}

.buddypress-wrap .members-list:not(.grid) li {
  margin: 0;
  padding: 0;
}

.buddypress-wrap .members-list:not(.grid) li .member-status.online {
  top: 4px;
  bottom: 4px;
}

.buddypress-wrap .members-list:not(.grid) .list-wrap {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 20px;
  position: relative;
}

.buddypress-wrap .members-list:not(.grid) .list-wrap-inner .item-avatar img {
  border-radius: 50%;
  max-width: 70px;
}

.buddypress-wrap .members-list:not(.grid) .only-grid-view {
  display: none;
}

.buddypress-wrap .members-list:not(.grid) .member-button-wrap.footer-button-wrap {
  display: block;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .members-group-list li .joined {
    clear: left;
    float: none;
    margin-top: 0;
  }

  .buddypress-wrap .members-group-list li .role {
    clear: left;
    float: none;
    font-size: .875rem;
    margin: 0;
  }

  ;
}

.member-status {
  background-color: #edbb34;
  border: 2px solid var(--mb-base-white);
  border-radius: 100%;
  z-index: 1;
}

#buddypress #signup-form label.error,
.bp-user-blocked-by>.member-status,
.bp-user-blocked>.member-status,
.bp-user-suspended>.member-status {
  display: none !important;
}

#buddypress .members-list>li {
  min-width: 275px;
}

#buddypress .members-list>li .bb_more_options.member-dropdown {
  position: absolute;
  right: 1rem;
  top: 5px;
}

@media screen and (min-width:32em) {
  body:not(.logged-in) .members-list .user-update {
    width: 96%;
  }

  ;
}

.members-directory-wrapper {
  display: flex;
  flex-flow: row wrap;
}

@media screen and (min-width:46.8em) {
  .members-directory-wrapper {
    flex-flow: row-reverse;
  }

  .members-directory-wrapper .bp-profile-search-widget {
    flex: 0 0 220px;
    min-width: 0;
    margin-left: 30px;
  }

  ;
}

.members-directory-wrapper .members-directory-container {
  flex: 1;
  min-width: 0;
}

@media screen and (max-width:46.8em) {
  .members-directory-wrapper {
    flex-direction: column;
  }

  .members-directory-wrapper .bp-profile-search-widget {
    flex: 0 0 100%;
    min-width: 0;
  }

  ;
}

.members-directory-wrapper .bp-field-wrap {
  margin-bottom: 20px;
}

.members-directory-wrapper .bps-description {
  font-size: .75rem;
  margin: 5px 0;
  color: #767676;
}

.bp-profile-search-widget .bp-field-wrap,
.register-page .signup-form .default-profile input {
  margin-bottom: 20px;
}

.bp-profile-search-widget .bps-form-title {
  margin-top: 0;
  margin-bottom: 20px;
}

.bp-profile-search-widget label {
  font-weight: 600;
  font-size: 1rem;
}

.bp-profile-search-widget .bp-heading-field-wrap {
  border-radius: 0;
}

.register-page .register-section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.register-page .signup-form {
  margin-top: 20px;
}

.register-page .signup-form label,
.register-page .signup-form legend {
  margin: 10px 0 0;
}

.pc_detailed_progress li,
.register-page .signup-form .editfield {
  margin: 1rem 0;
}

.register-page .signup-form .editfield fieldset legend {
  margin: 0 0 5px;
  text-indent: 0;
}

.register-page .signup-form .editfield .field-visibility-settings {
  padding: .7em 0;
}

.register-page .signup-form p.field-visibility-settings-header {
  margin: 10px 0;
}

.register-page .signup-form #signup-avatar img {
  margin: 0 1rem 10px 0;
}

.register-page .signup-form .password-entry,
.register-page .signup-form .password-entry-confirm {
  border: 1px solid #eee;
}

.register-page .signup-form .blog-details {
  margin-top: 25px;
}

.register-page .register-privacy-info {
  margin: 1rem 0 0;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .register-page .layout-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

  .buddypress-wrap .register-page .layout-wrap .blog-details,
  .buddypress-wrap .register-page .layout-wrap .default-profile,
  .buddypress-wrap.extended-default-reg .register-page .blog-details,
  .buddypress-wrap.extended-default-reg .register-page .default-profile,
  .buddypress-wrap.extended-default-reg .register-page .extended-profile {
    flex: 1 100%;
    min-width: 0;
  }

  .buddypress-wrap .register-page .submit {
    clear: both;
  }

  ;
}

@media screen and (min-width:55em) {

  body.register #page #primary .entry-header,
  body.register .buddypress-wrap {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }

  ;
}

body.register .registration-popup {
  background: var(--mb-base-white);
  padding: 30px;
  text-align: left;
  min-height: 400px;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

body.register .registration-popup .mfp-close {
  color: #000;
}

body.register .registration-popup .mfp-close:focus,
body.register .registration-popup .mfp-close:hover {
  background: 0 0;
}

#buddypress #signup-form input.error {
  border-color: #b71717;
  border-width: 2px;
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result {
  border-style: solid;
  border-width: 1px;
  display: none;
  font-weight: 700;
  margin: 10px 0;
  padding: .7em;
  text-align: center;
  width: auto;
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result.mismatch {
  background-color: #e0e1e1;
  border-color: #e0e1e1;
  border-radius: 3px;
  font-size: .875rem;
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result.show {
  color: var(--mb-base-white);
  border-radius: 3px;
  font-size: .875rem;
  display: block;
}

#email-strength-result.bad,
.bs-bp-container-reg .buddypress-wrap #email-strength-result.error {
  background-color: #ef3e46;
  border-color: #ef3e46;
  color: #fff;
}

.bb-password-wrap {
  position: relative;
}

.bb-password-wrap a.bb-toggle-password {
  color: rgba(18, 43, 70, .5);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.bb-password-wrap .bb-show-pass .bb-icon-eye:before {
  content: "";
  font-family: bb-icons;
}

#group-create-body {
  padding: .7em;
}

#group-create-body .creation-step-name,
.single-headers div.generic-button {
  text-align: center;
}

#group-create-body .avatar-nav-items {
  margin-top: 1rem;
}

#bp-group-message-content p,
#create-group-form #header-cover-image,
.single-headers {
  margin-bottom: 1rem;
}

.single-headers #item-header-avatar a {
  border: 0;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.buddypress-wrap .profile.edit .editfield fieldset label.xprofile-field-label,
.single-headers .group-status {
  display: inline;
}

.single-headers .group-status {
  font-size: .875rem;
  padding-right: 1em;
}

.single-headers .activity {
  display: inline-block;
  font-size: .875rem;
  padding: 0;
}

.single-headers #sitewide-notice p,
.single-headers div#message p {
  background-color: #ffd;
  border: 1px solid #cb2;
  color: #440;
  margin-top: 3px;
  text-decoration: none;
}

.single-headers h2 {
  margin: 0 0 5px;
}

.single-headers h2 a {
  color: #767676;
  text-decoration: none;
}

.single-headers h2 span.highlight {
  display: inline-block;
  font-size: 60%;
  line-height: 1.7;
  vertical-align: middle;
}

.single-headers h2 span.highlight span {
  background: #a1dcfa;
  color: var(--mb-base-white);
  cursor: pointer;
  font-size: 80%;
  font-weight: 700;
  margin-bottom: 2px;
  padding: 1px 4px;
  position: relative;
  right: -2px;
  top: -2px;
  vertical-align: middle;
}

.single-headers .item-header-wrap {
  display: flex;
  flex-flow: row wrap;
}

.single-headers img.avatar {
  margin: 0 1rem 19px 0;
}

.single-headers .item-meta {
  color: inherit;
  font-size: .875rem;
  margin: 1rem 0 5px;
  padding-bottom: .7em;
}

#cover-photo-alert .bb-field-wrap,
#cover-photo-alert .bb-field-wrap p,
.groups-header #cover-image-container #item-header-content .group-description p,
.single-headers .item-meta.last-activity {
  margin-bottom: 0;
}

.single-headers ul {
  list-style: none;
  margin: 0;
}

.single-headers .member-header-actions>.generic-button,
.single-headers ul>.generic-button {
  display: inline-block;
  text-align: center;
  margin: 5px 10px 10px 0;
}

.single-headers .group-description ol,
.single-headers .group-description ul {
  list-style-position: inside !important;
  margin: 0 0 1rem;
}

.single-headers .group-description ul {
  list-style: initial;
}

.single-headers .group-description ol {
  list-style: decimal;
}

@media screen and (min-width:46.8em) {

  .single-headers a.button,
  .single-headers div.generic-button,
  .single-headers li.generic-button {
    float: left;
  }

  ;
}

.single-headers div#message.info {
  line-height: .8;
}

.group-create #create-group-form #header-cover-image,
body.no-js .single-item-header .js-self-profile-button {
  display: none;
}

@media screen and (min-width:783px) {
  #item-header-avatar {
    padding-right: 1em;
  }

  ;
}

@media screen and (max-width:782px) {
  .single-headers .item-header-wrap {
    flex-flow: column;
  }

  #item-header-content {
    text-align: center;
  }

  ;
}

#cover-image-container {
  flex: 0 0 100%;
  min-width: 0;
  position: relative;
}

#buddypress #header-cover-image {
  background-color: var(--mb-base-white);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  display: block;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

#buddypress #header-cover-image.cover-small {
  height: 225px;
  height: auto;
}

#buddypress #header-cover-image .header-cover-img {
  max-width: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

#buddypress #header-cover-image.has-position .header-cover-img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#buddypress #header-cover-image .header-cover-reposition-wrap {
  overflow: hidden;
  height: 100%;
  display: none;
  width: 100%;
  text-align: right;
}

#buddypress #header-cover-image .header-cover-reposition-wrap .drag-element-helper {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 119;
  top: 50%;
  color: var(--mb-base-white);
  background-color: rgba(0, 0, 0, .2);
  padding: 10px 1rem;
  border-radius: 5px;
  pointer-events: none;
}

#buddypress #header-cover-image .header-cover-reposition-wrap .drag-element-helper>i {
  margin-right: 5px;
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button {
  position: relative;
  z-index: 1;
  float: none;
  margin: .75rem .75rem 0 0;
  background-color: #f9f9f9;
  color: #939597;
  border-radius: 4px;
  font-size: .75rem;
  line-height: 1.6;
  padding: 6px 11px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button.loading:after,
#group-messages-container div#group-messages-new-submit #send_group_message_button.loading:after {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
  font-weight: 300;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  vertical-align: middle;
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button:focus,
#buddypress #header-cover-image .header-cover-reposition-wrap>.button:hover {
  background-color: rgba(255, 255, 255, .9);
  box-shadow: none;
}

#buddypress #header-cover-image .header-cover-reposition-wrap .guillotine-window {
  position: absolute;
  top: 0;
}

#buddypress #header-cover-image .header-cover-reposition-wrap img {
  max-width: initial;
  perspective: none !important;
  backface-visibility: initial !important;
}

#item-header-cover-image {
  margin-bottom: 1em;
  position: relative;
}

#item-header-cover-image.bb-disable-cover-img #item-header-avatar,
.users-header #item-header-cover-image.bb-disable-cover-img #item-header-content {
  margin-top: 0;
}

#item-header-cover-image #item-header-avatar {
  margin-top: -70px;
  padding: 0 1em;
  position: relative;
  z-index: 2;
}

#item-header-cover-image #item-header-avatar img.avatar {
  max-width: 150px;
}

#item-header-cover-image #item-header-content .bp-group-type {
  display: none;
}

#item-header-cover-image #item-header-content .bp-group-status {
  display: inline-block;
}

#item-header-cover-image #item-header-content .group-item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0;
  max-width: 100%;
  text-align: left;
}

#item-header-cover-image #item-header-content .group-item-actions .bp-title {
  margin: 0 5px 0 0;
}

#item-header-cover-image #item-header-content .group-item-actions .moderators-lists .user-list,
#item-header-cover-image #item-header-content .group-item-actions .moderators-lists .user-list ul {
  padding: 0;
  margin-bottom: 0;
}

#item-header-avatar img {
  border: solid 2px var(--mb-base-white);
  background: rgba(255, 255, 255, .8);
  box-shadow: none;
  display: block;
  margin: 0 auto;
}

.users-header #item-header-cover-image #item-header-content {
  flex: 1;
  min-width: 0;
}

.groups-header #cover-image-container.centered #item-header-cover-image #item-header-content .bp-group-title-wrap .bp-group-status .group-visibility,
.users-header #item-header-cover-image #item-header-avatar .bp-member-type {
  display: none;
}

.users-header #cover-image-container:not(.network_profiles) .member-social-links {
  display: none !important;
}

body.guillotine-dragging,
body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
}

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab, move;
}

.guillotine-canvas,
.guillotine-canvas>* {
  position: absolute;
  top: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.guillotine-canvas {
  text-align: center;
  width: 100% !important;
  left: 0 !important;
}

.guillotine-canvas>img {
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.guillotine-canvas>* {
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
}

.guillotine-sample {
  position: absolute !important;
  top: -100000px !important;
  left: -100000px !important;
  width: auto !important;
  height: auto !important;
}

#buddypress .bb_more_options .bb_more_options_list p,
.bb_more_options .bb_more_options_list p,
.buddypress-wrap .standard-form .editfield fieldset,
.buddypress-wrap .standard-form .field-visibility select,
.buddypress-wrap .standard-form .field-visibility-settings label,
.groups-header #cover-image-container.centered #item-header-cover-image .groups-meta.action .generic-button,
.groups-header .bp-group-type-list {
  margin: 0;
}

.groups-header .bp-feedback,
.groups-manage-members-list ul .members-manage-buttons:after {
  clear: both;
}

#group-invites-container select.group-invites-type,
.groups-header .action .button {
  margin-right: 10px;
}

.groups-header .moderators-lists {
  margin-top: 0;
  display: table-cell;
}

.groups-header .moderators-lists #group-admins {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1rem;
  padding-right: 10px;
  margin: 0 0 0 10px;
}

.groups-header .moderators-lists .moderators-title {
  font-size: .875rem;
}

.groups-header .moderators-lists .user-list {
  margin: 0 0 5px;
}

.groups-header .moderators-lists .user-list ul:after,
.groups-header .parent-list .group-list ul:after {
  clear: both;
  content: "";
  display: table;
}

.groups-header .moderators-lists .user-list li,
.groups-header .parent-list .group-list li {
  display: inline-block;
  float: none;
  margin: 4px 0 0 4px;
}

.groups-header .moderators-lists #group-admins>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0-6px;
  position: relative;
  z-index: 1;
}

.groups-header .moderators-lists #group-admins>li img {
  border: 2px solid transparent;
  background-color: var(--mb-base-white);
  border-radius: 50%;
  float: left;
  image-rendering: -webkit-optimize-contrast;
  margin: 0;
  width: 34px;
}

.groups-header .moderators-lists #group-admins>li [class*=" bb-icon-"] {
  height: 34px;
  width: 34px;
  font-size: 1rem;
  color: #c3c4c8;
  line-height: 34px;
  border-radius: 50%;
  background-color: #f9f9f9;
  border: 2px solid var(--mb-base-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.groups-header .moderators-lists #group-admins>li [class*=" bb-icon-"]:hover {
  background-color: #e3e3e3;
}

.groups-header .parent-list {
  padding: 0 1em 0 0;
  display: table-cell;
}

.groups-header .parent-list .parent-title {
  font-size: .875rem;
}

.groups-header .parent-list .group-list {
  margin: 0 0 5px;
}

.groups-header .parent-list img.avatar {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
  height: 30px;
  margin: 0;
  max-width: 100%;
  width: 30px;
}

.groups-header .desc-wrap {
  background: #eaeaea;
  border: 1px solid #d6d6d6;
  margin: 0 0 1rem;
  padding: 1em;
  text-align: center;
}

.groups-header .desc-wrap .group-description {
  background: #fafafa;
  padding: 1em;
  text-align: left;
}

#message-threads .bp-message-link .thread-excerpt+.thread-date:before,
.groups-header .bb_more_options {
  display: inline-block;
}

.groups-header #item-header-avatar a.link-change-profile-image {
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}

.groups-header #item-header-avatar:hover .link-change-overlay {
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  background-color: rgba(0, 0, 0, .3);
}

.groups-header #cover-image-container.centered #item-header-cover-image {
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.groups-header #cover-image-container.centered #item-header-cover-image:not(.bb-disable-cover-img) #item-header-avatar {
  margin: -120px auto 0;
}

.groups-header #cover-image-container.centered #item-header-cover-image.bb-disable-cover-img #item-header-avatar {
  margin-left: auto;
  margin-right: auto;
}

.groups-header #cover-image-container.centered #item-header-cover-image #item-header-content,
.groups-header #cover-image-container.centered #item-header-cover-image .group-item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.groups-header #cover-image-container.centered #item-header-cover-image #item-header-content .group-description {
  text-align: center;
}

.groups-header #cover-image-container.centered #item-header-cover-image #item-header-content .bp-group-title-wrap .bp-group-status .group-type {
  display: block;
}

.groups-header #cover-image-container.centered #item-header-cover-image .group-item-actions {
  flex-direction: row;
  width: auto;
}

.groups-header #cover-image-container.centered #item-header-cover-image .groups-meta.action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: static;
  max-width: initial;
  width: auto;
}

.groups-header #cover-image-container.centered #item-header-content>.bp-group-type {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.groups-header #cover-image-container.centered #item-header-content>.bp-group-type .group-visibility {
  display: none;
}

.groups-header #cover-image-container.centered .group-actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.groups-header #cover-image-container:not(.centered) #item-header-content .bp-group-title-wrap .bp-group-type .group-visibility,
.groups-header #cover-image-container:not(.centered) #item-header-content>.bp-group-type {
  display: none;
}

.groups-header #cover-image-container:not(.centered) #item-header-content .bp-group-title-wrap .bp-group-type {
  display: block;
}

.buddypress-wrap table.profile-fields td.data>p,
.groups-header #cover-image-container #item-header-content .group-description,
.groups-header #cover-image-container #item-header-content .last-activity {
  margin: 0 0 .75rem;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute .groups-meta {
  display: block;
  margin-bottom: 0;
  margin-left: 5px;
  max-width: initial;
  position: static;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute .groups-meta .generic-button {
  margin: 0 !important;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute .groups-meta .generic-button>* {
  min-width: auto;
  padding: 0 1rem;
  height: 38px;
  line-height: 38px;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute .bb_more_options {
  margin-left: 5px;
  margin-bottom: 0;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute .bp-group-status {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0;
}

.groups-header #cover-image-container #item-header-content .group-actions-absolute .bp-group-status .group-type,
.single-item.subgroups .item-body #subnav-filters .subnav-search,
body.buddypress.bp-user #page #primary .entry-header {
  display: none;
}

@media screen and (min-width:783px) {
  .groups-header #item-header-content {
    flex: 1;
    min-width: 0;
  }

  .groups-header #item-header-cover-image #item-actions,
  .groups-header #item-header-cover-image #item-header-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .groups-header .group-item-actions {
    margin-left: 1rem;
    text-align: right;
    max-width: 25%;
    display: table;
  }

  .groups-header .groups-meta {
    clear: both;
  }

  ;
}

@media screen and (max-width:782px) {

  .groups-header #item-header-cover-image #item-actions,
  .groups-header #item-header-cover-image #item-header-content {
    padding-bottom: 1rem;
  }

  .groups-header #item-header-cover-image #item-actions {
    margin-bottom: 1rem;
  }

  .groups-header #cover-image-container #item-header-content {
    flex: 0 0 100%;
    text-align: center;
  }

  .groups-header #cover-image-container #item-header-content .group-actions-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  .groups-header #cover-image-container #item-header-content .group-actions-wrap .bp-title {
    margin-right: 1rem;
  }

  .groups-header #cover-image-container #item-header-content .group-actions-wrap .moderators-lists {
    margin-bottom: 0;
  }

  .groups-header #cover-image-container #item-header-content .group-actions-absolute {
    position: static;
    justify-content: center;
    margin-top: 0;
  }

  .groups-header #cover-image-container.centered #item-header-content>.bp-group-type {
    margin-bottom: 1rem;
  }

  .groups-header #cover-image-container.centered #item-header-content .group-actions-wrap {
    display: block;
  }

  .groups-header #cover-image-container.centered #item-header-content .group-actions-wrap .group-item-actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  ;
}

@media screen and (max-width:380px) {
  .groups-header .bb_more_options {
    margin-bottom: 10px;
  }

  ;
}

.bp-user .users-header .user-nicename {
  margin-bottom: 5px;
}

#bbpress-forums li.bbp-header ul,
.bp-user .member-header-actions,
body.bb-model-open {
  overflow: hidden;
}

.bp-user .member-header-actions *>* {
  display: block;
}

.bp-user .bb-enable-cover-img .bb_more_options {
  margin: 35px 0 0 10px;
}

.forum #bbpress-forums>.bb_more_options {
  float: right;
  margin-top: -3px;
}

#buddypress .bb_more_options,
.bb_more_options {
  position: relative;
  display: inline-block;
}

#buddypress .bb_more_options .bb_more_options_action,
.bb_more_options .bb_more_options_action {
  padding: 5px;
  display: flex;
  cursor: pointer;
}

#buddypress .bb_more_options .bb_more_options_action i,
.bb_more_options .bb_more_options_action i {
  font-size: 21px;
  color: #939597;
}

#buddypress .bb_more_options .bb_more_options_list,
.bb_more_options .bb_more_options_list {
  position: absolute;
  top: 2rem;
  left: 50%;
  right: auto;
  transform: translate(-50%, 10px);
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0 / 25%), 0 6px 32px 0 rgb(18 43 70 / 25%);
  border-radius: 0.5rem;
  width: auto;
  padding: 0rem;
  display: none;
  z-index: 4;
}

#buddypress .bb_more_options .bb_more_options_list.is_visible,
.bb_more_options .bb_more_options_list.is_visible {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#buddypress .bb_more_options .bb_more_options_list>.generic-button,
.bb_more_options .bb_more_options_list>.generic-button {
  width: 100%;
  margin: 0 !important;
}

#buddypress .bb_more_options .bb_more_options_list:after,
.bb_more_options .bb_more_options_list:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 1px;
  margin: 0 auto;
  right: 8px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button,
#buddypress .bb_more_options .bb_more_options_list a,
#buddypress .bb_more_options .bb_more_options_list button,
.bb_more_options .bb_more_options_list .generic-button>button,
.bb_more_options .bb_more_options_list a,
.bb_more_options .bb_more_options_list button {
  margin: 0;
  display: block;
  text-align: left;
  opacity: 1;
  font-size: 0.875rem;
  width: 100%;
  text-transform: none;
  min-height: auto;
  border-radius: 0;
  padding: 1rem;
  color: #7f868f;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button:hover,
#buddypress .bb_more_options .bb_more_options_list a:hover,
#buddypress .bb_more_options .bb_more_options_list button:hover,
.bb_more_options .bb_more_options_list .generic-button>button:hover,
.bb_more_options .bb_more_options_list a:hover,
.bb_more_options .bb_more_options_list button:hover {
  background-color: #f5f5f5 !important;
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button:before,
#buddypress .bb_more_options .bb_more_options_list a:before,
#buddypress .bb_more_options .bb_more_options_list button:before,
.bb_more_options .bb_more_options_list .generic-button>button:before,
.bb_more_options .bb_more_options_list a:before,
.bb_more_options .bb_more_options_list button:before {
  font-family: bb-icons;
  font-size: 2rem;
  font-weight: 400;
  display: inline-block;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  width: auto;
  text-align: center;
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.report-content:before,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button.reported-content:before,
#buddypress .bb_more_options .bb_more_options_list a.report-content:before,
#buddypress .bb_more_options .bb_more_options_list a.reported-content:before,
#buddypress .bb_more_options .bb_more_options_list button.report-content:before,
#buddypress .bb_more_options .bb_more_options_list button.reported-content:before,
.bb_more_options .bb_more_options_list .generic-button>button.report-content:before,
.bb_more_options .bb_more_options_list .generic-button>button.reported-content:before,
.bb_more_options .bb_more_options_list a.report-content:before,
.bb_more_options .bb_more_options_list a.reported-content:before,
.bb_more_options .bb_more_options_list button.report-content:before,
.bb_more_options .bb_more_options_list button.reported-content:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.back-to-admin:before,
#buddypress .bb_more_options .bb_more_options_list a.back-to-admin:before,
#buddypress .bb_more_options .bb_more_options_list button.back-to-admin:before,
.bb_more_options .bb_more_options_list .generic-button>button.back-to-admin:before,
.bb_more_options .bb_more_options_list a.back-to-admin:before,
.bb_more_options .bb_more_options_list button.back-to-admin:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.view-as:before,
#buddypress .bb_more_options .bb_more_options_list a.view-as:before,
#buddypress .bb_more_options .bb_more_options_list button.view-as:before,
.bb_more_options .bb_more_options_list .generic-button>button.view-as:before,
.bb_more_options .bb_more_options_list a.view-as:before,
.bb_more_options .bb_more_options_list button.view-as:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.send-message:before,
#buddypress .bb_more_options .bb_more_options_list a.send-message:before,
#buddypress .bb_more_options .bb_more_options_list button.send-message:before,
.bb_more_options .bb_more_options_list .generic-button>button.send-message:before,
.bb_more_options .bb_more_options_list a.send-message:before,
.bb_more_options .bb_more_options_list button.send-message:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.block-member:before,
#buddypress .bb_more_options .bb_more_options_list a.block-member:before,
#buddypress .bb_more_options .bb_more_options_list button.block-member:before,
.bb_more_options .bb_more_options_list .generic-button>button.block-member:before,
.bb_more_options .bb_more_options_list a.block-member:before,
.bb_more_options .bb_more_options_list button.block-member:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.friendship-button:before,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button.not_friends:before,
#buddypress .bb_more_options .bb_more_options_list a.friendship-button:before,
#buddypress .bb_more_options .bb_more_options_list a.not_friends:before,
#buddypress .bb_more_options .bb_more_options_list button.friendship-button:before,
#buddypress .bb_more_options .bb_more_options_list button.not_friends:before,
.bb_more_options .bb_more_options_list .generic-button>button.friendship-button:before,
.bb_more_options .bb_more_options_list .generic-button>button.not_friends:before,
.bb_more_options .bb_more_options_list a.friendship-button:before,
.bb_more_options .bb_more_options_list a.not_friends:before,
.bb_more_options .bb_more_options_list button.friendship-button:before,
.bb_more_options .bb_more_options_list button.not_friends:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.awaiting_response_friend:before,
#buddypress .bb_more_options .bb_more_options_list a.awaiting_response_friend:before,
#buddypress .bb_more_options .bb_more_options_list button.awaiting_response_friend:before,
.bb_more_options .bb_more_options_list .generic-button>button.awaiting_response_friend:before,
.bb_more_options .bb_more_options_list a.awaiting_response_friend:before,
.bb_more_options .bb_more_options_list button.awaiting_response_friend:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.follow-button:before,
#buddypress .bb_more_options .bb_more_options_list a.follow-button:before,
#buddypress .bb_more_options .bb_more_options_list button.follow-button:before,
.bb_more_options .bb_more_options_list .generic-button>button.follow-button:before,
.bb_more_options .bb_more_options_list a.follow-button:before,
.bb_more_options .bb_more_options_list button.follow-button:before {
  content: "";
}

#buddypress .bb_more_options .bb_more_options_list .generic-button>button.is_friend:before,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button.pending_friend:before,
#buddypress .bb_more_options .bb_more_options_list a.is_friend:before,
#buddypress .bb_more_options .bb_more_options_list a.pending_friend:before,
#buddypress .bb_more_options .bb_more_options_list button.is_friend:before,
#buddypress .bb_more_options .bb_more_options_list button.pending_friend:before,
.bb_more_options .bb_more_options_list .generic-button>button.is_friend:before,
.bb_more_options .bb_more_options_list .generic-button>button.pending_friend:before,
.bb_more_options .bb_more_options_list a.is_friend:before,
.bb_more_options .bb_more_options_list a.pending_friend:before,
.bb_more_options .bb_more_options_list button.is_friend:before,
.bb_more_options .bb_more_options_list button.pending_friend:before {
  content: "";
}

@media screen and (max-width:799px) {
  .bp-user .bb-enable-cover-img .bb_more_options {
    margin: 0;
  }

  ;
}

.buddypress-wrap .item-body .screen-heading {
  margin: 1rem 0;
  padding: 0;
  color: var(--mb-base-black);
}

.buddypress-wrap .item-body .button-tabs {
  margin: 30px 0 1rem;
}

.buddypress-wrap .item-body .group-create-buttons,
body.register .buddypress-wrap .page ul {
  list-style: none;
}

.buddypress-wrap .item-body .group-create-buttons li {
  padding-right: .75rem;
}

.buddypress-wrap.bp-single-vert-nav .bp-list:not(.grid) .item-entry {
  padding-left: .7em;
}

.single-item.group-members .item-body .filters:not(.no-subnav) {
  border-top: 5px solid #eaeaea;
  padding-top: 1em;
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .bp-invites-feedback-hide,
#group-invites-container .bb-groups-invites-right .bp-invites-feedback-hide,
.group-invites.pending-invites.invite #group-invites-container .group-invites-column .group-subnav-filters div .last,
.single-item.subgroups .item-body #subnav-filters #dir-filters {
  display: none;
}

.buddypress-wrap .group-status-type ul {
  margin: 0 0 20px 20px;
}

.groups-manage-members-list {
  padding: .7em 0;
}

.groups-manage-members-list dd {
  margin: 0;
  padding: 1em 0;
}

.groups-manage-members-list .section-title {
  background: #eaeaea;
  padding-left: .3em;
}

.groups-manage-members-list ul {
  list-style: none;
  margin-bottom: 0;
}

.groups-manage-members-list ul li {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding: .7em .3em .3em;
}

.groups-manage-members-list ul li:last-child,
.groups-manage-members-list ul li:only-child {
  border-bottom: 0;
}

.groups-manage-members-list ul li:nth-child(even) {
  background: #fafafa;
}

.groups-manage-members-list ul li.banned-user {
  background: #fad3d3;
}

.groups-manage-members-list ul .member-name {
  margin-bottom: 0;
  text-align: center;
}

.groups-manage-members-list ul img {
  display: block;
  margin: 0 auto;
  width: 20%;
}

@media screen and (min-width:32em) {
  .groups-manage-members-list ul .member-name {
    text-align: left;
  }

  .groups-manage-members-list ul img {
    display: inline;
    width: 50px;
  }

  ;
}

.groups-manage-members-list ul .members-manage-buttons {
  margin: 1rem 0 5px;
}

.groups-manage-members-list ul .members-manage-buttons a.button {
  color: #767676;
  display: block;
  font-size: .75rem;
}

@media screen and (min-width:32em) {
  .groups-manage-members-list ul .members-manage-buttons a.button {
    display: inline-block;
  }

  ;
}

#bp-message-thread-list li.sending .bp-message-content-wrap p,
.groups-manage-members-list ul .members-manage-buttons.text-links-list {
  margin-bottom: 0;
}

@media screen and (max-width:32em) {
  .groups-manage-members-list ul .members-manage-buttons.text-links-list a.button {
    background: #fafafa;
    border: 1px solid #eee;
    display: block;
    margin-bottom: 10px;
  }

  ;
}

.groups-manage-members-list ul .action:not(.text-links-list) a.button {
  font-size: .75rem;
}

@media screen and (min-width:46.8em) {

  .groups-manage-members-list ul li .avatar,
  .groups-manage-members-list ul li .member-name {
    float: left;
  }

  .groups-manage-members-list ul li .avatar {
    margin-right: 1rem;
  }

  .groups-manage-members-list ul li .action {
    clear: both;
    float: left;
  }

  ;
}

#avatar-crop-actions {
  margin-top: 1rem;
}

#avatar-crop-actions a.avatar-crop-cancel {
  color: #555;
  margin-top: 1rem;
}

#group-invites-container {
  background: var(--mb-base-white);
  border: 1px solid #e7e9ec;
  border-radius: 4px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bb-groups-invites-right {
  flex: 1;
}

.bb-groups-invites-left {
  border-right: 1px solid #e7e9ec;
  min-width: 0;
  flex: 0 0 360px;
}

.bb-groups-invites-left .bp-list li .item-avatar {
  margin-right: 1rem;
}

.bb-groups-invites-left .group-invites-search,
.bb-groups-invites-right-top {
  padding: 20px;
}

.bb-groups-invites-left .bb-icons.bb-icon-loader {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
  margin-top: 3px;
}

#send_group_invite_form .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  max-height: 120px;
  overflow: auto;
}

#send_group_invite_form .select2-search.select2-search--inline {
  flex: 1;
  min-width: 0;
}

#buddypress #send_group_invite_form .select2-search__field {
  background: 0 0;
  border-width: 0;
  min-width: 100%;
  width: 100% !important;
  padding-left: 0;
}

body.groups.group-invites .select2-dropdown .select2-results__option {
  border-radius: 3px;
  margin-bottom: 0;
  font-size: .875rem;
  padding: 2px 5px;
}

body.groups.group-invites li.select2-results__option.select2-results__invite {
  border-radius: 3px;
  margin-bottom: 0;
  font-size: .875rem;
  list-style: none;
  padding: 2px 5px;
}

body.groups.group-invites span.select2-dropdown.select2-dropdown--below {
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  border: 0;
  padding: 5px 10px;
  margin-right: 0;
  max-width: 300px;
  display: none;
}

.bb-groups-invites-right-top .bb-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bb-groups-invites-right-top .bb-add-invites {
  font-size: .875rem;
  display: flex;
  align-items: center;
  line-height: 1;
}

.bb-groups-invites-right-top .bb-add-invites .bb-icons {
  margin-right: 5px;
  font-size: 18px;
}

.bb-invites-footer {
  border-top: 1px solid #e7e9ec;
  padding: 10px 20px;
  text-align: right;
}

@media screen and (min-width:768px) {

  .bb-groups-invites-right-top .bb-add-invites,
  .bb-invites-footer {
    display: none;
  }

  ;
}

@media screen and (max-width:767px) {
  .bb-groups-invites-left {
    display: none;
  }

  div#bp-group-invite-content #send-invites-control {
    min-height: 100px;
  }

  .bb-groups-invites-left.bb-select-member-view {
    position: fixed;
    background: rgba(0, 0, 0, .69);
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .bb-groups-invites-left.bb-select-member-view .bb-groups-invites-left-inner {
    background: var(--mb-base-white);
    border-radius: 5px;
    width: 90%;
    max-width: 500px;
    overflow: hidden;
  }

  div.group-invites-members-listing {
    padding-bottom: 0;
  }

  .group-invites-members-listing .bp-invites-feedback {
    margin-bottom: 30px;
  }

  ;
}

a.bb-close-invites-members.button {
  min-width: 110px;
}

.bb-groups-invites-right-bottom {
  border-top: 1px solid #e7e9ec;
}

body.groups.group-invites #send_group_invite_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #4d5c6d;
  border-color: #4d5c6d;
  font-size: .875rem;
  color: var(--mb-base-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  padding: 0 8px;
}

#send_group_invite_form li.select2-selection__choice {
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#send_group_invite_form .select2-selection__choice__remove {
  margin: 0 0 0 8px;
  width: 1rem;
  height: 1rem;
  background: var(--mb-base-white);
  border-radius: 50%;
  color: #333;
  font-size: .875rem;
  text-align: center;
}

#send_group_invite_form .select2-selection--multiple {
  border-color: transparent;
  padding: 0;
}

#group-invites-container .bb-groups-invites-left .item-list li,
#send_group_invite_form #group-invites-toolbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

#group-invites-toolbar .post-elements-buttons-item,
#send_group_invite_form #group-invites-toolbar .post-elements-buttons-item {
  margin-right: 10px;
  position: relative;
}

#bp-group-invite-content .medium-editor-element,
#bp-group-invite-content .medium-editor-placeholder,
#bp-invites-submit-loader .bb-icons {
  font-size: 1rem;
}

#bp-group-invite-content #send-invites-control {
  border: 0;
  resize: none;
  padding: 25px;
  height: auto;
  max-height: 32vh;
}

#group-invites-container .bb-groups-invites-left .item-list li {
  border: 0;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-radius: 0;
  margin: 0-20px 1px;
  width: auto;
  padding: 8px 20px;
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .list-title,
#group-invites-container .bb-groups-invites-left .group-invites-members-listing .list-title a {
  font-size: 1rem;
  margin: 0 auto;
  width: 100%;
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .action button,
#group-messages-container .bb-groups-messages-left .action button {
  height: auto;
  min-height: 10px;
  padding: 0;
  min-width: 40px;
  border: 0;
  color: inherit;
  background: 0 0;
  box-shadow: none;
}

#group-invites-container .bb-groups-invites-left .last {
  text-align: center;
  float: right;
}

#group-invites-container .bb-groups-invites-left .bp-group-invites-filters .button.group-invite-button {
  background-color: transparent;
  border: 0;
  padding-left: 5px;
  padding-right: 5px;
}

#group-invites-container .bb-groups-invites-left #group-group-invites-container .button.group-invite-button {
  min-height: 34px;
  padding: 5px 1rem;
}

#group-invites-container .bb-groups-invites-left .button.group-invite-button {
  min-height: 26px;
  padding: 0;
  background: 0 0;
  border: 0;
}

.bp-single-invite-wrap.group-invites-highlight {
  background: #fffced;
  padding: 10px;
  border: 1px solid #f9efca;
  border-radius: 5px;
}

#group-invites-container .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: transparent !important;
  cursor: default;
}

#group-invites-container div#group-invites-new-submit {
  margin-left: auto;
  display: flex;
}

#group-invites-container #send_group_invite_form {
  margin-bottom: 0;
  position: relative;
  height: 100%;
  padding-bottom: 55px;
}

#group-invites-container .bb-groups-invites-right>.bp-feedback {
  margin: 20px;
}

.bp-single-invite-content .bp-invite-content-wrap p.joined {
  color: #847d7d;
  font-style: italic;
  font-weight: 700;
}

.group-invites-members-listing {
  padding-bottom: 20px;
}

#group-invites-container .bb-groups-invites-left #members-list {
  max-height: 55vh;
  overflow: auto;
  margin: 0;
  padding: 0 20px;
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing #members-list .load-more .center {
  width: 100%;
  text-align: center;
}

#bp-pending-invites-loader,
#group-invites-container .bb-groups-invites-left .bp-invites-dropdown-options-loader-hide,
#group-invites-container .bb-groups-invites-left .group-invites-members-listing .last,
#group-invites-container .bb-groups-invites-right .bp-invites-submit-loader-hide,
.bb-groups-invites-left .group-invites-members-listing .bp-invites-feedback,
.bb-groups-invites-right #send_group_invite_form .bb-groups-invites-right-top .bp-invites-feedback {
  display: none;
}

#bp-pending-invites-loader {
  position: relative;
  text-align: center;
}

#bp-invites-submit-loader .dashicons-update:before,
#bp-pending-invites-loader .dashicons-update:before {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
  display: block;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}

#bp-invites-submit-loader {
  margin-left: auto;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.group-invites-members-listing .bp-list li .item {
  overflow: initial;
}

#compose-personal-li a,
.buddypress.groups .activity-update-form {
  margin-top: 0;
}

.buddypress-wrap .profile {
  margin-top: 30px;
}

.buddypress-wrap .public .profile-fields td.label {
  width: 30%;
}

.buddypress-wrap .profile.edit .button-nav {
  list-style: none;
  margin: 30px 0 10px;
}

.buddypress-wrap .profile.edit .button-nav li a {
  font-size: 18px;
}

.buddypress-wrap .profile.edit .editfield {
  background: #fafafa;
  border: 1px solid #eee;
  margin: 1rem 0;
  padding: 1em;
}

.buddypress-wrap .profile.edit .editfield fieldset label {
  font-weight: 400;
}

.buddypress-wrap .profile.edit .repeater_group_outer {
  margin: 0 0 1rem;
  padding: 1rem;
  cursor: move;
  background: var(--mb-base-white);
  border: 1px solid #eee;
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_tools {
  display: flex;
  flex-flow: row wrap;
}

#btn_add_repeater_set,
.buddypress-wrap .profile.edit .repeater_group_outer .repeater_tools a {
  align-items: center;
  display: flex;
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_title {
  flex: 1;
  min-width: 0;
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_title_empty {
  color: #ccc;
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_edit {
  margin-left: auto;
  margin-right: 5px;
}

.buddypress-wrap .profile.edit .editfield {
  display: flex;
  flex-direction: column;
}

.buddypress-wrap .profile.edit .editfield .description {
  margin-top: -10px;
  margin-bottom: 10px;
  order: 2;
}

.buddypress-wrap .profile.edit .editfield>fieldset {
  order: 1;
}

.buddypress-wrap .profile.edit .editfield .field-visibility-settings,
.buddypress-wrap .profile.edit .editfield .field-visibility-settings-toggle {
  order: 3;
}

.profile-edit button.button>i {
  font-size: 18px;
  margin-right: 5px;
}

#btn_add_repeater_set {
  float: right;
}

#btn_add_repeater_set .dashicons {
  margin-right: 5px;
}

.users-header #social-networks-popup,
body.no-js .buddypress-wrap .field-visibility-settings-close,
body.no-js .buddypress-wrap .field-visibility-settings-toggle {
  display: none;
}

body.no-js .buddypress-wrap .field-visibility-settings {
  display: block;
}

.buddypress-wrap .field-visibility-settings {
  margin: 10px 0;
}

.buddypress-wrap .current-visibility-level {
  font-style: normal;
  color: #333;
}

#message-threads .bp-message-link .thread-content .thread-subject a,
.buddypress-wrap .field-visibility-settings,
.buddypress-wrap .field-visibility-settings-header {
  color: #737373;
}

.buddypress-wrap .field-visibility-settings fieldset {
  margin: 5px 0;
}

.buddypress-wrap .standard-form .field-visibility-settings .radio {
  list-style: none;
  margin-bottom: 0;
}

.buddypress-wrap .standard-form .field-visibility-settings .field-visibility-settings-close {
  font-size: .75rem;
}

.buddypress-wrap .standard-form .wp-editor-container {
  border: 1px solid #dedede;
}

.buddypress-wrap .standard-form .wp-editor-container textarea {
  background: var(--mb-base-white);
  width: 100%;
}

.buddypress-wrap .standard-form .description {
  font-size: inherit;
}

.buddypress-wrap .standard-form .field-visibility-settings legend,
.buddypress-wrap .standard-form .field-visibility-settings-header {
  font-style: italic;
}

.buddypress-wrap .standard-form .field-visibility-settings-header {
  font-size: .875rem;
  margin: 1rem 0;
}

.buddypress-wrap .standard-form .field-visibility-settings label,
.buddypress-wrap .standard-form .field-visibility-settings legend {
  font-size: .875rem;
}

.buddypress-wrap .html-active button.switch-html,
.buddypress-wrap .tmce-active button.switch-tmce {
  background: #f5f5f5;
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.buddypress-wrap .profile.public .profile-group-title {
  border-bottom: 1px solid var(--mb-gray-200);
}

#buddypress .results-group ul.awpcp_ad_listing-list div img,
.buddypress-wrap .profile .bp-avatar-nav {
  margin-top: 20px;
}

#item-header a.link-change-cover-image,
#item-header a.link-change-profile-image,
#item-header a.position-change-cover-image {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 34px;
  height: 34px;
  left: .75rem;
  top: .75rem;
  z-index: 3;
  opacity: 0;
  transition: all .2s;
  text-decoration: none;
}

#item-header a.link-change-cover-image>i,
#item-header a.link-change-profile-image>i,
#item-header a.position-change-cover-image>i {
  font-size: 34px;
}

#item-header a.position-change-cover-image {
  top: 55px;
  display: none;
}

@media screen and (min-width:1220px) {
  #buddypress #item-header a.position-change-cover-image {
    display: flex;
  }

  #buddypress #item-header .header-cover-img {
    display: block;
  }

  #buddypress #item-header #header-cover-image.has-cover-image {
    background-image: none;
  }

  ;
}

#item-header-avatar a.link-change-profile-image {
  top: 100px;
  left: 50%;
  margin-left: -1rem;
}

#header-cover-image:hover a.link-change-cover-image,
#header-cover-image:hover a.position-change-cover-image,
#item-header-avatar:hover a.link-change-profile-image,
#message-threads .message-thread-options .bb_more_options_action:hover i,
#message-threads .message-thread-options.loading .bb_more_options_action>i,
#message-threads .optionsOpen .message-thread-options .bb_more_options_action i {
  opacity: 1;
}

.users-header #social-networks-popup .bb-action-popup-content {
  padding: 26px 30px 35px;
  text-align: left;
}

.users-header #social-networks-popup .bb-action-popup-content .social {
  margin-top: 7px;
}

.users-header #item-header-avatar a.link-change-profile-image {
  top: 71px;
  left: 50%;
  margin-left: 0;
  transform: translateX(-50%);
}

.users-header #item-header-avatar:hover .link-change-overlay {
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  height: 164px;
  background-color: rgba(0, 0, 0, .3);
  border-radius: 50%;
}

.social-networks-wrap span.social {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
}

.social-networks-wrap span.social:last-of-type {
  margin-right: 0;
}

.social-networks-wrap svg {
  width: 100%;
  vertical-align: middle;
}

.item-body .bp-widget,
.progress_text_wrap h3 {
  margin: 0;
}

@media screen and (max-width:782px) {
  .member-header-actions.action {
    margin-top: 1rem;
  }

  .single-headers li.generic-button {
    float: none;
  }

  ;
}

#member-invites-table .field-actions,
#member-invites-table .field-actions-last,
div.profile_completion_wrap .progress_text_wrap {
  text-align: center;
}

.pc_detailed_progress li span.completed_staus {
  color: var(--mb-base-white);
  float: right;
  width: 50px;
  text-align: center;
}

.pc_detailed_progress li.completed span.completed_staus {
  color: #8a2;
}

.pc_detailed_progress li.incomplete span.completed_staus {
  color: #b71717;
}

.pc_progress_graph path {
  stroke: #e7e7e8;
  stroke-linecap: round;
  stroke-width: 6;
}

.pc_progress_graph.pc_progress_graph--blank path {
  stroke-linecap: initial;
}

.pc_progress_wrap {
  text-align: center;
  margin: 0 0 25px;
}

.pc_progress_wrap svg {
  width: 70%;
  height: auto;
  margin: 0 auto;
}

.pc_progress_wrap .pc_progress_rate {
  stroke: #0b80a4;
}

.progress_text_wrap {
  margin-top: -50px;
}

.bp-messages-content .bp-message-content_foot_note strong,
.progress_text_wrap .progress_text_value {
  font-weight: 600;
}

.progress_text_label {
  display: block;
}

#member-invites-table .field-actions .field-actions-remove,
#member-invites-table .field-actions-add,
#member-invites-table .field-actions-last .field-actions-remove {
  cursor: pointer;
}

#member-invites-table .field-actions-add i {
  background-color: #000;
  color: var(--mb-base-white);
  border-radius: 100%;
  padding: 3px 4px 1px 3px;
  height: auto;
  width: auto;
  line-height: normal;
}

#member-invites-table .field-actions-add.disabled {
  cursor: not-allowed;
}

#member-invites-table .field-actions-add.disabled i {
  background-color: #ccc;
}

.in-bbapp #buddypress #item-header,
.in-bbapp #buddypress .bp-wrap .main-navs,
.in-bbapp #secondary {
  display: none;
}

.preview-content .actions a {
  text-decoration: none;
}

.bp-messages-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.messages-screen .user-status-icon {
  color: var(--mb-base-white);
  background-color: #767676;
  font-size: 17px;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 1;
}

#bp-message-thread-list li.divider-date,
.bp-single-message-wrap .bp-avatar-wrap {
  position: relative;
}

.bp-single-message-wrap .user-status-icon {
  bottom: inherit;
  top: 25px;
}

.bp-messages-content {
  flex: 1;
  min-width: 0;
  padding-left: 20px;
}

.bp-messages-content .avatar {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bp-messages-content .thread-participants {
  list-style: none;
}

.bp-messages-content .thread-participants #view_more_members {
  font-size: .75rem;
  display: inline-block;
}

.bp-messages-content .thread-participants #view_more_members .participants-name {
  font-size: 1rem;
}

.bp-messages-content time {
  color: #737373;
  font-size: .75rem;
}

.bp-messages-content .thread-date {
  color: #737373;
  font-size: .875rem;
}

#message-threads {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#message-threads:empty,
.bp-messages-content ul#message-threads:empty,
div#subsubnav:empty {
  display: none;
}

#message-threads .thread-avatar .user-status-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mb-base-white);
  background-color: #767676;
  font-size: 17px;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  right: -5px;
  bottom: -5px;
}

#message-threads .thread-avatar .user-status-icon.bb-icon-cancel {
  height: 26px;
  width: 26px;
}

#message-threads .bp-message-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 0;
  overflow: hidden;
  padding: .7em;
}

#message-threads .bp-message-link .thread-cb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-flex: 1 2 5%;
  -moz-flex: 1 2 5%;
  -ms-flex: 1 2 5%;
  -o-flex: 1 2 5%;
  flex: 1 2 5%;
}

#message-threads .bp-message-link .thread-to {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

#message-threads .bp-message-link .thread-to img.avatar {
  float: left;
  margin: 5px 10px 0 0;
}

#message-threads .bp-message-link .thread-content .excerpt,
#message-threads .bp-message-link .thread-to .num-recipients {
  color: #737373;
  font-size: .75rem;
  margin: 0;
}

#message-threads .bp-message-link.unread {
  background-color: #fafafa;
}

#boss-media .bb-media-model-inner .bs-item-wrap .item-meta .item-meta a:hover,
#message-threads .bp-message-link.unread .thread-subject .subject,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title a:hover,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title a:hover,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title a:hover {
  color: #5087e5;
}

#message-threads .bp-message-link .thread-content {
  min-width: 0;
  -webkit-flex: 1 2 50%;
  -moz-flex: 1 2 50%;
  -ms-flex: 1 2 50%;
  -o-flex: 1 2 50%;
  flex: 1 2 50%;
}

@media screen and (min-width:55em) {
  #message-threads .bp-message-link .thread-content {
    -webkit-flex: 1 2 70%;
    -moz-flex: 1 2 70%;
    -ms-flex: 1 2 70%;
    -o-flex: 1 2 70%;
    flex: 1 2 70%;
  }

  ;
}

#message-threads .bp-message-link .thread-content .thread-subject {
  font-size: .875rem;
  vertical-align: top;
}

#message-threads .bp-message-link .thread-content .thread-subject .excerpt {
  font-weight: 400;
}

#message-threads .bp-message-link .thread-date {
  color: #767676;
  display: inline-block;
  vertical-align: middle;
  font-size: .75rem;
}

#message-threads .bp-message-link .thread-date:before {
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 50%;
  display: none;
  vertical-align: middle;
  background-color: #767676;
  margin-right: 3px;
}

#message-threads .bp-message-link .thread-excerpt+.thread-date {
  padding: 0 0 0 .25rem;
}

#message-threads .bp-message-link .thread-avatar {
  margin-right: 1rem;
  max-width: 60px;
  -webkit-flex: 1 2 10%;
  -moz-flex: 1 2 10%;
  -ms-flex: 1 2 10%;
  -o-flex: 1 2 10%;
  flex: 1 2 10%;
}

#message-threads .bp-message-link .thread-avatar img.avatar {
  max-width: 60px;
  height: 52px;
  width: 52px;
  image-rendering: -webkit-optimize-contrast;
}

#message-threads .bp-message-link .thread-multiple-avatar {
  min-height: 52px;
  min-width: 52px;
  position: relative;
}

#message-threads .bp-message-link .thread-multiple-avatar img.avatar {
  border: 2px solid var(--mb-base-white);
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
}

#message-threads .bp-message-link .thread-multiple-avatar img.avatar+img {
  top: 17px;
  left: 17px;
}

#message-threads .bp-message-link:hover .thread-multiple-avatar img.avatar,
#message-threads .current .bp-message-link .thread-multiple-avatar img.avatar {
  border-color: #f5f6f7;
}

#bbpress-forums .bbp-the-content pre,
#message-threads .thread-item.optionsOpen {
  position: relative;
  z-index: 1;
}

#message-threads .message-thread-options {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: 0 0;
  display: none;
}

#message-threads .message-thread-options .bb_more_options_action {
  padding: 4px;
}

#message-threads .message-thread-options .bb_more_options_action i {
  color: #333;
  font-size: 1rem;
  opacity: .4;
}

#message-threads .message-thread-options .bb_more_options_list {
  list-style: none;
}

#message-threads .message-thread-options.loading .bb_more_options_action {
  pointer-events: none;
}

#message-threads .message-thread-options.loading .bb_more_options_action>i:before,
.bp-messages-content .actions .message_actions.loading .message_action__anchor>i:before {
  content: "";
  animation: spin 2s infinite linear;
  display: inline-block;
}

#message-threads .thread-item.optionsOpen .message-thread-options,
#message-threads .thread-item:hover .message-thread-options {
  display: block;
}

#message-form-submit-wrapper,
#message-reply-form-submit-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-messages-content .actions {
  margin-left: auto;
}

#bp-message-thread-list .actions a:before,
.bp-messages-content .actions .bb-icon-trash {
  font-size: 18px;
}

.bp-messages-content .actions .bp-icons:not(.bp-hide) {
  display: inline-block;
  margin: 0;
  padding: .3em .7em;
}

.bp-messages-content .actions .bp-icons:not(.bp-hide):before {
  font-size: 26px;
}

.bp-messages-content .actions .message_actions .message_action__anchor {
  color: #555;
}

.bp-messages-content .actions .message_actions .message_action__anchor .bb-icon-menu-dots-v {
  font-size: 20px;
}

.bp-messages-content .actions .message_actions.loading .message_action__anchor {
  pointer-events: none;
}

.bp-messages-content .actions .message_actions .message_action__list {
  display: none;
  margin: 0;
  position: absolute;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0/5%), 0 6px 32px 0 rgb(18 43 70/10%);
  border-radius: .5rem;
  padding: 5px 0;
  min-width: 165px;
  right: 0;
  top: 3rem;
  z-index: 119;
  list-style: none;
}

.bp-messages-content .actions .message_actions .message_action__list.open {
  display: block;
}

#bbpress-forums dl.bbp-user-capabilities dd,
.bp-messages-content .actions .message_actions .message_action__list ul {
  margin: 0;
  padding: 0;
}

.bp-messages-content .actions .message_actions .message_action__list li {
  margin: 0;
  list-style: none;
}

.bp-messages-content .actions .message_actions .message_action__list li a {
  font-size: .75rem;
  font-weight: inherit;
  color: #939597;
  margin-bottom: 1px;
  padding: .5625rem .9375rem;
  display: block;
}

.bp-messages-content .actions .message_actions .message_action__list:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 17px;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 1002;
}

.bp-messages-content .bp-messages-notice .bp-user-messages-feedback .archive-button.loading:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(var(--bb-alternate-text-color-rgb), .2);
  border-top-color: var(--bb-alternate-text-color);
  animation: spin 2s infinite linear;
}

.bp-messages-content form.send-reply .avatar-box {
  padding: .7em 0;
}

.bp-messages-content .single-message-thread-header {
  border-bottom: 1px solid #eaeaea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bp-messages-content .single-message-thread-header .thread-avatar {
  margin: 0 1rem 0 0;
  position: relative;
}

.bp-messages-content .single-message-thread-header .thread-avatar img {
  height: 50px;
  width: 50px;
}

.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar {
  height: 50px;
  width: 50px;
  position: relative;
}

.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar:after {
  content: "";
  height: 37px;
  width: 37px;
  background-color: var(--mb-base-white);
  position: absolute;
  top: 1rem;
  left: 1rem;
  border-radius: 50%;
}

.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar img+img,
.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar>a+a img {
  position: absolute;
  top: 17px;
  left: 17px;
  z-index: 1;
}

.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar img,
.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar>a img {
  height: 35px;
  width: 35px;
}

#bp-message-thread-list .message-metadata button:before,
.bp-messages-content .single-thread-title {
  font-size: 1rem;
}

.bp-messages-content .single-thread-title .messages-title {
  padding-left: 2em;
}

.bp-messages-content .thread-participants {
  float: left;
  margin: 5px 0;
  width: 70%;
}

.bp-messages-content .thread-participants li {
  float: left;
  margin-left: 5px;
}

.bp-messages-content .thread-participants img {
  width: 30px;
}

.bp-messages-content #bp-message-thread-list li .message-content blockquote,
.bp-messages-content #bp-message-thread-list li .message-content ol,
.bp-messages-content #bp-message-thread-list li .message-content ul {
  list-style-position: inside;
  margin-left: 0;
}

.bp-messages-content #bp-message-thread-header h2:first-child {
  background-color: #eaeaea;
  color: #555;
  font-weight: 700;
  margin: 0;
  padding: .5em;
}

.bp-messages-content #message-threads .thread-content a {
  border: 0;
  text-decoration: none;
}

.bp-messages-content .standard-form #subject,
input#send-to-input {
  margin-bottom: 20px;
}

@media screen and (max-width:540px) {
  .bp-messages-content .single-message-thread-header .actions a[data-bp-tooltip][data-bp-tooltip-pos=left]:after {
    max-width: 100vw;
    white-space: normal;
    min-width: 200px;
  }

  ;
}

#buddypress .bp-messages-container .message_action__list {
  min-width: max-content;
}

#buddypress .bp-messages-container .message_action__list li a:before {
  font-family: bb-icons;
  font-size: 1.5rem;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem 0 0;
  color: var(--mb-gray-400);
}

#buddypress .bp-messages-container .message_action__list li.unread a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.read a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.hide_thread a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.view_members a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.unhide_thread a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.delete_messages a:before,
#buddypress .bp-messages-container .message_action__list li.delete_thread a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.report_member_thread a:before {
  content: "";
}

#buddypress .bp-messages-container .message_action__list li.report_thread a:before,
#buddypress .bp-messages-container .message_action__list li.reported-content a:before,
#buddypress .bp-messages-container .message_action__list li.reported_thread a:before {
  content: "";
  vertical-align: middle;
}

#buddypress .bp-messages-container .message_action__list li.reported-content,
#buddypress .bp-messages-container .message_action__list li.reported_thread {
  pointer-events: none;
  opacity: .9;
}

#buddypress .bp-messages-container .message_action__list li.archived-messages a:before {
  content: "";
  font-weight: 400;
  font-size: 2rem;
  min-width: max-content;
}

#buddypress .bp-messages-container .message_action__list li.notification_preferences a:before {
  content: "";
  content: '\ee30';
  font-weight: 400;
  font-size: 2rem;
  min-width: max-content;
}

#buddypress .bp-messages-container .message_action__list li.email_preferences a:before {
  content: "";
}

#buddypress .bp-messages-container .thread-item:nth-child(3)~.thread-item:last-child .message_action__list,
#buddypress .bp-messages-container .thread-item:nth-child(3)~.thread-item:nth-last-child(2) .message_action__list,
#buddypress .bp-messages-container .thread-item:nth-child(3)~.thread-item:nth-last-child(3) .message_action__list {
  top: initial;
  bottom: 0;
  right: -8px;
}

#buddypress .bp-messages-container .thread-item:nth-child(3)~.thread-item:last-child .message_action__list:after,
#buddypress .bp-messages-container .thread-item:nth-child(3)~.thread-item:nth-last-child(2) .message_action__list:after,
#buddypress .bp-messages-container .thread-item:nth-child(3)~.thread-item:nth-last-child(3) .message_action__list:after {
  top: initial;
  bottom: -.75rem;
  transform: rotate(140deg);
  right: 0;
}

#bp-message-thread-list {
  background: #fafafa;
  border-top: 1px solid #eaeaea;
  clear: both;
  list-style: none;
  padding: 0 1em;
}

#bp-message-thread-list:after {
  content: " ";
  clear: both;
  display: table;
}

#bp-message-thread-list li {
  background: var(--mb-base-white);
  border: 1px solid #ccc;
  -webkit-box-shadow: -2px 1px 9px 0#eee;
  -moz-box-shadow: -2px 1px 9px 0#eee;
  box-shadow: -2px 1px 9px 0#eee;
  padding: .7em;
  margin: 1em 0;
  width: 100%;
}

#bp-message-thread-list li.divider-date .bp-avatar-wrap,
#bp-message-thread-list li.divider-date .message-metadata,
.messages .select2-dropdown .select2-results__option[aria-selected=true] {
  display: none;
}

#bp-message-thread-list li.divider-date .bp-single-message-wrap {
  text-align: center;
}

#bp-message-thread-list li.divider-date .bp-message-content-wrap {
  display: inline-block;
  position: relative;
  padding: 0;
  color: #767676;
  background-color: transparent;
  text-align: center;
  z-index: 1;
}

#bp-message-thread-list li.has-medias .bb-activity-media-wrap,
#bp-message-thread-list li.has-medias .bb-activity-video-wrap,
.bbpress #bbpress-forums .medium-editor-toolbar.active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active .medium-editor-toolbar-actions li {
  pointer-events: none;
}

#bp-message-thread-list .message-metadata .avatar {
  width: 30px;
}

#bp-message-thread-list .message-metadata .user-link {
  font-size: .75rem;
  display: inline-block;
  color: #222;
}

#bp-message-thread-list .message-metadata .user-link strong {
  font-size: 1rem;
  font-weight: 600;
}

#bp-message-thread-list .message-metadata .user-link strong:after {
  content: "·";
  color: #767676;
  font-size: 20px;
  margin-left: 6px;
  vertical-align: middle;
  display: inline-block;
}

#bp-message-thread-list .message-metadata time {
  color: #767676;
  font-size: .875rem;
  padding: 0 2px;
}

#bp-message-thread-list .message-metadata button {
  padding: 0 .3em;
}

#bp-message-thread-list .bp-message-content-wrap p,
#buddypress .bb-album-content-wrap h4 {
  margin-bottom: 8px;
}

#bp-message-thread-list .bp-message-content-wrap p:last-child,
.buddypress-wrap table.profile-fields:last-child {
  margin-bottom: 0;
}

#bp-message-thread-list .bp-message-content-wrap p.blocked,
#bp-message-thread-list .bp-message-content-wrap p.deleted-message {
  display: inline-block;
  font-size: .75rem;
  padding: 5px 1rem 5px 10px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
}

#bp-message-thread-list .bp-message-content-wrap p.blocked:before,
#bp-message-thread-list .bp-message-content-wrap p.deleted-message:before {
  content: "";
  display: inline-block;
  font-family: bb-icons;
  font-weight: 300;
  font-size: .875rem;
  margin: -2px 5px 0 0;
  vertical-align: middle;
}

#bp-message-thread-list .bp-message-content-wrap+.bb-activity-media-wrap,
#bp-message-thread-list .bp-message-content-wrap+.bb-activity-video-wrap {
  margin-top: 8px;
}

#bp-message-thread-list img.avatar {
  float: left;
  margin: 0 1rem 0 0;
  image-rendering: -webkit-optimize-contrast;
  border: 1px solid var(--mb-gray-100);
  border-radius: 9999px;
}

div.bp-navs#subsubnav.bp-messages-filters .user-messages-bulk-actions {
  margin-right: 1rem;
  max-width: 42.5%;
}

.bp-messages-container #subnav #compose-personal-li {
  margin-left: 10px;
  margin-bottom: 5px;
}

@media screen and (min-width:1080px) {
  .compose #compose-personal-li {
    display: none;
  }

  ;
}

#bp-message-load-more:not(.loading),
#bp-messages-next-page,
#bp-messages-prev-page {
  display: none !important;
}

.bp-messages-content #bp-message-load-more.loading~#bp-message-thread-list {
  padding-top: 35px;
}

#bp-message-load-more {
  position: absolute;
  top: 60px;
  text-align: center;
  width: 100%;
  left: 0;
  margin-top: 25px;
}

#bp-message-load-more .button {
  font-size: 0;
  padding: 0;
  margin: auto;
  width: auto;
  color: inherit;
  background-color: transparent;
  border: 0;
}

#bp-message-load-more .button:focus,
#bp-message-load-more .button:hover {
  outline: 0;
  text-decoration: none;
  color: inherit;
  box-shadow: none;
}

#bp-message-load-more .button .dashicons-update {
  font-family: bb-icons;
  font-size: 25px;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#bp-message-load-more .button .dashicons-update:before {
  content: "";
}

#send_message_form .select2-selection--multiple {
  border-color: #d6d6d6;
  padding: 3px 5px;
}

#send_message_form .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}

#send_message_form .select2-search.select2-search--inline {
  flex: 1;
  min-width: 0;
}

#send_message_form .select2-selection__rendered li {
  margin: 5px;
}

#send_message_form .select2-search__field {
  min-width: 120px;
  height: 30px;
  margin: 0;
  border: 0;
  background: 0 0;
  padding: 0 5px;
}

.medium-editor-action-close b:before {
  content: "";
}

.bp-messages-content #bp-message-content {
  margin-top: 20px;
  padding: 20px;
}

.bp-messages-content #bp-message-content #whats-new-messages-attachments {
  margin-top: 1rem;
}

.bp-messages-content #bp-message-content #whats-new-messages-toolbar {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex: 1;
  padding: 0 1rem 0 0;
  width: auto;
  min-height: 24px;
}

.bp-messages-content #bp-message-content #whats-new-messages-toolbar .post-elements-buttons-item.disable {
  pointer-events: initial;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar {
  top: inherit;
  bottom: -6px;
  z-index: 99;
  background-color: var(--mb-base-white);
  visibility: hidden;
  transition: opacity ease .3s;
  right: 10px;
  overflow: hidden;
  left: 0;
  opacity: 0;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar.active {
  opacity: 1;
  display: block;
  border-radius: 0;
  z-index: 112;
  visibility: visible;
  bottom: -6px;
  height: 40px;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions {
  background-color: transparent;
  height: auto;
  padding: 0 10px 0 0;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
  padding-right: 6px;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button,
.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
  box-shadow: none;
  padding: 10px 10px 10px 0;
  min-width: 30px;
  border: 0;
  background-color: transparent !important;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active,
.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
  background: 0 0 !important;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close,
#media-folder-document-data-table td.svg-document-icon,
.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-action-close,
.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container #subnav.bp-navs.group-subnav .subnav li {
  padding-right: 0;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
  width: calc(100% - 80px);
}

.bp-messages-content #bp-message-content #whats-new-formatting-toolbar {
  display: flex;
  margin: 0 5px 0 0;
}

.bp-messages-content #bp-message-content #whats-new-formatting-toolbar .post-elements-buttons-item,
.bp-messages-content #bp-message-content #whats-new-formatting-toolbar .toolbar-button,
.bp-messages-content-wrapper .dropzone.dz-started .dz-default.dz-message {
  display: flex;
}

.bp-messages-content .bp-message-content_foot_note {
  font-size: .75rem;
  color: #767676;
  text-align: right;
  margin: 8px 0 0;
  line-height: 1.5;
}

.bp-messages-content .bp-message-content_foot_note .space_note {
  margin-right: 1rem;
}

.bp-message-content-wrap .bp-message-content_foot_note {
  margin: 1rem 0;
}

.bbpress #bbpress-forums .medium-editor-toolbar .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar .medium-editor-toolbar-actions,
.main-notification-settings .disabled * input[type=checkbox] {
  opacity: 0;
}

.bbpress #bbpress-forums .medium-editor-toolbar.active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active .medium-editor-toolbar-actions {
  opacity: .4;
}

.bbpress #bbpress-forums .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions {
  opacity: 1;
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.bbpress #bbpress-forums .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions li,
.buddypress #buddypress.buddypress-wrap .medium-editor-toolbar.active.medium-editor-toolbar-active .medium-editor-toolbar-actions li {
  pointer-events: auto;
}

.messages .select2-dropdown {
  border-color: #d6d6d6;
}

.messages-wrapper #subnav .subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.messages-wrapper #subnav .subnav #back-to-thread-li {
  display: flex;
  font-size: 24px;
  font-weight: 700;
}

.messages-wrapper #subnav .subnav #back-to-thread {
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
}

.messages-wrapper #subnav .subnav #back-to-thread>[class*=bb-icon] {
  display: inline-block;
  margin: 2px 10px 0 0;
  vertical-align: middle;
}

.bp-messages-nav-panel {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 375px;
  flex: 0 0 375px;
  min-width: 0;
}

@media screen and (max-width:46.8em) {
  .bp-messages-nav-panel {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
  }

  ;
}

.bp-messages-nav-panel .messages-search-loader {
  text-align: center;
  padding: 1rem 0 0;
}

.bp-messages-nav-panel .messages-search-loader>i {
  font-size: 25px;
  color: #767676;
}

.bp-messages-nav-panel .message-header-loading,
.bp-messages-nav-panel.loading .bp-subnavs {
  display: none;
}

.bp-messages-nav-panel.loading .message-header-loading {
  display: block;
  padding: 1rem;
}

.bp-messages-nav-panel.loading .message-header-loading .message-header-loading_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
}

.bp-messages-nav-panel.loading .message-header-loading .message-header-loading_title {
  width: 151px;
  height: 34px;
  border-radius: 100px;
}

.bp-messages-nav-panel.loading .message-header-loading .message-header-loading_description {
  width: 100%;
  height: 36px;
}

.bp-messages-nav-panel.loading .message-header-loading .message-header-loading_option {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.messages-wrapper #subnav #compose-personal-li {
  margin-right: 10px;
}

.messages-wrapper #subnav #compose-action-personal-li {
  display: flex;
  margin: 0 1rem 0 auto;
  padding: 0;
}

#compose-personal-li a,
.messages-wrapper #subnav #compose-action-personal-li>a {
  font-size: 0;
}

#inbox {
  pointer-events: none;
}

#compose-personal-li a:after {
  content: "\ee5a";
  font-family: bb-icons;
  font-size: 20px;
  vertical-align: top;
  text-align: center;
  transition: color .1s ease-in;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  position: relative;
  background-color: transparent;
  border: 0;
}

.bp-close-compose-form {
  color: rgba(18, 43, 70, .4);
  line-height: 1;
}

.bp-close-compose-form .bb-icons {
  font-size: 24px;
}

#message_content {
  margin-bottom: 10px;
}

.no-message-wrap {
  padding: 40px 0 20px;
  text-align: center;
}

.no-message-content {
  padding: 0 40px 20px;
}

.no-message-wrap .bb-icon {
  font-size: 80px;
  color: #9b9c9f;
  opacity: .4;
}

#user_messages_search_form,
.bp-search.messages-search {
  width: 100%;
}

.bp-user-messages-loading.loading {
  border: 0;
  padding: 1rem;
  text-align: center;
}

.bp-user-messages-loading.loading .message-user-loading {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
  max-width: 100%;
}

.bp-user-messages-loading.loading .message-user-loading_avatar {
  height: 52px;
  width: 52px;
  border-radius: 50%;
  margin-right: 1rem;
}

.bp-user-messages-loading.loading .message-user-loading_details {
  display: flex;
  justify-content: center;
  flex-flow: column;
  flex: 1;
  width: calc(100% - 68px);
}

.bp-user-messages-loading.loading .message-user-loading_details .message-user-loading_description {
  height: .875rem;
  border-radius: 1rem;
  margin-bottom: 6px;
  max-width: 100%;
}

.bp-user-messages-loading.loading .message-user-loading_details .message-user-loading_title {
  width: 107px;
  height: .875rem;
  border-radius: 1rem;
  margin-bottom: 6px;
  max-width: 100%;
}

.bp-user-messages-loading.loading .message-user-loading_details .message-user-loading_description {
  width: 202px;
}

.bp-single-message-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-avatar-wrap {
  max-width: 40px;
  margin-right: 10px;
}

.bp-avatar-wrap,
.bp-single-message-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.bp-single-message-content .bb-activity-media-elem {
  min-width: 20%;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list li {
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity:last-child .document-action-wrap .document-action_list,
.bp-single-message-content .bb-activity-video-wrap .bb-activity-media-elem.video-activity:last-child .video-action-wrap .video-action_list {
  top: initial;
  bottom: 36px;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity:last-child .document-action-wrap .document-action_list:after,
.bp-single-message-content .bb-activity-video-wrap .bb-activity-media-elem.video-activity:last-child .video-action-wrap .video-action_list:after {
  top: inherit;
  bottom: -.75rem;
  right: -3px;
  -webkit-transform: rotate(137deg);
  -ms-transform: rotate(137deg);
  transform: rotate(137deg);
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-media-elem.video-activity .video-action-wrap .video-action_list li {
  margin: 0 !important;
  padding: 0 !important;
}

.bp-single-message-content .bb-item-cover-wrap.bb-icon-loader {
  background-color: #ddd;
  align-items: center;
  justify-content: center;
  display: flex;
  padding-top: 100%;
}

.bp-single-message-content .bb-item-cover-wrap.bb-icon-loader:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  animation: spin 2s infinite linear;
  height: auto;
  background-color: transparent !important;
  left: inherit;
}

.bp-single-message-content .bb-activity-media-wrap .document-detail-wrap.bb-icon-loader:before {
  animation: spin 2s infinite linear;
}

.bp-messages-content-wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
  padding: 0 20px;
  height: calc(69vh + 130px);
}

.bp-messages-content-wrapper .dropzone,
.bp-messages-form-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bp-messages-content-wrapper .dropzone {
  display: -webkit-flex;
  -webkit-align-items: center;
  position: static;
  z-index: 11;
  background: rgba(255, 255, 255, .99);
  height: calc(100% - 245px);
  width: 100%;
  left: 0;
  border-radius: 4px;
  max-height: 240px;
  overflow: auto;
}

.bp-messages-content-wrapper .dropzone .dz-default.dz-message,
.compose .bp-messages-form-header .bp-new-message-heading,
.select2-container--open ul .select2-results__message+.select2-results__option--load-more {
  display: none;
}

.bp-messages-search-form #user_messages_search_reset {
  font-size: .75rem;
  color: #767676;
  background-color: transparent;
  border: 0;
  padding: 0;
  opacity: .4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .75rem;
}

.bp-messages-search-form #user_messages_search_reset:hover {
  opacity: 1;
}

.bp-messages-form-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.compose .bp-messages-form-header {
  position: absolute;
  border: 0;
  top: 18px;
  right: 20px;
}

.compose .bp-messages-form-header .bp-close-compose-form {
  display: block;
}

.compose .bp-messages-form-header .bp-close-compose-form [class*=bb-icon],
a[data-bp-close] span,
button[data-bp-close] span {
  font-size: 24px;
}

.compose .bp-messages-recipient {
  display: flex;
  padding: 1rem 3rem 1rem 1rem;
  margin: 0-1rem;
}

.compose .bp-messages-recipient>span:first-child {
  margin: 0 1rem 0 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
  min-width: max-content;
}

.compose .bp-messages-recipient .select2-container {
  display: flex;
  font-size: .875rem;
  position: relative;
  height: auto;
  width: auto;
  visibility: visible;
  opacity: 1;
  border: inherit;
  clip: auto;
  clip-path: unset;
  overflow: visible;
  white-space: inherit;
}

.buddypress.settings .profile-settings.bp-tables-user select,
.compose .bp-messages-recipient .select2-container>.selection {
  width: 100%;
}

.compose #buddypress #send_message_form .select2-search__field {
  padding: .5rem 1rem;
  font-size: .875rem;
  background-color: var(--mb-gray-100);
}

.compose #buddypress #send_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-bottom: 5px;
}

.bp-back-to-thread-list,
.buddypress-wrap .standard-form div.submit input {
  margin-right: 1rem;
}

body .bp-messages-user-threads {
  max-height: 69vh;
  overflow: auto;
}

#bp-message-thread-list {
  max-height: 50vh;
  overflow: auto;
}

#message-new-submit,
#message-reply-new-submit {
  background-color: #5087e5;
  border-radius: 50%;
  text-align: center;
  height: 30px;
  width: 30px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: .5;
  pointer-events: none;
}

#bp-message-content.focus-in--content #message-new-submit,
#bp-message-content.focus-in--content #message-reply-new-submit {
  opacity: 1;
  pointer-events: auto;
}

#message-new-submit:before,
#message-reply-new-submit:before {
  display: block;
  content: '\edef';
  color: var(--mb-base-white);
  font-family: bb-icons;
  font-size: .875rem;
  font-weight: 300;
  margin: 0 1rem 0 0;
  font-size: 2rem;
}

#message-new-submit #bp-messages-send,
#message-reply-new-submit #send_reply_button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width:1080px) {

  .bp-back-to-thread-list,
  .bp-close-compose-form {
    display: none;
  }

  ;
}

@media screen and (max-width:1080px) {
  .bp-messages-nav-panel {
    flex: 0 0 100%;
    border-right: 0;
    min-width: 0;
  }

  .bp-compose-message .bp-messages-nav-panel,
  .bp-messages-content,
  .bp-view-message .bp-messages-nav-panel {
    display: none;
  }

  .bp-compose-message .bp-messages-content,
  .bp-view-message .bp-messages-content {
    display: block;
    padding-left: 0;
  }

  ;
}

@media screen and (max-width:767px) {

  #bp-message-thread-list,
  .bp-messages-user-threads {
    max-height: 400px;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
    padding: 10px 5px 10px 0;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-left: 5px !important;
  }

  ;
}

@media screen and (max-width:560px) {
  .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #message-reply-new-submit {
    padding: 0;
    width: 30px;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions {
    padding: 0;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
    padding: 10px 0;
    min-width: 30px;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar .media-off+.medium-editor-toolbar {
    left: 10px;
  }

  ;
}

.mass-user-block-list #moderated_user_list:not(.is_not_empty),
.message-members-list #members_list:not(.is_not_empty) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mass-user-block-list #moderated_user_list:not(.is_not_empty):before,
.message-members-list #members_list:not(.is_not_empty):before {
  content: "";
  font: 20px/1 bb-icons;
  speak: none;
  display: inline-block !important;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.mass-user-block-list.member-popup div.modal-container,
.mass-user-block-list.moderation-popup div.modal-container,
.message-members-list.member-popup div.modal-container,
.message-members-list.moderation-popup div.modal-container {
  max-height: 600px;
}

@media screen and (max-height:768px) {

  .mass-user-block-list.member-popup div.modal-container,
  .mass-user-block-list.moderation-popup div.modal-container,
  .message-members-list.member-popup div.modal-container,
  .message-members-list.moderation-popup div.modal-container {
    max-height: 80vh;
  }

  ;
}

.mass-user-block-list .bb-report-type-pagination,
.message-members-list .bb-report-type-pagination {
  margin: 0-10px;
}

.mass-user-block-list .bb-report-type-pagination .page-data,
.message-members-list .bb-report-type-pagination .page-data {
  margin: 0;
  text-align: left;
}

.mass-user-block-list .bb-report-type-pagination .page-data #load_more_rl,
.message-members-list .bb-report-type-pagination .page-data #load_more_rl {
  opacity: 0;
  visibility: hidden;
  height: 1px;
  overflow: hidden;
  min-height: 0;
  transition: none;
}

.mass-user-block-list .bb-report-type-pagination .page-data #load_more_rl.loading,
.message-members-list .bb-report-type-pagination .page-data #load_more_rl.loading {
  font-size: .75rem;
  background-color: transparent;
  border: 0;
  color: #767676;
  opacity: 1;
  visibility: visible;
  height: auto;
  min-height: auto;
  padding: 10px 0 5px;
}

.mass-user-block-list .bb-report-type-pagination .page-data #load_more_rl.loading:after,
.message-members-list .bb-report-type-pagination .page-data #load_more_rl.loading:after {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
  float: left;
  margin: 7px 6px 0 0;
}

.bb-report-type-pagination .page-data {
  display: block;
  margin: 20px auto 0;
  text-align: center;
}

.bb-report-type-pagination .page-data #load_more_rl {
  min-width: 140px;
}

.bb-report-type-pagination .page-data #load_more_rl.loading:after {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  vertical-align: middle;
}

#activate-page .bp-messages {
  margin-bottom: 20px;
}

.notification_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1rem;
}

#customize-control-group_nav_order .item-title .checkbox-wrap.bp-hide,
#customize-control-user_nav_order .item-title .checkbox-wrap.bp-hide,
.buddypress-wrap #notification-bulk-manage[disabled],
.notification_info .notification_learn_more,
body.no-js .buddypress #delete_inbox_messages,
body.no-js .buddypress #message-type-select,
body.no-js .buddypress #messages-bulk-management #select-all-messages,
body.no-js .buddypress #notifications-bulk-management #select-all-notifications,
body.no-js .buddypress label[for=message-type-select] {
  display: none;
}

.notification_info .notification_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.33%;
}

.notification_info .notification_type:not(:last-child) {
  margin-right: 20px;
}

.bb-notification-column-2 .notification_info .notification_type {
  width: calc(50% - 10px);
}

.notification_info .notification_type_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
}

.notification_info .notification_type_icon .bb-icon {
  font-size: 40px;
}

.buddypress-wrap #groups-notification-settings,
.buddypress-wrap .standard-form p.submit,
.notification_info .notification_type .notification_type_info h3,
.notification_info .notification_type .notification_type_info p {
  margin-bottom: 0;
}

@media screen and (max-width:900px) {
  .notification_info {
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .notification_info .notification_learn_more {
    display: block;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 700;
  }

  .notification_info .notification_learn_more a>span {
    font-weight: 400;
  }

  .notification_info .notification_learn_more.show {
    margin-bottom: 1rem;
  }

  .notification_info .notification_type {
    display: none;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ccc;
  }

  .notification_info .notification_type:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .bb-notification-column-2 .notification_info .notification_type {
    width: 100%;
    margin-right: 0;
  }

  .notification_info .notification_type.show {
    display: flex;
  }

  ;
}

.main-notification-settings {
  font-size: 1rem;
  margin-bottom: 0;
}

.main-notification-settings:first-of-type {
  margin-bottom: 1rem;
}

.main-notification-settings thead {
  background-color: #ededed;
}

.main-notification-settings thead .title {
  padding-left: 20px;
  border-left: 1px solid #ccc;
  width: 100%;
}

.main-notification-settings thead .app {
  border-right: 1px solid #ccc;
  padding-right: 20px;
}

.main-notification-settings .title {
  vertical-align: middle;
}

.main-notification-settings th {
  min-width: 95px;
  padding: 10px;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.main-notification-settings .disabled * {
  opacity: .6;
  pointer-events: none;
}

.main-notification-settings input[type=checkbox]:disabled {
  opacity: 0;
}

.main-notification-settings tbody .title {
  font-size: .875rem;
  color: var(--mb-gray-900);
  text-transform: uppercase;
  font-weight: 700;
}

.main-notification-settings tbody td {
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  padding: 1rem 0;
  font-size: 0.875rem;
}

.main-notification-settings tbody td:first-child {
  padding-left: 0;
  width: 100%;
}

.main-notification-settings tbody td.notification_no_option {
  text-align: center;
}

.main-notification-settings tbody .notification_heading td {
  border-bottom: 0;
  padding: 1rem 0 0;
}

.main-notification-settings .app,
.main-notification-settings .email,
.main-notification-settings .web {
  min-width: 95px;
}

.main-notification-settings .email:last-child {
  min-width: 48px;
}

.main-notification-settings .email:last-child label {
  font-size: 0 !important;
  line-height: 20px !important;
}

@media screen and (min-width:901px) {
  .main-notification-settings .bb-mobile-setting {
    display: none;
  }

  ;
}

@media screen and (max-width:900px) {

  .main-notification-settings,
  .main-notification-settings tbody,
  .main-notification-settings thead,
  .main-notification-settings tr {
    display: block;
  }

  .main-notification-settings .bb-mobile-setting {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px;
  }

  .main-notification-settings .bb-mobile-setting .bb-mobile-setting-anchor {
    float: right;
    cursor: pointer;
    background: var(--mb-base-white);
    border: 1px solid #d7dce5;
    border-radius: 3px;
    padding: 3px 10px;
  }

  .main-notification-settings .bb-mobile-setting .bb-mobile-setting-anchor:after {
    content: "";
    color: #d7dce5;
    font-size: 22px;
    font-family: bb-icons;
    display: inline-block;
    vertical-align: middle;
  }

  .main-notification-settings .bb-mobile-setting ul {
    position: absolute;
    top: 2.5rem;
    right: 0;
    display: none;
    margin: 0;
    padding: 0 1rem;
    min-width: max-content;
    width: auto;
    list-style: none;
    background: var(--mb-base-white);
    box-sizing: border-box;
    box-shadow: 0 0 6px rgb(0 0 0/5%), 0 6px 10px rgb(0 0 0/10%);
    border-radius: .5rem;
  }

  .main-notification-settings .bb-mobile-setting ul li {
    min-width: 100%;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .main-notification-settings .bb-mobile-setting ul li:last-child {
    padding: 0;
  }

  .main-notification-settings .bb-mobile-setting.active ul {
    display: block;
    z-index: 1;
  }

  .main-notification-settings tbody td,
  .main-notification-settings thead th {
    display: none;
  }

  .main-notification-settings tbody td:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .main-notification-settings thead th.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  ;
}

.buddypress-wrap input.action[disabled] {
  cursor: pointer;
  opacity: .4;
}

.buddypress-wrap fieldset legend {
  font-size: inherit;
  font-weight: 600;
}

.buddypress-wrap input[type=email]:focus,
.buddypress-wrap input[type=password]:focus,
.buddypress-wrap input[type=tel]:focus,
.buddypress-wrap input[type=text]:focus,
.buddypress-wrap input[type=url]:focus,
.buddypress-wrap textarea:focus {
  -webkit-box-shadow: 0 0 8px #eaeaea;
  -moz-box-shadow: 0 0 8px #eaeaea;
  box-shadow: 0 0 8px #eaeaea;
}

.buddypress-wrap textarea {
  resize: vertical;
}

.buddypress-wrap .standard-form .bp-controls-wrap {
  margin: 1em 0;
}

.buddypress-wrap .standard-form input[required],
.buddypress-wrap .standard-form select[required],
.buddypress-wrap .standard-form textarea[required] {
  box-shadow: none;
  outline: 0;
}

.buddypress-wrap .standard-form input[required]:focus,
.buddypress-wrap .standard-form select[required]:focus,
.buddypress-wrap .standard-form textarea[required]:focus {
  border-color: #d6d6d6;
  border-width: 1px;
}

.buddypress-wrap .standard-form input.invalid[required],
.buddypress-wrap .standard-form select.invalid[required],
.buddypress-wrap .standard-form textarea.invalid[required] {
  border-color: #b71717;
}

.buddypress-wrap .standard-form input:not(.button-small),
.buddypress-wrap .standard-form textarea {
  width: 100%;
}

.buddypress-wrap .standard-form input[type=checkbox],
.buddypress-wrap .standard-form input[type=radio] {
  margin: 0 1rem 0 0;
  width: auto;
}

.buddypress-wrap .standard-form textarea {
  height: 120px;
}

.buddypress-wrap .standard-form textarea#message_content {
  height: 200px;
}

.buddypress-wrap .standard-form input[type=password] {
  margin-bottom: 5px;
}

.buddypress-wrap .standard-form input:focus,
.buddypress-wrap .standard-form select:focus,
.buddypress-wrap .standard-form textarea:focus {
  background: #fafafa;
  color: #555;
  outline: 0;
}

.buddypress-wrap .standard-form label,
.buddypress-wrap .standard-form span.label {
  display: block;
  position: relative;
  margin: 1rem 0;
}

.buddypress-wrap .standard-form label[for=delete-account-understand],
.buddypress-wrap table.notifications .notification-actions a.delete,
.buddypress-wrap table.notifications .notification-actions a.mark-read {
  display: inline-block;
}

.buddypress-wrap .standard-form a.clear-value {
  display: block;
  margin-top: 5px;
  outline: 0;
}

.buddypress-wrap .standard-form .submit {
  clear: both;
  margin: 1rem 0 0;
}

.buddypress-wrap .standard-form #invite-list label,
.buddypress-wrap .standard-form p label {
  margin: auto;
}

.buddypress-wrap .standard-form p.description {
  color: #737373;
  margin: 5px 0;
}

.buddypress-wrap .standard-form div.checkbox label:nth-child(n+2),
.buddypress-wrap .standard-form div.radio div label {
  color: #737373;
  font-size: 100%;
  margin: 5px 0 0;
}

.buddypress-wrap .standard-form#send-reply textarea {
  width: 97.5%;
}

.buddypress-wrap .standard-form#sidebar-login-form label {
  margin-top: 5px;
}

.buddypress-wrap .standard-form#sidebar-login-form input[type=password],
.buddypress-wrap .standard-form#sidebar-login-form input[type=text] {
  padding: 4px;
  width: 95%;
}

.buddypress-wrap .standard-form.profile-edit input:focus {
  background: #fff;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .standard-form .left-menu {
    float: left;
  }

  .buddypress-wrap .standard-form #invite-list ul {
    list-style: none;
    margin: 1%;
  }

  .buddypress-wrap .standard-form #invite-list ul li {
    margin: 0 0 0 1%;
  }

  .buddypress-wrap .standard-form .main-column {
    margin-left: 190px;
  }

  .buddypress-wrap .standard-form .main-column ul#friend-list {
    clear: none;
    float: left;
  }

  .buddypress-wrap .standard-form .main-column ul#friend-list h4 {
    clear: none;
  }

  ;
}

.buddypress-wrap .standard-form .bp-tables-user label {
  margin: 1rem 0;
}

.buddypress-wrap .standard-form button.visibility-toggle-link {
  font-size: .75rem;
  margin: 5px;
}

.buddypress-wrap .signup-form label,
.buddypress-wrap .signup-form legend {
  font-weight: 400;
}

.buddypress .buddypress-wrap .button-small[type=button],
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap button,
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type=button],
.buddypress-wrap .wp-editor-wrap .wp-editor-wrap input[type=submit],
.buddypress-wrap .wp-editor-wrap a.button,
.buddypress-wrap .wp-editor-wrap input[type=reset] {
  padding: 0 8px 1px;
}

.buddypress-wrap .select-wrap label {
  display: block;
  margin: 1rem 0;
}

.buddypress-wrap .select-wrap select::-ms-expand {
  display: none;
}

.buddypress-wrap .select-wrap span.select-arrow {
  font-size: 10px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 0;
}

.buddypress-wrap .select-wrap span.select-arrow:before {
  color: #ccc;
  content: "▼";
}

.buddypress-wrap .select-wrap:focus .select-arrow:before,
.buddypress-wrap .select-wrap:hover .select-arrow:before {
  color: #a6a6a6;
}

.buddypress-wrap .subnav-filters .select-wrap {
  position: relative;
}

@media screen and (min-width:32em) {
  .buddypress-wrap .subnav-filters .select-wrap {
    margin-right: .75rem;
  }

  ;
}

ul.bbp-stats {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 40px -20px;
  width: auto;
}

ul.bbp-stats li {
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
  flex: 0 0 50%;
}

@media screen and (min-width:46.8em) {
  ul.bbp-stats li {
    flex: 0 0 50%;
  }

  ;
}

ul.bbp-stats h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

ul.bbp-stats .bbp-count {
  font-size: 30px;
}

#customize-control-group_nav_order .item-title .checkbox-wrap,
#customize-control-user_nav_order .item-title .checkbox-wrap {
  display: flex;
  align-items: center;
  float: right;
}

#customize-control-group_nav_order .item-title .checkbox-wrap .visible-checkboxes,
#customize-control-user_nav_order .item-title .checkbox-wrap .visible-checkboxes {
  margin: 0 5px 0 0;
}

.buddypress-wrap .bp-dir-search-form,
.buddypress-wrap .bp-messages-search-form:after,
.buddypress-wrap .bp-messages-search-form:before {
  content: " ";
  display: table;
}

#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header,
.buddypress-wrap .bp-dir-search-form,
.buddypress-wrap .bp-messages-search-form:after,
.buddypress-wrap .dir-form,
.buddypress-wrap table#message-threads {
  clear: both;
}

.buddypress-wrap form.bp-dir-search-form,
.buddypress-wrap form.bp-invites-search-form,
.buddypress-wrap form.bp-messages-search-form {
  border: 1px solid #eee;
  width: 100%;
}

@media screen and (min-width:55em) {

  .buddypress-wrap form.bp-dir-search-form,
  .buddypress-wrap form.bp-invites-search-form,
  .buddypress-wrap form.bp-messages-search-form {
    width: 15em;
  }

  ;
}

.buddypress-wrap form.bp-dir-search-form label,
.buddypress-wrap form.bp-invites-search-form label,
.buddypress-wrap form.bp-messages-search-form label {
  display: none;
  margin: 0;
  padding: .5rem 1rem;
  width: 100%;
}

.buddypress-wrap form.bp-dir-search-form button[type=submit],
.buddypress-wrap form.bp-dir-search-form input[type=search],
.buddypress-wrap form.bp-dir-search-form input[type=text],
.buddypress-wrap form.bp-invites-search-form button[type=submit],
.buddypress-wrap form.bp-invites-search-form input[type=search],
.buddypress-wrap form.bp-invites-search-form input[type=text],
.buddypress-wrap form.bp-messages-search-form button[type=submit],
.buddypress-wrap form.bp-messages-search-form input[type=search],
.buddypress-wrap form.bp-messages-search-form input[type=text] {
  background: 0 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}

.buddypress-wrap form.bp-dir-search-form input[type=search],
.buddypress-wrap form.bp-dir-search-form input[type=text],
.buddypress-wrap form.bp-invites-search-form input[type=search],
.buddypress-wrap form.bp-invites-search-form input[type=text],
.buddypress-wrap form.bp-messages-search-form input[type=search],
.buddypress-wrap form.bp-messages-search-form input[type=text] {
  float: left;
  padding: 3px 10px;
  width: 80%;
}

.buddypress-wrap form.bp-dir-search-form button[type=submit],
.buddypress-wrap form.bp-invites-search-form button[type=submit],
.buddypress-wrap form.bp-messages-search-form button[type=submit] {
  float: right;
  font-size: inherit;
  padding: 3px .7em;
  text-align: center;
  text-transform: none;
  width: 20%;
  visibility: visible !important;
}

.buddypress-wrap form.bp-dir-search-form button[type=submit].bp-show,
.buddypress-wrap form.bp-invites-search-form button[type=submit].bp-show,
.buddypress-wrap form.bp-messages-search-form button[type=submit].bp-show,
.budypress.no-js form.bp-dir-search-form button[type=submit] {
  height: auto;
  left: 0;
  overflow: visible;
  position: static;
  top: 0;
}

.buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-invites-search-form input[type=search]::-webkit-search-cancel-button,
.buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

.buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-search-results-button,
.buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-invites-search-form input[type=search]::-webkit-search-results-button,
.buddypress-wrap form.bp-invites-search-form input[type=search]::-webkit-search-results-decoration,
.buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-search-results-button,
.buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.buddypress-wrap ul.filters li form label input {
  padding: .1em .7em;
}

.bp-user [data-bp-search] form input[type=search],
.bp-user [data-bp-search] form input[type=text] {
  padding: 6px 10px 7px;
}

.buddypress-wrap .bp-tables-report,
.buddypress-wrap .bp-tables-user,
.buddypress-wrap table.forum,
.buddypress-wrap table.wp-profile-fields,
.buddypress.widget .activity-update .update-item cite img {
  width: 100%;
}

.buddypress-wrap .bp-tables-report thead tr,
.buddypress-wrap .bp-tables-user thead tr,
.buddypress-wrap table.forum thead tr,
.buddypress-wrap table.wp-profile-fields thead tr {
  background: 0 0;
  border-bottom: 2px solid #ccc;
}

.buddypress-wrap .bp-tables-report tr td,
.buddypress-wrap .bp-tables-report tr th,
.buddypress-wrap .bp-tables-user tr td,
.buddypress-wrap .bp-tables-user tr th,
.buddypress-wrap table.forum tr td,
.buddypress-wrap table.forum tr th,
.buddypress-wrap table.wp-profile-fields tr td,
.buddypress-wrap table.wp-profile-fields tr th {
  padding: .7em;
  vertical-align: middle;
}

.buddypress-wrap .bp-tables-report tr td.label,
.buddypress-wrap .bp-tables-user tr td.label,
.buddypress-wrap table.forum tr td.label,
.buddypress-wrap table.wp-profile-fields tr td.label {
  border-right: 1px solid #eaeaea;
  font-weight: 600;
  width: 25%;
}

.buddypress-wrap .bp-tables-report tbody tr,
.buddypress-wrap .bp-tables-report tr.alt td,
.buddypress-wrap .bp-tables-user tbody tr,
.buddypress-wrap .bp-tables-user tr.alt td,
.buddypress-wrap table.forum tbody tr,
.buddypress-wrap table.wp-profile-fields tbody tr,
.buddypress-wrap table.wp-profile-fields tr.alt td {
  background: #fafafa;
}

.buddypress-wrap table.profile-fields .data {
  padding: .7em 1em;
}

.buddypress-wrap table.profile-fields .repeater-separator {
  background: 0 0;
}

.buddypress-wrap table.profile-fields tr:last-child {
  border-bottom: none;
}

.buddypress-wrap table.notifications td {
  padding: 1em .7em;
}

.buddypress-wrap table.notifications .bulk-select-all,
.buddypress-wrap table.notifications .bulk-select-check {
  width: 7%;
}

#media-folder-document-data-table td,
.activity-list li.bbp_reply_create .activity-content .activity-inner .gamipress-buddypress-user-details span,
.activity-list li.bbp_topic_create .activity-content .activity-inner .gamipress-buddypress-user-details span,
.activity-list li.blogs .activity-content .activity-inner .gamipress-buddypress-user-details span,
.buddypress-wrap table.notifications .bulk-select-check {
  vertical-align: middle;
}

.buddypress-wrap table.notifications .date,
.buddypress-wrap table.notifications .notification-description,
.buddypress-wrap table.notifications .notification-since,
.buddypress-wrap table.notifications .title {
  width: 39%;
}

.buddypress-wrap table.notifications .actions,
.buddypress-wrap table.notifications .notification-actions {
  width: 15%;
}

.buddypress-wrap table.notification-settings th.title,
.buddypress-wrap table.profile-settings th.title {
  width: 80%;
}

.buddypress-wrap table.notification-settings {
  margin-bottom: 1rem;
  text-align: left;
}

.buddypress-wrap table.notification-settings td:first-child,
.buddypress-wrap table.notification-settings th.icon,
.buddypress-wrap table.notifications td:first-child,
.buddypress-wrap table.notifications th.icon {
  display: none;
}

.buddypress-wrap table.notification-settings .no,
.buddypress-wrap table.notification-settings .yes {
  text-align: center;
  width: 40px;
  vertical-align: middle;
}

.buddypress-wrap table#message-threads .thread-info {
  min-width: 40%;
}

.buddypress-wrap table#message-threads .thread-info p,
.buddypress-wrap table.profile-fields p {
  margin: 0;
}

.buddypress-wrap table#message-threads .thread-info p.thread-excerpt {
  color: #737373;
  font-size: .75rem;
  margin-top: 3px;
}

.buddypress-wrap table.profile-fields {
  margin-bottom: 20px;
}

.buddypress-wrap table.profile-fields p:last-child {
  margin-top: 0;
}

.bp-screen-reader-text {
  border: 0;
  margin: 1rem;
  color: var(--mb-gray-900);
}

.clearfix:after {
  content: " ";
  clear: both;
  display: table;
}

.center-vert {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.bp-hide,
.post-emoji.bp-tooltip.active[data-bp-tooltip]:after,
.post-emoji.bp-tooltip.active[data-bp-tooltip]:before {
  display: none;
}

.bp-show {
  height: auto;
  left: 0;
  overflow: visible;
  position: static;
  top: 0;
}

.buddypress .buddypress-wrap .activity-state a,
.buddypress .buddypress-wrap .comment-reply-link,
.buddypress .buddypress-wrap .generic-button a,
.buddypress .buddypress-wrap a.bp-title-button,
.buddypress .buddypress-wrap a.button,
.buddypress .buddypress-wrap button,
.buddypress .buddypress-wrap input[type=button],
.buddypress .buddypress-wrap input[type=reset],
.buddypress .buddypress-wrap input[type=submit],
.buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a {
  background: var(--mb-base-white);
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  color: #555;
  cursor: pointer;
  font-size: inherit;
  outline: 0;
  padding: .3em .7em;
  text-align: center;
  text-decoration: none;
  width: auto;
}

.buddypress .buddypress-wrap .button-nav li a:focus,
.buddypress .buddypress-wrap .button-nav li a:hover,
.buddypress .buddypress-wrap .button-nav li.current a,
.buddypress .buddypress-wrap .comment-reply-link:focus,
.buddypress .buddypress-wrap .comment-reply-link:hover,
.buddypress .buddypress-wrap .generic-button a:focus,
.buddypress .buddypress-wrap .generic-button a:hover,
.buddypress .buddypress-wrap a.button:focus,
.buddypress .buddypress-wrap a.button:hover,
.buddypress .buddypress-wrap button:focus,
.buddypress .buddypress-wrap button:hover,
.buddypress .buddypress-wrap input[type=button]:focus,
.buddypress .buddypress-wrap input[type=button]:hover,
.buddypress .buddypress-wrap input[type=reset]:focus,
.buddypress .buddypress-wrap input[type=reset]:hover,
.buddypress .buddypress-wrap input[type=submit]:focus,
.buddypress .buddypress-wrap input[type=submit]:hover {
  background: #ededed;
  border-color: #999;
  color: #333;
  outline: 0;
  text-decoration: none;
}

.buddypress .buddypress-wrap a.disabled,
.buddypress .buddypress-wrap button.disabled,
.buddypress .buddypress-wrap button.pending,
.buddypress .buddypress-wrap div.pending a,
.buddypress .buddypress-wrap input[type=button].disabled,
.buddypress .buddypress-wrap input[type=button].pending,
.buddypress .buddypress-wrap input[type=reset].disabled,
.buddypress .buddypress-wrap input[type=reset].pending,
.buddypress .buddypress-wrap input[type=submit].pending,
.buddypress .buddypress-wrap input[type=submit][disabled=disabled] {
  border-color: #eee;
  color: #767676;
  cursor: default;
}

.buddypress .buddypress-wrap a.disabled:hover,
.buddypress .buddypress-wrap button.disabled:hover,
.buddypress .buddypress-wrap button.pending:hover,
.buddypress .buddypress-wrap div.pending a:hover,
.buddypress .buddypress-wrap input[type=button]:hover.disabled,
.buddypress .buddypress-wrap input[type=button]:hover.pending,
.buddypress .buddypress-wrap input[type=reset]:hover.disabled,
.buddypress .buddypress-wrap input[type=reset]:hover.pending,
.buddypress .buddypress-wrap input[type=submit]:hover.disabled,
.buddypress .buddypress-wrap input[type=submit]:hover.pending {
  border-color: #eee;
  color: #767676;
}

.buddypress .buddypress-wrap button.text-button,
.buddypress .buddypress-wrap input.text-button {
  background: 0 0;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #767676;
}

.buddypress .buddypress-wrap button.text-button.small,
.buddypress .buddypress-wrap input.text-button.small {
  font-size: .75rem;
}

.buddypress .buddypress-wrap button.text-button:focus,
.buddypress .buddypress-wrap button.text-button:hover,
.buddypress .buddypress-wrap input.text-button:focus,
.buddypress .buddypress-wrap input.text-button:hover {
  background: 0 0;
  text-decoration: underline;
}

.buddypress .buddypress-wrap .activity-list a.button {
  border: 0;
}

.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.group-remove-invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li a.invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected a.group-remove-invite-button:hover,
.buddypress .buddypress-wrap .bp-invites-content ul.bp-list li.selected a.invite-button:hover {
  color: #a00;
}

.buddypress .buddypress-wrap #item-buttons:empty {
  display: none;
}

.buddypress .buddypress-wrap input:disabled:focus,
.buddypress .buddypress-wrap input:disabled:hover {
  background: 0 0;
}

.buddypress .buddypress-wrap .text-links-list a.button {
  background: 0 0;
  border: 0;
  border-right: 1px solid #eee;
  color: #737373;
  display: inline-block;
  padding: .3em 1em;
}

.buddypress .buddypress-wrap .text-links-list a.button:visited {
  color: #d6d6d6;
}

.buddypress .buddypress-wrap .text-links-list a.button:focus,
.buddypress .buddypress-wrap .text-links-list a.button:hover {
  color: #5087e5;
}

.buddypress .buddypress-wrap .text-links-list a:first-child {
  padding-left: 0;
}

.buddypress .buddypress-wrap .text-links-list a:last-child {
  border-right: none;
}

.buddypress .buddypress-wrap .bp-list.grid .action a,
.buddypress .buddypress-wrap .bp-list.grid .action button {
  border: 1px solid #ccc;
  display: block;
  margin: 0;
}

.buddypress .buddypress-wrap .bp-list.grid .action a:focus,
.buddypress .buddypress-wrap .bp-list.grid .action a:hover,
.buddypress .buddypress-wrap .bp-list.grid .action button:focus,
.buddypress .buddypress-wrap .bp-list.grid .action button:hover {
  background: #ededed;
}

.buddypress #buddypress .create-button {
  background: 0 0;
  text-align: center;
}

.buddypress #buddypress .create-button a:focus,
.buddypress #buddypress .create-button a:hover {
  text-decoration: underline;
  background: 0 0;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 0 .75rem 0#eaeaea;
  -moz-box-shadow: inset 0 0 .75rem 0#eaeaea;
  box-shadow: inset 0 0 .75rem 0#eaeaea;
}

@media screen and (min-width:46.8em) {
  .buddypress #buddypress .create-button {
    float: right;
  }

  ;
}

.buddypress #buddypress .create-button a {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 6px 0#eaeaea;
  -moz-box-shadow: inset 0 0 6px 0#eaeaea;
  box-shadow: inset 0 0 6px 0#eaeaea;
  margin: .2em 0;
  width: auto;
}

@media screen and (min-width:46.8em) {
  .buddypress #buddypress.bp-dir-vert-nav .create-button {
    float: none;
    padding-top: 2em;
  }

  .buddypress #buddypress.bp-dir-vert-nav .create-button a {
    margin-right: .5em;
  }

  ;
}

.buddypress #buddypress.bp-dir-hori-nav .create-button {
  float: left;
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a,
.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
  background: 0 0;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

.buddypress-wrap button.ac-reply-cancel,
.buddypress-wrap button.bp-icons {
  background: 0 0;
  border: 0;
}

.buddypress .buddypress-wrap a[data-bp-close]:focus,
.buddypress .buddypress-wrap a[data-bp-close]:hover,
.buddypress .buddypress-wrap button[data-bp-close]:focus,
.buddypress .buddypress-wrap button[data-bp-close]:hover,
.buddypress-wrap .bp-list a.button.invite-button:focus,
.buddypress-wrap .bp-list a.button.invite-button:hover,
.buddypress-wrap button.bp-icons:focus,
.buddypress-wrap button.bp-icons:hover {
  background: 0 0;
}

.buddypress-wrap button.ac-reply-cancel:focus,
.buddypress-wrap button.ac-reply-cancel:hover {
  background: 0 0;
  text-decoration: underline;
}

.buddypress-wrap .bp-invites-content li .invite-button span.icons:before,
.buddypress-wrap .bp-invites-filters .invite-button span.icons:before,
.buddypress-wrap .bp-messages-filters li a.messages-button:before,
.buddypress-wrap .feed a:before,
.buddypress-wrap .filter label:before,
.buddypress-wrap span.icons:before {
  font-family: dashicons;
  font-size: 18px;
}

.buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
  font-size: 27px;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .bp-invites-content .item-list li .invite-button span.icons:before {
    font-size: 32px;
  }

  ;
}

.buddypress-wrap .filter label:before {
  content: "";
}

.buddypress-wrap div.feed a:before,
.buddypress-wrap li.feed a:before {
  content: "";
}

.buddypress-wrap ul.item-list li .invite-button:not(.group-remove-invite-button) span.icons:before {
  content: "";
}

.buddypress-wrap ul.item-list li .group-remove-invite-button span.icons:before,
.buddypress-wrap ul.item-list li.selected .invite-button span.icons:before {
  content: "";
  font-family: bb-icons;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  color: #939597;
}

.warn {
  color: var(--mb-danger-500);
}

.bp-messages {
  border: 1px solid #ccc;
  margin: 0 0 1rem;
}

.bp-messages .sitewide-notices {
  display: block;
  margin: 5px;
  padding: .7em;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner a.entry-img>img,
.activity-list li.bbp_topic_create .activity-content .activity-inner a.entry-img>img,
.activity-list li.blogs .activity-content .activity-inner a.entry-img>img,
.bp-messages.info,
.buddypress.widget .activity-update .update-item a img {
  margin-bottom: 0;
}

.bp-messages.updated {
  clear: both;
  display: block;
}

.bp-messages.bp-user-messages-feedback {
  border: 0;
}

#group-create-body .bp-cover-image-status p.warning {
  background: #0b80a4;
  border: 0;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
  color: #fff;
}

.bp-feedback:not(.custom-homepage-info) {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.bp-feedback {
  background: var(--mb-base-white);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
  color: #737373;
  margin: 1rem 0;
  position: relative;
}

.bp-feedback p {
  margin: 0;
  padding: 10px 5px;
}

.bp-feedback span.bp-icon {
  color: var(--mb-base-white);
  display: block;
  font-family: dashicons;
  left: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  padding: 0;
}

.bp-feedback .bp-icon {
  font-size: 1.5rem;
  padding: 0 2px;
}

.bp-feedback .bp-help-text {
  font-style: italic;
}

.bp-feedback .text {
  font-size: .875rem;
  margin: 0;
  padding: .7em 0;
}

.bp-feedback.no-icon {
  padding: .7em;
}

.bp-feedback.small:before {
  line-height: inherit;
}

.buddypress .buddypress-wrap a[data-bp-close],
.buddypress .buddypress-wrap button[data-bp-close] {
  border: 0;
  padding: 0;
  height: auto;
  margin-bottom: auto;
  margin-top: 10px;
  margin-right: .75rem;
}

.bp-feedback.no-icon a[data-bp-close],
.bp-feedback.no-icon button[data-bp-close] {
  top: -6px;
  right: 6px;
}

button[data-bp-close]:hover {
  background-color: transparent;
}

.bp-feedback.error .bp-icon,
.bp-feedback.help .bp-icon,
.bp-feedback.info .bp-icon,
.bp-feedback.loading .bp-icon,
.bp-feedback.success .bp-icon,
.bp-feedback.updated .bp-icon,
.bp-feedback.warning .bp-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.bp-feedback.help .bp-icon,
.bp-feedback.info .bp-icon {
  background-color: #0b80a4;
}

.bp-feedback.help .bp-icon:before,
.bp-feedback.info .bp-icon:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.bp-feedback.info .bp-icon:before {
  content: "";
}

.bp-feedback.error .bp-icon,
.bp-feedback.warning .bp-icon {
  background-color: #d33;
}

.bp-feedback.loading .bp-icon {
  background-color: #ffd087;
}

.bp-feedback.loading .bp-icon:before {
  content: "";
}

.bp-feedback.success .bp-icon,
.bp-feedback.updated .bp-icon {
  background-color: #8a2;
}

.bp-feedback.success .bp-icon:before,
.bp-feedback.updated .bp-icon:before {
  content: "";
}

.bp-feedback.help .bp-icon:before {
  content: "";
}

#pass-strength-result {
  display: none;
  font-weight: 700;
  margin: 10px 0;
  width: auto;
  background-color: var(--mb-gray-100);
  border: 1px solid var(--mb-gray-300);
  color: var(--mb-gray-700);
  border-radius: .5rem;
  padding: 1rem;
  margin: 1rem;
}

#pass-strength-result.show {
  display: block;
}

#pass-strength-result.mismatch {
  background-color: #333;
  border-color: transparent;
  color: #fff;
}

#pass-strength-result.bad,
#pass-strength-result.error,
#pass-strength-result.short {
  background-color: var(--mb-warning-100);
  border: 1px solid var(--mb-warning-300);
  color: var(--mb-warning-500);
  border-radius: .5rem;
  padding: 1rem;
  margin: 1rem;
}

#pass-strength-result.short {
  background-color: var(--mb-danger-100);
  border: 1px solid var(--mb-danger-300);
  color: var(--mb-danger-500);
}

#pass-strength-result.strong,
.standard-form#signup_form div div.error {
  background-color: var(--mb-success-100);
  border: 1px solid var(--mb-success-300);
  color: var(--mb-success-500);
  border-radius: .5rem;
  padding: 1rem;
  margin: 1rem;
}

.standard-form#signup_form div div.error {
  background-color: var(--mb-danger-100);
  border: 1px solid var(--mb-danger-300);
  color: var(--mb-danger-500);
  width: 90%;
}

.accept,
.reject {
  float: left;
  margin-left: 10px;
}

.members-list.grid .bp-ajax-message {
  background: rgba(255, 255, 255, .9);
  border: 1px solid #eee;
  font-size: .875rem;
  left: 2%;
  position: absolute;
  padding: .7em 1em;
  right: 2%;
  top: 30px;
}

.buddypress.widget .item-options {
  font-size: .875rem;
}

.buddypress.widget ul.item-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  -o-flex-flow: column nowrap;
  flex-flow: column nowrap;
  list-style: none;
  margin: 10px -2%;
  overflow: hidden;
}

@media screen and (min-width:32em) {
  .buddypress.widget ul.item-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  ;
}

.buddypress.widget ul.item-list li {
  border: 1px solid #eee;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-flex: 1 1 46%;
  -moz-flex: 1 1 46%;
  -ms-flex: 1 1 46%;
  -o-flex: 1 1 46%;
  flex: 1 1 46%;
  margin: 2%;
}

@media screen and (min-width:75em) {
  .buddypress.widget ul.item-list li {
    -webkit-flex: 0 1 20%;
    -moz-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    -o-flex: 0 1 20%;
    flex: 0 1 20%;
  }

  ;
}

#pass-strength-result,
.buddypress.widget ul.item-list li .item-avatar {
  padding: .7em;
  text-align: center;
}

.buddypress.widget ul.item-list li .item-avatar .avatar {
  width: 60%;
}

.buddypress.widget ul.item-list li .item {
  padding: 0 .7em .7em;
}

.buddypress.widget ul.item-list li .item .item-meta {
  font-size: .75rem;
  overflow-wrap: break-word;
}

.buddypress.widget .activity-list {
  padding: 0;
}

.buddypress.widget .activity-list blockquote {
  margin: 0 0 1.5em;
  overflow: visible;
  padding: 0 0 .75em .75em;
}

.buddypress.widget .activity-list img {
  margin-bottom: .5em;
}

.buddypress.widget .avatar-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
}

.buddypress.widget .avatar-block img {
  margin-bottom: 1em;
  margin-right: 1em;
}

.buddypress.widget .activity-update .update-item {
  display: flex;
}

.buddypress.widget .activity-update .update-item cite a,
.buddypress.widget .activity-update .update-item img {
  box-shadow: none;
}

.buddypress.widget .activity-update .update-item cite {
  flex: 0 0 50px;
  min-width: 0;
  margin-right: 10px;
}

.buddypress.widget .bp-activity-info {
  flex: 1;
}

.widget-area .buddypress.widget ul.item-list li {
  -webkit-flex: 0 1 46%;
  -moz-flex: 0 1 46%;
  -ms-flex: 0 1 46%;
  -o-flex: 0 1 46%;
  flex: 0 1 46%;
  margin: 2% 2% 10px;
}

@media screen and (min-width:75em) {
  .widget-area .buddypress.widget ul.item-list li .avatar {
    width: 100%;
  }

  .widget-area .buddypress.widget ul.item-list {
    margin: 10px -2%;
    width: 100%;
  }

  .widget-area .buddypress.widget ul.item-list li {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 10px 2% 1%;
    width: 46%;
  }

  ;
}

#buddypress-wrap * {
  transition: opacity .1s ease-in-out .1s;
}

#buddypress-wrap a.button,
#buddypress-wrap a.generic-button,
#buddypress-wrap button,
#buddypress-wrap input[type=reset],
#buddypress-wrap input[type=submit] {
  transition: background .1s ease-in-out .1s, color .1s ease-in-out .1s, border-color .1s ease-in-out .1s;
}

.buddypress-wrap a.loading,
.buddypress-wrap input.loading {
  -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
  -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
  animation: loader-pulsate .5s infinite ease-in-out alternate;
  border-color: #aaa;
}

.buddypress-wrap a.loading:hover,
.buddypress-wrap input.loading:hover {
  color: #777;
}

.animate-spin {
  animation: spin 2s infinite linear;
  display: inline-block;
}

.bb-loading-bg {
  background-color: #f2f4f5;
  animation: fade-in-out infinite 2s ease;
}

[class*=hint--] {
  position: relative;
  display: inline-block;
}

[class*=hint--]:after,
[class*=hint--]:before {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

[class*=hint--]:before {
  content: "";
  background: 0 0;
  border: 6px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  transition-delay: .1s;
}

[class*=hint--]:after {
  background: #383838;
  color: var(--mb-base-white);
  padding: 8px 10px;
  font-size: .75rem;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  line-height: .75rem;
  white-space: nowrap;
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
  display: none !important;
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
  border-top-color: #383838;
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
  border-bottom-color: #383838;
}

.hint--left:before {
  border-left-color: #383838;
}

.hint--right:before {
  border-right-color: #383838;
}

.hint--top:before {
  margin-bottom: -11px;
}

.hint--top:after,
.hint--top:before {
  bottom: 100%;
  left: 50%;
}

.hint--top:before {
  left: calc(50% - 6px);
}

.hint--top:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

.hint--bottom:before {
  margin-top: -11px;
}

.hint--bottom:after,
.hint--bottom:before {
  top: 100%;
  left: 50%;
}

.hint--bottom:before {
  left: calc(50% - 6px);
}

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px;
}

.hint--right:after {
  margin-bottom: -.875rem;
}

.hint--right:after,
.hint--right:before {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:after,
.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px;
}

.hint--left:after {
  margin-bottom: -.875rem;
}

.hint--left:after,
.hint--left:before {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:after,
.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--top-left:before {
  margin-bottom: -11px;
}

.hint--top-left:after,
.hint--top-left:before {
  bottom: 100%;
  left: 50%;
}

.hint--top-left:before {
  left: calc(50% - 6px);
}

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: .75rem;
}

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}

.hint--top-right:before {
  margin-bottom: -11px;
}

.hint--top-right:after,
.hint--top-right:before {
  bottom: 100%;
  left: 50%;
}

.hint--top-right:before {
  left: calc(50% - 6px);
}

.hint--top-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-left: -.75rem;
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--bottom-left:before {
  margin-top: -11px;
}

.hint--bottom-left:after,
.hint--bottom-left:before {
  top: 100%;
  left: 50%;
}

.hint--bottom-left:before {
  left: calc(50% - 6px);
}

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: .75rem;
}

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}

.hint--bottom-right:before {
  margin-top: -11px;
}

.hint--bottom-right:after,
.hint--bottom-right:before {
  top: 100%;
  left: 50%;
}

.hint--bottom-right:before {
  left: calc(50% - 6px);
}

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  margin-left: -.75rem;
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
  white-space: normal;
  word-wrap: break-word;
}

.hint--small:after {
  width: 80px;
}

.hint--medium:after {
  width: 150px;
}

.hint--large:after {
  width: 300px;
}

[class*=hint--]:after {
  text-shadow: 0-1px 0#000;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
}

.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0-1px 0#592726;
}

.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before,
.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}

.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before,
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}

.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}

.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0-1px 0#6c5328;
}

.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before,
.hint--warning.hint--top:before {
  border-top-color: #c09854;
}

.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before,
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}

.hint--warning.hint--left:before {
  border-left-color: #c09854;
}

.hint--warning.hint--right:before {
  border-right-color: #c09854;
}

.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0-1px 0#1a3c4d;
}

.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before,
.hint--info.hint--top:before {
  border-top-color: #3986ac;
}

.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}

.hint--info.hint--left:before {
  border-left-color: #3986ac;
}

.hint--info.hint--right:before {
  border-right-color: #3986ac;
}

.hint--success:after {
  background-color: #458746;
  text-shadow: 0-1px 0#1a321a;
}

.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before,
.hint--success.hint--top:before {
  border-top-color: #458746;
}

.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before,
.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}

.hint--success.hint--left:before {
  border-left-color: #458746;
}

.hint--success.hint--right:before {
  border-right-color: #458746;
}

.hint--always:after,
.hint--always:before {
  opacity: 1;
  visibility: visible;
}

.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}

.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}

.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--always.hint--left:after,
.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--always.hint--right:after,
.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:after,
.hint--no-animate:before {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
}

.hint--bounce:after,
.hint--bounce:before {
  -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
  -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
  transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
}

[data-bp-tooltip] {
  position: relative;
  cursor: pointer;
  display: block;
}

[data-bp-tooltip]:after,
[data-bp-tooltip]:before {
  pointer-events: none;
  opacity: 0;
  transition: all .18s ease-out .18s;
  position: absolute;
  z-index: 10;
}

[data-bp-tooltip]:after {
  font-weight: 700;
  font-size: .75rem;
  background: var(--mb-base-black);
  border-radius: .5rem;
  box-shadow: 0 1px 3px 0 rgb(0 0 0/22%);
  color: var(--mb-base-white);
  content: attr(data-bp-tooltip);
  padding: .25rem .5rem;
  white-space: nowrap;
}

[data-bp-tooltip]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%220.75rem%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  width: 18px;
  height: 6px;
  content: "";
}

[data-bp-tooltip]:hover:after,
[data-bp-tooltip]:hover:before,
[data-bp-tooltip][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-visible]:before {
  opacity: 1;
  pointer-events: auto;
}

[data-bp-tooltip].font-awesome:after {
  font-family: FontAwesome;
}

[data-bp-tooltip][data-bp-tooltip-break]:after {
  white-space: pre;
}

[data-bp-tooltip][data-bp-tooltip-blunt]:after,
[data-bp-tooltip][data-bp-tooltip-blunt]:before {
  transition: none;
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:after,
[data-bp-tooltip][data-bp-tooltip-pos=up]:before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:before {
  margin-bottom: 5px;
}

[data-bp-tooltip][data-bp-tooltip-pos=up]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=up]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=up][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=up][data-bp-tooltip-visible]:before {
  transform: translate(-50%, 0);
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-left]:before {
  bottom: 100%;
  left: 0;
  margin-bottom: 11px;
  transform: translate(0, 10px);
  transform-origin: top;
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:before {
  left: 5px;
  margin-bottom: 5px;
}

[data-bp-tooltip][data-bp-tooltip-pos=up-left]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-left]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=up-left][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-left][data-bp-tooltip-visible]:before,
[data-bp-tooltip][data-bp-tooltip-pos=up-right]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-right]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=up-right][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-right][data-bp-tooltip-visible]:before {
  transform: translate(0, 0);
}

[data-bp-tooltip][data-bp-tooltip-pos=up-right]:after,
[data-bp-tooltip][data-bp-tooltip-pos=up-right]:before {
  bottom: 100%;
  right: 0;
  margin-bottom: 11px;
  transform: translate(0, 10px);
  transform-origin: top;
}

[data-bp-tooltip][data-bp-tooltip-pos=up-right]:before {
  right: 5px;
  margin-bottom: 5px;
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:after {
  left: 50%;
  margin-top: 11px;
  top: 100%;
  transform: translate(-50%, -10px);
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:before {
  left: 50%;
  margin-top: 5px;
  top: 100%;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%220.75rem%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  width: 18px;
  height: 6px;
  transform: translate(-50%, -10px);
}

[data-bp-tooltip][data-bp-tooltip-pos=down]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=down]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=down][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=down][data-bp-tooltip-visible]:before {
  transform: translate(-50%, 0);
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:after {
  left: 0;
  margin-top: 11px;
  top: 100%;
  transform: translate(0, -10px);
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:before {
  left: 5px;
  margin-top: 5px;
  top: 100%;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%220.75rem%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  width: 18px;
  height: 6px;
  transform: translate(0, -10px);
}

[data-bp-tooltip][data-bp-tooltip-pos=down-left]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=down-left]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=down-left][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=down-left][data-bp-tooltip-visible]:before,
[data-bp-tooltip][data-bp-tooltip-pos=down-right]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=down-right]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=down-right][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=down-right][data-bp-tooltip-visible]:before {
  transform: translate(0, 0);
}

[data-bp-tooltip][data-bp-tooltip-pos=down-right]:after {
  right: 0;
  margin-top: 11px;
  top: 100%;
  transform: translate(0, -10px);
}

[data-bp-tooltip][data-bp-tooltip-pos=down-right]:before {
  right: 5px;
  margin-top: 5px;
  top: 100%;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%220.75rem%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  width: 18px;
  height: 6px;
  transform: translate(0, -10px);
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:after {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  transform: translate(10px, -50%);
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:before {
  margin-right: 5px;
  right: 100%;
  top: 50%;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%220.75rem%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  width: 6px;
  height: 18px;
  transform: translate(10px, -50%);
}

[data-bp-tooltip][data-bp-tooltip-pos=left]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=left]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=left][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=left][data-bp-tooltip-visible]:before,
[data-bp-tooltip][data-bp-tooltip-pos=right]:hover:after,
[data-bp-tooltip][data-bp-tooltip-pos=right]:hover:before,
[data-bp-tooltip][data-bp-tooltip-pos=right][data-bp-tooltip-visible]:after,
[data-bp-tooltip][data-bp-tooltip-pos=right][data-bp-tooltip-visible]:before {
  transform: translate(0, -50%);
}

[data-bp-tooltip][data-bp-tooltip-pos=right]:after {
  left: 100%;
  margin-left: 11px;
  top: 50%;
  transform: translate(-10px, -50%);
}

[data-bp-tooltip][data-bp-tooltip-pos=right]:before {
  left: 100%;
  margin-left: 5px;
  top: 50%;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%220.75rem%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(18, 43, 70, 0.95)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100%auto;
  width: 6px;
  height: 18px;
  transform: translate(-10px, -50%);
}

[data-bp-tooltip][data-bp-tooltip-length=small]:after {
  white-space: normal;
  width: 80px;
}

[data-bp-tooltip][data-bp-tooltip-length=medium]:after {
  white-space: normal;
  width: 150px;
}

[data-bp-tooltip][data-bp-tooltip-length=large]:after {
  white-space: normal;
  width: 260px;
}

[data-bp-tooltip][data-bp-tooltip-length=xlarge]:after {
  white-space: normal;
  width: 380px;
}

@media screen and (max-width:768px) {
  [data-bp-tooltip][data-bp-tooltip-length=xlarge]:after {
    white-space: normal;
    width: 90vw;
  }

  ;
}

[data-bp-tooltip][data-bp-tooltip-length=fit]:after {
  white-space: normal;
  width: 100%;
}

#item-body,
.grid>li,
.grid>li .generic-button a,
.single-screen-navs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid>li {
  border-bottom: 0;
  padding-bottom: 10px;
  padding-top: 0;
}

.grid>li .list-wrap {
  background: #fafafa;
  border: 1px solid #eee;
  padding-bottom: 1rem;
  position: relative;
  overflow: hidden;
  padding-top: .875rem;
  height: 100%;
}

.grid>li .list-wrap .list-title {
  padding: .7em .7em 0;
}

.grid>li .list-wrap .update {
  color: #737373;
  padding: .7em 2em;
}

.grid>li .item-avatar {
  text-align: center;
}

.grid>li .item-avatar .avatar {
  border-radius: 50%;
  display: inline-block;
  width: 50%;
}

@media screen and (min-width:24em) {

  .grid.members-group-list .list-wrap .item-block,
  .grid.members-list .list-wrap .item-block {
    margin: 0 auto;
  }

  .grid.groups-list .list-wrap .group-desc {
    margin: 1rem auto 0;
    min-height: 5em;
    overflow: hidden;
  }

  .grid.groups-list .list-wrap .group-details,
  .grid.groups-list .list-wrap .group-details p,
  .grid.groups-list .list-wrap .item-desc,
  .grid.groups-list .list-wrap .item-desc p,
  .grid.groups-list .list-wrap .last-activity,
  .grid.groups-list .list-wrap .last-activity p {
    margin-bottom: 0;
  }

  .grid.blogs-list .list-wrap .item-block {
    margin: 0 auto;
  }

  .grid>li.item-entry {
    float: left;
    margin: 0;
  }

  ;
}

.buddypress-wrap .grid.bp-list {
  display: flex;
  flex-flow: row wrap;
  padding-top: 1em;
  margin-left: -5px;
  margin-right: -5px;
  width: auto;
}

.buddypress-wrap .grid.bp-list>li {
  border-bottom: none;
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0 5px;
  margin-bottom: 10px;
}

@media screen and (min-width:32em) {
  .buddypress-wrap .grid.bp-list>li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (min-width:75em) {
  .buddypress-wrap .grid.bp-list>li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

  ;
}

.buddypress-wrap .grid.bp-list>li .item-avatar {
  margin: 0;
  text-align: center;
  width: auto;
}

.buddypress-wrap .grid.bp-list>li .item-avatar img.avatar {
  display: inline-block;
  height: auto;
  width: 50%;
  image-rendering: -webkit-optimize-contrast;
}

.buddypress-wrap .grid.bp-list>li .item-meta,
.buddypress-wrap .grid.bp-list>li .list-title {
  float: none;
  text-align: center;
}

.buddypress-wrap .grid.bp-list>li .list-title {
  font-size: inherit;
  line-height: 1.1;
}

.buddypress-wrap .grid.bp-list>li .item {
  font-size: 18px;
  left: 0;
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .grid.bp-list>li .item {
    font-size: 22px;
  }

  ;
}

.buddypress-wrap .grid.bp-list>li .avatar,
.buddypress-wrap .grid.bp-list>li .item,
.buddypress-wrap .grid.bp-list>li .item .group-desc,
.buddypress-wrap .grid.bp-list>li .item .item-block,
.buddypress-wrap .grid.bp-list>li .item-avatar,
body.reply-edit .reply {
  float: none;
}

.buddypress-wrap .grid.bp-list>li .item .item-block {
  margin-bottom: 10px;
}

.buddypress-wrap .grid.bp-list>li .item .last-activity {
  margin-top: 5px;
  font-weight: 400;
}

.buddypress-wrap .grid.bp-list>li .item .group-desc {
  clear: none;
}

.buddypress-wrap .grid.bp-list>li .item .user-update {
  clear: both;
  text-align: left;
}

.buddypress-wrap .grid.bp-list>li .item .activity-read-more a {
  display: inline;
}

.buddypress-wrap .grid.bp-list>li .action .generic-button {
  float: none;
  margin: 0;
  text-align: center;
  width: 100%;
}

.bbm-model-wrap input,
.bbm-model-wrap textarea,
.buddypress-wrap .grid.bp-list>li .action .generic-button a,
.buddypress-wrap .grid.bp-list>li .action .generic-button button {
  width: 100%;
}

.buddypress-wrap #members-list.bp-list.members-group-list li.item-entry-header {
  margin: 20px 0;
}

.buddypress-wrap #members-list.grid.bp-list.members-group-list li.item-entry-header {
  max-width: 100%;
  flex: 100%;
  min-width: 0;
}

@media screen and (min-width:46.8em) {
  .bp-single-vert-nav .bp-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .bp-single-vert-nav .item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-left: 20px;
  }

  .bp-single-vert-nav .subnav {
    background: #eaeaea;
    margin: 0;
    width: auto;
  }

  .bp-single-vert-nav .subnav li {
    font-size: 1rem;
    margin: 0 0 10px;
  }

  .bp-single-vert-nav .subnav li a {
    border-right: 1px solid #ccc;
    padding: 0 .7em;
  }

  .bp-single-vert-nav .subnav li a:focus,
  .bp-single-vert-nav .subnav li a:hover {
    background: 0 0;
  }

  .bp-single-vert-nav .subnav li.current a {
    background: 0 0;
    color: #333;
  }

  .bp-single-vert-nav .subnav li:last-child a {
    border-right: none;
  }

  .bb-single-main-nav--vertical {
    border-right: 1px solid #d6d6d6;
    border-bottom: 0;
    float: left;
    width: 25%;
    overflow: visible;
  }

  .bb-single-main-nav--vertical ul {
    margin: 0;
  }

  .bb-single-main-nav--vertical li {
    float: none;
    margin-right: 0;
  }

  .bb-single-main-nav--vertical li.selected a {
    background: #ccc;
    color: #333;
  }

  .bb-single-main-nav--vertical li:focus,
  .bb-single-main-nav--vertical li:hover {
    background: #ccc;
  }

  .bb-single-main-nav--vertical li span {
    border-radius: 10%;
    float: right;
    margin-right: 2px;
  }

  .bb-single-main-nav--vertical li:hover span {
    border-color: #eaeaea;
  }

  .bp-dir-vert-nav .dir-navs {
    float: left;
    left: 1px;
    position: relative;
    width: 20%;
  }

  .bp-dir-vert-nav .dir-navs ul li {
    float: none;
    overflow: hidden;
    width: auto;
  }

  .bp-dir-vert-nav .dir-navs ul li.selected {
    border: 1px solid #eee;
  }

  .bp-dir-vert-nav .dir-navs ul li.selected a {
    background: #555;
    color: #fff;
  }

  .bp-dir-vert-nav .dir-navs ul li.selected a span {
    background: #eaeaea;
    border-color: #ccc;
    color: #5087e5;
  }

  .bp-dir-vert-nav .dir-navs ul li a:focus,
  .bp-dir-vert-nav .dir-navs ul li a:hover {
    background: #ccc;
    color: #333;
  }

  .bp-dir-vert-nav .dir-navs ul li a:focus span,
  .bp-dir-vert-nav .dir-navs ul li a:hover span {
    border: 1px solid #555;
  }

  .bp-dir-vert-nav .screen-content {
    border-left: 1px solid #d6d6d6;
    margin-left: 20%;
    overflow: hidden;
    padding: 0 0 2em 1em;
  }

  .bp-dir-vert-nav .screen-content .subnav-filters {
    margin-top: 0;
  }

  ;
}

.admin-bar.bp-hide-adminbar {
  margin-top: -32px;
}

@media screen and (max-width:782px) {
  .admin-bar.bp-hide-adminbar {
    margin-top: -46px;
  }

  ;
}

.admin-bar.bp-hide-adminbar #wpadminbar {
  display: none;
}

.admin-bar.bp-hide-adminbar .bb-mobile-panel-wrapper {
  top: 0;
  height: 100%;
}

.admin-bar.bp-hide-adminbar a.bb-close-panel i {
  top: 32px;
}

.bbp-forums,
.bbp-topics {
  list-style: none;
  padding: 0;
}

#bbpress-forums hr {
  margin: 0 0 20px;
}

#bbpress-forums {
  background: 0 0;
  clear: both;
  margin-bottom: 20px;
  font-size: .75rem;
}

#bbpress-forums:after {
  content: " ";
  display: table;
  clear: both;
}

#bbpress-forums div.even,
#bbpress-forums ul.even,
li:hover .search-document-list .media-folder_items .media-folder_icon>a i {
  background-color: #fff;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
  background-color: #fafafa;
}

#bbpress-forums div.reply {
  height: auto;
  width: 100%;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-topic-header {
  background-color: #f4f4f4;
}

#bbpress-forums .status-spam.even,
#bbpress-forums .status-trash.even {
  background-color: #fee;
}

#bbpress-forums .status-spam.odd,
#bbpress-forums .status-trash.odd {
  background-color: #fdd;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
  color: #ccc;
}

#bbpress-forums ul.bbp-threaded-replies {
  margin-left: 50px;
}

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
  font-size: .75rem;
  overflow: hidden;
  border: 1px solid #eee;
  margin-bottom: 20px;
  clear: both;
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
  background: #f3f3f3;
  border-top: 1px solid #eee;
  font-weight: 700;
  padding: 8px;
  text-align: center;
}

#bbpress-forums li.bbp-header {
  background: #eaeaea;
}

#bbpress-forums .bbp-forums-list {
  margin: 0 0 0 5px;
  padding-left: 1rem;
  border-left: 1px solid #ddd;
}

#bbpress-forums .bbp-forums-list li {
  display: inline;
  font-size: 11px;
}

#bbpress-forums li.bbp-footer p {
  margin: 0;
  line-height: 1;
}

li.bbp-forum-info,
li.bbp-topic-title {
  float: left;
  text-align: left;
}

li.bbp-forum-info,
td.bbp-topic-admin-links,
td.bbp-topic-counts {
  width: 50%;
}

li.bbp-topic-title {
  width: 65%;
}

li.bbp-topic-title a.bbp-topic-permalink {
  font-size: .875rem;
}

li.bbp-forum-reply-count,
li.bbp-forum-topic-count,
li.bbp-topic-reply-count {
  float: left;
  text-align: center;
  width: 15%;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
  text-align: center;
  float: left;
  width: 20%;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  border-top: 1px solid #eee;
  overflow: hidden;
  padding: 8px;
}

li.bbp-header div.bbp-reply-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-topic-content span#subscription-toggle {
  float: right;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-reply-title h3,
#bbpress-forums div.bbp-topic-title h3 {
  background: 0 0;
  border: 0;
  font-size: 1rem;
  margin: 8px 0;
  padding: 0;
  text-transform: none;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-reply-author,
#bbpress-forums div.bbp-topic-author {
  float: left;
  text-align: center;
  width: 11rem;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
  border: 0;
  max-width: 80px;
  padding: 0;
  margin: .75rem auto 0;
  float: none;
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name {
  margin: 0 .75rem;
  word-break: break-word;
  display: inline-block;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name {
  margin: 0 .75rem;
  word-break: break-word;
  clear: left;
  display: block;
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role {
  font-size: 11px;
  font-style: italic;
}

#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-topic-author {
  float: left;
  margin: 0;
  padding: 0;
  width: 120px;
}

#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-topic-content {
  margin-left: 140px;
  padding: 0;
  text-align: left;
}

div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header,
li.bbp-body div.hentry {
  margin-bottom: 0;
  overflow: hidden;
  padding: 8px;
}

div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header {
  border-top: 1px solid #ddd;
  clear: both;
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
  margin-left: 130px;
  padding: .75rem .75rem .75rem 0;
  text-align: left;
}

#bbpress-forums div.bbp-forum-content:after,
#bbpress-forums div.bbp-reply-content:after,
#bbpress-forums div.bbp-topic-content:after {
  clear: both;
  content: ".";
  display: block;
  float: none;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

#bbpress-forums div.bbp-reply-content a:not(.entry-img),
#bbpress-forums div.bbp-topic-content a:not(.entry-img) {
  background: 0 0;
  border: 0;
  display: inline;
  margin: 0;
  padding: 0;
}

#bbpress-forums div.bbp-reply-content a.bp-video-thumbnail-submit {
  padding: 10px 20px;
  border: 1px solid transparent;
  display: inline-block;
  font-weight: 700;
  margin-top: 25px;
  margin-left: auto;
}

#bbpress-forums div.bbp-reply-content a.gif-play-button {
  margin-left: -40px;
  margin-top: -40px;
}

#bbpress-forums div.bbp-reply-content h1,
#bbpress-forums div.bbp-reply-content h2,
#bbpress-forums div.bbp-reply-content h3,
#bbpress-forums div.bbp-reply-content h4,
#bbpress-forums div.bbp-reply-content h5,
#bbpress-forums div.bbp-reply-content h6,
#bbpress-forums div.bbp-topic-content h1,
#bbpress-forums div.bbp-topic-content h2,
#bbpress-forums div.bbp-topic-content h3,
#bbpress-forums div.bbp-topic-content h4,
#bbpress-forums div.bbp-topic-content h5,
#bbpress-forums div.bbp-topic-content h6 {
  clear: none;
  margin: 24px 0;
  padding: 0;
}

#bbpress-forums div.bbp-reply-content ol,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-topic-content ul {
  margin: 0 1rem 1rem;
  padding: 0;
}

#bbpress-forums div.bbp-reply-content ul li,
#bbpress-forums div.bbp-topic-content ul li {
  list-style-type: disc;
}

#bbpress-forums div.bbp-reply-content ol li,
#bbpress-forums div.bbp-topic-content ol li {
  list-style-type: decimal;
}

#bbpress-forums div.bbp-reply-content ol li li,
#bbpress-forums div.bbp-topic-content ol li li {
  list-style-type: lower-alpha;
}

#bbpress-forums div.bbp-reply-content ol li li li,
#bbpress-forums div.bbp-topic-content ol li li li {
  list-style-type: upper-roman;
}

#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content code {
  display: inline-block;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 0 5px;
  max-width: 100%;
  vertical-align: middle;
  margin-top: -3px;
}

#bbpress-forums div.bbp-reply-content pre code,
#bbpress-forums div.bbp-topic-content pre code {
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  overflow-wrap: normal;
  overflow: auto;
  max-width: 100%;
}

#bbpress-forums div.bbp-reply-content div.bbcode_code {
  overflow-x: auto;
}

#new-post .bb_discard_topic_reply_draft,
.bbp-login-form fieldset legend {
  display: none;
}

#new-post.has-draft .bb_discard_topic_reply_draft,
.bp-search-results-list .bp-search-item .item-avatar img.avatar {
  display: block;
}

.bb_discard_topic_reply_draft {
  border: 0 !important;
  background-color: transparent !important;
  line-height: 1 !important;
  font-size: 1rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#bbpress-forums div.bbp-reply-to {
  margin-left: 130px;
  padding: .75rem .75rem .75rem 0;
  text-align: right;
}

#bbpress-forums div#bbp-cancel-reply-to {
  text-align: right;
}

#bbp_editor_forum_content,
#bbp_editor_topic_content {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  min-height: 80px;
  padding: .7em;
}

#bbp_editor_forum_content:focus,
#bbp_editor_topic_content:focus {
  color: #222;
  border-color: #333;
}

div.bbp-breadcrumb,
fieldset span.bbp-admin-links {
  float: left;
}

div.bbp-breadcrumb,
div.bbp-topic-tags {
  font-size: .75rem;
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
  margin-bottom: 10px;
}

#bbpress-forums div.bbp-search-form,
#bbpress-forums div.bbp-topic-tags,
fieldset div.avatar,
span#subscription-toggle {
  float: right;
}

#bbp-topic-hot-tags {
  clear: both;
}

#bbpress-forums #bbp-search-form,
#bbpress-forums fieldset.bbp-form {
  clear: left;
}

#bbpress-forums #bbp-search-form .hidden {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  background: 0 0;
  left: -999em;
}

#bbpress-forums #bbp-search-form #bbp_search {
  display: inline-block;
  width: auto;
}

span.bbp-admin-links {
  float: right;
  color: #ddd;
}

span.bbp-admin-links a {
  color: #bbb;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
}

tr td span.bbp-admin-links a:hover {
  color: #ff4b33;
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-reply-header a.bbp-reply-permalink,
.bbp-topic-header a.bbp-topic-permalink {
  float: right;
  margin-left: 10px;
  color: #ccc;
}

.bbp-row-actions #favorite-toggle a,
.bbp-row-actions #subscription-toggle a {
  text-decoration: none;
  padding: 0 3px 1px;
  color: #7c7;
  border: 1px solid #aca;
  background-color: #dfd;
  font-weight: 700;
  font-size: .75rem;
}

.bbp-row-actions #favorite-toggle a:hover,
.bbp-row-actions #subscription-toggle a:hover {
  color: #5a5;
  border-color: #7c7;
  background-color: #beb;
}

.bbp-row-actions #favorite-toggle span.is-favorite a,
.bbp-row-actions #subscription-toggle span.is-subscribed a {
  color: #faa;
  border: 1px solid #faa;
  background-color: #fee;
}

.bbp-row-actions #favorite-toggle span.is-favorite a:hover,
.bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
  color: #c88;
  border-color: #c88;
  background-color: #fdd;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
  font-size: 11px;
  margin: 5px 0;
  padding: 0;
  word-wrap: break-word;
}

#bbpress-forums p.bbp-topic-meta span {
  white-space: nowrap;
}

.bbp-pagination-count {
  float: left;
  border: 1px solid transparent;
}

.bbp-pagination-links {
  float: right;
  list-style: none;
}

.bbp-pagination-links a,
.bbp-pagination-links span.current {
  display: block;
  float: left;
  padding: 0 5px;
  margin-left: 5px;
  border: 1px solid #efefef;
  text-decoration: none;
}

.bbp-pagination-links a:hover,
.bbp-pagination-links span.current {
  background: #eee;
  opacity: .8;
}

.bbp-pagination-links span.dots {
  display: block;
  float: left;
  padding: 1px 4px;
  margin-left: 5px;
}

.bbp-pagination {
  float: left;
  width: 100%;
  margin-bottom: 1rem;
}

.bbp-topic-pagination {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 2px;
}

.bbp-topic-pagination a {
  font-size: 10px;
  line-height: 10px;
  padding: 1px 3px;
  border: 1px solid #ddd;
  text-decoration: none;
}

#bbpress-forums fieldset.bbp-form .select2-container {
  z-index: auto;
}

#bbpress-forums fieldset.bbp-form {
  border: 1px solid #eee;
  padding: 10px 20px;
  margin-bottom: 10px;
}

#bbpress-forums fieldset.bbp-form legend,
.bbp-login-form .bbp-email input,
.bbp-login-form .bbp-password input,
.bbp-login-form .bbp-username input {
  padding: 5px;
}

#bbpress-forums fieldset.bbp-form label {
  margin: 0;
  display: inline-block;
}

#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
#bbp-login fieldset label,
#bbp-lost-pass fieldset label,
#bbp-register fieldset label {
  width: 100px;
}

#bbpress-forums fieldset.bbp-form input,
#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea {
  margin: 0 0 10px;
}

textarea#bbp_forum_content,
textarea#bbp_reply_content,
textarea#bbp_topic_content {
  width: 97%;
  box-sizing: border-box;
}

textarea#bbp_forum_content {
  height: 210px;
}

#bbpress-forums fieldset.bbp-forum-form-attributes {
  width: 200px;
  float: right;
  clear: none;
  margin-left: 25px;
}

#bbpress-forums fieldset select#bbp_forum_id {
  max-width: 200px;
}

.bbp-reply-form,
.bbp-topic-form,
.bbp-topic-tag-form {
  clear: left;
}

body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img,
body.topic-edit .bbp-topic-form div.avatar img {
  margin-right: 0;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #efefef;
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.reply-edit .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.topic-edit .bbp-topic-form code {
  font-size: 10px;
  background-color: #f0fff8;
  border: 1px solid #ceefe1;
  display: block;
  padding: 8px;
  margin-top: 5px;
  width: 369px;
}

#delete_tag,
#merge_tag {
  display: inline;
}

div.bbp-submit-wrapper {
  margin-top: 1rem;
  float: right;
  clear: both;
}

p.form-allowed-tags {
  max-width: 100%;
}

#bbpress-forums div.bbp-the-content-wrapper,
.bbp-logged-in h5 {
  margin-bottom: 10px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  width: 100%;
  margin: 0;
  border-radius: 0;
  font-size: .75rem;
}

#bbpress-forums div.bbp-the-content-wrapper table,
#bbpress-forums div.bbp-the-content-wrapper tbody,
#bbpress-forums div.bbp-the-content-wrapper td,
#bbpress-forums div.bbp-the-content-wrapper tr {
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  line-height: 1;
}

#bbpress-forums div.bbp-the-content-wrapper input {
  font-size: .75rem;
  padding: 5px;
  margin: 0 2px 0 0;
  line-height: 1;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  padding: 5px;
  min-height: 26px;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
  padding: 4px 4px 8px;
}

#bbpress-forums div.wp-editor-container {
  margin: 0;
  padding: 0;
  line-height: 0;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
  line-height: 1rem;
}

.bbp-forum-content ul.sticky,
.bbp-topics ul.sticky,
.bbp-topics ul.super-sticky,
.bbp-topics-front ul.super-sticky {
  background-color: #ffffe0 !important;
  font-size: 1.1em;
}

#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log {
  border-top: 1px dotted #ddd;
  width: 100%;
  margin: 0;
  padding: 8px 0 0;
  font-size: 11px;
  color: #aaa;
}

#bbpress-forums .bbp-reply-content .bb-activity-media-wrap+.bbp-reply-revision-log,
#bbpress-forums .bbp-reply-content .bb-activity-media-wrap+ul.bbp-topic-revision-log,
#bbpress-forums .bbp-topic-content .bb-activity-media-wrap+.bbp-reply-revision-log,
#bbpress-forums .bbp-topic-content .bb-activity-media-wrap+ul.bbp-topic-revision-log {
  margin-top: 1rem;
}

#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li {
  list-style-type: none;
}

.bbp-login-form label {
  width: 140px;
  display: inline-block;
}

#sidebar .bbp-login-form label {
  width: 70px;
}

.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper,
.bbp-login-form .bbp-username {
  margin-top: 10px;
}

.bbp-login-form .bbp-submit-wrapper,
[dir=rtl] #bbpress-forums .bbp-reply-content [dir=ltr],
[dir=rtl] #bbpress-forums .bbp-topic-content [dir=ltr],
[dir=rtl] #bbpress-forums .replies-content [dir=ltr] {
  text-align: right;
}

.bbp-login-form .bbp-login-links a {
  float: left;
  clear: left;
}

.bbp-logged-in img.avatar {
  float: left;
  margin: 0 1rem 0 0;
}

.bbp-logged-in h5 {
  font-size: 1.3em;
  clear: none;
}

#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar {
  float: none;
  margin-bottom: -3px;
  border: 3px double #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.activity-list li.bbp_reply_create .bp-activity-head .bb-post-singular,
.activity-list li.bbp_topic_create .bp-activity-head .bb-post-singular,
.activity-list li.blogs .bp-activity-head .bb-post-singular,
.dropzone .dz-preview.dz-file-preview .dz-details .dz-size strong {
  font-weight: 700;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.blogs .activity-content .activity-inner {
  border: 1px solid #eaeaea;
  padding: .75rem;
  border-radius: 4px;
  max-width: 640px;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner img,
.activity-list li.bbp_topic_create .activity-content .activity-inner img,
.activity-list li.blogs .activity-content .activity-inner img {
  max-width: 100%;
  margin: 0 0 1rem;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  color: #333;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
  color: #333;
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  color: #333;
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
  color: #333;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap .bb-reply-lable,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title .bb-reply-lable,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap .bb-reply-lable,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title .bb-reply-lable,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap .bb-reply-lable,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title .bb-reply-lable {
  color: #7f868f;
  margin-right: 5px;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title a,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title a,
.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.blogs .activity-content .activity-inner .bb-post-title a {
  color: #333;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap>p:not(:last-child),
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap>p:not(:last-child),
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap>p:not(:last-child) {
  margin-bottom: 10px;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap {
  display: table;
  width: 100%;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right {
  float: left;
  font-size: 25px;
  color: #939597;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right~p:not(:empty),
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right~p:not(:empty),
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap>.bb-icon-corner-down-right~p:not(:empty) {
  float: right;
  width: calc(100% - 35px);
  text-align: left;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap .emoji,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap .emoji,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap .emoji {
  margin: 3px;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-content-inr-wrap+.gamipress-buddypress-user-details,
.activity-list li.bbp_reply_create .bb-content-inr-wrap ol li:before,
.activity-list li.bbp_reply_create .bb-content-inr-wrap ul li:before,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-content-inr-wrap+.gamipress-buddypress-user-details,
.activity-list li.bbp_topic_create .bb-content-inr-wrap ol li:before,
.activity-list li.bbp_topic_create .bb-content-inr-wrap ul li:before,
.activity-list li.blogs .activity-content .activity-inner .bb-content-inr-wrap+.gamipress-buddypress-user-details {
  display: none;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .gamipress-buddypress-user-details,
.activity-list li.bbp_topic_create .activity-content .activity-inner .gamipress-buddypress-user-details,
.activity-list li.blogs .activity-content .activity-inner .gamipress-buddypress-user-details {
  margin-left: 10px;
  position: relative;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_reply_create .bb-activity-media-wrap .bb-activity-media-elem,
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .bb-activity-media-wrap .bb-activity-media-elem {
  padding: 0;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap {
  padding: .75rem .75rem 0;
  margin-bottom: 0;
  background-color: #fafafa;
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap,
.activity-list li.bbp_topic_create .bb-content-inr-wrap {
  padding: .75rem;
  background-color: #fafafa;
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap ol li {
  margin: 0;
  padding: 0;
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap ul li {
  margin: 0;
  padding: 0;
  list-style-type: disc;
}

.activity-list li.bbp_topic_create .bb-content-inr-wrap ol li {
  margin: 0;
  padding: 0;
}

.activity-list li.bbp_topic_create .bb-content-inr-wrap ul li {
  margin: 0;
  padding: 0;
  list-style-type: disc;
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap ol li,
.activity-list li.bbp_topic_create .bb-content-inr-wrap ol li {
  list-style-type: decimal;
}

.activity-list li.bbp_reply_create .bb-content-inr-wrap .activity-read-more a,
.activity-list li.bbp_topic_create .bb-content-inr-wrap .activity-read-more a {
  text-transform: capitalize;
}

.activity-list li.bbp_reply_create .activity-content .activity-inner .gamipress-buddypress-user-details .wp-post-image,
.activity-list li.bbp_reply_create .bb-activity-media-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .gamipress-buddypress-user-details .wp-post-image,
.activity-list li.bbp_topic_create .bb-activity-media-wrap,
.activity-list li.blogs .activity-content .activity-inner .bb-video-wrapper .fluid-width-video-wrapper,
.activity-list li.blogs .activity-content .activity-inner .gamipress-buddypress-user-details .wp-post-image {
  margin: 0;
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img,
.activity-list li.bbp_topic_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img {
  border-radius: 0 0 4px 4px;
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img img,
.activity-list li.bbp_topic_create .bb-activity-media-wrap .bb-activity-media-elem .entry-img img {
  margin-bottom: 0;
}

.activity-list li.bbp_reply_create .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem,
.activity-list li.bbp_topic_create .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem {
  margin: .75rem auto;
  border: 0;
  width: -webkit-calc(100% - 24px);
  width: calc(100% - 24px);
}

.activity-list li.blogs .activity-content .activity-inner {
  padding: 0;
  position: relative;
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-img-link {
  background-color: #333;
  display: block;
  border-radius: 3px 3px 0 0;
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-img-link img {
  border-radius: 0;
  margin: 0 auto;
  max-height: 640px;
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-title-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.activity-list li.blogs .activity-content .activity-inner .bb-content-wrp {
  display: block;
  padding: .75rem;
  background-color: #fafafa;
}

.activity-list li.blogs .activity-content .activity-inner .bb-video-wrapper .fluid-width-video-wrapper iframe {
  margin: 0;
  border-radius: 4px;
}

.activity-list li.activity .activity-inner .gamipress-buddypress-user-details+.gamipress-buddypress-user-details,
.bs-reply-suspended-block .bbp-author-role {
  display: none;
}

#bbpress-forums dl.bbp-user-capabilities {
  display: inline-block;
  vertical-align: top;
}

#bbpress-forums dl.bbp-user-capabilities dt {
  margin: 0 0 10px;
  text-transform: capitalize;
}

#bbpress-forums div.row-actions {
  font-size: 11px;
  visibility: hidden;
}

#bbpress-forums li:hover>div.row-actions {
  visibility: visible;
}

@media only screen and (max-width:480px) {
  #bbpress-forums div.bbp-topic-tags {
    clear: left;
    float: left;
  }

  div.bbp-search-form button,
  div.bbp-search-form input {
    font-size: 11px;
    padding: 2px;
  }

  li.bbp-forum-info {
    width: 50%;
  }

  li.bbp-topic-title {
    width: 65%;
  }

  li.bbp-forum-reply-count,
  li.bbp-forum-topic-count,
  li.bbp-topic-reply-count {
    width: 10%;
  }

  div.bbp-submit-wrapper,
  span.bbp-reply-post-date {
    float: left;
  }

  span.bbp-admin-links {
    clear: left;
    float: left;
  }

  #bbpress-forums .bbp-forums-list li {
    display: block;
    font-size: 11px;
  }

  #bbpress-forums .bbp-body div.bbp-reply-author {
    margin: -1rem 10px 10px;
    min-height: 100px;
    padding-left: 80px;
    position: relative;
    text-align: left;
    width: 100%;
  }

  #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    clear: none;
    display: inline-block;
    margin-left: 0;
    word-wrap: break-word;
  }

  #bbpress-forums div.bbp-reply-author img.avatar {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 60px;
    height: auto;
  }

  #bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: .75rem;
    font-style: normal;
  }

  #bbpress-forums .bbp-body div.bbp-reply-content {
    clear: both;
    margin: 10px;
    padding: 0;
  }

  #bbpress-forums div.bbp-reply-content p {
    margin-bottom: 1rem;
  }

  #bbpress-forums fieldset.bbp-form {
    padding: 0 10px 10px;
  }

  #bbpress-forums #bbp-user-body {
    clear: both;
    margin-left: 0;
    word-wrap: break-word;
  }

  ;
}

@media only screen and (max-width:320px) {
  #bbpress-forums div.bbp-search-form {
    margin-bottom: 10px;
  }

  #bbpress-forums li.bbp-body li.bbp-forum-info,
  #bbpress-forums li.bbp-body li.bbp-topic-title,
  #bbpress-forums li.bbp-header li.bbp-forum-info,
  #bbpress-forums li.bbp-header li.bbp-topic-title {
    width: 100%;
  }

  #bbpress-forums li.bbp-header li.bbp-forum-info,
  #bbpress-forums li.bbp-header li.bbp-topic-title {
    text-align: center;
    text-transform: uppercase;
  }

  #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-header li.bbp-topic-reply-count {
    width: 20%;
  }

  #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  #bbpress-forums li.bbp-header li.bbp-topic-freshness {
    width: 58%;
  }

  #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
    margin-top: 7px;
  }

  #bbpress-forums li.bbp-footer,
  #bbpress-forums li.bbp-header {
    font-size: 10px;
  }

  #bbpress-forums li.bbp-header div.bbp-reply-author {
    text-align: left;
    width: 25%;
  }

  #bbpress-forums li.bbp-header div.bbp-reply-content {
    margin-left: 25%;
  }

  #bbpress-forums p.bbp-topic-meta img.avatar {
    width: .875rem;
    height: auto;
  }

  #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
    padding: 1px;
  }

  #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
    width: 20px;
    height: 20px;
  }

  #bbpress-forums div.wp-editor-container {
    width: 100%;
    overflow: auto;
  }

  #bbpress-forums input#bbp_topic_tags,
  #bbpress-forums input#bbp_topic_title {
    width: 95%;
  }

  ;
}

@media only screen and (max-width:240px) {

  #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-footer div.bbp-reply-author,
  #bbpress-forums li.bbp-footer div.bbp-reply-content,
  #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-header li.bbp-topic-reply-count {
    width: 45%;
  }

  #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-header div.bbp-reply-author,
  #bbpress-forums li.bbp-header div.bbp-reply-content,
  #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  #bbpress-forums li.bbp-header li.bbp-topic-freshness {
    clear: both;
    width: 100%;
  }

  #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  #bbpress-forums li.bbp-header li.bbp-topic-freshness {
    text-align: center;
  }

  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-header div.bbp-reply-content {
    margin-left: 0;
    text-align: left;
  }

  #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
    display: inline-block;
  }

  #bbpress-forums li.bbp-header {
    overflow: hidden;
  }

  #bbpress-forums li.bbp-footer div.bbp-reply-content {
    display: inline-block;
    margin-left: 0;
  }

  #bbpress-forums li.bbp-body div.bbp-reply-author {
    min-height: 60px;
    padding-left: 60px;
  }

  #bbpress-forums div.bbp-reply-author img.avatar {
    width: 40px;
    height: auto;
  }

  ;
}

body .bb-select-dropdown.select2-dropdown {
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0/5%), 0 6px 32px 0 rgb(18 43 70/10%);
  border-radius: .5rem;
  border: 0;
  padding: .5rem;
  margin: 0;
}

body .bb-select-container .select2-search__field {
  background: 0 0;
  border-width: 0;
  min-width: 100%;
  width: 100% !important;
  padding-left: 0;
}

.bb-select-dropdown li.select2-results__option.select2-results__message,
body .bb-select-container li.select2-results__option.select2-results__message {
  margin-bottom: 0;
  font-size: .875rem;
  padding: 0.5rem 1rem;
}

body .bb-select-container li.select2-search.select2-search--inline {
  flex: 1;
  min-width: 0;
}

body .bb-select-container ul.select2-selection__rendered {
  display: flex !important;
  align-items: center;
  flex-flow: row wrap;
  padding: 0 !important;
}

body .bb-select-container.select2-selection.select2-selection--multiple {
  border-color: transparent;
  padding: 0;
}

.bb-select-container input.select2-search__field {
  margin: 0 !important;
}

.bb-select-container li.select2-selection__choice {
  background-color: #4d5c6d !important;
  border-color: #4d5c6d !important;
  font-size: .875rem;
  color: var(--mb-base-white);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  padding: 0 8px;
  margin: 0 10px 0 0;
}

.bb-select-container span.select2-selection__choice__remove {
  font-size: 0;
  margin: 0 0 0 8px;
}

.bb-select-container span.select2-selection__choice__remove:before {
  content: "";
  font-family: bb-icons;
  font-size: .75rem;
  background: var(--mb-base-white);
  border-radius: 50%;
  color: #4d5c6d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: .75rem;
  min-height: .75rem;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bbp-forum-form #bbp_editor_forum_content {
  min-height: 120px;
}

.bbp-forum-form label {
  color: inherit;
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 5px;
}

.bp-forum-settings {
  display: flex;
  flex-flow: row wrap;
  margin: 0-10px;
}

.bp-forum-settings>p {
  flex: 1;
  padding: 0 10px;
}

@media (max-width:900px) {
  .bp-forum-settings>p {
    flex: 0 0 50%;
  }

  ;
}

@media (max-width:500px) {
  .bp-forum-settings>p {
    flex: 0 0 100%;
  }

  ;
}

h2.bbp-form-title.entry-title {
  margin-bottom: 25px;
}

.bbp-forum-title-label span {
  opacity: .6;
  font-size: .875rem;
}

.bs-reply-suspended-block {
  pointer-events: none;
}

.bbp-reply-content.bs-forum-suspended-content,
.bs-reply-header.bs-reply-suspended-header {
  opacity: .7;
}

.bs-reply-header.bs-reply-suspended-header .bp-suspended-avatar {
  min-width: 48px;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem {
  padding: 3px;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
  padding-top: 38.56%;
  display: block;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem .bb-item-cover-wrap:hover:after {
  visibility: visible;
  opacity: 1;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem.act-grid-1-1 {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem.act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap,
#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-2 .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap {
  padding-top: 82.56%;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-2 .bb-activity-video-elem.act-grid-1-1,
#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div .act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

#bbpress-forums .bb-activity-media-wrap.forums-video-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div {
  position: relative;
  right: inherit;
  bottom: inherit;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  border-width: 1px 0 0;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.bb-media-actions-wrap h2,
.bb-media-section figure,
.bp-search-ajax-item,
.mfp-figure figure {
  margin: 0;
}

.bb-select-container li.select2-selection__choice,
.bp-search-ajax-item>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-search-ajax-item .item-avatar {
  margin-right: .75rem;
  width: 50px;
}

.bp-search-ajax-item .item-avatar img {
  vertical-align: middle;
  max-width: 48px;
  width: 100%;
  height: auto;
}

.bp-search-ajax-item .item {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  align-self: center;
}

.bp-search-ajax-item .item .item-desc,
.bp-search-ajax-item .item .item-tags {
  margin-top: 5px;
  font-size: 80%;
  color: #a9a9a9;
}

.bp-search-ajax-item .item-title {
  font-size: 1rem;
  color: #122b46;
  margin-bottom: 3px;
}

.bp-search-ajax-item .item-meta {
  margin-bottom: 0;
  font-size: .75rem;
  color: #a3a5a9;
}

.bbls-cpt-sfwd-certificates-type .bp-search-ajax-item,
.bbls-cpt-sfwd-quiz-type .bp-search-ajax-item,
.bbls-pages-type .bp-search-ajax-item,
.bbls-posts-type .bp-search-ajax-item {
  display: flex;
}

.bbls-cpt-sfwd-certificates-type .bp-search-ajax-item .item>a:not(.x),
.bbls-cpt-sfwd-quiz-type .bp-search-ajax-item .item>a:not(.x),
.bbls-pages-type .bp-search-ajax-item .item>a:not(.x),
.bbls-posts-type .bp-search-ajax-item .item>a:not(.x) {
  display: block;
}

.bbls-cpt-sfwd-certificates-type .bp-search-ajax-item .item>.entry-meta a .author,
.bbls-cpt-sfwd-quiz-type .bp-search-ajax-item .item>.entry-meta a .author,
.bbls-pages-type .bp-search-ajax-item .item>.entry-meta a .author,
.bbls-posts-type .bp-search-ajax-item .item>.entry-meta a .author {
  margin-right: 5px;
}

#comments .comment-body .bb_more_options a,
.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a:active,
.ui-menu .ui-menu-item a:hover {
  text-decoration: none;
}

.bp-search-ac.ui-autocomplete {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .4);
  -moz-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .4);
  box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .4);
  max-height: 80%;
  min-width: 280px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #fff;
}

.ui-widget-content {
  border: 0;
}

.bp-search-ac .x {
  display: none !important;
}

.bp-search-ac li.bbls-category {
  font-weight: 600;
  padding: .875rem 10px 5px;
  position: relative;
  top: -1px;
  box-sizing: border-box;
}

.bp-search-ac li.bbls-category a {
  font-weight: 600;
}

.bp-search-ac li:not(.bbls-category) {
  padding: 0 10px;
}

.bp-search-ac li:not(.bbls-category) .bp-search-ajax-item {
  padding: 10px 0;
}

.bp-search-ac .bbls-category+li .bp-search-ajax-item {
  padding-top: 9px;
}

.bp-search-ac .bbls-category:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}

.bp-search-ac.ui-menu .ui-menu-divider {
  border-width: 0;
  margin: 0;
}

.bp-search-ac.ui-menu .ui-menu-item.ui-state-focus {
  border: 0;
  color: inherit;
  background: #f4f5f6;
}

.bp-search-ac.ui-menu .ui-menu-item {
  list-style-image: none;
  box-sizing: border-box;
}

.bp-search-ac.ui-menu .ui-menu-item.ui-state-hover,
.bp-search-ac.ui-menu .ui-menu-item:hover {
  background: #f4f5f6;
}

.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type {
  padding: 0;
}

.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type .bp-search-ajax-item {
  padding: 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 0;
  position: relative;
  top: -1px;
}

.bp-search-ac.ui-menu .ui-menu-item .bp-search-ajax-item.noresult {
  padding: .75rem 7px 11px;
}

.bp-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type .bp-search-ajax-item a {
  display: block;
  padding: 9px 10px;
  text-align: center;
}

@media screen and (max-width:720px) {
  .bp-search-ac.ui-autocomplete {
    overflow-y: scroll;
  }

  ;
}

#buddypress .results-group ul.item-list {
  border-top: none !important;
}

.search_results .results-group-title {
  text-transform: capitalize;
  float: left;
  margin-bottom: 0;
}

.bp-search-page .results-group ul#activity-stream {
  margin: 0;
  padding: 0;
  background: 0 0;
  border: 0;
  box-shadow: none;
}

.bp-search-page .results-group ul#activity-stream li.activity-item {
  border: 0;
  box-shadow: none;
  margin: 0;
}

.bp-search-page .results-group ul#activity-stream li.activity-item .activity-inner {
  margin: 0;
  padding: 0;
  background: 0 0;
}

.bp-search-page .bp-navs ul li .count {
  margin-left: 6px;
}

.bp-search-results-wrap .results-group-header {
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}

.bp-search-results-wrap .results-group-header .view-all-link-hidden {
  display: none;
}

.bp-search-results-wrap .results-group-title {
  flex: 1;
  min-width: 0;
}

.bp-search-results-wrap .results-group-footer {
  text-align: center;
}

.bp-search-results-wrap .view-all-link {
  font-size: .875rem;
  color: #888;
  line-height: 1;
}

div.search_results .item-list {
  margin-top: 0;
  padding-top: 0;
}

.dropzone .dz-preview.dz-file-preview .dz-details .dz-filename span,
div.search_results .groups-list li .last-activity {
  margin-top: 0;
}

.bp-search-results-wrapper .bp-search-form-wrapper {
  float: left;
  margin: 0 0 20px;
}

.search_results {
  clear: both;
}

.bp-search-item {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #eee;
}

.bp-search-ac .loading-msg {
  padding: 20px;
  white-space: nowrap;
  font-size: .75rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bp-search-ac .loading-msg .bb_global_search_spinner {
  background: url(../images/spinner.png)no-repeat center;
  background-size: 100% 100%;
  width: 19px;
  height: 19px;
  margin: 0 10px 0 0;
}

.bb_global_search_spinner {
  margin: 20px;
  width: 100px;
  height: 100px;
  background: red;
  -webkit-animation-name: bb_global_srch_spin;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: bb_global_srch_spin;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: bb_global_srch_spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: bb_global_srch_spin;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.bp-search-ac .ui-corner-all {
  display: none;
}

.ac_results li.ui-menu-divider {
  margin: 0;
  padding: 0;
}

.ac_results.ui-menu .ui-menu-item.ui-state-hover,
.ac_results.ui-menu .ui-menu-item:hover,
.ac_results.ui-menu .ui-state-active,
.ac_results.ui-menu .ui-state-focus {
  margin: 0;
  background-color: #888;
}

.ac_results.ui-menu .ui-menu-item.ui-state-hover a,
.ac_results.ui-menu .ui-menu-item:hover a,
.ac_results.ui-menu .ui-state-active a,
.ac_results.ui-menu .ui-state-focus a,
.directory.document .bp-subnavs li.selected a:hover span,
.directory.media .bp-subnavs li.selected a:hover span,
.directory.video .bp-subnavs li.selected a:hover span,
.mfp-preloader a:hover {
  color: #fff;
}

.bp-search-results-list .bp-search-item {
  margin: 0;
  padding: 1rem 0;
}

.bp-search-results-list .bp-search-item .list-wrap {
  display: flex;
}

.bp-search-results-list .bp-search-item .item-avatar {
  margin-right: .75rem;
  max-width: 50px;
}

.bp-search-results-list .bp-search-item .item {
  display: block;
  flex: 1;
  min-width: 0;
  align-self: center;
}

.bp-search-results-list .bp-search-item .item-title {
  float: none;
  font-size: 1rem;
  color: #122b46;
  margin: 5px 0;
  text-align: left;
}

.bp-search-results-list .bp-search-item p.item-meta {
  margin-bottom: 0;
  text-align: left;
}

.bp-search-results-list .bp-search-item .item-desc {
  color: #737373;
  font-size: .75rem;
  line-height: 1.4;
}

.bp-search-results-list .bp-search-item .rating-custom div.product .woocommerce-product-rating {
  margin-bottom: 1.618em;
}

.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating .star-rating {
  margin: .5em 4px 0 0;
  float: left;
}

.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating:after,
.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating:before {
  content: " ";
  display: table;
}

.bp-search-results-list .bp-search-item .rating-custom .woocommerce-product-rating {
  line-height: 2;
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating {
  float: right;
  overflow: hidden;
  position: relative;
  height: 1em;
  width: 5.4em;
  font-size: 1em;
  font-family: star;
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating:before {
  content: "sssss";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.bp-search-results-list .bp-search-item .rating-custom .star-rating span:before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
}

.bp-search-results-list .bp-search-item .woocommerce-review-link {
  display: none;
}

.bp-search-results-list .bp-search-item .product-sale {
  margin-top: .5em;
}

.bp-search-results-list .bp-search-item .product-sale .onsale {
  padding: .202em;
  text-align: center;
  background-color: #77a464;
  color: var(--mb-base-white);
  font-size: 80%;
  z-index: 9;
}

.bp-search-results-list .bp-search-item dd.course_progress {
  margin: 0;
  width: 40%;
  height: 5px;
}

.bp-search-results-list .bp-search-item .entry-meta a,
.bp-search-results-list .bp-search-item .entry-meta span {
  color: #737373;
  font-size: 90%;
}

.bp-search-results-wrapper.bp-search-no-results {
  display: flex;
  flex-flow: column-reverse;
}

.bp-search-results-wrapper.bp-search-no-results .search_filters,
.mfp-align-top .mfp-container:before {
  display: none;
}

.bp-search-results-wrapper.bp-search-no-results .search_results {
  margin-bottom: 20px;
  margin-top: -10px;
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8;
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mfp-wrap {
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before,
.mfp-content {
  display: inline-block;
  vertical-align: middle;
}

.mfp-container:before {
  content: "";
  height: 100%;
}

.mfp-content {
  position: relative;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: var(--mb-base-white);
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: var(--mb-base-white);
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: .75rem;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  top: 50%;
  margin: -55px 0 0;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
}

.mfp-arrow:after,
.mfp-arrow:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:before {
  top: 0;
}

.mfp-arrow:after {
  border-top-width: .75rem;
  border-bottom-width: .75rem;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid var(--mb-base-white);
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid var(--mb-base-white);
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000;
}

.mfp-figure:after,
img.mfp-img {
  display: block;
  width: auto;
  height: auto;
}

img.mfp-img {
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: .75rem;
  line-height: .875rem;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content,
img.mfp-img {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.registration .mfp-bg,
body.login .mfp-bg {
  background: rgba(250, 251, 253, .9);
  opacity: 1;
}

.registration .mfp-content #privacy-modal,
.registration .mfp-content #terms-modal,
body.login .mfp-content #privacy-modal,
body.login .mfp-content #terms-modal {
  border-radius: 4px;
  border: 1px solid #d2d4d6;
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
}

.registration .mfp-content #privacy-modal h1,
.registration .mfp-content #terms-modal h1,
body.login .mfp-content #privacy-modal h1,
body.login .mfp-content #terms-modal h1 {
  font-size: 1.75rem;
}

.registration .mfp-content #privacy-modal p,
.registration .mfp-content #terms-modal p,
body.login .mfp-content #privacy-modal p,
body.login .mfp-content #terms-modal p {
  line-height: 1.5;
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0;
  }

  ;
}

@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }

  ;
}

body.login .login-popup {
  background: var(--mb-base-white);
  padding: 30px;
  text-align: left;
  min-height: 400px;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit #bp-activity-description-new-reset:hover,
.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit #bp-activity-description-new-reset:hover,
body.login .login-popup .mfp-close {
  color: #000;
}

body.login .login-popup .mfp-close:focus,
body.login .login-popup .mfp-close:hover {
  background: 0 0;
}

.bb-activity-media-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin: 0-3px;
  align-items: flex-start;
  position: relative;
}

.fb-post.fb_iframe_widget {
  margin: 0-3px;
}

.fb-post.fb_iframe_widget+.bb-activity-media-wrap {
  margin-top: 1rem;
}

.act-grid-1-1 {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
}

.act-grid-1-2,
.bb-media-length-2 .act-grid-1-1 {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
}

.bb-media-length-1 .bb-activity-media-elem.media-activity {
  flex: none;
  min-width: 190px;
}

.bb-media-length-1 .bb-activity-media-elem .entry-img img {
  min-height: auto;
  min-width: auto;
  margin: 0 auto;
  display: block;
  position: static;
}

.bb-activity-media-elem {
  padding: 3px;
}

.bb-activity-media-elem .entry-img {
  background: 0 0;
  border-radius: 3px;
  display: block;
  margin: 0;
  position: relative;
  padding-top: 42.56%;
  overflow: hidden;
}

.bb-media-length-1 .bb-activity-media-elem .entry-img {
  padding-top: 0;
}

.bb-media-length-3 .bb-activity-media-elem .entry-img.act-grid-1-1 {
  padding-top: 52.56%;
}

.bb-activity-media-elem .entry-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}

.bb-activity-media-elem .bb-photos-length {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
  color: var(--mb-base-white);
  font-size: 1rem;
  line-height: 1.31;
}

.bb-activity-media-elem .bb-photos-length strong {
  color: inherit;
  display: block;
  font-size: 24px;
  line-height: 1.33;
}

.bb-activity-media-elem.media-activity .entry-img:before,
.bb-item-cover-wrap:after {
  content: " ";
  position: absolute;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: .3s all;
}

.bb-activity-media-elem.media-activity .entry-img:before {
  background: rgba(0, 0, 0, .25);
  z-index: 1;
  opacity: 0;
  visibility: visible;
}

.bb-activity-media-elem.media-activity.is-visible .entry-img:before,
.bb-activity-media-elem.media-activity:hover .entry-img:before,
.bb-media-section:hover a.theater-command,
.document.document-theatre:hover a.theater-command {
  opacity: 1;
  visibility: visible;
}

.bb-media-length-4 .act-grid-1-2 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  min-width: 0;
}

.bb-media-length-2 .bb-activity-media-elem .entry-img,
.bb-media-length-4 .bb-activity-media-elem.act-grid-1-2 .entry-img,
.bb-media-length-5 .bb-activity-media-elem .entry-img {
  padding-top: 72.56%;
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-1,
.bb-media-length-5 .act-grid-1-1,
.bb-media-length-5 .act-grid-1-1+.act-grid-1-2 {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-2,
.bb-media-length-5 .act-grid-1-2 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  min-width: 0;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-2 .entry-img {
  padding-top: 55.56%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout,
.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout {
  flex: 0 0 64%;
  max-width: 64%;
  min-width: 0;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem {
  flex: 0 0 36%;
  max-width: 36%;
  min-width: 0;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem .entry-img {
  padding-top: 105.6%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout .entry-img {
  padding-top: 118%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div,
.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout+div+div {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem {
  flex: 0 0 36%;
  max-width: 36%;
  min-width: 0;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem .entry-img {
  padding-top: 69.1%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout .entry-img {
  padding-top: 119%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout+div,
.bb-item-cover-wrap img {
  position: absolute;
  right: 0;
  top: 33.4%;
  width: 36%;
}

.bb-activity-media-wrap.bb-media-length-more .bb-activity-media-elem .entry-img {
  padding-top: 82.56%;
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-1+.act-grid-1-2 {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
}

.modal-mask {
  position: fixed;
  z-index: 999991;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  transition: opacity .3s ease;
  display: flex;
  align-items: center;
}

.modal-mask.bb-white {
  background: rgba(250, 251, 253, .5);
}

.modal-wrapper {
  max-width: 61rem;
  margin: 50px auto;
  vertical-align: middle;
  width: 90%;
}

.modal-wrapper.bb-medium {
  max-width: 740px;
}

.modal-wrapper.bb-large {
  max-width: 1080px;
}

.bp-media-photo-uploader .modal-wrapper {
  max-width: 645px;
}

.modal-container {
  width: auto;
  margin: 0 auto;
  padding: 20px 30px 30px;
  background-color: var(--mb-base-white);
  border-radius: 4px;
  border: 1px solid #d2d4d6;
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .1);
  transition: all .3s ease;
}

.modal-container.has-folderlocationUI {
  max-height: 90vh;
  overflow: auto;
}

.modal-container#boss-media-create-album-popup .bb-model-header,
.modal-container#boss-video-create-album-popup .bb-model-header {
  margin-bottom: 20px;
}

.modal-container#boss-media-create-album-popup #bp-media-create-album-submit.saving:after,
.modal-container#boss-media-create-album-popup #bp-video-create-album-submit.saving:after,
.modal-container#boss-video-create-album-popup #bp-media-create-album-submit.saving:after,
.modal-container#boss-video-create-album-popup #bp-video-create-album-submit.saving:after {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}

.modal-container .bp-video-upload-tab.selected {
  color: #122b46;
}

.bp-media-upload-tab-content,
.bp-video-upload-tab-content {
  padding-top: 30px;
}

#boss-media-create-album-popup .popup-on-fly-create-folder-title.error+.error-box,
#bp-media-uploader .popup-on-fly-create-folder-title.error+.error-box {
  display: block;
  font-size: .75rem;
}

.bbm-model-wrap label {
  font-size: 1rem;
  display: block;
  margin-bottom: 7px;
}

.bbm-model-wrap textarea {
  min-height: 80px;
  resize: none;
  margin-bottom: 20px;
}

.modal-default-button {
  float: right;
}

#bbpress-forums div.bbp-reply-content .bb-model-header,
.bb-model-header {
  background: #fbfbfc;
  box-shadow: 0 1px 0 0#eef0f3;
  border-radius: 4px 4px 0 0;
  padding: 17px 30px 1rem;
  margin: -20px -30px 30px;
  display: flex;
  align-items: center;
}

#bbpress-forums div.bbp-reply-content .bb-model-header h4,
.bb-model-header h4 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

#bbpress-forums div.bbp-reply-content .bb-model-header .bb-model-close-button,
.bb-model-header .bb-model-close-button {
  margin-left: auto;
  line-height: 1;
}

.modal-enter,
.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.bb-model-close-button {
  font-size: 24px;
  color: rgba(17, 49, 80, .4);
}

.bb-photos-wrap .bb-title {
  font-size: 28px;
  margin: 0;
}

.bb-photos-wrap .bb-single-bp-header .button {
  margin-left: 5px;
}

.bb-member-photos-list {
  margin: 0;
  list-style: none;
}

.bb-member-media-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.bb-member-media-header.bb-videos-actions {
  margin-top: 30px;
}

.bb-media-meta,
.bb-member-media-header.bb-videos-actions .bb-videos-meta {
  margin-bottom: 10px;
}

.bb-member-media-header+#video-stream .grid.bp-list {
  padding-top: 0;
}

.bb-media-meta {
  margin-left: auto;
}

.bb-media-meta a {
  margin-left: 10px;
}

.bb-media-meta .bb-delete {
  line-height: 1;
}

.bb-media-meta .bb-delete i {
  font-size: 21px;
}

.bb-media-meta,
.bb-media-meta .bb-select i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bb-media-meta .bb-select i {
  border: 1px solid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .75rem;
  border-radius: 50%;
  width: 19px;
  height: 19px;
}

.bb-media-meta .bb-select.selected i {
  background: #000;
  color: var(--mb-base-white);
  border-color: #000;
}

.bb-photos-date {
  font-size: .875rem;
  color: #939597;
}

.buddypress-wrap .bp-list.bb-photo-list {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0-5px;
}

.buddypress-wrap .bp-list.bb-photo-list li {
  flex: 0 0 20%;
  min-width: 0;
  margin: 0;
  padding: 5px;
}

.buddypress-wrap .bp-subnavs .component-navigation.document-nav li.selected.loading a:after,
.buddypress-wrap .bp-subnavs .component-navigation.media-nav li.selected.loading a:after,
.buddypress-wrap .bp-subnavs .component-navigation.video-nav li.selected.loading a:after {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
  margin-left: 5px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.bb-item-cover-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  display: block;
}

.bb-item-cover-wrap:hover:before,
div.video-js button.vjs-big-play-button:hover:before {
  opacity: 1;
}

.bb-item-cover-wrap img {
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
}

.bb-item-cover-wrap:after {
  background: rgba(0, 0, 0, .35);
}

.bb-item-cover-wrap:not(.selected):after {
  visibility: hidden;
  opacity: 0;
}

.bb-item-cover-wrap.bb-video-cover-wrap img {
  max-height: 100%;
}

.bb-item-thumb {
  position: relative;
  z-index: 1;
}

.bb-item-thumb.is-visible {
  z-index: 11;
}

.bb-item-thumb.is-visible .bb-action-check-wrap,
.bb-item-thumb.is-visible .bb-item-cover-wrap:after,
.bb-item-thumb.selected .bb-action-check-wrap,
.bb-item-thumb.selected .bb-item-cover-wrap:after,
.bb-item-thumb:hover .bb-action-check-wrap,
.bb-item-thumb:hover .bb-item-cover-wrap:after {
  visibility: visible;
  opacity: 1;
}

.bb-action-check-wrap,
a.theater-command {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.bb-action-check-wrap {
  transition: .3s all;
  top: 21px;
  left: 1rem;
  color: var(--mb-base-white);
  width: 20px;
  height: 20px;
  font-size: 1rem;
  text-align: center;
  z-index: 2;
}

.bb-media-model-wrapper.bb-internal-model {
  position: fixed;
  z-index: 999990;
  background-color: rgba(0, 0, 0, .9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  overflow: auto;
}

#bbpress-forums .bb-media-model-container,
#buddypress .bb-media-model-container {
  max-width: 90%;
  min-width: 90%;
  position: relative;
  margin: auto;
  padding: 20px 0;
}

#bbpress-forums .bb-media-model-container .activity-list,
#buddypress .bb-media-model-container .activity-list {
  border: 0;
  margin: 0;
  padding: 0;
}

#bbpress-forums .bb-media-model-container .activity-list .activity-item,
#buddypress .bb-media-model-container .activity-list .activity-item {
  border: 0;
  box-shadow: none;
  margin: 0;
  max-height: 90vh;
  min-height: 90vh;
  overflow: auto;
}

.bb-media-model-inner {
  background: var(--mb-base-white);
  border-radius: 4px;
  display: flex;
  flex-flow: row wrap;
  position: relative;
  overflow: hidden;
}

a.theater-command {
  align-self: center;
  left: 0;
  top: 0;
  z-index: 1;
  width: 20%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  transition: .2s all;
}

[dir=rtl] a.theater-command {
  left: auto;
  right: 0;
  justify-content: center;
}

a.theater-command.bb-next-media {
  left: auto;
  right: 0;
  width: 80%;
  justify-content: flex-end;
}

[dir=rtl] a.theater-command.bb-next-media {
  right: auto;
  left: 0;
  width: 20%;
  justify-content: center;
}

.bb-media-section {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  background: #000;
  position: relative;
}

.bb-media-section figure img {
  max-height: 90vh;
  width: auto;
}

a.bb-close-model {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 22;
}

.bb-media-info-section {
  flex: 0 0 100%;
  min-width: 0;
}

.bb-media-info-section .item-title {
  margin-bottom: 2px;
}

.bb-media-info-section .item-title a {
  font-size: .75rem;
}

.bb-media-info-section .item-avatar {
  margin-right: .75rem;
}

.bb-media-info-section .avatar {
  border-radius: 50%;
  max-width: 36px;
}

.bb-media-info-section .activity-media-description .bp-add-media-activity-description>span,
.bb-media-info-section .activity-video-description .bp-add-video-activity-description>span {
  font-size: .75rem;
  font-weight: 400;
}

.bb-media-info-section .activity-media-description .bp-add-media-activity-description>span.bb-icon-edit {
  font-size: 18px;
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description #add-activity-description,
.bb-media-info-section .activity-video-description .bp-edit-video-activity-description #add-activity-description {
  width: 100%;
  margin-bottom: 10px;
  overflow: auto;
  min-height: 75px;
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description #add-activity-description:focus {
  -webkit-box-shadow: 0 0 6px #d6d6d6;
  -moz-box-shadow: 0 0 6px #d6d6d6;
  box-shadow: 0 0 6px #d6d6d6;
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit,
.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit {
  margin-bottom: 17px;
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit #bp-activity-description-new-submit {
  padding: 7px 20px;
  height: auto;
  min-height: 10px;
  line-height: 1;
}

.bb-media-info-section .activity-media-description .bp-edit-media-activity-description .description-new-submit #bp-activity-description-new-reset {
  background: 0 0;
  box-shadow: none;
  border: 0;
  font-size: .875rem;
  color: #a3a5a9;
  font-weight: 700;
  margin: 0;
  padding: 0 10px;
  width: auto;
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description #add-activity-description:focus {
  -webkit-box-shadow: 0 0 6px #d6d6d6;
  -moz-box-shadow: 0 0 6px #d6d6d6;
  box-shadow: 0 0 6px #d6d6d6;
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit #bp-activity-description-new-submit {
  padding: 7px 20px;
  height: auto;
  min-height: 10px;
  line-height: 1;
}

.bb-media-info-section .activity-video-description .bp-edit-video-activity-description .description-new-submit #bp-activity-description-new-reset {
  background: 0 0;
  box-shadow: none;
  border: 0;
  font-size: .875rem;
  color: #a3a5a9;
  font-weight: 700;
  margin: 0;
  padding: 0 10px;
  width: auto;
}

.bb-media-info-section .activity-comments {
  clear: both;
  margin: 0;
  overflow: visible;
  position: relative;
  width: auto;
}

.bb-media-info-section .activity-comments>ul {
  background: #fbfbfc;
  margin: 0-1rem;
  padding: 1rem 1rem 0;
  border-top: 1px solid #eef0f3;
  border-radius: 0 0 4px 4px;
  clear: both;
  list-style: none;
}

.bb-media-info-section .activity-comments ul li {
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
}

.bb-media-info-section .activity-comments div.acomment-avatar {
  margin: 0 1rem 0 0;
  width: auto;
  text-align: left;
}

.bb-media-info-section .activity-comments .acomment-meta {
  font-size: .75rem;
  overflow: hidden;
}

.bb-media-info-section .activity-comments .acomment-content {
  border-left: 0;
  margin: 0 0 0 51px;
  padding: 0;
}

.bb-media-info-section .activity-comments .acomment-content .bb-activity-media-wrap {
  margin: 1rem 0;
}

.bb-media-info-section .activity-comments .action {
  margin-left: 51px;
}

.bb-media-info-section .activity-comments form {
  background: #fbfbfc;
  margin: 0-1rem;
  margin-right: 0;
  padding: 1rem 1rem 0;
}

.bb-media-info-header {
  font-size: .875rem;
  color: #939597;
  line-height: 1rem;
  margin-bottom: 1rem;
}

.bb-media-info-header .item-title a {
  font-size: .875rem;
}

.bb-media-desc {
  min-height: 120px;
}

.bb-model-meta {
  padding: .75rem 0;
}

.bb-model-meta a {
  color: #555;
  opacity: .4;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.bb-model-meta i:before {
  font-size: 22px;
  margin: 0 5px 0 0;
}

.bb-model-meta .bb-count {
  font-size: .75rem;
}

#boss-media .bb-media-model-inner .bs-item-wrap .item-meta {
  font-size: .75rem;
  color: #a3a5a9;
  line-height: 1.666;
}

#boss-media .bb-media-model-inner .bs-item-wrap .item-meta .item-meta a {
  color: inherit;
}

.bb-media-info-content {
  position: relative;
}

.bb-media-info-footer {
  background: #fbfbfc;
  border-top: 1px solid #eef0f3;
  padding: .75rem 1rem;
}

.bb-media-info-footer .add-comment-wrap {
  padding: 0;
}

.bb-media-info-footer .add-comment-wrap .add-comment {
  background: #fff;
}

a.bb-smile {
  color: rgba(18, 43, 70, .4);
  transition: all linear .2s;
  font-size: 20px;
}

a.bb-smile:hover {
  color: rgba(18, 43, 70, .8);
}

.bs-activity-comments:empty {
  display: none;
}

.bb-single-album-header {
  padding-top: 20px;
}

.bb-single-album-header .bb-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 5px !important;
}

.bb-single-album-header>a {
  font-size: .875rem;
  display: block;
}

.bb-single-album-header p {
  opacity: .7;
  font-size: .75rem;
  color: #000;
}

.bb-single-album-header span.bb-sep {
  margin: 0 5px;
}

.bb-album-photos-list {
  list-style: none;
  margin-left: 0;
}

.album-single-view.no-photos .modal-mask {
  position: relative;
  width: auto;
  height: auto;
}

.album-single-view.no-photos .modal-wrapper.bb-large {
  max-width: 100%;
  margin: 0;
  width: 100%;
}

.album-single-view.no-photos .bb-model-header,
.modal-container .bp-existing-media-wrap .media-list li .media-action-wrap,
.modal-container .bp-existing-media-wrap .media-list li .video-action-wrap {
  display: none;
}

.album-single-view.no-photos .modal-container {
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.album-single-view.no-photos .dropzone .dz-default,
span.CodeMirror-selectedtext {
  background: 0 0;
}

.bb-photos-wrap .bb-model-footer {
  padding-top: 20px;
}

@media (max-width:544px) {
  .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer {
    flex-direction: column;
  }

  .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer .button.push-right {
    margin: 20px auto 0;
  }

  .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer .bb-dropdown-wrap,
  .bb-photos-wrap #boss-media-create-album-popup .bb-model-footer .bb-dropdown-wrap select {
    width: 100%;
  }

  ;
}

.bb-single-album-page .bb-single-bp-header .bb-add-photos {
  display: none !important;
}

.bb-album-actions {
  text-align: center;
  font-size: .75rem;
  margin-top: -25px;
  margin-bottom: 20px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bb-album-actions select {
  margin-left: auto;
  font-size: .875rem;
  color: #939597;
  background-position: right 10px center;
  padding-right: 26px;
  width: 160px;
  height: 30px !important;
}

@media (max-width:480px) {
  .bb-album-actions select {
    margin: 20px auto 0;
  }

  ;
}

.bb-album-actions>a:first-of-type {
  margin-left: 0;
}

@media (max-width:480px) {
  .bb-album-actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  ;
}

div#buddypress div.bb-album-actions .button {
  min-height: 24px;
  padding: 4px 1rem;
  font-size: .75rem;
  margin: 0 10px 0 0;
}

div#buddypress .bb-album-actions .button.error.outline {
  background: 0 0;
  color: #ef3e46;
  border-color: #ef3e46;
}

.bb-member-albums-items {
  list-style: none;
  margin: 0;
}

.bb-member-albums-items>li:not(:last-child) {
  border-bottom: 1px solid #eef0f3;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

ul.bb-albums-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  overflow: hidden;
  margin: 0-5px;
}

ul.bb-albums-list li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  min-width: 0;
  padding: 5px;
}

ul.bb-albums-list a {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  display: block;
  background: #809ab4;
}

ul.bb-albums-list .bb-more-photos,
ul.bb-albums-list img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

ul.bb-albums-list img {
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
}

ul.bb-albums-list .bb-more-photos {
  font-size: .875rem;
  font-weight: 300;
  color: #939597;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}

ul.bb-albums-list .bb-more-photos strong {
  font-size: 24px;
  color: #4d5c6d;
  text-align: center;
  font-weight: 400;
}

ul.bb-albums-list .load-more {
  width: 100%;
  flex: 100%;
  max-width: 100%;
  text-align: center;
}

#buddypress .bb-photo-list li.load-more,
#buddypress .bb-video-list li.load-more {
  margin: 20px auto 10px;
  text-align: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

#buddypress .bb-photo-list li.load-more>a,
#buddypress .bb-video-list li.load-more>a {
  max-width: 33%;
}

.bb-album-list-item .bs-cover-wrap {
  border-radius: 0;
  padding-top: 93.52%;
}

.bb-album-list-item .bs-cover-wrap:after {
  content: " ";
  position: absolute;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5)0, rgba(0, 0, 0, .01) 60%, transparent 100%);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.bb-album-cover-wrap {
  position: relative;
}

.bb-album-cover-wrap h4 {
  font-size: 20px;
  color: inherit;
  margin: 0 0 .75rem;
}

.bb-album-cover-wrap .bb-album-content-wrap {
  position: absolute;
  bottom: 0;
  z-index: 11;
  left: 0;
  padding: 20px;
  font-size: .75rem;
  color: var(--mb-base-white);
  width: 100%;
}

.bb-album-content-wrap .bb-album_date {
  display: block;
  margin-bottom: 8px;
  font-size: .875rem;
}

.bb-album-content-wrap .bb-album_stats {
  font-size: .875rem;
}

.bb-album-content-wrap .bb-album_stats [class*=" bb-icon-"] {
  font-size: 20px;
  margin-right: 7px;
}

.bb-album-content-wrap .bb-album_stats [class*=" bb-icon-"].bb-icon-video-alt {
  font-size: 18px;
}

.bb-album-content-wrap .bb-album_stats,
.bb-album-content-wrap .bb-album_stats .bb-album_stats_photos,
.bb-album-content-wrap .bb-album_stats .bb-album_stats_videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bb-album-content-wrap .bb-album_stats .bb-album_stats_spacer {
  color: #b2b1b0;
  font-size: 20px;
  margin: 0 8px;
}

#buddypress #bp-media-single-album .bb-single-album-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#buddypress #bp-media-single-album .bb-single-album-header #bp-single-album-title {
  padding: 10px 0;
  margin: 0 !important;
}

#buddypress #bp-media-single-album .bb-single-album-header #bb-album-title {
  max-width: 202px;
}

#buddypress #bp-media-single-album .bb-single-album-header #bp-edit-album-title {
  margin: 0 0 0 10px;
}

#buddypress #bp-media-single-album .bb-single-album-header #bp-save-album-title {
  margin: 0 10px;
}

#buddypress #bp-media-single-album .bb-single-album-header p {
  flex-basis: 100%;
  width: 100%;
}

#buddypress .bb-media-container.member-media .bb-media-actions-wrap {
  margin-bottom: 20px;
}

#buddypress .bb-media-container.member-media .bp-navs~.bb-media-actions-wrap {
  margin: 1rem 0 0;
}

@media (min-width:1025px) {
  .bb-media-model-inner {
    max-height: 90vh;
    min-height: 90vh;
  }

  .bb-media-section {
    flex: 1;
    min-width: 0;
  }

  .bb-media-info-section {
    flex: 0 0 380px;
    min-width: 0;
  }

  ;
}

@media (max-width:1024px) {
  a.bb-close-model {
    top: 10px;
    right: 10px;
  }

  .document.document-theatre {
    display: block;
  }

  #buddypress .bb-document-theater {
    width: calc(100% - 60px);
    min-width: initial;
    margin: 0 30px;
    height: 100%;
    max-width: 100%;
  }

  #buddypress .bb-document-theater .bb-media-model-inner {
    height: 100%;
    display: block;
  }

  #buddypress .bb-document-theater .bb-media-model-inner .bb-media-info-section.document {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    margin-left: 0;
    max-height: calc(50vh - 40px);
    border-radius: 0 0 4px 4px;
  }

  #buddypress .bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-list.bp-list {
    min-height: calc(50vh - 40px);
    max-height: calc(50vh - 40px);
  }

  #buddypress .bb-document-theater .bb-media-model-inner .bb-media-info-section.document li.activity_update {
    min-height: calc(50vh - 80px);
    max-height: calc(50vh - 80px);
  }

  #buddypress .bb-document-theater .bb-media-section {
    width: 100%;
    height: auto;
    min-height: 50vh;
    max-height: 50vh;
    background-color: var(--mb-base-white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px 4px 0 8px;
  }

  #buddypress .bb-document-theater .bb-media-section.bb-video-preview .document-preview,
  #buddypress .bb-document-theater .bb-media-section.bb-video-preview .document-preview .video-js {
    min-height: 50vh;
    max-height: 50vh;
  }

  #buddypress .bb-document-theater .bb-media-section .img-section {
    max-height: 50vh;
    height: auto;
    display: block;
    text-align: center;
    padding: 5px 0;
  }

  #buddypress .bb-document-theater .bb-media-section .img-section .img-block-wrap {
    height: 48vh;
    padding-bottom: 0;
    padding-top: 0;
  }

  #buddypress .bb-document-theater .bb-media-section .img-section .img-block-wrap img {
    max-height: calc(50vh - 80px);
  }

  #buddypress .bb-document-theater .bb-media-section.bb-media-no-preview .img-section>p {
    font-size: 1rem;
    padding: 0 10px;
    word-break: break-word;
  }

  #buddypress .bb-document-theater .bb-media-section .theater-command {
    opacity: 1;
    visibility: visible;
  }

  #buddypress .bb-document-theater .bb-media-section .theater-command.bb-next-document {
    left: auto;
    right: -30px;
    width: 30px;
    padding: 0;
  }

  #buddypress .bb-document-theater .bb-media-section .theater-command.bb-prev-document {
    left: -30px;
    width: 30px;
    padding: 0;
  }

  #buddypress .bb-document-theater .bb-media-section .CodeMirror {
    height: calc(50vh - 40px);
    border-radius: 4px 4px 0 0;
  }

  #buddypress .bb-document-theater .bb-media-section .document-preview .document-text {
    margin-top: 40px;
  }

  #buddypress .bb-document-theater .bb-media-section .document-preview h3 {
    right: 0;
  }

  ;
}

@media (max-width:1000px) {
  .bb-album-cover-wrap .bb-album-content-wrap {
    font-size: 11px;
    padding: 1rem;
  }

  .bb-album-cover-wrap h4 {
    font-size: 18px;
  }

  ul.bb-albums-list .bb-more-photos {
    font-size: 10px;
  }

  ul.bb-albums-list .bb-more-photos strong {
    font-size: 20px;
  }

  .buddypress-wrap .bp-list.bb-photo-list li {
    flex: 0 0 25%;
  }

  ;
}

@media (max-width:580px) {
  ul.bb-albums-list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
  }

  .bb-album-list-item .bs-cover-wrap {
    padding-top: 95.52%;
  }

  .buddypress-wrap .bp-list.bb-photo-list li {
    flex: 0 0 50%;
  }

  .bb-album-content-wrap .bb-album_stats {
    font-size: .75rem;
  }

  .bb-album-content-wrap .bb-album_stats [class*=" bb-icon-"] {
    font-size: 20px;
  }

  .bb-album-content-wrap .bb-album_stats [class*=" bb-icon-"].bb-icon-video-alt {
    font-size: 17px;
  }

  .bb-album-content-wrap .bb-album_stats .bb-album_stats_spacer {
    margin: 0 5px;
  }

  ;
}

@media (max-width:480px) {
  #buddypress .bb-media-container.member-media #bp-media-single-album .bb-single-album-header input[type=text] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }

  #buddypress .bb-media-container.member-media .bb-album-actions {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  #buddypress .bb-media-container.member-media .bb-album-actions .button {
    margin: 0 0 10px;
  }

  #buddypress .bb-media-container.member-media .bb-album-actions select {
    width: 100%;
    direction: ltr;
  }

  ;
}

.bb-custom-check {
  position: absolute;
  opacity: 0;
}

.bb-custom-check+label {
  color: var(--mb-base-white);
  position: relative;
  cursor: pointer;
  padding: 0;
}

.bb-custom-check:checked+label {
  color: #fff;
}

#media_uploader.dropzone .bb-dz-preview-wrap .dz-image img {
  cursor: default;
}

.bb-dropzone-wrap.bb-has-items .dz-default {
  display: none !important;
}

.bb-dropzone-wrap.bb-has-items {
  margin: -8px;
}

.bb-dropzone-wrap.bb-has-items .dz-preview {
  margin: 8px;
  width: calc(20% - 1rem);
}

.bb-model-footer .button {
  min-width: 100px;
}

#buddypress .bp-media-document-uploader .document-uploader-footer #bp-media-document-submit,
.bb-model-footer .button.pull-right {
  float: right;
}

.bbm-uploader-model-wrap .bb-model-header h4 {
  font-size: 22px;
}

.bbm-uploader-model-wrap .bb-model-header span:not(.bp-reported-type) {
  font-size: 1rem;
  color: #939597;
  line-height: 24px;
}

.bbm-uploader-model-wrap .bb-model-header .dashicons {
  font-size: 22px;
  margin: 0;
}

.bb-media-actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1rem 0;
}

.bb-media-actions-wrap .bb-media-actions-wrap {
  width: 100%;
}

.bb-add-media {
  display: inline-block;
}

.emojionearea.emojionearea-standalone {
  vertical-align: top;
}

.webui-popover.webui-popover {
  z-index: 999991;
}

.text-center {
  text-align: center;
}

.modal-container .bp-existing-media-wrap {
  margin-bottom: 20px;
  max-height: 68vh;
  overflow: auto;
}

.bb-model-close-button .bb-icon-close {
  font-size: 28px !important;
}

.bb-dropdown-wrap,
.bb-field-wrap {
  margin-bottom: 20px;
}

.bb-field-wrap .bb-allowed-file-types {
  margin-top: 10px;
  font-size: .875rem;
  color: #888;
}

.bb-model-footer.flex .bb-dropdown-wrap {
  margin-bottom: 0;
}

.bp-upload-tab {
  margin-right: 1rem;
}

#bbpress-forums ul.bp-list.loading,
#buddypress ul.bp-list.loading {
  background: var(--mb-base-white);
  padding: 20px;
  text-align: center;
}

.bb-media-model-inner .post-gif .gif-media-search-dropdown.open {
  width: 300px;
  left: -40px;
}

.bb-media-model-inner .post-gif .gif-media-search-dropdown.open:before {
  left: 60px;
}

.bb-media-model-inner .post-gif:nth-child(3) .gif-media-search-dropdown.open {
  left: -110px;
}

.bb-media-model-inner .post-gif:nth-child(3) .gif-media-search-dropdown.open:before {
  left: 130px;
}

.bb-media-model-inner .post-gif:nth-child(4) .gif-media-search-dropdown.open {
  left: -140px;
}

.bb-media-model-inner .post-gif:nth-child(4) .gif-media-search-dropdown.open:before {
  left: 160px;
}

.bb-media-model-inner .post-gif:nth-child(5) .gif-media-search-dropdown.open {
  left: -170px;
}

.bb-media-model-inner .post-gif:nth-child(5) .gif-media-search-dropdown.open:before {
  left: 190px;
}

.comment-item .bb-media-model-inner ul .gif-media-search-dropdown.open {
  left: -80px;
}

.bb-media-model-inner .gif-media-search-dropdown:before {
  left: 70px;
}

.comment-item .bb-media-model-inner ul .gif-media-search-dropdown:before {
  left: 100px;
}

.bb-media-model-inner .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
  left: -110px;
}

.bb-media-model-inner .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  left: 10.75rem;
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom {
  left: -28px;
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  left: 30px;
}

.bb-media-model-inner .ac-reply-content .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom {
  left: -50px;
}

.bb-media-model-inner .ac-reply-content .ac-reply-toolbar.post-media-disabled.post-gif-disabled .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  left: 52px;
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .emojionearea-picker.emojionearea-picker-position-bottom {
  left: -80px;
}

.bb-media-model-inner .ac-reply-toolbar.post-gif-disabled:not(.post-media-disabled) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  left: 82px;
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .gif-media-search-dropdown.open {
  left: -30px;
}

.bb-media-model-inner .ac-reply-toolbar.post-media-disabled:not(.post-gif-disabled) .gif-media-search-dropdown:before {
  left: 50px;
}

.bb-media-model-inner .ac-reply-toolbar.post-gif-disabled:not(.post-media-disabled) .emojionearea-picker.emojionearea-picker-position-bottom {
  left: -80px;
}

img.emoji,
img.emojioneemoji {
  display: inline-block;
  margin: 3px;
  width: 24px !important;
  height: 24px !important;
}

.emojionearea-filters img.emoji,
.emojionearea-filters img.emojioneemoji {
  max-width: 20px !important;
  max-height: 20px !important;
  width: 20px !important;
  height: auto !important;
}

.emojionearea-filters .emojionearea-filter-flags img.emojioneemoji {
  max-width: .875rem !important;
}

.bb-media-only-privacy {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 111;
}

.bb-document-section .bb-media-only-privacy {
  top: 0;
  right: 385px;
  background-color: var(--mb-base-white);
  padding: 6px 0 0 10px;
}

@media (max-width:767px) {
  .bb-document-section .bb-media-only-privacy {
    right: 6px;
  }

  ;
}

.bb-media-only-privacy .privacy {
  border: 1px solid;
  border-radius: 4px;
  padding: 2px 1px 2px 6px;
}

.bb-media-only-privacy .bb-media-privacy-wrap:before {
  display: none;
}

.bb-media-only-privacy .privacy-wrap {
  display: inline-block;
}

.bb-media-only-privacy .document-privacy,
.bb-media-only-privacy .media-privacy {
  display: none;
  margin: 0;
  position: absolute;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  padding: 5px 0;
  min-width: 200px;
  right: 0;
  top: 35px;
  z-index: 11;
}

.bb-media-only-privacy .document-privacy:before,
.bb-media-only-privacy .media-privacy:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 25px;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 1002;
}

.bb-media-only-privacy .document-privacy li,
.bb-media-only-privacy .media-privacy li {
  cursor: pointer;
  padding: 10px .875rem;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 1px;
}

#group-messages-container .bb-groups-messages-left .group-messages-members-listing .item-list li.selected,
.bb-media-only-privacy .document-privacy .selected,
.bb-media-only-privacy .document-privacy li:hover,
.bb-media-only-privacy .media-privacy .selected,
.bb-media-only-privacy .media-privacy li:hover {
  background: #f5f5f5;
}

.bb-media-only-privacy .document-privacy.bb-open,
.bb-media-only-privacy .media-privacy.bb-open {
  display: block;
}

.document-privacy>li:before,
.media-privacy>li:before {
  content: "";
  font-family: dashicons;
  font-size: 1rem;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

.document-privacy>li.onlyme:before,
.media-privacy>li.onlyme:before {
  content: "";
}

.document-privacy>li.loggedin:before,
.media-privacy>li.loggedin:before {
  content: "";
}

.document-privacy>li.friends:before,
.media-privacy>li.friends:before {
  content: "";
}

.dropzone .dz-error-title {
  display: none;
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  display: block !important;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 5px 10px;
  display: flex;
  background-color: #f8f8f8;
  border: 1px solid #e7e9eb;
  text-align: center;
  height: 100%;
  min-height: 130px;
  width: 130px;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.dropzone .dz-preview.dz-file-preview .dz-details .dz-size {
  margin-bottom: 0;
  font-size: .875rem;
  text-transform: lowercase;
}

.dropzone .dz-preview.dz-file-preview .dz-details .dz-filename {
  display: block;
  width: 100%;
}

.dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-progress-ring-wrap {
  background-color: rgba(0, 0, 0, .05);
}

.dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: rgba(18, 43, 70, .5);
}

.dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-image {
  background-color: #f8f8f8;
}

.dropzone.media-dropzone .dz-preview .dz-image {
  position: relative;
}

.dropzone.media-dropzone .dz-preview .dz-image img {
  width: auto;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dropzone .dz-preview.dz-error .dz-error-title {
  display: block;
  font-size: .75rem;
  font-weight: 700;
  color: #ef3e46;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  z-index: 1;
}

.dropzone .dz-preview.dz-error .dz-details:before {
  content: "";
  font-family: bb-icons;
  font-size: 24px;
  height: 50px;
  width: 50px;
  display: inline-block;
  background-color: rgba(0, 0, 0, .05);
  border-radius: 50%;
  line-height: 50px;
  color: rgba(18, 43, 70, .5);
}

.dropzone .dz-preview.dz-error .dz-details .dz-size,
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-icon,
.dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-size,
.dropzone.media-dropzone .dz-preview.dz-error .dz-image img {
  display: none;
}

.dropzone .dz-preview.dz-error .dz-details .dz-filename {
  font-size: .75rem;
  color: rgba(18, 43, 70, .5);
  margin-top: 10px;
}

.dropzone .dz-preview.dz-error .dz-details .dz-filename span {
  margin-top: 3px;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  top: 96%;
  left: inherit;
  right: inherit;
  max-width: 350px;
  min-width: 100%;
}

.dropzone .dz-preview.dz-error .dz-remove {
  background-color: transparent;
  box-shadow: none;
  color: #92949d;
}

.dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details,
.dropzone.media-dropzone .dz-preview.dz-error .dz-image {
  border-color: #ef3e46;
}

.dropzone.media-dropzone .dz-preview.dz-error .dz-details {
  display: block;
  position: absolute;
  bottom: .75rem;
  left: 10px;
  right: 10px;
  text-align: center;
}

.dropzone.document-dropzone .dz-preview.dz-error .dz-error-title {
  top: inherit;
  bottom: 8px;
}

.dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details:before {
  content: "";
  font-family: bb-icons;
  margin-top: 1rem;
  font-weight: 400;
}

.dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-filename {
  margin-top: 10px;
}

.dropzone.video-dropzone .dz-preview.dz-error.dz-complete.dz-file-preview {
  background-color: #f8f8f8;
}

.dropzone.video-dropzone .dz-preview.dz-error.dz-complete.dz-file-preview .dz-remove,
.dropzone.video-dropzone .dz-preview.dz-error.dz-file-preview .dz-remove {
  background-color: transparent;
}

.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details {
  border-color: #ef3e46;
  background-color: transparent;
}

#buddypress .bp-media-document-uploader #bp-media-document-next,
#buddypress .bp-media-document-uploader #bp-media-document-prev,
.dropzone.video-dropzone .dz-preview.dz-error .dz-video-thumbnail,
.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-icon,
.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-size,
.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details:before {
  display: none;
}

.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details:before {
  content: "";
  font-family: bb-icons;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-filename {
  font-size: .75rem;
  color: rgba(18, 43, 70, .5);
  opacity: 1;
  visibility: visible;
  position: absolute;
  bottom: 1rem;
  left: 10px;
  right: 10px;
  width: auto;
}

#buddypress .bp-media-document-uploader .media-uploader-wrapper {
  margin-bottom: 5px;
}

#buddypress .bp-media-document-uploader #bp-media-document-next {
  text-align: center;
}

#buddypress .bp-media-document-uploader #bp-media-document-prev {
  font-size: 1rem;
  float: right;
  margin: 8px 20px 0 0;
  color: #a5a7ab;
}

#buddypress .bp-media-document-uploader .document-uploader-footer {
  display: table;
  width: 100%;
}

#buddypress .bp-media-document-uploader .document-uploader-footer .bb-dropdown-wrap {
  float: left;
  margin-bottom: 0;
}

#buddypress .bp-media-document-uploader .document-uploader-footer .bp-document-open-create-popup-folder {
  display: block;
  margin-bottom: 1rem;
  clear: both;
  text-transform: capitalize;
}

@media screen and (max-width:480px) {
  #buddypress .bp-media-document-uploader .document-uploader-footer {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #buddypress .bp-media-document-uploader .document-uploader-footer .bb-dropdown-wrap {
    width: 100%;
    margin-bottom: 1rem;
  }

  #buddypress .bp-media-document-uploader .document-uploader-footer #bp-media-document-submit,
  #buddypress .bp-media-document-uploader .document-uploader-footer .bb-dropdown-wrap select {
    width: 100%;
  }

  #buddypress .bp-media-document-uploader .document-uploader-footer #bp-media-document-prev {
    text-align: center;
    margin: 10px 0 0;
    width: 100%;
  }

  #buddypress #bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
  #buddypress #bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
  body.groups #buddypress .bp-media-document-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
    margin-bottom: 0;
  }

  #buddypress #bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
  #buddypress #bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
  body.groups #buddypress .bp-media-document-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next {
    display: inline-block !important;
    margin-top: 0;
  }

  ;
}

#buddypress .bp-media-photo-uploader .media-uploader-wrapper {
  margin-bottom: 5px;
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next,
#buddypress .bp-media-photo-uploader #bp-media-prev {
  display: none;
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next {
  text-align: center;
}

#buddypress .bp-media-photo-uploader #bp-media-prev {
  font-size: 1rem;
  float: right;
  margin: 6px 20px 0 0;
  color: #a5a7ab;
}

#buddypress .bp-media-photo-uploader .media-uploader-footer {
  display: table;
  width: 100%;
}

#buddypress .bp-media-photo-uploader .media-uploader-footer .bb-dropdown-wrap {
  float: left;
  margin-bottom: 0;
}

#buddypress .bp-media-photo-uploader .media-uploader-footer .bp-media-open-create-popup-folder {
  display: block;
  margin-bottom: 1rem;
  clear: both;
  text-transform: capitalize;
}

#buddypress .bp-media-document-uploader #bp-media-document-next>i,
#buddypress .bp-media-document-uploader .document-uploader-footer .bp-document-open-create-popup-folder>i,
#buddypress .bp-media-photo-uploader #bp-media-photo-next>i,
#buddypress .bp-media-photo-uploader .media-uploader-footer .bp-media-open-create-popup-folder>i,
#buddypress .bp-video-uploader #bp-video-next>i {
  font-size: 1rem;
  margin-right: 5px;
}

#buddypress .bp-media-photo-uploader .media-uploader-footer #bp-media-submit {
  float: right;
}

@media screen and (max-width:480px) {
  #buddypress .bp-media-photo-uploader .media-uploader-footer {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #buddypress .bp-media-photo-uploader .media-uploader-footer .bb-dropdown-wrap {
    width: 100%;
    margin-bottom: 1rem;
  }

  #buddypress .bp-media-photo-uploader .media-uploader-footer #bp-media-submit,
  #buddypress .bp-media-photo-uploader .media-uploader-footer .bb-dropdown-wrap select {
    width: 100%;
  }

  #buddypress .bp-media-photo-uploader .media-uploader-footer #bp-media-prev {
    text-align: center;
    margin: 10px 0 0;
    width: 100%;
  }

  body.groups #buddypress .bp-media-photo-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
    margin-bottom: 0;
  }

  body.groups #buddypress .bp-media-photo-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next {
    display: inline-block !important;
    margin-top: 0;
  }

  ;
}

#media-folder-document-data-table td img {
  max-width: 40px;
}

div.dropzone .dz-preview {
  min-width: 130px;
}

div.dropzone .dz-preview .dz-error-mark,
div.dropzone .dz-preview .dz-progress,
div.dropzone .dz-preview .dz-success-mark {
  top: 50%;
}

div.dropzone .dz-preview .dz-filename {
  font-size: 1rem;
}

.dz-preview .dz-image {
  height: 130px;
}

.dz-preview .dz-image img {
  max-width: 130px;
  object-fit: cover;
}

#media-stream .document-data-table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e7e9ec;
  padding: 0 0 8px;
}

#media-stream .document-data-table-head .data-head-sort-label,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-audio-wrap,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-helper-text-click,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-preview-wrap,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-text-wrap,
.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .more_text_view {
  display: none;
}

#media-stream .document-data-table-head .data-head {
  font-size: .75rem;
  color: #939597;
}

#media-stream .document-data-table-head .data-head span {
  cursor: pointer;
  user-select: none;
  text-transform: uppercase;
}

#media-stream .document-data-table-head .data-head i {
  font-size: .75rem;
  -webkit-transform: rotate(180deg) translateY(1px);
  -ms-transform: rotate(180deg) translateY(1px);
  transform: rotate(180deg) translateY(1px);
  transition: all ease .3s;
}

#media-stream .document-data-table-head .data-head.asce i {
  -webkit-transform: rotate(0) translateY(-1px);
  -ms-transform: rotate(0) translateY(-1px);
  transform: rotate(0) translateY(-1px);
}

#media-stream .document-data-table-head .data-head-name {
  -ms-flex-preferred-size: calc(60% - 50px);
  flex-basis: calc(60% - 50px);
}

#media-stream .document-data-table-head .data-head-modified,
#media-stream .document-data-table-head .data-head-visibility {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

@media screen and (max-width:540px) {
  #media-stream .document-data-table-head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
  }

  #media-stream .document-data-table-head .data-head-sort-label {
    position: absolute;
    left: 25px;
    font-size: .875rem;
    display: inline-block;
  }

  #media-stream .document-data-table-head .data-head-modified,
  #media-stream .document-data-table-head .data-head-name,
  #media-stream .document-data-table-head .data-head-origin,
  #media-stream .document-data-table-head .data-head-visibility {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    width: auto !important;
    padding-right: 1rem;
  }

  #media-stream .document-data-table-head .data-head-visibility {
    padding-right: 0;
  }

  ;
}

@media screen and (max-width:360px) {
  #media-stream .document-data-table-head:before {
    font-size: .75rem;
  }

  #media-stream .document-data-table-head .data-head-modified,
  #media-stream .document-data-table-head .data-head-name,
  #media-stream .document-data-table-head .data-head-origin,
  #media-stream .document-data-table-head .data-head-visibility {
    padding-right: 7px;
    font-size: 10px;
  }

  #media-stream .document-data-table-head .data-head-modified i,
  #media-stream .document-data-table-head .data-head-name i,
  #media-stream .document-data-table-head .data-head-origin i,
  #media-stream .document-data-table-head .data-head-visibility i {
    font-size: 6px;
    -webkit-transform: rotate(180deg) translateY(2px);
    -ms-transform: rotate(180deg) translateY(2px);
    transform: rotate(180deg) translateY(2px);
  }

  ;
}

#media-folder-document-data-table .pager {
  margin: 20px auto;
  width: 230px;
}

#media-folder-document-data-table .pager a.button.loading:after {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  vertical-align: middle;
}

.activity-item.activity_update .activity-comments .bb-activity-media-elem.document-activity .document-helper-text,
.activity-item.activity_update .activity-comments .document-detail-wrap .document-extension-description {
  max-width: calc(100% - 55px);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-item.activity_update .activity-comments .document-helper-text {
  height: 0;
  overflow: hidden;
  width: 0;
}

.activity-item.activity_update .activity-comments .bb-activity-media-elem.document-activity:hover .document-helper-text {
  height: auto;
  overflow: initial;
  width: auto;
}

.activity-item.activity_update .activity-comments .acomment-content {
  overflow: initial;
}

.bb-document-theater {
  max-width: 1750px;
  width: 90%;
  min-width: auto;
}

.bb-document-theater .bb-media-model-inner {
  overflow: visible;
}

.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .avatar {
  border-radius: 50%;
}

.bb-document-theater .bb-media-model-inner .bb-media-info-section.document .activity-comments li .acomment-content .document-helper-text-inner {
  text-transform: capitalize;
}

.bb-document-theater .bb-media-section {
  height: 90vh;
  overflow: visible;
  align-items: flex-end;
  background-color: var(--mb-base-white);
  border-radius: 4px 4px 4px 5px;
  position: initial;
}

.bb-document-theater .bb-media-section .document-preview {
  width: 100%;
}

.bb-document-theater .bb-media-section.bb-video-preview .document-preview {
  height: 100%;
  background-color: #000;
}

.bb-document-theater .bb-media-section.bb-video-preview .document-preview .video-js {
  height: 100% !important;
  padding: 0;
  border-radius: 4px 0 0 4px;
}

.bb-document-theater .bb-media-section .theater-command {
  justify-content: center;
}

.bb-document-theater .bb-media-section .theater-command.bb-prev-document {
  left: -45px;
  width: 45px;
  padding: 0;
}

[dir=rtl] .bb-document-theater .bb-media-section .theater-command.bb-prev-document {
  left: auto;
  right: -45px;
}

.bb-document-theater .bb-media-section .theater-command.bb-next-document {
  left: auto;
  right: -45px;
  width: 45px;
  padding: 0;
}

[dir=rtl] .bb-document-theater .bb-media-section .theater-command.bb-next-document {
  left: -45px;
  right: auto;
}

.bb-document-theater .bb-media-section.bb-media-no-preview {
  background-color: var(--mb-base-white);
  align-items: center;
  border-radius: 4px;
}

.bb-document-theater .bb-media-section.bb-media-no-preview .bb-icon-loader {
  font-size: 20px;
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section {
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section>i {
  font-size: 60px;
  margin-bottom: 10px;
  color: #9ca8b4;
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section>p {
  font-size: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px;
  margin-bottom: 0;
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section a.download-button {
  display: block;
  color: #5087e5;
}

.bb-document-theater .bb-media-section .img-section,
.bb-document-theater .bb-media-section .img-section .img-block-wrap {
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: auto;
}

.bb-document-theater .bb-media-section .img-section {
  background-color: var(--mb-base-white);
  border-radius: 4px 4px 4px 4px;
}

.bb-document-theater .bb-media-section .img-section .img-block-wrap {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  z-index: 1;
  padding-top: 40px;
}

.bb-document-theater .bb-media-section .img-section img {
  padding: 20px;
  max-height: calc(90vh - 40px);
}

.bb-document-theater .bb-media-section .img-section a.download-button {
  line-height: normal;
}

.bb-document-theater .bb-media-section .document-text {
  width: 100%;
  border-radius: 0 0 0 4px;
}

.bb-document-theater .bb-media-section .document-audio,
.bb-document-theater .bb-media-section .document-video {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0 1rem;
  align-items: center;
  justify-content: center;
  background-color: var(--mb-base-white);
  border-radius: 4px;
}

.bb-document-theater .bb-media-section .document-audio audio,
.bb-document-theater .bb-media-section .document-video audio {
  outline: 0;
  min-width: 80%;
}

.bb-document-theater .bb-media-section h3 {
  background-color: var(--mb-base-white);
  display: block;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  right: 375px;
  text-align: center;
  border-bottom: 1px solid #ecedee;
  font-size: 1rem;
  border-radius: 4px 4px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 11;
}

.bb-document-theater .bb-media-info-section.document {
  position: relative;
  z-index: 11;
  background-color: var(--mb-base-white);
  border-left: 1px solid #ecedee;
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
  max-height: 90vh;
}

.bb-document-theater .document-text-file-data-hidden {
  display: none;
}

.bb-document-theater .CodeMirror {
  height: calc(90vh - 40px);
  border-top: 1px solid #ecedee;
  border-radius: 0 0 0 4px;
}

@media screen and (min-width:1025px) {
  .bb-document-theater .bb-media-section {
    border-right: 1px solid #ecedee;
  }

  ;
}

.bb-document-theater .bb-media-info-section .bb-icon-loader {
  font-size: 20px;
}

#media-folder-document-data-table .media-folder_items,
.search-document-list .media-folder_items {
  margin: 0;
  border-bottom: 1px solid #e7e9ec;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#media-folder-document-data-table .media-folder_items:last-child,
.search-document-list .media-folder_items:last-child {
  border-bottom: 0;
}

#media-folder-document-data-table .media-folder_items.is-visible,
.search-document-list .media-folder_items.is-visible {
  z-index: 1;
}

#media-folder-document-data-table .media-folder_items.is-visible .media-folder_actions .media-folder_action__list,
.search-document-list .media-folder_items.is-visible .media-folder_actions .media-folder_action__list {
  display: block;
  z-index: 1122;
}

#media-folder-document-data-table .media-folder_items .media-folder_icon {
  width: 52px;
  padding-left: 10px;
}

#media-folder-document-data-table .media-folder_items .media-folder_icon>a i {
  font-size: 30px;
  color: #9ca8b4;
  margin-top: 5px;
}

#media-folder-document-data-table .media-folder_items .media-folder_modified,
#media-folder-document-data-table .media-folder_items .media-folder_visibility {
  width: 20%;
}

#media-folder-document-data-table .media-folder_items .media-folder_details {
  width: calc(60% - 98px);
}

#media-folder-document-data-table .media-folder_items .media-folder_details,
.search-document-list .media-folder_items .media-folder_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name {
  color: #122b46;
  font-size: .875rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-document-list .media-folder_items .media-folder_details .media-folder_name {
  color: #122b46;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name>span,
.search-document-list .media-folder_items .media-folder_details .media-folder_name>span {
  max-width: calc(80% - 30px);
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap {
  display: none;
  padding-right: 5px;
  position: relative;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting {
  padding-right: 30px;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting .bb-icon-loader,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap.submitting .bb-icon-loader {
  position: absolute;
  right: 1rem;
  top: 9px;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap>a,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap>a {
  margin: 5px 0;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit_wrap .error-box,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit_wrap .error-box {
  display: none;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit {
  height: 32px;
  width: 90%;
  margin: 0 8px 0 0;
}

#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name_edit.error+.error-box,
.search-document-list .media-folder_items .media-folder_details .media-folder_name_edit.error+.error-box {
  display: block;
  margin-top: 5px;
  color: red;
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom {
  display: block;
  font-size: .875rem;
  color: #4d5c6d;
}

.search-document-list .media-folder_items .media-folder_details__bottom {
  display: block;
  font-size: .875rem;
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom #bb-folder-privacy,
.search-document-list .media-folder_items .media-folder_details__bottom #bb-folder-privacy {
  max-width: 100%;
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_date {
  color: #9b9c9f;
  background-color: transparent;
  display: inline-block;
  font-size: .8125rem;
  vertical-align: middle;
}

.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_date {
  display: inline-block;
  vertical-align: middle;
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author {
  display: block;
  font-size: .75rem;
  color: #939597;
}

.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author {
  font-size: .75rem;
  color: #939597;
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author a,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a {
  color: #939597;
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author a:hover,
#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group a:hover,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a:hover {
  color: #5087e5;
}

#bp-media-create-child-folder #bb-folder-location,
#bp-media-create-folder #bb-folder-location,
#bp-media-edit-child-folder #bb-folder-location,
#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .hide,
.search-document-list .media-folder_items .media-folder_details__bottom .hide {
  display: none;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions,
.search-document-list .media-folder_items .media-folder_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 55px;
  position: relative;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__anchor i,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__anchor i {
  font-size: 19px;
  color: #939597;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list {
  position: absolute;
  top: 30px;
  right: 0;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 198px;
  display: none;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list:after,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  margin: 0 auto;
  right: 24px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 101;
  opacity: 1;
  visibility: visible;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul {
  list-style: none;
  margin: 5px 0;
  padding: 0;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a {
  padding: 10px .875rem;
  display: flex;
  align-items: center;
  font-size: .875rem;
  color: #7f868f;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover {
  background-color: #f5f5f5;
  color: #5087e5;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:before {
  font-family: bb-icons;
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.rename_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.rename_file a:before {
  content: "";
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file.disabled-move a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file.disabled-move a {
  pointer-events: none;
  opacity: .7;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.move_file a:before {
  content: "";
  font-family: bb-icons;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.delete_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.delete_file a:before {
  content: "";
  font-family: bb-icons;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a {
  background-color: transparent;
  text-align: left;
  box-shadow: none;
  border-radius: 0;
  min-height: auto;
  font-weight: 400;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:before {
  content: "";
  font-family: bb-icons;
  font-size: 1rem;
  vertical-align: middle;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:hover,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a:hover {
  background-color: #f5f5f5;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content {
  opacity: .8 !important;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.report-content,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.report-content,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.report_file a.reported-content {
  border: 0;
  -webkit-font-smoothing: auto;
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.download_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.download_file a:before {
  font-family: bb-icons;
  content: "";
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.copy_download_file_url a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.copy_download_file_url a:before {
  font-family: bb-icons;
  content: "";
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li.privacy_file a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li.privacy_file a:before {
  font-family: bb-icons;
  content: "";
}

@media screen and (max-width:540px) {

  #media-folder-document-data-table .media-folder_items,
  .search-document-list .media-folder_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_icon,
  .search-document-list .media-folder_items .media-folder_icon {
    flex-basis: auto;
    padding-left: 0;
    margin-bottom: 5px;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_icon img,
  .search-document-list .media-folder_items .media-folder_icon img {
    width: 100%;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_details,
  #media-folder-document-data-table .media-folder_items .media-folder_group,
  #media-folder-document-data-table .media-folder_items .media-folder_visibility,
  .search-document-list .media-folder_items .media-folder_details,
  .search-document-list .media-folder_items .media-folder_group,
  .search-document-list .media-folder_items .media-folder_visibility {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_modified,
  .search-document-list .media-folder_items .media-folder_modified {
    margin-bottom: 5px;
    width: 100%;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_actions,
  .search-document-list .media-folder_items .media-folder_actions {
    position: absolute;
    right: 0;
    top: 19px;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list,
  .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list {
    right: .875rem;
  }

  #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list:after,
  .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list:after {
    left: inherit;
    right: 9px;
  }

  ;
}

#media-folder-document-data-table .media-folder_items:last-child .media-folder_action__list,
.search-document-list .media-folder_items:last-child .media-folder_action__list {
  top: initial;
  bottom: 33px;
}

#media-folder-document-data-table .media-folder_items:last-child .media-folder_action__list:after,
.search-document-list .media-folder_items:last-child .media-folder_action__list:after {
  top: inherit;
  bottom: -.75rem;
  right: 7px;
  -webkit-transform: rotate(137deg);
  -ms-transform: rotate(137deg);
  transform: rotate(137deg);
}

@media screen and (max-width:540px) {

  #media-folder-document-data-table .media-folder_items:last-child .media-folder_action__list,
  .search-document-list .media-folder_items:last-child .media-folder_action__list {
    bottom: 30px;
    right: -1px;
  }

  ;
}

.search-document-list .media-folder_items {
  display: block;
}

.search-document-list .media-folder_items .media-folder_icon {
  float: left;
  margin-right: 1rem;
  padding-left: 0;
  width: auto;
}

.search-document-list .media-folder_items .media-folder_icon>a i {
  align-items: center;
  background-color: #f2f4f5;
  border-radius: 50%;
  color: #9b9c9f;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  height: 48px;
  justify-content: center;
  margin-top: 0;
  width: 48px;
}

.search-document-list .media-folder_items .media-folder_details .media-folder_name {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.4;
}

.search-document-list .media-folder_items .media-folder_modified,
.search-document-list .media-folder_items .media-folder_visibility {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.search-document-list .media-folder_items .middot {
  font-size: 20px;
  margin: 0 5px;
}

.search-document-list .media-folder_items .media-folder_details__bottom,
.search-document-list .media-folder_items .media-folder_group a {
  color: #9b9c9f;
}

.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author {
  display: inline-block;
  vertical-align: middle;
}

.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a,
.search-media-list .media-album_modified .media-album_details__bottom .media-album_author a,
.search-video-list .media-album_modified .media-album_details__bottom .media-album_author a {
  display: inline-block;
}

.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_date {
  color: #9b9c9f;
  background-color: transparent;
  font-size: .8125rem;
  line-height: 1.1875;
}

.search-media-list .item,
.search-video-list .item {
  width: 100%;
}

.search-media-list .media-album_items,
.search-video-list .media-album_items {
  display: block;
  width: 100%;
}

.search-media-list .media-album_thumb,
.search-video-list .media-album_thumb {
  float: left;
  padding: 0 1rem 0 0;
  width: auto;
}

.search-media-list .media-album_thumb img,
.search-video-list .media-album_thumb img {
  border-radius: 50px !important;
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.search-media-list .media-album_thumb .item-avatar,
.search-video-list .media-album_thumb .item-avatar {
  margin-right: 0;
}

.search-media-list .media-album_details,
.search-video-list .media-album_details {
  width: calc(100% - 63px);
  float: right;
  margin-top: 5px;
}

.search-media-list .media-album_details .media-album_name,
.search-video-list .media-album_details .media-album_name {
  color: #122b46;
  display: block;
  font-size: .875rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-media-list .media-album_details .media-photo_count,
.search-video-list .media-album_details .media-photo_count {
  color: #939597;
  font-size: .75rem;
  display: block;
  margin-top: 4px;
}

.search-media-list .media-photo_count,
.search-video-list .media-photo_count {
  display: inline-block;
  font-size: .75rem;
  color: #4d5c6d;
}

.search-media-list .media-album_modified,
.search-video-list .media-album_modified {
  display: inline-block;
  width: auto;
}

.search-media-list .media-album_modified .media-album_details__bottom,
.search-video-list .media-album_modified .media-album_details__bottom {
  display: block;
  font-size: .75rem;
  color: #4d5c6d;
}

.search-media-list .media-album_modified .media-album_details__bottom .media-album_date,
.search-video-list .media-album_modified .media-album_details__bottom .media-album_date {
  background-color: transparent;
  color: #9b9c9f;
  display: inline-block;
  font-size: .8125rem;
  vertical-align: middle;
}

.search-media-list .media-album_modified .media-album_details__bottom .media-album_author,
.search-video-list .media-album_modified .media-album_details__bottom .media-album_author {
  display: inline-block;
  vertical-align: middle;
}

.search-media-list .media-album_group,
.search-media-list .media-album_visibility,
.search-video-list .media-album_group,
.search-video-list .media-album_visibility {
  color: #9b9c9f;
  display: inline-block;
  vertical-align: middle;
  font-size: .8125rem;
  width: auto;
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group a,
.search-media-list .media-album_group_name a,
.search-video-list .media-album_group_name a {
  color: #4d5c6d;
}

.search-media-list .media-album_status,
.search-video-list .media-album_status {
  display: block;
  font-size: .75rem;
  color: #939597;
}

.search-media-list .middot,
.search-video-list .middot {
  display: inline-block;
  margin: 0 6px;
  font-size: 17px;
  vertical-align: middle;
}

.search-document-list .item {
  width: 100%;
}

.search-document-list .media-folder_items {
  width: 100%;
  padding: 0;
}

.search-document-list .media-folder_items .media-folder_details {
  display: inline-block;
  float: right;
  width: calc(100% - 64px);
}

.search-document-list .media-folder_items .media-folder_group {
  display: inline-block;
  width: auto;
}

body.search-results .search_results .search-media-list .media-album_thumb img,
body.search-results .search_results .search-video-list .media-album_thumb img {
  border-radius: 3px !important;
  display: inline-block;
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
  object-fit: cover;
  overflow: hidden;
}

body.search-results .search_results .search-media-list .media-album_details,
body.search-results .search_results .search-video-list .media-album_details {
  margin-top: 22px;
  width: calc(100% - 106px);
}

body.search-results .search_results .search-document-list .media-folder_items .media-folder_icon>a i {
  font-size: 28px;
  border-radius: 3px;
  height: 90px;
  width: 90px;
}

body.search-results .search_results .search-document-list .media-folder_items .media-folder_details {
  margin-top: 20px;
  width: calc(100% - 106px);
  line-height: 1;
}

body.search-results .search_results .search-document-list .media-folder_items .middot,
body.search-results .search_results .search-media-list .media-album_thumb .middot,
body.search-results .search_results .search-video-list .media-album_thumb .middot {
  display: inline-block;
  margin: 0 6px;
  font-size: 17px;
  vertical-align: middle;
}

@media screen and (max-width:540px) {
  .bp-search-ac .search-document-list .media-folder_items .media-folder_details {
    width: calc(100% - 64px) !important;
  }

  .bp-search-ac .search-document-list .media-folder_items .media-folder_visibility {
    flex-basis: initial !important;
    width: auto !important;
  }

  ;
}

body.search-results.bb-template-v2 .search_results .media-album_thumb img {
  border-radius: 1rem !important;
}

body.search-results.bb-template-v2 .search_results .search-document-list .media-folder_items .media-folder_icon>a i {
  border-radius: 1rem;
}

.document-type-navs.main-navs {
  border-bottom: 1px solid #e7e9ec;
}

#media-stream.document-parent.group-column .document-data-table-head .data-head-name {
  -ms-flex-preferred-size: calc(40% - 50px);
  flex-basis: calc(40% - 50px);
}

#media-stream.document-parent.group-column .document-data-table-head .data-head-origin {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_details {
  width: calc(40% - 100px);
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group {
  width: 20%;
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_status {
  display: block;
  font-size: .75rem;
  color: #939597;
}

.bp-media-header-wrap h2 {
  float: left;
}

.bp-media-header-wrap .bb-media-actions-wrap {
  float: right;
  margin-left: 10px;
}

.bp-media-header-wrap .bb-media-actions-wrap .bb-media-actions a i {
  margin: 0 .5rem 0 0;
  font-size: 1.5rem;
}

@media screen and (max-width:1440px) {
  .bp-media-header-wrap h2 {
    width: 100%;
  }

  ;
}

@media screen and (max-width:1220px) {

  .bp-media-header-wrap .bb-media-actions-wrap,
  .bp-media-header-wrap .media-search-form {
    width: 100%;
    margin-bottom: 10px !important;
  }

  .bp-media-header-wrap .bb-media-actions-wrap input[type=text],
  .bp-media-header-wrap .media-search-form input[type=text] {
    width: 100% !important;
  }

  .bp-media-header-wrap .bb-media-actions-wrap .bb-media-actions,
  .bp-media-header-wrap .bb-media-actions-wrap a.button,
  .bp-media-header-wrap .media-search-form .bb-media-actions,
  .bp-media-header-wrap .media-search-form a.button {
    width: 100%;
  }

  ;
}

@media screen and (max-width:782px) {
  .bp-media-header-wrap h2 {
    float: none;
  }

  .bp-media-header-wrap .bb-media-actions-wrap {
    float: right;
  }

  ;
}

@media screen and (max-width:640px) {
  .bp-media-header-wrap .bb-media-actions-wrap {
    float: none;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .bp-media-header-wrap .bb-media-actions-wrap .bb-media-actions a {
    width: 100%;
  }

  ;
}

.bp-media-header-wrap .media-search-form {
  background-color: var(--mb-base-white);
  border: 1px solid #dedfe2;
  border-radius: 100px;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.bp-media-header-wrap .media-search-form input[type=text] {
  background: 0 0;
  border-radius: 100px;
  border: 0;
  height: 34px;
  width: 21rem;
  font-size: .875rem;
  padding: 0 30px 0 35px;
}

.bp-media-header-wrap .media-search-form:after {
  content: "";
  font-family: bb-icons;
  display: inline-block;
  color: #4d5c6d;
  opacity: .4;
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 1rem;
}

.bp-document-listing {
  display: flex;
}

.bp-document-listing .media-search-form {
  float: right;
}

.bp-document-listing .media-search-form .bp-dir-search-form {
  border: 0;
}

.bp-document-listing .media-search-form .bp-dir-search-form .nouveau-search-submit {
  display: none;
  width: auto;
  padding: 4px;
  height: auto;
  z-index: 112;
  opacity: 0;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .bp-dir-search-form #group-document-search,
.bp-document-listing .media-search-form .bp-dir-search-form #group-document-search {
  background-image: none;
  padding: 6px 10px 6px 32px;
  height: auto;
  font-size: .875rem;
}

#bp-media-create-child-folder .bb-dropdown-wrap select,
#bp-media-create-folder .bb-dropdown-wrap select,
#bp-media-edit-child-folder .bb-dropdown-wrap select,
.bp-document-listing .bp-media-header-wrap,
.popup-on-fly-create-album .bb-field-wrap .bb-dropdown-wrap select,
.popup-on-fly-create-folder .bb-field-wrap .bb-dropdown-wrap select {
  width: 100%;
}

.bp-document-listing .bp-media-header-wrap .bb-title {
  width: auto;
  color: var(--mb-gray-900);
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-media-actions {
  width: 75%;
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  text-align: right;
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-media-actions .media-search-form .nouveau-search-submit {
  width: auto;
  padding: 4px;
  height: auto;
  z-index: 112;
}

body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-single-album-header {
  width: 25%;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

@media screen and (max-width:1120px) {
  .bp-media-header-wrap .media-search-form {
    width: 100%;
    margin: 5px 0;
  }

  .bp-media-header-wrap .media-search-form input[type=text] {
    width: 100%;
  }

  .bp-media-header-wrap .album-actions-wrap,
  .bp-media-header-wrap .bb-media-actions-wrap {
    margin: 5px 0 !important;
  }

  ;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
  padding: 0;
  width: 30%;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header .bb-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  padding-top: 5px;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions {
  width: 70%;
  -webkit-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  text-align: right;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a {
  margin-left: 10px;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a>i {
  margin-right: 6px;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>select {
  margin-left: 10px;
  height: 34px;
  font-size: .875rem;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions :not(.button) {
  text-align: left;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .dropzone * {
  text-align: center;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .bp-dir-search-form {
  border: 0;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .bp-dir-search-form .nouveau-search-submit {
  opacity: 0;
}

@media screen and (max-width:1480px) {
  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
    webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
    margin-bottom: 10px;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions,
  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
    width: 100%;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 100%;
  }

  ;
}

@media screen and (max-width:1220px) {
  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .media-folder_items {
    position: absolute;
    right: 0;
    top: 3px;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a {
    width: 100%;
    margin: 0 0 10px;
  }

  body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-media-actions,
  body.document #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner .bb-single-album-header {
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  ;
}

#bp-media-single-folder .bp-media-header-wrap {
  display: inline-block;
  width: 100%;
  width: calc(100% + 40px);
  margin: 0-20px;
  padding: 0 20px 1rem;
}

#bp-media-single-folder .bp-media-header-wrap .bp-media-header-wrap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb {
  list-style: none;
  margin: 10px 0 0;
  text-align: left;
  padding: 0;
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li {
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
  color: #939597;
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:after {
  content: "";
  font-family: dashicons;
  vertical-align: middle;
  font-size: 1rem;
  margin-right: 6px;
  margin-left: 6px;
  color: inherit;
  float: right;
}

[dir=rtl] #bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:after {
  content: "";
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:last-child a {
  color: #393e41;
  font-weight: 600;
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li:last-child:after {
  display: none;
}

#bp-media-single-folder .bp-media-header-wrap .document-breadcrumb li a {
  color: #939597;
  font-weight: 400;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items {
  display: inline-block;
  position: relative;
  text-align: left;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__anchor {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__anchor i {
  font-size: 19px;
  margin-top: 5px;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list {
  position: absolute;
  top: 33px;
  right: -20px;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 168px;
  z-index: 1;
  display: none;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  margin: 0 auto;
  right: 27px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 101;
  opacity: 1;
  visibility: visible;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder {
  display: inline-block;
  width: 100%;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder input {
  width: calc(100% - 20px);
  margin: 0 10px;
  padding: 3px 7px;
  height: 34px;
  font-size: .875rem;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder #bp-save-folder-title {
  float: right;
  margin: 5px 10px 0 0;
  width: calc(50% - 10px);
  text-align: center;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li .media-edit-folder #bp-cancel-edit-album-title {
  float: left;
  margin: 5px 0 0 10px;
  text-align: center;
  width: calc(50% - 10px);
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a:hover {
  background-color: #f5f5f5;
  color: #5087e5;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a i:before {
  font-family: bb-icons;
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  text-align: center !important;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items.is-visible .media-folder_action__list {
  display: block;
  z-index: 112;
}

@media screen and (max-width:1120px) {
  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bp-media-header-wrap-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header {
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions {
    float: left;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 25px;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>select {
    float: right;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions .media-folder_items {
    position: absolute;
    right: 0;
    top: 3px;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a {
    margin-left: 0;
    margin-right: 10px;
  }

  ;
}

@media screen and (max-width:640px) {
  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions {
    padding-right: 0;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>a,
  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>select {
    width: 100%;
    margin: 5px 0;
  }

  #bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-single-album-header .bb-title {
    padding-right: 25px;
  }

  ;
}

#bp-media-create-child-folder .bb-model-footer,
#bp-media-create-folder .bb-model-footer,
#bp-media-edit-child-folder .bb-model-footer {
  text-align: right !important;
}

#bp-media-create-folder .error-box,
.modal-container .error-box {
  display: none;
  margin-top: 5px;
}

#bp-media-create-folder #bb-album-child-title.error+.error-box,
#bp-media-create-folder #bb-album-title.error+.error-box,
.modal-container #bb-album-child-title.error+.error-box,
.modal-container #bb-album-title.error+.error-box {
  display: block;
}

#bp-video-uploader .modal-container .bb-model-footer a.loading,
#bp-video-uploader .modal-container .bb-model-footer a.saving,
.db-modal-buttons .button.loading,
.modal-container.has-folderlocationUI .bb-model-footer a.loading,
.modal-container.has-folderlocationUI .bb-model-footer a.saving {
  pointer-events: none;
}

#bp-video-uploader .modal-container .bb-model-footer a.loading:after,
#bp-video-uploader .modal-container .bb-model-footer a.saving:after,
.db-modal-buttons .button.loading:after,
.modal-container.has-folderlocationUI .bb-model-footer a.loading:after,
.modal-container.has-folderlocationUI .bb-model-footer a.saving:after {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}

#bp-video-uploader .modal-container .bb-model-footer a.is-disabled,
.modal-container.has-folderlocationUI .bb-model-footer a.is-disabled {
  pointer-events: none;
  opacity: .5;
}

.bp-media-move-file.move-folder-popup-group .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .breadcrumb .item,
.bp-media-move-folder.move-folder-popup-group .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .breadcrumb .item,
.bp-video-move-file.move-folder-popup-group .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .breadcrumb .item {
  padding: 2px 0 22px;
}

.bp-media-move-file .bb-model-footer,
.bp-media-move-folder .bb-model-footer,
.bp-video-move-file .bb-model-footer {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.bp-media-move-file .bb-model-footer a,
.bp-media-move-file .close-create-popup-album,
.bp-media-move-folder .bb-model-footer a,
.bp-media-move-folder .close-create-popup-album,
.bp-video-move-file .bb-model-footer a,
.bp-video-move-file .close-create-popup-album {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}

.bp-media-move-file .bb-model-footer a:last-child,
.bp-media-move-folder .bb-model-footer a:last-child,
.bp-video-move-file .bb-model-footer a:last-child {
  margin-right: 0;
}

.bp-media-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
.bp-media-move-file .bb-model-footer a.bp-media-open-create-popup-folder,
.bp-media-move-file .bb-model-footer a.bp-video-open-create-popup-album,
.bp-media-move-folder .bb-model-footer a.bp-document-open-create-popup-folder,
.bp-media-move-folder .bb-model-footer a.bp-media-open-create-popup-folder,
.bp-media-move-folder .bb-model-footer a.bp-video-open-create-popup-album,
.bp-video-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
.bp-video-move-file .bb-model-footer a.bp-media-open-create-popup-folder,
.bp-video-move-file .bb-model-footer a.bp-video-open-create-popup-album {
  float: left;
  margin-top: 7px;
  text-transform: capitalize;
}

.bp-media-move-file .bb-model-header p,
.bp-media-move-folder .bb-model-header p,
.bp-media-photo-uploader .bb-model-header p,
.bp-video-move-file .bb-model-header p,
.bp-video-uploader .bb-model-header p {
  font-size: 17px;
  font-weight: 700;
  margin: 0;
}

@media screen and (max-width:520px) {

  .bp-media-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
  .bp-media-move-file .bb-model-footer a.bp-media-open-create-popup-folder,
  .bp-media-move-folder .bb-model-footer a.bp-document-open-create-popup-folder,
  .bp-media-move-folder .bb-model-footer a.bp-media-open-create-popup-folder,
  .bp-video-move-file .bb-model-footer a.bp-document-open-create-popup-folder,
  .bp-video-move-file .bb-model-footer a.bp-media-open-create-popup-folder {
    display: block;
    float: none;
    margin: 0 0 1rem;
    text-align: left;
  }

  ;
}

.bb-model-footer a.ac-document-close-button,
.bb-model-footer a.ac-folder-close-button,
.bb-model-footer a.ac-video-close-button,
.bp-media-move-file .ac-media-close-button,
.bp-media-move-file .close-create-popup-album,
.bp-media-move-folder .ac-media-close-button,
.bp-media-move-folder .close-create-popup-album,
.bp-video-move-file .ac-media-close-button,
.bp-video-move-file .close-create-popup-album {
  color: #a5a7ab;
}

.bp-media-photo-uploader .close-create-popup-album,
.bp-video-uploader .close-create-popup-album {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
  color: #a5a7ab;
}

.bp-media-document-uploader .bb-model-header>p {
  font-weight: 700;
  margin: 0;
}

.db-modal-buttons {
  text-align: right !important;
  margin-top: 20px;
}

.db-modal-buttons .close-create-popup-folder {
  color: #a5a7ab;
  margin-right: 20px;
  font-size: .875rem;
}

.db-modal-buttons .button {
  min-width: 130px;
}

.has-folderlocationUI .bb-field-wrap-search {
  position: relative;
}

.has-folderlocationUI .bb-field-wrap-search:after {
  content: "";
  font-family: bb-icons;
  display: inline-block;
  color: #4d5c6d;
  opacity: .4;
  position: absolute;
  left: .75rem;
  bottom: .75rem;
  font-size: 1rem;
}

.has-folderlocationUI .bb-field-wrap-search .ac_document_search_folder {
  border-radius: 30px;
  padding-left: 35px;
}

.location-album-list-wrap-main .bb-album-destination,
.location-album-list-wrap-main .bb-folder-destination,
.location-folder-list-wrap-main .bb-album-destination,
.location-folder-list-wrap-main .bb-folder-destination {
  cursor: pointer;
}

.location-album-list-wrap-main .no-album-exists,
.location-album-list-wrap-main .no-folder-exists,
.location-folder-list-wrap-main .no-album-exists,
.location-folder-list-wrap-main .no-folder-exists {
  margin: 20px 0 0;
  display: block;
}

.location-album-list-wrap-main .ac_document_search_folder_list h4,
.location-album-list-wrap-main .location-album-list-wrap h4,
.location-album-list-wrap-main .location-folder-list-wrap h4,
.location-folder-list-wrap-main .ac_document_search_folder_list h4,
.location-folder-list-wrap-main .location-album-list-wrap h4,
.location-folder-list-wrap-main .location-folder-list-wrap h4 {
  margin: 1rem 0 0 !important;
  font-size: 17px;
  font-weight: 700;
}

.location-album-list-wrap-main .ac_document_search_folder_list.has-error,
.location-album-list-wrap-main .location-album-list-wrap.has-error,
.location-album-list-wrap-main .location-folder-list-wrap.has-error,
.location-folder-list-wrap-main .ac_document_search_folder_list.has-error,
.location-folder-list-wrap-main .location-album-list-wrap.has-error,
.location-folder-list-wrap-main .location-folder-list-wrap.has-error {
  border-color: red;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item {
  padding: 8px 0;
  display: inline-block;
  vertical-align: middle;
  font-size: .75rem;
  white-space: nowrap;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:before {
  content: "";
  float: left;
  margin-top: 4px;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span {
  display: inline-block !important;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

@media screen and (max-width:520px) {

  .location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
  .location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
  .location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span,
  .location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span,
  .location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span,
  .location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span {
    max-width: 120px;
  }

  ;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover {
  text-decoration: underline;
  cursor: pointer;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:first-child:before,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:first-child:before,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:first-child:before {
  display: none;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span.hidden,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span.hidden,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span.hidden,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span.hidden,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span.hidden,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span.hidden {
  display: none !important;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-back,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-back,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-back,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-back,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-back,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-back {
  display: none;
  cursor: pointer;
  vertical-align: middle;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-back i,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-back i,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-back i,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-back i,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-back i,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-back i {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  height: 26px;
  line-height: 26px;
  width: 1rem;
  user-select: none;
  color: #939597;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list {
  overflow: auto;
  max-height: 230px;
  min-height: 230px;
  list-style: none;
  margin: 0;
  background-color: var(--mb-base-white);
  border: 1px solid #e7e9ec;
  border-radius: 4px;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list.is-loading,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list.is-loading,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list.is-loading .bb-icon-loader,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list.is-loading .bb-icon-loader {
  font-size: 20px;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list.has-error,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list.has-error,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list.has-error,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list.has-error,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list.has-error,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list.has-error,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list.has-error,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list.has-error,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list.has-error,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list.has-error,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list.has-error,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list.has-error {
  border-color: red;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li {
  position: relative;
  margin: 0;
  padding: 0;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li:first-child,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li:first-child,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li:first-child,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li:first-child,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li:first-child,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li:first-child,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li:first-child,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li:first-child,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li:first-child,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li:first-child,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li:first-child,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li:first-child {
  margin-top: 0;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li.is-disabled,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li.is-disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li.is-disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li.is-disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li.is-disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li.is-disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li.is-disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li.is-disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li.is-disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li.is-disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li.is-disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li.is-disabled {
  cursor: auto;
  opacity: .5;
  pointer-events: none;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span {
  padding: 8px 1rem;
  border-bottom: 1px solid #e7e9ec;
  display: block;
  cursor: pointer;
  font-size: .875rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before {
  content: "";
  font-family: bb-icons;
  color: #939597;
  margin-right: .75rem;
  font-size: 1rem;
}

.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:before {
  color: #939597;
  margin-right: .75rem;
  font-size: 1rem;
}

.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before {
  content: "";
  font-family: bb-icons;
  color: #939597;
  margin-right: .75rem;
  font-size: 1rem;
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:before {
  float: left;
  margin-left: 0;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:hover,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:hover,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover {
  background-color: #fbfbfc;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.selected,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.selected,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.selected,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.selected,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.selected,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.selected,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.selected {
  background-color: #f7fafe;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span.disabled,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span.disabled,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span.disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span.disabled,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span.disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span.disabled,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span.disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span.disabled,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span.disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span.disabled,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span.disabled {
  pointer-events: none;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor {
  position: absolute;
  right: 5px;
  top: 50%;
  font-size: 34px;
  cursor: pointer;
  transform: translateY(-50%);
  display: inline-block;
  height: auto;
  width: auto;
  transition: all ease .3s;
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor {
  right: initial;
  left: 5px;
}

[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li .sub-menu-anchor:before,
[dir=rtl] .location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li .sub-menu-anchor:before {
  content: "";
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li ul,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li ul,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li ul,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li ul,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li ul,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li ul,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li ul,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li ul,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li ul,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li ul,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li ul,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li:last-child>span,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li:last-child>span,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li:last-child>span,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li:last-child>span,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li:last-child>span,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li:last-child>span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li:last-child>span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li:last-child>span,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li:last-child>span,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li:last-child>span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li:last-child>span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li:last-child>span {
  border-bottom: 0;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar {
  width: 5px;
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list::-webkit-scrollbar-thumb,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list::-webkit-scrollbar-thumb {
  background-color: #a4acb4;
  border-radius: 10px;
}

.location-album-list-wrap-main.is-mobile .location-folder-list-wrap .location-folder-list li .sub-menu-anchor,
.location-folder-list-wrap-main.is-mobile .location-folder-list-wrap .location-folder-list li .sub-menu-anchor {
  visibility: visible;
  opacity: 1;
}

.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:before {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
}

.modal-container .bb-field-steps {
  display: none;
}

.modal-container .bb-field-steps.bb-field-steps-1 {
  display: block;
}

#bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
#bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content,
body.groups .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
  margin-bottom: -55px;
}

#bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
#bp-media-single-album .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next,
#bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
#bp-media-single-folder .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next,
body.groups .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-document-next,
body.groups .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-media-photo-next {
  display: inline-block !important;
  margin-top: 1rem;
}

.modal-container .bb-field-steps #bp-media-create-child-folder-submit,
.modal-container .bb-field-steps #bp-media-create-folder-submit,
.modal-container .bb-field-steps #bp-media-edit-child-folder-submit,
.modal-container .bb-field-steps .bb-field-steps-next {
  min-width: 100px;
  float: right;
}

.modal-container .bb-field-steps .bb-field-steps-previous {
  float: left;
}

@media screen and (max-width:420px) {

  .modal-container .bb-field-steps #bp-media-create-folder-submit,
  .modal-container .bb-field-steps .bb-field-steps-previous {
    float: none;
    width: 100% !important;
    margin-bottom: 10px;
  }

  .bp-media-document-uploader .bb-model-footer {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .bp-media-document-uploader .bb-model-footer>a {
    width: 100% !important;
    margin-bottom: 10px;
  }

  ;
}

.directory.document .document-options,
.directory.media .media-options,
.directory.video .video-options {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form:before,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form:before,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form:before {
  top: 7px;
}

.directory.document .document-options #dir-document-search,
.directory.media .media-options #dir-media-search,
.directory.video .video-options #dir-video-search {
  border: 0;
  background-color: transparent;
  padding-left: 32px;
  font-size: .875rem;
  height: 39px;
}

.directory.document .entry-header .entry-title,
.directory.media .entry-header .entry-title,
.directory.video .entry-header .entry-title {
  text-align: left;
}

.directory.document .document-options a.button>i,
.directory.media .media-options a.button>i,
.directory.video .video-options a.button>i {
  margin-right: 7px;
  font-size: 18px;
}

.directory.document .document-options>*,
.directory.media .media-options>*,
.directory.video .video-options>* {
  margin-left: 6px;
}

@media screen and (max-width:1024px) {

  .directory.document .document-options,
  .directory.media .media-options,
  .directory.video .video-options {
    position: static;
    margin: 0;
  }

  .directory.document .document-options>*,
  .directory.media .media-options>*,
  .directory.video .video-options>* {
    margin-bottom: 1rem;
    width: 100% !important;
  }

  .directory.document .document-options .subnav-filters .subnav-search,
  .directory.document .document-options .subnav-filters .subnav-search .bp-search,
  .directory.document .document-options .subnav-filters .subnav-search .bp-search .bp-dir-search-form,
  .directory.media .media-options .subnav-filters .subnav-search,
  .directory.media .media-options .subnav-filters .subnav-search .bp-search,
  .directory.media .media-options .subnav-filters .subnav-search .bp-search .bp-dir-search-form,
  .directory.video .video-options .subnav-filters .subnav-search,
  .directory.video .video-options .subnav-filters .subnav-search .bp-search,
  .directory.video .video-options .subnav-filters .subnav-search .bp-search .bp-dir-search-form {
    width: 100%;
  }

  ;
}

.directory.document .document-options .subnav-filters,
.directory.media .media-options .subnav-filters,
.directory.video .video-options .subnav-filters {
  display: inline-block;
  vertical-align: middle;
}

.directory.document .document-options .subnav-filters .subnav-search,
.directory.media .media-options .subnav-filters .subnav-search,
.directory.video .video-options .subnav-filters .subnav-search {
  margin: 0;
  position: initial;
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form {
  background-color: var(--mb-base-white);
  border: 1px solid #dedfe2;
  box-shadow: none;
  border-radius: 100px;
  margin: 0;
  position: relative;
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form button[type=submit],
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form button[type=submit],
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form button[type=submit] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

#media-stream.document-parent {
  background-color: var(--mb-base-white);
  border-radius: 4px;
  border: 1px solid #e7e9ec;
  margin-top: 20px;
}

#media-stream.document-parent .document-data-table-head {
  padding: 10px 20px 8px;
}

#media-stream.document-parent #media-folder-document-data-table .media-folder_items {
  margin: 0 20px;
}

#media-stream.document-parent>#bp-ajax-loader,
#media-stream.document-parent>.bp-feedback.bp-messages {
  margin: -1px;
}

.message-members-list.member-popup .modal-container,
.moderation-popup .modal-container {
  max-height: 80vh;
  overflow: auto;
}

.message-members-list.member-popup .modal-container .bb-model-header,
.moderation-popup .modal-container .bb-model-header {
  margin-bottom: 25px;
}

.message-members-list.member-popup .modal-container .bb-model-header h4,
.moderation-popup .modal-container .bb-model-header h4 {
  font-size: 17px;
  font-weight: 700;
}

.message-members-list.member-popup .modal-container .bb-model-header .mfp-close,
.moderation-popup .modal-container .bb-model-header .mfp-close {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  right: 20px;
  left: inherit;
}

.message-members-list.member-popup .modal-container .bb-model-footer,
.moderation-popup .modal-container .bb-model-footer {
  text-align: right;
}

.message-members-list.member-popup .modal-container .bb-model-footer .button,
.moderation-popup .modal-container .bb-model-footer .button {
  width: auto;
}

.message-members-list.member-popup .modal-container .bb-model-footer .button.report-submit.loading,
.moderation-popup .modal-container .bb-model-footer .button.report-submit.loading {
  pointer-events: none;
  opacity: .9;
}

.message-members-list.member-popup .modal-container .bb-model-footer .button.report-submit.loading:after,
.moderation-popup .modal-container .bb-model-footer .button.report-submit.loading:after {
  font: 400 .875rem/1 bb-icons;
  speak: none;
  display: inline-block;
  margin: 0 0 0 6px;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  animation: spin 2s infinite linear;
}

.message-members-list.member-popup .modal-container .bb-model-footer .button.bb-cancel-report-content,
.moderation-popup .modal-container .bb-model-footer .button.bb-cancel-report-content {
  color: #a5a7ab;
  background-color: transparent;
  box-shadow: none;
  margin: 0 20px 0 0;
  padding: 0;
  min-width: inherit;
}

.message-members-list.member-popup .modal-container .bb-model-header~.bp-feedback,
.moderation-popup .modal-container .bb-model-header~.bp-feedback {
  margin: -1rem -20px 1rem;
}

#buddypress .group-messages-members-listing ul.item-list,
.message-members-list.member-popup .modal-container #bb-block-member,
.message-members-list.member-popup .modal-container #bb-report-content,
.message-members-list.member-popup .modal-container .form-item label,
.moderation-popup .modal-container #bb-block-member,
.moderation-popup .modal-container #bb-report-content,
.moderation-popup .modal-container .form-item label {
  margin-bottom: 0;
}

.message-members-list.member-popup .modal-container .form-item,
.moderation-popup .modal-container .form-item {
  margin-bottom: 10px;
  text-align: left;
}

.message-members-list.member-popup .modal-container .form-item>span,
.moderation-popup .modal-container .form-item>span {
  font-size: .875rem;
  padding-left: 30px;
  display: inline-block;
  line-height: 1.4;
}

.message-members-list.member-popup .modal-container .form-item label>input[type=radio],
.moderation-popup .modal-container .form-item label>input[type=radio] {
  margin-right: 10px;
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
}

.message-members-list.member-popup .modal-container .form-item label>span,
.moderation-popup .modal-container .form-item label>span {
  font-size: 1rem;
  font-weight: 700;
  vertical-align: middle;
}

.message-members-list.member-popup .modal-container .form-item label>textarea,
.moderation-popup .modal-container .form-item label>textarea {
  font-size: .875rem;
  margin-bottom: 0;
}

.message-members-list.member-popup .modal-container .bp-report-form-err,
.moderation-popup .modal-container .bp-report-form-err {
  display: flex;
  color: #ef3e46;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 10px 0;
  background: var(--mb-base-white);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);
  margin: 10px 0 20px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.message-members-list.member-popup .modal-container .bp-report-form-err:empty,
.moderation-popup .modal-container .bp-report-form-err:empty {
  display: none;
}

.message-members-list.member-popup .modal-container .bp-report-form-err:before,
.moderation-popup .modal-container .bp-report-form-err:before {
  content: "";
  background-color: #d33;
  color: var(--mb-base-white);
  display: flex;
  align-items: center;
  font-family: dashicons;
  left: 0;
  margin: -10px 10px -10px 0;
  position: relative;
  padding: 0 .5em;
  border-radius: 3px 0 0 3px;
}

.moderation_notice.is_hidden {
  display: none;
}

.moderation-popup .bb-report-type-wrp {
  font-size: 1rem;
  text-align: left;
}

.moderation-popup .bb-report-type-wrp p,
.moderation-popup .bb-report-type-wrp ul,
div#bp-group-message-content #whats-new-attachments {
  margin-bottom: 10px;
}

.moderation-popup .bb-report-type-wrp p:last-child {
  margin-bottom: 10px;
}

.moderation-popup .bb-report-type-wrp .bb-model-footer {
  margin-top: 30px;
}

[dir=rtl] .moderation-popup .bb-report-type-wrp .bb-model-footer {
  text-align: left;
}

.moderation-popup .bb-report-type-wrp .bbm-notice {
  margin: 10px;
}

#comments .comment-body,
.mass-user-block-list.moderation-popup .bb-model-header,
.message-members-list.member-popup .bb-model-header {
  position: relative;
}

.mass-user-block-list.moderation-popup .bb-model-header h4,
.message-members-list.member-popup .bb-model-header h4 {
  font-size: 20px;
  font-weight: 600;
}

.mass-user-block-list.moderation-popup .bb-model-header .mfp-close,
.message-members-list.member-popup .bb-model-header .mfp-close {
  top: 7px;
  right: 20px;
  box-shadow: none;
}

.mass-user-block-list.moderation-popup .bb-model-header .mfp-close:before,
.message-members-list.member-popup .bb-model-header .mfp-close:before {
  content: "";
  color: #939597;
  font-family: bb-icons;
  font-size: 22px;
  line-height: 24px;
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp,
.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp:last-child,
.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp:last-child {
  margin-bottom: 0;
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-avatar,
.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-avatar {
  max-height: 32px;
  max-width: 32px;
  overflow: hidden;
  border-radius: 100%;
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-name,
.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-name {
  min-width: calc(100% - 195px);
  margin: 0 auto 0 8px;
  font-size: .875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions,
.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-actions {
  margin-left: 8px;
  text-align: right;
}

.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions .button,
.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-actions .button {
  min-width: 95px;
}

.bb-activity-video-elem .video-js.vjs-playing .vjs-big-play-button,
.bb-activity-video-elem .video-js.vjs-playing~.bb-video-duration,
.bb-activity-video-elem .video-js.vjs-playing~.bb-video-play,
.bb-media-section .video-js.vjs-playing .vjs-big-play-button,
.bb-media-section .video-js.vjs-playing~.bb-video-duration,
.bb-media-section .video-js.vjs-playing~.bb-video-play,
.bb-video-thumb .video-js.vjs-playing .vjs-big-play-button,
.bb-video-thumb .video-js.vjs-playing~.bb-video-duration,
.bb-video-thumb .video-js.vjs-playing~.bb-video-play,
.message-members-list.member-popup .user-actions {
  display: none;
}

#comments .comment-body .bb_more_options {
  position: absolute;
  top: 0;
  right: 0;
}

.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: #000;
  direction: ltr;
  text-align: left;
}

[dir=rtl] .CodeMirror {
  direction: ltr;
  text-align: right;
}

.CodeMirror-lines {
  padding: 4px 0;
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 5px;
  max-width: inherit;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: 0 0;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
  background-color: #fff;
}

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #ecedee;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: #000;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

.CodeMirror-cursor {
  border-left: 1px solid #000;
  border-right: none;
  width: 0;
}

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor,
.cm-fat-cursor-mark {
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, .5);
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  background-color: #7e7;
}

.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

.cm-s-default .cm-header {
  color: #00f;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

#group-messages-container .bp-navs.group-subnav li.selected a,
.cm-header,
.cm-strong,
.dropzone.dz-progress-view .dz-global-progress p strong {
  font-weight: 700;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta,
.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-invalidchar,
.cm-s-default .cm-error {
  color: red;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, .3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: 0;
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

[dir=rtl] .CodeMirror-gutters {
  right: 0;
  left: inherit;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: 0 0 !important;
  border: 0 !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: .1px;
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: 0;
}

.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

.CodeMirror-focused div.CodeMirror-cursors,
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

.cm-force-border {
  padding-right: .1px;
}

@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }

  ;
}

.cm-tab-wrap-hack:after {
  content: "";
}

html[dir=rtl] .theme-editor-php .CodeMirror-sizer,
html[dir=rtl] .widgets-php .CodeMirror-sizer,
html[dir=rtl] .wp-customizer .CodeMirror-sizer {
  border-right: 0;
}

html[dir=rtl] .theme-editor-php .CodeMirror-scroll,
html[dir=rtl] .widgets-php .CodeMirror-scroll,
html[dir=rtl] .wp-customizer .CodeMirror-scroll {
  margin-right: 0;
}

html[dir=rtl] .theme-editor-php .CodeMirror-gutters,
html[dir=rtl] .widgets-php .CodeMirror-gutters,
html[dir=rtl] .wp-customizer .CodeMirror-gutters {
  left: initial;
}

html[dir=rtl] .theme-editor-php .CodeMirror-line,
html[dir=rtl] .widgets-php .CodeMirror-line,
html[dir=rtl] .wp-customizer .CodeMirror-line {
  text-align: right;
}

html[dir=rtl] .theme-editor-php .CodeMirror-vscrollbar,
html[dir=rtl] .widgets-php .CodeMirror-vscrollbar,
html[dir=rtl] .wp-customizer .CodeMirror-vscrollbar {
  right: inherit;
}

html[dir=rtl] .theme-editor-php .CodeMirror-code {
  margin-right: 20px;
}

.bb-activity-video-elem .entry-video:before {
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, .35);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  transition: .3s all;
  opacity: 0;
  visibility: visible;
}

.bb-activity-video-elem.is-visible .entry-video:before,
.bb-activity-video-elem:hover .entry-video:before,
.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap.is-visible .video-action_list {
  opacity: 1;
  visibility: visible;
}

.bb-video-cover-wrap:before {
  content: "";
  font-family: bb-icons;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: 3px;
  font-weight: 300;
  font-style: normal;
  color: var(--mb-base-white);
  background-color: rgba(0, 0, 0, .7) !important;
  height: 52px;
  width: 52px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  opacity: .85;
  border: 0;
  transition: all ease .3s !important;
  border-radius: 50%;
}

.bb-video-cover-wrap:hover:before {
  background-color: rgba(0, 0, 0, .9) !important;
}

.bb-activity-video-elem .bb-video-duration,
.bb-media-section .bb-video-duration,
.bb-video-thumb .bb-video-duration {
  font-size: .75rem;
  line-height: 20px;
  margin: 0 !important;
  background-color: rgba(0, 0, 0, .9);
  color: var(--mb-base-white);
  display: inline-block;
  padding: 1px 8px;
  border-radius: 3px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 11;
}

.bb-activity-video-elem .video-js~.bb-video-duration,
.bb-media-section .video-js~.bb-video-duration,
.bb-video-thumb .video-js~.bb-video-duration {
  font-size: .875rem;
  padding: 4px 10px;
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions li,
.bb-activity-video-elem .video-js~.bb-video-play,
.bb-media-section .video-js~.bb-video-play,
.bb-video-thumb .video-js~.bb-video-play,
div.video-js.vjs-picture-in-picture {
  pointer-events: none;
}

.bb-activity-video-elem .video-js>video,
.bb-media-section .video-js>video,
.bb-video-thumb .video-js>video {
  object-fit: contain;
}

.bb-activity-video-elem .video-js.vjs-error .vjs-big-play-button,
.bb-activity-video-elem .video-js.vjs-error:after,
.bb-activity-video-elem .video-js.vjs-error~.bb-video-duration,
.bb-activity-video-elem .video-js.vjs-has-started~.bb-video-duration,
.bb-media-section .video-js.vjs-error .vjs-big-play-button,
.bb-media-section .video-js.vjs-error:after,
.bb-media-section .video-js.vjs-error~.bb-video-duration,
.bb-media-section .video-js.vjs-has-started~.bb-video-duration,
.bb-video-thumb .video-js.vjs-error .vjs-big-play-button,
.bb-video-thumb .video-js.vjs-error:after,
.bb-video-thumb .video-js.vjs-error~.bb-video-duration,
.bb-video-thumb .video-js.vjs-has-started~.bb-video-duration {
  display: none;
}

.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog,
.bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog,
.bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog {
  background: rgba(0, 0, 0, .75);
  cursor: pointer;
}

.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before,
.bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before,
.bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before {
  color: var(--mb-base-white);
  content: "";
  font-size: 80px;
  font-weight: 300;
  font-family: bb-icons;
  text-shadow: none;
  margin-top: -65px;
}

.bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content,
.bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content,
.bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  margin-top: 30px;
}

@media screen and (max-width:544px) {

  .bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content,
  .bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content,
  .bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: .875rem;
    font-weight: 700;
  }

  .bb-activity-video-elem .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before,
  .bb-media-section .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before,
  .bb-video-thumb .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before {
    font-size: 40px;
    margin-top: -40px;
  }

  ;
}

.bb-activity-video-elem .vjs-menu-button-popup .vjs-menu-content,
.bb-media-section .vjs-menu-button-popup .vjs-menu-content,
.bb-video-thumb .vjs-menu-button-popup .vjs-menu-content {
  margin: 0 !important;
}

.bb-activity-video-elem .vjs-menu-button-popup .vjs-menu-content li,
.bb-media-section .vjs-menu-button-popup .vjs-menu-content li,
.bb-video-thumb .vjs-menu-button-popup .vjs-menu-content li {
  list-style-type: none !important;
  margin: 0 !important;
  padding: .2em 0 !important;
}

.bb-activity-video-elem .video-js,
.bb-media-section .video-js,
.bb-video-thumb .video-js {
  border-radius: 4px;
  overflow: hidden;
  max-width: 100%;
  cursor: pointer;
}

.bb-activity-video-elem .video-js .vjs-control-bar:before,
.bb-media-section .video-js .vjs-control-bar:before,
.bb-video-thumb .video-js .vjs-control-bar:before {
  content: "";
  position: absolute;
  bottom: -10px;
  top: 0;
  width: 100%;
  background: #333;
  background: -webkit-linear-gradient(bottom, rgba(51, 51, 51, .5), rgba(51, 51, 51, 0));
  background: -moz-linear-gradient(bottom, rgba(51, 51, 51, .5), rgba(51, 51, 51, 0));
  background: linear-gradient(to top, rgba(51, 51, 51, .5), rgba(51, 51, 51, 0));
}

.bb-activity-video-elem .video-js .vjs-control-bar,
.bb-media-section .video-js .vjs-control-bar,
.bb-video-thumb .video-js .vjs-control-bar {
  padding-top: 5px;
  bottom: 10px;
  background-color: transparent;
  z-index: 1;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-control,
.bb-media-section .video-js .vjs-control-bar .vjs-time-control,
.bb-video-thumb .video-js .vjs-control-bar .vjs-time-control {
  font-size: .875rem;
  line-height: 17px;
  color: rgba(255, 255, 255, .7);
  text-shadow: 0 0 4px rgba(0, 0, 0, .3);
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-control span,
.bb-media-section .video-js .vjs-control-bar .vjs-time-control span,
.bb-video-thumb .video-js .vjs-control-bar .vjs-time-control span {
  line-height: 25px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider,
.bb-media-section .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider,
.bb-video-thumb .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider {
  color: rgba(255, 255, 255, .3);
  min-width: .75rem;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-playback-rate,
.bb-media-section .video-js .vjs-control-bar .vjs-playback-rate,
.bb-video-thumb .video-js .vjs-control-bar .vjs-playback-rate {
  width: 35px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value,
.bb-media-section .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value,
.bb-video-thumb .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1rem;
  color: rgba(255, 255, 255, .7);
  line-height: 25px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-slider,
.bb-media-section .video-js .vjs-control-bar .vjs-slider,
.bb-video-thumb .video-js .vjs-control-bar .vjs-slider {
  background-color: rgba(255, 255, 255, .5);
  border-radius: 4px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-tooltip,
.bb-media-section .video-js .vjs-control-bar .vjs-time-tooltip,
.bb-video-thumb .video-js .vjs-control-bar .vjs-time-tooltip {
  font-size: 1.3em;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder,
.bb-media-section .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder,
.bb-video-thumb .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  border-radius: 4px;
  height: 5px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress,
.bb-activity-video-elem .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div,
.bb-activity-video-elem .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress,
.bb-media-section .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress,
.bb-media-section .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div,
.bb-media-section .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress,
.bb-video-thumb .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress,
.bb-video-thumb .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div,
.bb-video-thumb .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
  border-radius: 4px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-volume-panel-horizontal.vjs-hover,
.bb-media-section .video-js .vjs-control-bar .vjs-volume-panel-horizontal.vjs-hover,
.bb-video-thumb .video-js .vjs-control-bar .vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
}

.bb-activity-video-elem .video-js .vjs-control-bar button,
.bb-activity-video-elem .video-js .vjs-control-bar button:hover,
.bb-media-section .video-js .vjs-control-bar button,
.bb-media-section .video-js .vjs-control-bar button:hover,
.bb-video-thumb .video-js .vjs-control-bar button,
.bb-video-thumb .video-js .vjs-control-bar button:hover {
  background-color: transparent !important;
  padding: 0;
  border: 0;
  width: 4em;
  font-size: 10px;
  box-shadow: none !important;
  text-shadow: none;
  font-family: inherit;
}

.bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button,
.bb-media-section .video-js .vjs-control-bar .enlarge_button,
.bb-video-thumb .video-js .vjs-control-bar .enlarge_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button:after,
.bb-media-section .video-js .vjs-control-bar .enlarge_button:after,
.bb-video-thumb .video-js .vjs-control-bar .enlarge_button:after {
  left: inherit;
  right: -30px;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-play-control:after,
.bb-media-section .video-js .vjs-control-bar .vjs-play-control:after,
.bb-video-thumb .video-js .vjs-control-bar .vjs-play-control:after {
  margin-left: 1rem;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-play-control.vjs-playing:after,
.bb-media-section .video-js .vjs-control-bar .vjs-play-control.vjs-playing:after,
.bb-video-thumb .video-js .vjs-control-bar .vjs-play-control.vjs-playing:after {
  content: attr(data-balloon-pause);
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-play-progress .vjs-time-tooltip,
.bb-activity-video-elem .video-js .vjs-control-bar>[data-balloon]:before,
.bb-media-section .video-js .vjs-control-bar .vjs-play-progress .vjs-time-tooltip,
.bb-media-section .video-js .vjs-control-bar>[data-balloon]:before,
.bb-video-thumb .video-js .vjs-control-bar .vjs-play-progress .vjs-time-tooltip,
.bb-video-thumb .video-js .vjs-control-bar>[data-balloon]:before,
div.video-js button.vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}

.bb-activity-video-elem .video-js .vjs-control-bar>[data-balloon]:after,
.bb-media-section .video-js .vjs-control-bar>[data-balloon]:after,
.bb-video-thumb .video-js .vjs-control-bar>[data-balloon]:after {
  transition: none;
  display: block;
}

.video-theatre .bb-activity-video-elem .video-js .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-media-section .video-js .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-video-thumb .video-js .vjs-control-bar .vjs-fullscreen-control:after {
  left: inherit !important;
  right: -50px !important;
}

.video-theatre .bb-activity-video-elem .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-media-section .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-video-thumb .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "";
  font-family: bb-icons;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-seek-button span.vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar .vjs-seek-button span.vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar .vjs-seek-button span.vjs-icon-placeholder:before {
  content: "" !important;
  font-family: bb-icons;
  font-weight: 400;
}

.bb-activity-video-elem .video-js .vjs-control-bar .vjs-seek-button.skip-back .vjs-icon-placeholder:before,
.bb-media-section .video-js .vjs-control-bar .vjs-seek-button.skip-back .vjs-icon-placeholder:before,
.bb-video-thumb .video-js .vjs-control-bar .vjs-seek-button.skip-back .vjs-icon-placeholder:before {
  transform: rotateY(180deg);
}

@media screen and (max-width:768px) {

  .bb-activity-video-elem .video-js .vjs-control-bar,
  .bb-media-section .video-js .vjs-control-bar,
  .bb-video-thumb .video-js .vjs-control-bar {
    bottom: 10px;
  }

  .bb-activity-video-elem .video-js .vjs-control-bar .vjs-duration,
  .bb-activity-video-elem .video-js .vjs-control-bar .vjs-picture-in-picture-control,
  .bb-activity-video-elem .video-js .vjs-control-bar .vjs-playback-rate,
  .bb-activity-video-elem .video-js .vjs-control-bar .vjs-seek-button,
  .bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-control,
  .bb-media-section .video-js .vjs-control-bar .vjs-duration,
  .bb-media-section .video-js .vjs-control-bar .vjs-picture-in-picture-control,
  .bb-media-section .video-js .vjs-control-bar .vjs-playback-rate,
  .bb-media-section .video-js .vjs-control-bar .vjs-seek-button,
  .bb-media-section .video-js .vjs-control-bar .vjs-time-control,
  .bb-video-thumb .video-js .vjs-control-bar .vjs-duration,
  .bb-video-thumb .video-js .vjs-control-bar .vjs-picture-in-picture-control,
  .bb-video-thumb .video-js .vjs-control-bar .vjs-playback-rate,
  .bb-video-thumb .video-js .vjs-control-bar .vjs-seek-button,
  .bb-video-thumb .video-js .vjs-control-bar .vjs-time-control {
    display: none;
  }

  .bb-activity-video-elem .video-js .vjs-control-bar button,
  .bb-media-section .video-js .vjs-control-bar button,
  .bb-video-thumb .video-js .vjs-control-bar button {
    width: 3em;
  }

  .bb-activity-video-elem .video-js .vjs-control-bar .enlarge_button,
  .bb-media-section .video-js .vjs-control-bar .enlarge_button,
  .bb-video-thumb .video-js .vjs-control-bar .enlarge_button {
    background-color: transparent !important;
    padding: 0;
    border: 0;
    width: 4em;
    font-size: 10px;
    box-shadow: none;
    text-shadow: none;
    font-family: inherit;
    display: block;
    z-index: 1111;
  }

  ;
}

.video-theatre .bb-activity-video-elem .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-activity-video-elem .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:before,
.video-theatre .bb-media-section .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-media-section .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:before,
.video-theatre .bb-video-thumb .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:after,
.video-theatre .bb-video-thumb .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control:before {
  display: none;
}

.video-theatre .bb-activity-video-elem .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-media-section .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-theatre .bb-video-thumb .video-js:fullscreen .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before {
  font-family: bb-icons;
  content: "";
}

div.video-js .bb-video-play,
div.video-js button.vjs-big-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

div.video-js button.vjs-big-play-button {
  background-color: rgba(0, 0, 0, .7) !important;
  height: 48px;
  width: 48px;
  border: 0;
  border-radius: 100%;
  transition: all ease .3s !important;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.video-js button.vjs-big-play-button:before {
  content: "";
  font-family: bb-icons;
  font-size: 34px;
  color: var(--mb-base-white);
  opacity: .8;
  font-weight: 300;
  margin-left: 2px;
}

div.video-js button.vjs-big-play-button:hover {
  background-color: rgba(0, 0, 0, .9) !important;
  box-shadow: none;
}

div.video-js .vjs-progress-holder {
  height: 5px;
  border-radius: 4px;
}

div.video-js .vjs-progress-holder .vjs-play-progress:before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: var(--mb-base-white);
  border-radius: 50%;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .3));
  top: -2.5px;
}

div.video-js .vjs-control-bar button {
  opacity: .7;
}

div.video-js .vjs-control-bar button .vjs-icon-placeholder:before {
  font-family: bb-icons;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  color: var(--mb-base-white);
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .3));
}

div.video-js .vjs-control-bar button.vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "";
  font-size: 24px;
}

div.video-js .vjs-control-bar button:hover {
  opacity: 1;
}

div.video-js .vjs-control-bar button.vjs-play-control .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.skip-back .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.skip-forward .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.vjs-mute-control .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "";
}

div.video-js .vjs-control-bar button.vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "";
  font-weight: 400;
}

div.video-js .vjs-control-bar button.enlarge_button .vjs-icon-placeholder:before {
  content: "";
  font-size: 22px;
}

div.video-js .pcture-in-picture-notice,
div.video-js.vjs-picture-in-picture .vjs-big-play-button,
div.video-js.vjs-picture-in-picture .vjs-control-bar,
div.video-js.vjs-picture-in-picture video,
div.video-js.vjs-picture-in-picture:after {
  display: none;
}

div.video-js.vjs-picture-in-picture .pcture-in-picture-notice {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  margin-top: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

div.video-js.vjs-picture-in-picture .pcture-in-picture-notice:before {
  content: "";
  color: var(--mb-base-white);
  display: block;
  font-size: 80px;
  font-family: bb-icons;
  text-shadow: none;
  margin-top: -65px;
  margin-bottom: 30px;
}

@media screen and (max-width:544px) {
  div.video-js.vjs-picture-in-picture .pcture-in-picture-notice {
    font-size: .875rem;
    font-weight: 700;
  }

  div.video-js.vjs-picture-in-picture .pcture-in-picture-notice:before {
    font-size: 40px;
    margin-bottom: 10px;
  }

  ;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap {
  position: absolute;
  right: 1rem;
  top: 21px;
  z-index: 111;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap.is-visible .video-action_list:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  margin: 0 auto;
  right: 10px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 101;
  opacity: 1;
  visibility: visible;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap>a i {
  font-size: 21px;
  color: #939597;
  padding: 0 4px;
  background-color: transparent;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list {
  position: absolute;
  top: 28px;
  right: 1px;
  opacity: 0;
  visibility: hidden;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  width: 198px;
  z-index: 1;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a {
  padding: 10px .875rem !important;
  display: block !important;
  font-size: .875rem;
  color: #7f868f;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a:hover {
  background-color: #f5f5f5 !important;
  color: #5087e5;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a:before {
  content: "";
  font-family: bb-icons;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 20px;
  max-height: 1rem;
  margin-top: -8px;
  margin-right: 10px;
}

.bb-media-model-container .activity-list .activity-media-description .video-action-wrap.item-action-wrap .video-action_list ul li a.video-file-delete:before {
  content: "";
  font-size: 1rem;
}

.bb-activity-video-elem .bb-open-video-theatre.hide,
.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .skip-5,
.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .vjs-picture-in-picture-control,
.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .vjs-time-control {
  display: none;
}

.bb-media-model-container .bb-media-info-section .bb-activity-video-wrap .vjs-control-bar .vjs-slider-vertical .vjs-volume-level:before {
  left: -3px;
}

.bb-activity-video-elem .video-js.vjs-has-started:after,
.bb-activity-video-elem .video-js.vjs-playing:after,
.bb-activity-video-elem.is-visible .video-js:after {
  visibility: visible;
  opacity: 1;
}

.bb-activity-video-elem .video-js:after {
  content: " ";
  position: absolute;
  background: linear-gradient(180deg, transparent 15.62%, rgba(0, 0, 0, .6) 92.71%);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: .3s all;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.bb-activity-video-elem .video-js.vjs-playing.vjs-user-inactive:after,
.bb-media-model-wrapper.video .bb-media-section .video-js.vjs-playing.vjs-user-inactive:after {
  opacity: 0;
  visibility: hidden;
}

.bb-activity-video-elem:hover .video-js:not(.vjs-playing):after,
.bb-media-model-wrapper.video .bb-media-section:hover .video-js:not(.vjs-playing):after {
  visibility: visible;
  opacity: 1;
}

.bb-activity-video-elem:hover .video-js:not(.vjs-playing) .vjs-big-play-button,
.bb-media-model-wrapper.video .bb-media-section:hover .video-js:not(.vjs-playing) .vjs-big-play-button {
  opacity: 1;
}

.bp-single-message-wrap .bb-activity-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
  padding-top: 100%;
}

.bp-single-message-content .bb-activity-video-elem {
  min-width: 30%;
}

.bb-activity-video-wrap,
.forums-video-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  align-items: flex-start;
  position: relative;
}

.bb-activity-video-wrap .bb-activity-video-elem,
.forums-video-wrap .bb-activity-video-elem {
  padding: 3px;
}

.bb-activity-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader,
.forums-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ddd;
  color: var(--mb-base-white);
  margin: 0;
  border-radius: 4px;
}

.bb-activity-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader:after,
.forums-video-wrap .bb-activity-video-elem video.video-js+.bb-video-loader:after {
  content: "";
  font-family: bb-icons;
  font-size: 35px;
  animation: spin 2s infinite linear;
}

#buddypress .bp-video-uploader #bp-video-next,
#buddypress .bp-video-uploader #bp-video-prev,
.bb-activity-video-wrap .bb-activity-video-elem div.video-js+.bb-video-loader,
.forums-video-wrap .bb-activity-video-elem div.video-js+.bb-video-loader {
  display: none;
}

.bb-activity-video-wrap .bb-activity-video-elem .bb-item-cover-wrap,
.forums-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
  padding-top: 38.56%;
}

.bb-activity-video-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:after,
.bb-activity-video-wrap .bb-activity-video-elem:hover .bb-item-cover-wrap:after,
.forums-video-wrap .bb-activity-video-elem.is-visible .bb-item-cover-wrap:after,
.forums-video-wrap .bb-activity-video-elem:hover .bb-item-cover-wrap:after {
  visibility: visible;
  opacity: 1;
}

.bb-activity-video-wrap .bb-activity-video-elem .bb-videos-length,
.forums-video-wrap .bb-activity-video-elem .bb-videos-length {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, .4);
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.31;
}

.bb-activity-video-wrap .bb-activity-video-elem .bb-videos-length strong,
.forums-video-wrap .bb-activity-video-elem .bb-videos-length strong {
  color: inherit;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
}

.bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap,
.bb-activity-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap,
.forums-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap,
.forums-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap {
  padding-top: 82.56%;
}

.bb-activity-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1,
.forums-video-wrap.bb-video-length-2 .bb-activity-video-elem.act-grid-1-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

@media screen and (max-width:544px) {

  .bb-activity-video-wrap .bb-activity-video-elem,
  .forums-video-wrap .bb-activity-video-elem {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-1,
  .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-2,
  .forums-video-wrap .bb-activity-video-elem.act-grid-1-1,
  .forums-video-wrap .bb-activity-video-elem.act-grid-1-2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap,
  .bb-activity-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap,
  .forums-video-wrap .bb-activity-video-elem.act-grid-1-1 .bb-item-cover-wrap,
  .forums-video-wrap .bb-activity-video-elem.act-grid-1-2 .bb-item-cover-wrap {
    padding-top: 82.56% !important;
  }

  ;
}

#buddypress .bp-video-uploader .video-uploader-wrapper {
  margin-bottom: 5px;
}

#buddypress .bp-video-uploader #bp-video-next,
.bb-media-model-wrapper.video .bb-media-section figure.loading {
  text-align: center;
}

#buddypress .bp-video-uploader #bp-video-prev {
  font-size: 1rem;
  float: right;
  margin: 8px 20px 0 0;
  color: #a5a7ab;
}

#buddypress .bp-video-uploader .video-uploader-footer {
  display: table;
  width: 100%;
}

#buddypress .bp-video-uploader .video-uploader-footer .bb-dropdown-wrap {
  float: left;
  margin-bottom: 0;
}

#buddypress .bp-video-uploader .video-uploader-footer .bp-video-open-create-popup-album {
  display: block;
  margin-bottom: 1rem;
  clear: both;
  text-transform: capitalize;
}

#buddypress .bp-video-uploader .video-uploader-footer .bp-video-open-create-popup-album>i {
  margin-right: 5px;
  font-size: 1rem;
}

#buddypress .bp-video-uploader .video-uploader-footer #bp-video-submit {
  float: right;
}

@media screen and (max-width:480px) {
  #buddypress .bp-video-uploader .video-uploader-footer {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #buddypress .bp-video-uploader .video-uploader-footer .bb-dropdown-wrap {
    width: 100%;
    margin-bottom: 1rem;
  }

  #buddypress .bp-video-uploader .video-uploader-footer #bp-video-submit,
  #buddypress .bp-video-uploader .video-uploader-footer .bb-dropdown-wrap select {
    width: 100%;
  }

  #buddypress .bp-video-uploader .video-uploader-footer #bp-video-prev {
    text-align: center;
    margin: 10px 0 0;
    width: 100%;
  }

  body.groups #buddypress .bp-video-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content {
    margin-bottom: 0;
  }

  body.groups #buddypress .bp-video-uploader .modal-container .bb-field-steps.bb-field-steps-1.controls-added #bp-dropzone-content #bp-video-next {
    display: inline-block !important;
    margin-top: 0;
  }

  ;
}

.bb-media-model-wrapper.video .bb-media-model-inner {
  overflow: visible;
}

.bb-media-model-wrapper.video .bb-media-info-section .bp-activity-head .activity-header {
  margin-right: 25px;
}

.bb-media-model-wrapper.video .bb-media-section {
  position: initial;
}

.bb-media-model-wrapper.video .bb-media-section figure {
  max-height: 90vh;
  min-height: 90vh;
  width: 100% !important;
  height: 100% !important;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center;
}

.bb-media-model-wrapper.video .bb-media-section figure.loading [class*=bb-icon] {
  font-size: 26px;
  color: var(--mb-base-white);
  text-align: center;
}

.bb-media-model-wrapper.video .bb-media-section figure .video-js {
  height: 100% !important;
  padding: 0;
  border-radius: 4px 0 0 4px;
}

.bb-media-model-wrapper.video .bb-media-section .video-js:after {
  content: " ";
  position: absolute;
  background: linear-gradient(180deg, transparent 15.62%, rgba(0, 0, 0, .6) 92.71%);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: .3s all;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.bb-media-model-wrapper.video .bb-media-section .video-js.vjs-has-started:after,
.bb-media-model-wrapper.video .bb-media-section .video-js.vjs-playing:after {
  visibility: visible;
  opacity: 1;
}

.bb-media-model-wrapper.video .bb-media-section .vjs-big-play-button {
  background-color: rgba(0, 0, 0, .7) !important;
  height: 48px;
  width: 48px;
  border: 0;
  transition: all ease .3s !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1111;
}

.bb-media-model-wrapper.video .bb-media-section .vjs-big-play-button .vjs-icon-placeholder,
.bb-media-model-wrapper.video .bb-media-section .vjs-controls-disabled .vjs-big-play-button,
.bb-media-model-wrapper.video .bb-media-section .vjs-error .vjs-big-play-button,
.bb-media-model-wrapper.video .bb-media-section .vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command {
  width: auto;
  display: flex;
  padding: 0;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  justify-content: center;
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command.bb-next-media {
  left: auto;
  right: -45px;
  width: 45px;
}

.bb-media-model-wrapper.video .bb-media-section a.theater-command.bb-prev-media {
  left: -45px;
  width: 45px;
  padding: 0;
}

.bb-media-model-wrapper.video .bb-media-section .vjs-error-display.vjs-modal-dialog {
  cursor: auto;
}

@media screen and (max-width:1024px) {
  .bb-media-model-wrapper.video .bb-media-section figure {
    max-height: 50vh;
    min-height: 50vh;
  }

  .bb-media-model-wrapper.video .bb-media-section figure .video-js {
    border-radius: 4px 4px 0 0;
  }

  ;
}

.bb-media-model-wrapper.video:hover a.theater-command {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width:767px) {
  #buddypress .bb-media-model-wrapper.video .bb-media-model-container {
    width: calc(100% - 60px);
    min-width: initial;
    margin: 0 30px;
    height: 100%;
  }

  .bb-media-model-wrapper.video .bb-media-model-container a.theater-command {
    opacity: 1;
    visibility: visible;
    height: 100%;
    top: 50vh;
  }

  .bb-media-model-wrapper.video .bb-media-model-container a.theater-command.bb-next-media {
    right: -30px;
    width: 30px;
    padding: 0;
  }

  .bb-media-model-wrapper.video .bb-media-model-container a.theater-command.bb-prev-media {
    left: -30px;
    width: 30px;
    padding: 0;
  }

  ;
}

#video-stream .bp-feedback {
  margin: 25px 0 0;
}

.bb-title+#video-stream .bp-feedback {
  margin: 0;
}

.video-thumbnail-content {
  display: block;
  padding: 25px 0 0;
}

.video-thumbnail-content .video-thumbnail-custom {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  height: 155px;
  margin-right: 0;
  overflow: hidden;
}

.video-thumbnail-content .video-thumbnail-custom .close-thumbnail-custom {
  position: absolute;
  top: 5px;
  right: 5px;
  height: .875rem;
  width: .875rem;
  z-index: 111;
  border-radius: 50%;
  background: #f8f8f8;
  color: #9ea8b3;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-thumbnail-content .video-thumbnail-custom .close-thumbnail-custom:after {
  content: "×";
  font-size: .875rem;
  position: relative;
  top: -1px;
  left: 0;
}

.video-thumbnail-content .video-thumbnail-custom img {
  height: 100%;
  width: auto;
  margin: 0;
  display: block;
  min-height: 120px;
  border-radius: 4px;
  max-width: inherit;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.video-thumbnail-content .bb-dropzone-wrap {
  flex-basis: 33.333334%;
  width: 33.333334%;
  position: relative;
  min-height: 160px;
  padding: 0 10px 0 0;
}

.video-thumbnail-content .bb-dropzone-wrap .video-thumbnail-custom {
  border: 3px solid transparent;
  border-radius: 5px;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]+label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 11;
  opacity: 0;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]:checked~.video-thumbnail-custom {
  border-color: #5087e5;
  overflow: hidden;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check:checked~.bb-field-wrap .dropzone .dz-preview .dz-image img,
.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]:checked~.video-thumbnail-custom img,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-custom-check:checked~a img {
  border-radius: 0;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap {
  visibility: visible;
  opacity: 1;
  top: inherit;
  bottom: 7px;
  right: 7px;
  left: inherit;
  z-index: 1111;
  display: none;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap [class*=" bb-icon-"] {
  border: 2px solid var(--mb-base-white);
  background-color: rgba(255, 255, 255, .4);
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap [class*=" bb-icon-"]:before,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap [class*=" bb-icon-"]:before,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div>label [class*=" bb-icon-"] {
  display: none;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-action-check-wrap .bb-custom-check:checked+label .bb-icon:before {
  content: "";
  display: inline;
  font-family: bb-icons;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone .dz-preview .dz-image {
  border: 3px solid transparent;
  border-radius: 5px;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check:checked~.bb-field-wrap .dropzone .dz-preview .dz-image,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-custom-check:checked~a {
  border-color: #5087e5;
}

.video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap {
  margin-bottom: 0;
  position: relative;
  z-index: 111;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone {
  max-height: 160px;
  overflow: hidden;
}

#item-body .total-members-text,
#send_group_message_form .select2-selection__rendered li,
.video-thumbnail-content .bb-dropzone-wrap .dropzone.dz-started {
  margin: 0;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default {
  margin: 0;
  padding: 1rem 0;
  min-height: auto;
  height: 160px;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default .dz-button,
.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default .dz-button:hover {
  font-size: .875rem;
  padding: 50px 1rem 0 !important;
  background-size: 35px !important;
  background-position: center 6px !important;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview {
  margin: 0;
  width: 100%;
  z-index: initial;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-image {
  height: 160px;
  position: relative;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-image img {
  max-width: inherit;
  cursor: pointer;
  border-radius: 5px;
  height: 100%;
  width: auto;
  margin: 0;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-remove:after {
  font-size: 19px;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-button {
  position: relative;
}

.video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-button:before {
  content: "";
  font-family: bb-icons;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  font-weight: 300;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated {
  flex-basis: 100%;
  width: 100%;
  margin-bottom: 1rem;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated.disabled {
  opacity: .7;
  pointer-events: none;
  user-select: none;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list {
  margin: 0 !important;
  display: flex;
  height: 100%;
}

#wpadminbar #wp-admin-bar-bp-notifications-default>li#wp-admin-bar-notification-view-all,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list.loading {
  text-align: center;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li {
  width: 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  height: 100%;
  padding: 0 10px 0 0;
  margin: 0 !important;
  list-style: none !important;
  display: flex;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div>label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap {
  visibility: visible;
  opacity: 1;
  top: inherit;
  bottom: 7px;
  right: 7px;
  left: inherit;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap [class*=" bb-icon-"] {
  border: 2px solid var(--mb-base-white);
  background-color: rgba(255, 255, 255, .4);
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-action-check-wrap .bb-custom-check:checked+label .bb-icon:before {
  font-family: bb-icons;
  content: "";
  display: inline;
  font-weight: 300;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div,
.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div a {
  height: 100%;
  display: flex !important;
  position: relative;
  width: 100%;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li>div>a {
  border: 3px solid transparent;
  border-radius: 5px;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li img {
  min-height: 155px;
  max-height: 155px;
  border-radius: 5px;
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;
}

.bp-video-thumbnail-uploader {
  word-break: break-word;
}

.bp-video-thumbnail-uploader .modal-wrapper {
  max-width: 800px;
}

.bp-video-thumbnail-uploader .thumbnail_notice {
  display: none;
}

.bp-video-thumbnail-uploader .video-thumbnail-uploader-dropzone-select .dz-default {
  min-height: 100% !important;
}

.activity-list .activity-item .activity-content .bp-video-thumbnail-uploader .modal-container>p,
.bp-video-thumbnail-uploader .modal-container>p {
  margin-top: 25px;
  margin-bottom: 0;
}

.bp-video-thumbnail-uploader .button.bp-video-thumbnail-submit {
  margin-top: 25px;
}

.bp-video-thumbnail-uploader .button.bp-video-thumbnail-submit.saving:after {
  content: "";
  font-family: bb-icons;
  font-size: 18px;
  font-weight: 300;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}

.bp-video-thumbnail-uploader.generating_thumb .thumbnail_notice {
  display: inline-block;
  margin-left: 10px;
  font-size: .75rem;
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader {
  color: #828890;
  background-color: #f8f8f8;
  opacity: 1;
  margin: 0 10px 0 0 !important;
  width: calc(33.3333% - 10px);
  padding: 0;
  flex-basis: calc(33.3333% - 10px) !important;
  overflow: hidden;
  border-radius: 5px;
  min-height: 160px;
  text-align: center;
  align-items: center;
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block {
  display: block !important;
  padding: 0 10px;
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block>i {
  font-size: 25px;
  margin-bottom: 1rem;
}

.bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block>span {
  display: block;
  font-size: .875rem;
}

.bp-video-thumbnail-uploader .modal-mask {
  z-index: 999991;
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bp-video-thumbnail-auto-generated {
  width: 33.3333%;
  display: inline-block;
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  height: 100%;
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap {
  width: 33.333334%;
  display: inline-block;
  vertical-align: text-bottom;
}

.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone,
.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone .dz-default,
.bp-video-thumbnail-uploader.no_ffmpeg .video-thumbnail-content .bb-dropzone-wrap .bb-field-wrap .dropzone .dz-preview .dz-image {
  height: 155px;
}

.bp-video-thumbnail-uploader.no_generated_thumb .video-thumbnail-content .bp-video-thumbnail-auto-generated {
  display: none;
}

.bp-video-thumbnail-uploader .bb-model-footer {
  border-top: 1px solid #e7e9ec;
  margin: 30px -30px 0;
  padding: 0 30px;
}

.bp-video-thumbnail-uploader .bb-model-footer .bp-video-thumbnail-submit.is-disabled {
  pointer-events: none;
  background-color: #9ea8b3 !important;
  border-color: #9ea8b3 !important;
  box-shadow: none !important;
}

@media screen and (max-width:540px) {
  .bp-video-thumbnail-uploader .bb-model-footer {
    margin: 30px -1rem 0;
  }

  .bp-video-thumbnail-uploader .modal-container {
    padding: 20px 1rem 30px;
  }

  .bp-video-thumbnail-uploader .bb-model-header {
    margin: -20px -1rem 30px;
    flex-wrap: wrap;
  }

  .bp-video-thumbnail-uploader .bb-model-header .bp-video-thumbnail-uploader-modal-title {
    margin-right: 10px;
  }

  .bp-video-thumbnail-uploader .bb-model-header .thumbnail_notice {
    margin: 0;
  }

  .bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader {
    min-height: 110px;
  }

  .bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block {
    padding: 0 5px;
  }

  .bp-video-thumbnail-uploader.generating_thumb .bp-video-thumbnail-auto-generated .video-thumb-list li.thumb_loader .video-thumb-block>span {
    font-size: .75rem;
  }

  .video-thumbnail-content {
    flex-flow: column;
  }

  .video-thumbnail-content .bb-dropzone-wrap {
    margin-bottom: 1rem;
    min-height: 106px;
    vertical-align: top !important;
    width: 100% !important;
  }

  .video-thumbnail-content .bb-dropzone-wrap .dropzone,
  .video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-default,
  .video-thumbnail-content .bb-dropzone-wrap .dropzone .dz-preview .dz-image,
  .video-thumbnail-content .bb-dropzone-wrap .video-thumbnail-custom img {
    height: 106px !important;
  }

  .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li img {
    min-height: 100px;
    max-height: 106px;
  }

  .video-thumbnail-content .bb-action-check-wrap [class*=" bb-icon-"] {
    font-size: 11px;
    width: 18px;
    height: 18px;
  }

  .video-thumbnail-content .bp-video-thumbnail-auto-generated {
    flex-basis: 100%;
    width: 100%;
  }

  .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li {
    width: calc(33.3333334% - 6.66666667px);
    flex: calc(33.3333334% - 6.66666667px);
    margin-left: 10px !important;
    padding-left: 0;
    padding-right: 0;
  }

  .video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li:first-child {
    margin-left: 0 !important;
  }

  ;
}

div.dropzone.dz-started {
  margin: 0 0 20px;
}

div.dropzone.dz-started .dz-default.dz-message {
  flex-basis: 100%;
  max-width: 130px !important;
  min-height: 130px !important;
  margin: 0 4px 10px;
  padding: 0 5px;
}

.video-type-navs.main-navs {
  border-bottom: 1px solid #e7e9ec;
}

#video-stream {
  margin-top: 20px;
}

#video-stream .video-list.bp-list {
  margin-top: 0;
}

.dropzone.video-dropzone .dz-progress-count {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  color: var(--mb-base-white);
  padding: 0 20px 0 1rem;
  font-size: .75rem;
  line-height: 2.5;
  border-radius: 0 0 4px 4px;
  text-align: center;
  text-indent: -10px;
}

.dropzone.video-dropzone .dz-preview {
  background: #f0f3f7;
  border-radius: 4px;
}

.dropzone.video-dropzone .dz-preview:not(.dz-complete) .dz-remove {
  color: #fff;
}

.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove {
  position: absolute;
  bottom: 5px;
  top: inherit;
  left: 50%;
  margin-left: 50px;
  transform: translateX(-50%);
  background-color: transparent;
  height: 23px;
  width: 23px;
  box-shadow: none;
}

.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove:after {
  font-size: 18px;
  line-height: 26px;
  opacity: .4;
  font-weight: 300;
}

.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove:hover:after {
  opacity: 1;
}

.dropzone.video-dropzone .dz-preview .dz-filename {
  opacity: 0;
  visibility: hidden;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview {
  background-color: #ddd;
  border-radius: 4px;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-filename {
  color: #fff;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress,
.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress-count,
.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap .dz-progress-ring circle {
  display: none;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-progress-ring-wrap,
.dz-image img {
  display: block;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove {
  bottom: inherit;
  transform: none;
  margin: 0;
  top: 8px;
  left: inherit;
  right: 8px;
  background-color: #e7e7ea;
  height: 19px;
  width: 19px;
  line-height: inherit;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove:after {
  font-size: 20px;
  color: #9ea8b3;
  position: absolute;
  top: 0;
  left: 0;
}

.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap {
  background-color: rgba(0, 0, 0, .05);
}

.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap [class*=" bb-icon-"],
.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail):not(.dz-complete) .dz-remove {
  color: rgba(18, 43, 70, .5);
}

.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-count {
  background-color: rgba(0, 0, 0, .05);
  color: rgba(18, 43, 70, .5);
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) {
  background-color: #f8f8f8;
  z-index: 1;
  border-radius: 4px;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-details {
  background-color: transparent;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename {
  font-size: .75rem;
  color: rgba(18, 43, 70, .5);
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  bottom: 8px;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-remove {
  background-color: transparent;
}

.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-remove {
  background-color: #fd4343;
  position: absolute;
  top: 5px;
  right: 5px;
  height: .875rem;
  width: .875rem;
  margin: 0;
  left: inherit;
  transform: none;
}

.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-remove:after {
  position: absolute;
  top: -1px;
  left: 1px;
  font-size: .875rem;
  line-height: 1;
}

.dropzone.video-dropzone #dropzone-video-preview {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: fill;
}

.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-details {
  min-height: 130px;
  height: 130px;
  width: 100%;
  color: var(--mb-base-white);
  z-index: 1;
}

.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-details .dz-size,
.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .select2.select2-container .select2-selection__choice .select2-selection__choice__remove {
  display: none !important;
}

.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename>span {
  max-width: 70%;
  margin: auto;
  line-height: 1.2;
}

.dropzone.video-dropzone .dz-success-mark {
  top: 70%;
  left: -5px;
}

.dropzone.video-dropzone .dz-preview.dz-file-preview {
  width: 175px;
}

.dropzone.video-dropzone .dz-video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
}

.dropzone.video-dropzone .dz-video-thumbnail img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.dropzone.video-dropzone .dz-preview .dz-success-mark {
  display: none;
}

.dropzone.video-dropzone.dz-started .dz-default.dz-message {
  max-width: 175px !important;
  width: 175px;
  min-height: 130px !important;
  height: 130px;
}

@media screen and (max-width:768px) {
  .dropzone.video-dropzone .dz-preview.dz-file-preview {
    width: calc(50% - 11.5px);
    margin: 0 5px 10px;
  }

  .dropzone.video-dropzone .dz-preview.dz-file-preview:last-child {
    margin-right: 0;
  }

  .dropzone.video-dropzone.dz-started .dz-default.dz-message {
    width: calc(50% - 11.5px);
    max-width: calc(50% - 11.5px) !important;
  }

  ;
}

@media screen and (max-width:640px) {
  .dropzone.video-dropzone .dz-default.dz-message {
    min-height: 18vh;
  }

  ;
}

@media screen and (max-width:480px) {
  .dropzone.video-dropzone .dz-preview.dz-file-preview {
    width: calc(100% - 10px);
    margin: 0 5px 10px;
  }

  .dropzone.video-dropzone.dz-started .dz-default.dz-message {
    width: calc(100% - 10px);
    max-width: calc(100% - 10px) !important;
  }

  ;
}

body>.open-popup.video-error-popup {
  position: relative;
  z-index: 999999;
}

@media screen and (max-width:480px) {
  .bp-video-move-file .bb-model-footer .bp-video-open-create-popup-album {
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
  }

  ;
}

.dropzone,
.dropzone * {
  box-sizing: border-box;
}

.dropzone {
  border: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
}

.dropzone .dz-message {
  margin-top: 0;
  margin-bottom: 0;
}

.dropzone.dz-clickable,
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dz-default.dz-message {
  flex: 0 0 100%;
  min-width: 0;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: .5;
}

.dropzone .dz-preview {
  position: relative;
  margin: 0 4px 10px;
}

.dz-image {
  border-radius: 4px;
  overflow: hidden;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding-top: 0;
  display: block;
  background: #f0f3f7;
}

.dropzone .dz-preview.dz-file-preview .dz-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}

.dropzone .dz-remove {
  font-size: 0;
  text-align: center;
  display: block;
  cursor: pointer;
  border: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  z-index: 101;
  overflow: hidden;
  color: #9ea8b3;
  background: #e7e7ea;
}

.dropzone .dz-remove:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  font-family: bb-icons;
  font-size: 20px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 1rem;
}

.dropzone .dz-preview .dz-details .dz-filename span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 8px;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
  -moz-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
  -ms-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
  -o-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
  animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
  -moz-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
  -ms-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
  -o-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
  animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  margin-left: auto;
  margin-top: auto;
  width: 100%;
  left: 0;
  text-align: center;
}

.dropzone .dz-preview .dz-success-mark {
  top: 45%;
}

.dropzone .dz-preview .dz-error-mark {
  font-size: 30px;
  top: 38%;
}

.dz-error-mark svg,
.dz-success-mark svg {
  max-width: 20px;
  height: auto;
  margin: -10px 0 0 10px;
}

.dz-success-mark svg path {
  fill: #1cd991;
}

.dz-error-mark svg path {
  fill: #ef3e46;
}

.dz-error-mark i {
  color: #ef3e46;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  -moz-transition: opacity .4s ease-in;
  -ms-transition: opacity .4s ease-in;
  -o-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 100;
  pointer-events: none;
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  width: 80%;
  margin: 0 auto;
  background: rgba(255, 255, 255, .9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width .3s ease-in-out;
  -moz-transition: width .3s ease-in-out;
  -ms-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
  line-height: 1.35;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 100;
  position: absolute;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  border-radius: 4px;
  top: 75%;
  left: 10px;
  right: 10px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 7px 10px;
  font-size: .75rem;
  color: var(--mb-base-white);
  word-wrap: break-word;
}

.dropzone .dz-preview .dz-error-message:after {
  content: " ";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.vue-dropzone .dz-preview .dz-details .dz-filename {
  overflow: hidden;
}

.vue-dropzone .dz-preview .dz-details .dz-filename span,
.vue-dropzone .dz-preview .dz-details .dz-size span {
  background-color: transparent;
}

.vue-dropzone .dz-preview .dz-progress .dz-upload {
  background: #007cff;
}

.vue-dropzone .dz-preview .dz-error-message {
  top: 24px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 96%;
  font-size: 10px;
  line-height: 1.3;
}

.vue-dropzone .dz-preview .dz-error-message:after {
  bottom: -6px;
  top: initial;
  border-top: 6px solid #a92222;
  border-bottom: none;
}

.dropzone .dz-default {
  border: 4px dashed #bbb;
  min-height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #767676;
  font-size: 110%;
  margin: 5px 0;
  text-align: center;
}

.dropzone .dz-default button {
  background-color: transparent;
  border: 0;
  color: #767676;
  font-size: 110%;
}

.dropzone.dz-started {
  margin: 0-5px 20px;
}

.dropzone.dz-started .dz-default.dz-message {
  display: flex;
  min-height: 1px;
  max-width: 130px;
  height: 130px;
  font-size: .75rem;
  text-align: center;
  margin: 0 0 10px;
}

.dropzone.dz-started .dz-default.dz-message .dz-button {
  font-size: .75rem !important;
}

.dropzone .dz-preview.dz-complete .dz-progress-ring-wrap,
.dropzone.dz-max-files-reached .dz-default.dz-message,
.dz-details {
  display: none;
}

.dropzone .dz-preview .dz-image img {
  width: 130px;
}

.dropzone .dz-preview .dz-progress-ring-wrap {
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring {
  position: absolute;
  top: -2px;
  left: -2px;
  transition: .35s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring circle {
  stroke: #5087e5;
  transition: all ease .3s;
}

.dropzone .dz-preview .dz-progress-ring-wrap [class*=" bb-icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--mb-base-white);
  z-index: 11;
  font-size: 24px;
}

.dropzone .dz-preview.dz-error .dz-progress-ring-wrap,
.dropzone.document-dropzone .dz-preview .dz-progress-ring-wrap {
  background-color: rgba(0, 0, 0, .05);
}

.dropzone .dz-preview.dz-error .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: #767676;
}

.dropzone.document-dropzone .dz-preview:not(.dz-complete) .dz-progress-ring-wrap {
  background-color: rgba(0, 0, 0, .05);
}

.dropzone.document-dropzone .dz-preview:not(.dz-complete) .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: rgba(18, 43, 70, .5);
}

.dropzone.document-dropzone .dz-preview:not(.dz-complete) .dz-progress-count {
  background-color: rgba(0, 0, 0, .05);
  color: rgba(18, 43, 70, .5);
}

.dropzone.document-dropzone .dz-preview .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: rgba(18, 43, 70, .5);
}

.dropzone.document-dropzone .dz-preview .dz-icon {
  display: none;
}

.dropzone.document-dropzone .dz-preview .dz-remove {
  background-color: transparent;
  color: #92949d;
  top: 8px;
  right: 8px;
}

.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-filename {
  position: static;
  padding-right: 0;
  margin-top: 11px;
}

.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-size {
  display: block;
}

.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon {
  display: block;
  height: 38px;
  margin-top: 25px;
  position: relative;
}

.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon:before {
  content: "";
  font-size: 38px;
  color: #92949d;
  font-family: bb-icons;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon [class*=bb-icons] {
  font-size: 38px;
  color: rgba(18, 43, 70, .5);
  left: 50%;
  display: block;
  position: absolute;
  transform: translateX(-50%);
}

.dropzone.document-dropzone .dz-preview .dz-details .dz-filename {
  position: absolute;
  bottom: 3px;
  left: 10px;
  right: 0;
  font-size: .75rem;
  line-height: 19.5px;
  color: rgba(18, 43, 70, .5);
  padding-right: 20px;
}

.dropzone.document-dropzone .dz-preview .dz-details .dz-size {
  display: none;
  font-size: .75rem;
  font-weight: 700;
  line-height: 19.5px;
  color: rgba(18, 43, 70, .5);
}

.dropzone.dz-progress-view {
  padding-bottom: 45px;
  position: relative;
}

.dropzone.dz-progress-view .dz-global-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-right: 25px;
}

.dropzone.dz-progress-view .dz-global-progress p {
  color: #767676;
  font-size: .75rem;
  margin: 0 !important;
}

.dropzone.dz-progress-view .dz-global-progress .dz-progress-bar-full {
  background-color: #eaeaea;
  border-radius: 100px;
  height: 8px;
  width: 100%;
  margin-bottom: 6px;
  overflow: hidden;
}

.dropzone.dz-progress-view .dz-global-progress .dz-progress {
  background-color: #5087e5;
  display: block;
  height: 100%;
  width: 100%;
}

.dropzone.dz-progress-view .dz-global-progress .dz-remove-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -6px;
  right: 0;
}

.dropzone.dz-progress-view .dz-global-progress .dz-remove-all:before {
  color: #767676;
  font-size: 18px;
}

.dropzone.dz-progress-view.files-uploaded {
  padding-bottom: 0;
  position: static;
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap:after,
.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap:before,
.dropzone.dz-progress-view.files-uploaded .dz-global-progress {
  display: none;
}

#group-messages-container {
  background: var(--mb-base-white);
  border: 1px solid #e7e9ec;
  border-radius: 4px;
  display: flex;
  flex-flow: row wrap;
}

#group-messages-container .bp-navs.group-subnav {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-height: 1px;
  border: 0;
  padding: 0 20px;
  border-radius: 4px 4px 0 0;
  background: var(--mb-base-white);
  border-bottom: 1px solid #e7e9ec;
  margin-bottom: 0;
}

#group-messages-container .bp-navs.group-subnav li {
  float: left;
  margin-right: 30px;
  padding-right: 0;
}

#group-messages-container .bp-navs.group-subnav li a {
  background: 0 0;
  border: 0;
  font-size: .875rem;
  color: #939597;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1px;
  padding: 1rem 0;
}

#group-messages-container .bp-navs.group-subnav li.selected {
  background: 0 0;
  border-bottom: 1px solid #007cff;
  margin-bottom: -1px;
}

@media screen and (max-width:540px) {
  #group-messages-container .bp-navs.group-subnav {
    padding: 0 8px;
  }

  #group-messages-container .bp-navs.group-subnav li {
    margin-right: 10px;
  }

  #group-messages-container .bb-groups-messages-right .bb-title-wrap {
    flex-flow: column;
    align-items: flex-start;
  }

  #group-messages-container .bb-groups-messages-right .bb-title-wrap .add-more-members {
    display: flex;
    align-items: center;
    margin-top: 1rem;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar {
    display: block;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar .post-elements-buttons-item {
    display: inline-block;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar #group-messages-new-submit {
    margin-top: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar #group-messages-new-submit .group-messages-type {
    margin-bottom: 10px;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar,
  .group-messages.public-message #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar {
    bottom: 65px;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar.active {
    bottom: 91px;
  }

  .group-messages.public-message #group-messages-container .bb-groups-messages-right #whats-new-toolbar div.medium-editor-toolbar.active {
    bottom: 47px;
  }

  #group-messages-container .bb-groups-messages-right #whats-new-toolbar.media-off .medium-editor-toolbar {
    bottom: 90px;
  }

  ;
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container {
  display: flex;
  flex-flow: column;
  justify-content: stretch;
  align-items: stretch;
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container #subnav.bp-navs.group-subnav .subnav {
  border-bottom: 0 !important;
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container #subnav.bp-navs.group-subnav .subnav li a {
  padding: 1rem 0;
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

.groups.group-messages .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right>#send_group_message_form {
  width: 100%;
  height: auto;
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container {
  flex-flow: row wrap;
}

.group-messages.public-message .bb-groups-messages-right div#bp-group-message-content,
.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-left,
.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top {
  min-height: 50vh;
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #whats-new-toolbar #group-messages-new-submit .group-messages-type {
  width: 45%;
}

.groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #subnav {
  height: 47px;
}

@media screen and (max-width:1080px) {
  .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-left {
    min-height: auto;
  }

  .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container .bb-groups-messages-right {
    min-height: 50vh;
  }

  .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #subnav {
    height: auto;
  }

  ;
}

@media screen and (max-width:540px) {
  .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #subnav {
    height: auto;
  }

  .groups.group-messages.private-message .bp-single-vert-nav #item-body #group-messages-container #whats-new-toolbar #group-messages-new-submit .group-messages-type {
    width: auto;
  }

  ;
}

.bb-groups-messages-right {
  flex: 1;
  min-width: 0;
  position: relative;
}

.bb-groups-messages-right.full_width {
  flex: auto;
}

.bb-groups-messages-right .medium-editor-element:not(.emojionearea),
.bb-groups-messages-right .medium-editor-placeholder:not(.emojionearea) {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 1rem;
}

.bb-groups-messages-left {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 360px;
  flex: 0 0 360px;
  min-width: 0;
}

@media screen and (max-width:46.8em) {
  .bb-groups-messages-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 0;
  }

  ;
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled:before {
  display: block;
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled:after {
  display: block;
  width: 200px;
  white-space: normal;
}

@media screen and (max-width:360px) {
  .bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled:after {
    width: 160px;
  }

  ;
}

.bb-groups-messages-left .bb-panel-subhead .bp-group-message-wrap.is_disbaled .bp-group-message-label {
  cursor: pointer;
}

.bp-vertical-navs .bb-groups-messages-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 260px;
  flex: 0 0 260px;
}

.bb-panel-head {
  border-bottom: 1px solid #e7e9ec;
  padding: 1rem 20px;
  position: relative;
}

.bb-panel-subhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 7px 0;
}

.bp-group-message-wrap {
  margin: 0 0 0 auto;
  line-height: 1;
}

.bp-group-message-label {
  font-size: .75rem;
  margin: 0;
}

.group-messages-members-listing {
  padding: 0 20px 20px;
}

.bb-panel-footer {
  display: none;
  border-top: 1px solid #e7e9ec;
  padding: 10px 20px;
  text-align: right;
}

.group-messages-members-listing #members-list {
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0-20px;
  padding: 0 20px;
  width: auto;
}

#group-messages-container .bb-groups-messages-left .group-messages-search {
  padding: 20px 0;
}

#group-messages-container .bb-groups-messages-right .bp-messages-feedback-hide {
  display: none;
}

#send_group_message_form .select2-search.select2-search--inline {
  flex: 1;
  min-width: 0;
}

#buddypress #send_group_message_form .select2-search__field {
  background: 0 0;
  border-width: 0;
  min-width: 100%;
  width: 100% !important;
  padding-left: 0;
  height: 30px;
}

#buddypress #send_group_message_form li:first-child .select2-search__field {
  height: 30px;
}

body.groups.messages .select2-dropdown .select2-results__option,
body.groups.messages li.select2-results__option.select2-results__message {
  margin-bottom: 0;
  font-size: .875rem;
  padding: 0.5rem 1rem;
}

body.groups.messages span.select2-dropdown.select2-dropdown--below {
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  border: 0;
  padding: 5px 10px;
  margin-right: 0;
  max-width: 300px;
  display: none;
}

.bb-groups-messages-right-top {
  padding: 10px 20px;
}

.bb-groups-messages-right-bottom {
  border-top: 1px solid #e7e9ec;
  height: 100%;
}

.bp-select-members-wrap {
  min-height: 45px;
}

body.groups.messages #send_group_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #4d5c6d;
  border-color: #4d5c6d;
  font-size: .875rem;
  color: var(--mb-base-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  padding: 0 8px;
}

#send_group_message_form .select2-selection__choice__remove {
  color: #333;
  margin-left: 7px;
  background: var(--mb-base-white);
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 1rem;
  justify-content: center;
}

#send_group_message_form .select2-selection--multiple {
  border-color: transparent;
  padding: 0;
}

#send_group_message_form .select2-selection__rendered {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}

#send_group_message_form li.select2-selection__choice {
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#group-messages-container .item-list li,
#send_group_message_form #group-messages-toolbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

#send_group_message_form #group-messages-toolbar .post-elements-buttons-item {
  margin-right: 10px;
  position: relative;
}

div#bp-group-message-content {
  padding: 20px;
  height: 100%;
  display: flex;
  flex-flow: column;
}

#group-messages-container .bb-groups-messages-left .bp-messages-feedback-hide,
#group-messages-container .bp-message-dropdown-options-hide {
  display: none;
}

#group-messages-container .item-list li {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 5px 0;
  border-radius: 0;
  width: 100%;
}

#group-messages-container .item-list li .item-avatar img {
  image-rendering: -webkit-optimize-contrast;
}

#group-messages-container .bb-groups-messages-left .list-title {
  color: #393e41;
  font-size: 1rem;
  margin: 0 auto;
  width: 100%;
}

#group-messages-container .bb-groups-messages-left .list-title>a {
  font-size: 1rem;
  font-weight: 400;
}

#group-messages-container .bb-groups-messages-left .last {
  text-align: center;
  float: right;
}

#group-messages-container .bb-groups-messages-left .bp-group-messages-filters .button.group-message-button {
  background-color: transparent;
  border: 0;
  padding-left: 5px;
  padding-right: 5px;
}

#group-messages-container .bb-groups-messages-left #group-group-messages-container .button.group-message-button {
  min-height: 34px;
  padding: 5px 1rem;
}

#group-messages-container .bb-groups-messages-left .button.group-message-button {
  min-height: 26px;
  padding: 0;
  background: 0 0;
  border: 0;
}

span.icons:before {
  font-family: dashicons;
}

#bp-message-thread-list.group-message-thread .bp-single-message-wrap {
  padding-left: .75rem;
  padding-right: .75rem;
}

#bp-message-thread-list.group-message-thread .bp-single-message-wrap.group-messages-highlight {
  background: #fffced;
  padding: .75rem 11px;
  border: 1px solid #f9efca;
  border-radius: 5px;
}

#group-messages-container .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: transparent !important;
  cursor: default;
}

#group-messages-container div#group-messages-new-submit {
  margin-left: auto;
  display: flex;
}

#group-messages-container #whats-new-toolbar,
.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .bb-title,
.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .group-messages-compose {
  display: block;
}

#group-messages-container #whats-new-toolbar .post-elements-buttons-item {
  display: inline-block;
  margin-right: 6px;
}

#group-messages-container #whats-new-toolbar #group-messages-new-submit {
  border-top: 1px solid #ebe9e6;
  padding: 10px 20px 0;
  margin: 10px -20px -10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#group-messages-container #whats-new-toolbar #group-messages-new-submit .group-messages-type {
  width: auto;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar {
  top: inherit;
  bottom: 45px;
  left: 26px;
  visibility: hidden;
  z-index: 99;
  background-color: var(--mb-base-white);
  opacity: 0;
  transition: all ease .3s;
  height: 0;
  right: 0;
  overflow: hidden;
  border-radius: 0;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar.active {
  border-radius: 0;
  z-index: 112;
  opacity: 1;
  visibility: visible;
  bottom: 42px;
  height: 40px;
  right: -20px;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions {
  background-color: transparent;
  height: auto;
  padding: 0;
}

#group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input {
  width: calc(100% - 80px);
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar {
  visibility: visible;
  height: 44px;
  left: -1rem;
  opacity: 1;
  bottom: 35px;
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-actions {
  opacity: .4;
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar.medium-editor-toolbar-active .medium-editor-toolbar-actions {
  opacity: 1;
}

#group-messages-container #whats-new-toolbar.media-off .medium-editor-toolbar .medium-editor-toolbar-form.medium-editor-toolbar-form-active {
  position: absolute;
  box-shadow: none;
  bottom: -6px;
}

#group-messages-container select.group-messages-type {
  margin-right: 10px;
}

#group-messages-container form#send_group_message_form {
  margin-bottom: 0;
  height: 100%;
  display: flex;
  flex-flow: column;
}

#group-messages-container .bb-groups-messages-right>.bp-feedback {
  margin: 20px;
}

.bp-single-message-content .bp-message-content-wrap p.joined {
  color: #847d7d;
  font-style: italic;
  font-weight: 700;
}

.total-members-text:empty {
  display: none;
}

#group-messages-container .group-messages-members-listing .total-members-text {
  color: #939597;
  font-size: 1rem;
  margin-bottom: 10px;
  margin-top: 20px;
}

#group-messages-container .load-more .center {
  width: 100%;
  text-align: center;
}

.bb-group-message-info {
  font-size: .75rem;
  color: #939597;
  margin-top: 5px;
}

.bb-group-message-info:before {
  content: "";
  display: inline-block;
  font-family: bb-icons;
  font-size: 18px;
  margin: -1px 5px 0 0;
  vertical-align: middle;
}

#buddypress .bb-group-message-info a {
  text-decoration: none;
  font-weight: 700;
  color: inherit;
}

.bp-group-message-switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  margin: 0;
}

.bp-group-message-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.bp-group-message-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.bp-group-message-slider:before {
  position: absolute;
  content: " ";
  height: .875rem;
  width: .875rem;
  left: 3px;
  bottom: 3px;
  background-color: var(--mb-base-white);
  -webkit-transition: .4s;
  transition: .4s;
}

.bb-groups-messages-left-inner input:checked+.bp-group-message-slider {
  background-color: #007cff;
}

.bb-groups-messages-left-inner .input:focus+.bp-group-message-slider {
  box-shadow: 0 0 1px #007cff;
}

.bb-groups-messages-left-inner input:checked+.bp-group-message-slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.bb-groups-messages-right .bb-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hr-text,
.message-lists .thread-avatar {
  position: relative;
}

.message-lists .thread-avatar .recipients-count {
  position: absolute;
  top: 2px;
  right: -5px;
  background: var(--mb-base-white);
  color: #939597;
  border-radius: 50%;
  border: 1px solid;
  font-size: 11px;
  line-height: normal;
  min-width: 19px;
  padding: 2px;
  text-align: center;
}

.message-lists .thread-item {
  transform: translate3d(0, 0, 0);
}

.bp-group-message-slider.bp-group-message-round {
  border-radius: 34px;
}

.bp-group-message-slider.bp-group-message-round:before {
  border-radius: 50%;
}

.hr-text {
  outline: 0;
  border: 0;
  color: #000;
  text-align: center;
  height: 1.5em;
  opacity: .5;
  width: 100%;
  background: 0 0;
  margin: 0;
}

.hr-text:before {
  content: "";
  background: #818078;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}

.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: .5em;
  color: #818078;
  background-color: #fff;
}

#group-messages-container .bb-groups-messages-right .group-messages-compose {
  font-size: 0;
  display: none;
  line-height: 0;
}

#group-messages-container .bb-groups-messages-right .group-messages-compose:after {
  content: "";
  font-size: 20px;
  font-family: dashicons;
  vertical-align: top;
  text-align: center;
  transition: color .1s ease-in;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.group-messages.public-message .bb-groups-messages-right {
  flex: auto;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bp-select-members-wrap .group-messages-helper-text,
.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .group-messages-helper-text {
  min-width: 70px;
  color: #c3c6c9;
  float: left;
  margin-top: 9px;
}

.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .select2.select2-container {
  float: left;
  width: calc(100% - 100px) !important;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top,
.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top {
  border-bottom: 1px solid #e7e9ec;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap,
.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
  padding: 0;
  border: 0;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li .invite-button .icons:before,
.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .bb-title,
.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .group-messages-compose,
.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .group-messages-helper-text {
  display: none;
}

.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-bottom {
  border: 0;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top,
.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top {
  padding-bottom: 20px;
}

.group-messages.public-message .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap {
  padding: 20px 20px 0;
}

@media screen and (max-width:540px) {
  .group-messages.public-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap {
    flex-flow: row;
  }

  ;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-private-full {
  padding: 10px 20px;
  width: 100%;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled .action>span i {
  font-size: 25px;
  opacity: .25;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled>.action,
.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled>.item,
.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled>.item-avatar {
  pointer-events: none;
  cursor: default;
  opacity: .5;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.is_disabled.can-not-grp-msg>.action {
  pointer-events: auto;
  opacity: 1;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li .invite-button {
  background: 0 0;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li .invite-button .icons {
  opacity: 1;
  visibility: visible;
  height: 24px;
  width: 24px;
  border: 2px solid #b8c1ca;
  display: inline-block;
  border-radius: 100%;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li div.action span i {
  font-size: 26px;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.selected .invite-button .icons {
  border: 0;
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.selected .invite-button .icons:before {
  content: "";
  font-size: 1rem;
  line-height: 24px;
  height: 24px;
  width: 24px;
  display: inline-block;
  border-radius: 100%;
  background-color: #5087e5;
  color: #fff;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bp-select-members-wrap .select2.select2-container {
  float: left;
  width: calc(100% - 100px) !important;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .bb-full-link,
.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-content span.bb-full-link,
.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3 .read-item.bb-more-item,
.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .add-more-members,
.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .bb-title,
.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .group-messages-compose,
.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .group-messages-helper-text {
  display: none;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom {
  border-top: 0;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content {
  padding-top: 10px;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap {
  flex-flow: row;
  padding: 20px 20px 0;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .bb-title {
  display: block;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right.full_width .bb-groups-messages-right-top .bb-title-wrap .add-more-members {
  display: none !important;
}

@media screen and (max-width:540px) {
  .group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
    padding: 0 20px;
  }

  .group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .add-more-members {
    display: block;
  }

  ;
}

@media screen and (min-width:1081px) {
  .bb-groups-messages-left {
    border-right: 1px solid #e7e9ec;
  }

  .add-more-members {
    display: none;
  }

  ;
}

@media screen and (max-width:1080px) {
  .bb-groups-messages-left:not(.bb-select-member-view) .bb-panel-head {
    display: none;
  }

  .groups.messages.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap {
    padding: 20px !important;
    margin-bottom: 0;
  }

  .groups.messages.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bb-title-wrap .add-more-members {
    display: block;
  }

  .bb-groups-messages-left,
  .bb-groups-messages-right {
    flex: 0 0 100%;
    border-right: 0;
  }

  .group-messages-members-listing #members-list {
    max-height: 25vh;
  }

  .bb-panel-footer,
  .group-messages-members-listing,
  .group-messages-search {
    display: none;
  }

  .bb-groups-messages-left.bb-select-member-view {
    position: fixed;
    background: rgba(0, 0, 0, .69);
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .bb-groups-messages-left.bb-select-member-view .bb-groups-messages-left-inner {
    background: var(--mb-base-white);
    border-radius: 5px;
    width: 90%;
    max-width: 500px;
    overflow: hidden;
  }

  .bb-groups-messages-left.bb-select-member-view .bb-panel-footer,
  .bb-groups-messages-left.bb-select-member-view .group-messages-members-listing,
  .bb-groups-messages-left.bb-select-member-view .group-messages-search {
    display: block;
  }

  .bb-groups-messages-left.bb-select-member-view .add-more-members,
  .bb-groups-messages-left.bb-select-member-view select.group-messages-select-members-dropdown {
    display: none;
  }

  .bb-groups-messages-left.bb-select-member-view .group-messages-members-listing {
    padding-bottom: 0;
  }

  .bb-groups-messages-left.bb-select-member-view .bb-panel-head {
    background: #fbfbfc;
  }

  body #buddypress .group-messages-members-listing .bp-list .action {
    flex: 0 0 26px;
    margin-left: auto;
  }

  .bb-groups-messages-right .medium-editor-element:not(.emojionearea),
  .bb-groups-messages-right .medium-editor-placeholder:not(.emojionearea) {
    min-height: 180px;
  }

  ;
}

@media screen and (max-width:767px) {
  #group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button {
    padding: 10px 5px 10px 0;
  }

  #group-messages-container #whats-new-toolbar .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-left: 5px !important;
  }

  ;
}

#block-member .bb-model-header,
#content-report .bb-model-header,
#reported-content .bb-model-header,
.bb-onscreen-notification-enable,
.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item.recent-item,
.bb-toast-messages-enable {
  position: relative;
}

@media screen and (max-width:500px) {
  .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list {
    display: none;
  }

  .bb-onscreen-notification-enable.bb-onscreen-notification-enable-mobile-support .bb-onscreen-notification .notification-list {
    display: block;
  }

  ;
}

.bb-onscreen-notification-enable .bb-onscreen-notification {
  position: fixed;
  bottom: 25px;
  right: 35px;
  max-width: 360px;
  width: 100%;
  z-index: 1099;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item {
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0/5%), 0 6px 32px 0 rgb(18 43 70/10%);
  margin: 1rem 0;
  padding: 1rem;
  border: solid 1px var(--mb-primary-500);
  border-radius: .5rem;
  transition: all linear .2s;
  z-index: 4;
  display: flex;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item.recent-item:before {
  content: " ";
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  transform: translate(0, 0);
  height: 100%;
  width: 5px;
  background: var(--mb-primary-500);
  position: absolute;
  border-radius: 5px 0 0 5px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item:hover,
.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item.has-url:hover {
  background: #f7fafe;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar {
  margin-right: 1rem;
  min-width: 50px;
  max-height: 50px;
  position: relative;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar img {
  max-width: 53px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar .bb-notification-members img {
  max-width: 40px;
  border: 2px solid #fff;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar .bb-notification-members img:nth-child(1) {
  transform: translate(0, 0);
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar .bb-notification-members img:nth-child(2) {
  transform: translate(.875rem, -25px);
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar a>i {
  align-items: center;
  background-color: #9b9c9f;
  border-radius: 50%;
  bottom: -10px;
  color: var(--mb-base-white);
  display: flex;
  font-size: 18px;
  justify-content: center;
  height: 25px;
  position: absolute;
  right: -10px;
  width: 25px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar a>i.bb-icon-calendar {
  font-size: 17px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-content {
  align-self: center;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-content span,
.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-content span {
  display: flex;
  flex-direction: column;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .actions {
  align-self: flex-start;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .actions a {
  height: 20px;
  line-height: 20px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .actions a .dashicons {
  font-size: 20px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3 {
  margin-bottom: 32px;
  position: relative;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3:after {
  content: " ";
  height: 20px;
  width: 100%;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  position: absolute;
  left: 0;
  bottom: -.875rem;
  z-index: 2;
  background: #fff;
}

@media screen and (max-width:500px) {
  .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list.bb-more-than-3:after {
    display: none;
  }

  ;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close {
  background: #7e8b99;
  border-radius: 30px;
  padding: 4px 35px 4px 1rem;
  color: var(--mb-base-white);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  display: none;
  position: relative;
}

.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .dashicons {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-avatar .member-status,
#wpadminbar #wp-admin-bar-bp-notifications-default .notification-avatar>a>i,
.bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .bb-for-mobile,
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter img {
  display: none;
}

@media screen and (max-width:500px) {
  .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .bb-for-desktop {
    display: none;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .bb-for-mobile {
    display: inline-block;
    line-height: 1.3;
  }

  ;
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-right {
  right: 35px;
  left: inherit;
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-right .bb-remove-all-notification {
  justify-content: flex-end;
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-left {
  right: inherit;
  left: 35px;
}

.bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-left .bb-remove-all-notification {
  justify-content: flex-start;
}

@media screen and (max-width:500px) {
  .bb-onscreen-notification-enable .bb-onscreen-notification {
    max-width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    right: 1rem;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-right {
    right: 1rem;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.bb-position-left {
    left: 1rem;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 10px 0 0;
    flex: 0 0 calc(100% - 80px);
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item {
    margin: 0;
    padding: .75rem;
    display: none;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item:first-child {
    display: flex;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item .notification-avatar {
    margin-right: 10px;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close {
    border-radius: 5px;
    padding: .75rem 10px;
    text-align: center;
    width: 70px;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.single-notification .notification-list {
    width: 100%;
    margin: 0;
    flex: 0 0 100%;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification .bb-remove-all-notification .action-close .dashicons,
  .bb-onscreen-notification-enable .bb-onscreen-notification.single-notification .bb-remove-all-notification {
    display: none;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .notification-list {
    margin-bottom: .875rem;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .notification-list:before {
    content: " ";
    height: 20px;
    width: calc(100% - 80px);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .notification-list.bb-more-than-3:before {
    width: 100%;
    bottom: -.875rem;
  }

  .bb-onscreen-notification-enable .bb-onscreen-notification.active-button .bb-remove-all-notification .action-close {
    display: flex !important;
  }

  ;
}

#block-member .bb-model-header .mfp-close,
#content-report .bb-model-header .mfp-close,
#reported-content .bb-model-header .mfp-close {
  top: 50%;
  transform: translate(0, -50%);
}

#block-member .bb-model-header .mfp-close:hover,
#content-report .bb-model-header .mfp-close:hover,
#reported-content .bb-model-header .mfp-close:hover {
  box-shadow: none;
}

#block-member .bb-model-header .mfp-close [class*=" bb-icon-"],
#content-report .bb-model-header .mfp-close [class*=" bb-icon-"],
#reported-content .bb-model-header .mfp-close [class*=" bb-icon-"] {
  font-size: 24px;
  pointer-events: none;
}

.taxonomy-bpm_category .table-view-list.tags tbody tr td .inline-edit-wrapper .inline-edit-col .title {
  width: 140px;
}

.taxonomy-bpm_category .table-view-list.tags tbody tr td .inline-edit-wrapper .inline-edit-col .input-text-wrap {
  margin-left: 20px;
  width: calc(100% - 160px);
  float: left;
}

@media screen and (max-width:1460px) {
  .buddyboss_page_bp-moderation .fixed .column-date {
    width: 150px;
  }

  .buddyboss_page_bp-moderation .fixed .column-reporter {
    width: calc(100% - 150px);
  }

  ;
}

#wpadminbar #wp-admin-bar-bp-notifications-default {
  width: 300px;
  max-height: calc(90vh - 50px);
  overflow: auto;
}

#wpadminbar #wp-admin-bar-bp-notifications-default>li {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-avatar {
  float: left;
  width: 40px;
  margin-top: 4px;
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-avatar>a {
  height: auto;
  padding: 0;
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-avatar>a img {
  max-width: 36px;
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-content {
  float: right;
  width: calc(100% - 60px);
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-content .bb-full-link>a {
  opacity: 1;
  padding: 0;
  height: auto;
  position: static;
  white-space: normal;
  line-height: 1.5;
}

#wpadminbar #wp-admin-bar-bp-notifications-default .notification-content .posted {
  line-height: 1.4;
}

@media screen and (max-width:500px) {
  .bb-toast-messages-enable {
    display: none;
  }

  .bb-toast-messages-enable.bb-toast-messages-enable-mobile-support {
    display: block;
  }

  ;
}

.bb-toast-messages-enable .bb-toast-messages {
  position: fixed;
  bottom: 25px;
  right: 35px;
  max-width: 360px;
  width: 100%;
  z-index: 1099;
}

@media screen and (min-width:501px) {
  .bb-onscreen-notification-enable .bb-toast-messages-enable .bb-toast-messages {
    position: static;
  }

  ;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item {
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  margin: .75rem 0;
  border: solid 1px #ebe9e6;
  border-radius: 4px;
  transition: all linear .2s;
  padding: 1rem 20px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item:before {
  content: " ";
  left: -1px;
  top: 0;
  height: 100%;
  width: 5px;
  background: #385dff;
  position: absolute;
  border-radius: 4px 0 0 4px;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-icon {
  margin-right: .75rem;
  width: 18px;
  height: 28px;
  position: relative;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-icon .bb-icon {
  font-family: bb-icons;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-weight: 200;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #385dff;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-icon .bb-icon.bb-icon-exclamation-triangle,
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active::before {
  font-weight: 300;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-icon .bb-icon::before {
  margin-left: 0;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-content {
  align-self: center;
  width: calc(100% - 54px);
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-content span.toast-messages-title {
  font-weight: 700;
  font-size: .875rem;
  line-height: 21px;
  color: #1e2132;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-content span.toast-messages-content {
  color: #9b9c9f;
  font-size: .75rem;
  line-height: 20px;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  height: 24px;
  width: 24px;
  position: relative;
  z-index: 1;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .actions a {
  transition: all linear .2s;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .actions a .bb-icon {
  font-size: 24px;
  color: #000;
  transition: all linear .2s;
}

.bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-url {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.bb-toast-messages-enable .bb-toast-messages.bb-position-right {
  right: 35px;
  left: inherit;
}

.bb-toast-messages-enable .bb-toast-messages.bb-position-right .bb-remove-all-toast-messages {
  justify-content: flex-end;
}

@media screen and (max-width:500px) {
  .bb-toast-messages-enable .bb-toast-messages {
    max-width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    right: 1rem;
    bottom: inherit;
    top: 85px;
  }

  .bb-toast-messages-enable .bb-toast-messages.bb-position-right {
    right: 1rem;
  }

  .bb-toast-messages-enable .bb-toast-messages .toast-messages-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    flex: 100%;
    position: relative;
  }

  .bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item {
    margin: 0;
    padding: .75rem;
    min-height: 67px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
  }

  .bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item:last-child {
    display: flex;
  }

  .bb-toast-messages-enable .bb-toast-messages .toast-messages-list .read-item .toast-messages-icon {
    margin-right: 10px;
  }

  .bb-toast-messages-enable .bb-toast-messages .bb-remove-all-toast-messages .action-close {
    border-radius: 5px;
    padding: .75rem 10px;
    text-align: center;
    width: 70px;
  }

  .bb-toast-messages-enable .bb-toast-messages.single-notification .toast-messages-list {
    width: 100%;
    margin: 0;
    flex: 0 0 100%;
  }

  .bb-toast-messages-enable .bb-toast-messages .bb-remove-all-toast-messages .action-close .dashicons,
  .bb-toast-messages-enable .bb-toast-messages.single-notification .bb-remove-all-toast-messages {
    display: none;
  }

  .bb-toast-messages-enable .bb-toast-messages.active-button .toast-messages-list {
    margin-bottom: .875rem;
  }

  .bb-toast-messages-enable .bb-toast-messages.active-button .toast-messages-list:before {
    content: " ";
    height: 20px;
    width: calc(100% - 80px);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
  }

  .bb-toast-messages-enable .bb-toast-messages.active-button .bb-remove-all-toast-messages .action-close {
    display: flex !important;
  }

  ;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter::before {
  font-family: bb-icons;
  font-style: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-recent::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-smileys_people::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-animals_nature::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-food_drink::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-activity::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-travel_places::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-objects::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-symbols::before {
  content: "";
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.emojionearea-filter-flags::before {
  content: "";
}


/*!******************************!*\ 
!***  id : kms-CSS-4
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/04buddypress.css
\**********************************/

.bp-navs {
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: .5rem;
  padding: 0;
  margin: 0 0rem 1rem;
  background-color: var(--mb-base-white);
  display: flex;
  position: relative;
}

body #main-wrap,
.formatted-content {
  background-color: var(--bb-body-background-color);
}

.bb_processing_overlay {
  background-color: rgba(var(--bb-body-background-color-rgb), .8);
}

.bs-dir-search {
  float: right;
  margin: 0 0 20px;
}

.bs-dir-search input[type=text] {
  background: 0 0;
  border: 0;
  height: 34px;
  font-size: .875rem;
  padding: 0 30px 0 35px;
}

.modal-mask {
  z-index: 999999;
}

.bs-search-form {
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  color: var(--bb-body-text-color);
  border-radius: var(--bb-button-radius);
  margin-bottom: 0;
  position: relative;
}

.bs-search-form:focus-within {
  border-color: var(--bb-input-focus-border-color);
  border-width: 1px;
  box-shadow: var(--bb-input-focus-shadow);
}

.bs-search-form:focus-within #bbp_search {
  box-shadow: none;
}

.bs-search-form:before {
  content: '\ef10';
  font-family: bb-icons;
  font-style: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  
  margin-left: .2em;
  position: absolute;
  top: 10px;
  font-size: 17px;
  color: inherit;
  opacity: .4;
  left: 9px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bs-search-form input[type=text]::-webkit-input-placeholder {
  color: inherit;
}

.bb-secondary-list-tabs {
  border-bottom: 0;
  margin: .9375rem 0;
}

.bb-secondary-list-tabs h4 {
  font-size: 1rem;
  color: var(--mb-gray-500);
  margin: 0;
}

.bb-secondary-list-tabs ul {
  list-style: none;
  margin-left: auto;
  margin-bottom: 0;
}

.bs-sort-button {
  color: var(--bb-headings-color);
  opacity: .4;
  font-size: 22px;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.bs-sort-button:hover,
.bs-sort-button.active {
  color: var(--bb-headings-color);
  opacity: 1;
}

.bs-dir-form {
  margin: 0;
}

.bs-groups-items.bs-item-list.list-view .bs-item-wrap,
.bs-members-items.bs-item-list.list-view .bs-item-wrap {
  -webkit-transition: border-color .2s linear, box-shadow .2s linear;
  transition: border-color .2s linear, box-shadow .2s linear;
}

.bs-groups-items.bs-item-list .sm-grid-1-2,
.bs-members-items.bs-item-list .sm-grid-1-2 {
  border-color: #e7eaec;
}

.item-title a {
  color: var(--bb-headings-color);
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.item-title a:hover {
  color: var(--bb-primary-color);
}

.bs-members-items.list-view div.action {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bs-members-items.list-view .bs-generic-button {
  margin-right: 20px;
}

.list-view .avatar:not(.profile-avatar) {
  margin: 0;
  max-width: 52px;
}

.list-view.bs-groups-items .avatar:not(.profile-avatar) {
  max-width: 75px;
}

.list-view .item-wrap-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 38%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  padding-right: 20px;
}

.bs-list-actions {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bs-members-items.grid-view .awaiting_response.bs-generic-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bs-members-items.grid-view .awaiting_response.bs-generic-button a {
  width: auto !important;
}

.bs-item-list-tabs .more-button i {
  font-size: 18px;
  
}

.bs-item-list-tabs .sub-menu {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  top: 38px;
}

.bs-item-list-tabs .sub-menu li {
  float: none;
  margin: 0;
  width: 100%;
}

@media(max-width:800px) {
  .list-view .item-wrap-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .bs-item-list.list-view div.action {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 75px;
  }

  .list-view .bs-followers {
    margin: 0 18px 0 0;
  }

  .list-view .bs-dropdown-wrap {
    position: absolute;
    right: 1rem;
    top: 5px;
  }

  .bs-item-list.list-view .bs-button-follow {
    margin-left: auto;
    margin-right: 0;
  }

  #buddypress .list-view .action .button {
    font-size: .75rem;
    min-width: 110px;
    min-height: 30px;
    padding: 6px 20px;
    margin-bottom: 5px;
  }

  ;
}

@media(max-width:543px) {
  .list-view .item-title {
    margin-bottom: 3px;
  }

  .list-view .item-title a {
    font-size: 18px;
  }

  .bs-item-list.list-view div.action {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .bs-list-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .bs-item-list.list-view .bs-button-follow {
    margin-left: 0;
    margin-top: 8px;
    margin-bottom: 4px;
  }

  #buddypress .list-view .action .button {
    font-size: .75rem;
    min-width: 110px;
    min-height: 24px;
    padding: 6px 20px;
  }

  .bs-item-list.list-view .bs-generic-button {
    margin-right: 10px;
  }

  .list-view .bs-followers {
    margin: 0 1rem 0 0;
  }

  .bs-dir-search {
    margin: 0 0 40px;
    float: left;
  }

  ;
}

@media(max-width:380px) {
  .bs-item-list.list-view div.action {
    padding-left: 70px;
  }

  .bs-item-list.list-view .item-wrap-left {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
  }

  .bs-item-list.list-view .bs-list-actions .send-private-message {
    margin-right: 0;
  }

  ;
}

span.location i {
  font-size: 19px;
  margin: 0 -6px 0;
  position: relative;
  top: 2px;
}

.bs-members-items.list-view .location {
  display: block;
  position: relative;
  padding-left: 1rem;
  padding-top: 3px;
  
}

.bs-members-items.list-view .location i {
  position: absolute;
  left: 0;
  top: 0;
}

.bs-followers {
  font-size: .875rem;
  color: #939597;
}

.bs-followers span {
  color: var(--bb-body-text-color);
}

.follow-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

.follow-wrap .bs-followers {
  font-size: .75rem;
}

.follow-wrap .follow {
  border: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 700;
  color: var(--bb-primary-color);
}

.follow-wrap .follow:hover {
  border: 0;
  background: 0 0;
}

.follow-wrap .bs-generic-button {
  margin-left: auto;
}

.member-status {
  background: var(--bb-success-color);
  border-radius: 100%;
  position: absolute;
  width: 9px;
  height: 9px;
  right: 5px;
  top: 0;
}

.member-status.offline {
  opacity: 0;
  visibility: hidden;
}

.notification-list .member-status {
  right: 0;
  bottom: 0;
  top: inherit;
}

.notification-list [class*=bb-icon]+.member-status {
  bottom: initial;
  top: 0;
}

.bs-item-list.grid-view>li {
  margin-bottom: 1.25rem;
}

.bs-item-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--mb-base-white);
  border: 1px solid #e7eaec;
  border-radius: 4px;
  height: 100%;
  margin: 0 0 -1px;
  padding: 25px 20px 0;
  position: relative;
  text-align: center;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.bs-item-list-inner:hover {
  box-shadow: 0 3px 24px 0 rgba(18, 43, 70, .08);
  border-radius: 3px;
  position: relative;
  z-index: 1;
}

.bs-item-list-inner .bs-item {
  margin-bottom: .625rem;
}

.bs-item-list-inner .item-meta {
  font-size: .875rem;
  color: var(--mb-gray-500);
  
}

.bs-item-list-inner .follow-wrap {
  margin-top: auto;
}

.bs-item-avatar a {
  display: inline-block;
  position: relative;
}

.bs-item-avatar img.avatar {
  max-width: 125px;
  width: 100%;
}

.grid-view .member-status {
  right: 25px;
  top: 5px;
}

.grid-view .bs-item-avatar {
  margin-bottom: 1rem;
}

div.action a {
  color: rgba(18, 43, 70, .4);
  border: 0;
  display: inline-block;
  padding: 7px 0;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  border-style: solid;
}

div.action a.active,
div.action a:hover {
  background: 0 0;
  color: rgba(18, 43, 70, .8);
}

div.action i {
  font-size: 20px;
}

div.action i:not(.boss-icons) {
  
}

#buddypress .action .button {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
  border-radius: var(--bb-button-radius);
  font-weight: 700;
  font-size: .875rem;
  font-style: normal;
  padding: 8px 20px;
  display: block;
  min-width: 140px;
  opacity: 1;
  -webkit-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}

#buddypress .action .button:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

#buddypress .action .button:focus,
#buddypress .action .button:hover,
#buddypress .action .button:active {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

#buddypress .action .button.outline,
#buddypress .action .button.join-group {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
  box-shadow: none;
}

#buddypress .action .button.outline:focus,
#buddypress .action .button.join-group:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#buddypress .action .button.outline:focus,
#buddypress .action .button.outline:hover,
#buddypress .action .button.join-group:focus,
#buddypress .action .button.join-group:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#buddypress .action .button.bp-secondary-action {
  background-color: transparent;
  border: 0;
}

#buddypress #item-body .button.accept,
#buddypress #item-body .button.reject {
  color: var(--bb-primary-button-text-regular);
}

ul.grid-view .action {
  border-top: 1px solid var(--bb-content-border-color);
  margin: 0 -20px;
}

ul.grid-view .action>* {
  border-right: 1px solid var(--bb-content-border-color);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

ul.grid-view .action>*:last-child {
  border: 0;
}

ul.grid-view .action .bs-dropdown:after {
  right: 42px;
}

@media(min-width:800px) and (max-width:1150px) {
  .has-sidebar .list-view .item-wrap-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .has-sidebar .bs-item-list.list-view div.action {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 70px;
  }

  .has-sidebar .list-view .bs-dropdown-wrap {
    position: absolute;
    right: 1rem;
    top: 5px;
  }

  .has-sidebar .bs-list-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .has-sidebar .bs-item-list.list-view .bs-button-follow {
    margin-left: auto;
    margin-right: 0;
  }

  .has-sidebar .list-view .bs-followers {
    margin: 0 18px 0 0;
  }

  ;
}

@media(min-width:800px) and (max-width:850px) {
  .has-sidebar .bs-list-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .has-sidebar .bs-item-list.list-view .bs-generic-button {
    margin-right: 10px;
  }

  .has-sidebar .bs-item-list.list-view div.action {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .has-sidebar .bs-item-list.list-view .bs-button-follow {
    margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .has-sidebar #buddypress .list-view .action .button {
    font-size: .75rem;
    min-width: 110px;
    min-height: 24px;
    padding: 6px 20px;
  }

  ul.list-view .bb-profile-index-card-area .action.item-wrap-right:not(.profile-second-row) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  ;
}

.activity-item-header .item-title span img {
  border-radius: 3px;
}

.bp-login-widget-user-avatar {
  position: relative;
}

.bp-login-widget-user-avatar img.avatar {
  height: auto;
  max-width: 52px;
  width: 100%;
  border-radius: 100%;
}

.bp-login-widget-user-avatar img.avatar.profile-avatar {
  max-width: 110px;
}

#content .bb-profile-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.no-cover-img #content .bb-profile-avatar {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

#content .bb-profile-avatar img.profile-avatar {
  background: var(--mb-base-white);
  border: 5px solid var(--mb-base-white);
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
  border-radius: 5px;
  max-width: 180px;
  width: 100%;
}

img.profile-avatar {
  background: var(--mb-base-white);
  border: 5px solid var(--mb-base-white);
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
  border-radius: 5px;
  max-width: 100px;
  width: 100%;
}

.bb-profile-details {
  padding: 0 0 1rem 30px;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bb-profile-details-inner {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bb-profile-details-inner .button {
  margin-top: 6px;
  margin-bottom: 6px;
}

.bb-profile-details-inner a.button.small.outline {
  min-height: 10px;
}

.cover-img .profile-item-header {
  margin: 1rem 0 3px;
}

#buddypress .profile-title {
  font-size: 2rem;
  margin: 6px 1rem 6px 0;
  position: relative;
}

#buddypress .profile-title a {
  color: var(--bb-headings-color);
}

#buddypress .profile-title a:hover {
  color: var(--bb-primary-color);
}

#buddypress .profile-title .bs-dropdown-wrap {
  font-size: 20px;
}

@media(max-width:580px) {
  #buddypress .profile-title {
    font-size: 1.5rem;
  }

  ;
}

.bb-field-tag {
  margin-right: 1rem;
  margin-bottom: 6px;
  margin-top: 6px;
  border-radius: 100px;
}

.bb-field-tag>span {
  border-radius: 100px;
  display: inline-block;
  font-weight: 700;
  font-size: .625rem;
  color: var(--mb-base-white);
  
  padding: 0 6px;
  text-transform: uppercase;
  margin: 0 3px;
}

@media(max-width:580px) {
  .bb-field-tag>span {
    padding: 0 1rem;
  }

  ;
}

.profile-single-meta {
  font-size: 1rem;
}

.bs-meta-bp_group_description {
  color: var(--bb-body-text-color);
}

.bb-profile-meta {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: .875rem;
  
  color: var(--mb-gray-500);
}

.bb-profile-meta>span {
  margin-right: 22px;
  margin-bottom: 6px;
  margin-top: 6px;
}

.bb-profile-meta span span {
  color: var(--bb-body-text-color);
}

.bb-profile-meta a {
  color: var(--bb-headings-color);
  display: inline-block;
  opacity: .4;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.bb-profile-meta a:hover {
  opacity: .9;
}

.bb-profile-meta i[class*=bb-icon-] {
  font-size: 19px;
  
}

.bb-separator-dot {
  color: var(--bb-headings-color);
  opacity: .15;
  margin-left: 2px;
}

.normal,
.bb-field-counter {
  margin-right: 18px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.normal i,
.bb-field-counter i {
  margin-right: 5px;
  font-size: 18px;
  position: relative;
  top: 2px;
  color: rgba(18, 43, 70, .3);
}

.normal span:not(.bs-output),
.bb-field-counter span:not(.bs-output) {
  font-size: .875rem;
  color: var(--mb-gray-500);
}

.bb-profile-details-inner>.action {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs-meta-bp_group_privacy {
  text-transform: capitalize;
}

#buddypress .list-view div.pending a {
  color: rgba(18, 43, 70, .4);
}

#buddypress .list-view div.pending a:hover {
  color: rgba(18, 43, 70, .8);
}

#item-nav {
  background: var(--mb-base-white);
  border: 1px solid var(--bb-content-border-color);
  padding: 0 20px;
  margin: 0 0 30px;
  border-radius: 0 0 4px 4px;
}

.no-cover-img+#item-nav {
  padding-left: 242px;
}

.main-navs #settings-personal-li,
.main-navs #messages-personal-li,
.main-navs #notifications-personal-li {
  display: none !important;
  width: 0 !important;
}

.single-item #content .bs-meta-bp_group_members .bs-group-members img.round {
  max-width: 32px;
}

.single-item .bs-meta-bp_group_members.bb-field-normal {
  margin: .75rem 0;
}

.bs-meta-bp_group_privacy.bb-field-tag i {
  font-size: .625rem;
}

@media(max-width:800px) {
  #content .bb-profile-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
  }

  .profile-title {
    font-size: 28px;
    margin-top: 0;
  }

  .no-cover-img .bb-profile-avatar {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .no-cover-img+#item-nav {
    padding-left: 30px;
  }

  ;
}

@media(max-width:720px) {
  .bb-profile-details-inner>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  ;
}

@media(max-width:580px) {
  #content .bb-profile-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  div#bb-media-model-container {
    text-align: left;
  }

  .bb-profile-details {
    margin-bottom: .75rem;
  }

  .profile-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 5px 0;
  }

  .profile-first-row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
  }

  .bs-groups-items.grid-view .profile-first-row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .profile-item .profile-first-row {
    margin-top: 5px;
  }

  .profile-item-header+div {
    margin-top: 0;
  }

  .bb-profile-details .bb-field-tag {
    margin: 0 5px;
  }

  .bb-profile-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    text-align: center;
  }

  #content .no-cover-img .bb-profile-avatar img.profile-avatar {
    display: block;
    margin: 0 auto 20px;
    max-width: 160px;
    float: none;
  }

  div#buddypress div#item-header img.avatar {
    margin: 0 auto;
    float: none;
  }

  div.no-cover-img .bb-profile-details-inner {
    margin-top: 0;
  }

  #buddypress .bb-profile-details .profile-title {
    margin-right: 0;
    margin-bottom: 5px;
  }

  .bb-profile-details-inner .action {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .profile-item-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .bb-profile-meta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .bb-profile-meta>div {
    margin: 0 5px 1rem;
  }

  .bb-profile-meta i[class*=bb-icon-] {
    margin-left: 5px;
  }

  .bs-groups-items.grid-view .bb-profile-meta {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }

  span.bb-separator-dot {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .bb-profile-meta>span {
    margin: 0 auto 10px;
    padding: 0 8px;
  }

  .no-cover-img+#item-nav {
    padding-left: 20px;
  }

  #buddypress div.item-list-tabs#object-nav li.hideshow {
    float: right;
    margin: 0;
  }

  ;
}

.item-avatar {
  position: relative;
}

.bbp-logged-in h5,
.bp-login-widget-user-link {
  position: relative;
}

.profile-single-meta:empty {
  display: none;
}

.widget .item-avatar {
  position: relative;
}

.medium-editor-toolbar-active.medium-editor-toolbar-active {
  z-index: 9999;
}

.medium-editor-toolbar .medium-editor-toolbar-form-active {
  background: var(--bb-content-background-color);
  padding: 10px;
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .08);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.medium-editor-toolbar .medium-editor-toolbar-form-active .medium-editor-toolbar-form a {
  font-size: 1rem;
}

.bp-user-blog>.medium-editor-toolbar .medium-editor-toolbar-form-active {
  background: #242424;
  border-radius: 5px;
  color: #999;
}

.bp-user-blog>.medium-editor-toolbar .medium-editor-toolbar-form-active .medium-editor-toolbar-input,
.bp-user-blog>.medium-editor-toolbar .medium-editor-toolbar-form-active .medium-editor-toolbar-input:focus {
  color: #ccc;
  border: 0;
  height: 50px;
  vertical-align: middle;
}

.bp-user-blog>.medium-editor-toolbar .medium-editor-toolbar-form-active a {
  vertical-align: middle;
}

address {
  font-style: inherit;
}

.bb-field-location {
  margin-bottom: 6px;
  margin-top: 6px;
  margin-right: 20px;
  font-size: .875rem;
  
}

.bb-field-location i {
  font-size: 17px;
  position: relative;
  top: 2px;
  margin-left: -3px;
}

.bb-field-icon,
.bb-field-link {
  margin-right: 20px;
  margin-bottom: 6px;
  margin-top: 6px;
}

.bb-field-icon a,
.bb-field-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--bb-headings-color);
  opacity: .4;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.bb-field-icon a:hover,
.bb-field-link a:hover {
  opacity: .9;
}

.bb-field-icon i,
.bb-field-link i {
  font-size: 22px;
  
}

.bb-field-icon .prefix,
.bb-field-link .prefix {
  margin-left: 8px;
}

.bs-meta-xprofile_field:not(.show-balloon),
.bs-meta-xprofile_field[data-balloon=''] {
  cursor: initial;
}

.bs-meta-xprofile_field:not(.show-balloon):before,
.bs-meta-xprofile_field:not(.show-balloon):after,
.bs-meta-xprofile_field[data-balloon='']:before,
.bs-meta-xprofile_field[data-balloon='']:after {
  display: none;
}

.bb-field-icon {
  font-size: 0;
}

.bb-field-icon:before,
.bb-field-icon:after {
  display: none;
}

.bb-field-icon.show-balloon:before,
.bb-field-icon.show-balloon:after {
  display: block;
}

.bb-field-icon .prefix {
  display: none;
}

.bb-profile-index-card-area {
  height: 100%;
}

.profile-second-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.list-view .bb-profile-index-card-area .bs-item-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-view .bb-profile-index-card-area .profile-single-meta {
  margin-bottom: 0;
}

.list-view .bb-profile-index-card-area div.action i:not(.boss-icons) {
  
}

#buddypress .list-view .bb-profile-index-card-area .bs-generic-button {
  font-size: .875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#buddypress .list-view .bb-profile-index-card-area .bs-generic-button a {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.list-view .bb-profile-index-card-area .profile-first-row .bb-field-location {
  margin-bottom: 0;
  margin-top: 2px;
}

.list-view .bb-profile-index-card-area .action.item-wrap-right:not(.profile-second-row) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.list-view .bb-profile-index-card-area .profile-first-row .bb-field-counter {
  margin-top: 5px;
}

.list-view .bb-profile-index-card-area .bs-item-wrap:last-child {
  border-radius: 0;
}

.list-view .bb-profile-index-card-area .bb-field-description {
  display: none;
}

a[data-balloon='']:before,
a[data-balloon='']:after {
  display: none;
}

.grid-view .bb-profile-index-card-area .bb-field-location,
.grid-view .bb-profile-index-card-area .profile-first-row .bb-field-location {
  margin-bottom: 0;
  margin-top: 8px;
  margin-right: 0;
}

.grid-view .bb-profile-index-card-area .profile-second-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.grid-view .bb-profile-index-card-area .profile-second-row>div {
  margin: 0 auto;
}

.grid-view .bb-profile-index-card-area .profile-third-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.grid-view .bb-profile-index-card-area .profile-third-row>div {
  margin: 0 auto 10px;
}

.grid-view .bb-profile-index-card-area .bb-field-counter span:not(.bs-output) {
  font-size: .75rem;
}

#buddypress .grid-view .bb-profile-index-card-area .bs-generic-button a {
  min-width: 10px;
  height: auto;
  border: 0;
  font-size: .75rem;
  color: rgba(18, 43, 70, .4);
  min-height: 35px;
  cursor: pointer;
  padding: 6px;
}

#buddypress .grid-view .bb-profile-index-card-area .bs-generic-button a:hover {
  color: rgba(18, 43, 70, .8);
}

#buddypress .grid-view .bb-profile-index-card-area .bs-generic-button a i:not(.boss-icons) {
  
}

.grid-view .bb-profile-index-card-area .bb-field-description p:last-child {
  margin-bottom: 0;
}

.grid-view .bb-profile-index-card-area div.action a {
  width: 100%;
}

.grid-view .bb-profile-index-card-area .profile-single-meta {
  margin-bottom: .75rem;
  margin-top: auto;
}

.grid-view .bb-profile-index-card-area .bs-item {
  margin-bottom: .75rem;
}

#buddypress .list-view .action .button {
  min-width: 130px;
}

.bb-field-normal {
  margin: 6px 18px 6px 0;
}

.bs-meta-xprofile_field:not(.bb-field-tag) {
  background-color: transparent !important;
}

@media(max-width:580px) {
  .bb-field-normal {
    margin: 3px 10px 3px 0;
  }

  ;
}

#content .bs-meta-bp_group_members .bs-group-members {
  display: inline-block;
  margin-right: .75rem;
  min-width: 24px;
}

#content .bs-meta-bp_group_members .bs-group-members img.round {
  border: 1px solid var(--mb-base-white);
  max-width: 24px;
  display: inline-block;
  margin-right: -8px;
  position: relative;
  z-index: 3;
  border-radius: 50%;
  float: left;
}

.bs-meta-bp_group_members.normal>span,
.bs-meta-bp_group_members.bb-field-normal>span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#groups-list .item-avatar a {
  display: inline-block;
}

.entry-content p.bps_filters {
  font-size: .875rem;
}

p.bps_filters~.bs-members-directory .bs-dir-search {
  margin-top: 0;
}

.widget.widget_bps_widget label {
  font-size: .75rem;
}

.widget.widget_bps_widget .label {
  background: 0 0;
  padding: 0;
}

.widget.widget_bps_widget a.clear-value {
  display: none !important;
}

.widget.widget_bps_widget .editfield input {
  height: 34px !important;
}

.bb-group-profile-index-card-area .bs-group-toggle {
  display: inline-block;
  margin-left: 1rem;
}

.bb-group-profile-index-card-area .bs-groups-items .action {
  padding-left: .75rem;
}

.bb-group-profile-index-card-area .bb-field-counter {
  
}

.bb-group-profile-index-card-area .bs-generic-button+.bs-generic-button {
  margin-top: 10px;
}

.bs-groups-items .bb-group-profile-index-card-area .action {
  padding-left: 20px;
}

.bb-group-profile-index-card-area .bb-field-location {
  margin-bottom: 5px;
}

.bs-meta-bp_group_description {
  
}

.profile-single-meta .normal {
  margin: 6px 0;
}

.bs-meta-bp_group_description.bb-field-description {
  font-size: .875rem;
  
  margin-top: 6px;
  margin-bottom: 6px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.bs-dropdown-model .bb-icon-loader {
  margin-left: 10px;
  font-size: .875rem;
}

ul.bb-profile-fields {
  padding: 0;
  list-style: none;
  margin: 0 0 20px;
}

ul.bb-profile-fields li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 1rem;
}

ul.bb-profile-fields .bb-label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  font-size: .875rem;
  color: var(--mb-gray-500);
  padding-right: 10px;
}

ul.bb-profile-fields .bb-data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .875rem;
  word-wrap: break-word;
  min-width: 0;
}

.single-item.groups.forum .forums-header {
  display: none;
}

.single-item.groups.forum .forums-header h1.entry-title {
  display: none;
  visibility: hidden;
}

#activity-actionlist-media a.close-link {
  display: block;
  cursor: pointer;
  margin: 0 auto;
  max-width: 100px;
  text-align: center;
}

.bs-meta-bp_friends_count span.bs-output,
.bs-meta-bp_followers_count span.bs-output,
.bs-meta-bp_following_count span.bs-output {
  font-weight: 700;
}

body.bs-model-open {
  overflow: hidden;
}

.gif-media-search-dropdown .gif-alert [class*=bb-icon] {
  color: var(--bb-headings-color) !important;
}

.bb-template-v2 .gif-media-search-dropdown .gif-alert [class*=bb-icon] {
  font-weight: 300;
}

.gif-media-search-dropdown .gif-alert p {
  color: var(--bb-headings-color) !important;
}

@media(min-width:992px) and (max-width:1240px) {
  ul.bs-item-list.bs-groups-items.grid-view.grid .md-grid-1-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media(min-width:992px) and (max-width:1100px) {
  ul.bb-profile-fields li {
    margin-bottom: 1.5rem;
  }

  ul.bb-profile-fields .bb-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 6px;
  }

  ul.bb-profile-fields .bb-data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  ;
}

@media(max-width:991px) {
  div.bs-profile-details-wrap .lg-grid-1-2:nth-child(2n+1) {
    border: 0;
  }

  .bs-profile-details-grid>div {
    margin-bottom: 20px;
  }

  ;
}

@media(min-width:821px) {
  #buddypress>.no-cover-img>div>div>.bb-profile-avatar>a {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  ;
}

@media(max-width:832px) {
  #content .bb-profile-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
  }

  ;
}

@media(max-width:580px) {
  #content .bb-profile-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .entry-header+.entry-content .bs-dir-search {
    margin-top: 0;
    width: 100%;
  }

  .bs-dir-search input[type=text] {
    width: 100%;
  }

  ul.bb-profile-fields li {
    margin-bottom: 1.5rem;
  }

  ul.bb-profile-fields .bb-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 6px;
  }

  ul.bb-profile-fields .bb-data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .profile-second-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .bs-groups-items.grid-view .profile-second-row {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }

  ;
}

@media(max-width:767px) {
  ul.bs-item-list.bs-groups-items.list-view .profile-first-row {
    display: block;
  }

  ul.bs-item-list.bs-groups-items.list-view .bb-field-normal {
    margin: 0 0 .75rem;
  }

  ul.bs-item-list.bs-groups-items.list-view .item-wrap-left {
    margin-bottom: 10px;
  }

  ul.bs-item-list.bs-groups-items.list-view .bs-meta-bp_group_last_active {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }

  ul.bs-item-list.bs-groups-items.list-view .bs-meta-bp_group_privacy {
    display: inline-block;
  }

  ul.bs-item-list.bs-groups-items.list-view .bs-groups-items.list-view .item-title-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  ;
}

@media(max-width:560px) {
  .bs-members-items.list-view div.action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .list-view .bb-profile-index-card-area .action.item-wrap-right:not(.profile-second-row) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .list-view.bs-groups-items .avatar:not(.profile-avatar) {
    max-width: 70px;
  }

  .bs-item-list-tabs ul {
    display: block;
  }

  .bs-item-list-tabs ul:after {
    content: '';
    display: table;
    clear: both;
  }

  .bs-item-list-tabs ul li {
    float: left;
  }

  ;
}

.activity-inner a:not(.bb-post-title-link) {
  word-break: break-all;
}

li.feed>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

li.feed>a:before {
  margin-right: 3px;
}

.buddypress .bp-invites-content li .status {
  font-size: .75rem;
  font-style: normal;
  clear: both;
  color: inherit;
  margin: 0;
  display: none;
}

#buddypress ul.group-inviters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}

#buddypress ul.group-inviters li {
  font-size: .75rem;
}

#buddypress ul.group-inviters li .avatar {
  max-width: 20px;
  margin-left: 6px !important;
}

#buddypress div#item-header .bb-media-model-container .item-avatar .avatar {
  max-width: 36px;
}

#buddypress div#item-header .activity-item-header .item-title .avatar {
  margin-right: 2px;
  margin-top: 2px;
  float: none;
}

.bs-meta-bp_group_members>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#buddypress button.ac-reply-cancel {
  font-size: .875rem;
  font-weight: 700;
  color: var(--mb-gray-500);
  margin-right: 1rem;
  background: 0 0;
  border: 0;
  padding: 0;
  margin: 0 0 0 10px;
}

#buddypress button.ac-reply-cancel:hover {
  color: var(--bb-headings-color);
}

.vue-tabs .tab-content {
  min-width: 0;
}

.tab-container-inner .v-select .dropdown-toggle .clear {
  background: 0 0;
  right: 38px;
  font-size: 20px;
}

.tab-container-inner .v-select .dropdown-toggle .clear:hover {
  color: var(--bb-danger-color);
}

.tab-container-inner .v-select.v-select .open-indicator {
  bottom: 8px;
  right: 1rem;
}

.tab-container-inner .v-select .open-indicator:before {
  border-width: 2px 2px 0 0;
  width: 8px;
  height: 8px;
}

.tab-container-inner .dropdown-menu li {
  margin-bottom: 0 !important;
}

.tab-container-inner .dropdown-menu li a {
  font-size: 0.875rem !important;
}

.tab-container-inner .v-select.v-select .dropdown-toggle {
  position: relative;
}

.tab-container-inner .v-select .selected-tag {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 82%;
  flex: 0 0 82%;
  margin-top: 0;
  min-width: 0;
  max-width: 82%;
}

.tab-container-inner .bs-styled-checkbox+label:before {
  min-width: 20px;
}

.tab-container-inner input.form-control[type=search] {
  position: absolute;
  left: 0;
}

.acomment-content,
.bs-forum-content {
  word-wrap: break-word;
}

body.activity-permalink .activity-list .activity-content .activity-header {
  text-align: left;
}

.bb-model-form-content .vue-input-tag-wrapper .new-tag {
  width: auto;
}

#content #buddypress #bb-media-model-container .activity-comments-items ul:not(.bs-dropdown) {
  padding-bottom: 0;
}

#content #buddypress #bb-media-model-container .activity-comments-items ul .avatar {
  max-width: 28px;
}

.bb-profile-details-inner .bs-generic-button.bs-button-follow>a:first-child {
  margin-right: .75rem;
}

.webui-popover-title {
  font-weight: 700;
  padding: .75rem .875rem;
}

.webui-popover-inner .close {
  font-size: 24px;
  margin: 10px 10px 0 0;
}

#bbpress-forums .bs-dropdown .bbp-admin-links a.bbp-topic-reply-link {
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  border: 0;
}

.medium-editor-toolbar-form-active {
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus {
  background: 0 0;
  border: 1px solid var(--bb-content-border-color);
  color: var(--bb-body-text-color);
  height: 34px !important;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.activity-update-form .medium-editor-toolbar .medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form .medium-editor-toolbar-input {
  width: -webkit-calc(100% - 96px);
  width: calc(100% - 96px);
}

#whats-new-form .medium-editor-toolbar-form-active {
  padding: 0 10px;
}

#whats-new-form .medium-editor-toolbar-form .medium-editor-toolbar-input,
#whats-new-form .medium-editor-toolbar-form .medium-editor-toolbar-input:focus {
  height: 35px;
}

.medium-editor-toolbar .medium-editor-toolbar-actions {
  height: auto;
  padding: 0;
  overflow: hidden;
  padding: 0 1rem 10px;
}

.medium-editor-toolbar li .medium-editor-button-first {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding-left: 10px !important;
}

.medium-editor-toolbar li .medium-editor-button-last {
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
  border-top-right-radius: 0 !important;
  padding-right: 10px !important;
}

.bbpress a.medium-editor-toolbar-save,
.bbpress a.medium-editor-toolbar-close,
.buddypress a.medium-editor-toolbar-save,
.buddypress a.medium-editor-toolbar-close {
  font-size: 0;
  height: 34px;
  width: 34px;
  border-radius: 4px;
  border: 1px solid var(--bb-content-border-color);
  margin: 0 0 0 8px;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.bbpress a.medium-editor-toolbar-save:before,
.bbpress a.medium-editor-toolbar-close:before,
.buddypress a.medium-editor-toolbar-save:before,
.buddypress a.medium-editor-toolbar-close:before {
  font-family: bb-icons;
  
  text-align: center;
}

.bbpress a.medium-editor-toolbar-save,
.buddypress a.medium-editor-toolbar-save {
  background-color: rgba(var(--bb-success-color-rgb), .1);
}

.bbpress a.medium-editor-toolbar-save:hover,
.buddypress a.medium-editor-toolbar-save:hover {
  -webkit-transition: .3s all;
  transition: .3s all;
  background-color: var(--bb-success-color);
  border-color: var(--bb-success-color);
}

.bbpress a.medium-editor-toolbar-close,
.buddypress a.medium-editor-toolbar-close {
  background-color: rgba(var(--bb-danger-color-rgb), .1);
}

.bbpress a.medium-editor-toolbar-close:hover,
.buddypress a.medium-editor-toolbar-close:hover {
  -webkit-transition: .3s all;
  transition: .3s all;
  background-color: var(--bb-danger-color);
  border-color: var(--bb-danger-color);
}

.bbpress a.medium-editor-toolbar-save:before,
.buddypress a.medium-editor-toolbar-save:before {
  content: '\e876';
  font-size: 22px;
  color: var(--bb-success-color);
}

.bbpress a.medium-editor-toolbar-close:before,
.buddypress a.medium-editor-toolbar-close:before {
  content: '\e828';
  font-size: 24px;
  color: var(--bb-danger-color);
}

.bbpress a.medium-editor-toolbar-save:hover:before,
.bbpress a.medium-editor-toolbar-close:hover:before,
.buddypress a.medium-editor-toolbar-save:hover:before,
.buddypress a.medium-editor-toolbar-close:hover:before {
  color: var(--bb-content-background-color);
  -webkit-transition: .3s all;
  transition: .3s all;
}

.medium-editor-toolbar-form .medium-editor-toolbar-close {
  margin-left: 0;
  margin-right: 10px;
}

.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .3);
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
  color: rgba(0, 0, 0, .3);
}

.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, .3);
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .3);
}

.medium-editor-anchor-preview {
  font-size: .875rem;
  max-width: 300px;
}

.medium-editor-anchor-preview a {
  margin: 0;
  padding: 5px;
}

.bb-document-privacy-wrap .activity-privacy,
.bb-media-privacy-wrap .activity-privacy {
  background-color: var(--bb-content-background-color);
}

.bb-document-privacy-wrap .activity-privacy:before,
.bb-media-privacy-wrap .activity-privacy:before {
  border-color: var(--bb-content-background-color) var(--bb-content-background-color) transparent transparent;
}

.bb-document-privacy-wrap .activity-privacy li:hover,
.bb-media-privacy-wrap .activity-privacy li:hover {
  background-color: var(--bb-content-alternate-background-color);
}

.bb-document-privacy-wrap .activity-privacy .selected,
.bb-media-privacy-wrap .activity-privacy .selected {
  background-color: var(--bb-content-alternate-background-color);
}

#bb-media-model-container .bb-edit-privacy a {
  color: var(--bb-body-text-color);
}

#bb-media-model-container .bb-edit-privacy a:hover {
  color: var(--bb-primary-color);
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list,
.bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list {
  background-color: var(--bb-content-background-color);
  border-radius: var(--bb-block-radius);
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a,
.bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a {
  color: var(--bb-body-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover {
  background-color: var(--bb-content-alternate-background-color);
  color: var(--bb-primary-color);
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:hover:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover:before,
.bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover:before,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover:before {
  color: var(--bb-primary-color);
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:before,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:before,
.bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:before,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:before,
.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:before,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:before {
  color: var(--mb-gray-500);
}

.bb-template-v2 #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list,
.bb-template-v2 #media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list,
.bb-template-v2 .bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list,
.bb-template-v2 .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list,
.bb-template-v2 #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list {
  top: 26px;
  right: 0;
}

.bb-template-v2 #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul,
.bb-template-v2 #media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul,
.bb-template-v2 .bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul,
.bb-template-v2 .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul,
.bb-template-v2 #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul {
  margin: 0;
}

.bb-template-v2 #media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover:before,
.bb-template-v2 #media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list ul li a:hover:before,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover:before,
.bb-template-v2 .bb-activity-video-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover:before,
.bb-template-v2 .bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover:before,
.bb-template-v2 .search-document-list .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover:before,
.bb-template-v2 #media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover:before {
  color: var(--mb-gray-500);
}

#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__anchor {
  color: var(--bb-headings-color);
}

.bb-media-model-container .activity-list .video-action-wrap.item-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list ul li a:hover,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list ul li a:hover,
#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list ul li a:hover,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list ul li a:hover {
  color: var(--bb-primary-color);
}

.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a:hover,
.search-document-list .media-folder_items .media-folder_group a:hover,
.search-document-list .media-folder_items .media-folder_details .media-folder_name:hover {
  color: var(--bb-primary-color);
}

#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_author a:hover,
#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name:hover {
  color: var(--bb-primary-color);
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a,
#media-stream.media .bb-photo-thumb .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a {
  background-color: rgba(0, 0, 0, .8);
  border-radius: var(--bb-block-radius-inner);
}

#media-stream.media .bb-photo-thumb .media-action-wrap>a i,
#media-stream.media .bb-photo-thumb .video-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap>a i,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap>a i {
  color: #fff;
}

#video-stream.video .bb-item-thumb .item-action-wrap>a,
#media-stream.media .bb-video-thumb .item-action-wrap>a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a {
  background-color: rgba(0, 0, 0, .8);
  border-radius: var(--bb-block-radius-inner);
}

#video-stream.video .bb-item-thumb .item-action-wrap>a i,
#media-stream.media .bb-video-thumb .item-action-wrap>a i,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap>a i {
  color: #fff;
}

#media-stream.media .bb-photo-thumb .media-action-wrap .media-action_list:after,
#media-stream.media .bb-photo-thumb .media-action-wrap .video-action_list:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .media-action_list:after,
#media-stream.media .bb-photo-thumb .video-action-wrap .video-action_list:after,
#media-stream.media .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list:after,
#media-stream.media .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list:after,
#media-stream.media .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list:after,
#media-stream.media .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list:after,
#media-stream.media .bb-activity-video-elem .media-action-wrap .media-action_list:after,
#media-stream.media .bb-activity-video-elem .media-action-wrap .video-action_list:after,
#media-stream.media .bb-activity-video-elem .video-action-wrap .media-action_list:after,
#media-stream.media .bb-activity-video-elem .video-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-photo-thumb .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-photo-thumb .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-photo-thumb .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-photo-thumb .video-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-media-elem.media-activity .video-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .media-action-wrap .video-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .media-action_list:after,
.bb-activity-media-wrap .bb-activity-video-elem .video-action-wrap .video-action_list:after {
  border-color: var(--bb-content-background-color) var(--bb-content-background-color) transparent transparent;
}

#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list,
#video-stream.video .bb-video-thumb .item-action-wrap .item-action_list,
#video-stream.video .bb-activity-video-elem .item-action-wrap .item-action_list,
#media-stream.media .bb-item-thumb .item-action-wrap .item-action_list,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list,
#media-stream.media .bb-activity-video-elem .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-item-thumb .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-video-thumb .item-action-wrap .item-action_list,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list {
  background-color: var(--bb-content-background-color);
  border-radius: var(--bb-block-radius);
}

#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list:after,
#video-stream.video .bb-video-thumb .item-action-wrap .item-action_list:after,
#video-stream.video .bb-activity-video-elem .item-action-wrap .item-action_list:after,
#media-stream.media .bb-item-thumb .item-action-wrap .item-action_list:after,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list:after,
#media-stream.media .bb-activity-video-elem .item-action-wrap .item-action_list:after,
.bb-activity-video-wrap .bb-item-thumb .item-action-wrap .item-action_list:after,
.bb-activity-video-wrap .bb-video-thumb .item-action-wrap .item-action_list:after,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list:after {
  border-color: var(--bb-content-background-color) var(--bb-content-background-color) transparent transparent;
}

@media screen and (max-width:1024px) and (min-width:768px) {
  .side-panel {
    background-color: var(--bb-body-background-color);
  }

  ;
}

.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list:after,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list:after {
  border-color: var(--bb-content-background-color) var(--bb-content-background-color) transparent transparent;
}

#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a {
  color: var(--bb-body-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

#video-stream.video .bb-item-thumb .item-action-wrap .item-action_list ul li a:hover,
#media-stream.media .bb-video-thumb .item-action-wrap .item-action_list ul li a:hover,
.bb-activity-video-wrap .bb-activity-video-elem .item-action-wrap .item-action_list ul li a:hover {
  background-color: var(--bb-content-alternate-background-color);
  color: var(--bb-primary-color);
}

.search-document-list .media-folder_items .media-folder_actions .media-folder_action__list,
#media-folder-document-data-table .media-folder_items .media-folder_actions .media-folder_action__list {
  width: 205px;
}

.widget-area .multi-review {
  background: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.widget-area .multi-review>div {
  width: 100%;
}

.widget-area .bp-member-add-form p:last-child {
  margin-top: 20px;
}

.widget-area .bp-member-add-form label {
  font-size: .875rem;
}

#bp-media-uploader .bb-field-steps .dz-file-preview .bb-icon-file-mp4:before {
  content: '\ee97';
}

.os-loader,
.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li,
.sap-publish-popup,
.posts-stream,
.posts-stream .inner,
.sl-count:after,
.sl-count:before,
.sl-icon:after,
.sl-icon:before,
.main-navigation li ul ul,
.main-navigation li ul,
.header-account-login .pop .bp_components .menupop:not(#wp-admin-bar-my-account)>.ab-sub-wrapper,
.header-account-login .pop .links li>.sub-menu,
.header-account-login .pop .bp_components .menupop:not(#wp-admin-bar-my-account)>.ab-sub-wrapper:before,
.header-account-login .pop .links li>.sub-menu:before,
.header-notifications .pop,
.header-account-login .pop,
#whats-new-header:after,
a.to-top,
.bbp-forum-data:before,
.bb-bp-settings-container {
  background-color: var(--bb-body-background-color);
}

input:checked+.bb-time-meridian {
  border-color: var(--bb-primary-color);
  background-color: var(--bb-primary-color);
}

.buddypress-wrap .bp-subnavs ul #bp-zoom-switch-type .bb-toggle-switch .bb-toggle-slider,
.widget_bp_core_login_widget.buddypress #bp-login-widget-form #bp-login-widget-submit.bp-login-btn-active,
.bb-groups-messages-left-inner input:checked+.bp-group-message-slider,
input:checked+.bb-toggle-slider {
  background-color: var(--bb-primary-color);
}

.buddypress-wrap .bp-subnavs ul #bp-zoom-switch-type>a.zoom_active {
  color: var(--bb-headings-color);
}

.bbp-mfp-zoom-in fieldset.bbp-form .bbp-submit-wrapper a#bbp-close-btn,
.bb-modal.bbp-topic-form .bbp-submit-wrapper a#bbp-close-btn,
.bbpress .widget_display_forums li a,
#buddypress .bp-navs.bb-bp-tab-nav a {
  color: var(--bb-headings-color);
}

.bbp-mfp-zoom-in fieldset.bbp-form .bbp-submit-wrapper a#bbp-close-btn:hover,
.bb-modal.bbp-topic-form .bbp-submit-wrapper a#bbp-close-btn:hover,
.bbpress .widget_display_forums li a:hover,
#buddypress .bp-navs.bb-bp-tab-nav a:hover {
  color: var(--bb-primary-color);
}

.bb-single-album-header .document-breadcrumb li a:hover {
  color: var(--bb-primary-color);
}

.bb-groups-messages-left-inner .input:focus+.bp-group-message-slider {
  box-shadow: 0 0 1px var(--bb-primary-color);
}

#buddypress .bp-navs.bb-bp-tab-nav .current a,
#buddypress .bp-navs.bb-bp-tab-nav .selected a,
#buddypress .bp-navs.bb-bp-tab-nav .current a:focus,
#buddypress .bp-navs.bb-bp-tab-nav .selected a:focus,
#buddypress .bp-navs.bb-bp-tab-nav .current a:hover,
#buddypress .bp-navs.bb-bp-tab-nav .selected a:hover {
  color: var(--bb-headings-color);
}

body:not(.group-admin):not(.group-invites) .buddypress-wrap .group-subnav.tabbed-links ul.subnav li.selected,
body:not(.group-admin):not(.group-invites) .buddypress-wrap .user-subnav.tabbed-links ul.subnav li.selected,
.buddypress-wrap .user-subnav.tabbed-links ul.subnav li.selected {
  border-bottom-color: var(--bb-body-background-color);
}

.activity-update-form .medium-editor-toolbar .medium-editor-action-more>ul {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
}

.attachments--small div.dropzone {
  padding: 0;
  position: static;
  pointer-events: none;
}

.attachments--small div.dropzone * {
  pointer-events: auto;
}

.attachments--small div.dropzone.dz-progress-view {
  padding-bottom: 45px;
  position: relative;
}

.attachments--small div.dropzone.dz-progress-view.files-uploaded {
  padding-bottom: 0;
  position: static;
}

.attachments--small div.dropzone.dz-progress-view.files-uploaded .dz-global-progress {
  display: none;
}

.attachments--small div.dropzone .dz-default.dz-message {
  background-color: var(--bb-content-alternate-background-color);
  display: none;
  min-height: initial !important;
  width: 60px;
  height: 60px;
  max-width: 60px !important;
  margin: 0 6px;
  padding: 0 !important;
  -webkit-box-ordinal-group: 100;
  -ms-flex-order: 99;
  order: 99;
}

.attachments--small div.dropzone .dz-default.dz-message button:before,
.attachments--small div.dropzone .dz-default.dz-message button:hover:before {
  content: '\e9ed';
  background-color: transparent;
  color: var(--bb-headings-color);
  font-size: 30px;
  opacity: .4;
  height: 100%;
  width: 100%;
  margin: 0;
}

.bb-template-v2 .attachments--small div.dropzone .dz-default.dz-message button:before,
.bb-template-v2 .attachments--small div.dropzone .dz-default.dz-message button:hover:before {
  font-weight: 300;
}

.attachments--small div.dropzone .dz-default.dz-message:hover button:before {
  opacity: 1;
}

.bb-template-v2 .attachments--small div.dropzone .dz-default.dz-message {
  border: 0;
}

.attachments--small div.dropzone.files-uploaded:not(.dz-max-files-reached) .dz-default.dz-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.attachments--small div.dropzone.dz-started {
  margin: 0 0 10px;
  height: auto;
  overflow: initial;
}

.attachments--small div.dropzone .dz-preview {
  min-width: 60px;
  margin: 6px;
}

.attachments--small div.dropzone .dz-preview .dz-image {
  height: 60px;
  border-radius: var(--bb-block-radius-inner);
}

.attachments--small div.dropzone .dz-preview .dz-image img {
  max-width: 60px;
}

.attachments--small div.dropzone .dz-preview.dz-file-preview .dz-details {
  border-radius: var(--bb-block-radius-inner);
}

.attachments--small div.dropzone .dz-preview .dz-remove {
  height: 20px;
  width: 20px;
  top: -8px;
  right: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, .08) !important;
}

.attachments--small div.dropzone .dz-preview .dz-remove:after {
  color: var(--bb-headings-color);
  font-size: 18px;
  
  opacity: .4;
  position: static;
}

.attachments--small div.dropzone .dz-preview .dz-remove:hover:after {
  opacity: 1;
}

.bb-template-v2 .attachments--small div.dropzone .dz-preview .dz-image,
.bb-template-v2 .attachments--small div.dropzone .dz-preview .dz-details {
  border-color: transparent;
}

.attachments--small div.dropzone.media-dropzone .dz-preview .dz-progress-ring-wrap {
  display: none;
}

.attachments--small div.dropzone.video-dropzone .dz-default.dz-message {
  width: 80px;
  max-width: 80px !important;
  min-height: 60px !important;
  height: auto;
}

.attachments--small div.dropzone.video-dropzone .dz-default.dz-message button:before,
.attachments--small div.dropzone.video-dropzone .dz-default.dz-message button:hover:before {
  content: '\e9f1';
  font-size: 32px;
}

.attachments--small div.dropzone.video-dropzone .dz-preview {
  min-width: 80px;
}

.attachments--small div.dropzone.video-dropzone .dz-preview .dz-progress-ring-wrap {
  background-color: transparent;
  height: auto;
  width: auto;
  left: 5px;
  top: 5px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.attachments--small div.dropzone.video-dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring {
  display: none;
}

.attachments--small div.dropzone.video-dropzone .dz-preview .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: var(--bb-content-alternate-background-color);
  font-size: 24px;
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.bb-template-v2 .attachments--small div.dropzone.video-dropzone .dz-preview .dz-progress-ring-wrap [class*=" bb-icon-"]:before {
  font-weight: 300;
}

.attachments--small div.dropzone.video-dropzone .dz-preview .dz-progress-count {
  display: none;
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview {
  width: 80px;
  min-height: 60px;
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-details {
  min-height: 60px;
  height: auto;
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-remove {
  top: -8px;
  bottom: inherit;
  right: -8px;
  left: inherit;
  height: 20px;
  width: 20px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: var(--bb-content-alternate-background-color);
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-remove:after {
  font-size: 18px;
  position: static;
  color: var(--bb-headings-color);
  opacity: .4;
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview.dz-has-thumbnail:not(.dz-complete) .dz-remove:after {
  opacity: .4;
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove:after,
.attachments--small div.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-remove {
  color: var(--bb-headings-color);
  background-color: var(--bb-content-alternate-background-color);
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview:not(.dz-has-thumbnail),
.attachments--small div.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) {
  border-radius: var(--bb-block-radius-inner);
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap [class*=" bb-icon-"],
.attachments--small div.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: var(--mb-gray-500);
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview:not(.dz-has-thumbnail) .dz-filename,
.attachments--small div.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename {
  width: auto;
  opacity: 1;
  visibility: visible;
  color: var(--mb-gray-500);
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  font-size: .75rem;
}

.attachments--small div.dropzone.video-dropzone .dz-preview.dz-file-preview:not(.dz-has-thumbnail) .dz-filename>span,
.attachments--small div.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename>span {
  max-width: initial;
}

.attachments--small div.dropzone.document-dropzone .dz-default.dz-message {
  width: 40px;
  height: 40px;
  max-width: 40px !important;
  margin: 0 5px;
}

.attachments--small div.dropzone.document-dropzone .dz-default.dz-message button:before,
.attachments--small div.dropzone.document-dropzone .dz-default.dz-message button:hover:before {
  content: '\eef9';
  font-size: 26px;
}

.attachments--small div.dropzone.document-dropzone .dz-preview {
  min-width: 150px;
  max-width: 150px;
  margin: 5px 0 5px 5px;
}

.attachments--small div.dropzone.document-dropzone .dz-preview.dz-file-preview .dz-details {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: var(--bb-content-alternate-background-color);
  height: 40px;
  width: 100%;
  min-height: initial;
  text-align: left;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon:before {
  content: "\ee6e";
  font-family: bb-icons;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-size,
.attachments--small div.dropzone.document-dropzone .dz-preview .dz-progress-ring-wrap,
.attachments--small div.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-size {
  display: none;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details {
  text-align: center;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 6px 0 0;
  height: 24px;
  width: 24px;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon:before {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon:before,
.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon [class*=" bb-icon-"] {
  color: var(--mb-gray-500);
  background-color: var(--bb-content-alternate-background-color);
  font-size: 24px;
  position: static;
}

.bb-template-v2 .attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon:before,
.bb-template-v2 .attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon [class*=" bb-icon-"]:before {
  font-weight: 300;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-icon>span[class*=" bb-icon-"] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-details .dz-filename {
  font-size: .75rem;
  display: inline-block;
  vertical-align: middle;
  position: static;
  padding: 0;
  margin: 0;
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
}

.attachments--small div.dropzone.document-dropzone .dz-preview .dz-remove {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  box-shadow: none !important;
}

.attachments--small [class*=attached-gif-container] {
  margin-bottom: 0;
  background: 0 0 !important;
  height: auto !important;
  width: auto !important;
  display: table;
}

.attachments--small [class*=attached-gif-container] .gif-image-container img {
  background-color: var(--bb-content-alternate-background-color);
  height: 100px;
  width: 100px;
  object-fit: cover;
  border-radius: var(--bb-block-radius-inner);
  margin: 0 0 1rem 6px;
}

.attachments--small [class*=attached-gif-container] .gif-image-remove {
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, .08);
  right: -8px;
  top: -8px;
}

.attachments--small [class*=attached-gif-container] .gif-image-remove .bb-icon-times {
  color: var(--bb-headings-color);
  opacity: .4;
}

.attachments--small [class*=attached-gif-container] .gif-image-remove:hover .bb-icon-times {
  opacity: 1;
}

@media screen and (max-width:560px) {
  .attachments--small [class*=attached-gif-container] {
    max-width: 100%;
    background-repeat: no-repeat;
  }

  ;
}

.dropzone.dz-progress-view .dz-global-progress {
  bottom: 5px;
}

.dropzone.dz-progress-view .dz-global-progress .dz-progress-bar-full {
  background-color: rgba(0, 0, 0, .08);
}

.dropzone.dz-progress-view .dz-global-progress .dz-progress {
  background-color: var(--bb-primary-color);
}

.dropzone.dz-progress-view .dz-global-progress .dz-remove-all {
  background-color: var(--bb-content-alternate-background-color);
}

.dropzone.dz-progress-view .dz-global-progress .dz-remove-all:before {
  color: var(--bb-headings-color);
  opacity: .4;
}

.dropzone.dz-progress-view .dz-global-progress .dz-remove-all:hover:before {
  opacity: 1;
}

.bp-messages-content-wrapper .dropzone.dz-progress-view .dz-global-progress {
  left: 6px;
}

.dropzone.dz-progress-view.dz-single-view:not(.files-uploaded) .dz-preview {
  display: none;
}

.message-members-list.member-popup .modal-container,
.mass-user-block-list.moderation-popup .modal-container {
  padding-bottom: .75rem;
}

.message-members-list.member-popup .modal-container .bb-model-header,
.mass-user-block-list.moderation-popup .modal-container .bb-model-header {
  margin-bottom: .75rem;
}

.message-members-list.member-popup .bb-model-header,
.mass-user-block-list.moderation-popup .bb-model-header {
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 0;
  padding: 17px 20px 1rem;
  margin: -20px -30px 30px;
}

.message-members-list.member-popup .bb-model-header .mfp-close,
.mass-user-block-list.moderation-popup .bb-model-header .mfp-close {
  right: 5px;
}

.message-members-list.member-popup .bb-model-header .mfp-close:before,
.mass-user-block-list.moderation-popup .bb-model-header .mfp-close:before {
  color: var(--bb-headings-color);
  opacity: .4;
}

.message-members-list.member-popup .bb-model-header .mfp-close:hover:before,
.mass-user-block-list.moderation-popup .bb-model-header .mfp-close:hover:before {
  opacity: 1;
}

.message-members-list.member-popup .bb-report-type-wrp,
.mass-user-block-list.moderation-popup .bb-report-type-wrp {
  margin: 0 -20px;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp {
  margin: 0;
  padding: .75rem 10px;
  position: relative;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-avatar,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-avatar {
  max-height: 32px;
  max-width: 32px;
  overflow: hidden;
  border-radius: 100%;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-avatar>a,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-avatar>a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-avatar>a img,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-avatar>a img {
  max-height: 32px;
  max-width: 32px;
  overflow: hidden;
  border-radius: 100%;
  margin: 10px;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-name,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-name {
  padding-left: 42px;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-name a,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-name a {
  color: var(--bb-headings-color);
  font-weight: 700;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp:hover,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp:hover {
  background-color: var(--bb-content-alternate-background-color);
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-actions,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions {
  position: relative;
  z-index: 1;
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-actions .button,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions .button {
  color: var(--bb-headings-color);
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
  min-width: initial;
  
}

.message-members-list.member-popup .bb-report-type-wrp .user-item-wrp .user-actions .button:hover,
.mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp .user-actions .button:hover {
  color: var(--bb-primary-button-text-regular);
  background-color: var(--bb-primary-color);
  border-color: transparent;
}

.bb-template-v2 .message-members-list.member-popup .bb-report-type-wrp .user-item-wrp,
.bb-template-v2 .mass-user-block-list.moderation-popup .bb-report-type-wrp .user-item-wrp {
  border-radius: 6px;
}

@media screen and (min-width:46.8em) {
  .bp-list li .item {
    overflow: visible;
  }

  ;
}

.bp-list:before,
.bp-list:after {
  content: normal;
}

.bp-pagination.top {
  display: none;
}

#buddypress a.button {
  color: var(--mb-base-white);
  background-color: #385dff;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  outline: none;
  vertical-align: middle;
}

#buddypress a.button.small {
  font-size: .875rem;
  font-weight: 700;
  min-height: 34px;
  padding: 6px 20px;
  border-radius: var(--bb-button-radius);
  
}

#buddypress a.button:hover,
#buddypress a.button:focus {
  outline: none;
  text-decoration: none;
  color: var(--mb-base-white);
  border-color: transparent;
}

#buddypress a.button:active {
  outline: none;
  text-decoration: none;
  color: #fff;
}

#buddypress #admins-list li,
#buddypress #members-list li,
#buddypress #mods-list li {
  overflow: initial;
}

#buddypress #pag-top {
  display: none;
}

#buddypress .dir-form {
  margin-top: 40px;
}

li#members-order-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-title a {
  color: var(--bb-headings-color);
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  
}

.item-title a:hover {
  color: var(--bb-primary-color);
}

@media only screen and (max-width:320px) {
  #buddypress li div.item {
    margin-left: 0;
  }

  ;
}

#buddypress div#item-header img.avatar {
  margin: 0;
  max-width: 160px;
  image-rendering: -webkit-optimize-contrast;
}

#buddypress div#item-header #item-header-cover-image #item-header-content {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#buddypress #item-header-cover-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#item-header-cover-image {
  min-height: 225px;
}

#buddypress div.item-list-tabs#object-nav {
  border-top: 1px solid var(--bb-content-border-color);
  margin-top: 20px;
  margin-bottom: 0;
  overflow: visible;
}

#buddypress div.item-list-tabs#object-nav li {
  float: left;
  margin: 0;
  padding: 0 30px 0 0;
}

#buddypress div.item-list-tabs#object-nav li.hideshow {
  padding: 0;
}

#buddypress div.item-list-tabs#object-nav a {
  color: #939597;
  display: block;
  padding: 11px 0;
  text-decoration: none;
  font-size: .875rem;
}

#buddypress div.item-list-tabs#object-nav a:hover {
  color: var(--bb-headings-color);
}

#buddypress div.item-list-tabs#object-nav .selected a {
  background-color: transparent;
  border-bottom: 1px solid var(--bb-primary-color);
  margin-bottom: -1px;
  opacity: 1;
  font-weight: 700;
  color: var(--bb-headings-color);
}

#buddypress div.item-list-tabs#object-nav .selected a span {
  background-color: var(--bb-primary-color);
}

#buddypress div.item-list-tabs#object-nav span {
  background: #c8cbcf;
  box-shadow: none;
  border-radius: 100px;
  font-size: .625rem;
  font-weight: 600;
  color: var(--mb-base-white);
  
  border: 0;
  min-width: 22px;
  display: inline-block;
  margin-left: 3px;
  padding: 2px 7px 1px;
  text-align: center;
  vertical-align: middle;
}

p#user_switching_switch_on {
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 20px auto 50px;
}

#buddypress .comment-reply-link,
#buddypress .generic-button a,
#buddypress .standard-form button,
#buddypress a.button,
#buddypress input[type=button],
#buddypress input[type=reset],
#buddypress input[type=submit],
#buddypress ul.button-nav li a,
a.bp-title-button {
  min-width: 75%;
  width: auto;
  margin: 0 auto;
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
  font-family: inherit;
  font-size: .875rem;
  border-radius: 0.75rem;
  min-height: inherit;
  line-height: normal;
  padding: 0.5rem 1rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  outline: none;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-transition: .3s all;
  transition: .3s all;
}

#buddypress .comment-reply-link:focus,
#buddypress .generic-button a:focus,
#buddypress .standard-form button:focus,
#buddypress a.button:focus,
#buddypress input[type=button]:focus,
#buddypress input[type=reset]:focus,
#buddypress input[type=submit]:focus,
#buddypress ul.button-nav li a:focus,
a.bp-title-button:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

#buddypress .comment-reply-link:hover,
#buddypress .generic-button a:hover,
#buddypress .standard-form button:hover,
#buddypress a.button:hover,
#buddypress input[type=button]:hover,
#buddypress input[type=reset]:hover,
#buddypress input[type=submit]:hover,
#buddypress ul.button-nav li a:hover,
a.bp-title-button:hover {
  outline: none;
  text-decoration: none;
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

#buddypress .comment-reply-link:focus,
#buddypress .generic-button a:focus,
#buddypress .standard-form button:focus,
#buddypress a.button:focus,
#buddypress input[type=button]:focus,
#buddypress input[type=reset]:focus,
#buddypress input[type=submit]:focus,
#buddypress ul.button-nav li a:focus,
a.bp-title-button:focus {
  outline: none;
  text-decoration: none;
  box-shadow: var(--bb-primary-button-focus-shadow);
}

#buddypress .comment-reply-link:active,
#buddypress .generic-button a:active,
#buddypress .standard-form button:active,
#buddypress a.button:active,
#buddypress input[type=button]:active,
#buddypress input[type=reset]:active,
#buddypress input[type=submit]:active,
#buddypress ul.button-nav li a:active,
a.bp-title-button:active {
  outline: none;
  text-decoration: none;
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

#buddypress .comment-reply-link.disabled,
#buddypress .generic-button a.disabled,
#buddypress .standard-form button.disabled,
#buddypress a.button.disabled,
#buddypress input[type=button].disabled,
#buddypress input[type=reset].disabled,
#buddypress input[type=submit].disabled,
#buddypress ul.button-nav li a.disabled,
a.bp-title-button.disabled {
  cursor: default;
  font-style: normal;
  color: #c8cbcf;
  background-color: #f5f5f5;
  opacity: 1;
}

#buddypress .comment-reply-link.small,
#buddypress .generic-button a.small,
#buddypress .standard-form button.small,
#buddypress a.button.small,
#buddypress input[type=button].small,
#buddypress input[type=reset].small,
#buddypress input[type=submit].small,
#buddypress ul.button-nav li a.small,
a.bp-title-button.small {
  font-size: .875rem;
  font-weight: 700;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
}

#buddypress .comment-reply-link.big,
#buddypress .generic-button a.big,
#buddypress .standard-form button.big,
#buddypress a.button.big,
#buddypress input[type=button].big,
#buddypress input[type=reset].big,
#buddypress input[type=submit].big,
#buddypress ul.button-nav li a.big,
a.bp-title-button.big {
  font-size: 1rem;
  min-height: 62px;
  padding: 20px 40px;
  border-radius: var(--bb-button-radius);
}

#buddypress .comment-reply-link.large,
#buddypress .generic-button a.large,
#buddypress .standard-form button.large,
#buddypress a.button.large,
#buddypress input[type=button].large,
#buddypress input[type=reset].large,
#buddypress input[type=submit].large,
#buddypress ul.button-nav li a.large,
a.bp-title-button.large {
  font-size: 1rem;
  min-height: 50px;
  padding: .875rem 30px;
  border-radius: var(--bb-button-radius);
}

#buddypress .comment-reply-link.outline,
#buddypress .generic-button a.outline,
#buddypress .standard-form button.outline,
#buddypress a.button.outline,
#buddypress input[type=button].outline,
#buddypress input[type=reset].outline,
#buddypress input[type=submit].outline,
#buddypress ul.button-nav li a.outline,
a.bp-title-button.outline {
  border-width: 1px;
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
}

#buddypress .comment-reply-link.outline:focus,
#buddypress .generic-button a.outline:focus,
#buddypress .standard-form button.outline:focus,
#buddypress a.button.outline:focus,
#buddypress input[type=button].outline:focus,
#buddypress input[type=reset].outline:focus,
#buddypress input[type=submit].outline:focus,
#buddypress ul.button-nav li a.outline:focus,
a.bp-title-button.outline:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#buddypress .comment-reply-link.outline:hover,
#buddypress .comment-reply-link.outline:active,
#buddypress .generic-button a.outline:hover,
#buddypress .generic-button a.outline:active,
#buddypress .standard-form button.outline:hover,
#buddypress .standard-form button.outline:active,
#buddypress a.button.outline:hover,
#buddypress a.button.outline:active,
#buddypress input[type=button].outline:hover,
#buddypress input[type=button].outline:active,
#buddypress input[type=reset].outline:hover,
#buddypress input[type=reset].outline:active,
#buddypress input[type=submit].outline:hover,
#buddypress input[type=submit].outline:active,
#buddypress ul.button-nav li a.outline:hover,
#buddypress ul.button-nav li a.outline:active,
a.bp-title-button.outline:hover,
a.bp-title-button.outline:active {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
  box-shadow: none;
}

#buddypress .comment-reply-link.outline:disabled,
#buddypress .comment-reply-link.outline.disabled,
#buddypress .generic-button a.outline:disabled,
#buddypress .generic-button a.outline.disabled,
#buddypress .standard-form button.outline:disabled,
#buddypress .standard-form button.outline.disabled,
#buddypress a.button.outline:disabled,
#buddypress a.button.outline.disabled,
#buddypress input[type=button].outline:disabled,
#buddypress input[type=button].outline.disabled,
#buddypress input[type=reset].outline:disabled,
#buddypress input[type=reset].outline.disabled,
#buddypress input[type=submit].outline:disabled,
#buddypress input[type=submit].outline.disabled,
#buddypress ul.button-nav li a.outline:disabled,
#buddypress ul.button-nav li a.outline.disabled,
a.bp-title-button.outline:disabled,
a.bp-title-button.outline.disabled {
  background: 0 0;
  color: #c8cbcf;
  border-color: #f5f5f5;
  opacity: 1;
}

#buddypress .standard-form button.wp-switch-editor {
  padding: 6px .75rem;
  height: auto;
  min-height: 10px;
  border-radius: 0;
  border: 1px solid #d7e0e2;
  border-bottom: 0;
  background: #dcdcdc;
  color: inherit;
}

#buddypress .standard-form .tmce-active .wp-switch-editor.switch-tmce {
  background: #f5f5f5;
}

#buddypress .standard-form .html-active .wp-switch-editor.switch-html {
  background: #f5f5f5;
}

#buddypress .standard-form .html-active .button {
  min-height: 20px;
  color: var(--bb-headings-color);
  border: 1px solid #d7e0e2;
  padding: 6px;
  margin: 4px 1px;
  font-size: .75rem;
  border-radius: 3px;
}

#buddypress a.button.outline {
  box-shadow: none;
}

#buddypress table.notification-settings th.title,
#buddypress table.profile-settings th.title {
  width: auto;
  padding: 0 0 20px;
  border: 0;
}

#buddypress div.item-list-tabs ul:after {
  content: '';
  display: table;
  clear: both;
}

#buddypress div.item-list-tabs#object-nav {
  border-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  overflow: visible;
}

#buddypress div.item-list-tabs#object-nav li li {
  margin: 0;
  display: block;
  width: 100%;
  padding: 0;
}

#buddypress div.item-list-tabs#object-nav li li.selected a {
  border: 0;
}

#buddypress div.item-list-tabs#object-nav li li a {
  display: block;
  font-size: .75rem;
  font-weight: inherit;
  color: var(--bb-body-text-color);
  margin-bottom: 1px;
  padding: .75rem .9375rem;
}

.bb-single-bp-header .flex {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#buddypress div.item-list-tabs#object-nav a.more-button {
  font-size: 20px;
  padding: .875rem 0;
  
}

#buddypress div.item-list-tabs#object-nav a.more-button.active:after {
  bottom: -17px;
}

#buddypress div.item-list-tabs ul.sub-menu {
  top: 50px;
  padding: 10px 0;
}

div.item-list-tabs li.hideshow.menu-item-has-children>a:after {
  top: 50px;
}

#buddypress div.item-list-tabs#object-nav li.hideshow span {
  float: right;
}

#sitewide-notice #message {
  background: var(--bb-default-notice-color);
  color: var(--mb-base-white);
  border: 0;
  border-radius: 10px;
  width: auto;
  left: auto;
  right: 1%;
  margin-left: 1%;
  opacity: .9;
  font-size: 1rem;
  padding: 10px 20px;
}

#sitewide-notice #message h4 {
  max-width: 90%;
  font-size: 18px;
  color: var(--mb-base-white);
  margin-bottom: 10px;
  font-weight: 700;
}

#sitewide-notice #message p {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 1rem;
  
}

#sitewide-notice #message p:empty {
  display: none !important;
}

#sitewide-notice .bb-notice-content>*:last-child {
  margin-bottom: 0;
}

#sitewide-notice ul,
#sitewide-notice ol {
  margin-left: 0;
  margin-bottom: 1rem;
  list-style-position: inside;
}

#sitewide-notice button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  min-height: 0;
  height: 18px;
  width: 18px;
  padding: 0;
  
  font-size: .625rem;
  font-weight: 800;
  background: var(--mb-base-white);
  color: var(--bb-default-notice-color);
}

@media(min-width:768px) {
  #sitewide-notice #message {
    min-width: 500px;
  }

  ;
}

#buddypress ul.item-list {
  border-top: 0;
  margin: 0;
}

#buddypress ul.item-list li:not(.load-more) {
  margin: 1rem auto 0rem;
}

#buddypress ul.item-list li img.avatar {
  margin: 0;
}

.widget_bp_core_friends_widget .item-meta {
  display: none;
}

.dir-list {
  margin-bottom: 30px;
}

input#send_reply_button {
  min-width: 87px;
}

#buddypress div.item-list-tabs#subnav {
  overflow: visible;
}

.bs-dropdown-model {
  display: none;
}

.bs-dropdown-model.open {
  display: block;
}

.gif-search-result .loading-icon {
  display: block;
  margin: 0 auto;
  max-height: 300px;
}

#buddypress div#message-thread div.message-content {
  margin-left: 0;
}

#buddypress div.item-list-tabs ul.bs-dropdown {
  padding: 10px 0;
}

#buddypress div.item-list-tabs ul.bs-dropdown a {
  padding: 9px 1rem;
}

#buddypress #member-forums-sub-nav ul {
  margin-bottom: 25px;
}

#buddypress #member-forums-sub-nav li {
  padding-right: 30px;
  padding-bottom: 10px;
}

#buddypress #member-forums-sub-nav a {
  display: block;
  font-size: .875rem;
  color: #939597;
  opacity: 1;
  padding: 0 0 10px;
}

#buddypress #member-forums-sub-nav .selected a {
  background: 0 0;
  border-bottom: 1px solid var(--bb-primary-color);
  font-weight: 700;
  font-size: .875rem;
  color: var(--bb-headings-color);
  opacity: 1;
}

@media(max-width:540px) {
  .bb-photos-wrap .bb-title {
    margin: 0 0 20px;
  }

  .bb-photos-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .bb-photos-actions a {
    margin-bottom: 10px;
    margin-left: 0 !important;
  }

  ;
}

.buddypress-wrap input[type=email]:focus,
.buddypress-wrap input[type=password]:focus,
.buddypress-wrap input[type=tel]:focus,
.buddypress-wrap input[type=text]:focus,
.buddypress-wrap input[type=url]:focus,
.buddypress-wrap textarea:focus {
  border-color: var(--bb-input-focus-border-color);
  border-width: 1px;
  box-shadow: var(--bb-input-focus-shadow);
}

.buddypress-wrap input[type=email].error,
.buddypress-wrap input[type=password].error,
.buddypress-wrap input[type=tel].error,
.buddypress-wrap input[type=text].error,
.buddypress-wrap input[type=url].error,
.buddypress-wrap textarea.error {
  border-color: rgba(var(--bb-danger-color-rgb), 1);
}

.buddypress-wrap input[type=email].error:focus,
.buddypress-wrap input[type=password].error:focus,
.buddypress-wrap input[type=tel].error:focus,
.buddypress-wrap input[type=text].error:focus,
.buddypress-wrap input[type=url].error:focus,
.buddypress-wrap textarea.error:focus {
  border-color: var(--bb-danger-color);
  box-shadow: none;
}

.buddypress-wrap input[type=email]:disabled,
.buddypress-wrap input[type=email].disabled,
.buddypress-wrap input[type=password]:disabled,
.buddypress-wrap input[type=password].disabled,
.buddypress-wrap input[type=tel]:disabled,
.buddypress-wrap input[type=tel].disabled,
.buddypress-wrap input[type=text]:disabled,
.buddypress-wrap input[type=text].disabled,
.buddypress-wrap input[type=url]:disabled,
.buddypress-wrap input[type=url].disabled,
.buddypress-wrap textarea:disabled,
.buddypress-wrap textarea.disabled {
  background-color: var(--bb-content-alternate-background-color);
  opacity: .75;
}

#buddypress .dir-search input[type=search]:focus,
#buddypress .dir-search input[type=text]:focus,
#buddypress .groups-members-search input[type=search]:focus,
#buddypress .groups-members-search input[type=text]:focus,
#buddypress .standard-form input[type=color]:focus,
#buddypress .standard-form input[type=date]:focus,
#buddypress .standard-form input[type=datetime-local]:focus,
#buddypress .standard-form input[type=datetime]:focus,
#buddypress .standard-form input[type=email]:focus,
#buddypress .standard-form input[type=month]:focus,
#buddypress .standard-form input[type=number]:focus,
#buddypress .standard-form input[type=password]:focus,
#buddypress .standard-form input[type=range]:focus,
#buddypress .standard-form input[type=search]:focus,
#buddypress .standard-form input[type=tel]:focus,
#buddypress .standard-form input[type=text]:focus,
#buddypress .standard-form input[type=time]:focus,
#buddypress .standard-form input[type=url]:focus,
#buddypress .standard-form input[type=week]:focus,
#buddypress .standard-form select:focus,
#buddypress .standard-form textarea:focus {
  box-shadow: var(--bb-input-focus-shadow);
  border-color: var(--bb-input-focus-border-color);
}

#buddypress .dir-search input[type=search]:disabled,
#buddypress .dir-search input[type=search].disabled,
#buddypress .dir-search input[type=text]:disabled,
#buddypress .dir-search input[type=text].disabled,
#buddypress .groups-members-search input[type=search]:disabled,
#buddypress .groups-members-search input[type=search].disabled,
#buddypress .groups-members-search input[type=text]:disabled,
#buddypress .groups-members-search input[type=text].disabled,
#buddypress .standard-form input[type=color]:disabled,
#buddypress .standard-form input[type=color].disabled,
#buddypress .standard-form input[type=date]:disabled,
#buddypress .standard-form input[type=date].disabled,
#buddypress .standard-form input[type=datetime-local]:disabled,
#buddypress .standard-form input[type=datetime-local].disabled,
#buddypress .standard-form input[type=datetime]:disabled,
#buddypress .standard-form input[type=datetime].disabled,
#buddypress .standard-form input[type=email]:disabled,
#buddypress .standard-form input[type=email].disabled,
#buddypress .standard-form input[type=month]:disabled,
#buddypress .standard-form input[type=month].disabled,
#buddypress .standard-form input[type=number]:disabled,
#buddypress .standard-form input[type=number].disabled,
#buddypress .standard-form input[type=password]:disabled,
#buddypress .standard-form input[type=password].disabled,
#buddypress .standard-form input[type=range]:disabled,
#buddypress .standard-form input[type=range].disabled,
#buddypress .standard-form input[type=search]:disabled,
#buddypress .standard-form input[type=search].disabled,
#buddypress .standard-form input[type=tel]:disabled,
#buddypress .standard-form input[type=tel].disabled,
#buddypress .standard-form input[type=text]:disabled,
#buddypress .standard-form input[type=text].disabled,
#buddypress .standard-form input[type=time]:disabled,
#buddypress .standard-form input[type=time].disabled,
#buddypress .standard-form input[type=url]:disabled,
#buddypress .standard-form input[type=url].disabled,
#buddypress .standard-form input[type=week]:disabled,
#buddypress .standard-form input[type=week].disabled,
#buddypress .standard-form select:disabled,
#buddypress .standard-form select.disabled,
#buddypress .standard-form textarea:disabled,
#buddypress .standard-form textarea.disabled {
  background-color: var(--bb-content-alternate-background-color);
  opacity: .75;
}

#buddypress .dir-search input[type=search].error,
#buddypress .dir-search input[type=text].error,
#buddypress .groups-members-search input[type=search].error,
#buddypress .groups-members-search input[type=text].error,
#buddypress .standard-form input[type=color].error,
#buddypress .standard-form input[type=date].error,
#buddypress .standard-form input[type=datetime-local].error,
#buddypress .standard-form input[type=datetime].error,
#buddypress .standard-form input[type=email].error,
#buddypress .standard-form input[type=month].error,
#buddypress .standard-form input[type=number].error,
#buddypress .standard-form input[type=password].error,
#buddypress .standard-form input[type=range].error,
#buddypress .standard-form input[type=search].error,
#buddypress .standard-form input[type=tel].error,
#buddypress .standard-form input[type=text].error,
#buddypress .standard-form input[type=time].error,
#buddypress .standard-form input[type=url].error,
#buddypress .standard-form input[type=week].error,
#buddypress .standard-form select.error,
#buddypress .standard-form textarea.error {
  border-color: rgba(var(--bb-danger-color-rgb), 1);
}

#buddypress .dir-search input[type=search].error:focus,
#buddypress .dir-search input[type=text].error:focus,
#buddypress .groups-members-search input[type=search].error:focus,
#buddypress .groups-members-search input[type=text].error:focus,
#buddypress .standard-form input[type=color].error:focus,
#buddypress .standard-form input[type=date].error:focus,
#buddypress .standard-form input[type=datetime-local].error:focus,
#buddypress .standard-form input[type=datetime].error:focus,
#buddypress .standard-form input[type=email].error:focus,
#buddypress .standard-form input[type=month].error:focus,
#buddypress .standard-form input[type=number].error:focus,
#buddypress .standard-form input[type=password].error:focus,
#buddypress .standard-form input[type=range].error:focus,
#buddypress .standard-form input[type=search].error:focus,
#buddypress .standard-form input[type=tel].error:focus,
#buddypress .standard-form input[type=text].error:focus,
#buddypress .standard-form input[type=time].error:focus,
#buddypress .standard-form input[type=url].error:focus,
#buddypress .standard-form input[type=week].error:focus,
#buddypress .standard-form select.error:focus,
#buddypress .standard-form textarea.error:focus {
  border-color: var(--bb-danger-color);
  box-shadow: none;
}

#buddypress .standard-form select:focus {
  background-image: url(../images/svg/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

#buddypress .standard-form select[multiple] {
  background-image: none;
}

#buddypress .standard-form input[type=search] {
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 1rem;
  background-image: url(../images/svg/search.svg);
  background-position: left 10px center;
  padding-left: 2rem;
}

.widget.buddypress .bp-login-widget-user-links>div {
  padding: 0;
}

.widget.buddypress .bp-login-widget-user-links>div>.bp-login-widget-user-link a {
  color: var(--bb-headings-color);
}

.widget.buddypress .bp-login-widget-user-links>div>.bp-login-widget-user-link a:hover {
  color: var(--bb-primary-color);
}

.widget_bp_core_login_widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.widget_bp_core_login_widget .widget-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.widget_bp_core_login_widget .widget-title:empty {
  display: none;
}

.widget_bp_core_login_widget .bp-login-widget-user-avatar {
  margin-right: 1rem;
}

.widget_bp_core_login_widget .bp-login-widget-user-links {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bbp_widget_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bbp_widget_login>.inner {
  width: 100%;
}

.bbp_widget_login .widget-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.bbp_widget_login .widget-title:empty {
  display: none;
}

.bbp_widget_login .bbp-logged-in {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bbp-logged-in {
  position: relative;
}

#buddypress a.disabled,
#buddypress button.disabled,
#buddypress button.pending,
#buddypress div.pending a,
#buddypress input[type=button].disabled,
#buddypress input[type=button].pending,
#buddypress input[type=reset].disabled,
#buddypress input[type=reset].pending,
#buddypress input[type=submit].disabled,
#buddypress input[type=submit].pending,
#buddypress input[type=submit][disabled=disabled] {
  cursor: initial;
}

body #buddypress .group-item-avatar {
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
}

#buddypress div.item-list-tabs ul li {
  float: left;
  margin: 0;
  list-style: none;
}

#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
  display: block;
}

.widget.buddypress #friends-list li,
.widget.buddypress #members-list li,
.widget.buddypress #groups-list li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

.buddypress.widget ul.item-list li .item-avatar {
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.buddypress.widget ul.item-list li .item {
  padding: 0;
}

#buddypress div.item-list-tabs ul {
  margin: 0;
  padding: 0;
}

#buddypress .bp-feedback.custom-homepage-info button.bp-tooltip {
  padding: 0;
}

#buddypress .custom-homepage-info.info {
  border: 1px solid var(--bb-content-border-color);
  background: var(--bb-content-background-color);
  box-shadow: none;
  border-radius: 3px;
  padding: 20px;
  position: relative;
  font-size: 1rem;
  margin-bottom: 20px;
  margin-top: 0;
}

#buddypress .custom-homepage-info.info button {
  position: absolute;
  right: 10px;
  top: 10px;
  background: 0 0;
  border: 0;
  color: var(--bb-danger-color);
  box-shadow: none;
}

#buddypress .custom-homepage-info.info p {
  padding: 0;
}

#buddypress .custom-homepage-info.info p:last-child {
  margin-bottom: 0;
}

.bs-groups-items.grid-view .item-avatar .avatar {
  width: 100%;
}

.buddypress-wrap:not(.round-avatars) .bs-groups-items.grid-view .item-avatar .avatar {
  border-radius: 0;
}

.buddypress-wrap a[data-bp-close] span:before,
.buddypress-wrap button[data-bp-close] span:before {
  font-size: 24px;
}

@media screen and (min-width:75em) {

  .widget-area .buddypress.widget ul.item-list li .avatar,
  .member-front-page .buddypress.widget ul.item-list li .avatar {
    width: 100%;
  }

  .widget-area .buddypress.widget ul.item-list,
  .member-front-page .buddypress.widget ul.item-list {
    margin: 0;
    width: 100%;
  }

  ;
}

body.buddypress.register .site-content,
body.buddypress.activation .site-content {
  padding-top: 5%;
}

body.buddypress.register .site-content .content-area,
body.buddypress.activation .site-content .content-area {
  padding-top: 0;
}

@media screen and (min-width:46.8em) {
  body.buddypress .site-content {
    padding-top: 0;
  }

  ;
}

#cover-image-container {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  padding: 30px 30px 0;
  font-size: .875rem;
  
}

.bb-template-v2 #cover-image-container {
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
}

#header-cover-image {
  background-color: #607387;
}

body #buddypress #header-cover-image {
  background-position: center center;
  margin: 0;
  position: relative;
  width: auto;
}

@media screen and (min-width:800px) {
  body #buddypress .users-header #header-cover-image {
    margin: -30px -30px 0;
  }

  ;
}

body #buddypress #header-cover-image.width-full {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  border-bottom: 1px solid var(--bb-content-border-color);
}

body #buddypress #header-cover-image.cover-large {
  height: 300px;
}

body #buddypress #item-header-cover-image {
  min-height: auto;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

body #buddypress .groups-header #item-header-cover-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-user #buddypress #item-header {
  margin: 0;
}

#buddypress #item-header-cover-image #item-header-avatar {
  margin: 0 1rem 0 0;
  padding: 0;
}

#buddypress #item-header-cover-image.bb-disable-cover-img #item-header-avatar {
  margin-top: 0;
  margin-bottom: 0;
}

body #buddypress #item-header-cover-image #item-header-avatar img.avatar {
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
  border: 3px solid var(--mb-base-white);
  max-width: 170px;
}

body #buddypress:not(.round-avatars) .groups-header #item-header-cover-image #item-header-avatar img.avatar {
  border-radius: 4px;
}

.bb-template-v1 nav#object-nav {
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
}

nav#object-nav li {
  float: left;
  margin: 0;
  padding: 0;
}

nav#object-nav li.hideshow {
  padding-right: 5px;
}

.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
  background: 0 0;
  color: var(--bb-primary-color);
}

.buddypress-wrap .bp-navs li.current a .count,
.buddypress-wrap .bp-navs li.dynamic.current a .count,
.buddypress-wrap .bp-navs li.selected a .count,
.buddypress_object_nav .bp-navs li.current a .count,
.buddypress_object_nav .bp-navs li.selected a .count {
  background-color: var(--bb-primary-color);
}

body #buddypress div#item-header-cover-image h2,
body #buddypress div#item-header-cover-image h2 a {
  font-size: 1.8rem;
  position: relative;
  color: var(--bb-headings-color);
  text-shadow: none;
}

body #cover-image-container span.activity {
  font-size: .875rem;
}

.single-headers .item-meta {
  margin: 0 0 1rem;
  padding: 0 1rem;
  color: var(--mb-gray-500);
}

#item-header-cover-image .member-header-actions .generic-button a,
#item-header-cover-image .member-header-actions .generic-button button {
  font-size: .875rem;
}

#item-header-cover-image .member-header-actions .generic-button a.blocked-member,
#item-header-cover-image .member-header-actions .generic-button button.blocked-member {
  opacity: .9;
  pointer-events: none;
}

#item-header-cover-image .member-header-actions div.generic-button {
  display: inline-block;
  float: none;
}

#item-header-cover-image .member-header-actions>li {
  float: none;
}

#item-header-cover-image .flex>#send-private-message {
  margin-top: 35px;
  text-align: left;
  min-width: 140px;
  margin-right: -20px;
}

#item-header-cover-image .flex>#send-private-message .thickbox {
  font-size: .75rem;
  min-height: 30px;
  padding: 0 20px;
  
}

#send-private-message.generic-button a:before {
  color: var(--bb-primary-color);
}

.toggle-password {
  color: var(--bb-primary-color);
}

.toggle-password:hover {
  color: var(--bb-primary-color);
}

span.triangle-play-icon {
  color: var(--bb-primary-color);
  border-color: var(--bb-primary-color);
}

.recording-preview-img:hover span.triangle-play-icon {
  color: var(--bb-primary-color);
}

.bb-shared-screen svg g {
  stroke: var(--bb-primary-color);
}

.bb-cover-photo,
.bb-cover-photo .progress {
  background: var(--bb-cover-image-background-color);
}

.header-button.underlined {
  box-shadow: 0 -1px 0 var(--bb-primary-color) inset;
}

@media screen and (max-width:1200px) {
  #buddypress div#item-header #item-header-cover-image #item-header-content>.flex {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content>.flex .bb-user-content-wrap {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content>.flex .flex>#send-private-message {
    margin: 5px 0 10px 10px;
  }

  ;
}

@media screen and (max-width:980px) {
  #item-header-cover-image .flex>#send-private-message {
    margin: 20px 0 0;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  ;
}

@media screen and (max-width:782px) {
  .bp_members.type-bp_members #item-header-content .gamipress-buddypress-points {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .bp_members.type-bp_members #item-header-content>.flex .bb-user-content-wrap,
  .bp_members.type-bp_members #item-header-content>.flex .member-header-actions,
  .bp_members.type-bp_members #item-header-content>.flex #send-private-message {
    text-align: center;
  }

  .bp_members.type-bp_members #item-header-content>.flex .bb-user-content-wrap .member-title-wrap {
    margin-bottom: 1rem;
  }

  ;
}

#TB_window {
  border-radius: 4px 4px 4px 4px;
}

#TB_window #TB_title {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 10px 5px;
  border-radius: 4px 4px 0 0;
}

#TB_window #TB_title #TB_closeAjaxWindow #TB_closeWindowButton {
  right: 10px;
}

#TB_window #TB_title #TB_closeAjaxWindow #TB_closeWindowButton:active,
#TB_window #TB_title #TB_closeAjaxWindow #TB_closeWindowButton:focus {
  box-shadow: none;
}

#TB_window #TB_title #TB_closeAjaxWindow #TB_closeWindowButton:focus .tb-close-icon {
  box-shadow: none;
}

#TB_window #TB_ajaxContent {
  padding: 0 20px 20px;
  width: 100% !important;
  height: auto !important;
}

#TB_window #private-message-form-ux {
  margin-bottom: 0;
  margin-top: .75rem;
  width: 100%;
}

#TB_window #private-message-form-ux>label {
  margin-bottom: 10px;
  display: inline-block;
}

#TB_window #private-message-form-ux input,
#TB_window #private-message-form-ux textarea {
  display: block;
  width: 100%;
  max-height: 200px;
}

#TB_window #private-message-form-ux input+br {
  display: none;
}

@media screen and (max-width:560px) {
  #TB_window {
    width: 80% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  ;
}

body .single-headers a.button,
body .single-headers li.generic-button,
body .single-headers div.generic-button {
  margin: 5px 8px 5px 0;
}

nav#object-nav .more-button {
  font-size: 20px;
  padding: .875rem 0;
  
}

nav#object-nav .more-button.active:after {
  bottom: -18px;
}

nav#object-nav .sub-menu {
  top: 50px;
  padding: 10px 0;
}

nav#object-nav .sub-menu li {
  margin: 0;
  display: block;
  width: 100%;
  padding: 0;
}

nav#object-nav .sub-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .75rem;
  font-weight: inherit;
  color: var(--bb-body-text-color);
  margin-bottom: 1px;
  padding: .75rem .9375rem;
  overflow: hidden;
}

nav#object-nav .sub-menu a:hover {
  background: var(--bb-content-alternate-background-color);
}

nav#object-nav .sub-menu span.count {
  float: right;
  font-size: .625rem;
}

nav#object-nav .sub-menu .selected>a {
  border: 0;
}

@media screen and (min-width:46.8em) {
  .single-headers #item-header-content {
    padding-left: 0;
  }

  ;
}

.subnav li {
  padding: 0;
  margin: 0;
  float: left;
  list-style: none;
}

.media-type-navs ul li:not(:last-child),
.video-type-navs ul li:not(:last-child),
.groups-type-navs ul li:not(:last-child),
.members-type-navs ul li:not(:last-child),
.activity-type-navs ul li:not(:last-child),
.document-type-navs ul li:not(:last-child) {
  padding: 0;
}

.bp-single-vert-nav .bp-wrap .bp-navs.bp-subnavs {
  margin-bottom: 20px;
}

.bp-subnavs li.current a,
.bp-subnavs li.selected a {
  color: var(--bb-headings-color);
}

.bp-subnavs li.current a:hover,
.bp-subnavs li.selected a:hover {
  color: var(--bb-primary-color);
}

@media screen and (max-width:782px) {
  #buddypress #item-header-cover-image {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  body #buddypress #item-header-cover-image #item-header-avatar {
    margin-right: auto;
    margin-left: auto;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  ;
}

.bp-user [data-bp-search] form input[type=text],
.bp-user [data-bp-search] form input[type=search],
body .buddypress-wrap .bp-invites-search-form input[type=search] {
  padding: 6px 10px;
  height: auto;
  font-size: .875rem;
}

body .buddypress-wrap .bp-invites-search-form:before,
body .buddypress-wrap form.bp-dir-search-form:before,
body .buddypress-wrap form.bp-messages-search-form:before {
  content: '\ef10';
  color: inherit;
  font-family: bb-icons;
  font-size: 1.5rem;
  font-weight: 400;
  opacity: .4;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}

body .buddypress-wrap .bp-invites-search-form input[type=search],
body .buddypress-wrap form.bp-dir-search-form input[type=search],
body .buddypress-wrap form.bp-messages-search-form input[type=search] {
  padding: 2rem;
  width: 100%;
  min-width: max-content;
}

body .buddypress-wrap .bp-invites-search-form input[type=search]::-webkit-input-placeholder,
body .buddypress-wrap form.bp-dir-search-form input[type=search]::-webkit-input-placeholder,
body .buddypress-wrap form.bp-messages-search-form input[type=search]::-webkit-input-placeholder {
  color: inherit;
  opacity: .4;
}

@media screen and (max-width:544px) {

  body .buddypress-wrap .bp-invites-search-form input[type=search],
  body .buddypress-wrap form.bp-dir-search-form input[type=search],
  body .buddypress-wrap form.bp-messages-search-form input[type=search] {
    min-width: 150px;
  }

  ;
}

body.pending-invites .buddypress-wrap .bp-invites-search-form input[type=search] {
  min-width: 360px;
}

@media screen and (max-width:544px) {
  body.pending-invites .buddypress-wrap .bp-invites-search-form input[type=search] {
    min-width: 280px;
  }

  ;
}

body .buddypress-wrap form.bp-messages-search-form input[type=search]:-webkit-autofill {
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 1rem;
  background-image: url(../images/svg/search.svg);
  background-position: left 10px center;
}

.buddypress-wrap form.bp-dir-search-form,
.buddypress-wrap form.bp-invites-search-form,
.buddypress-wrap form.bp-messages-search-form {
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  box-shadow: none;
  border-radius: var(--bb-input-radius);
  margin: 0;
  position: relative;
}

.buddypress-wrap form.bp-dir-search-form:focus-within:hover,
.buddypress-wrap form.bp-dir-search-form:focus-within,
.buddypress-wrap form.bp-invites-search-form:focus-within:hover,
.buddypress-wrap form.bp-invites-search-form:focus-within,
.buddypress-wrap form.bp-messages-search-form:focus-within:hover,
.buddypress-wrap form.bp-messages-search-form:focus-within {
  border-color: var(--mb-gray-300);
  border-width: 1px;
  box-shadow: none;
  border-radius: .5rem;
}

body #content .buddypress-wrap .bp-invites-search-form .nouveau-search-submit,
#content .buddypress-wrap .subnav-filters div button#user_messages_search_submit {
  padding: 0;
  position: absolute !important;
  width: 30px;
  height: 33px;
  opacity: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
}

.buddypress-wrap form.bp-dir-search-form button[type=submit],
.buddypress-wrap form.bp-messages-search-form button[type=submit] {
  position: relative;
  padding: 0;
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.buddypress-wrap .bp-tables-user,
.buddypress-wrap .bp-tables-report,
.buddypress-wrap table.forum,
.buddypress-wrap table.wp-profile-fields {
  background-color: var(--mb-base-white);
  border-radius: 4px;
  overflow: hidden;
}

.buddypress-wrap .bp-tables-report {
  box-shadow: 0 0 0 1px var(--bb-content-border-color);
}

.buddypress-wrap .bp-tables-user {
  background-color: var(--bb-content-background-color);
}

.buddypress-wrap .bp-tables-user tr td,
.buddypress-wrap .bp-tables-user tr th,
.buddypress-wrap .bp-tables-report tr td,
.buddypress-wrap .bp-tables-report tr th,
.buddypress-wrap table.forum tr td,
.buddypress-wrap table.forum tr th,
.buddypress-wrap table.wp-profile-fields tr td,
.buddypress-wrap table.wp-profile-fields tr th {
  padding: 25px 20px;
}

.buddypress-wrap .bp-tables-user thead tr,
.buddypress-wrap .bp-tables-report thead tr,
.buddypress-wrap table.forum thead tr,
.buddypress-wrap table.wp-profile-fields thead tr {
  color: var(--mb-gray-900);
  border-bottom: 1px solid var(--mb-gray-300);
}

.buddypress-wrap .bp-tables-user tbody tr,
.buddypress-wrap .bp-tables-report tbody tr,
.buddypress-wrap table.forum tbody tr,
.buddypress-wrap table.wp-profile-fields tbody tr {
  background: 0 0;
}

.buddypress-wrap .bp-tables-user tbody tr:nth-child(odd),
.buddypress-wrap .bp-tables-report tbody tr:nth-child(odd) {
  background: var(--bb-content-alternate-background-color);
}

.buddypress-wrap .bp-tables-user tbody tr:hover,
.buddypress-wrap .bp-tables-report tbody tr:hover {
  background: var(--bb-content-alternate-background-color);
}

td.notification-description a {
  color: var(--bb-headings-color);
  position: relative;
}

.buddypress-wrap .subnav-filters .select-wrap {
  margin: 1rem 0;
}

.buddypress-wrap .select-wrap {
  margin: 1rem 0 0;
}

.buddypress-wrap .select-wrap span.select-arrow {
  display: none;
}

.buddypress-wrap .current-visibility-level {
  color: var(--mb-gray-500);
}

.buddypress-wrap .field-visibility-settings {
  color: inherit;
}



.buddypress-wrap .bp-pagination {
  color: var(--mb-gray-500);
  padding: 10px 0;
}

.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
  border: 1px solid var(--mb-primary-500);
  border-radius: 0.625rem;
  margin: 1rem 0 0;
  padding: 0.5rem 1rem;
  height: 3rem;
  line-height: normal;
  font-size: .875rem;
  font-weight: 700;
}

.bb-sort-by-date {
  font-size: 1rem;
  color: var(--mb-gray-500);
  margin: 0;
}

span.notifications-order-actions {
  margin-left: 5px;
  padding-top: 1px;
  position: relative;
}

body.buddypress .buddypress-wrap .bs-section-title {
  margin-bottom: 0;
}

.buddypress-wrap .bp-messages {
  color: var(--mb-primary-700);
  border: 1px solid var(--mb-primary-300);
  background-color: var(--mb-primary-100);
  margin: 1rem 0;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}

.buddypress-wrap .bp-messages:after {
  content: '';
  clear: both;
  display: table;
}

span.count:empty {
  display: none !important;
}

#whats-new-content+#message {
  margin-top: 20px;
}

.buddypress-wrap #group-settings-form .bp-messages {
  margin-bottom: 20px;
}

.bp-feedback {
  box-shadow: none;
  border: 1px solid var(--bb-content-border-color);
  background-color: var(--bb-content-background-color);
  border-radius: 4px;
  color: var(--bb-body-text-color);
}

.bp-feedback:after {
  content: '';
  display: table;
}

.bp-feedback .bp-icon {
  border-radius: 4px 0 0 4px;
}

.bp-feedback.help .bp-icon,
.bp-feedback.info .bp-icon {
  background-color: var(--bb-default-notice-color);
  background-color: var(--mb-primary-400);
  background-color: transparent;
  color: var(--mb-primary-400);
}

.bp-feedback.loading .bp-icon,
.bp-feedback.warning .bp-icon {
  background-color: var(--bb-warning-color);
  background-color: transparent;
  border-radius: 9999px;
}
.bp-feedback.error .bp-icon:before, .bp-feedback.warning .bp-icon:before {
    content: "\ee66";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--bb-warning-color);
}
.bp-feedback.success .bp-icon,
.bp-feedback.updated .bp-icon {
  background-color: var(--bb-success-color);
}

.bp-feedback.error .bp-icon {
  background-color: var(--bb-danger-color);
}

.bp-feedback.bp-feedback-v2 {
  color: var(--bb-default-notice-color);
  background-color: rgba(var(--bb-default-notice-color-rgb), .1);
  border: 0;
  border-radius: 0;
  padding-left: 20px;
}

.bp-feedback.bp-feedback-v2 .bp-icon {
  background-color: transparent !important;
  color: var(--bb-default-notice-color);
  margin-right: 0;
}

.bp-feedback.bp-feedback-v2 p {
  padding: .875rem 5px;
}

.bp-feedback.bp-feedback-v2.help,
.bp-feedback.bp-feedback-v2.info {
  color: var(--bb-default-notice-color);
  background-color: rgba(var(--bb-default-notice-color-rgb), .1);
}

.bp-feedback.bp-feedback-v2.help .bp-icon,
.bp-feedback.bp-feedback-v2.info .bp-icon {
  color: var(--bb-default-notice-color);
}

.bp-feedback.bp-feedback-v2.error {
  color: var(--bb-danger-color);
  background-color: rgba(var(--bb-danger-color-rgb), .1);
}

.bp-feedback.bp-feedback-v2.error .bp-icon {
  color: var(--bb-danger-color);
}

.bp-feedback.bp-feedback-v2.loading,
.bp-feedback.bp-feedback-v2.warning {
  color: var(--bb-warning-color);
  background-color: rgba(var(--bb-warning-color-rgb), .1);
}

.bp-feedback.bp-feedback-v2.loading .bp-icon,
.bp-feedback.bp-feedback-v2.warning .bp-icon {
  color: var(--bb-warning-color);
}

.bp-feedback.bp-feedback-v2.success,
.bp-feedback.bp-feedback-v2.updated {
  color: var(--bb-success-color);
  background-color: rgba(var(--bb-success-color-rgb), .1);
}

.bp-feedback.bp-feedback-v2.success .bp-icon,
.bp-feedback.bp-feedback-v2.updated .bp-icon {
  color: var(--bb-success-color);
}

.buddypress-wrap .bp-feedback:not(.custom-homepage-info) p,
.widget-error .bp-feedback p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  padding: 0rem 0 0 2.5rem;
}

#buddypress .bp-invites-content ul.item-list li img.avatar {
  border-radius: 50%;
}

#buddypress .bb-groups-messages-left .action .invite-button,
#item-body #group-invites-container .bp-invites-content .action button.invite-button {
  background: url(../images/svg/circle-add.svg) no-repeat;
  height: 26px;
  width: 26px;
  background-size: contain;
  padding: 0;
  min-width: 26px;
  border: 0;
}

#buddypress .bb-groups-messages-left .action .invite-button .icons,
#item-body #group-invites-container .bp-invites-content .action button.invite-button .icons {
  opacity: 0;
  visibility: hidden;
}

#buddypress .bb-groups-messages-left .selected .invite-button,
#item-body #group-invites-container .bp-invites-content .selected .action button.invite-button {
  background: url(../images/svg/circle-close.svg) no-repeat;
}

.buddypress-wrap ul.item-list li .invite-button:not(.group-remove-invite-button) span.icons:before {
  content: "\eef9";
  font-family: bb-icons;
  font-weight: 100;
}

.bp-feedback p {
  font-size: .875rem;
  padding: 10px 5px;
}

.bulk-select-check,
.bulk-select-all {
  min-width: 40px;
}

.bulk-select-check label,
.bulk-select-all label {
  margin: 0 !important;
}

.notification-list.bb-nouveau-list {
  margin-bottom: 20px;
}

.notification-list.bb-nouveau-list .bulk-select-all>label:after,
.notification-list.bb-nouveau-list .bs-item-wrap .bb-input-wrap>label:after {
  font-weight: 400;
}

.notification-list.bb-nouveau-list .bs-item-wrap .notification-avatar a>i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--mb-gray-500);
  bottom: -5px;
  border-radius: 50%;
  color: var(--bb-content-background-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 25px;
  
  position: absolute;
  right: -5px;
  width: 25px;
}

.notification-list.bb-nouveau-list .bs-item-wrap .notification-avatar a>i.bb-icon-calendar {
  font-size: 17px;
}

.notification-dropdown .notification-list.bb-nouveau-list .actions {
  opacity: 0;
  visibility: hidden;
}

@media(hover:none) and (pointer:coarse) {
  .notification-dropdown .notification-list.bb-nouveau-list {
    ;
  }

  .notification-dropdown .notification-list.bb-nouveau-list .actions {
    opacity: 1;
    visibility: visible;
  }

  .notification-dropdown .notification-list.bb-nouveau-list .unread:before {
    display: none;
  }

  ;
}

.notification-dropdown .notification-list.bb-nouveau-list li:hover .actions {
  opacity: 1;
  visibility: visible;
}

.notification-list.bb-nouveau-list .actions {
  opacity: 1;
  visibility: visible;
  font-size: 0;
  min-width: 40px;
}

.notification-list.bb-nouveau-list .actions a {
  color: rgba(18, 43, 70, .4);
  margin-left: 6px;
}

.notification-list.bb-nouveau-list .actions .dashicons {
  font-size: 18px;
}

.notification-list.bb-nouveau-list .actions .delete .dashicons {
  font-size: 1rem;
  position: relative;
}

.notification-list.bb-nouveau-list .actions .dashicons-visibility:before,
.notification-list.bb-nouveau-list .actions .dashicons-dismiss:before,
.notification-list.bb-nouveau-list .actions .dashicons-trash:before,
.notification-list.bb-nouveau-list .actions .dashicons-hidden:before {
  content: "\ee6a";
  font-family: bb-icons;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}

.notification-list.bb-nouveau-list .actions .dashicons-dismiss:before {
  content: "\e828";
}

.notification-list.bb-nouveau-list .actions .dashicons-trash:before {
  content: "\ef48";
}

.notification-list.bb-nouveau-list .actions .dashicons-hidden:before {
  content: "\ee69";
}

.buddypress-wrap .subnav-filters:before,
.buddypress-wrap .subnav-filters:after {
  display: none;
}

.buddypress-wrap .subnav-filters>ul {
  margin-left: 0;
  margin-bottom: 0;
}

@media screen and (min-width:32em) {
  #activity-stream {
    clear: both;
    padding-top: 0;
  }

  ;
}

@media(max-width:543px) {
  .notification-list.bb-nouveau-list .avatar:not(.profile-avatar) {
    max-width: 44px;
  }

  .notification-list.bb-nouveau-list .actions {
    font-size: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 8px 0 0 98px;
  }

  .notification-list.bb-nouveau-list .notification-content+.actions {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0;
  }

  body.buddypress .buddypress-wrap .bs-section-title {
    font-size: 20px;
  }

  .bb-sort-by-date {
    font-size: .75rem;
    text-align: right;
  }

  .notification-list .bs-item-wrap:not(.bs-header-item) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  ;
}

.atwho-view {
  border-color: var(--bb-content-border-color);
  background-color: var(--bb-content-background-color);
}

.atwho-view ul li .username {
  color: var(--mb-gray-500);
}

.atwho-view small {
  color: var(--bb-headings-color);
}

.atwho-view .cur {
  background-color: var(--bb-content-alternate-background-color);
}

#whats-new-form-placeholder,
#whats-new-form {
  margin: 0;
}

#whats-new-form-placeholder .bp-feedback,
#whats-new-form .bp-feedback {
  min-width: 100%;
}

#whats-new-form.focus-in #bp-activity-privacy-point {
  color: var(--mb-gray-500);
}

#whats-new-form #whats-new-post-in-box .bp-activity-object {
  padding: 7px 26px 7px 30px;
  min-height: 34px;
  margin: 1px 0;
}

#whats-new-form #whats-new-post-in-box .bp-activity-object:hover {
  background-color: var(--bb-content-alternate-background-color);
}

#whats-new-post-in-box-items .bp-activity-object label {
  margin: 0;
}

.activity-link-preview-title {
  color: var(--bb-headings-color);
}

.dropzone .dz-default,
.dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-image,
.dropzone.video-dropzone .dz-preview,
.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
.dropzone .dz-preview.dz-file-preview .dz-details,
.dropzone .dz-preview .dz-image {
  background-color: var(--bb-content-alternate-background-color);
  border-radius: var(--bb-block-radius-inner);
}

.ac-reply-content .dropzone .dz-default,
.ac-reply-content .dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-image,
.ac-reply-content .dropzone.video-dropzone .dz-preview,
.ac-reply-content .dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail),
.ac-reply-content .dropzone .dz-preview.dz-file-preview .dz-details,
.ac-reply-content .dropzone .dz-preview .dz-image {
  background-color: var(--bb-content-background-color);
}

.dropzone .dz-default .dz-button>strong,
.dropzone .dz-default .dz-button:hover>strong {
  color: var(--bb-headings-color);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  border-color: var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
}

.buddypress .buddypress-wrap form#whats-new-form button.bp-remove-item {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-top: 0;
  margin-left: 30px;
  margin-right: 2px;
  
}

.buddypress .buddypress-wrap form#whats-new-form button.bp-remove-item:before {
  content: "\e828";
  font-family: bb-icons;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  color: #939597;
}

.emojionearea .emojionearea-picker {
  background-color: var(--bb-content-background-color);
  border-radius: 4px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.emojionearea .emojionearea-picker .emojionearea-filters {
  background-color: var(--bb-content-alternate-background-color);
  border-bottom: 1px solid var(--bb-content-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
  border-left: 1px solid var(--bb-content-border-color);
  border-right: 1px solid var(--bb-content-border-color);
  background-color: var(--bb-content-background-color);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:last-child {
  border-radius: 0 4px 0 0;
}

.emojionearea .emojionearea-picker .emojionearea-filters i.emojionearea-filter:first-child[style*="display: none"]+i.emojionearea-filter:not([style*="display: none"]) {
  border-left-width: 0;
  border-radius: 4px 0 0 0;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:first-of-type {
  border-left-width: 0;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:last-of-type {
  border-right-width: 0;
}

#whats-new-textarea-placeholder [contenteditable=true]:empty:before,
#whats-new-textarea [contenteditable=true]:empty:before {
  color: rgba(var(--bb-body-text-color-rgb), .5);
}

.ac-reply-toolbar a [class*=" bb-icon-"],
.ac-reply-toolbar .emojionearea .emojionearea-button,
#whats-new-toolbar a [class*=" bb-icon-"],
#whats-new-toolbar .emojionearea .emojionearea-button,
#whats-new-messages-toolbar a [class*=" bb-icon-"],
#whats-new-messages-toolbar .emojionearea .emojionearea-button,
#whats-new-formatting-toolbar a [class*=" bb-icon-"],
#whats-new-formatting-toolbar .emojionearea .emojionearea-button {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

.ac-reply-toolbar a:hover [class*=" bb-icon-"],
.ac-reply-toolbar a.active [class*=" bb-icon-"],
.ac-reply-toolbar .active a [class*=" bb-icon-"],
.ac-reply-toolbar a.open [class*=" bb-icon-"],
.ac-reply-toolbar .emojionearea .emojionearea-button.active,
.ac-reply-toolbar .emojionearea .emojionearea-button:hover:before,
#whats-new-toolbar a:hover [class*=" bb-icon-"],
#whats-new-toolbar a.active [class*=" bb-icon-"],
#whats-new-toolbar .active a [class*=" bb-icon-"],
#whats-new-toolbar a.open [class*=" bb-icon-"],
#whats-new-toolbar .emojionearea .emojionearea-button.active,
#whats-new-toolbar .emojionearea .emojionearea-button:hover:before,
#whats-new-messages-toolbar a:hover [class*=" bb-icon-"],
#whats-new-messages-toolbar a.active [class*=" bb-icon-"],
#whats-new-messages-toolbar .active a [class*=" bb-icon-"],
#whats-new-messages-toolbar a.open [class*=" bb-icon-"],
#whats-new-messages-toolbar .emojionearea .emojionearea-button.active,
#whats-new-messages-toolbar .emojionearea .emojionearea-button:hover:before,
#whats-new-formatting-toolbar a:hover [class*=" bb-icon-"],
#whats-new-formatting-toolbar a.active [class*=" bb-icon-"],
#whats-new-formatting-toolbar .active a [class*=" bb-icon-"],
#whats-new-formatting-toolbar a.open [class*=" bb-icon-"],
#whats-new-formatting-toolbar .emojionearea .emojionearea-button.active,
#whats-new-formatting-toolbar .emojionearea .emojionearea-button:hover:before {
  color: var(--bb-headings-color);
}

.ac-reply-toolbar .emojionearea .emojionearea-button.active:before,
.ac-reply-toolbar a.active [class*=" bb-icon-"],
.ac-reply-toolbar .active a [class*=" bb-icon-"],
#whats-new-toolbar .emojionearea .emojionearea-button.active:before,
#whats-new-toolbar a.active [class*=" bb-icon-"],
#whats-new-toolbar .active a [class*=" bb-icon-"],
#whats-new-messages-toolbar .emojionearea .emojionearea-button.active:before,
#whats-new-messages-toolbar a.active [class*=" bb-icon-"],
#whats-new-messages-toolbar .active a [class*=" bb-icon-"],
#whats-new-formatting-toolbar .emojionearea .emojionearea-button.active:before,
#whats-new-formatting-toolbar a.active [class*=" bb-icon-"],
#whats-new-formatting-toolbar .active a [class*=" bb-icon-"] {
  font-weight: 300;
}

.ac-reply-toolbar .post-elements-buttons-item.disable a:hover [class*=" bb-icon-"],
#whats-new-toolbar .post-elements-buttons-item.disable a:hover [class*=" bb-icon-"],
#whats-new-messages-toolbar .post-elements-buttons-item.disable a:hover [class*=" bb-icon-"],
#whats-new-formatting-toolbar .post-elements-buttons-item.disable a:hover [class*=" bb-icon-"] {
  color: rgba(var(--bb-headings-color-rgb), .3);
}

#editor-toolbar [class*=" bb-icon-"] {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

#editor-toolbar [class*=" bb-icon-"]:hover {
  color: var(--bb-headings-color);
}

#editor-toolbar .emojionearea-button:before {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

#editor-toolbar .emojionearea-button:hover:before {
  color: var(--bb-headings-color);
}

#editor-toolbar .emojionearea-button.active:before,
#editor-toolbar .active [class*=" bb-icon-"]:before {
  color: var(--bb-headings-color);
  font-weight: 300 !important;
}

.bp-nouveau-activity-form-placeholder- .bb-model-header a .bb-icon-times,
.activity-update-form .bb-model-header a .bb-icon-times {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

.bp-nouveau-activity-form-placeholder- .bb-model-header a:hover .bb-icon-times,
.activity-update-form .bb-model-header a:hover .bb-icon-times {
  color: var(--bb-headings-color);
}

.activity-update-form .bb-model-header a .bb-icon-close,
.bp-nouveau-activity-form-placeholder- .bb-model-header a .bb-icon-close {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

.activity-update-form .bb-model-header a:hover .bb-icon-close,
.bp-nouveau-activity-form-placeholder- .bb-model-header a:hover .bb-icon-close {
  color: var(--bb-headings-color);
}

.medium-editor-toolbar .medium-editor-toolbar-actions button,
.buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button,
#buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

.medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active,
.buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active,
#buddypress .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-active {
  color: var(--bb-headings-color);
}

.medium-editor-toolbar-form a {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

.medium-editor-toolbar-form a:hover {
  color: var(--bb-headings-color);
}

h4 .bp-reported-type {
  color: var(--bb-headings-color);
}

#buddypress input#privacy-status-back,
#buddypress input#privacy-status-group-back {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

#buddypress input#privacy-status-back:hover,
#buddypress input#privacy-status-group-back:hover {
  color: var(--bb-headings-color);
}

#whats-new-toolbar a.active .bb-icon,
#whats-new-toolbar .active a .bb-icon,
#whats-new-toolbar a.open .bb-icon {
  color: var(--bb-headings-color);
}

body.buddypress article.page>.entry-header .entry-title {
  font-size: 28px;
  color: var(--bb-headings-color);
}

#buddypress #group-activity-search,
#buddypress #dir-groups-search,
#buddypress #dir-activity-search {
  border: 0;
  background-color: transparent;
  font-size: .875rem;
  height: auto;
  min-width: auto;
  width: auto;
  padding: 1rem 0rem 1rem 3rem;
}

select#activity-filter-by {
  border: 0;
}

.filters .feed {
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filters .feed a {
  color: rgba(18, 43, 70, .4);
}

.filters .feed a:hover {
  color: #122b46;
}

body #buddypress .bp-list .action,
body #bbpress-forums .bp-list .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 1rem;
}

body #buddypress .bp-list .action .generic-button,
body #bbpress-forums .bp-list .action .generic-button {
  margin-right: 1rem;
}

body #buddypress .bp-list .action .generic-button a,
body #bbpress-forums .bp-list .action .generic-button a {
  color: var(--mb-base-white);
  border-color: var(--bb-primary-color);
  min-width: 100%;
}

@media screen and (max-width:400px) {
  body #buddypress #members-list.bp-list.following-list .following-meta.action {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  body #buddypress #members-list.bp-list.following-list .following-meta.action .generic-button,
  body #buddypress #members-list.bp-list.following-list .following-meta.action .generic-button:last-child {
    margin-left: 5px;
    margin-right: 5px;
  }

  ;
}

.bp-list li .item-avatar {
  float: left;
}

div#cover-image-container {
  margin: 0px auto;
  padding: 0;
}

@media screen and (min-width:46.8em) {
  .bp-dir-vert-nav .dir-navs {
    min-width: 180px;
  }

  .bp-dir-vert-nav .screen-content {
    border-color: var(--bb-content-border-color);
  }

  .bp-dir-vert-nav .dir-navs ul li.selected a {
    background: 0 0;
    color: inherit;
  }

  .bp-dir-vert-nav .dir-navs ul li.selected {
    border: 0;
  }

  #buddypress.bp-dir-vert-nav .dir-navs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0;
    padding: 4px 0;
  }

  #buddypress.bp-dir-vert-nav .dir-navs li.selected a {
    border-bottom: 0;
  }

  .bp-dir-vert-nav .dir-navs ul li.selected a span {
    color: #fff;
  }

  .bp-dir-vert-nav .dir-navs ul li a:focus span,
  .bp-dir-vert-nav .dir-navs ul li a:hover span {
    border: 0;
  }

  ;
}

.entry-content #groups-list .item-avatar a {
  display: inline-block;
  background: var(--mb-base-white);
  border: 3px solid var(--mb-base-white);
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
  border-radius: 4px;
}

.entry-content .widget #groups-list .item-avatar a {
  box-shadow: none;
  border: 0;
}

.buddypress-wrap.round-avatars .item-avatar a {
  border-radius: 50%;
}

.buddypress-wrap .groups-list li .item-meta {
  margin-bottom: 0;
  
}

.buddypress #buddypress.bp-dir-vert-nav .create-button a {
  font-size: .875rem;
  min-height: 34px;
  padding: 4px 20px;
  border: 1px solid var(--bb-primary-color);
  background: 0 0;
  color: var(--bb-primary-color);
  box-shadow: none;
  border-radius: 50px;
  text-decoration: none;
}

#buddypress h4.bb-active-order {
  margin: 0 0 0 20px;
}

.buddypress-wrap .groups-list li .group-desc {
  border: 0;
  border-radius: 0;
  color: #737373;
  font-style: italic;
  margin: 0;
  padding: 0;
}

.buddypress-wrap .grid.bp-list>li .item .group-desc,
.buddypress-wrap .grid.bp-list>li .item .item-block {
  width: 100%;
  margin-top: 0;
  min-height: 10px;
  font-size: .75rem;
}

.buddypress-wrap .grid.bp-list>li .item .item-block {
  min-height: auto;
}

.buddypress-wrap .grid.groups-list>li .item .last-activity {
  margin-top: 0;
}

.buddypress-wrap .grid.groups-list li .list-title {
  margin-bottom: 10px;
}

.buddypress-wrap .groups-list li p {
  margin: 0 0 1rem;
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a,
.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover {
  text-decoration: none;
}

@media screen and (min-width:24em) {
  .grid.groups-list .list-wrap {
    min-height: 40px;
  }

  .grid.groups-list .list-wrap .item-block {
    min-height: 10px;
  }

  ;
}

@media screen and (min-width:46.8em) {
  .buddypress .bp-vertical-navs .groups-list .item-avatar {
    margin-right: 20px;
    width: auto;
  }

  .buddypress-wrap .groups-list li .group-desc {
    font-size: .75rem;
    font-style: normal;
  }

  ;
}

@media screen and (max-width:980px) {
  body #buddypress .group-invites-column .bp-list .action {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }

  ;
}

body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
  margin-top: 0;
  margin-left: 0;
  max-width: 100%;
}

body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image.bb-disable-cover-img #item-header-content {
  margin-top: -30px;
}

body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image.bb-disable-cover-img #item-header-content .group-actions-absolute {
  top: -10px;
}

body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image.bb-disable-cover-img #item-header-avatar+#item-header-content {
  margin-top: 0;
  padding-top: 0;
}

body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image.bb-disable-cover-img #item-header-avatar+#item-header-content .group-actions-absolute {
  top: 0;
}

body.single-item.single-item.groups #buddypress div#item-header .centered #item-header-cover-image.bb-disable-cover-img #item-header-avatar+#item-header-content {
  margin-top: 20px;
}

.bp-list li .item-meta,
.bp-list li .meta {
  font-size: .75rem;
  font-weight: 300;
  color: var(--mb-gray-500);
  margin: 0;
}

.single-headers {
  margin-bottom: 0;
}

body.buddypress .buddypress-wrap .bp-screen-title {
  margin: 1rem 0 0;
  display: none;
}

.single-headers .activity {
  font-size: .75rem;
  margin-bottom: 0;
}

#buddypress #item-header-cover-image .highlight {
  margin-bottom: 6px;
  padding: 0;
}

.group-description p {
  margin-bottom: 1rem;
}

.bp-avatar-nav ul,
.bp-avatar-nav ul.avatar-nav-items li.current {
  border-color: var(--bb-content-border-color);
  font-size: .875rem;
}

.bp-avatar-nav ul.avatar-nav-items li.current {
  border-bottom-color: var(--bb-content-background-color);
}

#buddypress input#bp-browse-button {
  margin-top: 10px;
}

.avatar-crop-management #avatar-crop-pane {
  margin-bottom: 10px;
}

.avatar-crop-management #avatar-crop-actions a.avatar-crop-cancel {
  color: var(--mb-gray-500);
  font-size: 1rem;
}

.avatar-crop-management #avatar-crop-actions a.avatar-crop-cancel:hover {
  color: var(--bb-primary-color);
}

body #buddypress p.warning,
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
  display: block;
  font-size: 0.875rem;
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  color: var(--mb-warning-700);
  background-color: var(--mb-warning-50);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-warning-100);
  position: relative;
  border-radius: 0.5rem;
}
p.warning:before {
    content: "\eebd";
    font-family: 'bb-icons';
    font-weight: 300;
    margin: 0 1rem 0 0;
    color: var(--mb-warning-400);
}

.bb-bp-profile-screen {
  font-size: 1rem;
}

.bb-bp-profile-screen .bp-cover-image {
  margin-top: 20px;
  margin-bottom: 20px;
}

#buddypress #bp-delete-avatar,
#buddypress #bp-delete-cover-image {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
  color: var(--mb-base-white);
  background-color: var(--mb-danger-500);
  border: 0;
  font-size: .875rem;
  padding: 0.75rem 25px;
  font-weight: 700;
  border-radius: 9999px;
}

#buddypress #bp-delete-avatar:before, 
#buddypress #bp-delete-cover-image:before {
    content: "\ef48";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 300;
    display: inline-block;
    margin: 0 0rem 0 0;
}

#buddypress #bp-delete-avatar:hover,
#buddypress #bp-delete-cover-image:hover {
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
}

#pass-strength-result {
  margin-bottom: 30px;
}

#buddypress .register-section .bp-heading {
  font-size: 18px;
  margin: 0 0 1rem;
  
}

#buddypress .register-section label,
#buddypress .register-section legend {
  font-size: .875rem;
  margin: 0 0 3px;
}

#buddypress .register-section input[type=password] {
  margin-bottom: 20px;
}

#buddypress .register-section a.clear-value {
  display: none;
}

#buddypress .register-section .field-visibility-settings-header {
  font-size: .75rem;
  margin-bottom: 10px;
}

#buddypress .register-section .field-visibility-settings div.radio label {
  position: relative;
}

#buddypress .register-section .field-visibility-settings div.radio .field-visibility-text {
  margin-left: 35px;
}

#buddypress .register-section .field-visibility-settings input[type=radio] {
  width: 22px !important;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-top: 0;
  opacity: 0;
  margin-right: 10px;
}

#buddypress .register-section .field-visibility-settings span.bs-radio {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background-color: var(--mb-base-white);
  border: 2px solid #d6dce6;
  border-radius: 100%;
  margin-right: 10px;
  z-index: 7;
}

#buddypress .register-section .field-visibility-settings span.bs-radio.on:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 100%;
  width: .875rem;
  height: .875rem;
  display: inline-block;
  background-color: var(--bb-primary-color);
  z-index: 9;
}

#buddypress .register-section .visibility-toggle-link {
  font-size: .75rem;
  background-color: transparent;
  color: var(--bb-headings-color);
  border: 0;
  font-weight: 600;
  min-height: auto;
  padding: 0;
  vertical-align: baseline;
  border-radius: 0;
  margin-left: 5px;
}

#buddypress .register-section .visibility-toggle-link:hover,
#buddypress .register-section .visibility-toggle-link:focus,
#buddypress .register-section .visibility-toggle-link:active {
  background: 0 0;
  color: var(--bb-primary-color);
  box-shadow: none;
}

#buddypress .register-section p.description {
  font-size: .875rem;
}

#buddypress .register-section .datebox-selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#buddypress .register-section .datebox-selects label,
#buddypress .register-section .datebox-selects select {
  margin-right: 10px;
  margin-bottom: 10px;
}

#buddypress .register-section .wp-editor-tabs button {
  background: 0 0;
  border: 1px solid #ddd;
  color: inherit;
  padding: 6px .75rem;
  height: auto;
  min-height: 10px;
  border-radius: 3px 3px 0 0;
}

#buddypress .register-section .wp-editor-tabs button:hover,
#buddypress .register-section .wp-editor-tabs button:focus,
#buddypress .register-section .wp-editor-tabs button:active {
  background: 0 0;
  color: inherit;
  border: 1px solid #ddd;
}

#buddypress .register-section .tmce-active .wp-editor-tabs .switch-tmce,
#buddypress .register-section .html-active .wp-editor-tabs .switch-html {
  background-color: #f5f5f5;
  border-bottom-color: #f5f5f5;
}

#buddypress .register-section .quicktags-toolbar .button {
  color: inherit;
  background: 0 0;
  border: 0;
  font-weight: 700;
  padding: 0 5px;
  margin: 0 6px 0 0;
  border-radius: 0;
  box-shadow: none;
  font-size: .875rem;
  height: auto;
  min-height: 10px;
}

#buddypress .register-section .editfield:first-child {
  margin-top: 0;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap .register-page .layout-wrap {
    display: block;
  }

  .buddypress-wrap.extended-default-reg .register-page .extended-profile,
  .buddypress-wrap.extended-default-reg .register-page .default-profile {
    padding: 0;
  }

  ;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body div#group-invites-container,
#group-invites-container {
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  margin: 0;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body div#group-invites-container .select2-container--default .select2-selection--multiple,
#group-invites-container .select2-container--default .select2-selection--multiple {
  background-color: var(--bb-content-background-color);
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body div#group-invites-container ul.subnav li,
#group-invites-container ul.subnav li {
  float: none;
  margin: 0;
  padding-right: 0;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body div#group-invites-container ul.subnav a,
#group-invites-container ul.subnav a {
  border-bottom: 0;
  padding: 6px 0;
}

@media screen and (max-width:680px) {
  #group-invites-container ul.subnav li {
    float: left;
  }

  ;
}

form#group_invites_search_form:after {
  content: '';
  display: table;
  clear: both;
}

.drag-drop .drag-drop-inside p {
  color: inherit;
}

.groups.group-admin .bp-navs.group-subnav li {
  float: none;
  padding: 0;
}

body .groups-manage-members-list .section-title {
  background: 0 0;
  color: var(--bb-headings-color);
  font-weight: 700;
  font-size: 20px;
  padding-left: 0;
}

#buddypress #members-list .members-meta.action>.generic-button:last-child a,
#buddypress #members-list .members-meta.action>.generic-button:last-child button {
  font-size: .875rem;
  min-height: 32px;
  padding: 5px 20px;
  border-radius: 100px;
  border: 1px solid var(--bb-primary-color);
  background: 0 0;
  color: var(--bb-primary-color);
  margin-left: 10px;
  min-width: 120px;
}

#buddypress #members-list .members-meta.action>.generic-button:last-child a:hover,
#buddypress #members-list .members-meta.action>.generic-button:last-child a:focus,
#buddypress #members-list .members-meta.action>.generic-button:last-child button:hover,
#buddypress #members-list .members-meta.action>.generic-button:last-child button:focus {
  box-shadow: none;
}

.groups-manage-members-list ul.item-list>li:first-child {
  border-top-left-radius: var(--bb-block-radius-inner);
  border-top-right-radius: var(--bb-block-radius-inner);
}

.groups-manage-members-list ul.item-list>li:last-child {
  border-bottom-left-radius: var(--bb-block-radius-inner);
  border-bottom-right-radius: var(--bb-block-radius-inner);
}

#buddypress .groups-manage-members-list {
  padding: 0;
}

#buddypress .groups-manage-members-list ul.item-list {
  margin: 0 0 30px;
}

#buddypress .groups-manage-members-list ul.item-list>li {
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1rem 20px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#buddypress .groups-manage-members-list ul.item-list>li .avatar {
  max-width: 44px;
  width: 100%;
  margin-right: 1rem;
}

#buddypress .groups-manage-members-list .members-manage-buttons {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-left: 57px;
  margin: 0;
}

#buddypress .groups-manage-members-list .members-manage-buttons .button {
  min-width: 20px;
  display: inline-block;
  font-size: .75rem;
  min-height: 20px;
  padding: 4px .75rem;
  margin: 5px 10px 5px 0;
}

#buddypress .groups-manage-members-list .list-title.member-name a {
  font-size: 20px;
  font-weight: 400;
}

#group-settings-form fieldset {
  border: 0;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  font-size: .875rem;
  
}

#group-settings-form p.description {
  padding: 10px 0;
  font-size: .75rem;
  margin-bottom: 20px;
}

.groups.group-admin #item-body #group-settings-form label[for=delete-group-understand] {
  margin: 30px 0 1rem;
}

div#bs-member-profile:empty {
  display: none;
}

#item-body .bb-message-heading h2,
#item-body .bs-member-notifications .title.title {
  margin: 0;
}

.group-create #buddypress.bp-single-vert-nav #group-invites-container .group-invites-column,
.group-create .type-bp_members #buddypress.bp-single-vert-nav #group-invites-container .group-invites-column {
  padding: 0;
}

.type-bp_members .buddypress-wrap .activity-list .load-more a,
.type-bp_members .buddypress-wrap .activity-list .load-newest a {
  color: var(--bb-primary-color);
}

.type-bp_members .buddypress-wrap .activity-list .load-more a:hover,
.type-bp_members .buddypress-wrap .activity-list .load-newest a:hover {
  color: #0f74e0;
}

#item-body #group-invites-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-radius: var(--bb-block-radius);
}

#item-body #group-invites-container .bp-navs.group-subnav {
  border-bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  background: var(--bb-content-alternate-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  min-height: 60vh;
  border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
  margin: 0;
  padding: 30px 0;
}

#item-body #group-invites-container .bp-navs.group-subnav a {
  border: 0;
  font-size: .875rem;
  color: var(--bb-headings-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .75rem 20px;
  margin-bottom: 1px;
}

#item-body #group-invites-container .bp-navs.group-subnav a:hover {
  background: rgba(77, 92, 109, .1);
}

#item-body #group-invites-container .bp-navs.group-subnav .current a,
#item-body #group-invites-container .bp-navs.group-subnav .selected a {
  background: rgba(77, 92, 109, .1);
  color: var(--bb-primary-color);
  font-weight: 400;
}

#item-body #group-invites-container .group-invites-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 30px;
}

#item-body #group-invites-container .bp-invites-content .item-list>li {
  background-color: var(--bb-body-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1rem 20px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  width: 100%;
}

#item-body #group-invites-container .bp-invites-content .item-list>li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#item-body #group-invites-container .bp-invites-content .item-list>li:last-child {
  border-bottom: 1px solid var(--bb-content-border-color);
  border-bottom-right-radius: var(--bb-block-radius-inner);
  border-bottom-left-radius: var(--bb-block-radius-inner);
}

#item-body #group-invites-container .bp-invites-content .list-title {
  color: var(--bb-headings-color);
  font-size: 20px;
  margin: 0 auto;
  width: 100%;
}

#item-body #group-invites-container .bp-invites-content .item-meta .group-inviters li {
  color: var(--mb-gray-500);
}

#item-body #group-invites-container .bp-invites-content .action {
  position: static;
}

#item-body #group-invites-container .bp-invites-content .action button {
  height: auto;
  min-height: 10px;
  padding: 0;
  min-width: 40px;
  border: 0;
  color: inherit;
  background: 0 0;
  box-shadow: none;
}

#item-body #group-invites-container .bp-invites-content .action button .icons:before {
  font-size: 22px;
}

#item-body #group-invites-container .bp-invites-content .button.selected {
  color: #ee343c;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor {
  margin-top: 30px;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor img.avatar {
  border-radius: 50%;
  max-width: 40px;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor #bp-send-invites-form label {
  font-size: .875rem;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor #bp-send-invites-form .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor #bp-send-invites-form .action button {
  color: #939597;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor #bp-send-invites-form .action button#bp-invites-send {
  margin-left: 0;
  background-color: var(--bb-primary-color);
  color: var(--mb-base-white);
  min-height: 34px;
  padding: 6px 20px;
  border-radius: 100px;
}

#item-body #group-invites-container .bp-invites-content #send-invites-editor #bp-send-invites-form .action button#bp-invites-send:hover {
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
}

#item-body #group-invites-container .bp-invites-content .action {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#item-body #group-invites-container .bp-navs.group-subnav a:hover {
  color: var(--bb-primary-color);
}

#item-body #group-invites-container .bp-navs.group-subnav .current a,
#item-body #group-invites-container .bp-navs.group-subnav .selected a {
  color: var(--bb-headings-color);
}

@media screen and (min-width:768px) and (max-width:1040px) {

  .groups.group-admin #buddypress #item-body #group-settings-form,
  #item-body #group-invites-container .group-invites-column,
  #item-body #group-invites-container .bp-navs.group-subnav,
  .groups.group-admin #buddypress #item-body nav.bp-navs.group-subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    border-right: 0;
    border-radius: 4px 4px 0 0;
  }

  #item-body #group-invites-container .bp-navs.group-subnav,
  .groups.group-admin #buddypress #item-body nav.bp-navs.group-subnav {
    padding: 0;
    margin-bottom: 10px;
  }

  .groups.group-admin #buddypress #item-body .bp-navs.group-subnav a {
    padding: 10px 1rem;
  }

  #item-body #group-invites-container .group-invites-column,
  .groups.group-admin #buddypress #item-body #group-settings-form {
    padding: 20px;
  }

  #group-invites-container ul.subnav li,
  .groups.group-admin #buddypress #item-body nav.bp-navs.group-subnav li {
    float: left !important;
  }

  #item-body #group-invites-container .bp-navs.group-subnav {
    border-bottom: 1px solid var(--bb-content-border-color);
  }

  ;
}

@media screen and (max-width:767px) {

  #item-body #group-invites-container .group-invites-column,
  #item-body #group-invites-container .bp-navs.group-subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    border-right: 0;
    border-radius: 4px 4px 0 0;
  }

  #item-body #group-invites-container .bp-navs.group-subnav {
    padding: 0;
  }

  #item-body #group-invites-container .group-invites-column {
    padding: 20px;
  }

  #group-invites-container ul.subnav li {
    float: left !important;
  }

  #item-body #group-invites-container .bp-navs.group-subnav {
    border-bottom: 1px solid var(--bb-content-border-color);
  }

  ;
}

@media screen and (max-width:680px) {

  #buddypress .bb-bp-settings-content,
  .groups.group-admin #buddypress #item-body #group-settings-form,
  #item-body #group-invites-container .group-invites-column,
  #item-body #group-invites-container .bp-navs.group-subnav,
  .groups.group-admin #buddypress #item-body nav.bp-navs.group-subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--bb-content-border-color);
    border-radius: 4px 4px 0 0;
  }

  #item-body #group-invites-container .bp-navs.group-subnav,
  .groups.group-admin #buddypress #item-body nav.bp-navs.group-subnav {
    padding: 0;
  }

  #item-body #group-invites-container .group-invites-column,
  .groups.group-admin #buddypress #item-body form#group-settings-form {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 20px;
  }

  .groups.group-admin #buddypress #item-body .bp-navs.group-subnav li {
    float: left;
  }

  ;
}

.groups.group-create #buddypress .group-create-buttons {
  list-style: none;
  margin: 0;
  overflow: hidden;
  display: inline-block;
}

#create-group-form div#header-cover-image {
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 4px;
  max-width: 100%;
  margin: 0 auto 1rem;
}

.groups.group-create .buddypress-wrap {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  max-width: 960px;
  margin: 50px auto;
  padding: 50px 100px;
}

.groups.group-create .buddypress-wrap h2.bp-subhead {
  color: var(--mb-base-black);
  margin: 0rem 0 1rem;
}

.groups.group-create .buddypress-wrap #group-create-tabs {
  background: var(--bb-content-alternate-background-color);
  border-top: 1px solid var(--bb-content-border-color);
  border-bottom: 1px solid var(--bb-content-border-color);
  margin: 0 -100px 40px;
  padding: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .875rem;
}

.groups.group-create .buddypress-wrap .group-create-buttons li {
  padding-right: 0;
}

.groups.group-create .buddypress-wrap .group-create-buttons li a,
.groups.group-create .buddypress-wrap .group-create-buttons li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.groups.group-create .buddypress-wrap .group-create-buttons li a {
  color: var(--bb-headings-color);
}

.groups.group-create .buddypress-wrap .group-create-buttons li a:hover {
  color: var(--bb-primary-color);
}

.groups.group-create .buddypress-wrap .group-create-buttons li:not(:last-child) a:after {
  background-color: var(--bb-headings-color);
}

.groups.group-create .buddypress-wrap .group-create-buttons li:not(:last-child) a:after,
.groups.group-create .buddypress-wrap .group-create-buttons li:not(:last-child) span:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--mb-gray-500);
  margin: 0 1rem;
}

.groups.group-create .buddypress-wrap .group-create-buttons li span {
  color: var(--mb-gray-500);
}

.groups.group-create .buddypress-wrap .group-create-buttons li:not(:last-child) a:after {
  background: var(--bb-primary-color);
}

.groups.group-create .buddypress-wrap .group-create-buttons li.current a {
  background: 0 0;
  color: var(--bb-primary-color);
}

.groups.group-create .buddypress-wrap label {
  font-size: 1rem;
  color: var(--bb-headings-color);
  margin: 0 0 1rem;
  cursor: pointer;
}

.groups.group-create .buddypress-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]) {
  margin: 0 0 1rem;
}

.groups.group-create .buddypress-wrap #group-desc {
  height: 120px !important;
  padding: 1rem !important;
  margin: 0 0 0rem;
  border-radius: 0.5rem;
  border-color: var(--mb-gray-300);
}

.groups.group-create .buddypress-wrap .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.groups.group-create .buddypress-wrap #group-creation-next {
  margin-right: 0;
  margin-bottom: 1rem;
}

.groups.group-create .buddypress-wrap #group-creation-previous {
  margin-bottom: 1rem;
}

.groups.group-create .buddypress-wrap #group-creation-finish {
  margin-bottom: 1rem;
}

.groups.group-create .buddypress-wrap fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 40px;
}

.groups.group-create .buddypress-wrap legend {
  color: var(--bb-headings-color);
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 20px;
  display: block;
  width: 100%;
  margin-bottom: 22px;
}

.groups.group-create .buddypress-wrap .group-status-type ul {
  font-size: .875rem;
  margin: 0 0 30px 53px;
  
}

.groups.group-create .buddypress-wrap h4 {
  font-weight: 700;
}

.groups.group-create .buddypress-wrap .left-menu {
  float: none;
  max-width: 160px;
  margin: 0 auto 30px;
}

.groups.group-create .buddypress-wrap img.avatar {
  width: 100%;
}

.groups.group-create .buddypress-wrap .main-column {
  margin-left: 0;
  font-size: .875rem;
  text-align: center;
  
}

.groups.group-create .buddypress-wrap .main-column p {
  margin-bottom: 1rem;
}

.groups.group-create .buddypress-wrap #drag-drop-area {
  background: var(--bb-content-alternate-background-color);
  border: 1px dashed var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
}

.groups.group-create .buddypress-wrap button#bp-delete-avatar {
  margin-top: 30px;
}

.groups.group-create .buddypress-wrap div#avatar-crop-pane {
  margin-bottom: 20px;
}

.groups.group-create .buddypress-wrap #subnav .subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.groups.group-create .buddypress-wrap #subnav li {
  margin: 0 .75rem;
}

.groups.group-create .buddypress-wrap #subnav a {
  font-size: 18px;
  font-weight: 700;
}

.groups.group-create .buddypress-wrap .group-invites-search.subnav-search,
.groups.group-create .buddypress-wrap .bp-search,
.groups.group-create .buddypress-wrap #group_invites_search_form {
  width: 100%;
}

.groups.group-create .buddypress-wrap input#group_invites_search {
  background-size: 1rem;
  background-position: left .875rem center;
  height: 34px;
  margin: 0;
  border: 0;
  padding-left: 38px;
  font-size: .875rem;
  background-image: none;
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list li {
  background-color: var(--bb-body-background-color);
  border: 1px solid var(--bb-content-border-color);
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 1rem 20px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  width: 100%;
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list .list-title {
  color: var(--bb-headings-color);
  font-size: 20px;
  margin: 0 auto;
  width: 100%;
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list li.selected {
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .01);
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list .action {
  position: static;
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list button {
  height: auto;
  min-height: 10px;
  padding: 0;
  min-width: 60px;
  border: 0;
  color: inherit;
  background: 0 0;
  box-shadow: none;
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list .button.selected {
  color: #ee343c;
}

.groups.group-create .buddypress-wrap .bp-invites-content #members-list button .icons:before {
  font-size: 22px;
}

#item-body #group-invites-container .bp-invites-content ul.item-list li.selected {
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .01);
}

#group-create-body {
  padding: 0;
}

#group-create-body #group-invites-container {
  margin-bottom: 25px;
}

#group-create-body #group-invites-container ul#members-list:after {
  content: '';
  display: table;
  clear: both;
}

#buddypress textarea.activity-update {
  box-shadow: none;
}

.groups.group-admin .settings-header {
  display: none;
}

.bp-feedback {
  clear: both;
}

.bb-group-settings .bs-item-list.list-view .bs-item-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bs-member-notifications .title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.widget .standard-form.bps_form .editfield {
  margin-bottom: 1rem;
}

.widget .standard-form.bps_form label {
  display: block;
  margin-bottom: 5px;
}

#buddypress h1.entry-title.settings-title {
  margin: 0;
}

body #buddypress #item-body blockquote,
body #buddypress .bp-lists blockquote {
  margin-left: 0;
}

div.bp-avatar-status p.updated,
div.bp-cover-image-status p.updated {
  border-radius: 3px;
  font-size: .875rem;
  
}

div.bp-avatar-status p.success,
div.bp-cover-image-status p.success {
  background-color: var(--mb-success-100);
  border: 1px solid var(--mb-success-300);
  color: var(--mb-success-500);
  border-radius: 0.5rem;
  padding: 1rem 1rem;
  margin: 1rem;
}

.buddypress-wrap a.loading,
.buddypress-wrap input.loading {
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}

@media screen and (max-width:800px) {
  .buddypress-wrap div#group-invites-container .group-subnav-filters .last {
    text-align: right;
  }

  ;
}

.mce-top-part.mce-top-part:before {
  box-shadow: none;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply span {
  font-size: 18px;
  padding-right: 2px;
  padding-top: 1px;
}

div.has-text-field #wp-link .query-results {
  top: 260px;
}

@media screen and (max-width:782px) {

  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
  }

  body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content {
    margin-top: 1rem;
  }

  body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image.bb-disable-cover-img #item-header-content {
    margin-top: -1rem;
  }

  body.single-item.single-item.groups #buddypress div#item-header #item-header-cover-image.bb-disable-cover-img #item-header-avatar+#item-header-content {
    margin-top: 1rem;
  }

  .groups-header .groups-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #wp-link-wrap.has-text-field .query-results {
    top: 275px;
  }

  ;
}

#buddypress a.view.activity-time-since {
  display: inline-block;
}

.bp-user.notifications #buddypress #item-header {
  margin-bottom: 20px;
  display: none;
}

body #buddypress div#item-header li {
  float: none;
}

body #buddypress div#item-header .activity-comments-items {
  margin: 0;
  list-style: none;
  background: var(--bb-content-alternate-background-color);
  padding: 1rem;
}

div#item-header .bp-feedback.bp-messages {
  margin-bottom: 20px;
}

.type-bp_members div#item-header #cover-image-container+.bp-feedback.bp-messages {
  margin-top: 20px;
}

.bp-user.notifications #buddypress div#item-header .bp-feedback.bp-messages {
  margin-bottom: 0;
}

#bp-send-invites-form #bp-invites-send,
#bp-send-invites-form #bp-invites-reset {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

#item-header.groups-header .bp-feedback.bp-feedback {
  border-top: 0;
  border-radius: 0;
  margin: 0;
}

#item-header.groups-header .bp-feedback.bp-feedback.help .bp-icon,
#item-header.groups-header .bp-feedback.bp-feedback.info .bp-icon {
  background: var(--bb-default-notice-color);
}

#item-header.groups-header .bp-feedback.bp-feedback.help .bp-icon:before,
#item-header.groups-header .bp-feedback.bp-feedback.info .bp-icon:before {
  content: '\eebc';
}

#item-header.groups-header .bp-feedback.bp-feedback.warning .bp-icon {
  background: var(--bb-warning-color);
}

#item-header.groups-header .bp-feedback.bp-feedback.warning .bp-icon:before {
  content: '\eebc';
}

#item-header.groups-header .bp-feedback.bp-feedback.success .bp-icon {
  background: var(--bb-success-color);
  color: var(--bb-success-color);
}

#item-header.groups-header .bp-feedback.bp-feedback.success .bp-icon:before {
  content: '\e876';
}

#item-header.groups-header .bp-feedback.bp-feedback.error .bp-icon {
  background: var(--bb-danger-color);
}

#item-header.groups-header .bp-feedback.bp-feedback.error .bp-icon:before {
  content: '\eebc';
}

#item-header.groups-header .bp-feedback.bp-feedback p {
  padding: 1rem;
  background: var(--bb-content-background-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#item-header.groups-header .bp-feedback.bp-feedback .bp-icon {
  font-family: bb-icons;
  color: var(--bb-content-background-color) !important;
  padding: 1rem;
  font-weight: 200;
  margin: 0;
  border-radius: 5px 0 0 5px;
}

.buddypress-wrap #group-create-body .bp-cover-image-status p.warning {
  box-shadow: none;
  background: var(--bb-success-color);
  border-radius: 4px;
}

.buddypress-wrap .filter label {
  font-size: .875rem;
  margin-right: 10px;
  margin-bottom: 0;
}

.buddypress-wrap .filter label:before {
  display: none;
}

.buddypress.widget .activity-list blockquote {
  margin: 0 0 10px;
  padding: 0 0 10px;
  font-size: .875rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.buddypress.widget .activity-list blockquote>p {
  word-wrap: break-word;
  margin-bottom: 10px;
}

.buddypress.widget .activity-list blockquote iframe {
  max-width: 100%;
  height: auto;
}

.buddypress.widget .activity-list blockquote footer {
  overflow: hidden;
}

.buddypress.widget .activity-list blockquote cite {
  float: left;
  margin-right: 1rem;
}

.buddypress.widget .activity-list blockquote a.view.activity-time-since {
  display: block;
}

.friends-request-list .list-wrap {
  width: 100%;
}

#buddypress .group-front-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

#buddypress .group-front-page .group-description {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#buddypress .group-front-page #group-front-widgets {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  max-width: 300px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#buddypress .group-front-page #group-front-widgets .item-avatar .avatar {
  width: 100%;
}

#buddypress .group-front-page .widget_bp_core_login_widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#buddypress .group-front-page .widget_bp_core_login_widget h2.widget-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

#buddypress .group-front-page .widget .widget-title {
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  
  margin: 0 0 20px;
  text-transform: uppercase;
}

.buddypress-wrap .custom-homepage-info button[data-bp-close] span:before {
  font-size: 20px;
}

.custom-homepage-info .dashicons-dismiss {
  color: rgba(18, 43, 70, .4);
}

.custom-homepage-info .dashicons-dismiss:hover {
  color: rgba(18, 43, 70, .9);
}

.custom-homepage-info .dashicons-dismiss:before {
  display: inline-block;
  text-rendering: auto;
  font-size: 20px;
  font-family: bb-icons;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e828";
}

.bp-single-vert-nav .bp-wrap {
  border-radius: 4px;
  margin-top: 20px;
}

.bb-single-main-nav--vertical li .count {
  border-radius: 10px;
}

.buddypress-wrap.round-avatars .widget_bp_core_login_widget .avatar {
  border-radius: 3px;
}

.buddypress .buddypress-wrap .mejs-button>button {
  background-color: transparent;
  background-image: url(../../../../../wp-includes/js/mediaelement/mejs-controls.svg);
  color: inherit;
  border: 0;
  padding: 0;
  width: 20px;
}

.buddypress .buddypress-wrap .mejs-button>button:hover {
  background-color: transparent;
}

.buddypress .buddypress-wrap .mejs-play>button {
  background-position: 0 0;
}

.buddypress .buddypress-wrap .mejs-pause>button {
  background-position: -20px 0;
}

.buddypress .buddypress-wrap .mejs-unmute>button {
  background-position: -40px 0;
}

.buddypress .buddypress-wrap .mejs-mute>button {
  background-position: -60px 0;
}

.buddypress .buddypress-wrap .mejs-fullscreen-button>button {
  background-position: -80px 0;
}

.buddypress .buddypress-wrap .mejs-unfullscreen>button {
  background-position: -100px 0;
}

.buddypress .buddypress-wrap .mejs-captions-button>button {
  background-position: -140px 0;
}

.buddypress .buddypress-wrap .mejs-replay>button {
  background-position: -160px 0;
}

.buddypress .buddypress-wrap .mejs-chapters-button>button {
  background-position: -180px 0;
}

.bp-user .messages nav#object-nav,
.bp-user .notifications nav#object-nav,
.bp-user .settings nav#object-nav {
  display: none;
}

.bb-group-header-wrapper {
  overflow: hidden;
  background: var(--mb-base-white);
  border: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  padding: 30px;
  font-size: .875rem;
  
}

.bb-group-header-wrapper .avatar {
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
  border: 5px solid var(--mb-base-white);
  border-radius: 5px;
}

.bp-messages .bp-feedback {
  margin: .75rem 8px;
}

.widget.bp-latest-activities .fluid-width-video-wrapper {
  margin-bottom: 25px;
}

.settings-messages+#bb_profile_avatar_wrap,
.bb-group-settings h4+#bb_profile_avatar_wrap {
  margin: 0 auto 30px;
}

.bb-author.bb-message-title {
  min-height: 67px;
}

.grid-filters .dashicons {
  font: normal normal normal 22px/1 "bb-icons";
  width: auto;
  height: auto;
}

.grid-filters .layout-grid-view .dashicons:before {
  content: '\eead';
}

.grid-filters .layout-list-view .dashicons:before {
  content: '\edb1';
}

.pc_progress_wrap .pc_progress_rate {
  stroke: var(--bb-success-color);
}

.pc_progress_wrap .progress_text_unit {
  margin-left: 3px;
}

.pc_progress_wrap .progress_text_unit,
.pc_progress_wrap .progress_text_label {
  color: var(--mb-gray-500);
  font-size: .875rem;
}

.progress_text_wrap h3 {
  
}

.progress_text_wrap .progress_text_value {
  font-size: 34px;
}

.profile_completion_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile_completion_wrap .pc_progress_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  min-width: 240px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.profile_completion_wrap .pc_detailed_progress_wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

@media(max-width:800px) and (min-width:544px) {
  .profile_completion_wrap .pc_detailed_progress_wrap {
    max-width: 50%;
  }

  .profile_completion_wrap .pc_progress_wrap {
    margin-bottom: 0;
  }

  ;
}

.pc_detailed_progress_wrap .pc_detailed_progress {
  list-style: none;
}

.pc_detailed_progress_wrap .single_section_wrap {
  margin: 0;
  padding: 10px 0;
  position: relative;
  margin-left: 25px;
}

.pc_detailed_progress_wrap .single_section_wrap .section_ico {
  border: 2px solid var(--bb-content-border-color);
  margin-left: -30px;
  margin-right: 10px;
  display: inline-block;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  position: relative;
  vertical-align: middle;
}

.pc_detailed_progress_wrap .single_section_wrap .section_ico i {
  display: none;
}

.pc_detailed_progress_wrap .single_section_wrap .section_ico:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  position: absolute;
  left: 50%;
  margin-top: 0;
  top: -17px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #d0d3d6;
}

.pc_detailed_progress_wrap .single_section_wrap .section_number {
  display: none;
}

.pc_detailed_progress_wrap .single_section_wrap .section_name a {
  text-decoration: none;
  font-size: .875rem;
}

.pc_detailed_progress_wrap .single_section_wrap .progress .completed_staus {
  width: 33px;
  font-weight: 700;
  text-align: right;
}

.pc_detailed_progress_wrap .single_section_wrap .section_name {
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: middle;
  color: var(--mb-gray-500);
  overflow: hidden;
}

.pc_detailed_progress_wrap .single_section_wrap.completed .section_ico {
  border-color: #05d786;
}

.pc_detailed_progress_wrap .single_section_wrap.completed .section_ico i {
  display: block;
  position: absolute;
  left: 1px;
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: .75rem;
  color: #05d786;
}

.pc_detailed_progress_wrap .single_section_wrap.completed .section_name a {
  font-size: .875rem;
  color: var(--bb-headings-color);
  font-weight: 700;
}

.pc_detailed_progress_wrap .single_section_wrap.completed .progress .completed_staus {
  color: #05d786;
}

.pc_detailed_progress_wrap .single_section_wrap:first-of-type .section_ico:before {
  display: none;
}

.pc_detailed_progress_wrap .single_section_wrap.completed+.single_section_wrap.completed .section_ico:before {
  background-color: #05d786;
}

.bb-template-v1 .bp-single-vert-nav .item-body {
  padding: 20px;
}

@media screen and (max-width:46.8em) {
  .bb-template-v1 .bp-single-vert-nav .item-body {
    padding: 10px;
  }

  ;
}

.elementor-widget-wp-widget-bp_xprofile_profile_completion_widget,
.widget.widget_bp_profile_completion_widget {
  padding-bottom: 10px;
}

span.atwho-inserted {
  color: var(--bb-primary-color);
}

.bb-loading-bg {
  background-color: var(--bb-content-alternate-background-color);
}

.bb-loading-bg.bb-loading-input {
  border-radius: var(--bb-button-radius);
}

@media screen and (max-width:980px) {
  .groups.group-create .buddypress-wrap {
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 0;
  }

  .groups.group-create .buddypress-wrap #group-create-tabs {
    margin: 1rem 0rem;
    padding: 1rem;
  }

  ;
}

@media screen and (max-width:640px) {
  .bp-invites-content .bp-list li .item-avatar {
    margin-right: 1rem;
  }

  .bp-invites-content #members-list.item-list .item-avatar img {
    max-width: 42px;
  }

  #item-body #group-invites-container .bp-invites-content .list-title {
    font-size: 1rem;
  }

  #item-body #group-invites-container .bp-invites-content .action button .icons:before {
    font-size: 18px;
  }

  #item-body #group-invites-container .bp-invites-content .action button {
    min-width: 20px;
  }

  .buddypress-wrap .bp-invites-filters ul li #bp-invites-prev-page,
  .buddypress-wrap .bp-messages-filters ul li #bp-messages-prev-page,
  .buddypress-wrap .bp-invites-filters ul li #bp-invites-next-page,
  .buddypress-wrap .bp-messages-filters ul li #bp-messages-next-page {
    margin-bottom: 10px;
  }

  .buddypress-wrap .subnav-filters .bulk-actions-wrap.bp-show {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .user-messages-bulk-actions .bulk-actions.select-wrap {
    margin-left: 0;
  }

  .submit input#group-creation-create,
  .groups.group-create .buddypress-wrap #group-creation-next,
  .groups.group-create .buddypress-wrap #group-creation-previous {
    font-size: .75rem;
    font-weight: 700;
  }

  .groups.group-create .buddypress-wrap label {
    font-size: .875rem;
  }

  .groups.group-create .buddypress-wrap .bp-invites-content #members-list .list-title {
    font-size: 1rem;
  }

  .groups.group-create .buddypress-wrap .bp-invites-content #members-list .action {
    margin-left: auto;
  }

  ;
}

@media screen and (max-width:511px) {
  .buddypress-wrap .subnav-filters div {
    clear: both;
    margin: 0 auto;
  }

  .buddypress-wrap .subnav-filters .user-messages-bulk-actions div.bulk-actions-wrap {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .buddypress-wrap .subnav-filters .user-messages-bulk-actions div.bulk-actions-wrap div {
    margin-top: 0;
    margin-bottom: 0;
  }

  .buddypress-wrap .subnav-filters>ul {
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  li.group-act-search {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .avatar-crop-management #avatar-crop-pane {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
  }

  .drag-drop-inside p.drag-drop-buttons {
    margin-top: 10px;
  }

  ;
}

@media screen and (max-width:370px) {
  .avatar-crop-management #avatar-crop-pane {
    margin-left: -30px;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
  }

  #avatar-to-crop {
    margin: 0 auto;
  }

  #avatar-to-crop>.jcrop-holder {
    margin: 0 auto;
    -webkit-transform: scale(.8) translateX(-10px);
    -ms-transform: scale(.8) translateX(-10px);
    transform: scale(.8) translateX(-10px);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  #avatar-crop-actions {
    margin-top: -60px;
  }

  ;
}

@media screen and (min-width:55em) {
  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.groups-list {
    grid-template-columns: repeat(auto-fit, minmax(275px, 33.333%));
  }

  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  ;
}

@media screen and (min-width:75em) {
  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.groups-list {
    grid-template-columns: repeat(auto-fit, minmax(275px, 25%));
  }

  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  ;
}

.bp-nouveau-activity-form-placeholder-,
.activity-update-form {
  border: 0;
  margin: 0;
  padding: 0;
}

.activity-update-form #activity-form-submit-wrapper {
  margin: 0;
  padding: 0 1rem;
}

.activity-update-form #activity-header h3 {
  font-size: 1rem;
  color: var(--mb-gray-900);
}

#activity-form-submit-wrapper select {
  height: 34px;
  margin-right: .75rem;
  border: 1px solid #dedfe2;
  font-size: .75rem;
}

#whats-new-post-in-box-items {
  display: inline-block;
}

.activity-post-avatar {
  color: var(--bb-headings-color);
  font-size: .875rem;
  font-weight: 700;
}

.activity-post-avatar:hover {
  color: var(--bb-primary-color);
}

.bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder #whats-new-toolbar,
.bp-nouveau-activity-form-placeholder- #whats-new-form #whats-new-toolbar,
.activity-update-form #whats-new-form-placeholder #whats-new-toolbar,
.activity-update-form #whats-new-form #whats-new-toolbar {
  background-color: var(--bb-content-alternate-background-color);
}

.activity-update-form .whats-new-form-footer {
  background-color: var(--bb-content-alternate-background-color);
  padding: 1rem;
}

.privacy-status-form-footer {
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
}

#whats-new-post-in-box-items #activity-autocomplete {
  border-radius: var(--bb-input-radius);
}

#whats-new-form-placeholder,
#whats-new-form {
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  box-shadow: none;
  padding: 0;
  position: relative;
  border-radius: 0.5rem;
  
  box-shadow: 0 3px 24px 0 rgb(18 43 70 / 8%);
}

#whats-new-form-placeholder.focus-in,
#whats-new-form.focus-in {
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .08);
}

#whats-new-form-placeholder .avatar,
#whats-new-form .avatar {
  margin-right: 10px;
  max-width: 45px;
}

#whats-new-form-placeholder .username,
#whats-new-form .username {
  color: var(--bb-headings-color);
  font-size: .875rem;
  font-weight: 700;
  text-transform: capitalize;
}

#whats-new-form-placeholder .username:hover,
#whats-new-form .username:hover {
  color: var(--bb-primary-color);
}

#whats-new-form-placeholder .activity-url-scrapper-container,
#whats-new-form .activity-url-scrapper-container {
  margin: 0;
  width: 100%;
}

#whats-new-form-placeholder .activity-url-scrapper-container #activity-link-preview-url,
#whats-new-form .activity-url-scrapper-container #activity-link-preview-url {
  max-width: 400px;
  width: 100%;
}

#whats-new-form-placeholder .activity-url-scrapper-container.activity-post-form-link-wp-embed .activity-link-preview-container,
#whats-new-form-placeholder .activity-url-scrapper-container.activity-post-form-link-wp-embed .activity-link-preview-info,
#whats-new-form .activity-url-scrapper-container.activity-post-form-link-wp-embed .activity-link-preview-container,
#whats-new-form .activity-url-scrapper-container.activity-post-form-link-wp-embed .activity-link-preview-info {
  background-color: transparent;
}

#whats-new-form-placeholder #whats-new-toolbar,
#whats-new-form-placeholder #whats-new-attachments,
#whats-new-form #whats-new-toolbar,
#whats-new-form #whats-new-attachments {
  margin: 0;
  padding: 0 1rem;
}

#whats-new-form-placeholder #whats-new-toolbar a .bb-icon,
#whats-new-form #whats-new-toolbar a .bb-icon {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

#whats-new-form-placeholder #whats-new-toolbar a:hover .bb-icon,
#whats-new-form #whats-new-toolbar a:hover .bb-icon {
  color: var(--bb-headings-color);
}

#whats-new-form-placeholder:not(.focus-in) #whats-new-toolbar,
#whats-new-form-placeholder .whats-new-form-footer,
#whats-new-form:not(.focus-in) #whats-new-toolbar,
#whats-new-form .whats-new-form-footer {
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
  border-color: var(--bb-content-border-color);
  
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#whats-new-toolbar {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center;
    justify-content: flex-start !important;
    align-items: center;
}

#whats-new-form-placeholder #whats-new-toolbar,
#whats-new-form #whats-new-toolbar {
  border-radius: 0 0 0 4px;
}

@media screen and (max-width:520px) {

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:first-child .emojionearea-picker,
  #whats-new-form #whats-new-toolbar .post-emoji:first-child .emojionearea-picker {
    margin-left: -5px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:first-child .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
  #whats-new-form #whats-new-toolbar .post-emoji:first-child .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 27px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(2) .emojionearea-picker,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(2) .emojionearea-picker {
    margin-left: -39px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(2) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(2) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 62px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(3) .emojionearea-picker,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(3) .emojionearea-picker {
    margin-left: -73px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(3) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(3) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 96px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(4) .emojionearea-picker,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(4) .emojionearea-picker {
    margin-left: -107px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(4) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(4) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 130px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(5) .emojionearea-picker,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(5) .emojionearea-picker {
    margin-left: -141px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(5) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(5) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 163px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(6) .emojionearea-picker,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(6) .emojionearea-picker {
    margin-left: -175px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-emoji:nth-child(6) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
  #whats-new-form #whats-new-toolbar .post-emoji:nth-child(6) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 196px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:first-child .gif-media-search-dropdown,
  #whats-new-form #whats-new-toolbar .post-gif:first-child .gif-media-search-dropdown {
    left: -10px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:first-child .gif-media-search-dropdown.open:before,
  #whats-new-form #whats-new-toolbar .post-gif:first-child .gif-media-search-dropdown.open:before {
    left: 30px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown {
    left: -44px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown.open:before,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown.open:before {
    left: 64px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown {
    left: -78px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown.open:before,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown.open:before {
    left: 98px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown {
    left: -10.75rem;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown.open:before,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown.open:before {
    left: 130px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(5) .gif-media-search-dropdown,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(5) .gif-media-search-dropdown {
    left: -146px;
  }

  #whats-new-form-placeholder #whats-new-toolbar .post-gif:nth-child(5) .gif-media-search-dropdown.open:before,
  #whats-new-form #whats-new-toolbar .post-gif:nth-child(5) .gif-media-search-dropdown.open:before {
    left: 166px;
  }

  ;
}

#whats-new-form-placeholder .gif-image-container img,
#whats-new-form .gif-image-container img {
  max-width: 100%;
}

#whats-new-form-placeholder .found-media-item img,
#whats-new-form .found-media-item img {
  max-width: 100%;
}

.bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar,
.activity-update-form .activity-form.focus-in #editor-toolbar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: var(--bb-content-border-color);
}

.activity-attached-gif-container {
  background-repeat: no-repeat;
  max-width: 100%;
}

.activity-attached-gif-container .gif-image-container {
  margin: 1rem 0;
}

.activity-inner .activity-attached-gif-container {
  margin-bottom: 0;
}

.acomment-content .activity-attached-gif-container {
  margin-top: 10px;
}

.gif-image-container video {
  display: block;
}

.gif-search-query {
  background-color: var(--bb-content-alternate-background-color);
}

.gif-search-query input[type=search] {
  background-size: 20px;
  background-position: left 5px center;
  background-color: transparent;
}

.gif-media-search-dropdown {
  border-color: var(--bb-content-border-color);
  background-color: var(--bb-content-background-color);
}

.activity-attached-gif-container .gif-image-overlay,
.messages-attached-gif-container .gif-image-overlay {
  background: #f8f8f8;
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
  color: var(--bb-headings-color);
  font-weight: 700;
  background-color: var(--bb-content-background-color);
}

.activity-update-form #whats-new pre {
  white-space: pre-wrap;
}

.activity-update-form #whats-new pre p {
  margin-bottom: 0;
}

.activity-update-form #whats-new p {
  margin-bottom: 1rem;
}

.activity-update-form #whats-new li>ol,
.activity-update-form #whats-new li>ul {
  margin-bottom: 0;
}

.activity-update-form #whats-new ul,
.activity-update-form #whats-new ol {
  margin: 0 0 1rem;
}

.activity-update-form #whats-new ul li,
.activity-update-form #whats-new ol li {
  margin: 0 0 3px 18px;
}

.activity-update-form #whats-new-content {
  padding: 0;
}

.bp-nouveau-activity-form-placeholder- #whats-new-avatar,
.activity-update-form #whats-new-avatar {
  
  text-align: left;
  float: left;
}

.activity-update-form #whats-new-textarea textarea {
  background: var(--bb-content-background-color);
}

.bp-activity-huddle a.activity-post-user-name {
  color: var(--bb-headings-color);
  font-weight: 700;
  font-size: 1rem;
}

.bp-activity-huddle a.activity-post-user-name:hover {
  color: var(--bb-primary-color);
}

.activity-update-form textarea#whats-new {
  box-shadow: none;
  border: 0;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 300;
  resize: none !important;
  min-height: 85px;
  padding: 1rem;
}

.activity-update-form textarea#whats-new:focus {
  box-shadow: none;
}

.activity-update-form #whats-new-post-in-box {
  margin: 10px 0 0;
}

.activity-update-form #whats-new-post-in-box .activity-autocomplete-wrapper {
  margin: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-activity-privacy__label:hover {
  background-color: var(--bb-content-alternate-background-color);
}

.bp-activity-privacy__label:hover .privacy-figure {
  background-color: var(--bb-content-background-color);
}

.bp-activity-privacy__label .privacy-figure {
  color: var(--mb-gray-500);
  background-color: var(--bb-content-alternate-background-color);
}

.bp-activity-privacy__label .privacy-tag {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.bp-activity-privacy__label .privacy-sub-label {
  color: var(--mb-gray-500);
}

.focus-in #whats-new-elements {
  border-bottom: 1px solid var(--bb-content-border-color);
}



.dropzone .dz-preview .dz-progress .dz-upload {
  background: var(--bb-primary-color);
}

#buddypress #whats-new-submit {
  margin: 1rem 0 1rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

#buddypress input#aw-whats-new-reset {
  background: 0 0;
  border: 0;
  font-size: .875rem;
  color: var(--mb-gray-500);
  margin: 0 10px;
  padding: 0 10px;
  width: auto;
  box-shadow: none;
}

#buddypress input#aw-whats-new-submit,
#buddypress input#privacy-status-submit {
  margin: 0;
}

.bp-activity-object .bp-activity-object__radio {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 40%;
}

.activity-form .bb-model-header {
  background-color: var(--bb-content-background-color);
}

#whats-new-form .bb-model-header {
  border-color: var(--bb-content-border-color);
}

#whats-new-form #bp-activity-privacy-point {
  background-color: var(--bb-content-alternate-background-color);
  border: 1px solid var(--bb-content-border-color);
  font-size: .75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

#whats-new-form #bp-activity-privacy-point * {
  color: var(--bb-secondary-button-text-regular);
}

#whats-new-form #bp-activity-privacy-point .privacy-point-icon {
  font-size: 1rem;
  font-weight: 300;
}

#whats-new-form #bp-activity-privacy-point .bb-icon-caret-down {
  font-size: .75rem;
  color: var(--bb-secondary-button-text-regular);
  opacity: .3;
  margin-left: 5px;
  margin-top: 3px;
}

#whats-new-form #bp-activity-privacy-point:not(.bp-activity-edit-group) {
  padding-right: 0.5rem;
}

#whats-new-form .activity-post-user-name-container h5 {
  margin-bottom: 3px;
}

.atwho-view ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.atwho-view ul li .username {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

@media screen and (min-width:46.8em) {

  .activity-update-form #whats-new-content,
  .activity-update-form #whats-new-elements,
  .activity-update-form #whats-new-submit {
    margin-left: 0;
  }

  ;
}

ul.activity-list.bp-list {
  background: 0 0;
  border: 0;
  padding: 0;
}

#buddypress .activity-lists.bp-list .activity-item,
#buddypress .activity-list.bp-list .activity-item,
#bbpress-forums .activity-list.bp-list .activity-item {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  box-shadow: 0 6px 24px 0 transparent;
  font-size: .875rem;
  margin: .5rem 0;
  padding: 1rem;
  
  box-shadow: 0 3px 24px 0 rgb(18 43 70 / 8%);
}

#buddypress .activity-lists.bp-list .activity-item .activity-comments>ul,
#buddypress .activity-lists.bp-list .activity-item .activity-comments>.ac-form,
#buddypress .activity-list.bp-list .activity-item .activity-comments>ul,
#buddypress .activity-list.bp-list .activity-item .activity-comments>.ac-form,
#bbpress-forums .activity-list.bp-list .activity-item .activity-comments>ul,
#bbpress-forums .activity-list.bp-list .activity-item .activity-comments>.ac-form {
  border-radius: 0.5rem;
  margin: 0rem -1rem -1rem;
  padding: 1rem 1rem;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}

#buddypress .activity-lists.bp-list .activity-item .activity-link-preview-image img,
#buddypress .activity-list.bp-list .activity-item .activity-link-preview-image img,
#bbpress-forums .activity-list.bp-list .activity-item .activity-link-preview-image img {
  margin-top: 0;
  max-width: 100%;
}

#buddypress .bb-media-model-inner,
#bbpress-forums .bb-media-model-inner {
  border-radius: var(--bb-block-radius);
  background-color: transparent;
}

#buddypress .bb-media-model-inner .bb-media-section,
#bbpress-forums .bb-media-model-inner .bb-media-section {
  border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
}

#buddypress .bb-media-model-inner .bb-media-info-section,
#bbpress-forums .bb-media-model-inner .bb-media-info-section {
  background-color: var(--bb-content-background-color);
  border-radius: 0 var(--bb-block-radius) var(--bb-block-radius) 0;
}

#buddypress .bb-media-model-inner .activity-list.bp-list .activity-item,
#bbpress-forums .bb-media-model-inner .activity-list.bp-list .activity-item {
  margin-bottom: 0;
  min-height: 90vh;
}

@media screen and (max-width:1024px) {

  #buddypress .bb-media-model-inner .bb-media-info-section,
  #bbpress-forums .bb-media-model-inner .bb-media-info-section {
    border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius) !important;
  }

  #buddypress .bb-media-model-inner .bb-media-section,
  #bbpress-forums .bb-media-model-inner .bb-media-section {
    border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
  }

  ;
}

#buddypress .bb-media-model-container .activity-list.bp-list .activity-item,
#bbpress-forums .bb-media-model-container .activity-list.bp-list .activity-item {
  border-radius: 0;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}

.actvity-head-bar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
}

.actvity-head-bar .subnav-filters {
  margin: 0 0 0 auto;
}

.activity-list .activity-item .activity-inner p {
  margin-bottom: 1rem;
}

.activity-list .activity-item .activity-inner p:last-child {
  margin-bottom: 0;
}

.activity-list .activity-item .activity-inner {
  position: relative;
}

.activity-list .activity-item .activity-inner .activity-discussion-title-wrap a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.activity-list .activity-item .activity-inner .activity-inner-meta {
  padding: .75rem;
  border-top: 1px solid #eaeaea;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  min-width: inherit !important;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button:before {
  display: none;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .comment-count,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .text,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .comment-count,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .text,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .comment-count,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .text {
  margin-bottom: 0;
  position: relative;
  padding-left: 25px;
  font-size: .75rem;
  color: var(--mb-gray-500);
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .text:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .text:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .text:before {
  font-size: 18px;
  font-family: bb-icons;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.875rem;
  
  color: var(--bb-primary-color);
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down:hover .comment-count,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down:hover .text,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square:hover .comment-count,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square:hover .text,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment:hover .comment-count,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment:hover .text {
  color: var(--bb-primary-color);
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .text:before {
  content: '\e861';
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: bb-icons;
  font-weight: 100;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .comment-count {
  display: block;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .comment-count:before {
  content: '\ee37';
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .comment-count {
  display: block;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .comment-count:before {
  content: '\e979';
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content) {
  border-radius: 4px;
  padding: .75rem;
  font-size: 22px;
  
  position: relative;
  margin: 0 0 1rem;
  background: #fafafa;
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content):before {
  content: '\ef02';
  font-family: bb-icons;
  font-style: normal;
  display: block;
  text-align: center;
  font-variant: normal;
  color: #92949d;
  width: 30px;
  height: 30px;
  font-size: 22px;
  
  background: #e2e1e0;
  border-radius: 100%;
  margin-bottom: 10px;
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content) p {
  font-size: 20px;
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content) p:last-child {
  margin-bottom: 0;
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content) em {
  font-size: .875rem;
  color: var(--mb-base-white);
  
  display: block;
  margin-top: 20px;
  font-style: normal;
}

.activity-list .activity-item .activity-inner blockquote:not(.wp-embedded-content) a {
  color: var(--mb-gray-500);
}

.activity-list .activity-item .activity-inner li>ol,
.activity-list .activity-item .activity-inner li>ul {
  margin-bottom: 0;
}

.activity-list .activity-item .activity-inner>ol,
.activity-list .activity-item .activity-inner>ul {
  margin: 0 0 1rem;
}

.activity-list .activity-item .activity-inner>ol li,
.activity-list .activity-item .activity-inner>ul li {
  list-style: decimal;
  margin: 0 0 3px 1rem;
  list-style-position: inside;
  padding: 0;
}

.activity-list .activity-item .activity-inner>ol li:before,
.activity-list .activity-item .activity-inner>ol li:before,
.activity-list .activity-item .activity-inner>ul li:before,
.activity-list .activity-item .activity-inner>ul li:before {
  display: none;
}

.activity-list .activity-item .activity-inner>ul li {
  list-style: disc;
}

.activity-list .activity-item .activity-inner pre {
  white-space: pre-wrap;
}

.activity-list .activity-item .activity-inner pre p {
  margin-bottom: 0;
}

.activity-list .activity-content .fluid-width-video-wrapper {
  margin-top: 5px;
  margin-bottom: 1rem;
}

.bb-activity-media-wrap,
.bb-activity-video-wrap,
.activity-list .bb-video-wrapper,
.video-activity-wrap {
  max-width: 640px;
}

.activity-list .activity-item .activity-header {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  margin: 0;
  width: auto;
}

.activity-header a {
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-headings-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.activity-header a:hover {
  color: var(--bb-primary-color);
}

.activity-header p {
  margin: 0;
}

.activity-list .activity-item .activity-content .activity-header,
.activity-list .activity-item .activity-content .comment-header {
  margin: 0;
  font-size: inherit;
  height: 100%;
}

#buddypress .activity-lists .activity-item .activity-header img.avatar,
#buddypress .activity-list .activity-item .activity-header img.avatar {
  margin-right: 5px;
  margin-left: 3px;
  position: relative;
  bottom: 1px;
}

#buddypress a.view.activity-time-since,
#bbpress-forums a.view.activity-time-since {
  display: none;
}

.activity-item-header .item p a img.avatar {
  border-radius: 50%;
  margin-right: 4px;
  position: relative;
  bottom: 1px;
}

.activity-date {
  color: var(--mb-gray-500);
  font-size: .75rem;
}

.activity-list .activity-item .bp-generic-meta.action {
  border: 0;
  background: 0 0;
  padding: 0;
}

body .activity-list .bp-generic-meta #ai_ar_main {
  margin-bottom: 5px;
  position: static !important;
}

body .activity-list .bp-generic-meta #ai_ar_main .main_smiley_div {
  left: 0;
  right: inherit;
}

#buddypress .activity-lists .action.bp-generic-meta .button,
#buddypress .activity-list .action.bp-generic-meta .button,
#bbpress-forums .activity-list .action.bp-generic-meta .button,
#buddypress .activity-lists .action.bp-generic-meta .open-close-activity,
#buddypress .activity-list .action.bp-generic-meta .open-close-activity {
  background: 0 0;
  border: 0;
  color: var(--bs-primary);
  margin: 0;
  min-width: 10px;
  min-height: 1px;
  padding: 0;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}

#buddypress .activity-lists .action.bp-generic-meta .button:hover,
#buddypress .activity-lists .action.bp-generic-meta .button:hover span,
#buddypress .activity-list .action.bp-generic-meta .button:hover,
#buddypress .activity-list .action.bp-generic-meta .button:hover span,
#bbpress-forums .activity-list .action.bp-generic-meta .button:hover,
#bbpress-forums .activity-list .action.bp-generic-meta .button:hover span,
#buddypress .activity-lists .action.bp-generic-meta .open-close-activity:hover,
#buddypress .activity-lists .action.bp-generic-meta .open-close-activity:hover span,
#buddypress .activity-list .action.bp-generic-meta .open-close-activity:hover,
#buddypress .activity-list .action.bp-generic-meta .open-close-activity:hover span {
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: var(--bb-primary-color);
}

#buddypress .activity-lists .action.bp-generic-meta .button,
#bbpress-forums .activity-list .action.bp-generic-meta .button {
  color: var(--bb-primary-color);
}

.activity-list .activity-item .bp-generic-meta.action .unfav:before,
.activity-list .activity-item .bp-generic-meta.action .unfav .like-count {
  color: var(--bs-primary);
}

.activity-list .activity-item .bp-generic-meta.action .unfav:hover:before {
  color: var(--bb-primary-color);
}

.activity-state {
  color: var(--mb-gray-500);
  margin: 0;
}

.activity-list .activity-item .bp-generic-meta.action .fav:before,
.activity-list .activity-item .bp-generic-meta.action .unfav:before,
.activity-list .activity-item .bp-generic-meta.action .edit-activity:before,
.activity-list .activity-item .bp-generic-meta.action .delete-activity:before,
.activity-list .activity-item .bp-generic-meta.action .spam-activity:before,
.activity-list .activity-item .bp-generic-meta.action .acomment-reply.button:before,
.activity-list .activity-item .bp-generic-meta.action .view.button:before,
.activity-list .activity-item .bp-generic-meta.action .open-close-activity:before {
  display: inline-block;
  text-rendering: auto;
  font-size: 2rem;
  min-width: max-content;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

.activity-list .activity-item .bp-generic-meta.action .open-close-activity:hover:before,
.activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity:hover:before,
.activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel:hover:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-circle .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-discussion .text:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-chat .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-chat .text:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-circle .comment-count:hover,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-circle .text:hover,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-discussion .comment-count:hover,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-discussion .text:hover,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-chat .comment-count:hover,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-chat .text:hover,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-discussion .text:hover:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-chat .comment-count:hover:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-chat .text:hover:before {
  color: var(--bb-primary-color);
}

.activity-list .activity-item .bp-generic-meta.action .unfav:before {
  font-weight: 300;
}

.activity-list .activity-item .bp-generic-meta.action .fav:before,
.activity-list .activity-item .bp-generic-meta.action .view.button:before,
.activity-list .activity-item .bp-generic-meta.action .unfav:before {
  position: relative;
  top: 0px;
}

.activity-list .activity-item .bp-generic-meta.action .delete-activity:before {
  position: relative;
  top: -1px;
  font-size: 19px;
}

.activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel:before {
  content: "\e828";
  position: relative;
  top: -1px;
  font-size: 21px;
  min-width: 22px;
  font-family: bb-icons;
  color: var(--bb-primary-color);
}

.activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity:before {
  content: "\ee5a";
  position: relative;
  top: -1px;
  font-size: 1rem;
  min-width: 22px;
  font-family: bb-icons;
  display: inline-block;
  color: var(--bb-primary-color);
}

.activity-list .activity-item .bp-generic-meta.action .edit-activity:before {
  position: relative;
  top: -1px;
  font-size: 17px;
}

.activity-list .activity-item .bp-generic-meta.action .spam-activity:before {
  font-size: 1rem;
  position: relative;
  top: -2px;
}

.activity-list .activity-item .bp-generic-meta.action .open-close-activity:before {
  content: "\eecc";
  font-family: bb-icons;
  font-size: 1rem;
  position: relative;
  top: -2px;
  color: var(--bb-primary-color);
  min-width: 20px;
  margin-right: 3px;
}

.activity-list .activity-item .bp-generic-meta.action .open-close-activity.bplua-open-activity:before {
  font-family: bb-icons;
  content: "\eecf";
}

div#buddypress .activity-read-more a {
  font-size: inherit;
  border: 0;
  padding: 0;
}

#buddypress .activity-lists .activity-item .bp-generic-meta.action .open-close-activity,
#buddypress .activity-list .activity-item .bp-generic-meta.action .open-close-activity {
  margin: 0 1rem 5px 0 !important;
  box-shadow: none;
  
}

#buddypress .activity-lists .activity-item .bp-generic-meta.action .open-close-activity,
#buddypress .activity-list .activity-item .bp-generic-meta.action .open-close-activity,
.activity-list .activity-item .bp-generic-meta.action .button span:not(.bp-screen-reader-text),
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity,
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel {
  font-size: .75rem;
  color: var(--mb-gray-500);
  margin-left: 2px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

#buddypress .activity-lists .activity-item .bp-generic-meta.action .open-close-activity:focus,
#buddypress .activity-lists .activity-item .bp-generic-meta.action .open-close-activity:active,
#buddypress .activity-list .activity-item .bp-generic-meta.action .open-close-activity:focus,
#buddypress .activity-list .activity-item .bp-generic-meta.action .open-close-activity:active,
.activity-list .activity-item .bp-generic-meta.action .button span:not(.bp-screen-reader-text):focus,
.activity-list .activity-item .bp-generic-meta.action .button span:not(.bp-screen-reader-text):active,
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity:focus,
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity:active,
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel:focus,
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel:active {
  box-shadow: none;
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section>i {
  color: var(--mb-gray-500);
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section a.download-button {
  color: var(--bb-primary-color);
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section a.download-button:hover {
  color: var(--bb-primary-color);
}

.bb-document-theater .bb-media-section .document-preview h3 {
  border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}

.bb-document-theater .bb-media-section .img-section {
  background-color: var(--bb-content-background-color);
  border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
}

.bb-document-theater .bb-media-section .img-section img>.download-button,
.bb-document-theater .bb-media-section .img-section img>.download-button:hover {
  color: var(--bb-primary-color);
}

@media screen and (max-width:1024px) {
  .bb-document-theater .bb-media-section .img-section {
    border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
  }

  ;
}

.bb-document-theater .bb-media-info-section.document {
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
}

.bb-document-theater .bb-media-section.bb-media-no-preview {
  background-color: var(--bb-content-background-color);
}

.bb-document-theater .bb-media-section.bb-media-no-preview .img-section a.download-button {
  color: var(--bb-primary-color);
}

#buddypress .bb-document-theater ul.bp-list.loading,
#buddypress .media-theatre ul.bp-list.loading,
#buddypress .video-theatre ul.bp-list.loading {
  background-color: var(--bb-content-background-color);
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options-action i {
  color: var(--mb-gray-500);
}

.buddypress .buddypress-wrap .activity-state a {
  color: var(--mb-gray-500);
  background-color: transparent;
}

#bbpress-forums .bb-media-model-container .activity-list.bp-list .download-document,
#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document,
#buddypress.bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media,
#buddypress .bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media {
  border-color: var(--bb-content-border-color);
}

.bb-media-model-inner {
  background-color: var(--bb-content-background-color);
}

#buddypress .bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document,
#buddypress.bb-media-model-wrapper.document-theatre .activity-list.bp-list .download-document,
#buddypress.bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media,
#buddypress .bb-media-model-wrapper.media-theatre .activity-list.bp-list .download-media {
  background-color: var(--bb-content-background-color);
}

#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity,
#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel {
  margin-bottom: 2px;
}

#buddypress .activity-list .activity-item .bp-generic-meta.action .buddyboss_edit_activity_cancel {
  margin-right: 1rem;
}

.bp-activity-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

.activity-header {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.activity-list.item-list .activity-item .activity-avatar {
  margin: 0 1rem 1rem 0;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
}

.activity-list .activity-item div.item-avatar img,
.activity-list .activity-item.mini .activity-avatar img.avatar,
.activity-list .activity-item.mini .activity-avatar img.FB_profile_pic {
  max-width: 3rem;
}

.buddypress-wrap .activity-comments ul {
  margin-top: 1rem;
  margin-bottom: 2px;
}

.buddypress-wrap .activity-comments>.ac-form {
  padding-top: 1rem;
}

@media screen and (min-width:46.8em) {
  .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) .actvity-head-bar nav {
    margin-bottom: 0;
  }

  .buddypress-wrap .activity-inner {
    font-size: .875rem;
  }

  ;
}

.buddypress-wrap .activity-comments {
  margin: 0;
  overflow: visible;
}

.buddypress-wrap .activity-comments form {
  margin: 0;
  padding: 0;
  background: var(--bb-content-alternate-background-color);
  margin: 0 -1rem;
  padding: 1rem;
}

.buddypress-wrap .activity-comments>ul {
  background: var(--bb-content-alternate-background-color);
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
  margin: 1rem 0 0;
  padding: 1rem 1rem;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}

.buddypress-wrap .activity-comments>form:first-child {
  border-top: 1px solid #eef0f3;
}

.activity-list .activity-item.has-comments {
  padding-bottom: 0;
}

.buddypress-wrap .activity-comments form {
  padding-top: 0;
}

.buddypress-wrap .activity-comments li form.ac-form {
  padding-top: 1rem;
  padding-bottom: 0;
}

form.ac-form .ac-reply-content {
  padding-left: 0;
}

.activity-comments li form.ac-form {
  margin-right: 0;
}

.activity-list .activity-item,
.buddypress-wrap .activity-comments ul li {
  padding: 0;
}

#buddypress button.ac-reply-cancel {
  background: 0 0;
  box-shadow: none;
  border: 0;
  font-size: .875rem;
  color: var(--mb-gray-500);
  font-weight: 700;
  margin: 0rem 0 0;
  padding: 0 0px;
  width: -webkit-fill-available;
  text-align: center;
}

.buddypress-wrap .activity-comments .acomment-content {
  border-left: 0;
  margin: 0 0 0 51px;
  padding: 0;
  overflow: hidden;
}

.buddypress-wrap .activity-comments .acomment-content .bb-activity-media-elem .entry-img img {
  width: 100%;
}

.buddypress-wrap .activity-comments ul ul .acomment-content,
body #buddypress .bp-list .comment-item .comment-item .action {
  margin: 0.5rem 0 1rem;
}

.buddypress-wrap .activity-comments ul ul .acomment-content {
  margin-bottom: 5px;
}

.buddypress-wrap .activity-comments .acomment-meta {
  padding-left: 0;
  color: inherit;
}

.activity-comments-items li {
  position: relative;
}

.activity-comments-items .item-title p {
  margin-bottom: 10px;
  margin-top: 10px;
}

.activity-comments-items .bs-item-wrap .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.activity-comments-items .item-title .video-container {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 0;
}

.activity-comments-items:not(.depth1) {
  padding-bottom: 0;
}

.bs-activity-wrap.bb-media-info-section .activity-comments-items {
  max-height: 100%;
  overflow-x: initial;
  overflow-y: initial;
}

@media screen and (max-width:544px) {
  .activity-update-form #activity-post-form-privacy {
    margin-top: 10px;
  }

  ;
}

.activity-type .gif-photo-type {
  font-size: .75rem;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  left: 10px;
  bottom: 10px;
  background-color: #000;
  padding: 2px 10px;
  color: var(--mb-base-white);
  border-radius: 5px;
  font-weight: lighter;
}

.activity-type .gif-photo-source {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  bottom: -30px;
  font-size: .875rem;
  color: #767676;
}

.buddypress-wrap .activity-comments .bp-feedback {
  padding: 5px 10px;
  font-size: .75rem;
}

.buddypress-wrap .activity-comments .bp-feedback.error {
  background-color: var(--bb-danger-color);
  color: var(--mb-base-white);
  border: 0;
  margin-top: 20px;
}

body #buddypress .bp-list .activity-comments .action {
  margin-left: 51px;
}

.activity-list.item-list .activity-item .activity-comments img.avatar {
  max-width: 3rem;
  width: 100%;
  height: auto;
}

.activity-list.item-list .activity-item .activity-comments>ul ul li img.avatar {
  max-width: 2rem;
}

.activity-list .activity-item div.item-avatar {
  margin: 0 1rem 0 0;
}

.buddypress-wrap .activity-comments .show-all button:hover {
  color: inherit;
  text-decoration: none;
}

form.ac-form .ac-reply-content .ac-textarea textarea,
form.ac-form .ac-reply-content .ac-textarea textarea:focus {
  box-shadow: none;
  border-color: #eef0f3;
  resize: none;
  background: var(--mb-base-white);
  height: 36px;
  padding: 5px 10px;
}

#buddypress .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel,
#buddypress .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment,
#buddypress .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save,
#buddypress .bp-list .activity-comments .bp-generic-meta .generic-button a {
  background: 0 0;
  padding: 0;
  color: #939597;
  border: 0;
  font-size: .75rem;
  margin: 0;
  min-height: 10px;
}

#buddypress .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel {
  font-weight: 700;
}

.buddypress-wrap .activity-comments .acomment-content p {
  margin-bottom: 0;
}

.buddypress-wrap .activity-comments .show-all button {
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  text-decoration: none;
  padding: 0;
  margin-bottom: 1rem;
}

.buddypress-wrap .activity-comments .show-all button .icon {
  margin-right: 6px;
}

.buddypress-wrap .activity-comments .show-all button .text-button {
  color: #939597;
}

.buddypress-wrap .activity-comments .show-all button .text-button:hover {
  color: var(--bb-primary-color);
}

.buddypress-wrap .activity-comments ul li {
  border-top: 0;
  margin: 0;
  padding: 0;
}

.buddypress-wrap .activity-comments .acomment-content p,
.buddypress-wrap .activity-comments .acomment-meta {
  font-size: .75rem;
}

.acomment-meta .author-name {
  color: var(--bb-headings-color);
  font-weight: 600;
}

.acomment-meta .activity-time-since {
  color: var(--mb-gray-500);
  font-size: .75rem;
}

form.ac-form .ac-reply-content .ac-textarea {
  padding: 0 10px;
}

#buddypress form.ac-form .ac-reply-content input[type=submit] {
  padding: 7px 20px;
  height: auto;
  min-height: 10px;
  font-size: .875rem;
  font-weight: 700;
  margin: 0 0 0 10px;
}

.acomment-content iframe {
  margin-top: 1rem;
  margin-bottom: 5px;
}

.buddypress-wrap .activity-comments ul li ul {
  margin-bottom: 0;
  margin-top: 0;
}

.buddypress-wrap .activity-comments ul li ul li {
  margin-bottom: 0;
  padding-bottom: 0;
}

.buddypress-wrap .activity-comments ul li ul li:first-child {
  margin-top: 1rem;
}

ul.activity-list.item-list.bp-list {
  margin-bottom: 0;
}

#buddypress ul.item-list .activity-header img.avatar {
  margin-right: 6px;
  margin-left: 4px;
}

.activity-list .activity-item .activity-header .time-since {
  font-size: .75rem;
  color: var(--mb-gray-500);
  font-weight: normal;
  text-decoration: none;
}

.activity-list .activity-item .activity-header .time-since:hover {
  text-decoration: none;
}

.activity-list .activity-item .activity-header .activity-time-since:before {
  color: var(--mb-gray-500);
}

.activity-list .activity-item .activity-content .activity-inner {
  background: 0 0;
  margin: 1rem 0;
  overflow: hidden;
  padding: 0;
  color: var(--mb-gray-900);
}

.activity-list .activity-item .activity-content .activity-inner iframe {
  margin-top: 10px;
  border-radius: var(--bb-block-radius-inner);
}

.activity-list .activity-item .activity-content .activity-inner iframe.twitter-timeline {
  border: 1px solid var(--bb-content-border-color) !important;
  border-radius: 18px;
}

.activity-list .activity-item .activity-content .activity-inner,
.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.blogs .activity-content .activity-inner {
  border-color: var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
}

.activity-list .activity-item .activity-content .activity-inner iframe[style="border-radius: 0.75rem"] {
  border-radius: var(--bb-block-radius-inner) !important;
}

.activity-list li.bbp_topic_create .bb-content-inr-wrap,
.activity-list li.bbp_reply_create .bb-content-inr-wrap,
.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap {
  background-color: var(--bb-content-background-color);
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap {
  border-radius: var(--bb-block-radius-inner);
}

.activity-list li .bb-content-inr-wrap iframe {
  z-index: 2;
}

.activity-list li.bbp_topic_create .bp-activity-head .bb-post-singular,
.activity-list li.bbp_reply_create .bp-activity-head .bb-post-singular,
.activity-list li.blogs .bp-activity-head .bb-post-singular,
.activity-list li.bbp_topic_create .activity-content .activity-inner .bb-post-title,
.activity-list li.bbp_reply_create .activity-content .activity-inner .bb-post-title,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap {
  color: var(--bb-headings-color);
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap {
  color: var(--bb-headings-color);
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-img-link,
.activity .activity .activity-list .bbp_topic_create .activity-inner .bb-activity-media-wrap .bb-open-media-theatre {
  background-color: var(--bb-cover-image-background-color);
}

@media screen and (max-width:1100px) {

  .acomment-content iframe,
  .activity-list .activity-item .activity-content .activity-inner iframe {
    ;
  }

  ;
}

.activity-header .activity-time-since:before {
  display: block;
  content: '';
}

@media screen and (min-width:46.8em) {

  .buddypress-wrap .activity-inner,
  .buddypress-wrap .activity-header {
    font-size: .875rem;
  }

  ;
}

body.activity-permalink #activity-stream {
  margin-top: 0;
  padding-top: 0;
}

body.activity-permalink ul.activity-list {
  margin-top: 0;
}

body.activity-permalink .bp-messages {
  margin-bottom: 20px;
}

body.activity-permalink .activity-list .activity-comments {
  margin-bottom: 0;
}

#buddypress .activity-lists.item-list.bp-list>li.load-newest,
#buddypress .activity-list.item-list.bp-list>li.load-newest {
  padding-bottom: 1rem;
}

body.activity-permalink .activity-comments>ul {
  padding: 1rem;
}

@media screen and (min-width:46.8em) {
  body.activity-permalink .activity-list .activity-avatar {
    left: 0;
    top: 0;
  }

  ;
}

.activity-comments-items .item-title {
  word-break: break-word;
}

.buddypress-wrap .activity-comments .show-all button:focus,
.buddypress-wrap .activity-comments .show-all button:hover {
  color: inherit;
}

.activity-form:not(.focus-in) .medium-editor-element,
.activity-form:not(.focus-in) .medium-editor-placeholder {
  background-color: transparent;
}

.activity-form:not(.focus-in) .whats-new-form-header {
  border-radius: 4px 4px 0 0;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
}

.activity-form:not(.focus-in):hover .whats-new-form-header {
  background-color: var(--bb-content-alternate-background-color);
}

@media screen and (min-width:46.8em) {
  .activity.buddypress .bp-single-vert-nav .item-body {
    overflow: inherit;
  }

  .activity-update-form #whats-new-content,
  .activity-update-form #whats-new-elements,
  .activity-update-form #whats-new-submit {
    margin-left: 0;
  }

  ;
}

.activity-inner .fluid-width-video-wrapper,
.acomment-content .fluid-width-video-wrapper {
  margin: .75rem 0;
}

.fluid-width-video-wrapper iframe {
  margin: 0;
}

.bs-activity-wrap {
  background: var(--mb-base-white);
  border: 1px solid #eef0f3;
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: .875rem;
  box-shadow: 0 6px 24px 0 transparent;
}

#bs-activity-form-wrap.highlight .bs-activity-wrap {
  border: 1px solid #d2d4d6;
  box-shadow: 0 6px 24px 0 rgba(18, 43, 70, .08);
}

.bs-activity-wrap .inner-wrap .map-wrap img {
  width: 100%;
  border-radius: 4px;
}

.bs-activity-wrap .inner-wrap .gif-wrap img {
  border-radius: 4px;
}

.bs-activity-wrap .inner-wrap .video-container {
  border-radius: 4px;
  overflow: hidden;
  margin: 0;
}

.activity-type .dropzone .dz-preview {
  min-width: 200px;
}

.bb-dz-preview-wrap .dz-image {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  display: block;
}

.bb-dz-preview-wrap .dz-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  height: auto !important;
  width: auto !important;
  min-width: 100%;
  object-fit: cover !important;
  cursor: move;
}

.bs-update.bs-activity-wrap .inner-wrap {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.bs-activity-wrap.bb-media-info-section {
  margin: 0;
}

.loading.bs-activity-wrap:not(.bs-update) {
  padding: 0 1rem;
}

.bb-activity-author {
  margin-right: 3px;
}

.bb-activity-author+p {
  display: inline;
}

.bb-mini-profile-card-area+p {
  display: inline;
}

div#buddypress .activity-read-more {
  margin-left: 0;
}

div#buddypress .activity-read-more a {
  font-size: inherit;
  border: 0;
}

div#buddypress .activity-read-more a:hover {
  background: 0 0;
}

.wp-embedded-content+.video-container {
  height: auto;
  padding-bottom: 0;
}

.wp-embedded-content+.video-container iframe {
  position: static;
}

iframe.wp-embedded-content {
  max-width: 100%;
  width: 100%;
}

.activity-item-header {
  border-radius: 4px 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 61px;
  margin-bottom: 5px;
  padding: .75rem 0;
}

.bs-update .activity-item-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.activity-item-header .item-avatar {
  margin-right: .75rem;
  padding-top: 3px;
  position: relative;
}

.activity-item-header .item-avatar .avatar:not(.profile-avatar) {
  border-radius: 50%;
  max-width: 36px;
}

.activity-item-header .item {
  
}

.activity-item-header .item p {
  margin-bottom: 0;
  color: #7f868f;
}

.activity-item-header .item p a {
  color: var(--bb-headings-color);
}

.activity-item-header .item p a:hover {
  color: var(--bb-primary-color);
  text-decoration: none;
}

.activity-item-header .item p a img.avatar {
  border-radius: 50%;
  margin-right: 4px;
  position: relative;
  bottom: 1px;
}

.activity-item-header .item p a.activity-time-since {
  display: none;
}

.activity-item-header .bs-dropdown:after {
  right: 19px;
}

#buddypress .activity-item-header .item p a.activity-time-since:hover {
  text-decoration: none;
}

.bs-update .activity-item-header {
  background-color: var(--bb-content-alternate-background-color);
  border-bottom: 1px solid #eef0f3;
  padding: .75rem 1rem;
}

.activity-item-header .item-title {
  font-size: .875rem;
  color: #939597;
  position: relative;
}

.activity-item-header .item-title img {
  position: relative;
  bottom: 1px;
}

.gif-holder .loading-icon {
  max-width: 80px;
}

.activity-item-header .item-title a {
  font-size: .875rem;
  color: var(--bb-headings-color);
  display: inline;
}

.activity-item-header .item-title a:hover {
  color: var(--bb-primary-color);
}

.activity-item-header .item-meta {
  font-size: .75rem;
}

.activity-date {
  color: var(--mb-gray-500);
}

a.activity-date:hover {
  color: var(--bb-headings-color);
}

.activity-item-body .inner-wrap.act-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
  margin-top: 0;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.activity-body-photo a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}

.activity-item-footer {
  padding: 1rem 0;
}

.activity-item-footer input {
  width: 100%;
}

span.gif-photo-source {
  display: none;
}

.activity-item-footer a.bb-like-wrap .bb-icon-like,
.activity-item-footer a.bb-comment-ico .bb-icon-comment {
  color: rgba(18, 43, 70, .4);
  font-size: 24px;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.activity-item-footer a.bb-like-wrap.bb-favorite .bb-icon-like {
  color: #122b46;
}

.activity-item-footer a.bb-comment-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 0 25px;
}

.activity-item-footer a.bb-like-wrap i.bb-icon-like:hover,
.activity-item-footer a.bb-comment-ico i.bb-icon-comment:hover {
  color: rgba(18, 43, 70, .8);
}

.activity-item-footer .like-count,
.activity-item-footer .comment-count {
  color: #7f868f;
}

.bs-activity-wrap .bs-dropdown-link {
  color: rgba(18, 43, 70, .4);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  font-size: 20px;
  opacity: .4;
}

.bs-activity-wrap .bs-dropdown-link:hover {
  color: rgba(18, 43, 70, .8);
}

span.gif-photo-type {
  display: none;
}

.bs-activity-wrap .bs-dropdown {
  right: -.75rem;
}

.bs-activity-wrap .bs-dropdown#activity-actionlist-location {
  padding: 10px;
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart {
  border: 0;
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart .emoji-mart-anchors .emoji-mart-anchor {
  color: rgba(18, 43, 70, .3);
  cursor: pointer;
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart .emoji-mart-anchors .emoji-mart-anchor:hover {
  color: rgba(18, 43, 70, .8);
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart .emoji-mart-anchors .emoji-mart-anchor-selected {
  color: rgba(18, 43, 70, .8) !important;
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart .emoji-mart-anchors .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  background-color: rgba(18, 43, 70, .8) !important;
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart-search {
  margin-bottom: 6px;
}

.bs-activity-wrap .bs-dropdown.bs-emoji-dropdown .emoji-mart-search input {
  height: 35px;
  font-size: .875rem;
  padding: .1em .9em;
}

.bs-activity-wrap .bs-dropdown:after {
  right: 22px;
}

.bb-media-model-container .add-comment-wrap.bb-emoji-up .bs-emoji-dropdown,
.bb-media-model-container .activity-comments-items li:nth-child(n+4) .bs-emoji-dropdown {
  bottom: 40px;
  top: auto;
  right: -5px;
  left: auto;
}

.bb-media-model-container .add-comment-wrap.bb-emoji-up .bs-emoji-dropdown:after,
.bb-media-model-container .activity-comments-items li:nth-child(n+4) .bs-emoji-dropdown:after {
  right: -2px;
  bottom: -10px;
  top: auto;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.bb-media-model-container .bs-item-wrap:last-child .bs-dropdown {
  top: auto;
  bottom: 25px;
}

.bb-media-model-container .bs-item-wrap:last-child .bs-dropdown:after {
  right: -2px;
  bottom: -10px;
  top: auto;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.bs-activity-comments {
  background-color: var(--bb-content-alternate-background-color);
  border-top: 1px solid #eef0f3;
  margin: 0 -1rem;
}

.activity-comments-items .bs-activity-comments {
  border-top: 0;
  margin-top: 10px;
}

.bs-activity-ctrl {
  border-top: 1px solid #eef0f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bs-activity-ctrl>div {
  margin-top: 10px;
  margin-bottom: 10px;
}

#buddypress h6.list-comments-heading {
  padding: 1rem 20px 5px;
  margin-bottom: 0;
  font-size: .75rem;
  color: #939597;
  
}

#buddypress h6.list-comments-heading a {
  color: inherit;
}

#buddypress h6.list-comments-heading a:hover {
  color: var(--bb-primary-color);
}

.activity-comments-items .bs-item-wrap .item-avatar {
  margin-right: .75rem;
}

.activity-comments-items .bs-item-wrap .item-avatar .avatar:not(.profile-avatar) {
  border-radius: 50%;
  max-width: 36px;
}

.activity-comments-items:not(.depth1) .bs-item-wrap .item-avatar .avatar:not(.profile-avatar) {
  max-width: 28px;
}

.bb-media-comments-wrapper:not(.depth1) {
  padding-left: 48px;
}

.bb-media-comments-wrapper.depth3 {
  padding-left: 42px;
}

.bb-media-comments-wrapper.depth4 {
  padding-left: 40px;
}

.activity-comments-items>li>.bb-media-comments-wrapper.depth1 {
  padding-left: 50px;
}

.bb-mini-profile-card-area:empty {
  display: none;
}

.add-comment-wrap {
  background-color: var(--bb-content-alternate-background-color);
  border-top: 1px solid #eef0f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .75rem 1rem;
  border-radius: 0 0 4px 4px;
}

.add-comment-wrap .item-avatar {
  margin-right: .75rem;
}

.add-comment-wrap .avatar:not(.profile-avatar) {
  max-width: 36px;
}

.add-comment-wrap .add-comment {
  width: 100%;
  background: 0 0;
  border-radius: 4px;
}

.add-comment-wrap .add-comment:hover {
  background: #fff;
}

.bb-activity-info-inner-wrap {
  font-size: .875rem;
  padding: 0 1rem;
}

.bs-activity-comments:empty {
  display: none;
}

.bb-media-model-wrapper.bb-internal-model .bb-activity-info-inner-wrap {
  max-height: -webkit-calc(100% - 61px);
  max-height: calc(100% - 61px);
  overflow: auto;
}

.activity-item-footer .like-count {
  margin-left: 7px;
}

.activity-item-footer .comment-count {
  margin-left: 10px;
}

.activity-comment-field {
  margin-right: auto;
}

.activity-comment-field {
  width: 100%;
}

.activity-comment-field textarea.bs-comment-textarea {
  width: 100%;
  padding: 5px .75rem;
  height: 2.417em;
  border-color: transparent;
  background-color: transparent;
  color: #7f868f;
  font-size: .875rem;
  resize: none;
  font-size: .75rem;
  color: var(--bb-body-text-color);
  
}

.activity-comment-field textarea.bs-comment-textarea:focus {
  border-color: transparent;
  background-color: transparent;
}

.bs-activity-comments .add-comment .bs-generic-button {
  position: relative;
}

.bs-activity-comments .add-comment .bs-generic-button a {
  color: rgba(18, 43, 70, .4);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  font-size: 20px;
}

.bs-activity-comments .add-comment .bs-generic-button a:hover {
  color: rgba(18, 43, 70, .8);
}

.bs-activity-comments .add-comment .bs-generic-button i {
  font-size: 20px;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap:last-child,
.bs-item-list.activity-comments-items.list-view .bs-item-wrap:first-child {
  border-radius: 0;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap {
  border: 0;
  background-color: transparent;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap:hover {
  box-shadow: 0 3px 24px 0 rgba(18, 43, 70, .08);
  border-radius: 3px;
  position: relative;
  z-index: 1;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap .item-expand .bs-dropdown {
  right: 7px;
  top: 45px;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap ul.activity-comments-items {
  width: 100%;
  padding-top: 10px;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap ul.activity-comments-items li {
  padding-right: 0;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap ul.activity-comments-items li:hover {
  box-shadow: none;
  border-radius: 0;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap ul.activity-comments-items li:last-of-type {
  padding-bottom: 0;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap ul.activity-comments-items li .item-expand .bs-dropdown {
  right: -1rem;
}

.bs-item-list.activity-comments-items.list-view .bs-item-wrap .add-comment-wrap {
  padding-right: 0;
}

.list-comments-wrap>.bs-item-list.activity-comments-items.list-view {
  border-bottom: 1px solid #eef0f3;
}

.bs-item-list.activity-comments-items.list-view.depth1 li.bs-item-wrap.hide_comment {
  display: none;
}

.item-wrap-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.activity-comments-items .bs-item-wrap .item-expand {
  margin-left: 20px;
  position: relative;
}

.activity-comments-items .bs-item-wrap a.expand-comment {
  color: rgba(18, 43, 70, .4);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  font-size: .875rem;
  opacity: 1;
}

.activity-comments-items .bs-item-wrap a.expand-comment .bb-icon-angle-down {
  font-size: 22px;
  position: relative;
  top: -5px;
}

.activity-comments-items .bs-item-wrap a.expand-comment:hover {
  color: rgba(18, 43, 70, .8);
}

.activity-comments-items .item,
.activity-comments-items .item-title a,
.bs-item-list.activity-comments-items.list-view .item-meta {
  font-size: .875rem;
}

.activity-comments-items .activity-comment-text {
  color: #7f868f;
}

.bs-item-list.activity-comments-items.list-view .item-meta {
  margin: 5px 0 0;
  font-size: .75rem;
}

.bs-item-list.activity-comments-items.list-view .item-meta a {
  color: #7f868f;
}

.bs-item-list.activity-comments-items.list-view .item-meta a:hover {
  color: var(--bb-primary-color);
}

.activity-comments-items .item-expand .bs-dropdown {
  top: 28px;
}

.inner-wrap.act-poll {
  margin-left: 70px;
}

.inner-wrap.act-poll label {
  font-size: 1rem;
  margin-bottom: 20px;
  display: block;
}

.poll-button {
  margin-right: 20px;
}

#buddypress .poll-button input[type=button],
.poll-button input[type=button] {
  padding-right: 40px;
  padding-left: 40px;
}

.bb-input-vote .count {
  color: #7f868f;
}

.bb-input-vote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0;
}

.bb-shared-poll .poll-item {
  background: var(--mb-base-white);
  border-radius: 4px;
  position: relative;
  height: 35px;
  
  margin: 10px 0;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.bb-shared-poll .poll-progress {
  display: inline-block;
  height: 35px;
  background-color: var(--bb-content-border-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.poll-data {
  position: relative;
  z-index: 9;
}

.poll-item i.bb-icon-check-small {
  margin: 0 0 0 10px;
}

.poll-item i.bb-icon-check-small:before {
  content: '\e876';
  width: 22px;
  height: 22px;
  border: 1px solid var(--bb-body-text-color);
  border-radius: 50%;
  font-family: bb-icons;
}

.bs-befriend .inner-wrap {
  text-align: center;
  color: #7f868f;
}

.befriend-info {
  margin-bottom: 5px;
}

.befriend-info p {
  margin: 0;
}

.befriend-info a {
  color: var(--bb-headings-color);
}

.befriend-info img.avatar {
  max-width: 30px;
  border-radius: 50%;
  margin-right: 6px;
}

.befriend-date {
  font-size: .75rem;
  display: none;
}

#buddypress .befriend-info a.activity-time-since {
  color: var(--bb-headings-color);
}

#buddypress .befriend-info a.activity-time-since:hover {
  color: var(--bb-primary-color);
  text-decoration: none;
}

.befriend-info a:hover {
  color: var(--bb-primary-color);
}

.befriend-icon img {
  max-width: 70px;
  display: block;
  margin: 0 auto 1rem;
}

.bs-activity-wrap .post-info {
  
  word-wrap: break-word;
}

.bs-activity-wrap .post-info p {
  margin-bottom: 1rem;
}

.bs-activity-wrap .post-info img {
  margin-top: 1rem;
}

.bs-activity-wrap.bb-poll .activity-item-body {
  padding-left: 48px;
}

.bs-activity-wrap.bb-poll .activity-item-body .inner-wrap {
  font-size: 1rem;
}

.bb-poll-footer {
  margin-bottom: 10px;
}

.entry-content .bs-video-post .fluid-width-video-wrapper {
  margin-bottom: 0;
  margin-top: 0;
}

.bs-activity-map .map-wrap img {
  width: 100%;
}

.post-link-container {
  border-radius: 4px;
  border: 1px solid #eef0f3;
  overflow: hidden;
  margin-bottom: 20px;
  max-width: 420px;
  position: relative;
  min-height: 36px;
}

.post-link-container .close-link {
  position: absolute;
  right: 5px;
  top: 5px;
}

.post-link-container h4 {
  font-size: 1rem;
  font-weight: 700;
  
  margin: 0 0 10px;
}

.post-link-container .link-wrap {
  padding: 7px 10px;
}

.link-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 40px 20px;
  font-size: .75rem;
  color: #939597;
  
  -ms-flex-item-align: center;
  align-self: center;
}

.link-img-holder {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 180px;
  min-height: 208px;
}

.link-img-holder a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-color: transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  min-height: 140px;
}

.post-link-container .bb-icon-close-circle:before {
  color: var(--mb-gray-500);
  font-size: 1.5em;
  margin-top: 5px;
}

.activity-update-buttons {
  padding: 0;
  margin-left: auto;
}

a.cancel {
  font-size: .875rem;
  color: var(--mb-gray-500);
  margin-right: 1rem;
}

#buddypress .activity-post input[type=button] {
  padding-left: 40px;
  padding-right: 40px;
  font-size: .875rem;
}

#buddypress .activity-post input.cancel[type=button] {
  background-color: var(--mb-base-white);
  border-color: var(--mb-base-white);
  color: #7f868f;
}

textarea.activity-update {
  width: 100%;
  min-height: 85px;
  padding: 0;
  border-color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: 300;
  resize: none;
  border: 0;
}

label[for=whats-new-post-in] {
  font-size: .875rem;
  color: inherit;
  margin-right: 5px;
}

#whats-new-post-in {
  width: auto;
  font-size: .75rem;
}

.bs-update .activity-item-body {
  padding: 0 1rem;
}

.bs-update .activity-item-footer {
  padding: 0 1rem 1rem;
}

.bs-update .activity-item-footer a.activity-type-icon i,
.bs-update .activity-item-footer a.activity-emoji-icon i {
  color: rgba(18, 43, 70, .4);
  font-size: 24px;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  padding: 0 3px;
}

.bs-update .activity-item-footer a.activity-type-icon i:hover,
.bs-update .activity-item-footer a.activity-emoji-icon i:hover,
.bs-update .activity-item-footer a.activity-type-icon.active i {
  color: rgba(18, 43, 70, .8);
}

.group-wrap {
  overflow: hidden;
}

.activity-types>* {
  text-align: center;
  display: inline-block;
  margin-right: 8px;
}

.bs-activity-wrap.bs-activity-group .inner-wrap {
  margin-top: 0;
  margin-bottom: 0;
}

.group-hero-image {
  padding-top: 40.476%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  overflow: hidden;
}

.group-hero-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}

.group-icon {
  position: absolute;
  bottom: -60px;
  left: 50px;
  z-index: 5;
}

.group-icon div#item-header-avatar {
  display: inline-block;
}

.group-icon div#item-header-avatar img {
  max-width: 160px;
}

.group-meta {
  padding: 25px 20px 25px 270px;
  border: 1px solid #eef0f3;
  border-top: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.group-activity-members a {
  margin-left: -20px;
}

.group-activity-members img.avatar {
  max-width: 40px;
  border: 2px solid #fff;
}

.count-members {
  color: #7f868f;
  padding-left: 10px;
}

.type-case-photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  margin-top: 1rem;
  font-size: 0;
  margin: 0 0 1rem;
}

.type-case-photo ul li {
  position: relative;
  display: inline-block;
  width: -webkit-calc(33.333% - 0.5rem);
  width: calc(33.333% - 0.5rem);
  margin-bottom: .5rem;
}

.type-case-photo ul li a img {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.type-case-photo ul li:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: ' ';
}

.type-tag-wrap {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.type-tag-wrap a i:before {
  color: rgba(18, 43, 70, .4);
  font-weight: 700;
}

.type-tag-wrap .bs-dropdown {
  top: -75px;
  right: inherit;
  left: 0;
  opacity: 1;
  visibility: visible;
  padding: 10px;
  min-width: 300px;
}

.type-tag-wrap .bs-dropdown input[type=search] {
  width: 100%;
  padding-left: 2.5rem;
}

.type-tag-wrap .bs-dropdown:after {
  top: unset;
  right: unset;
  left: 50px;
  bottom: -.75rem;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.close-type-photo {
  font-size: 24px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
  cursor: pointer;
}

.close-type-photo i {
  color: #fd4343;
}

.act-dropdown-wrap {
  position: relative;
}

.act-dropdown {
  position: absolute;
  left: -1rem;
  top: 38px;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  padding: 10px;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  margin: 0;
  min-width: 400px;
  z-index: 100;
}

.act-dropdown:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: 1px;
  margin: 0 auto;
  left: 20px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
}

.act-dropdown#activity-actionlist-gifsearch .gif-search-result {
  max-height: 300px;
  overflow: auto;
  margin: 10px 0;
}

.act-dropdown input[type=search] {
  padding-left: 2.5rem;
  width: 100%;
}

@media(max-width:544px) {
  .act-dropdown {
    min-width: 250px;
  }

  ;
}

a.activity-type-icon {
  position: relative;
}

a.activity-type-icon.disabled {
  display: none;
}

span.bs-dropdown-wrap.disabled {
  display: none;
}

a.activity-type-icon.open-down:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: 37px;
  margin: 0 auto;
  left: 10px;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
}

.gif-holder ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 5px 0 0;
}

.gif-holder ul li {
  width: -webkit-calc(100% * (1/3));
  width: calc(100% * (1/3));
  margin-bottom: 4px;
  padding: 0 2px;
}

.gif-holder ul li img {
  width: 100%;
}

.bs-dropdown-model {
  display: none;
}

.bs-dropdown-model.open {
  display: block;
}

.bb-input-poll {
  max-width: 400px;
}

.bb-input-poll .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0;
}

.bb-input-poll .item:before {
  content: '';
  background: var(--bb-content-alternate-background-color);
  border: 1px solid #dedfe2;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 10px;
  cursor: move;
}

.bb-input-poll input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 7px;
  font-size: .875rem;
  height: 34px;
  max-width: 343px;
}

.bb-input-poll .bb-icon-close-circle {
  font-size: 22px;
  color: #c4cad1;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .2s all;
  transition: .2s all;
}

.bb-input-poll .item:hover .bb-icon-close-circle {
  visibility: visible;
  opacity: 1;
}

.bb-input-poll .bb-sign {
  font-size: .875rem;
}

#adds-poll-choice {
  padding: 10px 26px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .75rem;
  color: var(--bb-primary-color);
  font-weight: 700;
  
}

#adds-poll-choice a {
  cursor: pointer;
}

.bb-input-poll .close-link {
  color: var(--bb-danger-color);
  margin-left: 20px;
}

.bb-input-poll .close-link .bb-sign {
  font-size: .625rem;
}

.bb-activity-media-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -3px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.bb-activity-video-elem .video-js {
  border-radius: var(--bb-block-radius-inner);
}

.bb-activity-video-elem .video-js video,
.bb-activity-video-elem .video-js .vjs-poster {
  border-radius: var(--bb-block-radius-inner);
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap {
  background-color: var(--bb-content-alternate-background-color);
}

.acomment-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap {
  -webkit-filter: brightness(.94);
  filter: brightness(.94);
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:before {
  background-color: var(--mb-gray-500) !important;
  color: var(--bb-content-alternate-background-color);
  opacity: .5;
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:hover:before,
.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:hover .item-action-wrap>a i,
.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:hover .bb-videos-length {
  opacity: 1;
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:after {
  display: none;
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap img {
  opacity: 0;
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap .bb-video-duration {
  background-color: transparent;
  color: var(--mb-gray-500);
  opacity: 1;
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap .bb-videos-length {
  background-color: transparent;
  color: var(--mb-gray-500);
  opacity: .6;
}

.bb-activity-video-elem.has-no-thumbnail .video-js:not(.vjs-has-started).vjs-paused {
  background-color: transparent;
}

.bb-activity-video-elem.has-no-thumbnail .video-js:not(.vjs-has-started).vjs-paused video {
  opacity: 0;
}

.bb-activity-video-elem.has-no-thumbnail .video-js:not(.vjs-has-started).vjs-paused .vjs-big-play-button {
  background-color: var(--mb-gray-500) !important;
  opacity: .5 !important;
}

.bb-activity-video-elem.has-no-thumbnail .video-js:not(.vjs-has-started).vjs-paused .vjs-big-play-button:before {
  color: var(--bb-content-alternate-background-color);
}

.bb-activity-video-elem.has-no-thumbnail .video-js:not(.vjs-has-started).vjs-paused:hover .vjs-big-play-button {
  opacity: 1 !important;
}

.bb-activity-video-elem.has-no-thumbnail .video-js:not(.vjs-has-started).vjs-paused:after {
  display: none;
}

.bb-activity-video-elem.has-no-thumbnail .vjs-poster {
  background-color: var(--bb-content-alternate-background-color);
}

.bb-activity-video-elem.has-no-thumbnail .bb-video-duration {
  background-color: var(--mb-gray-500);
  color: var(--mb-base-white);
  opacity: .8;
}

.bb-activity-video-elem.has-no-thumbnail:hover .item-action-wrap>a i {
  opacity: 1;
}

.bb-activity-video-elem.has-no-thumbnail .item-action-wrap>a {
  background-color: transparent !important;
}

.bb-activity-video-elem.has-no-thumbnail .item-action-wrap>a i {
  color: var(--mb-gray-500);
  font-size: 18px;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap,
.bb-video-thumb.has-no-thumbnail .bb-video-cover-wrap {
  background-color: var(--bb-content-alternate-background-color);
  -webkit-filter: brightness(.94);
  filter: brightness(.94);
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:before,
.bb-video-thumb.has-no-thumbnail .bb-video-cover-wrap:before {
  background-color: var(--mb-gray-500) !important;
  color: var(--bb-content-alternate-background-color);
  opacity: .5;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:hover:before,
.bb-video-thumb.has-no-thumbnail .bb-video-cover-wrap:hover:before {
  opacity: 1;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap:after,
.bb-video-thumb.has-no-thumbnail .bb-video-cover-wrap:after {
  display: none;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap img,
.bb-video-thumb.has-no-thumbnail .bb-video-cover-wrap img {
  opacity: 0;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .item-action-wrap>a,
.bb-video-thumb.has-no-thumbnail .item-action-wrap>a {
  background-color: transparent !important;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .item-action-wrap>a i,
.bb-video-thumb.has-no-thumbnail .item-action-wrap>a i {
  color: var(--mb-gray-500) !important;
  opacity: 1 !important;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail:hover .item-action-wrap>a i,
#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail:hover .bb-videos-length,
.bb-video-thumb.has-no-thumbnail:hover .item-action-wrap>a i,
.bb-video-thumb.has-no-thumbnail:hover .bb-videos-length {
  opacity: 1;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-duration,
.bb-video-thumb.has-no-thumbnail .bb-video-duration {
  background-color: transparent;
  color: var(--mb-gray-500);
  opacity: 1;
}

#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-videos-length,
.bb-video-thumb.has-no-thumbnail .bb-videos-length {
  background-color: transparent;
  color: var(--mb-gray-500);
  opacity: .6;
}

.bb-video-thumb.has-no-thumbnail .bb-custom-check:not(:checked)+label {
  color: var(--mb-gray-500);
}

.bbp-reply-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity,
#bbpress-forums div.bbp-reply-content .bb-activity-video-elem.has-no-thumbnail .bb-video-cover-wrap {
  -webkit-filter: brightness(.96);
  filter: brightness(.96);
}

.video-js {
  font-family: inherit;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  background: var(--bb-tooltip-background);
  border-radius: 5px;
  width: 25px;
}

.video-js [data-balloon]:after {
  background: var(--bb-tooltip-background);
}

.video-js .vjs-play-progress {
  background-color: var(--bb-primary-color);
}

.video-js .vjs-play-progress:before {
  color: var(--bb-primary-color);
}

.video-js .vjs-volume-level {
  background-color: var(--bb-primary-color);
  border-radius: 4px;
}

.video-js .vjs-menu .vjs-menu-content {
  background: var(--bb-tooltip-background);
  border-radius: 5px;
}

.video-js .vjs-menu li {
  color: var(--bb-tooltip-color);
}

.video-js .vjs-menu li .vjs-menu-item-text {
  opacity: .7;
  font-size: .625rem;
  font-weight: 700;
}

.video-js .vjs-menu li.vjs-selected,
.video-js .vjs-menu li:hover {
  color: var(--bb-tooltip-background);
  background-color: var(--bb-tooltip-color);
}

.video-js .vjs-menu li.vjs-selected .vjs-menu-item-text,
.video-js .vjs-menu li:hover .vjs-menu-item-text {
  opacity: 1;
}

.has-no-thumbnail .video-js.vjs-error .vjs-error-display.vjs-modal-dialog {
  background: var(--bb-content-alternate-background-color);
  color: var(--mb-gray-500);
}

.has-no-thumbnail .video-js.vjs-error .vjs-error-display.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1rem;
  font-weight: 700;
  color: var(--mb-gray-500);
}

.has-no-thumbnail .video-js.vjs-error .vjs-error-display.vjs-modal-dialog:before {
  color: var(--mb-gray-500);
  opacity: .4;
}

.bb-activity-media-elem {
  padding: 3px;
}

.bb-activity-media-elem .entry-img {
  background: 0 0;
  border-radius: var(--bb-block-radius-inner);
  margin: 0;
  position: relative;
  padding-top: 38.56%;
}

.bb-activity-media-elem .bb-photos-length {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: 700;
}

.bb-activity-media-elem .bb-photos-length strong {
  color: inherit;
  display: block;
  font-size: 24px;
  font-weight: 600;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover {
  color: var(--bb-primary-color);
}

.bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse i {
  color: var(--bb-primary-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap {
  background-color: rgba(0, 0, 0, .05);
  border-color: var(--bb-content-border-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity {
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-preview-wrap {
  border-radius: var(--bb-block-radius-inner) var(--bb-block-radius-inner) 0 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .more_text_view {
  background-color: var(--bb-body-background-color);
  border-color: var(--bb-content-border-color);
  color: var(--mb-gray-500);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text-wrap {
  border-color: var(--bb-content-border-color);
  border-radius: var(--bb-option-radius);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover {
  background-color: var(--bb-content-alternate-background-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
  background-color: var(--bb-content-background-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text {
  color: var(--mb-gray-500);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-title {
  color: var(--bb-headings-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i {
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
  color: var(--bb-headings-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a i:before {
  opacity: .4;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover>i {
  color: var(--bb-headings-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a:hover>i:before {
  opacity: 1;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a {
  color: var(--bb-body-text-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:before {
  color: var(--mb-gray-500);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .entry-img>i {
  color: var(--mb-gray-500);
}

.bb-activity-media-wrap .CodeMirror-gutters {
  background-color: var(--bb-body-background-color);
  border-color: var(--bb-content-border-color);
}

.bb-activity-media-wrap .CodeMirror-linenumber {
  color: var(--mb-gray-500);
  text-align: center;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a.document-action_download i {
  border-radius: var(--bb-option-radius) 0 0 var(--bb-option-radius);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap>a.document-action_more i {
  border-radius: 0 var(--bb-option-radius) var(--bb-option-radius) 0;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity.is_large .document-action-wrap .document-action_collapse i,
.bb-activity-media-wrap .bb-activity-media-elem.document-activity.code-full-view .document-action-wrap .document-action_collapse i {
  border-radius: var(--bb-option-radius) 0 0 var(--bb-option-radius);
}

.activity-list li.blogs .activity-content .activity-inner .bb-post-title {
  color: var(--bb-headings-color);
}

.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap {
  color: var(--bb-headings-color);
}

.activity-list li.blogs .activity-content .activity-inner .activity-discussion-title-wrap a:hover {
  color: var(--bb-primary-color);
}

.activity-list li.blogs .activity-content .activity-inner .bb-content-wrp {
  background-color: var(--bb-content-alternate-background-color);
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap a,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap a {
  color: var(--bb-headings-color);
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap a:hover,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap a:hover {
  color: var(--bb-primary-color);
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap~.activity-attached-gif-container .gif-player,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap~.activity-attached-gif-container .gif-player {
  margin: auto;
}

.activity-list li.bbp_topic_create .activity-content .activity-inner .activity-discussion-title-wrap~.activity-attached-gif-container .gif-player .gif-icon,
.activity-list li.bbp_reply_create .activity-content .activity-inner .activity-discussion-title-wrap~.activity-attached-gif-container .gif-player .gif-icon {
  border-radius: 0 var(--bb-block-radius-inner) 0 var(--bb-block-radius-inner);
}

.bb-media-length-2 .act-grid-1-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.activity-body-photo a.entry-img {
  padding-top: 40.476%;
  border-radius: 4px;
}

.activity-body-photo .act-grid-1-2 a.entry-img {
  padding-top: 52.56%;
}

.bb-media-length-1 .bb-activity-media-elem .entry-img {
  padding-top: 0 !important;
}

.bb-media-length-1 .bb-activity-media-elem .entry-img img {
  position: static;
}

.bb-media-length-2 .bb-activity-media-elem .entry-img {
  padding-top: 80%;
}

.bb-media-length-3 .bb-activity-media-elem .entry-img.act-grid-1-1 {
  padding-top: 52.56%;
}

.bb-media-length-4 .act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.bb-media-length-4 .bb-activity-media-elem.act-grid-1-2 .entry-img {
  padding-top: 72.56%;
}

.bb-media-length-5 .bb-activity-media-elem .entry-img {
  padding-top: 72.56%;
}

.bb-media-length-5 .act-grid-1-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.bb-media-length-5 .act-grid-1-1+.act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.bb-media-length-5 .act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-2 .entry-img {
  padding-top: 55.56%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 64%;
  flex: 0 0 64%;
  max-width: 64%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36%;
  flex: 0 0 36%;
  max-width: 36%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem .entry-img {
  padding-top: 105.6%;
}

.bb-activity-media-wrap.bb-media-length-3 .act-grid-1-1.bb-vertical-layout+div+div {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 64%;
  flex: 0 0 64%;
  max-width: 64%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36%;
  flex: 0 0 36%;
  max-width: 36%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout~.bb-activity-media-elem .entry-img {
  padding-top: 69.1%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout .entry-img {
  padding-top: 119%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout+div {
  position: absolute;
  right: 0;
  top: 33.4%;
  width: 36%;
}

.bb-activity-media-wrap.bb-media-length-4 .act-grid-1-1.bb-vertical-layout+div+div {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36%;
}

.bb-activity-media-wrap.bb-media-length-more .bb-activity-media-elem .entry-img {
  padding-top: 82.56%;
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-1+.act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.bb-activity-media-wrap.bb-media-length-more .act-grid-1-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

#bbpress-forums .bbp-reply-content .bb-activity-media-wrap.bb-media-length-1 .bb-activity-video-elem.has-no-thumbnail,
.acomment-content .bb-activity-video-wrap.bb-video-length-1 .bb-activity-video-elem.has-no-thumbnail {
  -webkit-filter: brightness(.94);
  filter: brightness(.94);
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-text-wrap {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .more_text_view {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap {
  bottom: 21px;
  top: inherit;
}

.acomment-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity {
  background-color: var(--bb-content-background-color);
}

div[class*=attached-gif-container] .gif-player video {
  border-radius: var(--bb-block-radius-inner);
}

div[class*=attached-gif-container] .gif-player .gif-play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

div[class*=attached-gif-container] .gif-player .gif-play-button .bb-icon-play {
  content: "\eef7";
  font-family: bb-icons;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-indent: 3px;
  font-weight: 300;
  font-style: normal;
  color: var(--mb-base-white);
  background-color: rgba(0, 0, 0, .7) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  height: 60px;
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 11;
  border: 0;
  -webkit-transition: all ease .3s !important;
  transition: all ease .3s !important;
  border-radius: 50%;
}

div[class*=attached-gif-container] .gif-player .gif-play-button .bb-icon-play:before {
  font-size: 46px;
  opacity: .8;
}

div[class*=attached-gif-container] .gif-player .gif-icon {
  border-radius: 0 var(--bb-block-radius-inner) 0 0;
}

.activity-attached-gif-container .gif-icon {
  border-radius: 0 var(--bb-block-radius-inner) 0 0;
}

.activity-item-header .item-title img {
  margin-right: 5px;
  margin-left: 5px;
}

ul.bb-choices {
  list-style: none;
  font-size: 1rem;
  color: var(--bb-headings-color);
  margin: 0 0 20px;
}

ul.bb-choices li {
  margin-bottom: .75rem;
}

ul.bb-choices a {
  color: inherit;
}

ul.bb-choices .bb-choice-wrap {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  font-size: 1rem;
  color: var(--bb-headings-color);
  padding: 6px .75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

ul.bb-choices label {
  font-size: 1rem;
}

ul.bb-choices .bar {
  margin-right: 20px;
  position: relative;
}

ul.bb-choices svg {
  position: relative;
}

ul.bb-choices .bg-bag {
  width: 50%;
  background: var(--bb-content-border-color);
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
}

ul.bb-choices strong {
  font-weight: 700;
  min-width: 42px;
  display: inline-block;
}

ul.bb-choices .bb-votes {
  color: var(--mb-gray-500);
}

ul.bb-choices .bs-styled-radio+label:before,
ul.bb-choices .bs-styled-radio+.bb-radio-label:before {
  border-width: 1px;
  width: 18px;
  height: 18px;
  top: -2px;
}

ul.bb-choices .bs-styled-radio:checked+label:before,
ul.bb-choices .bs-styled-radio:checked+.bb-radio-label:before {
  background: var(--bb-success-color);
  border-color: var(--bb-success-color);
}

ul.bb-choices .bs-styled-radio:checked+label:after,
ul.bb-choices .bs-styled-radio:checked+.bb-radio-label:after {
  background: 0 0;
  color: var(--mb-base-white);
  content: '\e876';
  display: inline-block;
  font: normal normal normal 0.875rem/1 "bb-icons";
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: -3px;
  top: -2px;
}

.bb-poll-footer .button {
  min-width: 110px;
  margin-right: 25px;
}

.bb-poll-footer .bb-votes {
  color: var(--mb-gray-500);
}

.map-wrap {
  background: var(--mb-base-white);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
}

.map-wrap .bb-map-img-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 42.56%;
  display: block;
}

.map-wrap .bb-map-img-wrap img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}

.map-wrap .location-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
}

.map-wrap h4 {
  font-size: .875rem;
  font-weight: 700;
  margin: 0 0 3px;
}

.map-wrap .location-meta {
  font-size: .75rem;
  color: var(--mb-gray-500);
}

.map-wrap .bb-checkin-img {
  display: inline-block;
  margin-right: 1rem;
}

.activity-add-smile {
  position: relative;
}

.bb-load-new-activities {
  margin-bottom: 20px;
}

#bs-activity-form-wrap .bs-activity-wrap.bs-activity-wrap .dropzone .dz-default {
  min-height: 200px;
  max-height: 200px;
}

#bs-activity-update-wrap .dropzone.dz-started .dz-message {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  min-height: 1px;
  max-width: 200px;
  height: 200px;
  font-size: .875rem;
  margin: 0 5px 10px;
}

#buddypress div#subnav.bb-item-list-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

#buddypress div#subnav.bb-item-list-tabs ul#activity-sub-nav {
  margin: 0;
}

#buddypress div#subnav.bb-item-list-tabs ul#activity-sub-nav>li {
  padding-bottom: 0;
}

#buddypress div#subnav.bb-item-list-tabs ul#activity-sub-nav .sub-menu {
  top: 36px;
}

#buddypress div#subnav.bb-item-list-tabs ul#activity-sub-nav .sub-menu li {
  float: none;
}

#buddypress div#subnav.bb-item-list-tabs ul#activity-sub-nav .sub-menu li a {
  padding: 9px 1rem;
}

#buddypress div#subnav.bb-item-list-tabs ul#activity-sub-nav .sub-menu li.selected a {
  background: #f5f5f5;
  color: var(--bb-headings-color);
  border-bottom: 0;
}

#buddypress div#subnav.bb-item-list-tabs a.more-button {
  font-size: 1rem;
}

#buddypress div#subnav.bb-item-list-tabs a.more-button:after {
  bottom: -25px;
}

#buddypress div#subnav.bb-item-list-tabs .bs-dropdown-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .75rem;
}

#buddypress div#subnav.bb-item-list-tabs .bs-sort-button {
  padding: 5px 0 5px 10px;
}

ul#activity-sub-nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dz-details,
.bb-mini-group-profile-card-area:empty {
  display: none;
}

.activity.bp-user #bs-activity-update-wrap .dropzone.dz-started .dz-message {
  max-width: 99px;
  height: 100px;
  min-height: 100px;
  font-size: .625rem;
}

.activity.bp-user .activity-type .dropzone .dz-preview {
  min-width: 99px;
}

.activity.bp-user .dropzone .dz-default span:before {
  height: 25px;
  width: 30px;
  margin: 0 auto 10px;
}

.activity-comments-items {
  margin: 0;
  list-style: none;
  background: var(--bb-content-alternate-background-color);
  padding: 1rem;
}

.activity-comments-items li:not(:last-child) {
  margin-bottom: 20px;
}

.activity-comments-items .item-title {
  font-size: .75rem;
  position: relative;
}

.activity-comments-items .item-title a {
  font-weight: 600;
}

.activity-comments-items .bs-activity-comments:not(.show) {
  display: none;
}

.activity-comments-items .bs-item-list.list-view .bs-item-wrap {
  margin-bottom: 1rem;
  padding: 0;
}

.activity-comments-items .bs-item-list.list-view .bs-item-wrap:last-child {
  margin-bottom: 0;
}

.activity-comments-items h6.list-comments-heading {
  padding: 0;
  margin-bottom: 1rem;
  font-size: .75rem;
  color: #939597;
}

.activity-comments-items h6.list-comments-heading a {
  color: inherit;
}

.activity-comments-items .activity-comments-items .bs-item-wrap a.expand-comment .bb-icon-angle-down:before {
  font-size: 20px;
}

.activity-comments-items .bs-item-list.activity-comments-items.list-view .bs-item-wrap .item-expand .bs-dropdown {
  min-width: 100px;
  right: 24px;
  top: -5px;
  padding: 2px 0;
}

.activity-comments-items .bs-item-list.activity-comments-items.list-view .bs-item-wrap .item-expand .bs-dropdown:after {
  top: 8px;
  right: -.75rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.activity-comments-items .bs-item-list.activity-comments-items.list-view .bs-item-wrap:hover {
  box-shadow: none;
}

.activity-comments-items .activity-comments-items .activity-comment-text {
  display: inline-block;
  font-size: .75rem;
  
  color: inherit;
}

.activity-comments-items .activity-comment-text p {
  margin: 0;
}

.activity-comments-items .list-comments-wrap>.bs-item-list.activity-comments-items.list-view {
  border-bottom: 0;
}

.activity-comments-items .add-comment-wrap .add-comment {
  background: #fff;
}

.activity-comments-items .item-meta {
  font-size: .75rem;
  color: var(--mb-gray-500);
  
  margin: 5px 0 0;
}

.activity-comments-items .item-meta a {
  color: inherit;
}

.activity-comments-items .item-meta a:hover {
  color: var(--bb-headings-color);
}

.bb_discard_topic_reply_draft,
#discard-draft-activity {
  color: var(--bb-body-text-color);
}

.bb-media-comment-text {
  border: 0;
  height: 36px;
  resize: none;
  width: 100%;
  font-size: .875rem;
  padding: 5px .75rem;
  overflow: hidden;
}

.bb-media-comment-wrap {
  position: relative;
}

.bb-media-comment-wrap .item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  right: 6px;
  bottom: 2px;
  font-size: 20px;
}

.bb-media-comment-wrap .item-meta a {
  color: var(--mb-gray-500);
}

.activity-item-header .item-title .bs-dropdown a {
  display: block;
}

.bs-item-list-tabs .more-button.active:after {
  bottom: -18px;
}

body.activity.bp-user:not(.settings):not(.edit-details) .dropzone .dz-default span:before {
  height: 26px;
  width: 31px;
}

body.activity.bp-user .dropzone .dz-preview .dz-error-mark {
  top: 28%;
}

li.load-more a.button {
  min-width: 180px;
}

li.load-more a.loading:after {
  content: "\ef30";
  font-family: bb-icons;
  font-size: 18px;
  margin-left: 10px;
  text-align: center;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  font-weight: 400;
}

.buddypress-wrap .activity-list .load-more,
.buddypress-wrap .activity-list .load-newest {
  background: 0 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

.webui-popover.webui-popover {
  z-index: 999912;
}

#buddypress .activity-lists.item-list.bp-list>li.load-newest,
#buddypress .activity-list.item-list.bp-list>li.load-newest {
  padding-bottom: 0;
  border-bottom: 1px solid var(--bb-content-border-color);
}

.search-query-input,
.emojionearea-search>input {
  border-radius: 4px;
}

.blogs.activity-item .activity-inner img:not(.emoji) {
  border-radius: 3px;
  margin-top: 10px;
  max-width: 640px;
  display: block;
}

#whats-new-post-in-box-items .bp-activity-object .bp-item-name {
  margin-right: 20px;
}

.media-privacy>li,
.activity-privacy>li {
  font-size: .75rem;
}

.media-privacy>li:before,
.activity-privacy>li:before {
  color: var(--mb-gray-400);
}

.media-privacy .selected,
.activity-privacy .selected {
  color: var(--bb-primary-color);
  font-weight: 700;
}

p.activity-date {
  display: inline-block;
}

.bb-media-privacy-wrap:before {
  content: '\00b7';
  display: inline-block;
  margin: 0 4px;
}

.bb-media-privacy-wrap .activity-privacy {
  left: -5px;
}

.privacy {
  vertical-align: bottom;
}

.buddypress .buddypress-wrap form#whats-new-form button.bp-remove-item {
  margin-left: auto;
}

#bp-activity-group-ac-items .dashicons-update:before {
  content: '\ef30';
  font-family: bb-icons;
  font-size: 20px;
  display: block;
}

#bb-media-model-container .bb-edit-privacy:before {
  content: '\ee5a';
  font-family: bb-icons;
}

#bb-media-model-container .bb-edit-privacy a {
  color: inherit;
}

#bb-media-model-container .bb-edit-privacy a:hover {
  color: inherit;
}

.bb-media-only-privacy .privacy {
  background: rgba(0, 0, 0, .6);
  color: rgba(255, 255, 255, .9);
}

.bb-media-model-container .bb-media-privacy-wrap [data-bp-tooltip][data-bp-tooltip-pos=up]:before {
  margin-bottom: 0;
}

.bb-media-model-container .bb-media-privacy-wrap [data-bp-tooltip][data-bp-tooltip-pos=up]:after {
  margin-bottom: 4px;
}

.activity-anonymous-options {
  position: relative;
  font-size: .875rem;
  margin: -1rem 0 1rem;
  padding: 8px .875rem;
  background-color: var(--bb-content-background-color);
  border: 1px solid #ebe9e6;
  border-radius: 4px;
}

.activity-anonymous-options .anonymous-post-as-text {
  margin-right: 5px;
}

.activity-anonymous-options label {
  margin-right: 5px;
  font-size: .875rem;
}

.activity-anonymous-options label input {
  margin-right: 5px;
}

.dropzone.media-dropzone .dz-preview.dz-error .dz-image,
.dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details,
.dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details {
  border-color: var(--bb-danger-color);
}

.dropzone .dz-preview .dz-error-message:after {
  border-bottom-color: var(--bb-danger-color);
}

.bb-template-v1 .dropzone .dz-preview.dz-error {
  background-color: var(--bb-content-alternate-background-color);
}

.dropzone .dz-preview.dz-error .dz-error-title {
  color: var(--bb-danger-color);
}

.dropzone .dz-preview .dz-error-message {
  background: var(--bb-danger-color);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--bb-danger-color)), to(var(--bb-danger-color)));
  background: -webkit-linear-gradient(top, var(--bb-danger-color), var(--bb-danger-color));
  background: linear-gradient(to bottom, var(--bb-danger-color), var(--bb-danger-color));
}

#buddypress .load-more a.button.outline {
  background-color: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  border: 1px solid var(--bb-content-border-color);
}

#buddypress .load-more a.button.outline:focus {
  box-shadow: var(--bb-outline-button-focus-shadow);
}

#buddypress .load-more a.button.outline:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options,
#buddypress .bb_more_options .bb_more_options_list,
.bb_more_options .bb_more_options_list {
  background-color: var(--mb-base-white);
  min-width: max-content;
  width: auto;
  border-radius: 0.5rem;
  padding: 1rem;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options:after,
#buddypress .bb_more_options .bb_more_options_list:after,
.bb_more_options .bb_more_options_list:after {
  border-color: var(--bb-content-background-color) var(--bb-content-background-color) transparent transparent;
}

.bb_more_options .bb_more_options_list a,
.bb_more_options .bb_more_options_list button,
.bb_more_options .bb_more_options_list .generic-button>button,
#buddypress .bb_more_options .bb_more_options_list a,
#buddypress .bb_more_options .bb_more_options_list button,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button {
  color: var(--bb-body-text-color);
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  font-weight: inherit;
  font-size: .875rem;
  line-height: normal;
  border-radius: 0.5rem;
}

.bb_more_options .bb_more_options_list a:before,
.bb_more_options .bb_more_options_list button:before,
.bb_more_options .bb_more_options_list .generic-button>button:before,
#buddypress .bb_more_options .bb_more_options_list a:before,
#buddypress .bb_more_options .bb_more_options_list button:before,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button:before {
  color: var(--mb-gray-500);
}

.bb_more_options .bb_more_options_list a:hover,
.bb_more_options .bb_more_options_list button:hover,
.bb_more_options .bb_more_options_list .generic-button>button:hover,
#buddypress .bb_more_options .bb_more_options_list a:hover,
#buddypress .bb_more_options .bb_more_options_list button:hover,
#buddypress .bb_more_options .bb_more_options_list .generic-button>button:hover {
  color: var(--bb-primary-color) !important;
  background-color: var(--bb-content-alternate-background-color) !important;
  border: 0;
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a {
  color: var(--bb-body-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:before,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:before {
  color: var(--mb-gray-500);
}

.activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover,
#buddypress .activity-list .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a:hover {
  color: var(--bb-primary-color);
  background-color: var(--bb-content-alternate-background-color);
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list {
  background-color: var(--bb-content-background-color);
  border-radius: var(--bb-block-radius);
  width: auto;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list:after {
  border-color: var(--bb-content-background-color) var(--bb-content-background-color) transparent transparent;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a {
  white-space: nowrap;
}

.bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul li a:hover {
  color: var(--bb-primary-color);
  background-color: var(--bb-content-alternate-background-color) !important;
}

.ac-reply-toolbar a .bb-icon {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

.ac-reply-toolbar a:hover .bb-icon {
  color: var(--bb-headings-color);
}

@media only screen and (min-width:1081px) {
  #secondary.sidebar-left {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  ;
}

@media only screen and (min-width:768px) and (max-width:1080px) {
  #user-activity {
    display: none;
  }

  .directory.activity.activity-sidebar-left #primary {
    grid-row-start: 1;
    grid-row-end: 4;
  }

  .directory.activity.activity-sidebar-left:not(.profile-sidebar):not(.group-sidebar):not(.llms-pointer) #primary,
  .directory.activity.activity-sidebar-left:not(.profile-sidebar):not(.group-sidebar):not(.llms-pointer) #page #primary {
    width: auto;
  }

  .directory.activity.activity-sidebar-left .site-content-grid {
    display: grid;
    grid-template-columns: auto 300px;
  }

  .directory.activity.activity-sidebar-left #secondary-right {
    padding-top: 0;
    margin-top: -20px;
  }

  ;
}

@media only screen and (max-width:640px) {
  .bb-input-poll .bb-icon-close-circle {
    visibility: visible;
    opacity: 1;
  }

  .activity-comments-items:not(.depth1) {
    padding-left: 8px;
    padding-right: 8px;
  }

  .activity-comments-items.depth3 {
    padding-left: 8px;
  }

  .activity-comments-items.depth4 {
    padding-left: 8px;
  }

  .post-link-container {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .link-img-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    min-height: 180px;
  }

  .link-info {
    padding: 20px;
  }

  .activity-type .dropzone .dz-preview {
    min-width: 104px;
  }

  #bs-activity-update-wrap .dropzone.dz-started .dz-message {
    max-width: 106px;
    height: 106px;
    font-size: .625rem;
    
  }

  body:not(.settings):not(.edit-details) .dropzone .dz-default span:before {
    height: 31px;
    width: 36px;
  }

  body:not(.settings):not(.edit-details) .dropzone .dz-default {
    min-height: 18vh;
    font-size: .875rem;
  }

  .dropzone .dz-preview .dz-error-mark {
    top: 28%;
  }

  #bs-activity-form-wrap .bs-activity-wrap.bs-activity-wrap .dropzone .dz-default {
    min-height: 80px;
    max-height: 104px;
  }

  ;
}

@media screen and (max-width:720px) {
  .blogs.activity-item .activity-inner img:not(.emoji) {
    max-width: 100%;
  }

  ;
}

@media screen and (max-width:520px) {
  .ac-reply-toolbar .post-emoji:first-child .emojionearea-picker {
    margin-left: -52px;
  }

  .ac-reply-toolbar .post-emoji:first-child .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 75px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(2) .emojionearea-picker {
    margin-left: -84px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(2) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 105px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(3) .emojionearea-picker {
    margin-left: -120px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(3) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 143px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(4) .emojionearea-picker {
    margin-left: -154px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(4) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 177px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(5) .emojionearea-picker {
    margin-left: -188px;
  }

  .ac-reply-toolbar .post-emoji:nth-child(5) .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    left: 211px;
  }

  .ac-reply-toolbar .post-gif:first-child .gif-media-search-dropdown {
    left: -58px;
  }

  .ac-reply-toolbar .post-gif:first-child .gif-media-search-dropdown.open:before {
    left: 77px;
  }

  .ac-reply-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown {
    left: -92px;
  }

  .ac-reply-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown.open:before {
    left: 111px;
  }

  .ac-reply-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown {
    left: -125px;
  }

  .ac-reply-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown.open:before {
    left: 145px;
  }

  .ac-reply-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown {
    left: -158px;
  }

  .ac-reply-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown.open:before {
    left: 178px;
  }

  ;
}

@media only screen and (max-width:544px) {
  #activity-form-submit-wrapper select {
    margin-right: 0;
  }

  #activity-post-form-privacy {
    width: 100%;
  }

  #activity-post-form-privacy:first-child {
    margin-top: 1rem;
    margin-bottom: 5px;
  }

  #activity-post-form-privacy select {
    width: 100%;
  }

  #whats-new-form #whats-new-post-in-box input[type=text] {
    width: 100%;
  }

  .bb-media-privacy-wrap .activity-privacy {
    left: auto;
    right: auto;
  }

  .bb-media-privacy-wrap .activity-privacy:before {
    left: 1rem;
    right: auto;
  }

  ;
}

@media only screen and (max-width:520px) {
  .actvity-head-bar {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .actvity-head-bar .subnav-filters {
    margin: 10px 0 0;
    width: 100%;
  }

  ;
}

#activity-stream .bp-generic-meta .generic-button .bb-icon-discussion:before {
  font-size: .875rem;
}

body.activity .activity-list .activity-item .activity-content .bb-empty-content {
  margin-bottom: 0;
}

body.activity .activity-list .activity-item .activity-content.document-activity .bb-empty-content,
body.activity .activity-list .activity-item .activity-content.media-activity-wrap .bb-empty-content,
body.activity .activity-list .activity-item .activity-content.video-activity-wrap .bb-empty-content {
  margin-bottom: .75rem;
}

.bb-document-privacy-wrap .privacy:after,
.bb-media-privacy-wrap .privacy:after {
  content: '\ee09';
  font-weight: 300;
  opacity: .3;
  font-size: 18px;
}

.activity #buddypress .groups .bp-generic-meta .generic-button .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity-close-link-suggestion {
  color: rgba(var(--bb-headings-color-rgb), .4);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

#activity-close-link-suggestion:hover {
  color: var(--bb-headings-color);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.activity-link-preview-container {
  border-radius: var(--bb-block-radius);
  border-color: var(--bb-content-border-color);
  background-color: var(--bb-content-alternate-background-color);
}

.activity-link-preview-container .activity-link-preview-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--bb-content-alternate-background-color);
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 10px 1rem 1rem;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
}

.activity-link-preview-container .activity-link-preview-info .activity-link-preview-link-name {
  font-size: .75rem;
  font-weight: 700;
  color: var(--mb-gray-500);
  text-transform: uppercase;
  
}

.activity-link-preview-container .activity-link-preview-info .activity-link-preview-title {
  color: var(--bb-headings-color);
}

.activity-link-preview-container .activity-link-preview-info .activity-link-preview-title a {
  color: var(--bb-headings-color);
}

.activity-link-preview-container .activity-link-preview-info p {
  margin-bottom: 2px !important;
}

.activity-link-preview-container .activity-url-error {
  padding: 10px 1rem;
}

.activity-link-preview-container .activity-link-preview-image {
  position: relative;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
  min-height: 120px;
  max-height: 340px;
}

.activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover a {
  width: 100%;
}

.activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, .05);
  border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
  pointer-events: none;
}

.activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover img {
  object-fit: cover;
  object-position: center;
  min-width: 100%;
  min-height: 340px;
  max-width: initial;
}

.activity-link-preview-container .activity-link-preview-icons a,
.activity-link-preview-container #activity-link-preview-close-image {
  background-color: var(--bb-content-alternate-background-color);
}

.activity-link-preview-container .activity-link-preview-info:before,
.activity-link-preview-container .activity-link-preview-image:before {
  content: "";
  -webkit-transition: all linear .3s;
  transition: all linear .3s;
}

.activity-link-preview-container:hover .activity-link-preview-info,
.activity-link-preview-container:hover .activity-link-preview-image {
  position: relative;
}

.activity-link-preview-container:hover .activity-link-preview-info:before,
.activity-link-preview-container:hover .activity-link-preview-image:before {
  content: "";
  background-color: rgba(0, 0, 0, .05);
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  pointer-events: none;
}

.activity-link-preview-container:hover .activity-link-preview-image+.activity-link-preview-info::before {
  border-radius: 0 0 var(--bb-block-radius-inner) var(--bb-block-radius-inner);
}

.activity-link-preview-container:hover .activity-link-preview-info::before {
  border-radius: var(--bb-block-radius-inner);
}

.activity-link-preview-container:hover .activity-link-preview-image::before {
  border-radius: var(--bb-block-radius-inner) var(--bb-block-radius-inner) 0 0;
}

.activity-link-preview-excerpt p {
  color: var(--bb-body-text-color);
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a {
  background-color: var(--bb-content-alternate-background-color);
  z-index: 2;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a i {
  color: var(--bb-headings-color);
  opacity: .4;
}

.activity-url-scrapper-container #activity-url-scrapper-img-holder .activity-link-preview-image .activity-link-preview-icons a:hover i {
  opacity: 1;
}

.activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover,
.activity-form #whats-new-attachments .activity-link-preview-image-cover {
  min-height: 340px;
}

.activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover img,
.activity-form #whats-new-attachments .activity-link-preview-image-cover img {
  min-height: 340px;
}

@media screen and (max-width:900px) {

  .activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover,
  .activity-form #whats-new-attachments .activity-link-preview-image-cover {
    min-height: 30vh;
  }

  .activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover img,
  .activity-form #whats-new-attachments .activity-link-preview-image-cover img {
    min-height: 30vh;
  }

  ;
}

@media screen and (max-width:680px) {

  .activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover,
  .activity-form #whats-new-attachments .activity-link-preview-image-cover {
    min-height: 150px;
  }

  .activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover img,
  .activity-form #whats-new-attachments .activity-link-preview-image-cover img {
    min-height: 150px;
  }

  ;
}

.activity-video-preview .activity-link-preview-container .activity-link-preview-info {
  padding: 0;
}

.activity-video-preview .activity-link-preview-excerpt p iframe {
  border-radius: var(--bb-block-radius) !important;
}

.activity-video-preview .activity-link-preview-container:hover .activity-link-preview-info:before {
  display: none;
}

.activity-video-preview .activity-link-preview-container iframe.twitter-timeline {
  border: 1px solid var(--bb-content-border-color) !important;
  border-radius: 18px;
}

.avatar {
  border-radius: 50%;
  image-rendering: -webkit-optimize-contrast;
}

.subnav-search.members-search {
  float: right;
  margin-top: -56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.buddypress-wrap .subnav-search.members-search .subnav-filters {
  margin-top: 0;
  margin-left: 10px;
}

#buddypress #dir-members-search {
  border: 0;
  background-color: transparent;
  padding-left: 32px;
  font-size: .875rem;
  height: 34px;
}

.member-status {
  background: var(--bb-success-color);
  border: 2px solid var(--bb-content-background-color);
  border-radius: 100%;
  position: absolute;
  width: .75rem;
  height: .75rem;
  right: 2px;
  top: 0;
}

.member-status.offline {
  opacity: 0;
  visibility: hidden;
}

.grid .member-status {
  right: 18px;
  top: 5px;
  width: .875rem;
  height: .875rem;
}

.single-headers .member-status {
  right: 25px;
  top: .875rem;
  width: 1rem;
  height: 1rem;
}

#members-list.grid,
#friend-list.grid,
#groups-list.grid {
  margin: 0 -10px;
}

#friend-list.item-list .item-avatar img,
#members-list.item-list .item-avatar img {
  border-radius: 50%;
}

#friend-list.item-list li,
#members-list.item-list li,
.item-list.bp-search-results-list li,
.item-list.groups-list li {
  margin: 0;
  padding: 0;
}

#friend-list.item-list:not(.grid) .list-wrap,
#members-list.item-list:not(.grid) .list-wrap,
.item-list.bp-search-results-list:not(.grid) .list-wrap,
.item-list.groups-list:not(.grid) .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#friend-list.item-list:not(.grid) li:first-child .list-wrap,
#members-list.item-list:not(.grid) li:first-child .list-wrap,
.item-list.bp-search-results-list:not(.grid) li:first-child .list-wrap,
.item-list.groups-list:not(.grid) li:first-child .list-wrap {
  border-top-left-radius: var(--bb-block-radius);
  border-top-right-radius: var(--bb-block-radius);
}

#friend-list.item-list:not(.grid) li:last-child .list-wrap,
#members-list.item-list:not(.grid) li:last-child .list-wrap,
.item-list.bp-search-results-list:not(.grid) li:last-child .list-wrap,
.item-list.groups-list:not(.grid) li:last-child .list-wrap {
  border-bottom-left-radius: var(--bb-block-radius);
  border-bottom-right-radius: var(--bb-block-radius);
}

#friend-list.item-list:not(.grid) li:last-child:first-child .list-wrap,
#members-list.item-list:not(.grid) li:last-child:first-child .list-wrap,
.item-list.bp-search-results-list:not(.grid) li:last-child:first-child .list-wrap,
.item-list.groups-list:not(.grid) li:last-child:first-child .list-wrap {
  border-radius: var(--bb-block-radius);
}

#friend-list.item-list .list-wrap,
#members-list.item-list .list-wrap,
.item-list.bp-search-results-list .list-wrap,
.item-list.groups-list .list-wrap {
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  margin: 0 0 -1px;
  overflow: visible;
  padding: 1rem 20px;
  position: relative;
  -webkit-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}

#friend-list.item-list .list-wrap:hover,
#members-list.item-list .list-wrap:hover,
.item-list.bp-search-results-list .list-wrap:hover,
.item-list.groups-list .list-wrap:hover {
  box-shadow: 0 3px 24px 0 rgba(18, 43, 70, .08);
  position: relative;
  z-index: 1;
}

#friend-list.item-list.grid .list-wrap,
#members-list.item-list.grid .list-wrap,
.item-list.bp-search-results-list.grid .list-wrap,
.item-list.groups-list.grid .list-wrap {
  border-radius: var(--bb-block-radius);
}

#friend-list.item-list.grid .list-wrap.footer-buttons-on,
#members-list.item-list.grid .list-wrap.footer-buttons-on,
.item-list.bp-search-results-list.grid .list-wrap.footer-buttons-on,
.item-list.groups-list.grid .list-wrap.footer-buttons-on {
  padding: 1rem 20px 52px;
}

#friend-list.item-list.grid .list-wrap.footer-buttons-on.no-secondary-buttons.no-primary-button,
#members-list.item-list.grid .list-wrap.footer-buttons-on.no-secondary-buttons.no-primary-button,
.item-list.bp-search-results-list.grid .list-wrap.footer-buttons-on.no-secondary-buttons.no-primary-button,
.item-list.groups-list.grid .list-wrap.footer-buttons-on.no-secondary-buttons.no-primary-button {
  padding-bottom: 20px;
}

#friend-list.item-list .item-avatar img,
#members-list.item-list .item-avatar img,
.item-list.bp-search-results-list .item-avatar img,
.item-list.groups-list .item-avatar img {
  max-width: 60px;
}

.members-group-list li.item-entry-header+li.item-entry .list-wrap {
  border-top-left-radius: var(--bb-block-radius);
  border-top-right-radius: var(--bb-block-radius);
}

.members-group-list li.last-of-type .list-wrap {
  border-bottom-left-radius: var(--bb-block-radius);
  border-bottom-right-radius: var(--bb-block-radius);
}

body.search-results .item-list.bp-search-results-list:not(.grid) li:first-child .list-wrap {
  border-radius: 0;
}

body.search-results .item-list.bp-search-results-list:not(.grid) li:last-child .list-wrap {
  border-radius: 0;
}

#members-list.item-list.grid .list-wrap.primary-button.secondary-buttons {
  padding-bottom: 11rem;
}

#members-list.item-list.grid .list-wrap.primary-button.no-secondary-buttons {
  padding-bottom: 75px;
}

#members-list.item-list.grid .list-wrap.primary-button.no-secondary-buttons .primary-action {
  bottom: 10px;
}

#members-list.item-list.grid .list-wrap.primary-button .primary-action {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 50px;
}

body:not(.logged-in) #members-list.item-list.grid .list-wrap.primary-button.secondary-buttons {
  padding-bottom: 0;
}

body:not(.logged-in) #members-list.item-list.grid .list-wrap.primary-button.no-secondary-buttons {
  padding-bottom: 0;
}

#members-list.item-list.grid .list-wrap.no-primary-buttons.no-secondary-buttons {
  padding-bottom: 22px;
}

#members-list.item-list:not(.grid) .list-wrap {
  display: block;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-status.online {
  right: 2px;
  top: 2px;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner>.primary-action {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item .item-block {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  width: -webkit-calc(100% - 125px);
  width: calc(100% - 125px);
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item .last-activity {
  margin-bottom: 0;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .primary-action .generic-button {
  margin: 0;
}

#members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .primary-action .generic-button>* {
  min-width: 200px;
  margin-bottom: 0;
}

#members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}

#members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
  margin: 0 0 0 10px;
}

@media screen and (min-width:800px) and (max-width:1440px) {
  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    margin-top: 1rem;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item .item-block {
    width: 100%;
    margin-bottom: 10px;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
    padding: 6px 1rem 7px 0;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner>.primary-action {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    margin-top: 1rem;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .item .item-block {
    width: 100%;
    margin-bottom: 10px;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
    padding: 6px 1rem 7px 0;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner>.primary-action {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1340px) {
  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    margin-bottom: 1rem;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .member-buttons-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 60px;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    margin: 0 1rem 0 20px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item .item-block {
    margin-bottom: 10px;
    width: 100%;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1320px) {
  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    margin-top: 1rem;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item .item-block {
    width: 100%;
    margin-bottom: 10px;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
    padding: 6px 1rem 7px 0;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner>.primary-action {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    margin-top: 1rem;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .item .item-block {
    width: 100%;
    margin-bottom: 10px;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
    padding: 6px 1rem 7px 0;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-button .list-wrap-inner>.primary-action {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1200px) {
  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 -webkit-calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
    margin-bottom: 10px;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item .item-block {
    margin-bottom: 10px;
    width: 100%;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .member-buttons-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    margin-left: 70px;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1120px) {
  body.buddypanel-open #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 -webkit-calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
    margin-bottom: 10px;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1180px) {
  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    margin-bottom: 1rem;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .member-buttons-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 60px;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    margin: 0 1rem 0 20px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  body:not(.buddypanel-open) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item .item-block {
    margin-bottom: 10px;
    width: 100%;
  }

  ;
}

@media screen and (min-width:1120px) and (max-width:1440px) {
  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
    margin-top: 0;
  }

  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .item .item-block {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
  }

  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .member-buttons-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 0;
  }

  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    margin-left: 0;
  }

  ;
}

@media screen and (min-width:1060px) and (max-width:1440px) {
  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item .item-block {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
  }

  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .member-buttons-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  body:not(.has-sidebar) #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    margin-left: 0;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1060px) {
  #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-left: 0;
  }

  #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .member-buttons-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 80px;
  }

  #members-list.item-list:not(.grid) .list-wrap.primary-button .list-wrap-inner .member-buttons-wrap>.primary-action {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  ;
}

@media screen and (max-width:799px) {
  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 20px;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item .item-block {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 100%;
    margin-bottom: 10px;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    margin-left: 70px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .member-buttons-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  ;
}

@media screen and (max-width:600px) {
  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 -webkit-calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 -webkit-calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 -webkit-calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
  }

  #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    margin-left: 0;
  }

  ;
}

@media screen and (max-width:480px) {
  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item {
    margin-top: 0;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
    margin-left: 78px;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap .member-button-wrap>.generic-button {
    padding-left: 0;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-type {
    margin: 5px 0 10px;
    display: block;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap .member-button-wrap .generic-button {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
    margin-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #members-list.item-list:not(.grid) .list-wrap.no-primary-buttons .list-wrap-inner .item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }

  ;
}

@media screen and (max-width:370px) {
  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .member-buttons-wrap {
    margin-left: 0;
  }

  ;
}

#members-list.item-list:not(.grid) .list-wrap .button-wrap.member-button-wrap.footer-button-wrap .generic-button {
  border: 0;
}

#members-list.item-list li .bp-members-list-hook .more-action-button {
  display: none;
}

#members-list.item-list li .bp-members-list-hook .generic-button {
  margin: 10px 0 0;
  display: block;
}

#members-list.item-list li .bp-members-list-hook .generic-button a {
  font-size: .75rem;
  display: block;
  padding: 10px 20px;
  border: 1px solid #e7e9ec;
  border-radius: 5px;
  background-color: transparent;
  color: #939597;
  min-height: 0;
  text-align: center;
  
}

#members-list.item-list li .bp-members-list-hook .generic-button a:hover {
  color: #4c464e;
}

#members-list.item-list:not(.grid) .has_hook_content.list-wrap {
  padding-right: 35px;
}

@media screen and (max-width:1240px) {
  #members-list.item-list:not(.grid) .has_hook_content.list-wrap {
    padding-bottom: 25px;
  }

  ;
}

@media screen and (max-width:880px) and (min-width:768px) {
  #members-list.item-list:not(.grid) li .has_hook_content .button-wrap.member-button-wrap {
    padding-right: 6px;
  }

  ;
}

@media screen and (max-width:480px) {
  #members-list.item-list:not(.grid) li .has_hook_content .button-wrap.member-button-wrap {
    padding-right: 6px;
  }

  ;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button {
  position: absolute;
  right: 0;
  top: 27px;
  padding-right: 10px;
  z-index: 11;
  display: block;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button i.bb-icon-menu-dots-h {
  font-size: 20px;
  color: #939597;
}

@media screen and (max-width:1240px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button {
    right: -4px;
  }

  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button i.bb-icon-menu-dots-h {
    font-size: 24px;
  }

  ;
}

@media screen and (max-width:1100px) and (min-width:768px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button {
    top: inherit;
    bottom: 26px;
  }

  ;
}

@media screen and (max-width:880px) and (min-width:768px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button {
    top: 50%;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -2px;
  }

  ;
}

@media screen and (max-width:680px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button {
    top: inherit;
    bottom: 27px;
  }

  ;
}

@media screen and (max-width:480px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .more-action-button {
    right: -1px;
    top: 50%;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -4px;
  }

  ;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease .3s;
  transition: ease .3s;
  background-color: var(--mb-base-white);
  margin-top: 0;
  text-align: center;
  padding: 1rem;
  border-radius: 4px;
  position: absolute;
  right: 0;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  top: 70px;
  z-index: 111;
}

@media screen and (max-width:1100px) and (min-width:768px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner {
    top: 100%;
    margin-top: -20px;
  }

  ;
}

@media screen and (max-width:880px) and (min-width:768px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner {
    top: 50%;
    margin-top: 20px;
  }

  ;
}

@media screen and (max-width:680px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner {
    top: 100%;
    margin-top: -20px;
  }

  ;
}

@media screen and (max-width:480px) {
  #members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner {
    top: 50%;
    margin-top: 20px;
  }

  ;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  margin: 0 auto;
  top: 0;
  right: 1rem;
  box-sizing: border-box;
  border: 8px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  z-index: 101;
  opacity: 1;
  visibility: visible;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner .generic-button {
  margin: 0 0 1rem;
  display: block;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner .generic-button:last-child {
  margin: 0;
}

#members-list.item-list:not(.grid) li .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner .generic-button a {
  font-size: .875rem;
  min-height: 34px;
  padding: 6px 20px;
  border: 1px solid #e7e9ec;
  color: #939597;
  border-radius: 100px;
  text-align: center;
  min-width: 140px;
  
}

#members-list.item-list:not(.grid) li.active {
  z-index: 111;
}

#members-list.item-list:not(.grid) li.active .has_hook_content .bp-members-list-hook .bp-members-list-hook-inner {
  opacity: 1;
  visibility: visible;
}

#members-list.item-list.grid.bp-list .item-avatar {
  margin-top: 30px;
}

#members-list.item-list.grid .member-type {
  margin-bottom: 20px;
  margin-top: -30px;
  position: relative;
}

#members-list.item-list:not(.grid) .member-name {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}

#members-list.item-list:not(.grid) .member-type {
  display: inline-block;
  margin: 0 0 5px 10px;
  vertical-align: middle;
}

#members-list.item-list:not(.grid) .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: static;
  background-color: transparent;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: auto;
  border: 0;
  margin: 0 1rem 0 0;
}

#members-list.item-list:not(.grid) .bb_more_options.member-dropdown {
  top: 50%;
  -webkit-transform: translateY(-54%);
  -ms-transform: translateY(-54%);
  transform: translateY(-54%);
  z-index: 11;
}

#members-list.item-list .member-name a {
  font-size: 18px;
}

.item-list.groups-list .item-avatar img {
  max-width: 75px;
}

.buddypress-wrap #members-list li .user-update {
  border: 0;
  border-radius: 0;
  font-style: normal;
  font-size: .75rem;
  margin: 0;
  padding: 0;
  clear: both;
}

#groups-list.grid,
#members-list.grid,
#friend-list.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 0;
  width: auto;
}

#groups-list.grid>li,
#members-list.grid>li,
#friend-list.grid>li {
  margin: 0 0 0px;
  padding: 0 0px;
}

#groups-list.groups-list {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.list-title a {
  color: var(--bb-headings-color);
  display: inline-block;
  font-size: 20px;
  
}

.list-title a:hover {
  color: var(--bb-primary-color);
}

.buddypress-wrap .groups-list:not(.grid) li .group-desc,
.buddypress-wrap #members-list:not(.grid) li .user-update,
.buddypress-wrap #friend-list:not(.grid) li .user-update {
  display: none;
}

body #buddypress .bp-list .action,
body #bbpress-forums .bp-list .action {
  margin: 0rem 0 0;
}

body #buddypress .bp-list .action .generic-button,
body #bbpress-forums .bp-list .action .generic-button {
  margin: 0 1rem 0 0;
}

body #buddypress .bp-list .action .generic-button:last-child,
body #bbpress-forums .bp-list .action .generic-button:last-child {
  margin-right: 0;
}

body #buddypress .bp-list .action .generic-button button,
body #bbpress-forums .bp-list .action .generic-button button {
  min-width: 100%;
  margin: 0px 0;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  
  font-size: .875rem;
  font-weight: 700;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  border: 1px solid var(--bb-primary-button-border-regular);
  border-radius: 0.625rem;
  
  -webkit-font-smoothing: initial;
  -moz-font-smoothing: initial;
  box-shadow: none;
}

body #buddypress .bp-list .action .generic-button button:focus,
body #bbpress-forums .bp-list .action .generic-button button:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

body #buddypress .bp-list .action .generic-button button:hover,
body #buddypress .bp-list .action .generic-button button:focus,
body #buddypress .bp-list .action .generic-button button:active,
body #bbpress-forums .bp-list .action .generic-button button:hover,
body #bbpress-forums .bp-list .action .generic-button button:focus,
body #bbpress-forums .bp-list .action .generic-button button:active {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

body #buddypress .bp-list .action .generic-button button.join-group,
body #bbpress-forums .bp-list .action .generic-button button.join-group {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
}

body #buddypress .bp-list .action .generic-button button.join-group:focus,
body #bbpress-forums .bp-list .action .generic-button button.join-group:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

body #buddypress .bp-list .action .generic-button button.join-group:hover,
body #buddypress .bp-list .action .generic-button button.join-group:focus,
body #buddypress .bp-list .action .generic-button button.join-group:active,
body #bbpress-forums .bp-list .action .generic-button button.join-group:hover,
body #bbpress-forums .bp-list .action .generic-button button.join-group:focus,
body #bbpress-forums .bp-list .action .generic-button button.join-group:active {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

body #buddypress .bp-list.members-list .action .generic-button button,
body #buddypress .bp-list.members-list .action .generic-button a,
body #bbpress-forums .bp-list.members-list .action .generic-button button,
body #bbpress-forums .bp-list.members-list .action .generic-button a {
  padding: 0;
  
  min-height: auto;
  border: 0;
  color: var(--bb-headings-color);
  margin-bottom: 0;
  box-shadow: none;
}

body #buddypress .bp-list.members-list .action .generic-button button:hover,
body #buddypress .bp-list.members-list .action .generic-button a:hover,
body #bbpress-forums .bp-list.members-list .action .generic-button button:hover,
body #bbpress-forums .bp-list.members-list .action .generic-button a:hover {
  color: var(--bb-primary-color);
}

.buddypress-wrap .bp-list li .list-title {
  margin-bottom: 5px;
}

.buddypress-wrap .bp-list li .last-activity,
.buddypress-wrap .bp-list li .member-type {
  clear: left;
  margin-top: 0;
  font-size: .75rem;
  font-weight: 300;
  color: var(--mb-gray-500);
  margin: 0;
}

.buddypress-wrap .grid>li .last-activity {
  font-weight: 700;
}

.buddypress-wrap .grid>li .member-type {
  font-weight: 700;
  font-size: .75rem;
}

.bp-list li .item .group-details,
.bp-list li .item .item-avatar,
.bp-list li .item .item-meta,
.bp-list li .item .list-title {
  text-align: left;
}

.buddypress-wrap .members-list li .list-wrap .last-activity {
  color: var(--mb-gray-500);
}

.bp-list li .item-avatar {
  float: left;
  margin-right: 20px;
}

.bp-list li .item-avatar a {
  display: inline-block;
  position: relative;
}

.bp-list li .item .item-block {
  margin-right: 0;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

body.logged-in .bp-list li .item .item-block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
}

.bp-list li .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.buddypress-wrap #members-list li .user-update,
.buddypress-wrap #friend-list li .user-update {
  font-size: .875rem;
}

#members-list.bp-list.grid li,
#friend-list.bp-list.grid li {
  margin-bottom: 20px;
}

#members-list.bp-list.grid .item-avatar,
#friend-list.bp-list.grid .item-avatar {
  margin-bottom: 18px;
  margin-top: 10px;
}

#members-list.bp-list.grid .item-avatar a,
#friend-list.bp-list.grid .item-avatar a {
  display: inline-block;
}

#members-list.bp-list.grid .item-avatar img,
#friend-list.bp-list.grid .item-avatar img {
  max-width: 126px;
  width: 100%;
}

#members-list.bp-list.grid .action,
#friend-list.bp-list.grid .action {
  text-align: center;
}

#members-list.bp-list.grid .action .generic-button,
#friend-list.bp-list.grid .action .generic-button {
  margin: 0;
}

#members-list.bp-list.grid .action .generic-button a,
#members-list.bp-list.grid .action .generic-button button,
#friend-list.bp-list.grid .action .generic-button a,
#friend-list.bp-list.grid .action .generic-button button {
  width: auto;
  float: none;
  margin: 0 auto .75rem;
}

.buddypress-wrap .grid.bp-list>li .item .item-block {
  margin-bottom: 0;
}

.buddypress-wrap .grid.bp-list>li .item .item-block .member-name {
  margin-bottom: 5px;
}

.buddypress:not(.logged-in) .grid.groups-list .list-wrap {
  min-height: 30px;
}

.grid>li .list-wrap .list-title {
  padding: 0;
}

.buddypress-wrap .grid.bp-list>li .list-wrap {
  padding-bottom: 1rem;
  height: 100%;
}

.buddypress-wrap .grid.bp-list>li .action {
  padding: 0;
  position: static;
  width: 100%;
}

#members-list.grid .list-wrap .item-block,
#friend-list.grid .list-wrap .item-block {
  min-height: 10px;
}

#members-list.grid .list-wrap .item-block .member-name a,
#friend-list.grid .list-wrap .item-block .member-name a {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.buddypress-wrap .grid.bp-list>li .item .user-update {
  text-align: center;
  width: 100%;
}

.grid>li .list-wrap .update {
  color: #737373;
  padding: 0;
  font-size: .75rem;
  
}

div#buddypress .bs-members-items.list-view .activity-read-more a {
  padding-left: 0;
}

div#buddypress .bs-members-items.list-view .bs-meta-bp_member_last_post,
div#buddypress .bs-members-items.list-view .bs-meta-xprofile_field {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

div#buddypress .bs-members-items.list-view .bs-meta-bp_member_last_post.normal span:not(.bs-output),
div#buddypress .bs-members-items.list-view .bs-meta-xprofile_field.normal span:not(.bs-output) {
  font-size: .75rem;
}

#buddypress .bb-member-profile-card span.activity {
  font-size: .75rem;
}

#buddypress .single-headers .item-meta span {
  color: var(--mb-gray-500);
}
.single-headers .item-meta .separator {
    margin: 0 0.5rem;
}
.buddypress-wrap .subnav-filters {
  margin: 0 auto;
}

.bp-secondary-header {
  margin-bottom: 20px;
}

.bp-secondary-header .bb-icon-sort-desc,
.bp-secondary-header .bb-icon-grid-view-small,
.bp-secondary-header .bb-icon-list-view-small {
  font-size: 22px;
}

#members-list,
#friend-list {
  padding: 0;
  margin: 0;
}

.buddypress-wrap .grid-filters {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-input-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 21px;
}

.buddypress-wrap .grid-filters a {
  color: var(--bb-headings-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  opacity: .4;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.buddypress-wrap .grid-filters a:hover {
  color: var(--bb-headings-color);
  opacity: 1;
}

.buddypress-wrap .grid-filters .active {
  opacity: 1;
}

a.layout-grid-view {
  padding-left: 5px;
  border-right: 1px solid var(--bb-content-border-color);
}

.buddypress-wrap .subnav-filters:after {
  content: '';
  display: table;
  clear: both;
}

.buddypress-wrap .subnav-filters .bp-search {
  float: left;
}

.buddypress-wrap .subnav-filters .grid-filters {
  padding: 0;
  clear: right;
  float: right;
}

.buddypress-wrap .subnav-filters .grid-filters a {
  padding: 0 1rem;
}

.buddypress-wrap .subnav-filters .grid-filters a i {
  font-size: 22px;
  
}

.button-wrap.member-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.button-wrap.member-button-wrap i {
  font-size: 22px;
}

#buddypress .button-wrap.member-button-wrap .generic-button:not(.follow-button) a,
#buddypress .button-wrap.member-button-wrap .generic-button:not(.follow-button) button {
  background: 0 0;
  color: #939597;
  padding: 0;
  margin: 0;
  min-height: 1px;
  border: 0;
}

#buddypress .button-wrap.member-button-wrap .generic-button:not(.follow-button) a:hover,
#buddypress .button-wrap.member-button-wrap .generic-button:not(.follow-button) a:focus,
#buddypress .button-wrap.member-button-wrap .generic-button:not(.follow-button) button:hover,
#buddypress .button-wrap.member-button-wrap .generic-button:not(.follow-button) button:focus {
  color: var(--bb-primary-color);
  background: 0 0;
  box-shadow: none;
}

.followers-wrap,
.following-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .875rem;
  color: #939597;
  margin-bottom: 5px;
  margin-top: 5px;
}

.followers-wrap strong,
.following-wrap strong {
  color: var(--bb-body-text-color);
  margin-right: 3px;
}

#buddypress .member-button-wrap .follow-button .follow-button {
  min-width: 140px;
}

#buddypress .bp-list li .generic-button {
  margin: 0 0 0 20px;
}

.directory.members .buddypress-wrap .subnav-filters {
  margin: 0 auto;
}

.buddypress-wrap .grid.bp-list>li .item {
  width: 100%;
}

.bp-list:not(.grid) .only-grid-view {
  display: none !important;
}

.bp-list.grid li .item {
  -ms-flex-flow: column;
  flex-flow: column;
}

.bp-list.grid .only-list-view {
  display: none !important;
}

.button-wrap.member-button-wrap.on-top {
  position: absolute;
  top: 2px;
  right: 5px;
}

#buddypress .bp-list li .on-top .generic-button {
  margin: 0;
}

#buddypress .bp-list li .on-top .generic-button i {
  opacity: .7;
}

#buddypress .bp-list li .on-top #send-private-message {
  margin: 0 2px 0 0;
}

#buddypress .only-grid-view .follow-button .follow-button {
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: var(--bb-primary-color);
  min-height: 1px;
  padding: 0;
}

#buddypress .only-grid-view .follow-button .follow-button:hover {
  color: var(--bb-primary-color);
  background-color: transparent;
}

#buddypress .bp-list li .follow-container {
  margin-bottom: 1rem;
}

#buddypress .bp-list li .follow-container>div {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  margin-bottom: 0;
  color: var(--mb-gray-500);
}

#buddypress .bp-list li .follow-container .generic-button {
  font-size: .875rem;
  margin: 5px 0;
}

#buddypress .bp-list:not(.grid) li .follow-container,
#buddypress .bp-list:not(.grid) li .followers-wrap {
  margin: 0;
}

.bb-friend-button-tag {
  display: none;
}

.member-header-actions .bb-friend-button-tag {
  display: inline-block;
}

.member-header-actions .friendship-button i {
  display: none;
}

.member-header-actions .friendship-button[data-balloon]:before,
.member-header-actions .friendship-button[data-balloon]:after {
  display: none;
}

#buddypress .bp-list li .member-button-wrap .friendship-button .bp-feedback.success {
  font-size: 0;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

#buddypress .bp-list li .member-button-wrap .friendship-button .bp-feedback.success:before {
  content: '\ef64';
  font-family: bb-icons;
  display: inline-block;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-size: 20px;
  padding-top: 3px;
  vertical-align: top;
  text-align: center;
  color: var(--mb-gray-500);
  opacity: .7;
}

#buddypress .bp-list li .member-request-list-wrap .friends-meta .bp-feedback.success {
  border: 0;
  font-size: .75rem;
  font-weight: 700;
  min-height: 32px;
  
  padding: 0 20px;
  background: 0 0;
  border: 1px solid var(--bb-content-border-color);
  background: 0 0;
  color: var(--mb-gray-500);
  margin: 5px 0;
  -webkit-font-smoothing: initial;
  border-radius: 100px;
}

#buddypress .bp-list li .member-request-list-wrap .generic-button a {
  font-size: .75rem;
  font-weight: 700;
  min-height: 34px;
  height: 34px;
  
}

#buddypress .bp-list li .member-request-list-wrap .item-avatar .gamipress-buddypress-user-details {
  display: none;
}

#buddypress .bp-list li .member-request-list-wrap .bp-feedback.error {
  padding: 10px 20px 10px 0;
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
}

#buddypress .bp-list li .member-request-list-wrap .bp-feedback.error[style*=opacity]~* {
  margin-top: 55px;
}

#buddypress .bp-list li .member-request-list-wrap .bp-feedback.error~.bp-feedback.error {
  display: none !important;
}

#buddypress .bp-list li .member-request-list-wrap .bp-feedback.error:before {
  background-color: var(--bb-danger-color);
  border-radius: 4px 0 0 4px;
  content: "\f534";
  color: var(--mb-base-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -10px 10px -10px 0;
  font-size: 20px;
  font-family: dashicons;
  padding: 0 .5em;
}

@media screen and (max-width:1120px) {
  #buddypress .bp-list li .member-request-list-wrap .bp-feedback.error {
    position: static;
    margin-bottom: 20px;
  }

  #buddypress .bp-list li .member-request-list-wrap .bp-feedback.error~* {
    margin-top: 0 !important;
  }

  ;
}

.bb-template-v2 #buddypress .bp-list li .member-request-list-wrap .bp-feedback.error:before {
  border-radius: 6px 0 0 6px;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
  background-color: var(--bb-body-background-color);
  border-top: 1px solid var(--bb-content-border-color);
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
  margin: 0 -20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 35px;
  padding: 10px 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*:hover {
  background: 0 0;
  border: 0;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*:hover>i {
  opacity: 1;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap a,
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap button {
  border: 0;
  background: 0 0;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap a:focus,
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap button:focus {
  color: var(--bb-primary-color);
  opacity: 1;
}

#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap i {
  opacity: .7;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap .generic-button {
  border-right: 1px solid var(--bb-content-border-color);
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap .generic-button:last-child {
  border: 0;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>* {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: transparent !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  margin: 0;
  min-width: auto;
  pointer-events: none;
  width: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*:after,
#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*:before {
  -webkit-transition: none;
  transition: none;
  width: 0;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*>i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  pointer-events: auto;
  font-weight: 400;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*>i:before {
  color: var(--bb-body-text-color);
  font-family: bb-icons;
  font-size: 24px;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.following>i:before {
  content: '\ee03';
  font-weight: 300;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.not_following>i:before {
  content: '\ee03';
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.not_friends>i:before {
  content: '\ef60';
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.is_friend>i:before {
  content: '\ef56';
  font-weight: 300;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.send-message>i:before {
  content: '\ee62';
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.pending_friend>i:before {
  content: '\ef57';
  font-weight: 300;
}

#buddypress .button-wrap.member-button-wrap.footer-button-wrap>.generic-button>*.awaiting_response_friend>i:before {
  content: '\ef57';
  font-weight: 300;
}

#buddypress .members-list>li .primary-action .generic-button {
  margin: 10px 0 5px;
  padding: 0;
}

#buddypress .members-list>li .primary-action .generic-button>* {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
  font-size: .875rem;
  font-weight: 700;
  
  min-height: 34px;
  padding: 6px 20px;
  -webkit-transition: none;
  transition: none;
  width: 100%;
}

#buddypress .members-list>li .primary-action .generic-button>*:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#buddypress .members-list>li .primary-action .generic-button>*:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#buddypress .members-list>li .primary-action .generic-button>*.not_friends,
#buddypress .members-list>li .primary-action .generic-button>*.send-message {
  background-color: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  border: 1px solid var(--bb-content-border-color);
}

#buddypress .members-list>li .primary-action .generic-button>*.not_friends:focus,
#buddypress .members-list>li .primary-action .generic-button>*.send-message:focus {
  box-shadow: var(--bb-outline-button-focus-shadow);
}

#buddypress .members-list>li .primary-action .generic-button>*.not_friends:hover,
#buddypress .members-list>li .primary-action .generic-button>*.send-message:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#buddypress .members-list>li .primary-action .generic-button>*>i {
  font-style: normal;
  pointer-events: none;
}

#buddypress .members-list>li .primary-action .generic-button>*>i:before {
  color: inherit;
  font-family: bb-icons;
  font-size: 1rem;
  margin-right: 5px;
}

#buddypress .members-list>li .primary-action .generic-button>*.following>i:before {
  content: '\e876';
  font-weight: 300;
}

#buddypress .members-list>li .primary-action .generic-button>*.following:hover>i:before {
  content: '\ee08';
  position: relative;
  top: 1px;
}

#buddypress .members-list>li .primary-action .generic-button>*.not_following>i:before {
  content: '\ee03';
  font-weight: 400;
}

#buddypress .members-list>li .primary-action .generic-button>*.not_following:hover>i:before {
  font-weight: 300;
}

#buddypress .members-list>li .primary-action .generic-button>*.awaiting_response_friend>i:before {
  content: '\e94e';
}

#buddypress .members-list>li .primary-action .generic-button>*.not_friends>i:before {
  content: '\ef60';
  font-weight: 400;
}

#buddypress .members-list>li .primary-action .generic-button>*.not_friends:hover>i:before {
  font-weight: 300;
}

#buddypress .members-list>li .primary-action .generic-button>*.is_friend>i:before {
  content: '\ebbd';
}

#buddypress .members-list>li .primary-action .generic-button>*.send-message>i:before {
  content: '\ee62';
  font-size: 1rem;
}

#buddypress .members-list>li .primary-action .generic-button>*.send-message:hover>i:before {
  font-weight: 300;
}

#buddypress .members-list>li .primary-action .generic-button>*.pending_friend>i:before,
#buddypress .members-list>li .primary-action .generic-button>*.is_friend>i:before {
  content: '\e876';
  font-weight: 300;
}

#buddypress .members-list>li .primary-action .generic-button>*.pending_friend:hover>i:before,
#buddypress .members-list>li .primary-action .generic-button>*.is_friend:hover>i:before {
  content: '\ee08';
  position: relative;
  top: 1px;
}

.follow-container {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-wrap:not(.footer-buttons-on) .follow-container {
  margin-top: 20px;
}

body.logged-in .bp-list li .list-wrap:not(.follow-active) .item .item-block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.buddypress-wrap .bb-profile-grid .subnav-filters {
  margin-bottom: 20px;
}

#buddypress .member-request-list-wrap .follow-button,
#buddypress .member-request-list-wrap #send-private-message {
  display: none;
}

.follow-container.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.buddypress:not(.logged-in) .grid.bp-list .list-wrap {
  padding-bottom: 1rem;
}

.button-wrap.member-button-wrap .friendship-button i {
  font-size: 17px;
}

.button-wrap.member-button-wrap .friendship-button .bb-icon-connection-waiting {
  font-size: 18px;
}

#buddypress .follow-button button {
  color: var(--bb-primary-button-text-regular);
  border-color: var(--bb-primary-button-border-regular);
}

#buddypress .follow-button button:hover {
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

#buddypress .follow-button button.outline {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
}

#buddypress .follow-button button.outline:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#buddypress .follow-button button.outline:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#buddypress .follow-button button.outline.not_following {
  background-color: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  border: 1px solid var(--bb-content-border-color);
}

#buddypress .follow-button button.outline.not_following:focus {
  box-shadow: var(--bb-outline-button-focus-shadow);
}

#buddypress .follow-button button.outline.not_following:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#buddypress .bb_more_options_list .follow-button button,
#buddypress .bb_more_options_list .follow-button button:hover,
#buddypress .member-header-actions-wrap .bb_more_options_list .follow-button button,
#buddypress .member-header-actions-wrap .bb_more_options_list .follow-button button:hover {
  border: 0;
}

.bp-members-list-hook:empty,
.member-button-wrap.footer-button-wrap:empty {
  display: none !important;
}

@media screen and (min-width:24em) {
  .grid.members-list .list-wrap {
    min-height: 40px;
  }

  ;
}

@media screen and (max-width:1120px) {
  .has-sidebar #friend-list .list-wrap.member-request-list-wrap {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }

  .has-sidebar #friend-list .friends-meta.action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .has-sidebar #buddypress .list-wrap.member-request-list-wrap .friends-meta.action {
    margin-top: 1rem;
  }

  .has-sidebar #buddypress #friend-list .action .button {
    min-width: 100%;
  }

  ;
}

@media screen and (max-width:1420px) {
  body.has-sidebar .buddypress-wrap .grid.bp-list.members-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:1145px) {
  body.has-sidebar .buddypress-wrap .grid.bp-list.members-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (max-width:1240px) {
  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.members-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }

  ;
}

@media screen and (max-width:968px) {
  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.members-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:799px) {

  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.members-list>li,
  body.has-sidebar .buddypress-wrap .grid.bp-list.members-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:590px) {

  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.members-list>li,
  body.has-sidebar .buddypress-wrap .grid.bp-list.members-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (max-width:992px) {
  #friend-list .list-wrap.member-request-list-wrap {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }

  #friend-list .friends-meta.action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  body #buddypress .list-wrap.member-request-list-wrap .friends-meta.action {
    margin-top: 1rem;
  }

  #buddypress #friend-list .action .button {
    min-width: 100%;
  }

  ;
}

@media screen and (max-width:980px) {
  body #buddypress .bp-list .action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (min-width:768px) and (max-width:1100px) {
  body.logged-in .bp-list li .item .item-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (min-width:768px) and (max-width:880px) {
  body.logged-in .bp-list li .item .item-block {
    margin-bottom: 8px;
  }

  #buddypress .bp-list:not(.grid) li .follow-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 5px 0;
  }

  ;
}

@media screen and (max-width:680px) {
  body.logged-in .bp-list li .item .item-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  ;
}

@media screen and (max-width:511px) {

  .directory.members .buddypress-wrap .subnav-filters .component-filters,
  .directory.members .buddypress-wrap .subnav-filters div {
    margin-top: 0;
    margin-bottom: 0;
  }

  ;
}

@media screen and (max-width:480px) {
  body.logged-in .bp-list li .item .item-block {
    margin-bottom: 8px;
  }

  #buddypress .bp-list:not(.grid) li .follow-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 5px 0;
  }

  #buddypress #friend-list .action .button,
  .has-sidebar #buddypress #friend-list .action .button {
    min-width: 100%;
  }

  body #buddypress #friend-list .action .generic-button {
    margin: 0.5rem 0;
    min-width: 100%;
  }

  .buddypress .item-list.groups-list:not(.grid) .list-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .buddypress .item-list.groups-list:not(.grid) .list-wrap .item-avatar {
    margin-bottom: 1rem;
  }

  ;
}

#object-nav .sub-menu {
  background: var(--bb-content-background-color);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  list-style: none;
  padding: 10px 0;
  position: absolute;
  right: -20px;
  top: 50px;
  margin: 0;
  min-width: 168px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}

#object-nav .sub-menu.active {
  opacity: 1;
  visibility: visible;
}

#object-nav .more-button {
  padding: .875rem 0;
  
}

#object-nav .more-button i {
  font-size: 1.25rem;
}

body.buddypress.bp-user #page #primary .entry-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-dir-hori-nav nav#object-nav.bb-single-main-nav--vertical {
  background: var(--bb-body-background-color);
}

.buddypress-wrap nav#object-nav.horizontal .user-nav-tabs ul li.selected,
.buddypress-wrap nav#object-nav.horizontal .group-nav-tabs ul li.selected {
  background-color: var(--bb-body-background-color);
}

.buddypress-wrap nav#object-nav.horizontal .user-nav-tabs ul li.selected a,
.buddypress-wrap nav#object-nav.horizontal .group-nav-tabs ul li.selected a {
  border-bottom-color: var(--bb-body-background-color);
}

.bb-user-content-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bb-user-content-wrap .member-social {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bb-user-content-wrap .member-social>.flex {
  margin: 0 0 1rem;
}

.social-networks-wrap {
  white-space: nowrap;
}

.social-networks-wrap svg path {
  fill: var(--mb-gray-500);
}

.social-networks-wrap .social a {
  color: var(--bb-headings-color);
}

.social-networks-wrap .social a:hover {
  color: var(--bb-primary-color);
}

.users-header .social-networks-wrap {
  white-space: normal;
  max-width: 280px;
  z-index: 1;
}

.users-header .social-networks-wrap span.social {
  width: 24px;
}

.users-header .member-social-links.left-align .social-networks-wrap span.social:nth-child(6)~span.social {
  margin-top: 5px;
}

.users-header .centered #item-header-content .item-meta {
  text-align: center;
}

.users-header .centered.my_profile .social-networks-wrap {
  max-width: 230px;
}

.users-header .centered .social-networks-wrap {
  text-align: center;
}

.member-title-wrap {
  margin: 30px 0 6px;
}

.members-list .bp-member-type,
.users-header .bp-member-type {
  background-color: var(--mb-primary-400);
  border-radius: var(--bb-label-type-radius);
  font-size: .625rem;
  font-weight: 700;
  color: var(--mb-base-white);
  text-align: center;
  display: inline-block;
  padding: 0.25rem 1rem;
}

.single-headers .member-header-actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.logged-in .single-headers .member-header-actions-wrap .bb_more_options {
  position: relative;
  top: 8px;
  right: 0;
  margin: 36px 0 0 5px;
}

@media screen and (max-width:980px) {
  .logged-in .single-headers .member-header-actions-wrap .bb_more_options {
    margin: 10px 0 20px;
    right: initial;
  }

  ;
}

.users-header #cover-image-container .member-social-links {
  position: absolute;
  right: 0;
  bottom: 4px;
}

.users-header #cover-image-container.left .member-social-links {
  bottom: 42px;
}

.users-header #cover-image-container.left .member-social-links.left-align {
  position: static;
}

@media screen and (max-width:1370px) {
  .users-header #item-header-content>.flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .users-header #item-header-content>.flex .member-header-actions-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .users-header #item-header-content>.flex .member-header-actions-wrap .member-header-actions,
  .users-header #item-header-content>.flex .member-header-actions-wrap .bb_more_options {
    margin-top: 0;
    top: initial;
  }

  .users-header #cover-image-container .member-social-links {
    position: static;
    margin-bottom: 1rem;
  }

  ;
}

.single-headers .member-header-actions>.generic-button {
  margin: 5px 0 10px 2px;
}

.buddypress .member-header-actions>.generic-button button,
.buddypress .member-header-actions>.generic-button a {
  padding-top: 0;
  padding-bottom: 0;
  height: 38px;
  
}

.buddypress .member-header-actions>.generic-button button {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
}

.buddypress .member-header-actions>.generic-button button:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

.buddypress .member-header-actions>.generic-button button:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

.buddypress .member-header-actions>.generic-button button.block-member {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
}

.buddypress .member-header-actions>.generic-button button.block-member:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

.buddypress .member-header-actions>.generic-button button.block-member:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

.buddypress .member-header-actions>.generic-button button.not_friends {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
}

.buddypress .member-header-actions>.generic-button button.not_friends:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

.buddypress .member-header-actions>.generic-button button.not_friends:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

#buddypress .member-header-actions>.generic-button a.view-as,
#buddypress .member-header-actions>.generic-button a.back-to-admin,
#buddypress .member-header-actions>.generic-button a.send-message {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
}

#buddypress .member-header-actions>.generic-button a.view-as:focus,
#buddypress .member-header-actions>.generic-button a.back-to-admin:focus,
#buddypress .member-header-actions>.generic-button a.send-message:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

#buddypress .member-header-actions>.generic-button a.view-as:hover,
#buddypress .member-header-actions>.generic-button a.back-to-admin:hover,
#buddypress .member-header-actions>.generic-button a.send-message:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

#buddypress .member-header-actions>.generic-button button.not_following {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
}

#buddypress .member-header-actions>.generic-button button.not_following:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

#buddypress .member-header-actions>.generic-button button.not_following:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

.member-header-actions-wrap .bb_more_options_list>.generic-button button,
.member-header-actions-wrap .bb_more_options_list>.generic-button a {
  white-space: nowrap;
}

body #buddypress .member-header-actions {
  margin: 0;
  padding: 0;
  text-align: right;
  overflow: visible;
}

body #buddypress .member-header-actions a,
body #buddypress .member-header-actions button {
  font-weight: 700;
}

body #buddypress .member-header-actions .friendship-button i {
  font-size: 1rem;
}

body #buddypress .member-header-actions+.bb_more_options {
  position: relative;
  top: 0;
  right: auto;
  margin: 0;
}

body #buddypress .member-header-actions+.bb_more_options i {
  
  color: var(--bb-body-text-color);
}

body #buddypress .member-header-actions+.bb_more_options .bb_more_options_action>i:before {
  
}

body #buddypress .member-header-actions>.generic-button>* {
  -webkit-transition: none;
  transition: none;
}

body #buddypress .member-header-actions>.generic-button>* i {
  display: inline-block;
  font-style: normal;
}

body #buddypress .member-header-actions>.generic-button>* i:before {
  display: inline-block;
  font-family: bb-icons;
  font-size: 18px;
  margin-right: 6px;
}

body #buddypress .member-header-actions>.generic-button>*.pending_friend,
body #buddypress .member-header-actions>.generic-button>*.is_friend,
body #buddypress .member-header-actions>.generic-button>*.following,
body #buddypress .member-header-actions>.generic-button>*.awaiting_response_friend {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
}

body #buddypress .member-header-actions>.generic-button>*.pending_friend:focus,
body #buddypress .member-header-actions>.generic-button>*.is_friend:focus,
body #buddypress .member-header-actions>.generic-button>*.following:focus,
body #buddypress .member-header-actions>.generic-button>*.awaiting_response_friend:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

body #buddypress .member-header-actions>.generic-button>*.pending_friend:hover,
body #buddypress .member-header-actions>.generic-button>*.is_friend:hover,
body #buddypress .member-header-actions>.generic-button>*.following:hover,
body #buddypress .member-header-actions>.generic-button>*.awaiting_response_friend:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

body #buddypress .member-header-actions>.generic-button>*.awaiting_response_friend {
  border: 1px solid var(--bb-primary-color);
}

body #buddypress .member-header-actions>.generic-button>*.awaiting_response_friend i:before {
  content: '\ef57';
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.following i:before {
  content: '\e876';
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.following:hover i:before {
  content: '\ee08';
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.not_following i:before {
  content: '\ee03';
  font-size: .875rem;
  font-weight: 300;
}

body #buddypress .member-header-actions>.generic-button>*.not_friends i:before {
  content: '\ef60';
  font-weight: 300;
}

body #buddypress .member-header-actions>.generic-button>*.pending_friend i:before {
  content: '\e876';
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.pending_friend:hover i:before {
  content: '\ef64';
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.is_friend i:before {
  content: '\e876';
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.is_friend:hover i:before {
  content: '\ef64';
  font-weight: 300;
}

body #buddypress .member-header-actions>.generic-button>*.send-message i:before {
  content: '\ee62';
  font-weight: 300;
}

body #buddypress .member-header-actions>.generic-button>*.block-member:before,
body #buddypress .member-header-actions>.generic-button>*.back-to-admin:before,
body #buddypress .member-header-actions>.generic-button>*.view-as:before {
  content: "\ee69";
  display: inline-block;
  font-family: bb-icons;
  font-size: 18px;
  margin-right: 6px;
  font-weight: 400;
}

body #buddypress .member-header-actions>.generic-button>*.block-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
}

body #buddypress .member-header-actions>.generic-button>*.block-member:before {
  content: "\ee08";
  position: relative;
  top: 1px;
}

@media screen and (max-width:980px) {
  body #buddypress .member-header-actions+.bb_more_options {
    margin: 10px 0 20px;
  }

  ;
}

#buddypress div#item-header-cover-image .user-nicename a,
#buddypress div#item-header-cover-image .user-nicename {
  margin: 0 1rem 0 0;
}

.single-headers .followers-wrap,
.single-headers .following-wrap {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  margin: 0px;
}

.single-headers .followers-wrap strong,
.single-headers .following-wrap strong {
  font-weight: 700;
}

#member-front-widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -10px;
}

#member-front-widgets .widget {
  margin: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 20px);
  flex: 0 0 -webkit-calc(25% - 20px);
  flex: 0 0 calc(25% - 20px);
}

#member-front-widgets ul.item-list {
  margin: 0;
}

#buddypress .bb-bp-invites-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 55px 80px;
}

#buddypress .bb-bp-invites-content .screen-heading {
  font-size: 22px;
  
}

#buddypress .bb-bp-invites-content .invite-info {
  font-size: 1rem;
  color: var(--mb-gray-500);
  
}

#buddypress .bb-bp-invites-content label {
  display: block;
  font-size: 1rem;
  color: var(--mb-gray-500);
  margin: 1.6875rem 0;
}

#buddypress .bb-bp-invites-content textarea {
  height: 120px;
  margin-bottom: 0;
  padding: 10px 1rem;
}

#buddypress .bb-bp-invites-content .bp-feedback {
  margin: 0 0 30px;
}

#member-invites-table {
  box-shadow: none;
  margin-bottom: 0;
  border: 0;
}

#member-invites-table th,
#member-invites-table td {
  padding: .75rem 0 .75rem 25px;
}

#member-invites-table th {
  border-bottom: 1px solid var(--bb-content-border-color);
  border-top: 1px solid var(--bb-content-border-color);
}

#member-invites-table th:first-child {
  border-left: 1px solid var(--bb-content-border-color);
  border-top-left-radius: var(--bb-block-radius-inner);
}

#member-invites-table th:last-child {
  border-right: 1px solid var(--bb-content-border-color);
  border-top-right-radius: var(--bb-block-radius-inner);
}

#member-invites-table tr {
  background-color: transparent !important;
  border-bottom: 0;
}

#member-invites-table tr td {
  border-bottom: 0;
}

#member-invites-table tr td input {
  background-color: var(--bb-content-alternate-background-color) !important;
}

#member-invites-table tr td:first-child {
  border-left: 1px solid var(--bb-content-border-color);
}

#member-invites-table tr td:last-child {
  border-right: 1px solid var(--bb-content-border-color);
}

#member-invites-table tr:first-child td {
  padding-top: 24px;
}

#member-invites-table tr:last-child td {
  border-bottom: 1px solid var(--bb-content-border-color);
  padding-top: 10px;
  padding-bottom: 25px;
}

#member-invites-table th.actions,
#member-invites-table td.field-actions {
  padding: .75rem 0 .75rem 25px;
  text-align: left;
}

#member-invites-table th.actions span,
#member-invites-table td.field-actions span {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
  border-radius: 100%;
  padding: 1px;
  
  font-size: 1rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: -1rem;
  cursor: pointer;
}

#member-invites-table th.actions span:focus,
#member-invites-table td.field-actions span:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#member-invites-table th.actions span i:before,
#member-invites-table td.field-actions span i:before {
  content: '\e828';
  font-family: bb-icons;
  height: 20px;
  width: 20px;
  display: inline-block;
  font-size: 20px;
  margin: 0;
}

#member-invites-table .field-actions-last {
  padding: .75rem 0;
  text-align: left;
}

#member-invites-table .field-actions-add i:before {
  margin: 0;
}

#member-invites-table .field-actions-add {
  margin-left: 7px;
}

#member-invites-table .field-actions-add i {
  vertical-align: middle;
  display: inline-block;
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border-radius: 100%;
  padding: 5px;
  height: auto;
  width: auto;
  font-size: 20px;
}

#member-invites-table .field-actions-add i :before {
  content: '\eef9';
  font-family: bb-icons;
  margin: 0;
}

#member-invites-table .field-actions-add i:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
}

#buddypress #send-invite-form #wp-bp-member-invites-custom-content-editor-container {
  border-radius: 4px;
  overflow: hidden;
}

#buddypress #send-invite-form .submit {
  padding-top: 30px;
}

@media screen and (max-width:420px) {
  #send-invite-form #member-invites-table {
    table-layout: fixed;
  }

  #send-invite-form #member-invites-table th {
    white-space: normal;
    
  }

  #send-invite-form #member-invites-table th.title {
    width: 40%;
  }

  #send-invite-form #member-invites-table th.title.actions {
    width: 20%;
  }

  #send-invite-form #member-invites-table td {
    padding: .75rem 5px;
  }

  #send-invite-form #member-invites-table td input {
    max-width: 100%;
    margin: 0 5px;
  }

  #send-invite-form #member-invites-table td.field-actions span {
    margin-right: 0;
    margin-left: 6px;
  }

  #send-invite-form #member-invites-table td .field-actions-add {
    margin-left: 2px;
  }

  ;
}

.bp-invitee-status a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bp-invitee-status span {
  font-size: 20px;
  width: 22px;
  margin-right: 5px;
}

.bp-invitee-status .registered {
  color: inherit;
}

#buddypress #invites-send-invite-personal-li a:before {
  content: '\ee62';
  font-family: bb-icons;
}

#buddypress #invites-sent-invites-personal-li a:before {
  font-family: bb-icons;
  content: '\ee63';
}


li#public-personal-li a#public:before {
    content: '\ee69';
    font-family: bb-icons;
}
li#edit-personal-li a#edit:before {
    content: '\ef59';
    font-family: bb-icons;
}
li#change-avatar-personal-li a#change-avatar:before {
    content: '\ef53';
    font-family: bb-icons;
}
li#change-cover-image-personal-li a#change-cover-image:before {
    content: '\eeb4';
    font-family: bb-icons;
}

li#general-personal-li a#general:before {
    content: '\ea11';
    font-family: bb-icons;
}
li#notifications-personal-li a#notifications:before {
  content: '\ee30';
  font-family: bb-icons;
}
li#profile-personal-li a#profile:before {
    content: '\eece';
    font-family: bb-icons;
}
li#blocked-members-personal-li a#blocked-members:before {
    content: '\ea10';
    font-family: bb-icons;
}
li#invites-personal-li a#invites:before {
    content: '\e95d';
    font-family: bb-icons;
}
li#export-personal-li a#export:before {
    content: '\ee52';
    font-family: bb-icons;
}
li#delete-account-personal-li a#delete-account:before {
  content: '\ef48';
  font-family: bb-icons;
}
/**/
li#just-me-personal-li a#just-me:before {
    content: '\eefc';
    font-family: bb-icons;
}
li#activity-favs-personal-li a#activity-favs:before {
    content: '\ef41';
    font-family: bb-icons;
}
li#activity-friends-personal-li a#activity-friends:before {
    content: '\ef5a';
    font-family: bb-icons;
}
li#activity-groups-personal-li a#activity-groups:before {
    content: '\e95d';
    font-family: bb-icons;
}
li#activity-mentions-personal-li a#activity-mentions:before {
    content: '\e867';
    font-family: bb-icons;
}
li#activity-following-personal-li a#activity-following:before {
    content: '\ef5b';
    font-family: bb-icons;
}
/**/
li#notifications-my-notifications-personal-li a#notifications-my-notifications:before {
    content: '\e8a5';
}
li#read-personal-li a#read:before {
    content: '\e86d';
}
/**/
li#friends-my-friends-personal-li a#friends-my-friends:before {
    content: '\ef5b';
}
li#requests-personal-li a#requests:before {
    content: '\ef57';
}
/**/
li#groups-my-groups-personal-li a#groups-my-groups:before {
    content: '\e95d';
}
li#invites-personal-li a#invites:before {
  content: '\e95d';
}
/**/
li#topics-personal-li a#topics:before {
    content: '\ee86';
}
li#replies-personal-li a#replies:before {
    content: '\ee7a';
}
li#favorites-personal-li a#favorites:before {
    content: '\ee73';
}
li#subscriptions-personal-li a#subscriptions:before {
   content: '\ee8f';
}
/**/
li#media-my-media-personal-li a#media-my-media:before {
    content: '\eeb5';
}
li#albums-personal-li a#albums:before {
    content: '\eeb8';
}
/**/
li#activity-all a:before {
    content: '\e854';
    font-family: bb-icons;
}
li#activity-favorites a:before {
    content: '\ef41';
    font-family: bb-icons;
}
li#activity-friends a:before {
    content: '\ef5a';
    font-family: bb-icons;
}
li#activity-groups a:before {
    content: '\e95d';
    font-family: bb-icons;
}
li#activity-mentions a:before {
    content: '\e867';
    font-family: bb-icons;
}
li#activity-following a:before {
    content: '\ef5b';
    font-family: bb-icons;
}
/**/
li#members-all a:before {
  content: '\e95d';
  font-family: bb-icons;
}
li#members-personal a:before {
  content: '\ef5a';
  font-family: bb-icons;
}
li#members-following a:before {
  content: '\ef5b';
  font-family: bb-icons;
}


td.field-name span,
td.field-email span {
  word-break: break-word;
}

.bb-template-v1 .bp-invites-container {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
}

.bb-template-v1 .bp-invites-container .bp-navs {
  border-bottom: 1px solid var(--bb-content-border-color);
}

.bp-invites-container .bb-bp-invites-content .table-responsive .page-numbers {
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--bb-block-radius-inner);
  margin-bottom: 20px !important;
}

.invites:not(.settings) #buddypress .bb-bp-invites-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 30px 50px;
}

.invites:not(.settings) #buddypress.bp-single-vert-nav .bb-bp-invites-content {
  padding: 30px;
}

.bp-invites-container .bp-navs {
  background: 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-height: 10px;
  border-right: 0;
  border-radius: 4px 4px 0 0;
  padding: 0;
}

.bp-invites-container .bp-navs a {
  margin: 0 20px -1px;
  padding: .875rem 0;
}

.bp-invites-container .bp-navs a:before {
  display: none;
}

.bp-invites-container .bp-navs a:hover {
  background: 0 0;
}

.bp-invites-container .bp-navs .selected a {
  background: 0 0;
  border-bottom: 1px solid var(--bb-primary-color);
  font-weight: 700;
}

#buddypress .bp-invites-container .bp-navs li {
  float: left;
}

.member-header-actions.action:empty {
  display: none;
}

#secondary.no-padding-top {
  padding-top: 0;
}

.bp-single-vert-nav .bb-profile-grid #subnav {
  margin-bottom: 20px;
}

.recent-visitors {
  background: var(--mb-base-white);
  border: 1px solid var(--bb-content-border-color);
  padding: 20px;
  border-top: 0;
}

.recent-visitors h5 {
  font-weight: 700;
  margin-bottom: 0.75rem !important;
}

.recent-visitors a {
  display: inline-block;
  margin-right: 5px;
}

body.invites.has-sidebar #buddypress .bp-settings-container .bp-navs .selected a {
  border-bottom-color: var(--bb-primary-color);
}

@media screen and (max-width:600px) {
  .invite-settings.bp-tables-user {
    white-space: nowrap;
    margin-bottom: 10px;
  }

  ;
}

@media screen and (max-width:1200px) {
  #member-front-widgets .widget {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33% - 20px);
    flex: 0 0 -webkit-calc(33.33% - 20px);
    flex: 0 0 calc(33.33% - 20px);
  }

  ;
}

@media screen and (min-width:981px) {
  body #buddypress .member-header-actions {
    margin: 30px 0 0;
  }

  ;
}

@media screen and (max-width:1080px) {
  #buddypress .bb-bp-invites-content {
    padding: 30px;
  }

  ;
}

@media screen and (max-width:900px) {
  #buddypress .bb-bp-invites-content {
    padding: 20px;
    max-width: 100%;
  }

  body.invites.has-sidebar #buddypress .bb-bp-invites-content {
    padding: 20px;
  }

  ;
}

@media screen and (max-width:980px) {
  div#item-header-content .flex {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  body #buddypress .member-header-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    text-align: left;
  }

  body #buddypress .member-header-actions>.generic-button {
    float: left;
    margin-left: 0;
    margin-right: 10px;
  }

  #member-front-widgets .widget {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 -webkit-calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
  }

  ;
}

@media screen and (max-width:782px) {
  div#item-header-content .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .social-networks-wrap {
    width: 100%;
  }

  .member-title-wrap {
    margin-top: 5px;
  }

  .single-headers .following-wrap {
    margin-right: 0;
  }

  body #buddypress .member-header-actions {
    text-align: center;
  }

  body #buddypress .member-header-actions>.generic-button {
    float: none;
    margin-left: 5px;
    margin-right: 5px;
  }

  .single-headers .followers-wrap,
  .single-headers .following-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
    margin: 0 1rem;
  }

  #buddypress div#item-header-cover-image .user-nicename {
    margin: 0 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .single-headers .activity {
    margin-bottom: 0;
  }

  ;
}

@media screen and (max-width:640px) {
  #member-front-widgets .widget {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 20px);
    flex: 0 0 -webkit-calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
  }

  ;
}

.widget.buddypress div.item-options,
.elementor-widget-wrap div.item-options {
  border-bottom: 1px solid var(--bb-content-border-color);
  font-size: 0;
  margin: -10px 0 1rem;
  padding: 0;
}

.widget.buddypress div.item-options a,
.elementor-widget-wrap div.item-options a {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  display: inline-block;
  padding-bottom: 10px;
  margin-right: 1.25rem;
  margin-top: 10px;
  -webkit-animation: unset !important;
  animation: unset !important;
}

.widget.buddypress div.item-options a:hover,
.elementor-widget-wrap div.item-options a:hover {
  color: var(--bb-primary-color);
}

.widget.buddypress div.item-options a:last-child,
.elementor-widget-wrap div.item-options a:last-child {
  margin-right: 0;
}

.widget.buddypress div.item-options .selected,
.elementor-widget-wrap div.item-options .selected {
  border-bottom: 1px solid var(--bb-primary-color);
  color: var(--bb-primary-color);
  margin-bottom: -1px;
}

.widget.buddypress div.item,
.widget.buddypress .bp-login-widget-user-links>div {
  margin: 0;
}

.widget.buddypress .bp-login-widget-user-links>div.bp-login-widget-user-link a {
  font-weight: 700;
  font-size: .875rem;
  
  color: var(--bb-headings-color);
}

.widget.buddypress .bp-login-widget-user-links>div.bp-login-widget-user-link a:hover {
  color: var(--bb-primary-color);
}

.widget.buddypress div.item-avatar img,
.elementor-widget-wp-widget-bp_core_friends_widget div.item-avatar img {
  height: auto;
  margin: 0;
  max-width: 38px;
  width: 100%;
  border-radius: 100%;
}

.widget.widget_bp_groups_widget div.item-avatar img {
  border-radius: 4px;
}

.widget_bp_groups_widget.buddypress div.item-avatar img {
  height: auto;
  max-width: 48px;
  width: 100%;
}

.widget_bp_core_whos_online_widget.buddypress div.item-avatar img,
.elementor-widget-wp-widget-bp_core_whos_online_widget div.item-avatar img,
.widget_bp_core_recently_active_widget.buddypress div.item-avatar img,
.widget_bp_follow_following_widget.buddypress div.item-avatar img,
.widget_bp_follow_follower_widget.buddypress div.item-avatar img,
.elementor-widget-wp-widget-bp_core_recently_active_widget .item-avatar img,
.elementor-widget-wp-widget-bp_core_follow_following_widget .item-avatar img,
.elementor-widget-wp-widget-bp_core_follow_follower_widget .item-avatar img {
  height: auto;
  max-width: 42px;
  width: 100%;
}

.widget.buddypress:not(.widget_bp_groups_widget) span.activity {
  display: none;
}

.widget.buddypress .item-avatar a {
  float: none;
  margin-bottom: 0;
  margin-right: 0;
}

.widget.buddypress #friends-list li,
.elementor-widget-wp-widget-bp_core_friends_widget #friends-list li,
.elementor-widget-wp-widget-bp_core_members_widget #friends-list li,
.elementor-widget-wp-widget-bp_core_members_widget #members-list li,
.widget.buddypress #members-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 100%;
}

.widget.buddypress #groups-list li,
.elementor-widget-wrap #groups-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 100%;
}

.widget.buddypress div.item-content,
.widget.buddypress div.item-meta {
  margin-left: 0;
}

.widget_bp_core_whos_online_widget .avatar-block,
.elementor-widget-wp-widget-bp_core_whos_online_widget .avatar-block,
.widget_bp_core_recently_active_widget .avatar-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -2px;
}

.widget_bp_core_recently_active_widget .avatar-block {
  margin-bottom: 20px;
}

.widget_bp_core_whos_online_widget .item-avatar,
.elementor-widget-wp-widget-bp_core_whos_online_widget .item-avatar,
.widget_bp_core_recently_active_widget .item-avatar,
.widget_bp_follow_following_widget .item-avatar,
.widget_bp_follow_follower_widget .item-avatar,
.elementor-widget-wp-widget-bp_core_recently_active_widget .item-avatar,
.elementor-widget-wp-widget-bp_core_follow_following_widget .item-avatar,
.elementor-widget-wp-widget-bp_core_follow_follower_widget .item-avatar {
  padding: 4px;
  max-width: 20%;
}

.widget .item-list .item-avatar {
  margin-right: .75rem;
}

.widget .item-list .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.widget .item-list .item-title a {
  color: var(--bb-headings-color);
  
}

.widget .item-list .item-title a:hover {
  color: var(--bb-primary-color);
}

.widget.widget_bp_groups_widget .item-list .item-title {
  margin-bottom: 3px;
}

.widget.widget_bp_groups_widget .item-list .item-title a {
  font-size: .9375rem;
  font-weight: 700;
  color: var(--bb-headings-color);
}

.widget.widget_bp_groups_widget .item-list .item-title a:hover {
  color: var(--bb-primary-color);
}

.widget.buddypress span.activity {
  color: var(--mb-gray-500);
  font-size: .75rem;
  
}

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
  margin-bottom: 0;
  border: 0;
}

.widget_display_replies>ul>li {
  margin-bottom: 1rem;
}

.widget_display_replies>ul>li>div.bbp-reply-topic-has-avatar {
  font-size: .75rem;
  color: var(--mb-gray-500);
  padding-top: 5px;
  margin-left: 46px;
}

.widget_display_replies>ul>li>a {
  font-weight: 600;
  
}

.widget_display_replies .bbp-author-avatar img.avatar,
.widget_display_replies li>img.avatar {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: relative;
  top: -1px;
}

.widget_display_replies .bbp-author-avatar {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.widget_display_replies .bbp-author-link-sep {
  display: none;
}

.widget_display_topics .topic-author img.avatar {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  position: relative;
  top: -1px;
}

.widget_display_topics ul li {
  color: var(--bb-headings-color);
  font-size: .875rem;
  
}

.widget_display_topics ul li>a {
  font-weight: 600;
}

.widget_display_topics ul li>span {
  font-weight: 600;
}

.widget_display_topics ul li>div {
  color: var(--mb-gray-500);
  font-size: .75rem;
  margin-left: 46px;
  padding-top: 5px;
}

.widget_display_topics .bbp-topic-author-wrapper {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.widget_display_topics .bbp-topic-author-wrapper img {
  width: 36px;
}

.bbp-stats .bbp-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bbp-stats .bbp-count strong {
  font-size: 36px;
  font-weight: 600;
  color: var(--bb-headings-color);
}

.bbp-stats .bbp-count i {
  display: none;
}

ul.bbp-stats {
  margin: 20px 0 0;
}

ul.bbp-stats h4 {
  font-size: .75rem;
  font-weight: 700;
  
  color: var(--mb-gray-500);
  padding: 0 10px;
  min-height: 33px;
}

.widget.widget_bp_core_login_widget label {
  font-size: 1rem;
  
  font-weight: 700;
}

.widget.widget_bp_core_login_widget .bbp-remember-me label {
  font-size: .875rem;
  
}

.widget.widget_bp_core_login_widget:after {
  content: '';
  display: table;
  clear: both;
}

.widget.widget_bp_core_login_widget.bs-bp-login .widget-title {
  margin-bottom: 10px;
}

.widget.widget_bp_core_login_widget input[type=text],
.widget.widget_bp_core_login_widget input[type=password] {
  width: 100%;
  height: 41px;
  
  padding: 0 .75rem;
}

.widget.widget_bp_core_login_widget .forgetmenot label {
  font-size: .875rem;
  
}

.widget.widget_bp_core_login_widget .forgetmenot .bs-styled-checkbox:checked+label:after {
  
}

.widget.widget_bp_core_login_widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
  float: right;
  margin-top: 10px;
  margin-right: 0;
  font-size: .875rem;
  font-weight: 700;
  min-width: 100px;
  height: 34px;
  cursor: pointer;
  padding: 5px 20px;
}

.widget.widget_bp_core_login_widget.buddypress #bp-login-widget-form #bp-login-widget-submit.bp-login-btn-active {
  background: var(--bb-primary-color);
}

.widget.widget_bp_core_login_widget label[for=bp-login-widget-user-login],
.widget.widget_bp_core_login_widget label[for=bp-login-widget-user-pass] {
  position: relative;
}

.widget.widget_bp_core_login_widget label[for=bp-login-widget-user-pass] span.label-switch {
  position: absolute;
  top: 46px;
  right: 10px;
  font-size: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
}

.widget.widget_bp_core_login_widget label[for=bp-login-widget-user-pass] span.label-switch:after {
  content: '\ee69';
  font-family: bb-icons;
  font-style: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  
  margin-left: .2em;
  font-size: 20px;
  color: var(--bb-body-text-color);
}

.widget.widget_bp_core_login_widget label[for=bp-login-widget-user-pass] span.label-switch.bb-eye:after {
  content: '\ee6a';
}

.widget.widget_bp_core_login_widget .bp-login-widget-register-link {
  clear: both;
  display: none;
}

.widget.widget_bp_core_login_widget .bs-login-id {
  margin: 0;
  text-align: center;
}

.widget.widget_bp_core_login_widget .bs-login-id span {
  width: 33%;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.widget.widget_bp_core_login_widget .bs-login-id span:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#bp-login-widget-form {
  width: 100%;
}

#bp-login-widget-form label {
  display: block;
}

#bp-login-widget-form label[for=bp-login-widget-rememberme] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#bp-login-widget-form input {
  margin-bottom: .75rem;
}

.widget_bp_core_login_widget label[for=bp-login-widget-user-login]::before {
  top: 36px;
}

.widget_bp_core_login_widget label[for=bp-login-widget-user-pass]::before {
  top: 32px;
}

.widget_bp_core_login_widget label[for=bp-login-widget-user-pass] span.label-switch {
  top: 35px;
}

.widget_bp_core_login_widget .forgetmenot {
  width: 100%;
  margin-top: 5px;
}

.widget.bbp_widget_login label {
  font-size: 1rem;
  
  font-weight: 700;
}

.widget.bbp_widget_login .bbp-remember-me label {
  font-size: .875rem;
  
  
}

.widget.bbp_widget_login .bs-styled-checkbox+label:before {
  position: relative;
  top: -2px;
}

.widget.bbp_widget_login div.bbp-submit-wrapper .button.submit {
  min-width: 100px;
}

.bbp_widget_login:after {
  content: ' ';
  display: table;
  clear: both;
}

.bbp_widget_login form.bbp-login-form {
  width: 100%;
}

.bbp_widget_login fieldset>legend {
  display: none;
}

.bbp_widget_login input[type=text],
.bbp_widget_login input[type=password] {
  width: 100%;
  height: 41px;
  
  padding: 0 .75rem;
}

.bbp_widget_login .bbp-login-form .bbp-username {
  margin-top: 0;
}

.bbp_widget_login .bbp-login-form .bbp-username label,
.bbp_widget_login .bbp-login-form .bbp-password label {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.bbp_widget_login label[for=user_login],
.bbp_widget_login label[for=user_pass] {
  display: block;
  margin: 0 0 10px;
  position: relative;
}

.bbp_widget_login label[for=user_pass] span.label-switch {
  position: absolute;
  top: 46px;
  right: 10px;
  font-size: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
}

.bbp_widget_login label[for=user_pass] span.label-switch:after {
  content: '\ee69';
  font-family: bb-icons;
  font-style: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  
  margin-left: .2em;
  font-size: 20px;
  color: var(--bb-body-text-color);
}

.bbp_widget_login label[for=user_pass] span.label-switch.bb-eye:after {
  content: '\ee6a';
}

.bbp_widget_login .bbp-remember-me {
  float: none;
  margin-top: 1rem;
}

.bbp_widget_login .bbp-submit-wrapper {
  float: none;
  margin-top: 10px;
  text-align: left;
}

.bbp_widget_login .bbp-submit-wrapper p.lostmenot {
  display: none;
}

.bbp_widget_login .bbp-submit-wrapper button {
  font-size: .875rem;
  font-weight: 700;
  min-width: 100px;
  height: 34px;
  padding: 4px 20px;
  cursor: pointer;
}

.bbp_widget_login .bbp-submit-wrapper button.bp-login-btn-active {
  background: var(--bb-primary-color);
}

.bbp_widget_login .bbp-logged-in>a.user-submit {
  float: left;
  margin-right: 1rem;
}

.bbp_widget_login .bbp-logged-in>a.user-submit>img {
  margin-right: 0;
  border-radius: 100px;
}

.bbp_widget_login h2.widget-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.bbp_widget_login .bbp-login-links {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bbp_widget_login .bbp-login-links a:first-child {
  margin-right: 10px;
}

.bbp-logged-in>a>.avatar,
.buddypress-wrap.round-avatars .bbp-logged-in>a>.avatar {
  width: 52px;
  height: auto;
  border-radius: 3px;
}

.bbp_widget_login a.button.logout-link {
  padding: 3px 0;
  font-size: .875rem;
  font-weight: 700;
  font-style: normal;
  color: var(--bb-primary-color);
  background: 0 0;
  border: 0;
  min-height: auto;
}

.bbp_widget_login a.button.logout-link:hover {
  color: var(--bb-primary-color);
  box-shadow: none;
}

.widget .bp-site-wide-message #message button {
  background: 0 0;
  border: 0;
  padding: 0;
  position: absolute;
  top: 0;
  min-height: 1px;
  top: -48px;
  right: -7px;
}

.widget .bp-site-wide-message #message button span {
  font-size: 0;
  display: block;
}

.widget .bp-site-wide-message #message button span:before {
  content: '\e828';
  color: var(--mb-base-white);
  font-family: bb-icons;
  font-size: 26px;
  font-style: normal;
  font-weight: 100;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.widget .bp-site-wide-message #message p {
  margin: 0;
  padding-right: 0;
  position: static;
}

.widget .bp-site-wide-message #message p strong {
  font-weight: 600;
  font-size: .75rem;
  color: var(--bb-headings-color);
  
  text-transform: uppercase;
  margin-bottom: -8px;
  display: block;
}

.bp-site-wide-message {
  position: relative;
}

div#groups-list-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bb-widget-dropdown {
  margin-left: auto;
  position: relative;
}

.bb-widget-dropdown i.bb-icon-menu-dots-v {
  position: relative;
  top: -2px;
  font-size: 20px;
  margin-bottom: -5px;
  display: block;
}

.widget_bp_core_recently_active_widget .widget-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget_bp_core_recently_active_widget .widget-title a.bs-widget-reload {
  color: #939597;
  margin-left: auto;
}

.more-block {
  text-align: center;
  text-transform: capitalize;
  margin: 10px 0 0;
  display: block;
  height: 18px;
  font-size: .875rem;
  
}

.more-block a.count-more {
  cursor: pointer;
  padding-left: 10px;
}

.more-block a.count-more .bb-icon-angle-right {
  
  display: inline-block;
}

.more-block .bb-icon-angle-right:before {
  font-size: 18px;
  vertical-align: bottom;
  margin-left: .1em;
  margin-right: 0;
}

.widget_bp_core_whos_online_widget .item-avatar a,
.elementor-widget-wp-widget-bp_core_whos_online_widget .item-avatar a {
  position: relative;
  display: inline-block;
}

.widget_bp_core_whos_online_widget .item-avatar a .member-status,
.elementor-widget-wp-widget-bp_core_whos_online_widget .item-avatar a .member-status {
  width: .75rem;
  height: .75rem;
  right: -3px;
  top: 1px;
  border: 2px solid var(--bb-content-background-color);
}

.widget_bp_core_whos_online_widget .item-avatar a .member-status.online,
.elementor-widget-wp-widget-bp_core_whos_online_widget .item-avatar a .member-status.online {
  background-color: var(--bb-success-color);
}

.widget_bp_core_whos_online_widget .item-avatar a .member-status.offline,
.elementor-widget-wp-widget-bp_core_whos_online_widget .item-avatar a .member-status.offline {
  background-color: #bdbdbd;
}

.elementor-widget-wp-widget-bp_core_members_widget #members-list .item-avatar,
.widget_bp_core_members_widget #members-list .item-avatar {
  position: relative;
}

.elementor-widget-wp-widget-bp_core_members_widget #members-list .item-avatar a,
.widget_bp_core_members_widget #members-list .item-avatar a {
  display: inline-block;
}

.elementor-widget-wp-widget-bp_core_members_widget #members-list .item-avatar a .member-status,
.widget_bp_core_members_widget #members-list .item-avatar a .member-status {
  width: .75rem;
  height: .75rem;
  right: -3px;
  top: 1px;
  border: 2px solid var(--bb-content-background-color);
}

.elementor-widget-wp-widget-bp_core_members_widget #members-list .item-avatar a .member-status.online,
.widget_bp_core_members_widget #members-list .item-avatar a .member-status.online {
  background-color: var(--bb-success-color);
}

.elementor-widget-wp-widget-bp_core_members_widget #members-list .item-avatar a .member-status.offline,
.widget_bp_core_members_widget #members-list .item-avatar a .member-status.offline {
  background-color: #bdbdbd;
}

.widget_bp_core_members_widget #members-list .member_last_visit {
  font-size: .75rem;
  color: var(--mb-gray-500);
}

.widget.buddypress #network-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget.buddypress #network-list li .item-title a {
  color: var(--bb-headings-color);
}

.widget.buddypress #network-list li .item-data {
  color: var(--bb-headings-color);
}

.widget.buddypress #network-list li .item-data .netowrk-post-activity {
  color: #939597;
}

.widget.buddypress #network-list li div.item-avatar img {
  width: 28px;
  height: 28px;
}

.widget.buddypress #network-list li .data-photo {
  max-width: 60%;
  margin: 5px 0;
}

.widget.buddypress #network-list li .data-photo a {
  border-radius: 3px;
}

.netowrk-post-type {
  color: #939597;
}

a.button.logout-link {
  padding: 6px 1rem;
  min-height: 20px;
  font-size: .75rem;
  font-weight: 600;
  font-style: normal;
  
}

body.buddypress .buddypress-wrap .bbp-logged-in h5 {
  margin-top: 4px;
  margin-bottom: 0;
}

.buddypress .buddypress-wrap .bbp_widget_login a.button.logout-link,
#buddypress .bbp_widget_login a.button.logout-link {
  padding: 3px 0;
  font-size: .75rem;
  font-weight: 700;
  font-style: normal;
  color: var(--bb-primary-color);
  background: 0 0;
  border: 0;
  min-height: auto;
}

.buddypress .buddypress-wrap .bbp_widget_login a.button.logout-link:hover,
#buddypress .bbp_widget_login a.button.logout-link:hover {
  color: #0f74e0;
}

.bp-login-widget-user-logout a.logout {
  padding: 3px 0;
  font-weight: 700;
  font-style: normal;
  
}

.single .hentry .buddypress.widget .activity-list blockquote {
  background: 0 0;
  color: var(--bb-body-text-color);
}

.single .hentry .buddypress.widget .activity-list blockquote:before {
  display: none;
}

.widget_bp_follow_following_widget .avatar-block,
.widget_bp_follow_follower_widget .avatar-block,
.elementor-widget-wp-widget-bp_core_recently_active_widget .avatar-block,
.elementor-widget-wp-widget-bp_core_follow_following_widget .avatar-block,
.elementor-widget-wp-widget-bp_core_follow_follower_widget .avatar-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -2px;
}

.widget .mc4wp-form-fields p,
#buddypress .widget .mc4wp-form-fields p,
.buddypress .buddypress-wrap .widget .mc4wp-form-fields p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget .mc4wp-form-fields input[type=submit],
#buddypress .widget .mc4wp-form-fields input[type=submit],
.buddypress .buddypress-wrap .widget .mc4wp-form-fields input[type=submit] {
  font-size: .875rem;
  padding: 0 10px;
  border-radius: 0 3px 3px 0;
}

.widget .mc4wp-form-fields input[type=submit]:disabled,
#buddypress .widget .mc4wp-form-fields input[type=submit]:disabled,
.buddypress .buddypress-wrap .widget .mc4wp-form-fields input[type=submit]:disabled {
  background: #d0d4d8;
}

.widget .mc4wp-form-fields input[type=submit][disabled=disabled],
#buddypress .widget .mc4wp-form-fields input[type=submit][disabled=disabled],
.buddypress .buddypress-wrap .widget .mc4wp-form-fields input[type=submit][disabled=disabled] {
  background: #d0d4d8;
  color: var(--mb-base-white);
  border: 1px solid transparent;
}

.widget .mc4wp-form-fields input[type=email],
#buddypress .widget .mc4wp-form-fields input[type=email],
.buddypress .buddypress-wrap .widget .mc4wp-form-fields input[type=email] {
  border-radius: 3px 0 0 3px;
  border-right: 0;
  font-size: .875rem;
  min-width: 160px;
}

.widget_display_topics ul li {
  margin-bottom: 1rem;
}

.widget_display_topics ul div {
  font-size: .75rem;
  color: rgba(0, 0, 0, .45);
  margin-top: 3px;
}

.widget_display_topics ul img.avatar {
  border-radius: 50%;
}

body.buddypress .buddypress-wrap .bb-recent-posts h4 {
  margin: 0;
}

#buddypress .widget_display_search input#bbp_search_submit {
  display: none;
}

.buddypress-wrap.round-avatars .widget:not(.widget_bp_core_members_widget) .avatar {
  border-radius: 3px;
}

.buddypress-wrap .widget.widget_bps_widget .standard-form label {
  margin-top: 0;
}

.buddypress-wrap .widget.widget_bps_widget .standard-form .submit {
  padding-top: 0;
}

.widget_sfwd-quiz-widget li h4,
body.buddypress .buddypress-wrap .widget_sfwd-quiz-widget li h4 {
  margin-bottom: 10px;
}

#buddypress .widget_search .search-submit {
  display: none;
}

.widget_nav_menu.buddypress_object_nav {
  overflow: hidden;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical {
  width: 100%;
  min-height: auto;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical li.selected {
  background: 0 0;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical li a {
  padding: 2px 0;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: 0;
  margin-bottom: 0;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav .more-button,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical .more-button {
  display: none;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav>ul>li,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical>ul>li {
  padding-right: 0;
  float: none;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav ul.sub-menu,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical ul.sub-menu {
  margin-left: 0;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav ul.sub-menu a,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical ul.sub-menu a {
  padding: 8px 0;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav ul.sub-menu a:hover,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical ul.sub-menu a:hover {
  background: 0 0;
}

.widget_nav_menu.buddypress_object_nav nav#object-nav ul.sub-menu .selected>a,
.widget_nav_menu.buddypress_object_nav nav#object-nav.vertical ul.sub-menu .selected>a {
  background: 0 0;
}

.widget .bp-navs ul li {
  margin-bottom: 10px;
}

.bp-profile-search-widget {
  margin-bottom: .9375rem;
  padding: 0;
}

.bp-profile-search-widget .bps-form-title {
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  margin: 0;
  padding: 1.125rem 1.25rem;
}

.bp-profile-search-widget .bps-form {
  margin: 0;
  padding: 1.125rem 1.25rem 1.375rem;
}

.bp-profile-search-widget .bps-label {
  font-size: .875rem;
  margin-bottom: 8px;
  display: block;
}

.bp-profile-search-widget .bps-label strong {
  font-weight: 400;
}

.bp-profile-search-widget label {
  font-size: .875rem;
  font-weight: 400;
}

.bp-profile-search-widget .bp-radio-wrap label,
.bp-profile-search-widget .bp-checkbox-wrap label {
  color: var(--bb-headings-color);
  text-transform: none;
  font-size: 1rem;
  font-weight: 700;
}

.bp-profile-search-widget .bp-checkbox-wrap label:after {
  top: 9px;
}

.bp-profile-search-widget input[type=search] {
  background: 0 0;
  padding-left: .75rem;
  width: 100%;
}

.bp-profile-search-widget p.bps-description {
  margin: 5px 0;
  font-size: .75rem;
  color: var(--bb-headings-color);
}

.bp-profile-search-widget .bp-radio-wrap,
.bp-profile-search-widget .bp-checkbox-wrap {
  margin-bottom: 0;
}

.bp-profile-search-widget .submit-wrapper input {
  min-width: 140px;
  font-size: .875rem;
  font-weight: 700;
}

.bp-profile-search-widget .bp-field-wrap input:not([type=checkbox]):not([type=radio]) {
  width: 100%;
}

.bp-profile-search-widget .clear-from-wrap {
  margin-bottom: 20px;
}

.bp-profile-search-widget .bp-heading-field-wrap {
  background: var(--bb-content-alternate-background-color);
  border-top: 1px solid var(--bb-content-border-color);
  border-bottom: 1px solid var(--bb-content-border-color);
  margin: 0 -20px 20px;
  padding: .75rem 20px;
}

.bp-profile-search-widget .bp-heading-field-wrap strong {
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  color: var(--bb-headings-color);
}

.bp-profile-search-widget .bp-heading-field-wrap p.bps-description {
  margin: 5px 0 0;
}

.bp-profile-search-widget .date-label {
  display: block;
  margin-bottom: 5px;
}

.bp-profile-search-widget .date-wrapper select {
  margin-bottom: 10px;
}

.buddypress.widget ul.item-list {
  margin: 0;
}

.buddypress.widget ul.item-list li .item-avatar .avatar {
  width: 100%;
}

.widget.activity_update .activity-link-preview-image,
.elementor-widget-wp-widget-bp_latest_activities .activity-link-preview-image {
  max-width: 100%;
}

.widget.activity_update .activity-link-preview-content,
.elementor-widget-wp-widget-bp_latest_activities .activity-link-preview-content {
  clear: both;
  padding: 0;
}

.widget.activity_update .activity-link-preview-title,
.elementor-widget-wp-widget-bp_latest_activities .activity-link-preview-title {
  font-style: normal;
  margin-bottom: 5px;
  margin-right: 0;
}

.widget.activity_update footer cite,
.elementor-widget-wp-widget-bp_latest_activities footer cite {
  margin-right: .75rem;
}

.widget.activity_update .activity-list>div,
.elementor-widget-wp-widget-bp_latest_activities .activity-list>div {
  margin-bottom: 1rem;
}

.widget.activity_update .activity-list>div:last-of-type,
.elementor-widget-wp-widget-bp_latest_activities .activity-list>div:last-of-type {
  margin-bottom: 0;
}

.widget.activity_update .activity-list>div p,
.elementor-widget-wp-widget-bp_latest_activities .activity-list>div p {
  margin-bottom: 10px;
}

.widget.activity_update .activity-list img,
.elementor-widget-wp-widget-bp_latest_activities .activity-list img {
  margin-bottom: 0;
}

.widget.activity_update .view.activity-time-since,
.elementor-widget-wp-widget-bp_latest_activities .view.activity-time-since {
  font-style: normal;
  font-weight: 700;
  font-size: .75rem;
}

.widget.activity_update footer,
.elementor-widget-wp-widget-bp_latest_activities footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget.activity_update .activity-update .update-item,
.elementor-widget-wp-widget-bp_latest_activities .activity-update .update-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.widget.activity_update .activity-update p,
.elementor-widget-wp-widget-bp_latest_activities .activity-update p {
  color: var(--mb-gray-500);
}

.widget.activity_update .activity-update p a:not(.activity-time-since),
.elementor-widget-wp-widget-bp_latest_activities .activity-update p a:not(.activity-time-since) {
  color: var(--bb-headings-color);
  font-weight: 700;
}

.widget.activity_update .activity-update p a:not(.activity-time-since):hover,
.elementor-widget-wp-widget-bp_latest_activities .activity-update p a:not(.activity-time-since):hover {
  color: var(--bb-primary-color);
}

.widget.activity_update .activity-update .activity-time-since,
.elementor-widget-wp-widget-bp_latest_activities .activity-update .activity-time-since {
  display: block;
  font-size: .75rem;
  color: var(--bb-headings-color);
  margin-top: 5px;
}

.widget.activity_update .activity-update .activity-time-since:hover,
.elementor-widget-wp-widget-bp_latest_activities .activity-update .activity-time-since:hover {
  color: var(--bb-primary-color);
}

.buddypress.widget .activity-update .update-item cite {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.widget.bp-latest-activities .activity-update {
  color: var(--mb-gray-500);
  font-size: .875rem;
  margin-bottom: 20px;
}

.widget.bp-latest-activities a {
  color: var(--bb-headings-color);
  font-style: normal;
}

.widget.bp-latest-activities a:hover {
  color: var(--bb-primary-color);
}

.widget.bp-latest-activities p {
  margin-bottom: 0;
}

.widget-area .widget.bp-latest-activities .activity-update p img {
  max-width: 1rem;
  vertical-align: text-bottom;
  margin-right: 5px;
  margin-left: 2px;
}

.widget.widget_block .twitter-tweet {
  word-break: break-word;
}

.widget.widget_block:empty {
  display: none;
}

.subnav-search.groups-search {
  float: right;
  margin-top: -56px;
}

.bs-groups-items {
  margin-bottom: 0;
}

.bs-groups-items .item-title a {
  margin-bottom: 8px;
  display: inline-block;
}

.bs-groups-items .item-meta p {
  margin-bottom: 7px;
}

.bs-groups-items .item-meta p:last-child {
  margin: 0;
}

.bs-groups-items span.status {
  text-transform: capitalize;
}

.bs-groups-items .item-desc {
  font-size: .875rem;
  color: var(--bb-body-text-color);
  
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 30px;
  display: block;
  display: -webkit-box;
  height: 2.69em;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bs-groups-items .item-desc:after {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
}

.bs-groups-items .action {
  margin-left: auto;
}

.bs-groups-items.list-view .item-title-wrap {
  min-width: 0;
}

.bs-groups-items.list-view .item-title a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.group-item-avatar {
  background: var(--mb-base-white);
  border: 3px solid var(--mb-base-white);
  box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
  border-radius: 1px;
  display: inline-block;
}

a.group-item-avatar {
  border-radius: 3px;
}

a.group-item-avatar .avatar {
  max-width: 100%;
}

.bs-groups-items.grid-view .bs-item-list-inner {
  padding-bottom: .875rem;
  text-align: left;
}

.bs-groups-items.grid-view .item-avatar {
  margin-top: -50px;
  position: relative;
  max-width: 75px;
  width: 100%;
}

.bs-groups-items.grid-view span.status {
  font-size: .75rem;
  color: #939597;
}

.bs-groups-items.grid-view .item-title {
  margin-bottom: 1rem;
}

.bs-groups-items.grid-view .item-title a {
  margin-bottom: 0;
}

.bs-group-head {
  margin-bottom: 6px;
}

.buddypress-wrap .item-list.groups-list .item-meta {
  font-size: .75rem;
  color: var(--mb-gray-500);
}

.buddypress-wrap .item-list.groups-list .invite-message {
  margin-top: 5px;
  font-size: .875rem;
  font-style: italic;
}

body #buddypress .bp-list .action .generic-button .leave-group,
body #buddypress .bp-list .action .generic-button .membership-requested {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
}

body #buddypress .bp-list .action .generic-button .leave-group:focus,
body #buddypress .bp-list .action .generic-button .membership-requested:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

body #buddypress .bp-list .action .generic-button .leave-group:hover,
body #buddypress .bp-list .action .generic-button .membership-requested:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

body #buddypress .bp-list .action .generic-button .membership-requested {
  min-width: 140px;
}

.item-desc.group-item-desc {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .875rem;
  padding-right: 20px;
}

.buddypress-wrap .groups-list .item-desc.group-item-desc p {
  margin: 0;
  max-width: 85%;
}

#buddypress .bp-list.groups-list li .list-wrap .item .item-block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  margin-bottom: 20px;
}

#buddypress .bp-list.groups-list li .list-wrap .item .item-block .groups-title a {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#buddypress .bp-list.groups-list.centered li .list-wrap .item .item-block {
  padding-right: 0;
}

#buddypress .bp-list.groups-list:not(.grid) li .list-wrap .item .item-block {
  margin-bottom: 0;
}

.groups-loop-buttons {
  -ms-flex-item-align: center;
  align-self: center;
  min-width: 140px;
}

.bp-groups-filter-wrap #dir-filters,
#groups-order-select,
div#groups-order-select .select-wrap {
  margin-top: 0;
  margin-bottom: 0;
}

@media(hover:none) {
  .entry-content .bs-group-head a.btn-group:not(.button):hover {
    color: var(--bb-primary-color);
  }

  ;
}

#buddypress .group-title {
  margin: 6px 0 2px;
}

.bs-group-members {
  display: inline-block;
  margin-right: .75rem;
}

.bs-group-members img {
  border: 1px solid var(--mb-base-white);
  max-width: 24px;
  display: inline-block;
  margin-right: -8px;
  position: relative;
  z-index: 3;
}

.bs-group-members img:nth-child(2) {
  z-index: 2;
}

.bs-group-members img:nth-child(3) {
  z-index: 1;
}

a.bb-more {
  display: inline-block;
}

a.bb-more i:before {
  margin: 0;
  font-size: 19px;
  
  position: relative;
  top: 3px;
  left: -7px;
  opacity: .7;
}

.members-count {
  color: var(--bb-body-text-color);
}

.bs-groups-items .bs-item-list-inner .item-meta {
  font-size: .75rem;
}

.bs-groups-directory .bs-item-list-tabs {
  clear: both;
}

#groups-list.bp-list .avatar {
  border-radius: 3px;
}

#groups-list.bp-list .group-avatar-wrap {
  min-height: 81px;
  min-width: 81px;
}

#groups-list.bp-list .bs-group-members {
  margin-bottom: 0;
}

.elementor-widget-wrap .buddypress-wrap.bp-shortcode-wrap .subnav-filters {
  margin: 25px 0;
}

.elementor-widget-wrap #groups-list.bp-list li {
  min-width: inherit;
  padding: 0 9px;
  margin: 0 0 20px;
  display: list-item;
}

.elementor-widget-wrap #groups-list.bp-list li .item {
  
}

.elementor-widget-wrap #groups-list.bp-list li .item-avatar {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 0;
}

.elementor-widget-wrap #groups-list.bp-list li .bs-group-members img {
  max-width: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.elementor-widget-wrap #groups-list.bp-list:not(.grid) .item-avatar {
  margin-right: 20px;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .group-avatar-wrap {
  margin-top: -47px;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar img {
  max-width: 75px;
  width: 100%;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button {
  text-align: right;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button .group-button {
  min-height: 1px;
  padding: 0;
  border: 0;
  border-radius: 0;
  min-width: 1px;
  width: auto;
  background: 0 0;
  box-shadow: none;
  margin: 5px 0 5px auto;
  font-size: .875rem;
  color: var(--bb-primary-color);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button .group-button:hover {
  color: var(--bb-primary-color);
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button .group-button span {
  font-size: 0;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button .group-button span:before {
  content: '\e876';
  font-family: bb-icons;
  speak: none;
  font-size: .875rem;
  margin-right: 5px;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
}

#groups-list.bp-list.grid.bb-cover-enabled .list-title,
#groups-list.bp-list.grid.bb-cover-enabled .item-meta {
  text-align: left;
}

#groups-list.bp-list.grid.bb-cover-enabled .groups-loop-buttons {
  -ms-flex-item-align: end;
  align-self: flex-end;
  min-width: 1px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 5px;
}

#groups-list.bp-list.grid.bb-cover-enabled .groups-loop-buttons .group-button {
  text-align: right;
}

.buddypress-wrap ul.bp-list.groups-dir-list.grid .list-wrap {
  border-radius: var(--bb-block-radius);
}

.buddypress-wrap ul.bp-list.groups-dir-list .bs-group-cover a {
  border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}

#groups-list.bp-list .item-entry .list-wrap {
  padding: 0;
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 27px;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap {
  display: block;
  min-width: auto;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .generic-button {
  margin-bottom: 0;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button) {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
  cursor: pointer;
  font-size: .75rem;
  float: right;
  
  margin: 0;
  min-height: 30px;
  min-width: initial;
  padding: 0 .75rem;
  text-align: center;
  text-transform: capitalize;
  width: auto;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button):focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button):before {
  display: inline-block;
  font-family: bb-icons;
  font-size: .875rem;
  margin-right: 5px;
  font-weight: 400;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).join-group:before {
  content: '\eef9';
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).leave-group:before,
#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).membership-requested:before {
  content: '\e876';
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).request-membership:before {
  content: '\eecc';
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).leave-group:hover:before {
  content: '\ef23';
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button):hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).join-group,
#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).request-membership {
  background-color: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  border: 1px solid var(--bb-content-border-color);
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).join-group:focus,
#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).request-membership:focus {
  box-shadow: var(--bb-outline-button-focus-shadow);
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).join-group:hover,
#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).request-membership:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button).membership-requested {
  opacity: .5;
  pointer-events: none;
}

#groups-list.bp-list.grid.bb-cover-disabled .item-avatar .groups-loop-buttons {
  display: none;
}

#groups-list.bp-list.grid.bb-cover-disabled img.avatar {
  max-width: 11rem;
  width: 100%;
}

#groups-list.bp-list.grid.bb-cover-disabled .group-avatar-wrap {
  margin: 1rem 0 0 1rem;
}

#groups-list.bp-list.grid.bb-cover-disabled .item-meta {
  margin-bottom: 5px;
}

#groups-list.bp-list.grid.bb-cover-disabled.centered .group-avatar-wrap {
  margin-top: 25px;
}

#groups-list.bp-list.grid .list-wrap .item {
  padding-bottom: 55px;
}

#groups-list.bp-list.grid .list-wrap .item.group-members-hidden.group-join-button-hidden {
  padding-bottom: 0;
}

#groups-list.bp-list.grid .list-wrap .group-footer-wrap {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -5px;
}

#groups-list.bp-list:not(.grid) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#groups-list.bp-list:not(.grid) .item-entry .item {
  -ms-flex-flow: row;
  flex-flow: row;
}

#groups-list.bp-list:not(.grid) .item-entry .item .group-item-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 250px);
  flex: 0 0 -webkit-calc(100% - 250px);
  flex: 0 0 calc(100% - 250px);
}

#groups-list.bp-list:not(.grid) .item-entry .item .group-item-wrap .item-desc p {
  max-width: 600px;
}

#groups-list.bp-list:not(.grid) .item-entry .item-avatar {
  display: block;
}

#groups-list.bp-list:not(.grid) .item-entry .group-avatar-wrap {
  margin-left: 0;
}

#groups-list.bp-list:not(.grid) .item-entry .list-wrap {
  padding: 1rem;
}

#groups-list.bp-list:not(.grid) .item-entry .list-wrap .group-footer-wrap {
  margin-bottom: 0;
}

#groups-list.bp-list:not(.grid) .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button) {
  min-width: 135px;
  padding: 1px .75rem;
}

@media screen and (max-width:1000px) {
  #groups-list.bp-list:not(.grid) .item-entry .item {
    -ms-flex-flow: column;
    flex-flow: column;
  }

  #groups-list.bp-list:not(.grid) .item-entry .item .group-footer-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  ;
}

#groups-list.bp-list.invites:not(.grid) {
  width: 100%;
  display: block;
}

#groups-list.bp-list.invites:not(.grid) .item-entry .item {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#groups-list.bp-list.left .group-footer-wrap.group-members-hidden .groups-loop-buttons {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 0;
}

#groups-list.bp-list.centered .group-footer-wrap.group-join-button-hidden {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#groups-list.bp-list.centered .group-footer-wrap.group-members-hidden {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#groups-list.bp-list.centered .group-footer-wrap.group-members-hidden .groups-loop-buttons {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

body:not(.logged-in) #groups-list.bp-list.grid .list-wrap .item.group-members-hidden {
  padding-bottom: 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry:first-child .list-wrap {
  border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}

.buddypress-wrap ul.bp-list.groups-dir-list:not(.grid) .item-entry:last-child .list-wrap {
  border-radius: 0.5rem;
}

@media screen and (min-width:1146px) and (max-width:1500px) {
  body.has-sidebar.buddypanel-open .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (min-width:1146px) and (max-width:1195px) {
  body.has-sidebar.buddypanel-open .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (min-width:1146px) and (max-width:1500px) {
  body:not(.has-sidebar).buddypanel-open .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ;
}

@media screen and (min-width:895px) and (max-width:1195px) {
  body:not(.has-sidebar).buddypanel-open .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:894px) {
  body:not(.has-sidebar).buddypanel-open .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (min-width:1046px) and (max-width:1345px) {
  body:not(.has-sidebar):not(.buddypanel-open) .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ;
}

@media screen and (min-width:800px) and (max-width:1044px) {
  body:not(.has-sidebar):not(.buddypanel-open) .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:1420px) {
  body.has-sidebar .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:1145px) {
  body.has-sidebar .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

@media screen and (max-width:1240px) {
  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }

  ;
}

@media screen and (max-width:968px) {
  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:799px) {

  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.groups-list>li,
  body.has-sidebar .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  ;
}

@media screen and (max-width:640px) {

  body:not(.has-sidebar) .buddypress-wrap .grid.bp-list.groups-list>li,
  body.has-sidebar .buddypress-wrap .grid.bp-list.groups-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  ;
}

.group-members-wrap.only-grid-view {
  font-size: .75rem;
  color: var(--mb-gray-500);
  margin-bottom: 2px;
  text-align: left;
}

.groups.group-members #group-members-search {
  height: 34px;
  font-size: 1rem;
}

.groups.group-members .buddypress-wrap .subnav-filters {
  margin: 0 auto;
}

a.bb-more-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

a.bb-more-link i {
  font-size: .75rem;
}

.groups.single-item .activity-update-form {
  margin-bottom: 20px;
}

#item-body.group-single-wrapper {
  margin: 0 -10px;
}

.bb-cover-disabled.grid .group-members-wrap.only-grid-view {
  display: none;
}

.bp-shortcode-wrap .bp-feedback.info {
  margin-top: -5px;
  margin-bottom: 20px;
}

.bp-shortcode-wrap .dir-list {
  border-top: 1px solid var(--bb-content-border-color);
  padding-top: 30px;
}

.bp-shortcode-wrap .item-desc.group-item-desc {
  padding-right: 40px;
}

.buddypress-wrap.bp-shortcode-wrap .subnav-filters {
  margin-top: -56px;
  float: right;
}

body #buddypress .bp-list .action .generic-button .group-button {
  min-width: 170px;
}

#request-membership-form #group-request-membership-comments {
  min-height: 80px;
  margin-bottom: 20px;
}

.groups .bp-single-vert-nav.bp-vertical-navs #item-body #subnav .subnav {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.groups.bb-template-v1 .bp-single-vert-nav.bp-vertical-navs #item-body #subnav .subnav li a {
  padding: 5px 10px;
  
}

@media screen and (min-width:800px) {

  .sidebar-left .bb-profile-grid,
  .sidebar-left .bb-user-nav-display-wrap {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
  }

  ;
}

@media(min-width:800px) and (max-width:1150px) {
  .has-sidebar .bs-groups-items.list-view .item-wrap-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .has-sidebar .bs-groups-items.list-view .item-wrap-left {
    margin-bottom: 20px;
  }

  .has-sidebar .bs-groups-items.list-view div.action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    margin: 0;
  }

  .has-sidebar .bs-groups-items.list-view .item-wrap-right {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .has-sidebar .bs-groups-items .item-desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
    padding-right: 0;
  }

  .has-sidebar #buddypress .bs-groups-items .action .button {
    display: inline-block;
  }

  .bs-item-list.list-view .bb-group-profile-card .bs-meta-bp_group_last_active {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }

  ;
}

@media(max-width:1000px) {
  .bs-groups-items.list-view .item-wrap-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .bs-groups-items.list-view .item-wrap-left {
    margin-bottom: 20px;
  }

  .bs-groups-items.list-view div.action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
    margin: 0;
  }

  .bs-groups-items.list-view .item-wrap-right {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .bs-groups-items .item-desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
    padding-right: 0;
  }

  #buddypress .bs-groups-items .action .button {
    display: inline-block;
  }

  .item-desc.group-item-desc {
    margin: 10px 0;
    padding-right: 0;
  }

  .item-desc.group-item-desc,
  #buddypress .bp-list.groups-list li .list-wrap .item .item-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
  }

  .buddypress-wrap .groups-list .item-desc.group-item-desc p {
    max-width: 100%;
  }

  body.logged-in .bp-list.groups-list li .item .item-block {
    margin-bottom: 0;
  }

  ;
}

@media(max-width:543px) {
  .item-title a {
    font-size: 18px;
    
  }

  .bs-groups-items.list-view .item-wrap-left {
    padding-right: 0;
  }

  .bs-groups-items.list-view .item-wrap-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  ;
}

@media screen and (max-width:782px) {
  #item-actions.group-item-actions dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 10px;
    padding: 0;
  }

  .directory.groups .bp-secondary-header {
    margin-top: 20px;
  }

  .bp-group-filter-wrap #group-type-filters,
  .bp-group-filter-wrap #group-type-select,
  .bp-group-filter-wrap #group-type-select .select-wrap {
    margin-top: 0;
    margin-bottom: 0;
  }

  ;
}

@media(max-width:380px) {
  .list-view .item-wrap-left {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .bs-item-list.list-view .item-avatar {
    margin-right: 1rem;
  }

  .bs-groups-items .item-title a {
    margin-bottom: 3px;
  }

  .bs-groups-items.list-view .item-title-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  ;
}

@media(max-width:544px) {
  .subnav-search.groups-search {
    float: right;
    margin-top: -6px;
    width: 100%;
    margin-bottom: 20px;
  }

  ;
}

.bb-single-bp-content {
  background: var(--mb-base-white);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}

#buddypress .bb-single-bp-content.bb-friends-wrap .bs-dir-search {
  margin-top: -10px;
}

.bb-single-bp-content .bs-item-list-tabs {
  margin-top: 20px;
  margin-bottom: -1rem;
  border: 0;
}

.bb-single-bp-content .bs-item-list-tabs .selected a {
  font-weight: inherit;
}

#buddypress .bb-single-bp-header {
  border-bottom: 1px solid var(--bb-content-border-color);
  margin: 0 -20px 20px;
  padding: 0 20px 1rem;
}

#buddypress .bb-single-bp-header .bs-title {
  font-family: inherit;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 600;
  text-transform: uppercase;
  
}

#buddypress .bb-single-bp-header .bs-dir-search {
  margin: 0 0 0 auto;
}

#buddypress .bb-single-bp-header .bs-link {
  font-size: .875rem;
}

.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
  max-width: none;
}

.single-item.groups #buddypress div#item-header div.generic-button {
  margin: 0;
}

.single-item.groups #buddypress div#item-header #item-buttons {
  padding: 0;
  margin-bottom: 0;
}

.single-item.groups #buddypress .group-title-bar {
  margin-top: 30px;
}

.single-item.groups #buddypress div#item-header div#item-meta {
  margin: 10px 0 5px;
  padding: 0;
}

.single-item.groups #buddypress div#item-header div#item-meta p {
  margin-bottom: .75rem;
  color: var(--bb-body-text-color);
}

.single-item.groups #buddypress .highlight,
.single-item.groups #buddypress .highlight strong {
  display: block;
  font-size: 1rem;
  background: 0 0;
}

.single-item.groups #buddypress ul.bbp-threaded-replies li.highlight {
  margin-bottom: 0;
}

.single-item.groups #buddypress .group-members-preview .gmp-list {
  margin-right: 10px;
}

.single-item.groups #buddypress .group-members-preview img {
  float: right;
  width: 32px;
  height: 32px;
  margin-left: -10px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.single-item.groups #buddypress .group-members-preview img:last-child {
  margin: 0;
}

.single-item.groups #buddypress div#item-header div#item-meta .group-members-preview p {
  margin: 0;
  font-size: .75rem;
  color: #939597;
}

.single-item.groups #buddypress div#item-header div#item-meta .group-members-preview p span {
  color: #3c4a5a;
}

.single-item.subgroups #buddypress .item-body .subnav-filters {
  margin-bottom: 1.5em;
}

.single-item.subgroups #buddypress .item-body .groups-type-navs {
  display: none;
}

#buddypress #item-header-cover-image #item-buttons {
  margin-left: auto;
}

body #buddypress .groups-header #item-header-cover-image {
  margin-left: auto;
  padding-bottom: 30px;
}

#buddypress .generic-button a.group-button.join-group,
#buddypress .generic-button a.group-button.leave-group,
#buddypress .bs-group-invite .button {
  background: 0 0;
  border-width: 1px;
  border-color: #385dff;
  box-shadow: none;
  color: #385dff;
  font-size: .875rem;
  min-height: 34px;
  padding: 6px 20px;
  border-radius: var(--bb-button-radius);
}

#buddypress .generic-button a.group-button.join-group:hover,
#buddypress .generic-button a.group-button.leave-group:hover,
#buddypress .bs-group-invite .button:hover {
  color: #0070e6;
  border-color: #0070e6;
}

.bb-group-members-wrap.bb-single-bp-content .item-meta {
  margin: 10px 0 1rem;
}

.bs-suggested-groups .item {
  margin-bottom: 10px;
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  overflow: hidden;
}

.bs-suggested-groups .item .bs-suggested-group-cover {
  height: 66px;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.bs-suggested-groups .item #item-header-avatar {
  position: relative;
  width: 52px;
  margin-left: 1rem;
  margin-top: -40px;
  border: 2px solid var(--mb-base-white);
  border-radius: 3px;
}

.bs-suggested-groups .item #item-header-avatar a {
  border-radius: 3px;
  overflow: hidden;
}

.bs-suggested-groups .item .item-meta {
  position: relative;
  padding: 10px 1rem 1rem;
}

.bs-suggested-groups .item h5 {
  margin-bottom: 0;
}

.bs-suggested-groups .item .meta-members {
  font-size: .75rem;
  color: #939597;
}

.bs-suggested-groups .item a.meta-join {
  font-size: 1rem;
  position: absolute;
  top: 2px;
  right: 1rem;
}

.bs-suggested-groups .item a.meta-join:hover {
  color: #0070e6;
}

.widget-title .stats {
  color: #818385;
}

.bs-suggested-groups .more,
.bs-group-invite .more {
  font-weight: 600;
}

.bs-group-admins ul,
.bs-group-members-grid ul,
.bs-group-photos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px -4px;
}

.bs-group-admins ul li,
.bs-group-members-grid ul li,
.bs-group-photos ul li {
  margin-bottom: 4px;
  padding: 0 2px;
  width: -webkit-calc(100% * (1/4));
  width: calc(100% * (1/4));
}

.bs-group-admins ul a,
.bs-group-members-grid ul a,
.bs-group-photos ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  font-size: .75rem;
  border-radius: 3px;
  overflow: hidden;
  background: rgba(18, 43, 70, .05);
  color: var(--bb-primary-color);
}

.bs-group-admins ul img,
.bs-group-members-grid ul img,
.bs-group-photos ul img {
  width: 100%;
}

.bs-group-photos ul li {
  width: -webkit-calc(100% * (1/3));
  width: calc(100% * (1/3));
}

.bs-group-invite .widget-title {
  margin-bottom: 10px;
}

.bs-group-invite p {
  margin-bottom: .75rem;
}

.widget .more {
  font-size: .75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget .more i {
  margin-left: -8px;
  font-size: 24px;
}

.widget .more:hover {
  color: #0070e6;
}

.bs-group-members-grid,
.bs-group-photos {
  padding-bottom: 1rem;
}

.bs-group-members-grid .more,
.bs-group-photos .more {
  margin-top: 1rem;
  text-transform: uppercase;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bs-group-invite .group-invite-form,
#buddypress .bs-group-invite .group-invite-form {
  margin-bottom: 10px;
}

.bs-group-invite input,
#buddypress .bs-group-invite input {
  font-size: .875rem;
  height: 33px;
}

.bs-group-invite input[type=email],
#buddypress .bs-group-invite input[type=email] {
  width: -webkit-calc(100% - 72px);
  width: calc(100% - 72px);
  border: 1px solid #dedfe2;
  border-radius: 3px 0 0 3px;
}

.bs-group-invite input[type=submit],
#buddypress .bs-group-invite input[type=submit] {
  min-height: 33px;
 
  padding-top: 0;
  padding-bottom: 0;
  background: #d0d4d8;
  border-radius: 0 3px 3px 0;
  border-left: 0;
  color: #fff;
}

.bs-group-invite .button:hover,
#buddypress .bs-group-invite .button:hover {
  background: 0 0;
}

.group-members-heading {
  padding: 20px;
  border: 1px solid var(--bb-content-border-color);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  background: #fff;
}

.group-members-heading h6 {
  margin: 0;
  text-transform: uppercase;
}

hr.group-members-border {
  height: 1px;
  margin: 0 20px;
  background: var(--bb-content-border-color);
}

#buddypress #member-list {
  padding: 10px;
  border: 1px solid var(--bb-content-border-color);
  border-top: none;
  border-radius: 0 0 4px 4px;
  background: #fff;
}

#buddypress #member-list li {
  padding: 10px;
  border: none;
}

#buddypress #member-list h5 {
  margin-bottom: 0;
  font-weight: 600;
}

#buddypress #member-list h5 a {
  color: var(--bb-headings-color);
}

#buddypress #member-list .member-options-wrap {
  position: relative;
  cursor: pointer;
}

#buddypress #member-list .member-options-wrap>a {
  color: var(--mb-gray-500);
}

#buddypress #member-list .member-options-wrap>a:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: 26px;
  margin: 0 8px 0 0;
  right: 0;
  box-sizing: border-box;
  border: 8px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
}

#buddypress #member-list .member-options-wrap .member-options-menu {
  position: absolute;
  right: 0;
  top: 26px;
  margin-right: -10px;
  padding: 10px 0;
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

#buddypress #member-list .member-options-wrap .member-options-menu a {
  display: block;
  padding: 2px 1rem;
  margin: 0;
  min-height: 0;
  font-size: .75rem;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  background: 0 0;
  color: var(--bb-body-text-color);
  text-align: left;
}

#buddypress #member-list .member-options-wrap .member-options-menu a:hover {
  color: var(--bb-primary-color);
  background: #f5f5f5;
}

#buddypress #member-list .member-options-wrap:hover>a {
  color: var(--bb-headings-color);
}

#buddypress #member-list .member-options-wrap:hover>a:after {
  opacity: 1;
  visibility: visible;
}

#buddypress #member-list .member-options-wrap:hover .member-options-menu {
  opacity: 1;
  visibility: visible;
}

#buddypress #member-list .inside {
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  overflow: hidden;
}

#buddypress #member-list .inside>a {
  display: block;
  overflow: hidden;
}

#buddypress #member-list .inside img {
  margin: 0;
}

#buddypress #member-list .member-info {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px;
}

#buddypress #member-list .member-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  color: #939597;
}

#buddypress #member-list .member-location i {
  margin-left: -8px;
  font-size: 20px;
}

#buddypress #member-list .activity {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.bs-item-list.square-view .bs-item-list-inner {
  padding: 0;
}

.bs-item-list.square-view .bs-item-avatar {
  margin-bottom: 0;
}

.bs-item-list.square-view .bs-item-avatar img.avatar {
  border-radius: 3px 0 0 3px;
  max-width: 150px;
}

.bs-item-list.square-view .bb-member-deails-wrap {
  text-align: left;
  padding: 20px;
}

.bs-item-list.square-view .follow-wrap {
  margin-bottom: 0;
}

.bs-item-list.square-view a.bs-dropdown-link {
  color: var(--bb-headings-color);
  border: 0;
  display: inline-block;
  opacity: .4;
  padding: 7px 0;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  font-size: 20px;
}

.bb-member-deails-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bb-member-deails-wrap>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.bb-member-deails-wrap>div:last-child {
  margin-top: auto;
}

.bb-member-deails-wrap .item-meta {
  margin-top: -20px;
}

.bp-group-status {
  margin-bottom: 1rem;
}

p.bp-group-meta.bp-group-status,
p.bp-group-meta.bp-group-type {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 8px;
  margin-bottom: 10px;
}

.groups-header #item-header-cover-image #item-actions {
  padding: 0;
  text-align: left;
}

.group-description {
  font-size: .875rem;
  color: inherit;
  margin: 10px 0;
}

.groups-header div#item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.group-members #buddypress #item-body .bp-navs.group-subnav,
.groups-header .moderators-lists .moderators-title {
  display: none;
}

.buddypress-wrap.bp-single-vert-nav .group-invites-members-listing {
  padding-bottom: 20px;
}

#group-invites-container .bb-groups-invites-left #members-list {
  max-height: 60vh;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body {
  padding-bottom: 0;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-invites-container {
  border: 0;
  margin: 0 -20px;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-invites-container .bp-navs.group-subnav {
  background: 0 0;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0 20px;
  border-radius: 0;
  border: 0;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-invites-container .group-invites-column {
  padding: 0;
}

.group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body li.selected {
  background: 0 0;
}

.pending-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-invites-container .group-invites-column {
  padding: 20px 20px 0;
}

.pending-invites #item-body #group-invites-container .bp-invites-content .list-title {
  margin-bottom: 5px;
}

.group-invites .bp-dir-hori-nav:not(.bp-vertical-navs) #item-body #group-invites-container .bp-navs.group-subnav {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-height: 1px;
  border: 0;
  padding: 0 20px;
  border-radius: 4px 4px 0 0;
  background: var(--mb-base-white);
  border-bottom: 1px solid var(--bb-content-border-color);
}

.group-invites .bp-dir-hori-nav:not(.bp-vertical-navs) #group-invites-container ul.subnav li {
  float: left;
  margin-right: 30px;
}

.group-invites .bp-dir-hori-nav:not(.bp-vertical-navs) #item-body #group-invites-container .subnav li.selected {
  background: 0 0;
  border-bottom: 1px solid var(--bb-primary-color);
  margin-bottom: -1px;
}

.group-invites .bp-dir-hori-nav:not(.bp-vertical-navs) #item-body #group-invites-container .subnav li.selected a {
  font-weight: 700;
}

.group-invites .bp-dir-hori-nav:not(.bp-vertical-navs) #item-body #group-invites-container .bp-navs.group-subnav a {
  background: 0 0;
  margin-bottom: 0;
  padding: 1rem 0;
}

@media(max-width:1050px) {
  .group-invites .bp-single-vert-nav nav#object-nav.vertical {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border: 0;
    border-bottom: 1px solid var(--bb-content-border-color);
    min-height: 1px;
    padding: 10px 0;
  }

  .group-invites .bp-single-vert-nav nav#object-nav.vertical li {
    width: auto;
  }

  .group-invites #buddypress.bp-single-vert-nav.bp-vertical-navs .bp-wrap nav#object-nav.vertical {
    border-radius: 4px 4px 0 0;
  }

  .group-invites nav#object-nav.vertical a {
    padding: 5px 1rem;
  }

  ;
}

.groups-header .parent-list .parent-title {
  display: none;
}

.groups.group-admin #buddypress.buddypress-wrap.bp-single-vert-nav #item-body {
  border: 0;
  -ms-flex-flow: column;
  flex-flow: column;
}

.groups.group-admin #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-settings-form {
  padding: 30px 0 0;
}

.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav {
  background: 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-height: 1px;
  padding: 0;
  border: 0;
}

.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav a {
  background: 0 0;
  
  padding: 0 0 10px;
  margin-bottom: -1px;
}

.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav .selected a {
  border-bottom: 1px solid var(--bb-primary-color);
  font-weight: 700;
  border-top: 0;
}

.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav li {
  float: left;
}

.bp-learndash-reports-filters-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.bp-learndash-reports-filters-form>* {
  margin-left: 10px;
  margin-bottom: 10px;
}

.bp-learndash-reports-filters-form button.button {
  font-size: .875rem;
  font-weight: 700;
  min-height: 34px;
  min-width: 120px;
  padding: 6px 20px;
}

.bp-learndash-reports-filters-form .bp-learndash-reports-filters select {
  height: 34px;
}

.bp_ld_report_table_wrapper h2 {
  font-weight: 700;
  font-size: 22px;
  
}

.bp_ld_report_table_wrapper .bp_ld_report_table {
  border: 0;
  border-collapse: collapse;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #e7eaec;
  width: 100% !important;
}

.bp_ld_report_table_wrapper .bp_ld_report_table thead tr {
  background: var(--mb-base-white);
  border-bottom: 1px solid var(--bb-content-border-color);
}

.bp_ld_report_table_wrapper .bp_ld_report_table thead th {
  border-bottom: 0;
  font-size: .75rem;
  outline: none;
  text-transform: uppercase;
  color: var(--mb-gray-500);
}

.bp_ld_report_table_wrapper .bp_ld_report_table th,
.bp_ld_report_table_wrapper .bp_ld_report_table td {
  border: 0;
  font-size: .875rem;
  padding: .75rem 20px;
}

table.dataTable.no-footer.bp_ld_report_table {
  border-bottom: 0;
}

table.dataTable thead .sorting {
  background: url(../images/svg/sort-arrows.svg) no-repeat center right 1rem;
  background-size: 10px;
}

table.dataTable thead .sorting_asc {
  background: url(../images/svg/sort-up.svg) no-repeat center right 1rem;
  background-size: 8px;
}

table.dataTable thead .sorting_desc {
  background: url(../images/svg/sort-down.svg) no-repeat center right 1rem;
  background-size: 8px;
}

.dataTables_wrapper .dataTables_processing {
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 0 0 1px #e7eaec;
  top: 0;
  height: -webkit-calc(97% - 29px);
  height: calc(97% - 29px);
  min-height: 48px;
  margin: 0 auto;
  left: 0;
  padding: 1rem 0 0;
  border-radius: 4px;
  font-size: 0;
}

.dataTables_wrapper .dataTables_processing:after {
  content: '\ef30';
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  font: normal normal normal 20px/1 "bb-icons";
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ld-report-course-name {
  font-weight: 700;
  font-size: 22px;
  
}

.ld-report-course-name a {
  color: inherit;
}

a.button.ld-report-export-csv.has-data {
  min-width: 140px;
}

.ld-report-course-stats,
.ld-report-user-stats {
  color: #939597;
  margin-bottom: 35px;
  border-radius: 5px;
}

.ld-report-course-stats b,
.ld-report-user-stats b {
  color: var(--bb-body-text-color);
}

.user-steps {
  color: #939597;
}

.user-steps b {
  color: var(--bb-body-text-color);
}

.ld-report-user-stats .user-message {
  margin-left: auto;
}

.ld-report-user-stats a.send-message {
  min-width: 120px;
}

.ld-report-user-stats .item-meta {
  font-size: .75rem;
}

.ld-report-user-stats .user-info {
  min-width: 25%;
}

#buddypress .ld-report-user-stats .generic-button .send-message {
  font-size: .875rem;
  font-weight: 700;
  min-height: 34px;
  padding: 6px 20px;
}

.item-header-wrap .bp-group-meta {
  margin: 0;
}

.item-header-wrap .bp-group-meta span {
  border-radius: 100px;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  color: inherit;
  padding: 6px 10px;
  white-space: nowrap;
}

.item-header-wrap .bp-group-meta .group-type {
  background: var(--bb-label-background-color);
  color: var(--bb-label-text-color);
  font-size: .625rem;
  font-weight: 700;
}

.item-header-wrap .bp-group-meta .type-separator {
  display: none;
}

.buddypress-wrap .item-header-wrap .bp-title {
  font-size: .875rem;
  color: var(--mb-gray-500);
  margin: 0 0 5px;
}

.item-header-wrap #item-actions.group-item-actions {
  margin-bottom: 0;
}

.item-header-wrap span.group-visibility:before {
  font: normal normal normal 18px/1 "bb-icons";
  speak: none;
  display: inline-block;
  margin-right: 5px;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.item-header-wrap span.group-visibility.public:before {
  content: '\eecf';
}

.item-header-wrap span.group-visibility.private:before {
  content: '\eecc';
}

.item-header-wrap span.group-visibility.hidden:before {
  content: '\ee6a';
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

#buddypress div#item-header-cover-image .bb-bp-group-title {
  margin: 0 10px 10px 0;
}

#buddypress #item-header .bp-group-parent-wrap .parent-list {
  margin: 0;
  padding: 0;
}

#buddypress #item-header .bp-group-parent-wrap .parent-list .avatar {
  max-width: 26px;
  height: auto;
}

#buddypress #item-header .bp-group-parent-wrap .group-list {
  margin: 0 10px 0 0;
}

#buddypress #item-header .bp-group-parent-wrap .group-list li {
  margin: 0;
}

#buddypress #item-header .bp-group-parent-wrap .bp-parent-group-title-wrap {
  margin: 0;
}

.bp-group-parent-wrap {
  margin-bottom: 10px;
}

#buddypress .bp-group-status .group-type,
#buddypress .bp-group-type .group-visibility {
  display: none;
}

.bp-parent-group-title {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  font-weight: 700;
}

.bp-current-group-title {
  font-size: .875rem;
  color: #939597;
}

#admins-list .action {
  margin-left: auto;
  margin-bottom: 0;
}

#admins-list .action .button {
  min-height: 30px;
  font-size: .75rem;
  font-weight: 600;
  padding: 0 20px;
  
}

#group-settings-form #admins-list li:last-child,
#group-settings-form #members-list li:last-child {
  border-bottom: 1px solid var(--bb-content-border-color);
}

ul#group-admins li {
  margin: 0 -10px 0 0;
}

ul#group-admins li a {
  display: inline-block;
}

ul#group-admins li .avatar {
  border: 2px solid #fff;
}

@media(max-width:800px) {
  ul#group-admins {
    margin-left: -10px;
  }

  ;
}

.groups-header .moderators-lists {
  margin: 0;
}

.groups-header #item-header-cover-image #item-actions,
.groups-header #item-header-cover-image #item-header-content {
  padding-bottom: 0;
}

.groups-header #item-header-content .generic-button .group-button {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
  box-shadow: none;
  text-transform: capitalize;
}

.groups-header #item-header-content .generic-button .group-button:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

.groups-header #item-header-content .generic-button .group-button:before {
  display: inline-block;
  font-family: bb-icons;
  font-size: 18px;
  margin-right: 5px;
}

.groups-header #item-header-content .generic-button .group-button.join-group,
.groups-header #item-header-content .generic-button .group-button.request-membership {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
}

.groups-header #item-header-content .generic-button .group-button.join-group:focus,
.groups-header #item-header-content .generic-button .group-button.request-membership:focus {
  box-shadow: var(--bb-primary-button-focus-shadow);
}

.groups-header #item-header-content .generic-button .group-button.join-group:before,
.groups-header #item-header-content .generic-button .group-button.request-membership:before {
  content: '\eef9';
  font-weight: 400;
}

.groups-header #item-header-content .generic-button .group-button.join-group:hover,
.groups-header #item-header-content .generic-button .group-button.join-group:focus,
.groups-header #item-header-content .generic-button .group-button.request-membership:hover,
.groups-header #item-header-content .generic-button .group-button.request-membership:focus {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
  border-color: var(--bb-primary-button-border-hover);
}

.groups-header #item-header-content .generic-button .group-button.request-membership:before {
  content: '\eecc';
}

.groups-header #item-header-content .generic-button .group-button.leave-group:before {
  content: '\e876';
  font-weight: 400;
}

.groups-header #item-header-content .generic-button .group-button.leave-group:hover:before {
  content: '\ef23';
}

.groups-header #item-header-content .generic-button .group-button.membership-requested {
  opacity: .5;
  pointer-events: none;
}

.groups-header #item-header-content .generic-button .group-button.membership-requested:before {
  content: '\e876';
  font-weight: 400;
}

.groups-header #item-header-content .generic-button .group-button:hover,
.groups-header #item-header-content .generic-button .group-button:focus,
.groups-header #item-header-content .generic-button .group-button:active {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

.groups-header #item-header-content .group-actions-absolute .bb_more_options {
  position: relative !important;
  top: 0;
  right: 0;
}

.groups-header #cover-image-container.centered #item-header-content .group-actions-absolute {
  position: static;
  margin-top: 0;
}

.groups-header #cover-image-container.centered #item-header-cover-image .bb-bp-group-title {
  margin-right: 0;
}

.groups-header #item-header-cover-image {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#buddypress .groups-header.single-headers .action .button {
  margin-left: .75rem;
  margin-right: 0;
  min-height: auto;
  min-width: 145px;
}

#buddypress .groups-header.single-headers .action .button.reported-content {
  opacity: .9;
}

.groups-header .moderators-lists .user-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#buddypress .groups-header.single-headers .action .generic-button:first-child .button {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.groups-meta.action:after {
  content: '';
  display: table;
  clear: both;
}

.buddypress-wrap:not(.bp-single-vert-nav) .bp-manage-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  margin-bottom: 30px;
}

.groups.group-admin #buddypress #item-body #group-settings-form {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px;
  padding: 40px 50px;
  background: var(--bb-content-background-color);
  border-radius: var(--bb-block-radius);
}

.groups.group-admin #buddypress #item-body #group-settings-form label {
  display: block;
  font-size: 1rem;
  color: var(--bb-body-text-color);
  margin-bottom: .75rem;
  margin-top: 0;
}

.groups.group-admin #buddypress #item-body #group-settings-form h4.bb-section-title {
  font-size: 20px;
  font-weight: 700;
}

.groups.group-admin #buddypress #item-body #group-settings-form p.bb-section-info {
  margin: 0 0 1rem;
}

.groups.group-admin #buddypress #item-body #group-settings-form .bb-sep-line {
  background: #eef0f3;
  height: 1px;
}

.groups.group-admin #buddypress #item-body #group-settings-form .bp-group-option-enable {
  background: var(--bb-content-alternate-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 5px;
  padding: 1rem;
}

.groups.group-admin #buddypress #item-body #group-settings-form .bp-group-option-enable label {
  margin: 0;
}

.groups.group-admin #buddypress #item-body #group-settings-form #delete-group-understand+label:before {
  margin-right: .75rem;
}

.groups.group-admin #buddypress #item-body #group-settings-form input[type=text],
.groups.group-admin #buddypress #item-body #group-settings-form textarea {
  margin-bottom: 30px;
}

.groups.group-admin #buddypress #item-body #group-settings-form textarea {
  height: auto;
  min-height: 100px;
  
  padding: 10px .75rem;
}

.groups.group-admin #buddypress #item-body #group-settings-form .bp-controls-wrap {
  margin: 0 0 30px;
}

.groups.group-admin #buddypress #item-body #group-settings-form .group-settings-selections fieldset label {
  font-weight: 600;
}

.groups.group-admin #buddypress #item-body #group-settings-form .group-parent #bp-groups-parent {
  margin-bottom: 1em;
}

.groups.group-admin #buddypress #item-body .group-settings-selections fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 20px;
}

.groups.group-admin #buddypress #item-body .group-settings-selections legend {
  color: var(--bb-headings-color);
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 1rem;
  width: 100%;
  margin-bottom: 25px;
}

.groups.group-admin #buddypress #item-body .group-settings-selections ul {
  font-size: .75rem;
  margin: 0 0 30px 53px;
  
}

.groups.group-admin #buddypress #item-body label.bp-label-text.warn {
  margin-top: 40px;
}

.groups.group-admin #buddypress #drag-drop-area {
  background: rgba(240, 243, 247, .5);
  border: 1px dashed #dedfe2;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  
}

body:not(.bb-template-v2).groups .bp-single-vert-nav #item-body .bp-zoom-webinar-container #subnav.bp-navs .subnav,
body:not(.bb-template-v2).groups .bp-single-vert-nav #item-body .bp-zoom-meeting-container #subnav.bp-navs .subnav {
  display: block;
  padding: 0 0 1rem;
  margin-bottom: -1px;
}

.groups.group-admin .bp-navs.group-subnav {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  background-color: var(--bb-body-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  min-height: 60vh;
  border-radius: 4px 0 0 4px;
  margin: 0;
  padding: 30px 0;
}

@media screen and (max-width:1041px) {
  .groups.group-admin .bp-navs.group-subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: auto;
    padding: 0;
  }

  .groups.group-admin .bp-navs.group-subnav li {
    float: left;
  }

  ;
}

.groups.group-admin .bp-navs.group-subnav a {
  border: 0;
  font-size: .875rem;
  color: var(--bb-headings-color);
  display: block;
  padding: .75rem 20px;
  margin-bottom: 1px;
}

.groups.group-admin .bp-navs.group-subnav a:hover {
  color: var(--bb-primary-color);
}

.groups.group-admin .bp-navs.group-subnav .current a,
.groups.group-admin .bp-navs.group-subnav .selected a {
  background: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  text-decoration: none;
}

@media screen and (min-width:1041px) {

  .groups.group-admin .bp-navs.group-subnav .current a,
  .groups.group-admin .bp-navs.group-subnav .selected a {
    border-top: 1px solid var(--bb-content-border-color);
    border-bottom: 1px solid var(--bb-content-border-color);
  }

  ;
}

.groups.group-admin .bp-navs.group-subnav .selected {
  position: relative;
}

.groups .bp-single-vert-nav .subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -20px;
  padding: 0 20px;
  border-bottom: 1px solid #e7e9ec;
}

.groups .bp-single-vert-nav .subnav li:not(:last-child) {
  padding-right: 30px;
}

.groups .bp-single-vert-nav .subnav .current a {
  border-color: var(--bb-primary-color);
  font-weight: 700;
}

.groups .bp-single-vert-nav .subnav a {
  background: 0 0;
  border-bottom: 1px solid transparent;
  display: block;
  padding: 0 0 1rem;
  margin-bottom: -1px;
}

.groups .bp-zoom-webinar-container .bb-model-footer,
.groups .bp-zoom-meeting-container .bb-model-footer {
  background-color: transparent;
}

.groups #buddypress .bp-zoom-webinar-container .bp-wrap-duration input,
.groups #buddypress .bp-zoom-webinar-container .bp-wrap-duration select,
.groups #buddypress .bp-zoom-meeting-container .bp-wrap-duration input,
.groups #buddypress .bp-zoom-meeting-container .bp-wrap-duration select {
  padding-right: 30px;
}

.bb-template-v2.groups #buddypress .bp-zoom-webinar-container .bp-navs,
.bb-template-v2.groups #buddypress .bp-zoom-meeting-container .bp-navs {
  padding: 0;
}

.bb-template-v2.groups #buddypress .bp-zoom-webinar-container .bp-navs a,
.bb-template-v2.groups #buddypress .bp-zoom-meeting-container .bp-navs a {
  padding: 10px;
}

.groups .bb-single-course-sidebar {
  margin: 0 !important;
}

.groups .bb-single-course-sidebar .widget {
  box-shadow: none;
  border: 1px solid var(--bb-content-border-color);
}

.groups .bb-learndash-content-wrap {
  padding-top: 0;
}

.groups .bb-grid .bb-learndash-content-wrap {
  padding-right: 10px;
}

.groups h3.bbp-topic-title {
  display: none;
}

.groups .bs-single-forum-list .bs-header-item .bs-forums-meta {
  display: none;
}

.groups #bbpress-forums {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.groups #bbpress-forums .bp-group-single-forums {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.groups .bb-learndash-content-wrap .entry-title {
  font-weight: 700;
  margin-top: 10px;
}

.groups .bb-learndash-content-wrap .bb-course-excerpt {
  margin-bottom: 30px;
}

.groups .bb-learndash-content-wrap .ld-progress-stats {
  color: inherit !important;
}

.groups .bb-learndash-content-wrap .bb-about-instructor h5 {
  margin: 0 0 5px;
}

.groups .learndash-wrapper .ld-course-status .ld-status {
  font-weight: 700;
}

#bbpress-forums.single-with-sub-forum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

#bbpress-forums.single-with-sub-forum .bp-group-single-forums {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

#bbpress-forums .bp-group-single-forums hr {
  height: 1px;
  margin: 0 0 35px;
}

#group-messages-container {
  border-color: var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  background-color: var(--bb-content-background-color);
}

#group-messages-container .select2-container--default .select2-selection--multiple {
  background-color: var(--bb-content-background-color);
}

#group-settings-form #request-list {
  margin: 0;
  padding: 0;
}

#group-settings-form #request-list li {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: var(--bb-body-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  margin: 0 0 -1px;
  padding: 1rem 20px;
}

#group-settings-form #request-list li:first-child {
  border-top-left-radius: var(--bb-block-radius);
  border-top-right-radius: var(--bb-block-radius);
}

#group-settings-form #request-list li:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-right-radius: var(--bb-block-radius);
  border-bottom-left-radius: var(--bb-block-radius);
  border-bottom-color: var(--bb-content-border-color);
}

#group-settings-form #request-list li .item-meta {
  margin-right: 20px;
}

#group-settings-form #request-list li .item-meta span.comments {
  display: block;
  font-size: .875rem;
  margin-bottom: 6px;
}

#group-settings-form #request-list li .item-meta span.activity {
  display: block;
  font-size: .75rem;
  font-weight: 400;
}

#group-settings-form #request-list .action {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#group-settings-form #request-list .item-title {
  text-align: left;
}

#group-settings-form #request-list img.avatar {
  max-width: 50px;
}

#group-settings-form #request-list .item {
  -ms-flex-flow: column;
  flex-flow: column;
}

#group-settings-form #request-list .item-title h3 {
  margin: 0 0 5px;
}

@media screen and (max-width:980px) {
  #group-settings-form #request-list li .action {
    margin-top: 1rem;
  }

  ;
}

.group-avatar #group-create-body .avatar,
.group-avatar #avatar-crop-pane {
  border-radius: 4px;
}

@media(min-width:1181px) {

  .logged-in .item-header-wrap .bp-group-title-wrap,
  .logged-in .item-header-wrap .group-description {
    max-width: 50%;
  }

  .logged-in .item-header-wrap .groups-meta.action {
    position: absolute;
    top: 20px;
    right: 20px;
    max-width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .logged-in .item-header-wrap .groups-meta.action>.generic-button {
    margin-bottom: 10px !important;
  }

  .logged-in .item-header-wrap .bb_more_options {
    position: absolute;
    top: 33px;
    right: -20px;
  }

  .groups-header #item-header-content .group-actions-absolute {
    position: absolute;
    right: 0;
    top: 20px;
    width: auto;
  }

  .groups-header .bb-disable-cover-img #item-header-content .group-actions-absolute {
    top: 20px;
  }

  ;
}

@media(max-width:1180px) {
  .groups-header #item-header-content .group-actions-absolute {
    margin-top: 1rem;
  }

  .groups-header #item-header-content .group-actions-absolute .bp-group-meta span {
    padding-left: 0;
  }

  .groups-header #item-header-content .group-actions-absolute .groups-meta {
    margin-top: 0;
  }

  ;
}

@media(max-width:1080px) {
  .groups-header #item-header-content .group-actions-absolute {
    margin-top: 1rem;
  }

  .groups-header .groups-meta {
    margin: .75rem 0 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
  }

  .bb_more_options {
    display: inline-block;
    vertical-align: middle;
  }

  .single-item.groups.has-sidebar .bp-zoom-meeting-container {
    padding-bottom: 0;
  }

  .single-item.groups.has-sidebar .widget-area:not(.widget-area-secondary) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 0;
  }

  ;
}

@media(max-width:960px) {
  .dataTables_wrapper {
    overflow: auto;
  }

  ;
}

@media(min-width:992px) and (max-width:1200px) {
  #buddypress #member-list .inside img {
    width: 90px;
  }

  #buddypress #member-list .activity {
    position: static;
  }

  ;
}

@media(max-width:799px) {
  .bb-single-bp-content .flex.bs-item-list-tabs {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #buddypress .bb-single-bp-content.bb-friends-wrap .bs-dir-search {
    margin-top: -45px;
    float: right;
  }

  .bb-single-bp-content .bs-item-list-tabs ul {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    clear: both;
  }

  #buddypress div#item-header-cover-image .bb-bp-group-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 0 .75rem;
  }

  .groups-header .groups-meta {
    margin: 4px 0;
  }

  ;
}

@media(min-width:749px) {
  .groups.messages .bp-single-vert-nav .groups-header.single-headers {
    margin-bottom: 20px;
  }

  ;
}

@media(max-width:748px) {
  .group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-invites-container .bp-navs.group-subnav {
    padding-top: 1rem;
  }

  .group-invites #buddypress.buddypress-wrap.bp-single-vert-nav #item-body #group-invites-container {
    margin: 0 -10px;
  }

  .group-invites nav#object-nav.vertical a {
    padding: 5px 0;
  }

  .group-invites .bp-single-vert-nav nav#object-nav.vertical {
    border-bottom: 0;
  }

  .group-invites .buddypress-wrap.bp-vertical-navs .bb-profile-grid {
    border: 1px solid var(--bb-content-border-color);
    border-radius: 4px;
  }

  ;
}

@media(max-width:520px) {
  .bs-item-list.square-view .bs-item-avatar img.avatar {
    max-width: 100px;
  }

  .bb-member-deails-wrap .item-meta {
    margin-top: -8px;
  }

  .bb-single-bp-header .bs-dir-search {
    width: 100%;
  }

  #buddypress .bb-single-bp-content.bb-friends-wrap .bs-dir-search {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .bs-item-list.square-view .bb-member-deails-wrap {
    padding: 8px 1rem;
  }

  .tab-container-inner .list-view .avatar:not(.profile-avatar) {
    max-width: 36px;
  }

  .tab-container-inner .bb-group-settings .item-title a {
    font-size: 1rem;
  }

  .tab-container-inner .action .button {
    width: 100%;
  }

  ;
}

@media(max-width:380px) {
  #buddypress .bb-single-bp-content.bb-friends-wrap .bs-dir-search {
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }

  .groups-header .item-header-wrap .groups-meta {
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .single-item.groups #buddypress div#item-header div.generic-button {
    margin: 0 0 10px;
  }

  .single-item.groups #buddypress div#item-header div.generic-button button {
    margin: 0;
  }

  ;
}

.messages-wrapper {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  min-height: -webkit-calc(80vh - 110px);
  min-height: calc(80vh - 110px);
}

.messages-wrapper #compose-personal-li a {
  color: var(--bb-primary-color);
}

.messages-wrapper #compose-action-personal-li .bb_more_options_action {
  position: relative;
  background-color: transparent !important;
  margin: 0px;
  padding: 0;
}

.messages-wrapper #compose-action-personal-li .bb_more_options_action>i {
  color: var(--mb-gray-500);
  font-size: 2rem;
  position: relative;
}

.messages-wrapper #compose-action-personal-li.optionsOpen .bb_more_options_action>i,
.messages-wrapper #compose-action-personal-li .bb_more_options_action:hover>i {
  color: var(--bb-primary-color);
}

.bb-template-v2 .messages-wrapper #compose-action-personal-li {
  margin-bottom: 5px;
}

.bb-template-v2 .messages-wrapper #compose-action-personal-li.optionsOpen .bb_more_options_action>i,
.bb-template-v2 .messages-wrapper #compose-action-personal-li .bb_more_options_action:hover>i {
  color: var(--bb-headings-color);
}

.bb-template-v2 .messages-wrapper #compose-action-personal-li.optionsOpen .bb_more_options_action:before,
.bb-template-v2 .messages-wrapper #compose-action-personal-li .bb_more_options_action:hover:before {
  content: '';
  height: 34px;
  width: 34px;
  background-color: var(--bb-content-alternate-background-color);
  position: absolute;
  top: 2px;
  border-radius: 6.8px;
  left: -3px;
}

.bb-template-v2 .buddypress-wrap .messages-wrapper #compose-action-personal-li .message-action-options .message_action__list li {
  margin-bottom: 0;
}

.messages-wrapper .message-action-options .bb_more_options_list li {
  width: 100%;
}

.messages-wrapper #subnav .subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  overflow: visible;
  padding: 1rem 0;
}

.messages-wrapper #subnav .subnav #back-to-thread-li {
  color: var(--bb-headings-color);
}

.messages-wrapper #subnav .subnav #back-to-thread {
  color: inherit;
}

.messages-wrapper #subnav .subnav #back-to-thread:hover>[class*=bb-icon] {
  color: var(--bb-primary-color);
}

.bb-template-v2 .messages-wrapper #subnav .subnav #back-to-thread:hover>[class*=bb-icon] {
  color: var(--bb-headings-color);
  position: relative;
}

.bb-template-v2 .messages-wrapper #subnav .subnav #back-to-thread:hover>[class*=bb-icon]:before {
  position: relative;
  z-index: 1;
}

.bb-template-v2 .messages-wrapper #subnav .subnav #back-to-thread:hover>[class*=bb-icon]:after {
  content: '';
  height: 34px;
  width: 34px;
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 6.8px;
  position: absolute;
  left: -5px;
  top: -5px;
}

.messages-wrapper #subnav li {
  margin: 0;
  padding: 0;
}

.messages-wrapper #subnav #compose-personal-li {
  margin: 0;
  padding: 0;
}

.messages-wrapper #subnav a {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.messages-wrapper .bp-no-messages #subnav .subnav {
  min-height: 76px;
}

.messages-wrapper #inbox-personal-li a {
  color: var(--mb-gray-900);
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0;
}

.messages-wrapper #inbox-personal-li a:hover {
  color: var(--bb-primary-color);
}

.messages-wrapper #compose-personal-li a {
  color: var(--bb-headings-color);
  font-size: 0;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  position: relative;
  background: 0 0;
}

.messages-wrapper #compose-personal-li a:after {
  content: "\ee5a";
  font-family: bb-icons;
  font-size: 2rem;
  font-weight: 400;
}

.messages-wrapper #compose-personal-li a:hover {
  color: var(--bb-primary-color);
  background: 0 0;
}

.bb-template-v2 .messages-wrapper #compose-personal-li a:hover:after {
  color: var(--bb-headings-color);
  position: relative;
}

.bb-template-v2 .messages-wrapper #compose-personal-li a:hover:before {
  content: '';
  height: 34px;
  width: 34px;
  background-color: var(--bb-content-alternate-background-color);
  position: absolute;
  top: -3px;
  border-radius: 6.8px;
  left: -6.5px;
}

.messages-wrapper #user_messages_search {
  height: auto;
  padding: 0.75rem 1rem 0.75rem 3rem;
  border-radius: var(--bb-block-radius-inner);
}

.messages-wrapper #user_messages_search_reset {
  color: var(--bb-body-text-color);
}

.messages-wrapper .member-status {
  right: 1px;
  top: inherit;
  bottom: 1px;
}

.bb-group-message-info {
  color: var(--mb-gray-500);
}

.bb-template-v2 .bb-group-message-info:before {
  font-weight: 300;
}

.bp-messages-nav-panel .user-messages-search,
.bp-messages-nav-panel .messages-search {
  width: 100%;
}

.bp-messages-nav-panel #subnav {
  padding: 0 20px;
  margin: 0;
  border: 0;
}

.buddypress-wrap .bp-messages-nav-panel .bp-messages-search-form {
  border-radius: var(--bb-block-radius-inner);
}

.bp-messages-nav-panel .messages-search-loader>i {
  color: var(--mb-gray-500);
}

.buddypress-wrap .bb-profile-grid .bp-messages-nav-panel .subnav-filters {
  padding: 0 20px 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid var(--bb-content-border-color);
}

.bb-template-v2 .buddypress-wrap .bb-profile-grid .bp-messages-nav-panel .subnav-filters {
  border-bottom: 0;
}

.bb-template-v2 .buddypress-wrap .bb-profile-grid .bp-messages-nav-panel.threads-scrolled .subnav-filters {
  box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
  position: relative;
  z-index: 1;
}

.bp-messages-feedback:empty {
  display: none;
}

#buddypress div.message-search {
  margin-right: 0;
  margin-left: 10px;
}

#buddypress div.message-search input[type=text] {
  height: 34px;
  font-size: .75rem;
  padding: 0 .75rem;
  border-radius: 17px;
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: .875rem 53%;
  background-image: url(../images/svg/search.svg);
  padding-left: 2.375rem;
}

.messages-screen .bp-messages-container .bp-feedback {
  margin: 30px;
  border-color: rgba(0, 0, 0, .05);
  color: var(--bb-default-notice-color);
  background-color: rgba(var(--bb-default-notice-color-rgb), .1);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.messages-screen .bp-messages-container .bp-feedback.error {
  color: var(--bb-danger-color);
  background-color: rgba(var(--bb-danger-color-rgb), .1);
}

.messages-screen .bp-messages-container .bp-feedback.error .bp-icon:before {
  content: '\ee65';
  font-weight: 200;
}

.messages-screen .bp-messages-container .bp-feedback.warning {
  color: var(--bb-warning-color);
  background-color: rgba(var(--bb-warning-color-rgb), .1);
}

.messages-screen .bp-messages-container .bp-feedback.warning .bp-icon:before {
  content: '\ee66';
}

.messages-screen .bp-messages-container .bp-feedback.success {
  color: var(--bb-success-color);
  background-color: rgba(var(--bb-success-color-rgb), .1);
}

.messages-screen .bp-messages-container .bp-feedback.success .bp-icon:before {
  content: '\e876';
  font-weight: 200;
}

.messages-screen .bp-messages-container .bp-feedback.info {
  color: var(--bb-default-notice-color);
  background-color: rgba(var(--bb-default-notice-color-rgb), .1);
}

.messages-screen .bp-messages-container .bp-feedback.info .bp-icon:before {
  content: '\eebc';
  font-weight: 200;
}

.messages-screen .bp-messages-container .bp-feedback.loading .bp-icon:before {
  content: '\e884';
}

.messages-screen .bp-messages-container .bp-feedback.help .bp-icon:before {
  content: '\eec6';
  font-weight: 200;
}

.messages-screen .bp-messages-container .bp-feedback.updated .bp-icon:before {
  content: '\e876';
  font-weight: 200;
}

.messages-screen .bp-messages-container .bp-feedback .bp-icon {
  background-color: transparent;
  color: inherit;
  font-family: bb-icons;
  font-size: 18px;
  font-weight: 200;
  padding: 0 0 0 1rem;
  margin: 0;
}

.messages-screen .bp-messages-container .bp-feedback .bp-icon:before {
  font-weight: 300;
}

.messages-screen .bp-messages-container .bp-feedback p {
  font-size: .75rem;
  padding: 10px 1rem 10px 10px;
}

.messages-screen .bp-messages-container .bp-feedback p+.bb-allowed-file-types {
  margin-top: -10px;
}

.messages-screen .bp-messages-container .bp-feedback .bb-allowed-file-types {
  font-size: .75rem;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin: 0 10px 0 40px;
}

.bb-template-v2 .messages-screen .bp-messages-container .bp-feedback {
  border-color: transparent;
}

.messages-screen .bp-messages-container .bp-send-message-notices .bp-feedback {
  margin: 20px 20px 0;
}

@-webkit-keyframes autofill {
  to {
    background-color: transparent;
    background-image: url(../images/svg/search.svg);
  }

  ;
}

#buddypress div.message-search input#messages_search:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

#message-thread {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 30px 30px 0;
  border-left: 1px solid var(--bb-content-border-color);
  max-height: 78vh;
  min-height: 78vh;
  overflow-x: hidden;
  overflow-y: auto;
}

div#buddypress #message-thread .confirm {
  position: absolute;
  top: 20px;
  right: 20px;
}

div#buddypress #message-thread div.alt {
  background: rgba(247, 250, 254, .5);
}

.message-metadata {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.message-metadata img {
  float: none;
  max-width: 40px;
  border-radius: 50%;
  margin-right: 1rem;
}

.message-metadata .meta-user-info a {
  display: block;
  font-weight: 700;
  font-size: .875rem;
  
  color: var(--bb-headings-color);
  margin-bottom: 2px;
}

.message-metadata .meta-user-info a:hover {
  color: var(--bb-primary-color);
}

.message-metadata .meta-user-info span {
  display: block;
  font-size: .75rem;
  
  color: var(--mb-gray-500);
}

.thread-load {
  display: block;
  text-align: center;
}

#bb-message-subject {
  margin-bottom: 5px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  
}

#buddypress #message-thread #message-recipients {
  margin: 0;
}

#buddypress #message-thread #message-recipients .highlight {
  font-size: .875rem;
  font-weight: 300;
  color: #939597;
  background-color: transparent;
}

#buddypress #message-thread #message-recipients .highlight a {
  color: var(--bb-headings-color);
}

#buddypress #message-thread #message-recipients .highlight a:hover {
  color: var(--bb-primary-color);
}

#message-thread {
  margin: 0;
  font-size: .875rem;
  color: var(--bb-body-text-color);
}

#message-thread h1,
#message-thread .h1,
#message-thread h2,
#message-thread .h2,
#message-thread h3,
#message-thread .h3,
#message-thread h4,
#message-thread .h4,
#message-thread h5,
#message-thread .h5,
#message-thread h6,
#message-thread .h6,
#message-thread p,
#message-thread address,
#message-thread hr {
  margin-bottom: 1rem;
}

a.bb-cover-link {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  font-size: 0;
  height: 100%;
}

.thread-to a,
.thread-subject,
.thread-excerpt {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thread-excerpt {
  max-width: -webkit-calc(100% - 107px);
  max-width: calc(100% - 107px);
  display: inline-block;
  vertical-align: middle;
}

.thread-to a {
  color: var(--bb-headings-color);
}

.thread-to a:hover {
  color: var(--bb-primary-color);
}

.thread-subject .emoji {
  max-width: .875rem;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  height: auto !important;
}

.reply-box {
  padding: 30px;
}

.reply-box .reply-box-header {
  margin-bottom: 1rem;
}

.reply-box .avatar {
  width: 40px;
  margin-right: 10px;
}

.reply-box .reply-user-info p {
  margin-bottom: 0;
  
}

.reply-box .reply-user-info p:first-child {
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-body-text-color);
}

.reply-box .reply-user-info p:last-child {
  font-size: .75rem;
  color: var(--mb-gray-500);
}

.reply-box textarea {
  display: block;
  width: 100%;
  height: 100px;
  margin-bottom: 1rem;
  padding: 0 0 0 50px;
  border: none;
  font-size: 1rem;
  resize: vertical;
}

#buddypress .reply-box input[type=submit].small {
  font-size: .875rem;
  min-height: 34px;
  padding: 6px 20px;
  border-radius: var(--bb-button-radius);
  
}

#buddypress .reply-box input[type=submit].small:hover {
  outline: none;
  text-decoration: none;
  color: var(--mb-base-white);
  background-color: #1f48ff;
  border-color: transparent;
}

#send_message_form {
  padding: 1rem;
  margin: 0;
  position: relative;
  color: var(--bb-body-text-color);
  border-width: 0;
  border-radius: 0;
  background-color: transparent;
  height: 80vh;
  max-height: 80vh;
  min-height: 670px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

#send_message_form .bp-messages-form-header {
  border-bottom: 1px solid var(--bb-content-border-color);
  margin: 0 -20px 20px;
  padding: 0 20px 18px;
}

.compose #send_message_form .bp-messages-form-header {
  border: 0;
  padding: 0;
  margin: 0;
}

.compose #send_message_form .bp-messages-form-header .bp-close-compose-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  width: 34px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3px;
}

.compose #send_message_form .bp-messages-form-header .bp-close-compose-form [class*=bb-icon] {
  color: var(--bb-headings-color);
}

.compose #send_message_form .bp-messages-form-header .bp-close-compose-form [class*=bb-icon]:hover {
  color: var(--bb-primary-color);
}

@media screen and (min-width:1080px) {
  .compose .bp-messages-container.bp-no-messages #send_message_form .bp-messages-form-header .bp-close-compose-form {
    display: none;
  }

  ;
}

#send_message_form label[for=send-to-input] {
  margin: 0;
}

#send_message_form .select2-selection--multiple {
  border-color: transparent;
  padding: 0;
  background-color: transparent;
}

#send_message_form .select2-selection__rendered {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#send_message_form .select2-selection__rendered li {
  margin: 0;
}

#send_message_form li.select2-selection__choice {
  margin-right: 10px;
  margin-bottom: 5px;
}

#buddypress #send_message_form .select2-search__field {
  background: 0 0;
  border-width: 0;
  min-width: 100%;
  width: 100% !important;
  padding-left: 0;
  padding-bottom: 35px;
  height: auto;
  box-shadow: none;
}

#send_message_form .dropzone .dz-default {
  margin: 0 0 0 5px;
}

#send_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--bb-label-background-color) !important;
  border: 0;
  border-radius: var(--bb-block-radius-inner);
  font-size: .875rem;
  color: var(--bb-label-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  padding: 2px 6px 2px 10px;
  margin-right: 5px;
}

#send_message_form .select2-selection__choice__remove {
  color: var(--bb-label-text-color);
  font-size: 0;
  margin: 0 0 0 2px;
  opacity: .5;
}

#send_message_form .select2-selection__choice__remove:before {
  font-size: 18px;
  
  background-color: transparent;
  color: var(--bb-label-text-color);
}

#send_message_form .select2-selection__choice__remove:hover {
  opacity: 1;
}

#send_message_form .bp-messages-feedback {
  top: 90px;
  position: absolute;
  left: 20px;
  right: 20px;
}

#send_message_form .bp-messages-feedback .bp-feedback {
  margin: 0 0 20px;
}

#send_message_form #bp-message-content {
  margin: auto 0 0;
}

.messages-screen .bp-messages-container .compose-feedback {
  top: 90px;
  position: absolute;
  left: 20px;
  right: 20px;
}

.messages-screen .bp-messages-container .compose-feedback .bp-feedback {
  margin: 0 0 20px;
}

.bp-compose-message #send_message_form #bp-message-content {
  margin: auto 0 0;
}

.bp-messages-content #bp-message-content {
  margin: 0;
  padding: 0;
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
  -webkit-transition: box-shadow ease .1s;
  transition: box-shadow ease .1s;
}

.bp-messages-content #bp-message-content #whats-new-messages-attachments {
  margin-top: 0;
  padding: 0 9px;
}

.bb-template-v2 .bp-messages-content #bp-message-content:focus-within {
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .12);
  -webkit-transition: box-shadow ease .1s;
  transition: box-shadow ease .1s;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
  padding-left: 2px !important;
}

.bb-template-v2.compose #send_message_form .bp-messages-form-header .bp-close-compose-form:hover {
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 6px;
}

.bb-template-v2.compose #send_message_form .bp-messages-form-header .bp-close-compose-form:hover [class*=bb-icon] {
  color: var(--bb-headings-color);
}

.bp-messages-recipient {
  border-bottom: 1px solid var(--bb-content-border-color);
}

.bp-messages-recipient>span:first-child {
  color: var(--bb-headings-color);
}

body.bb-template-v1 .select2-container .select2-dropdown.bb-compose-input .select2-results__option--load-more:before,
body.bb-template-v1 .select2-container .select2-dropdown.bb-compose-input .select2-results__option.loading-results:before {
  margin-left: 0;
}

body.bb-template-v2 .select2-container .select2-dropdown.bb-compose-input {
  border-radius: 8px;
  border: 0;
}

.thread.bb-new-message {
  background: rgba(0, 124, 255, .1);
}

.messages .ac_results {
  background: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  border-radius: 4px;
  border: none;
  min-width: 200px;
  font-size: .75rem;
  max-width: 200px;
  padding: 5px 0;
  margin-left: -.75rem;
  margin-top: 4px;
  overflow: visible;
}

.messages .ac_results:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: 1px;
  margin: 0 auto;
  left: 1rem;
  box-sizing: border-box;
  border: 6px solid #000;
  border-color: #fff #fff transparent transparent;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 2px -3px 3px 0 rgba(0, 0, 0, .02);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  z-index: 101;
}

.messages .ac_results li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.messages .ac_results .ac_odd {
  background: #fff;
}

.messages .ac_results .ac_over {
  color: var(--bb-primary-color);
  background: #f5f5f5;
}

.messages .ac_results img {
  margin-right: 0;
  width: auto !important;
  max-width: 25px;
  border-radius: 50%;
}

#buddypress div#message-thread .bb-send-reply-title {
  font-size: .75rem;
  font-weight: 700;
  color: var(--bb-body-text-color);
}

#sitewide-notice {
  position: fixed;
  z-index: 9999;
  top: 2%;
  right: 1%;
}

.bp-single-message-wrap .bp-avatar-wrap.bp-suspended-avatar {
  position: relative;
}

#message-threads .message-thread-options .bb_more_options_action i {
  color: var(--bb-headings-color);
}

.bp-user-messages-loading.loading .message-user-loading {
  padding: 1rem 3px;
}

.bb-template-v2 .bp-user-messages-loading.loading .message-user-loading {
  padding: 1rem;
}

@media(max-width:600px) {
  #send_message_form {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .bb-messages-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .thread.bb-new-message {
    display: none;
  }

  .bb-messages-wrap,
  #message-thread {
    overflow: initial;
    min-height: 100%;
    max-height: 100%;
  }

  .bb-mobile-view .bb-messages-wrap {
    display: none;
  }

  #message-thread {
    padding: 30px 20px;
  }

  .metadata-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 50px;
  }

  .message-metadata .message-star-actions {
    margin-left: auto;
  }

  ;
}

@media(max-width:520px) {
  #buddypress .bb-message-heading .message-search {
    margin: 10px auto;
    width: 100%;
  }

  .bb-message-heading .message-search #messages_search {
    width: 100%;
  }

  ;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions label {
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:focus,
.buddypress-wrap .subnav-filters .user-messages-bulk-actions .select-wrap:hover {
  box-shadow: none;
  outline: 0;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions .bulk-apply {
  padding: 0;
  margin: 0;
  min-height: 10px;
  
}

.user-messages-bulk-actions .bulk-actions.select-wrap {
  margin-left: 10px;
  margin-right: 10px;
}

.buddypress-wrap .subnav-filters .user-messages-bulk-actions div select {
  border: 1px solid #eee;
  -webkit-appearance: none;
  background-image: url(../images/svg/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  font-size: .875rem;
  height: 26px;
  padding: 0 25px 0 8px;
}

#bp-message-thread-list {
  max-height: initial;
}

#bp-message-thread-list li {
  background-color: var(--bb-content-background-color);
}

#bp-message-thread-list .bp-message-content-wrap+.bb-activity-media-wrap,
#bp-message-thread-list .bp-message-content-wrap+.bb-activity-video-wrap {
  margin-top: 10px;
}

#bp-message-thread-list .bp-message-content-wrap+.bb-activity-video-wrap {
  margin-left: -3px;
}

#bp-message-thread-list .bp-message-content-wrap p.blocked,
#bp-message-thread-list .bp-message-content-wrap p.deleted-message {
  color: var(--mb-gray-500);
  border-color: var(--bb-content-border-color);
}

.bb-template-v2 #bp-message-thread-list .bp-message-content-wrap p.blocked,
.bb-template-v2 #bp-message-thread-list .bp-message-content-wrap p.deleted-message {
  background-color: var(--bb-content-alternate-background-color);
  border-color: transparent;
}

#bp-message-thread-list li.divider-date .bp-message-content-wrap {
  color: var(--mb-gray-500);
  opacity: 1;
}

.bp-messages-content-wrapper.has_info .bp-messages-feedback .bp-feedback {
  margin: 10px 30px;
}

.bp-messages-content-wrapper .message-thread-header~.bp-messages-feedback:not(:empty) .bp-feedback {
  border-radius: 0;
  margin: 0;
  border-width: 0;
  border-color: var(--bb-content-border-color);
}

.bb-template-v2 .bp-messages-content-wrapper .message-thread-header~.bp-messages-feedback:not(:empty)~#bp-message-thread-list {
  border-top: 0;
}

.bp-messages-content-wrapper.has_info .bp-messages-feedback {
  border-top: 1px solid var(--bb-content-border-color);
  margin: 0 -20px;
}

.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
  margin-bottom: 0;
  margin-top: 0;
}

.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search #user_messages_search_form:before {
  top: 50%;
}

.bb-template-v2 .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search #user_messages_search_form:focus-within {
  border-color: var(--bb-primary-color);
  background-color: var(--bb-content-background-color);
}

.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search #user_messages_search_form button[type=submit] span {
  color: var(--mb-gray-500);
}

.buddypress-wrap .subnav-filters.bp-messages-filters ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bp-messages-content {
  margin: 0;
}

.bp-messages-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 0 20px;
  height: 80vh;
  max-height: 80vh;
  min-height: 670px;
}

.bp-messages-content-wrapper .dropzone.dz-started .dz-default.dz-message {
  display: none;
}

.bp-messages-content-wrapper .dropzone.dz-started.files-uploaded:not(.dz-max-files-reached) .dz-default.dz-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-messages-content-wrapper .bb-pusher-typing-indicator {
  margin: 0 -20px -10px;
  padding: 1rem 0 0 20px;
  z-index: 1;
  position: relative;
  background-color: var(--bb-content-background-color);
}

.bp-messages-content-wrapper .bb-pusher-typing-indicator .bb-pusher-typing-indicator-text-inner strong {
  font-weight: 700;
}

.bp-messages-content-wrapper.focus-in--scroll .bb-pusher-typing-indicator {
  border-top: 1px solid var(--bb-content-border-color);
}

.bb-template-v2 .bp-messages-content-wrapper.focus-in--scroll .bb-pusher-typing-indicator {
  box-shadow: 0 -4px 4px rgba(0, 0, 0, .1);
  border-top: 0;
  z-index: 111;
}

#buddypress #bp-message-content .dropzone .dz-default .dz-button {
  
}

#buddypress #bp-message-content .dropzone .dz-default .dz-button>strong {
  
}

body .bp-messages-user-threads {
  min-height: 550px;
  max-height: -webkit-calc(80vh - 118px);
  max-height: calc(80vh - 118px);
  height: -webkit-calc(80vh - 118px);
  height: calc(80vh - 118px);
}

#message-threads {
  border: 0;
}

#message-threads li.can-not-send-msg .thread-to:after {
  bottom: inherit;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bb-template-v2 #message-threads li.can-not-send-msg .thread-to:after {
  right: 36px;
}

#message-threads .bb-user-avatar {
  margin-right: 1rem;
}

#message-threads .bb-user-avatar .avatar {
  max-width: 40px;
}

.bb-thread-subject {
  margin-bottom: 10px;
}

nav#subnav #subnav {
  margin-bottom: 0;
}

.bb-thread-cb {
  margin-top: 10px;
}

#message-threads .bp-message-link {
  border-bottom: 0;
  padding: 1rem 45px 1rem 1rem;
  border-left: 3px solid transparent;
  min-width: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#message-threads .bp-message-link:last-child {
  border-bottom: 0;
}

#message-threads .bp-message-link.unread {
  background-color: inherit;
}

#message-threads .bp-message-link.unread .thread-to {
  position: relative;
}

#message-threads .bp-message-link.unread .thread-to:before {
  content: '\25CF';
  font-size: .875rem;
  color: var(--bb-primary-color);
  position: absolute;
  left: -.875rem;
  top: 0;
}

.bb-template-v2 #message-threads .bp-message-link {
  margin: 0 1rem 5px;
  border-radius: var(--bb-block-radius-inner);
  border: 0;
}

#message-threads .thread-item.optionsOpen:not(.current) .bp-message-link,
#message-threads .bp-message-link:hover {
  background: var(--bb-content-alternate-background-color);
}

#message-threads li.selected {
  background-color: #f7fafe;
}

#message-threads .bp-message-link .thread-cb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#message-threads .bb-thread-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.bb-thread-title {
  font-size: 1rem;
}

.bb-thread-title .bb-user-link {
  font-weight: 700;
  color: inherit;
}

.bb-thread-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px;
}

#message-threads .bp-message-link .thread-date {
  font-size: .75rem;
  color: var(--mb-gray-400);
}

#message-threads .bp-message-link .thread-date:before {
  background-color: var(--mb-gray-500);
}

.bp-messages-content time {
  font-size: .75rem;
  font-size: .75rem;
  font-weight: 300;
  color: var(--mb-gray-500);
}

.user-messages-bulk-actions .bs-styled-checkbox+label:before {
  margin-right: 1rem;
}

#buddypress .mce-toolbar .mce-btn button,
#buddypress .mce-toolbar .mce-btn button:hover,
#buddypress .mce-toolbar .mce-btn button:focus {
  background: 0 0;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  color: inherit;
  min-height: 1rem;
  padding-bottom: 2px;
}

#message-threads li .thread-content .excerpt {
  margin: 0 0 3px;
  font-size: .875rem;
  color: #7f868f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bp-messages-content #bp-message-thread-header h2:first-child {
  background-color: transparent;
  color: var(--bb-headings-color);
  padding: 0;
  margin-bottom: .75rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  
}

.bp-messages-content .preview-thread-title .messages-title,
.bp-messages-content .single-thread-title .messages-title {
  padding-left: 0;
}

ul.participants-list {
  list-style: none;
  margin: 0;
}

.preview-content .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bp-messages-content .thread-participants dd,
.bp-messages-content .thread-participants ul {
  margin-bottom: 0;
}

dl.thread-participants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 10px 20px 10px 0;
}

dl.thread-participants+.actions {
  position: absolute;
  right: 20px;
}

.bp-messages-content .thread-participants img {
  width: 100%;
  max-width: 30px;
  border-radius: 50%;
}

.bp-messages-content .preview-pane-header,
.bp-messages-content .single-message-thread-header {
  margin-bottom: 0;
}

.bp-messages-content .thread-participants {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 1rem;
  color: var(--bb-headings-color);
}

.bp-messages-content .thread-participants .participants-name {
  color: var(--bb-header-links);
  word-break: break-all;
}

.bp-messages-content .thread-participants .participants-name a {
  color: var(--bb-headings-color);
}

.bp-messages-content .thread-participants .participants-name a:hover {
  color: var(--bb-primary-color);
}

.bp-messages-content .thread-participants #view_more_members:hover .num-name,
.bp-messages-content .thread-participants a:hover .participants-name {
  color: var(--bb-primary-color);
}

.bp-messages-content .thread-participants #view_more_members .num-name {
  color: var(--bb-header-links);
  font-size: 1rem;
}

.bp-messages-content .thread-participants dt {
  padding-right: 10px;
}

.bp-messages-content .thread-participants dt,
.bp-messages-content .thread-participants dd {
  display: block;
  width: 100%;
  
}

.bp-messages-content .participants-list a {
  display: inline-block;
  margin-right: 3px;
}

div#subsubnav:empty {
  display: none;
}

dl.thread-participants {
  font-size: .875rem;
}

body.compose .bp-messages-content {
  border: 0;
}

.mce-btn button:hover,
.mce-window-head .mce-close:hover {
  background: 0 0;
  box-shadow: none;
}

.message-action-delete.bp-tooltip.bp-icons {
  background: 0 0;
  border: 0;
  color: inherit;
}

.message-action-delete.bp-tooltip.bp-icons:hover,
.message-action-delete.bp-tooltip.bp-icons:focus {
  background: 0 0;
  box-shadow: none;
  border: 0;
}

.bp-hide {
  display: none !important;
}

.bp-messages-content .thread-participants li {
  float: left;
  margin: 5px 2px;
}

#bp-message-thread-header {
    padding: 1rem 0;
}
.bp-messages-content .single-message-thread-header {
  
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bp-messages-content .single-message-thread-header .thread-avatar .thread-multiple-avatar:after {
  background-color: var(--bb-content-background-color);
}

.bp-messages-content .single-message-thread-header .actions .message_actions .message_action__list {
  min-width: 200px;
}

.bp-messages-content .single-message-thread-header .message_action__anchor {
  position: relative;
}

.bp-messages-content .single-message-thread-header .message_action__anchor [class*=" bb-icon-"] {
  font-size: 2rem;
  color: var(--bb-headings-color);
}

.bp-messages-content .single-message-thread-header .message_action__anchor:hover [class*=" bb-icon-"] {
  color: var(--bb-primary-color);
}

.bb-template-v2 .bp-messages-content .single-message-thread-header .message_actions.open .message_action__anchor [class*=" bb-icon-"],
.bb-template-v2 .bp-messages-content .single-message-thread-header .message_action__anchor:hover [class*=" bb-icon-"] {
  color: var(--bb-headings-color);
  position: relative;
}

.bb-template-v2 .bp-messages-content .single-message-thread-header .message_actions.open .message_action__anchor:before,
.bb-template-v2 .bp-messages-content .single-message-thread-header .message_action__anchor:hover:before {
  content: '';
  height: 34px;
  width: 34px;
  background-color: var(--bb-content-alternate-background-color);
  position: absolute;
  top: -.875rem;
  border-radius: 6.8px;
  left: -7.5px;
}

#buddypress .bp-messages-container .message_action__list li a {
  color: var(--bb-body-text-color);
  padding: 10px 1rem;
}

#buddypress .bp-messages-container .message_action__list li a:before {
  color: var(--mb-gray-400);
}

#buddypress .bp-messages-container .message_action__list li a:hover {
  background-color: var(--bb-content-alternate-background-color);
  color: var(--bb-primary-color);
}

#buddypress .bp-messages-container .message_action__list li a:hover:before {
  color: var(--bb-primary-color);
}

.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a:hover {
  color: var(--bb-body-text-color);
}

.bb-template-v2 #buddypress .bp-messages-container .message_action__list li a:hover:before {
  color: var(--mb-gray-500);
}

.single.messages.view .bp-messages-filters,
.single.messages.view .bp-messages-threads-list {
  display: block;
}

.bp-messages-content:empty {
  display: none;
}

.bp-messages-content,
.bp-messages-threads-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding: 0;
}

.bb-template-v1 .bp-messages-threads-list.bp-no-messages {
  border-top: 1px solid var(--bb-content-border-color);
}

#message-threads .bp-message-link .thread-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 52px;
  flex: 0 0 52px;
  margin: 0 1rem 0 0;
}

.messages-screen .user-status-icon,
#message-threads .thread-avatar .user-status-icon {
  background-color: var(--mb-gray-500);
  color: var(--bb-content-background-color);
}

#message-threads .bp-message-link .thread-avatar .thread-multiple-avatar:before {
  content: '';
  height: 38px;
  width: 38px;
  background-color: var(--bb-content-background-color);
  border-radius: 50%;
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 1;
}

#message-threads .bp-message-link .thread-avatar .thread-multiple-avatar img {
  border: 0;
}

#message-threads .bp-message-link .thread-avatar .thread-multiple-avatar img+img {
  z-index: 2;
}

#message-threads .current .bp-message-link .thread-avatar .thread-multiple-avatar:before,
#message-threads .bp-message-link:hover .thread-avatar .thread-multiple-avatar:before {
  background-color: var(--bb-content-alternate-background-color);
}

.bb-template-v2 #message-threads .current .bp-message-link .thread-avatar .thread-multiple-avatar:before,
.bb-template-v2 #message-threads .bp-message-link:hover .thread-avatar .thread-multiple-avatar:before {
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--bb-primary-color);
  background: linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--bb-primary-color);
}

#message-threads .bp-message-link .thread-avatar img.avatar {
  margin: 0;
}

.thread-to {
  color: var(--mb-gray-900);
  font-weight: 700;
  text-transform: capitalize;
}

.unread .thread-to {
  color: var(--mb-primary-500);
  font-weight: 700;
  opacity: 1;
}

.unread .thread-subject {
  font-weight: 700;
}

.unread .thread-date time {
  position: relative;
}

.unread .bp-message-link:after {
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: var(--bb-primary-color);
  display: inline-block;
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bb-template-v2 .unread .bp-message-link:after {
  right: 37px;
}

.unread.optionsOpen .bp-message-link:after,
.unread:hover .bp-message-link:after {
  display: none;
}

.buddypress-wrap .bp-messages.bp-user-messages-feedback {
  border: 0;
  border-radius: 0;
}

#bp-messages-next-page,
#bp-messages-prev-page {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  height: 34px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 1rem;
}

#message-threads .bp-message-link .thread-content .thread-subject {
  color: var(--mb-gray-500);
  font-size: .75rem;
  text-overflow: initial;
}

#message-threads .bp-message-link .thread-content .thread-subject .typing-indicator {
  display: inline-block;
  max-width: -webkit-calc(100% - 107px);
  max-width: calc(100% - 107px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

#message-threads li.unread .thread-subject .subject {
  color: var(--bb-headings-color);
}

#message-threads li .thread-content .thread-subject a {
  color: var(--bb-headings-color);
}

#message-threads li .thread-content .thread-subject a:hover {
  color: var(--bb-primary-color);
}

#message-threads li.unread .thread-date time:after {
  background-color: var(--bb-primary-color);
}

#message-threads li.unread .thread-to:before {
  color: var(--bb-primary-color);
}

.bp-avatar-wrap {
  margin-right: 18px;
  max-width: 38px;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar,
.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form {
  background-color: var(--bb-content-alternate-background-color);
}

.bp-messages-content #bp-message-content .medium-editor-toolbar.static-toolbar.active {
  overflow: visible;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form {
  width: -webkit-calc(100% + 123px);
  width: calc(100% + 123px);
  overflow: visible;
  padding: 5px 10px 5px 0;
  box-shadow: none;
}

@media screen and (max-width:430px) {
  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form {
    width: -webkit-calc(100% + 108px);
    width: calc(100% + 108px);
    padding: 2px 10px 2px 0;
  }

  ;
}

@media screen and (max-width:374px) {
  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-form {
    width: -webkit-calc(100% + 68px);
    width: calc(100% + 68px);
  }

  ;
}

.bp-messages-content #bp-message-thread-list {
  background: 0 0;
  border: 0;
  border-top: 1px solid var(--bb-content-border-color);
  margin: 0 -1rem;
  padding: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: auto;
  min-height: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bp-messages-content #bp-message-thread-list li {
  margin: 0 0px;
  border-radius: 0;
  padding: 0.5rem 1rem;
  border: 0;
  box-shadow: none;
  width: auto;
  background-color: transparent;
}

.bp-messages-content #bp-message-thread-list li .bp-avatar-wrap {
  margin: 0 1rem 0 0;
  max-width: 3rem;
}

.bp-messages-content #bp-message-thread-list li.sending,
.bp-messages-content #bp-message-thread-list li.error {
  padding-bottom: 35px;
  position: relative;
}

.bp-messages-content #bp-message-thread-list li.sending .bp-avatar-wrap,
.bp-messages-content #bp-message-thread-list li.sending .message-metadata,
.bp-messages-content #bp-message-thread-list li.sending .bb-activity-media-wrap,
.bp-messages-content #bp-message-thread-list li.sending .bp-message-content-wrap>*:not(.message_send_error):not(.message_send_sending),
.bp-messages-content #bp-message-thread-list li.error .bp-avatar-wrap,
.bp-messages-content #bp-message-thread-list li.error .message-metadata,
.bp-messages-content #bp-message-thread-list li.error .bb-activity-media-wrap,
.bp-messages-content #bp-message-thread-list li.error .bp-message-content-wrap>*:not(.message_send_error):not(.message_send_sending) {
  opacity: .5;
}

.bp-messages-content #bp-message-thread-list li.error .message_send_error {
  color: var(--bb-content-border-color);
  font-size: .75rem;
  position: absolute;
  bottom: 8px;
}

.bp-messages-content #bp-message-thread-list li.error .message_send_error a {
  font-size: .75rem;
  font-weight: 700;
  color: var(--bb-headings-color);
  opacity: .4;
  margin-right: 3px;
}

.bp-messages-content #bp-message-thread-list li.error .message_send_error a:hover {
  opacity: 1;
}

.bp-messages-content #bp-message-thread-list li.error .message_send_error a~a {
  margin-left: 3px;
}

.bp-messages-content #bp-message-thread-list li.error .info-text-error-message {
  font-size: .75rem;
  color: var(--bb-danger-color);
  margin-right: 5px;
}

.bp-messages-content #bp-message-thread-list li.error .info-text-error-message:before {
  content: '\ee65';
  font-family: bb-icons;
  font-weight: 100;
  font-size: .875rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.bb-template-v2 .bp-messages-content #bp-message-thread-list li.error .info-text-error-message:before {
  font-weight: 200;
}

.bp-messages-content #bp-message-thread-list li.sending .message_send_sending {
  position: absolute;
  bottom: 8px;
}

.bp-messages-content #bp-message-thread-list li.sending .message_send_sending .info-text-send-message {
  color: var(--mb-gray-500);
  font-size: .75rem;
  
  display: inline-block;
}

.bp-messages-content #bp-message-thread-list li.sending .message_send_sending .info-text-send-message:before {
  content: '\ef30';
  font-family: bb-icons;
  font-size: 1rem;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.bp-messages-content #bp-message-thread-list li .fluid-width-video-wrapper iframe {
  border-radius: var(--bb-block-radius-inner);
}

.bp-messages-content #bp-message-thread-list li .bp-message-content-wrap iframe[style="border-radius: 0.75rem"] {
  border-radius: var(--bb-block-radius-inner) !important;
}

.bp-messages-content #bp-message-thread-list .message-metadata .user-link strong:after {
  display: none;
}

.bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback {
  border: 0;
  border-radius: 0 0 var(--bb-block-radius) 0;
  border-top: 1px solid var(--bb-content-border-color);
  background-color: var(--bb-content-alternate-background-color);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -20px;
  padding: 20px;
}

.bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--mb-gray-500);
}

.bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback p+.generic-button {
  margin: 10px 0 0;
}

#buddypress .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback .button-wrapper .generic-button>button,
#buddypress .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback .generic-button>a {
  font-size: .875rem;
  font-weight: 600;
  color: var(--bb-primary-color);
  min-height: auto;
  background: 0 0;
  border: 0;
  padding: 0;
}

#buddypress .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback .button-wrapper .generic-button>button.requested,
#buddypress .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback .generic-button>a.requested {
  color: var(--mb-gray-500);
  cursor: auto;
  pointer-events: none;
}

#buddypress .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback .button-wrapper .generic-button>button.requested:before,
#buddypress .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback .generic-button>a.requested:before {
  content: '\e876';
  color: var(--mb-gray-500);
  font-family: bb-icons;
  font-size: 20px;
  font-weight: 300;
  vertical-align: middle;
  margin-right: 5px;
}

.bb-template-v2 .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback {
  border: 0;
  border-radius: var(--bb-block-radius-inner);
  margin: 20px 0;
}

@media screen and (max-width:1080px) {
  .bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback {
    border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
  }

  ;
}

.bp-messages-content.has_info {
  position: relative;
}

.bp-messages-content form.send-reply .avatar-box {
  padding: 0;
}

#message-threads .bp-message-link .thread-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.bp-messages-content .thread-participants .thread-date {
  color: var(--mb-gray-500);
  font-size: .75rem;
  display: inline-block;
}

#bp-message-load-more:empty {
  display: none;
}

#buddypress .message-action-delete,
#buddypress .message_action__anchor {
  background: 0 0;
  border: 0;
  color: inherit;
  font-size: .625rem;
  padding: 0;
  min-height: 1px;
  height: auto;
  width: 100%;
}

#buddypress .message-action-delete:hover,
#buddypress .message-action-delete:focus,
#buddypress .message_action__anchor:hover,
#buddypress .message_action__anchor:focus {
  background: 0 0;
  box-shadow: none;
}

#buddypress .message-action-delete .bb-icon-trash,
#buddypress .message_action__anchor .bb-icon-trash {
  color: #939597;
}

#buddypress .message-action-delete .bb-icon-menu-dots-v,
#buddypress .message_action__anchor .bb-icon-menu-dots-v {
  color: #939597;
  font-size: 21px;
}

.bp-messages-content .actions {
  
}

.bp-messages-content .actions .message_actions .message_action__list li a:hover {
  color: var(--bb-header-links-hover);
}

.bp-messages-content .actions .message_actions.loading .message_action__anchor:hover:before {
  display: none;
}

.bb-template-v2 .bp-messages-content .actions .message_actions.loading .message_action__anchor>i:before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(var(--bb-alternate-text-color-rgb), .2);
  border-top-color: var(--mb-gray-500);
}

.message-metadata .user-link {
  height: auto;
}

.bp-messages-content #bp-message-thread-list .message-metadata time {
  color: var(--mb-gray-500);
  font-size: .75rem;
  padding-left: 3px;
  
}

.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
  width: auto;
}

.bp-messages-content #bp-message-thread-list .message-metadata .user-link {
  color: var(--bb-headings-color);
}

.bp-messages-content #bp-message-thread-list .message-metadata .user-link:hover {
  color: var(--bb-primary-color);
}

.bp-messages-content #send-reply {
  margin: 0;
  padding: 0;
  border: 0;
  
  width: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 0;
}

.bp-messages-content #send-reply .message-box {
  width: 100%;
  display: none;
}

.bp-messages-content #send-reply .wp-editor-container {
  border-left: 0;
  border-right: 0;
}

.bp-messages-content #send-reply .message-metadata {
  display: none;
}

.bp-messages-content #send-reply .dropzone .dz-default {
  padding: 18px 5px;
}

.scrolled--up.focus-in--scroll #send-reply {
  border-top: 1px solid var(--bb-content-border-color);
  border-radius: 0;
}

.bb-template-v2 .scrolled--up.focus-in--scroll #send-reply {
  box-shadow: 0 -4px 4px rgba(0, 0, 0, .1);
  border-top: 0;
  z-index: 11;
}

.buddypress-wrap .standard-form#send-reply textarea {
  width: 100%;
  border: 0;
}

#bp-message-thread-list:empty {
  border: 0;
  max-height: initial;
  min-height: auto;
  padding: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  border-top: 1px solid var(--bb-content-border-color);
}

#bp-message-thread-list:empty:before {
  font: normal normal normal 25px/1 "bb-icons";
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\ef30';
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

#bp-message-thread-header:empty~#bp-message-thread-list:empty {
  margin-top: 76px;
}

.archived-empty #bp-message-thread-list {
  margin-top: 76px;
}

.messages.compose .bp-messages-filters {
  display: block;
}

#buddypress #bp-messages-send,
#buddypress #bp-messages-reset {
  min-width: 140px;
  font-weight: 700;
  height: 40px;
}

.buddypress-wrap .standard-form .wp-editor-container {
  border: 1px solid #dedfe2;
}

.send-reply.loading {
  position: relative;
}

.send-reply.loading:before {
  background: rgba(255, 255, 255, .6);
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.send-reply.loading:after {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  margin-top: 0;
  margin: auto;
  content: "\ef30";
  font-family: bb-icons;
  font-size: 24px;
  
  text-align: center;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  z-index: 12;
}

#message_content_ifr {
  max-height: 80px;
}

#message_content {
  margin-bottom: 0;
}

#message_content>p:last-child {
  margin-bottom: 0;
}

.no-message-wrap .dashicons-email-alt {
  background: url(../images/svg/new-message.svg) no-repeat center center;
  display: block;
  margin: 20px auto 0;
  height: 80px;
  width: 86px;
}

.no-message-wrap .dashicons-email-alt:before {
  display: none;
}

.no-message-wrap .bb-icon {
  color: var(--mb-gray-500);
}

.no-message-content {
  font-size: .875rem;
  color: var(--mb-gray-500);
  max-width: 310px;
  margin: 0 auto;
}

#bp-messages-threads-list .no-message-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.no-message-content>p {
  margin-bottom: 20px;
}

.no-message-content .no-messages-links {
  font-weight: 600;
}

#bp-message-content {
  border-top: 1px solid var(--bb-content-border-color);
  padding: 20px;
}

#bp-message-content .medium-editor-element,
#bp-message-content .medium-editor-placeholder {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  
}

#bp-message-content .medium-editor-element[contenteditable=true]:empty:after,
#bp-message-content .medium-editor-placeholder[contenteditable=true]:empty:after {
  color: var(--bb-body-text-color);
  content: attr(data-placeholder) !important;
  position: absolute;
  left: 0;
  padding: 0 1rem;
  font-style: normal;
  opacity: .5;
}

#bp-message-content pre {
  white-space: pre-wrap;
  position: relative;
  z-index: 1;
}

#bp-message-content pre p {
  margin-bottom: 0;
}

#bp-message-content p {
  margin-bottom: 5px;
}

#bp-message-content ul:not(.medium-editor-toolbar-actions),
#bp-message-content ol:not(.medium-editor-toolbar-actions) {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

#bp-message-content ul:not(.medium-editor-toolbar-actions) li,
#bp-message-content ol:not(.medium-editor-toolbar-actions) li {
  margin: 5px 0;
}

#bp-message-content ul:not(.medium-editor-toolbar-actions) li>ol,
#bp-message-content ul:not(.medium-editor-toolbar-actions) li>ul,
#bp-message-content ol:not(.medium-editor-toolbar-actions) li>ol,
#bp-message-content ol:not(.medium-editor-toolbar-actions) li>ul {
  margin-bottom: 0;
}

#bp-message-content .medium-editor-element:not(.emojionearea) {
  border: 0;
  min-height: auto;
  max-height: 120px;
  margin: 0;
  overflow: auto;
  padding: 20px 1rem;
  border-radius: var(--bb-block-radius-inner);
  position: relative;
}

#bp-message-content .medium-editor-element:not(.emojionearea).medium-editor-placeholder:after {
  left: 0;
  font-size: .875rem;
  position: absolute;
  font-style: normal;
  margin: 0;
  padding: 20px 1rem;
  pointer-events: none;
}

#bp-message-content .medium-editor-placeholder:after {
  color: var(--bb-body-text-color);
  opacity: .5;
}

#bp-message-content .messages-media-container .dz-button>strong {
  
}

.bp-messages-content .bp-message-content_foot_note {
  color: var(--mb-gray-500);
}

.bp-messages-content #send_reply_button {
  margin: 0;
}

#message-new-submit,
#message-reply-new-submit {
  padding: 0;
}

#message-new-submit input,
#message-reply-new-submit input {
  margin-right: 0;
}

.bp-messages-container .bp-messages.loading {
  border: 0;
  border-radius: 0;
  padding-top: 0;
}

.bp-messages-container .bp-messages.loading .dashicons-update {
  font-family: bb-icons;
}

.bp-messages-container .bp-messages.loading .dashicons-update:before {
  content: "\ef30";
}

.bb-template-v1 .bp-messages-container #message-threads:empty+.bp-messages.loading {
  border-top: 1px solid var(--bb-content-border-color);
}

.bp-message-content-wrap .bp-messages.loading {
  display: none;
}

#page .ql-bubble .ql-tooltip {
  padding: 0 10px;
}

#page .ql-bubble .ql-tooltip button {
  background: 0 0;
  margin: 0;
  padding: 0;
}

#page .ql-bubble.ql-toolbar button svg,
#page .ql-bubble .ql-toolbar button svg {
  float: none;
  max-width: 18px;
}

#page .ql-bubble .ql-toolbar .ql-formats {
  margin: 0;
}

#page .ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 0;
}

.bp-single-message-content .bp-user-link,
.bp-single-message-content strong.bp-user-deleted,
.bp-single-message-content .message-metadata>strong {
  font-size: .875rem;
  color: var(--bb-headings-color);
  font-weight: 700;
}

.bp-single-message-content .bp-user-link>strong {
  font-weight: 700;
}

.bp-single-message-content .message-metadata {
  margin: 0px 0 0.5rem;
}

.bp-single-message-content .bb-activity-media-wrap .bb-item-cover-wrap {
  border: 0px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
  background-color: var(--bb-content-alternate-background-color);
}

.bb-template-v2 .bp-single-message-content .bb-activity-media-wrap .bb-item-cover-wrap {
  border: 0;
}

.bp-single-message-content .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem {
  min-width: auto !important;
}

.bp-single-message-content .bb-activity-media-wrap.bb-media-length-1 .bb-item-cover-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  min-width: 65px;
  min-height: 65px;
}

.bp-single-message-content .bb-activity-media-wrap.bb-media-length-1 .bb-item-cover-wrap img {
  position: static;
  height: auto;
  width: auto;
  max-width: 360px;
  max-height: 360px;
  min-width: auto;
  min-height: auto;
  
  max-width: 100%;
  max-height: 15rem;
  min-width: auto;
  min-height: auto;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity {
  max-width: 400px;
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .entry-img>i {
  margin-top: 5px;
  
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap {
  color: var(--bb-headings-color);
}

.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-title,
.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-helper-text,
.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-extension-description,
.bp-single-message-content .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap .document-detail-wrap .document-description {
  
}

.bp-single-message-content .bb-activity-video-wrap.bb-video-length-1 .bb-activity-video-elem {
  min-width: auto;
  width: 100%;
  max-width: 400px;
}

.bp-single-message-content .bb-activity-video-wrap.bb-video-length-1 .bb-activity-video-elem .video-js .vjs-control-bar button {
  width: 3em;
}

.bp-single-message-content .bb-activity-video-wrap.bb-video-length-1 .bb-activity-video-elem .video-js .vjs-control-bar .vjs-time-divider {
  min-width: 1em;
}

.bp-single-message-content .bb-activity-video-wrap.bb-video-length-1 .bb-activity-video-elem .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  margin: 3px 10px 0;
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem.video-activity .video-description-wrap .entry-img>i {
  margin-top: 5px;
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem.video-activity .video-description-wrap .video-detail-wrap .video-title,
.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem.video-activity .video-description-wrap .video-detail-wrap .video-helper-text,
.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem.video-activity .video-description-wrap .video-detail-wrap .video-extension-description,
.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem.video-activity .video-description-wrap .video-detail-wrap .video-description {
  
}

.bp-single-message-content .bb-activity-media-wrap,
.bp-single-message-content .bb-activity-video-wrap {
  max-width: 600px;
}

.bp-single-message-content .bb-activity-media-elem {
  padding: 5px;
  min-width: 25%;
}

.bp-single-message-content .bb-activity-media-elem .bb-item-cover-wrap {
  padding-top: 75%;
}

@media screen and (max-width:590px) {
  .bp-single-message-content .bb-activity-media-elem {
    min-width: 33.3333% !important;
    -webkit-box-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
  }

  ;
}

@media screen and (max-width:435px) {
  .bp-single-message-content .bb-activity-media-elem {
    max-width: initial !important;
    min-width: 50% !important;
  }

  .bp-single-message-content .bb-activity-media-elem .bb-item-cover-wrap {
    padding-top: 100%;
  }

  .bp-single-message-content .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem {
    max-width: 100% !important;
  }

  ;
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem {
  padding: 5px;
  min-width: 33.3333%;
}

.bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem .bb-item-cover-wrap {
  padding-top: 66.6666%;
}

@media screen and (max-width:590px) {
  .bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem {
    min-width: 50%;
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }

  ;
}

@media screen and (max-width:435px) {
  .bp-single-message-content .bb-activity-video-wrap .bb-activity-video-elem {
    min-width: 100%;
    max-width: 100%;
  }

  ;
}

.bp-single-message-content .bb-video-wrapper {
  max-width: 400px;
}

.bp-single-message-content .fluid-width-video-wrapper {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 10px 0 0;
}

.bp-single-message-content p>iframe {
  max-width: 400px;
  width: 100%;
  height: auto;
  min-height: 200px;
}

.bp-single-message-content .activity-attached-gif-container {
  display: inline-block;
  height: auto;
  width: auto;
  max-width: 360px;
  max-height: 360px;
}

.bp-single-message-content .activity-attached-gif-container .gif-image-container {
  margin: 1rem 0 0;
}

.bp-single-message-content .activity-attached-gif-container .gif-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: center;
  min-width: 65px;
  min-height: 65px;
}

.bp-single-message-content .activity-attached-gif-container .gif-player video {
  height: auto;
  width: auto;
  max-width: 360px;
  max-height: 360px;
  width: 100%;
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
  background-color: var(--bb-content-alternate-background-color);
}

.bb-template-v2 .bp-single-message-content .activity-attached-gif-container .gif-player video {
  border: 0;
}

.bp-single-message-content img.emoji,
.bp-single-message-content img.emojioneemoji {
  margin: 1px 3px;
  width: 18px !important;
  height: 18px !important;
}

.bp-single-message-content blockquote {
  margin-top: 0;
}

ul#bp-message-thread-list .bp-message-content-wrap {
  display: block;
  position: relative;
  color: var(--mb-gray-500);
  font-size: 0.875rem;
  clear: both;
  overflow: initial;
  word-wrap: break-word;
  
  margin: 0 auto;
  overflow: hidden;
}

ul#bp-message-thread-list .bp-message-content-wrap p {
  margin-bottom: 5px;
  min-height: .1px;
}

ul#bp-message-thread-list .bp-message-content-wrap p.joined {
  position: relative;
}

ul#bp-message-thread-list .bp-message-content-wrap p.joined strong {
  font-weight: 700;
  color: var(--mb-gray-500);
}

ul#bp-message-thread-list .bp-message-content-wrap p.joined strong.bp-tooltip {
  display: inline-block;
}

@media screen and (max-width:768px) {
  ul#bp-message-thread-list .bp-message-content-wrap p.joined strong.bp-tooltip {
    position: static;
  }

  ul#bp-message-thread-list .bp-message-content-wrap p.joined strong.bp-tooltip:before {
    display: none;
  }

  ul#bp-message-thread-list .bp-message-content-wrap p.joined strong.bp-tooltip:after {
    width: 180px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 180px;
    white-space: break-spaces;
  }

  ;
}

ul#bp-message-thread-list .bp-message-content-wrap li>ol,
ul#bp-message-thread-list .bp-message-content-wrap li>ul {
  margin-bottom: 0;
}

ul#bp-message-thread-list .bp-message-content-wrap ul,
ul#bp-message-thread-list .bp-message-content-wrap ol {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

ul#bp-message-thread-list .bp-message-content-wrap li {
  background: 0 0;
  margin: 5px 0;
  padding: 0;
  list-style-type: disc;
}

ul#bp-message-thread-list .bp-message-content-wrap li p {
  margin-bottom: 0;
}

ul#bp-message-thread-list .bp-message-content-wrap ol li {
  list-style-type: decimal;
}

ul#bp-message-thread-list .bp-message-content-wrap pre {
  width: -webkit-calc(100% + 0.75rem);
  width: calc(100% + 0.75rem);
}

ul#bp-message-thread-list .bp-message-content-wrap blockquote {
  border-radius: 4px;
  padding: .75rem;
  font-size: 22px;
  
  position: relative;
  margin: 0 0 1rem;
  width: -webkit-calc(100% + 0.75rem);
  width: calc(100% + 0.75rem);
  background: #fafafa;
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
}

ul#bp-message-thread-list .bp-message-content-wrap blockquote p {
  font-size: 20px;
  margin-bottom: 0;
}

ul#bp-message-thread-list .bp-message-content-wrap blockquote:before {
  content: '\ef02';
  font-family: bb-icons;
  font-style: normal;
  display: inline-block;
  text-align: center;
  font-variant: normal;
  color: #92949d;
  width: 30px;
  height: 30px;
  font-size: 22px;
  
  background: #e2e1e0;
  border-radius: 100%;
  margin-bottom: 10px;
}

ul#bp-message-thread-list .group-messages-highlight .bp-message-content-wrap pre {
  width: auto;
  border: 1px solid #f8e8ac;
  background: #fff;
}

ul#bp-message-thread-list .group-messages-highlight .bp-message-content-wrap blockquote {
  width: auto;
  border: 1px solid #f8e8ac;
  background: #fffef7;
}

ul#bp-message-thread-list .group-messages-highlight .bp-message-content-wrap blockquote:before {
  color: #f8e8ac;
  border: 1px solid #f8e8ac;
  background: #fff;
}

.messages .bp-single-vert-nav .item-body {
  padding: 0;
}

.bb-template-v2.messages .bp-single-vert-nav .bb-profile-grid {
  margin: 0;
}

.bb-template-v2.messages .bp-single-vert-nav #item-body {
  margin-left: 0;
}

#whats-new-messages-toolbar a .bb-icon,
#whats-new-formatting-toolbar a .bb-icon {
  color: rgba(var(--bb-headings-color-rgb), .4);
}

#whats-new-messages-toolbar a:hover .bb-icon,
#whats-new-formatting-toolbar a:hover .bb-icon {
  color: var(--bb-headings-color);
}

#whats-new-messages-toolbar .medium-editor-placeholder {
  background-color: transparent;
}

#whats-new-messages-toolbar .gif-media-search-dropdown.open {
  margin: 0 0 10px -20px;
  top: auto;
  bottom: 100%;
}

#whats-new-messages-toolbar .gif-media-search-dropdown:before {
  left: 38px;
  top: auto;
  bottom: -11px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

#whats-new-messages-toolbar .gif-search-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

#whats-new-messages-toolbar .gif-search-content .gif-search-results-list {
  margin: 0;
}

#whats-new-messages-toolbar .messages-attached-gif-container {
  margin-bottom: 0;
}

#whats-new-messages-toolbar .messages-attached-gif-container .gif-search-query .search-query-input {
  background-color: transparent;
  border: 0;
}

@media screen and (max-width:1080px) {
  #whats-new-messages-toolbar .gif-media-search-dropdown.open {
    z-index: 999;
  }

  #whats-new-messages-toolbar .gif-media-search-dropdown.open .gif-search-results {
    max-height: 280px;
  }

  #whats-new-messages-toolbar .post-gif:first-child .gif-media-search-dropdown.open {
    left: -10px;
  }

  #whats-new-messages-toolbar .post-gif:first-child .gif-media-search-dropdown.open:before {
    left: 50px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown.open {
    left: -44px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(2) .gif-media-search-dropdown.open:before {
    left: 84px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown.open {
    left: -78px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(3) .gif-media-search-dropdown.open:before {
    left: 118px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown.open {
    left: -10.75rem;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(4) .gif-media-search-dropdown.open:before {
    left: 152px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(5) .gif-media-search-dropdown.open {
    left: -146px;
  }

  #whats-new-messages-toolbar .post-gif:nth-child(5) .gif-media-search-dropdown.open:before {
    left: 186px;
  }

  ;
}

#whats-new-formatting-toolbar .emojionearea {
  background-color: transparent;
}

#whats-new-formatting-toolbar .emojionearea .emojionearea-picker .emojionearea-search>input {
  outline: none;
  width: 100%;
  min-width: 100%;
  height: 30px;
}

#whats-new-formatting-toolbar .emojionearea .emojionearea-picker {
  top: auto;
  bottom: 3rem;
  right: 100%;
  left: inherit;
  margin-right: -25px;
}

#whats-new-formatting-toolbar .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  bottom: -10px;
  top: auto;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: inherit;
  right: 5px;
}

.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  display: none;
}

@media screen and (max-width:1080px) {
  #whats-new-formatting-toolbar .post-emoji .emojionearea .emojionearea-picker {
    z-index: 999;
  }

  ;
}

.bp-back-to-thread-list {
  margin: 0px 1rem 0 0;
}

.bp-back-to-thread-list [class*=bb-icon] {
  font-size: 24px;
  color: var(--bb-headings-color);
}

@media screen and (min-width:1081px) {
  #message-threads .current>a {
    background: var(--bb-content-alternate-background-color);
    border-color: var(--bb-primary-color);
  }

  .bb-template-v2 #message-threads .current>a {
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--bb-primary-color);
    background: linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--bb-primary-color);
  }

  ;
}

.message-thread-options:hover~.bp-message-link {
  background: var(--bb-content-alternate-background-color);
  border-color: var(--bb-primary-color);
}

.bb-template-v2 .message-thread-options .current:hover+.bp-message-link {
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--bb-primary-color);
  background: linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--bb-primary-color);
}

.bb-template-v2 #message-threads .message-thread-options {
  right: 30px;
}

.bb-template-v2 #message-threads .message-thread-options.loading .bb_more_options_action:hover {
  background-color: transparent;
}

.bb-template-v2 #message-threads .message-thread-options.loading .bb_more_options_action>i:before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(var(--bb-alternate-text-color-rgb), .2);
  border-top-color: var(--mb-gray-500);
}

.bb-template-v2 #message-threads .message-thread-options .bb_more_options_action:hover,
.bb-template-v2 #message-threads .optionsOpen .message-thread-options .bb_more_options_action {
  background-color: var(--bb-content-background-color);
  border-radius: 6px;
}

.bp-single-message-content .bp-message-content-wrap p.joined {
  color: var(--mb-gray-500);
  font-style: normal;
}

.header-aside .thread-multiple-avatar {
  min-height: 36px;
  min-width: 36px;
  margin: 0 -2px;
  position: relative;
}

.header-aside .thread-multiple-avatar img {
  border: 2px solid var(--mb-base-white);
  max-width: 28px;
  position: absolute;
  left: 0;
  top: 0;
}

.header-aside .thread-multiple-avatar img+img {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.header-aside li:hover .thread-multiple-avatar img {
  border-color: #f5f5f5;
}

.header-aside .unread .thread-multiple-avatar img {
  border-color: #f7fafe;
}

.messages-wrap .notification-dropdown .notification-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
}

.messages-wrap .notification-dropdown .notification-list {
  max-width: 400px;
}

.messages-wrap .notification-dropdown .notification-list li .notification-content {
  width: 100%;
  overflow: hidden;
}

.messages-wrap .notification-dropdown .notification-list li .notification-content .notification-users {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  display: block;
  white-space: nowrap;
}

.messages-wrap .notification-dropdown .notification-list li .notification-content .notification-users>a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.bb-pusher-typing-indicator-text,
.thread-item .typing-indicator {
  color: var(--mb-gray-500);
}

#message-form-submit-wrapper,
#message-reply-form-submit-wrapper {
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 0 0 var(--bb-block-radius-inner) var(--bb-block-radius-inner);
  margin: 0;
  padding: 1rem;
  border-radius: 0;
}

.bb-template-v1 #message-form-submit-wrapper,
.bb-template-v1 #message-reply-form-submit-wrapper {
  border-top: 1px solid var(--bb-content-border-color);
}

#message-new-submit,
#message-reply-new-submit {
  background-color: var(--bb-primary-color);
  border-radius: var(--bb-button-radius);
}

#message-new-submit:before,
#message-reply-new-submit:before {
  color: var(--bb-primary-button-text-regular);
}

.message-members-list .bb-report-type-pagination .page-data #load_more_rl.loading,
.mass-user-block-list .bb-report-type-pagination .page-data #load_more_rl.loading {
  color: var(--mb-gray-500);
}

@media screen and (min-width:46.8em) {
  .bp-single-vert-nav .subnav {
    background: 0 0;
  }

  .bp-single-vert-nav .subnav li {
    font-size: inherit;
    margin: 0;
  }

  .bp-single-vert-nav .subnav li a {
    border-right: 0;
    padding: 0 0 5px;
  }

  ;
}

@media screen and (min-width:55em) {

  .buddypress-wrap form.bp-dir-search-form,
  .buddypress-wrap form.bp-invites-search-form,
  .buddypress-wrap form.bp-messages-search-form {
    width: auto;
  }

  ;
}

@media screen and (min-width:1081px) {
  .bp-messages-nav-panel {
    border-right: 1px solid var(--bb-content-border-color);
  }

  ;
}

@media screen and (max-width:1080px) {
  .messages-wrapper {
    margin-bottom: 20px;
  }

  .bp-messages-content-wrapper,
  #send_message_form {
    min-height: 670px;
  }

  .message-thread-header .bp-back-to-thread-list {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .message-thread-header .thread-avatar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .message-thread-header .thread-participants {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
  }

  ;
}

@media screen and (max-width:800px) {
  .messages-screen>.flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .messages-screen>.flex .bp-messages-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-top: 1px solid var(--bb-content-border-color);
  }

  ;
}

@media screen and (max-width:680px) {
  .messages-wrapper #subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .buddypress-wrap .messages-wrapper .bp-subnavs {
    margin: 0;
  }

  .messages-wrapper #subnav .subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .messages-screen {
    border-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .bp-messages-content #message-threads {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    max-height: 100%;
    overflow: initial;
  }

  ;
}

@media screen and (min-width:46.8em) {
  .bp-messages-user-threads {
    max-height: 66vh;
  }

  ;
}

@media screen and (max-width:560px) {

  .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #whats-new-messages-toolbar .media-off,
  .bp-messages-content #bp-message-content #message-form-submit-wrapper #whats-new-messages-toolbar .media-off {
    height: 27px;
  }

  .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #whats-new-messages-toolbar .media-off+.medium-editor-toolbar,
  .bp-messages-content #bp-message-content #message-form-submit-wrapper #whats-new-messages-toolbar .media-off+.medium-editor-toolbar {
    bottom: -10px;
  }

  .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #message-new-submit,
  .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #message-reply-new-submit,
  .bp-messages-content #bp-message-content #message-form-submit-wrapper #message-new-submit,
  .bp-messages-content #bp-message-content #message-form-submit-wrapper #message-reply-new-submit {
    margin: 0;
    padding: 0.25rem;
    width: 5rem;
    height: auto;
    border-radius: 0.5rem;
  }

  ;
}

@media screen and (max-width:430px) {
  .bp-messages-content #bp-message-content #whats-new-messages-toolbar {
    padding: 1px 1rem 0 0;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar [class*=" bb-icon-"] {
    font-size: 2rem;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar .post-elements-buttons-item {
    margin: 0 1rem 0 0;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar.active {
    height: 35px;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar.active .medium-editor-toolbar-input {
    height: 35px;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button {
    min-width: 20px;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions button.medium-editor-button-first {
    padding-left: 0 !important;
    padding-right: 0;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions .medium-editor-button-last {
    padding-right: 0 !important;
  }

  .bp-messages-content #bp-message-content .medium-editor-toolbar .medium-editor-toolbar-actions b:before {
    font-size: 18px;
  }

  .bp-messages-content #bp-message-content #whats-new-formatting-toolbar {
    margin: 1px 5px 0 0;
  }

  .bp-messages-content #bp-message-content #whats-new-formatting-toolbar [class*=" bb-icon-"] {
    font-size: 2rem;
  }

  .bp-messages-content #bp-message-content #whats-new-formatting-toolbar .post-elements-buttons-item {
    margin: 0 1rem 0 0;
  }

  .bp-messages-content #bp-message-content #whats-new-formatting-toolbar .emojionearea .emojionearea-button:before {
    font-size: 2rem;
    
  }

  #whats-new-formatting-toolbar .emojionearea .emojionearea-picker {
    margin-right: -75px;
  }

  #whats-new-formatting-toolbar .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    right: 55px;
  }

  ;
}

@media screen and (max-width:374px) {

  #message-form-submit-wrapper,
  #message-reply-form-submit-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar {
    padding: 0;
    min-width: -webkit-calc(100% - 50px);
    min-width: calc(100% - 50px);
    min-height: 20px;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar .post-elements-buttons-item {
    margin-right: 6px;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar .medium-editor-toolbar-actions .medium-editor-action b {
    width: 22px;
  }

  .bp-messages-content #bp-message-content #whats-new-messages-toolbar [class*=" bb-icon-"] {
    font-size: 2rem;
  }

  .bp-messages-content #bp-message-content #whats-new-formatting-toolbar {
    margin: 0;
  }

  .bp-messages-content #bp-message-content #whats-new-formatting-toolbar .post-elements-buttons-item:last-child {
    margin-right: 0;
  }

  .bp-messages-content #bp-message-content #message-form-submit-wrapper #message-new-submit,
  .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #message-reply-new-submit {
    margin: 10px auto 5px;
    width: auto;
    padding: 0 1rem;
  }

  .bp-messages-content #bp-message-content #message-new-submit #bp-messages-send,
  .bp-messages-content #bp-message-content #message-reply-new-submit #send_reply_button {
    position: static;
    opacity: 1;
    background-color: transparent;
    border: 0;
    padding: 0 10px;
    min-width: auto;
  }

  .bp-messages-content .bp-message-content_foot_note {
    font-size: .625rem;
    text-align: center;
  }

  .bp-messages-content .bp-message-content_foot_note .space_note {
    margin-right: 10px;
  }

  #whats-new-formatting-toolbar .emojionearea .emojionearea-picker {
    margin-right: -60px;
  }

  #whats-new-formatting-toolbar .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    right: 40px;
  }

  ;
}

#buddypress .notifications-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .875rem;
}

#buddypress .notifications-header .entry-title {
  margin: 0;
}

#buddypress .notifications-header .subnav-filters {
  margin: 0;
}

#buddypress .notifications-header #subnav {
  border: 0;
}

#buddypress .notifications-header .bp-navs {
  margin: 0;
  width: auto;
}

#buddypress .notifications-header .bp-navs li {
  margin-bottom: 0;
}

#buddypress .notifications-header .bp-navs li:last-child {
  padding: 0;
}

@media screen and (max-width:544px) {
  .notifications-options-nav>.select-wrap {
    width: 100%;
  }

  .notification-list .bs-header-item .bb-sort-by-date {
    margin-left: 10px;
  }

  ;
}

.bs-member-notifications .notification-header {
  border: 0;
  padding: 0;
  margin-bottom: 30px;
}

.bs-member-notifications .title.title {
  font-size: 1.75rem;
}

.bs-member-notifications .notification-header a {
  font-size: .875rem;
}

.bs-member-notifications .notification-header .settings {
  color: inherit;
  font-size: 1.375rem;
  color: #9ca8b4;
  min-width: 22px;
  text-align: right;
  margin-left: 20px;
}

.notification-wrap.menu-item-has-children>a:after {
  bottom: -4px;
  left: 0;
}

.notification-wrap.menu-item-has-children>a:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 7px;
  left: 4px;
  width: 1rem;
  height: 1rem;
  background: var(--bb-content-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  border-bottom: 1px solid var(--bb-content-border-color);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0;
  visibility: hidden;
}

.notification-wrap.menu-item-has-children.selected>a:before {
  opacity: 1;
  visibility: visible;
  z-index: 1002;
}

.circle-mark {
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-radius: 100%;
  color: rgba(var(--bb-primary-color), .5);
}

.circle-mark.read {
  background: var(--bb-primary-color);
}

.notification-list .unread {
  position: relative;
}

.notification-list .unread:before {
  background-color: var(--bb-primary-color);
  border-radius: 50%;
  content: '';
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10px;
}

.notification-list .unread:hover {
  background: var(--bb-content-alternate-background-color);
}

.notification-list .unread:hover:before {
  display: none;
}

.notification-list .unread:hover .actions:hover .mark-read {
  color: #122b46;
}

.bs-item-list.notification-list .bs-item-wrap.read-item {
  background: var(--bb-content-alternate-background-color);
}

.bs-item-list.notification-list .bs-item-wrap:not(.no-hover-effect):hover {
  border-left-color: #f5f5f5;
  border-right-color: #f5f5f5;
}

.unread-item {
  background: #f0f3f7;
}

.notification-list {
  margin-left: 0;
}

.site-header .notification-list {
  min-width: 400px;
  max-height: 52vh;
  overflow: auto;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow-x: hidden;
}

.site-header .notification-list .read-item .notification-avatar a>i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--mb-gray-500);
  bottom: -5px;
  border-radius: 50%;
  color: var(--bb-content-background-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .75rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 19px;
  
  position: absolute;
  z-index: 1;
  right: -5px;
  width: 19px;
}

.site-header .notification-list .read-item .notification-avatar a>i.bb-icon-calendar {
  font-size: 17px;
}

@media(max-width:543px) {
  .site-header .notification-list {
    min-width: 330px;
  }

  ;
}

@media(max-width:380px) {
  .site-header .notification-list {
    min-width: 280px;
  }

  ;
}

.notification-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1rem;
  border-bottom: 1px solid var(--bb-content-border-color);
  position: relative;
}

.notification-list li.bs-item-wrap:hover {
  background-color: transparent;
}

.notification-list li:hover {
  background: var(--bb-content-alternate-background-color);
}

@media(min-width:1025px) {
  .notification-list li:hover .actions {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s all;
    transition: .2s all;
  }

  ;
}

.notification-list .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-left: 5px;
  position: relative;
}

@media(min-width:1025px) {
  .notification-list .actions {
    opacity: 0;
    visibility: hidden;
  }

  ;
}

.notification-list .actions a {
  display: inline-block;
  padding: 0;
  font-size: 24px;
  margin-left: 4px;
}

.notification-list .bs-item-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notification-list .delete-notification {
  color: var(--bb-headings-color);
  opacity: .4;
  margin-left: 10px;
}

.notification-list .delete-notification:hover {
  color: var(--bb-primary-color);
  opacity: 1;
}

.menu-item-has-children .notification-list li:last-child {
  margin-bottom: -1px;
}

.menu-item-has-children .notification-list .bs-item-wrap:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

#header-notification-dropdown .notification-list li {
  padding-right: .75rem;
}

.notification-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--bb-content-border-color);
}

.notification-header a {
  display: block;
  font-size: .75rem;
  font-weight: inherit;
  color: var(--bb-primary-color);
  margin: 0 0 0 22px;
  padding: 0;
}

.notification-header a:hover {
  background: 0 0;
}

.notification-header a.mark-all-read {
  margin-left: auto;
}

.notification-header .settings {
  color: inherit;
}

.notification-header .settings i {
  margin-left: -7px;
}

.notification-header .title {
  font-size: 1.125rem;
  margin: 0;
}

.notification-header .title+a {
  margin-left: auto;
}

.notification-header .mark-read-all {
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-primary-color);
  cursor: pointer;
}

.notification-header .mark-read-all:hover {
  color: var(--bb-primary-color);
}

.notification-avatar {
  margin-right: 10px;
  position: relative;
}

.notification-avatar img {
  display: block;
  max-width: 36px;
  border-radius: 50%;
  image-rendering: -webkit-optimize-contrast;
}

.notification-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .875rem;
  color: var(--mb-gray-500);
  position: relative;
}

.notification-content a {
  color: var(--bb-headings-color);
}

.notification-content a:hover {
  background: 0 0;
}

.notification-content a span {
  color: var(--bb-primary-color);
  display: inline-block;
}

.notification-content .typing-indicator,
.notification-content .posted {
  display: block;
  font-size: .8125rem;
  margin-top: 3px;
  
}

[dir=rtl] .notification-content .typing-indicator,
[dir=rtl] .notification-content .posted {
  direction: rtl;
}

.bs-item-wrap .notification-content {
  font-size: .875rem;
}

.bs-item-wrap span.posted {
  font-size: .875rem;
}

.bs-item-wrap .notification-avatar {
  margin-right: 20px;
}

.notification-wrap .bs-item-wrap .notification-content {
  text-align: center;
}

.notification-footer {
  position: relative;
  bottom: 0;
  background: var(--bb-content-background-color);
  width: 100%;
  border-top: 1px solid var(--bb-content-border-color);
}

.notification-footer .delete-all {
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-primary-color);
  padding: 1rem 0;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.notification-footer .bb-icon-angle-right {
  color: inherit;
  margin-left: 0;
  opacity: .6;
}

.bb-full-link {
  font-size: 0;
}

.bb-full-link>a {
  cursor: pointer;
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}

#header-messages-dropdown-elem .notification-link.active i:after {
  right: 0;
}

#header-messages-dropdown-elem .notification-users a {
  font-weight: 700;
}

#header-messages-dropdown-elem .notification-list li {
  padding: 1rem 40px 1rem 1rem;
}

#header-messages-dropdown-elem .notification-list li.unread:before {
  display: block;
}

body.settings .bp-vertical-navs #item-body,
body.messages .bp-vertical-navs #item-body,
body.notifications .bp-vertical-navs #item-body {
  margin: 0;
  padding: 0;
}

body.settings .bp-vertical-navs #subnav,
body.messages .bp-vertical-navs #subnav,
body.notifications .bp-vertical-navs #subnav {
  margin: 0;
}

body.settings #buddypress.bp-single-vert-nav.bp-vertical-navs .bp-wrap,
body.messages #buddypress.bp-single-vert-nav.bp-vertical-navs .bp-wrap,
body.notifications #buddypress.bp-single-vert-nav.bp-vertical-navs .bp-wrap {
  margin-top: 0;
}

body.settings.bb-template-v1 .bp-vertical-navs #item-body,
body.messages.bb-template-v1 .bp-vertical-navs #item-body,
body.notifications.bb-template-v1 .bp-vertical-navs #item-body {
  padding: 20px;
}

body.messages.bb-template-v1 .bp-vertical-navs #item-body {
  padding: 20px;
}

@media(min-width:544px) {
  #notifications-filter-select .select-wrap {
    margin: 0 0 0 30px;
  }

  ;
}

@media(max-width:543px) {
  .bs-member-notifications .bs-item-list.list-view .bs-item-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  section.notifications .notification-list .actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 10px;
    padding-left: 75px;
  }

  .bs-item-wrap span.posted {
    margin-top: 5px;
  }

  .bs-member-notifications .notification-header {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #buddypress #item-body .bs-member-notifications .title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }

  .bs-member-notifications .notification-header a.mark-all-read {
    margin-left: 0;
  }

  .bs-member-notifications .notification-header .settings {
    margin-left: auto;
  }

  #buddypress .notifications-header {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #buddypress .notifications-header .subnav-filters {
    margin-top: 20px;
    width: 100%;
  }

  .notifications-header .subnav-search,
  .notifications-header .notifications-search {
    width: 100%;
  }

  #buddypress .notifications-header .bp-navs li:last-child {
    padding-right: 0;
  }

  .notifications-header .subnav-filters div {
    margin-top: 0;
    margin-bottom: 0;
  }

  ;
}

@media screen and (max-width:440px) {
  .bb-sort-by-date {
    margin-top: 10px;
    width: 100%;
  }

  ;
}

body.bp-user.profile:not(.public) #buddypress.bp-single-vert-nav.bp-vertical-navs .bp-wrap {
  margin-top: 0;
}

body.bp-user.profile:not(.public) .bp-wrap {
  background: 0 0;
  border: 0;
}

body.bp-user.profile:not(.public) .bp-vertical-navs #item-body {
  margin: 0;
  padding: 0;
}

body.bp-user.profile:not(.public) .bp-vertical-navs #subnav {
  margin: 0 !important;
}

.bp-vertical-navs .bb-profile-grid {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px;
  margin: 0;
}

@media screen and (max-width:748px) {
  .bp-vertical-navs .bb-profile-grid {
    margin-left: -10px;
    margin-right: -10px;
  }

  ;
}

.buddypress-wrap .profile {
  margin: 0;
}

header.profile-header {
  margin-bottom: 30px;
}

#item-body .bb-profile-title {
  margin: 0;
}

.profile-loop-header {
  margin-bottom: 0;
  border-bottom: 1px solid var(--bb-content-border-color);
  margin: 0 0 30px;
  padding: 20px 0;
}

.profile-loop-header .entry-title.bb-profile-title {
  margin: 0;
  font-family: inherit;
  font-size: 18px;
  
}

@media(max-width:375px) {
  #buddypress .bp-profile-content .profile-loop-header .button {
    padding: 6px .875rem;
  }

  ;
}

.bp-profile-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  margin-bottom: 30px;
}

.bp-profile-wrapper.need-separator {
  background-color: transparent;
  border-color: transparent;
}

.bp-profile-wrapper.need-separator .bp-profile-content {
  padding: 0;
}

.bp-profile-wrapper.need-separator .group-separator-block {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  margin-bottom: 30px;
  padding: 0 30px;
}

.bp-profile-wrapper.need-separator table.profile-fields td.data>p {
  margin: 0 0 10px;
}

.bp-profile-wrapper.need-separator header.profile-header {
  margin-bottom: 20px;
}

.bp-profile-wrapper.need-separator .bp-widget {
  margin-bottom: 5px;
}

.bp-profile-wrapper.need-separator .repeater-separator {
  display: none;
}

.bp-profile-wrapper table.profile-fields {
  box-shadow: none;
  border-radius: 0;
  border: 0;
}

.bp-profile-wrapper .bp-tables-user tbody tr:nth-child(odd) {
  background: 0 0;
}

.bp-profile-wrapper .bp-widget:not(:last-child) {
  margin-bottom: 30px;
}

.bp-profile-wrapper #public-personal-li {
  display: none;
}

.bb-user-nav-display-wrap .bp-profile-wrapper {
  background: 0 0;
  border: 0;
  border-radius: 0;
}

.bb-user-nav-display-wrap .bp-profile-content {
  padding: 0;
}

.bb-user-nav-display-wrap header.profile-header {
  padding-top: 0;
  padding-bottom: 20px;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 230px;
  flex: 0 0 230px;
  background-color: var(--bb-body-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  min-height: 60vh;
  border-radius: 4px 0 0 4px;
  margin: 0;
  padding: 30px 0;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav .subnav {
  float: none;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav li {
  float: none;
  padding: 0;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav a {
  border: 0;
  font-size: .875rem;
  color: var(--bb-headings-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .75rem 20px;
  margin-bottom: 1px;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav a:before {
  content: '\ee6e';
  font: normal normal normal 0.875rem/1 "bb-icons";
  speak: none;
  display: inline-block;
  font-size: 22px;
  margin-right: 10px;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav a:hover {
  background: var(--bb-content-alternate-background-color);
  color: var(--bb-primary-color);
}

#page #buddypress #item-body .bp-profile-wrapper #subnav #edit:before {
  content: '\ee5a';
  font-family: bb-icons;
  font-size: 18px;
  min-width: 22px;
  text-align: center;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav #change-avatar:before {
  content: '\ed91';
  font-family: bb-icons;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav #change-cover-image:before {
  content: '\eeb4';
  font-family: bb-icons;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav .selected a {
  background: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  border-top: 1px solid var(--bb-content-border-color);
  border-bottom: 1px solid var(--bb-content-border-color);
}

@media screen and (max-width:900px) {
  #page #buddypress #item-body .bp-profile-wrapper #subnav .selected a {
    border-top: none;
    border-bottom: none;
  }

  ;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav .selected {
  position: relative;
}

#page #buddypress #item-body .bp-profile-wrapper #subnav .selected:after {
  content: '';
  background: var(--bb-content-background-color);
  width: 4px;
  height: -webkit-calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: -webkit-calc(100% - 2px);
  left: calc(100% - 2px);
  top: 1px;
}

@media screen and (max-width:900px) {
  #page #buddypress #item-body .bp-profile-wrapper #subnav .selected:after {
    display: none;
  }

  ;
}

.bp-profile-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px;
  padding: 0 30px;
}

.bp-profile-content .profile:not(.public) {
  padding: 50px;
}

.bp-profile-content .profile:not(.public) .screen-heading {
  font-weight: 700;
  font-size: 22px;
  
}

.profile.change-avatar .bp-feedback,
.profile.change-cover-image .bp-feedback {
  font-size: .875rem;
  
}

.profile.change-avatar .bp-help-text,
.profile.change-cover-image .bp-help-text {
  font-style: normal;
  padding: 10px 0;
}

.profile.change-avatar .warning,
.profile.change-cover-image .warning {
  
}

.profile.change-cover-image .bp-cover-image {
  margin: 20px 0;
}

#buddypress div.bp-profile-content table.profile-fields tr td {
  padding: 0 0 .75rem;
  word-break: break-word;
}

#buddypress div.bp-profile-content table.profile-fields tr td.label {
  padding-right: .75rem;
}

.buddypress-wrap .profile.edit .editfield .description {
  outline: none;
  color: var(--mb-gray-500);
  font-size: .875rem;
}

.bs-profile-details-wrap .profile-details-heading {
  margin-bottom: 20px;
  padding: 10px 0;
  
  border-bottom: 1px solid var(--bb-content-border-color);
}

.bs-profile-details-wrap .bs-profile-widget-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.bs-profile-details-wrap .bs-profile-widget-heading i {
  display: none;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  
  text-align: center;
  font-size: 22px;
}

.bs-profile-details-wrap .lg-grid-1-2:nth-child(2n+1) {
  border-right: 1px solid var(--bb-content-border-color);
}

.bs-profile-details-wrap .bp-widget {
  margin-bottom: 30px;
}

.bs-profile-details-grid .bb-field-group:nth-child(odd) .bp-widget {
  padding-right: 10px;
}

.bs-profile-details-grid .bb-field-group:nth-child(even) .bp-widget {
  padding-left: 10px;
}

#buddypress table.profile-fields tr td.label,
#buddypress table.profile-fields tr td.data {
  padding: 5px 0;
  font-size: .875rem;
  
  background: 0 0;
  border: 0;
}

#buddypress table.profile-fields tr td.label {
  color: var(--mb-gray-500);
  width: 35%;
}

#buddypress table.profile-fields tr td.data {
  color: var(--bb-body-text-color);
  width: 65%;
}

#buddypress table.profile-fields tr:hover {
  background: 0 0;
}

#buddypress table.profile-fields tr td.label {
  display: table-cell;
  padding-right: 20px;
  width: 35%;
  vertical-align: top;
}

#buddypress table.profile-fields tr td.data {
  display: table-cell;
  width: 65%;
  vertical-align: top;
}

#item-body>div.profile .bp-feedback .bp-help-text {
  display: block;
  position: relative;
  padding: 0rem 0rem 0rem 2.5rem;
}

#item-body>div.profile p.bp-feedback {
  background: var(--bb-content-alternate-background-color);
  border: 1px solid var(--bb-content-border-color);
  overflow: hidden;
  
  color: var(--mb-primary-700);
  background-color: var(--mb-primary-100);
  border: 1px solid var(--mb-primary-200);
  border-radius: 0.5rem;
  font-size: .875rem;
}

#item-body .profile #drag-drop-area {
  background: rgba(240, 243, 247, .5);
  border: 1px dashed #dedfe2;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--bb-headings-color);
  
}

#profile-edit-form fieldset {
  border: 0;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}

#buddypress #profile-edit-form .datebox-selects {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

div#buddypress #profile-edit-form .datebox-selects label {
  margin-top: 0;
  margin-bottom: 0;
}

#buddypress .profile.edit .button-nav a {
  color: var(--bb-headings-color);
}

#buddypress .profile.edit .button-nav a:hover {
  color: var(--bb-primary-color);
}

#buddypress .profile.edit .button-nav .current a {
  color: var(--bb-headings-color);
  border-bottom-color: var(--bb-primary-color);
}

#buddypress .profile.edit>#profile-edit-form {
  max-width: 100%;
}

#buddypress .profile.edit>#profile-edit-form .editfield {
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
}

#buddypress .profile.edit>#profile-edit-form fieldset {
  padding: 0;
}

#buddypress .profile.edit>#profile-edit-form fieldset .editfield legend {
  font-size: .875rem;
  color: var(--bb-headings-color);
}



#buddypress .profile.edit>#profile-edit-form select[multiple] {
  min-height: 90px;
  padding: 5px;
}

#buddypress .profile.edit>#profile-edit-form select[multiple] option {
  padding: 7px;
}

#buddypress .profile.edit>#profile-edit-form .editfield {
  margin: 1rem 0;
}

#buddypress .profile.edit .button-nav {
  margin: 30px 0;
  border-bottom: 1px solid var(--bb-content-border-color);
}

#buddypress .profile.edit .button-nav a {
  background: 0 0;
  padding: 0 0 10px;
  border: 0;
  margin: 0 20px -1px 0;
  color: inherit;
  min-height: 1px;
  border-radius: 0;
  box-shadow: none;
}

#buddypress .profile.edit .button-nav a:hover {
  color: var(--bb-headings-color);
}

#buddypress .profile.edit .button-nav .current a {
  background: 0 0;
  border-bottom: 1px solid var(--bb-primary-color);
  color: var(--bb-headings-color);
  font-weight: 700;
}

#buddypress .profile.edit .visibility-toggle-link {
  font-size: .75rem;
  background-color: transparent;
  color: var(--bb-headings-color);
  border: 0;
  font-weight: 600;
  min-height: auto;
  padding: 0;
  vertical-align: baseline;
  border-radius: 0;
  margin-left: 5px;
}

#buddypress .profile.edit .visibility-toggle-link:hover,
#buddypress .profile.edit .visibility-toggle-link:focus,
#buddypress .profile.edit .visibility-toggle-link:active {
  background: 0 0;
  color: var(--bb-primary-color);
  box-shadow: none;
}

#buddypress .profile.edit .field-visibility-settings-header {
  font-size: 0.875rem;
}

.buddypress-wrap .profile.edit .button-nav li {
  margin-top: 10px;
}

#item-body>div.profile {
  background: var(--bb-content-background-color);
  border: 0px solid var(--bb-content-border-color);
  border-radius: 0.5rem;
  padding: 0rem 0;
  margin: 1rem 0 1rem;
}

#item-body>div.profile .bp-tables-user,
#item-body>div.profile table.forum,
#item-body>div.profile table.wp-profile-fields {
  border-radius: 0;
  box-shadow: none;
}

#item-body>div.profile tr:nth-child(odd) {
  background: 0 0;
}

#item-body>div.profile h2.screen-heading {
  border-bottom: 1px solid var(--mb-gray-300);
  margin: 0 0 1rem;
  padding: 0 0rem 1rem;
  font-weight: 700;
  color: var(--mb-base-black);
  
}

a.link-change-cover-image,
a.link-change-profile-image,
a.position-change-cover-image {
  color: var(--bb-content-background-color);
}

a.link-change-cover-image i:before,
a.link-change-profile-image i:before,
a.position-change-cover-image i:before {
  margin: 0;
  color: var(--bb-content-background-color);
  position: relative;
  z-index: 2;
}

a.link-change-cover-image i:after,
a.link-change-profile-image i:after,
a.position-change-cover-image i:after {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 1;
  content: " ";
  width: 28px;
  height: 28px;
  background-color: var(--bb-headings-color);
  border-radius: 1rem;
}

a.link-change-cover-image .bb-icon-edit-thin,
a.link-change-profile-image .bb-icon-edit-thin,
a.position-change-cover-image .bb-icon-edit-thin {
  font-size: 24px;
}

a.link-change-cover-image:hover i:after,
a.link-change-profile-image:hover i:after,
a.position-change-cover-image:hover i:after {
  background-color: var(--bb-primary-color);
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#buddypress #header-cover-image .header-cover-reposition-wrap>.button:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

.bb-buddypanel #item-header .width-full .position-change-cover-image,
.bb-buddypanel #item-header .width-full a.link-change-cover-image {
  left: 45px;
}

.bb-buddypanel #item-header #header-cover-image.width-full .header-cover-reposition-wrap .cover-image-save {
  margin-right: 55px;
}

.bb-buddypanel.buddypanel-open #item-header #header-cover-image.width-full .header-cover-reposition-wrap .cover-image-save {
  margin-right: 135px;
}

.bb-buddypanel.buddypanel-open #item-header .width-full .position-change-cover-image,
.bb-buddypanel.buddypanel-open #item-header .width-full a.link-change-cover-image {
  left: 120px;
}

.buddypress-wrap .profile.edit .repeater_group_outer {
  background: var(--bb-content-alternate-background-color);
  border-radius: 4px;
  padding: 1rem 1rem 0;
}

#buddypress #btn_add_repeater_set {
  float: left;
  height: 32px;
  margin-right: 10px;
}

#buddypress #btn_add_repeater_set .dashicons {
  font: normal normal normal 18px/1 "bb-icons";
}

#buddypress #btn_add_repeater_set .dashicons:before {
  content: "\eef9";
}

#buddypress .repeater_tools a {
  color: var(--mb-gray-500);
  cursor: pointer;
}

#buddypress .repeater_tools a:hover {
  color: var(--bb-primary-color);
}

#buddypress .repeater_tools .dashicons {
  font: normal normal normal 18px/1 "bb-icons";
}

#buddypress .repeater_tools .dashicons-edit:before {
  content: "\ee5a";
}

#buddypress .repeater_tools .dashicons-trash:before {
  content: "\ef48";
}

tr.repeater-separator td {
  border-top: 1px solid rgba(0, 0, 0, .025);
  border-bottom: 0;
}

.repeater_group_inner {
  border-top: 1px solid #eee;
  display: none;
  margin: 10px -1rem;
  padding: 10px 1rem;
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_tools {
  margin-bottom: 1rem;
}

.buddypress-wrap .profile.edit .repeater_group_outer .repeater_set_title {
  font-size: 17px;
}

.active .repeater_set_title {
  font-weight: 600;
}

.bb-user-nav-display-wrap .widget-area {
  margin-top: 20px;
}

body #buddypress .bp-list.invites .action {
  margin: 0 0 0 auto;
}

.bp-sitewide-notice-wrap {
  background: 0 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bp-sitewide-notice .bp-sitewide-notice-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.bp-feedback.bp-sitewide-notice+.users-header div#cover-image-container {
  margin-top: -26px;
}

#cover-image-container #item-header-avatar img {
  background-color: var(--bb-content-background-color);
}

.site .bp-feedback.bp-sitewide-notice {
  background: var(--mb-base-white);
  box-shadow: 0 10px 25px -5px rgba(18, 43, 70, .05);
  padding: 20px 30px;
  border: 0;
  border-bottom: 1px solid var(--bb-content-border-color);
  border-radius: 0;
  margin: 0;
  position: relative;
}

.site-content .bp-feedback.bp-sitewide-notice {
  display: none;
}

.bp-feedback.bp-sitewide-notice button {
  height: auto;
  width: auto;
  padding: 0;
  background: 0 0;
  box-shadow: none;
  border: 0;
  color: var(--bb-body-text-color);
  margin-left: auto;
}

.bp-feedback.bp-sitewide-notice .bp-icon {
  display: none;
}

.bp-feedback.bp-sitewide-notice p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px 0 0;
  color: var(--bb-body-text-color);
  font-size: .875rem;
}

.bp-feedback.bp-sitewide-notice strong {
  display: block;
  margin-bottom: -1rem;
}

.messages #buddypress .bp-feedback.bp-sitewide-notice {
  margin-top: -25px;
}

@media(min-width:800px) {
  #buddypress table.profile-fields tr td.label {
    width: 25%;
  }

  #buddypress table.profile-fields tr td.data {
    width: 75%;
  }

  ;
}

@media(max-width:991px) {
  .bs-profile-details-grid .bb-field-group:nth-child(odd) .bp-widget {
    padding-right: 0;
  }

  .bs-profile-details-grid .bb-field-group:nth-child(even) .bp-widget {
    padding-left: 0;
  }

  ;
}

@media screen and (max-width:900px) {
  #page #buddypress #item-body .bp-profile-wrapper #subnav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    border-right: 0;
    border-radius: 4px 4px 0 0;
    padding: 0;
  }

  #page #buddypress #item-body .bp-profile-wrapper #subnav li {
    float: left;
    margin-right: 1px;
  }

  #buddypress .profile.edit .button-nav a {
    margin-top: 20px;
  }

  #buddypress .profile.edit .button-nav {
    margin-top: 0;
  }

  .buddypress-wrap .item-body .profile.edit .screen-heading {
    margin: 0;
  }

  .bp-profile-content .profile:not(.public) {
    padding: 30px 0;
  }

  ;
}

@media screen and (max-width:520px) {
  #buddypress #btn_add_repeater_set {
    margin-bottom: 1rem;
  }

  #buddypress #profile-edit-form {
    margin-bottom: 0;
  }

  ;
}

.bp-settings-container,
.bp-invites-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  margin-bottom: 30px;
}

.bp-invites-container {
  border: 0;
  border-radius: var(--bb-block-radius);
  background: 0 0;
}

.buddypress-wrap .bp-settings-container .bp-navs,
.bp-single-vert-nav .bp-settings-container .bp-navs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 245px;
  flex: 0 0 245px;
  background-color: var(--bb-body-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  min-height: 60vh;
  border-radius: 4px 0 0 4px;
  margin: 0;
  padding: 30px 0;
}

.buddypress-wrap .bp-settings-container .bp-navs li,
.bp-single-vert-nav .bp-settings-container .bp-navs li {
  float: none;
  padding: 0;
}

.buddypress-wrap .bp-settings-container .bp-navs a,
.bp-single-vert-nav .bp-settings-container .bp-navs a {
  border: 0;
  font-size: .875rem;
  color: var(--bb-headings-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 20px;
  margin-bottom: 1px;
}

.buddypress-wrap .bp-settings-container .bp-navs a:before,
.bp-single-vert-nav .bp-settings-container .bp-navs a:before {
  content: '\ee6e';
  font: normal normal normal 0.875rem/1 "bb-icons";
  speak: none;
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width:768px) {

  .buddypress-wrap .bp-settings-container .bp-navs a:before,
  .bp-single-vert-nav .bp-settings-container .bp-navs a:before {
    display: none;
  }

  ;
}

.buddypress-wrap .bp-settings-container .bp-navs a:hover,
.bp-single-vert-nav .bp-settings-container .bp-navs a:hover {
  background: var(--bb-content-alternate-background-color);
  color: var(--bb-primary-color);
}

.buddypress-wrap .bp-settings-container .bp-navs #general:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #general:before {
  content: '\ee27';
}

.buddypress-wrap .bp-settings-container .bp-navs #notifications:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #notifications:before {
  content: '\ee62';
}

.buddypress-wrap .bp-settings-container .bp-navs #notifications.notification-preferences:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #notifications.notification-preferences:before {
  content: '\e86d';
}

.buddypress-wrap .bp-settings-container .bp-navs #profile:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #profile:before {
  content: '\eecc';
}

.buddypress-wrap .bp-settings-container .bp-navs #blocked-members:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #blocked-members:before {
  content: '\ef64';
}

.buddypress-wrap .bp-settings-container .bp-navs #invites:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #invites:before {
  content: '\ef5a';
}

.buddypress-wrap .bp-settings-container .bp-navs #export:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #export:before {
  content: '\E889';
}

.buddypress-wrap .bp-settings-container .bp-navs #delete-account:before,
.bp-single-vert-nav .bp-settings-container .bp-navs #delete-account:before {
  content: '\ef48';
}

.buddypress-wrap .bp-settings-container .bp-navs ul.subnav,
.bp-single-vert-nav .bp-settings-container .bp-navs ul.subnav {
  width: 100%;
}

@media only screen and (max-width:900px) {

  .buddypress-wrap .bp-settings-container .bp-navs ul.subnav,
  .bp-single-vert-nav .bp-settings-container .bp-navs ul.subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  ;
}

.buddypress-wrap .bp-settings-container .bp-navs .current a,
.buddypress-wrap .bp-settings-container .bp-navs .selected a,
.bp-single-vert-nav .bp-settings-container .bp-navs .current a,
.bp-single-vert-nav .bp-settings-container .bp-navs .selected a {
  background: var(--bb-content-background-color);
  color: var(--bb-headings-color);
  border-top: 1px solid var(--bb-content-border-color);
  border-bottom: 1px solid var(--bb-content-border-color);
}

@media screen and (max-width:900px) {

  .buddypress-wrap .bp-settings-container .bp-navs .current a,
  .buddypress-wrap .bp-settings-container .bp-navs .selected a,
  .bp-single-vert-nav .bp-settings-container .bp-navs .current a,
  .bp-single-vert-nav .bp-settings-container .bp-navs .selected a {
    border-top: none;
    border-bottom: none;
  }

  ;
}

.buddypress-wrap .bp-settings-container .bp-navs .selected,
.bp-single-vert-nav .bp-settings-container .bp-navs .selected {
  position: relative;
}

.buddypress-wrap .bp-settings-container .bp-navs .selected:after,
.bp-single-vert-nav .bp-settings-container .bp-navs .selected:after {
  content: '';
  background: var(--bb-content-background-color);
  width: 4px;
  height: -webkit-calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  left: -webkit-calc(100% - 2px);
  left: calc(100% - 2px);
  top: 1px;
}

@media screen and (max-width:900px) {

  .buddypress-wrap .bp-settings-container .bp-navs .selected:after,
  .bp-single-vert-nav .bp-settings-container .bp-navs .selected:after {
    display: none;
  }

  ;
}

#buddypress .bb-bp-settings-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 55px 50px;
  border-radius: var(--bb-block-radius);
}

#buddypress .bb-bp-settings-content h2.screen-heading {
  font-weight: 700;
  font-size: 22px;
  
}

#buddypress .bb-bp-settings-content label {
  display: block;
  font-size: 1rem;
  color: var(--bb-body-text-color);
  margin-bottom: .75rem;
}

#buddypress .bb-bp-settings-content .bp-radio-wrap label {
  display: inline-block;
}

#buddypress .bb-bp-settings-content .settings-input {
  margin-bottom: 20px;
}

#buddypress .bb-bp-settings-content .bp-feedback {
  margin-bottom: 30px;
}

#buddypress .bb-bp-settings-content .info.bp-feedback {
  background: var(--bb-content-background-color);
}

#buddypress .bb-bp-settings-content .info.email-pwd-info {
  display: none;
}

#buddypress .bb-bp-settings-content .bp-help-text {
  font-size: 1rem;
  color: var(--mb-gray-500);
  
}

#buddypress .bb-bp-settings-content .notification-settings {
  border-top: 1px solid rgba(0, 0, 0, .05);
  margin-top: 20px;
  margin-bottom: 20px;
}

#buddypress .bb-bp-settings-content .notification-settings th,
#buddypress .bb-bp-settings-content .notification-settings td {
  border-bottom: 0;
  padding: 0;
}

#buddypress .bb-bp-settings-content .notification-settings th,
#buddypress .bb-bp-settings-content .notification-settings td {
  padding: 6px 0;
  border: 0;
  vertical-align: middle;
  font-size: 1rem;
  color: inherit;
  
}

#buddypress .bb-bp-settings-content .notification-settings th {
  font-size: .875rem;
  color: var(--mb-gray-500);
  text-transform: uppercase;
  font-weight: 700;
}

#buddypress .bb-bp-settings-content .notification-settings th.title {
  padding-top: 30px;
}

#buddypress .bb-bp-settings-content .notification-settings th.yes {
  min-width: 80px;
}

#buddypress .bb-bp-settings-content .bp-tables-user,
#buddypress .bb-bp-settings-content table.forum,
#buddypress .bb-bp-settings-content table.wp-profile-fields {
  table-layout: fixed;
}

#buddypress .bb-bp-settings-content .bp-tables-user th.title,
#buddypress .bb-bp-settings-content table.forum th.title,
#buddypress .bb-bp-settings-content table.wp-profile-fields th.title {
  padding: .75rem 20px;
}

#buddypress .bb-bp-settings-content .bp-tables-user td,
#buddypress .bb-bp-settings-content table.forum td,
#buddypress .bb-bp-settings-content table.wp-profile-fields td {
  background: 0 0;
  border: 0;
  padding: .75rem 20px;
}

#buddypress .bb-bp-settings-content table#xprofile-settings-base th:first-child,
#buddypress .bb-bp-settings-content table#xprofile-settings-important-data th:first-child {
  width: 40%;
}

#buddypress .bp-tables-report {
  table-layout: fixed;
}

#buddypress .bp-tables-report th {
  padding: .75rem 20px;
}

#buddypress .bp-tables-report td {
  background: 0 0;
  border: 0;
  padding: .75rem 20px;
}

.bb-bp-settings-content #settings-form input.settings-input {
  height: 50px;
}

.bb-bp-settings-content #settings-form .bb-password-wrap .settings-input {
  padding-right: 50px;
}

.bb-bp-settings-content input#submit {
  min-width: 160px;
  height: 42px;
  font-weight: 700;
}

.bb-bp-settings-content .bb-password-wrap a.bb-toggle-password {
  height: 50px;
  width: 50px;
}

.bb-bp-settings-content .bp-help-text.email-notifications-info {
  margin-bottom: 2.1875rem;
}

.bb-bp-settings-content .notification_info {
  margin-bottom: 35px;
}

.bb-bp-settings-content .notification_info .notification_type h3 {
  font-size: 1rem;
  
  font-weight: 600;
  margin-bottom: 5px;
}

.bb-bp-settings-content .notification_info .notification_type p {
  color: var(--mb-gray-500);
  font-size: .9rem;
  
}

.bb-bp-settings-content .notification_info .notification_type .notification_type_info {
  margin-left: 1rem;
  -ms-flex-preferred-size: calc(100% - 60px);
  flex-basis: -webkit-calc(100% - 60px);
  flex-basis: calc(100% - 60px);
}

.bb-bp-settings-content .notification_info .notification_type .notification_type_icon {
  width: 45px;
  height: 45px;
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

.bb-bp-settings-content .notification_info .notification_type .bb-icon {
  color: var(--mb-gray-500);
  font-size: 24px;
  
}

.bb-template-v2 .bb-bp-settings-content .notification_info .notification_type .bb-icon {
  font-weight: 300;
}

.buddypress-wrap .bb-bp-settings-content .email-settings-screen {
  margin-bottom: 10px;
}

.bb-bp-settings-content .main-notification-settings {
  border-collapse: separate;
  border: 0;
  margin-bottom: 20px;
}

.bb-template-v2 .bb-bp-settings-content .main-notification-settings:first-of-type thead th {
  border: 0;
}

.bb-bp-settings-content .main-notification-settings thead {
  background-color: transparent;
}

.bb-bp-settings-content .main-notification-settings thead .title {
  padding-left: 25px;
}

.bb-bp-settings-content .main-notification-settings thead+tbody tr:first-child td {
  padding-top: 30px;
}

.bb-bp-settings-content .main-notification-settings th {
  border-color: var(--bb-content-border-color);
  background-color: var(--bb-content-alternate-background-color);
  font-size: .875rem;
  padding: .875rem;
}

.bb-bp-settings-content .main-notification-settings th:first-child {
  border-radius: var(--bb-block-radius-inner) 0 0 var(--bb-block-radius-inner);
}

.bb-bp-settings-content .main-notification-settings th:last-child {
  border-right: 1px solid var(--bb-content-border-color);
  border-radius: 0 var(--bb-block-radius-inner) var(--bb-block-radius-inner) 0;
  overflow: hidden;
}

.bb-bp-settings-content .main-notification-settings tr:last-child th {
  border-bottom: 1px solid var(--bb-content-border-color);
}

.bb-bp-settings-content .main-notification-settings .title {
  font-size: .75rem;
  font-weight: 600;
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child td {
  padding-left: 25px;
  padding-right: 25px;
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner) var(--bb-block-radius-inner) 0 0;
  border-bottom: 0;
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr td {
  border-bottom: 0;
  padding-bottom: 0;
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr td:first-child {
  border-left: 1px solid var(--bb-content-border-color);
  padding-left: 25px;
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr td:last-child {
  border-right: 1px solid var(--bb-content-border-color);
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr:last-child td {
  border-bottom: 1px solid var(--bb-content-border-color);
  padding-bottom: 20px;
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr:last-child td:first-child {
  border-radius: 0 0 0 var(--bb-block-radius-inner);
}

.bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr:last-child td:last-child {
  border-radius: 0 0 var(--bb-block-radius-inner) 0;
}

.bb-bp-settings-content .main-notification-settings tbody tr:not(.notification_heading):first-child td {
  border-top: 1px solid var(--bb-content-border-color);
}

.bb-bp-settings-content .main-notification-settings tbody tr:not(.notification_heading):first-child td:first-child {
  border-left: 1px solid var(--bb-content-border-color);
  padding-left: 25px;
  border-radius: 0 0 0 var(--bb-block-radius-inner);
}

.bb-bp-settings-content .main-notification-settings tbody tr:not(.notification_heading):first-child td:last-child {
  border-right: 1px solid var(--bb-content-border-color);
  border-radius: 0 0 var(--bb-block-radius-inner) 0;
}

.bb-bp-settings-content .main-notification-settings tbody td {
  font-size: .875rem;
  padding: 1rem 0 1rem 10px;
}

.bb-bp-settings-content .main-notification-settings tbody td:first-child {
  padding-left: 0;
}

.bb-bp-settings-content .main-notification-settings tbody tr:last-child:not(.notification_heading) td {
  border-bottom: 1px solid var(--bb-content-border-color);
  border-radius: 0;
}

.bb-bp-settings-content .main-notification-settings tbody .notification_heading td {
  padding-top: 1rem;
  padding-bottom: 0;
}

.bb-bp-settings-content .main-notification-settings tbody .title {
  color: var(--mb-gray-500);
}

.bb-bp-settings-content .main-notification-settings .bs-styled-checkbox+label:before {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.bb-bp-settings-content .main-notification-settings .bs-styled-checkbox:checked+label:after {
  font-size: .75rem;
  left: 2px;
  top: 3px;
}

.bb-bp-settings-content .main-notification-settings li.disabled>.bs-styled-checkbox+label:before,
.bb-bp-settings-content .main-notification-settings .bs-styled-checkbox:disabled+label:before {
  border-color: #ddd;
  background: #ddd;
}

.bb-bp-settings-content .main-notification-settings .bs-styled-checkbox:disabled:not(:checked)+label:before {
  background-color: transparent;
}

@media screen and (max-width:900px) {
  .bb-bp-settings-content .main-notification-settings {
    margin-bottom: 0;
  }

  .bb-bp-settings-content .main-notification-settings:first-of-type {
    margin-bottom: 20px;
  }

  .bb-bp-settings-content .main-notification-settings:last-of-type tbody tr.notification_heading:first-child~tr:last-child td {
    border-bottom: 0;
  }

  .bb-bp-settings-content .main-notification-settings .bb-mobile-setting ul {
    background-color: var(--bb-content-background-color);
    border-radius: var(--bb-block-radius-inner);
  }

  .bb-bp-settings-content .main-notification-settings thead th.title {
    border-radius: var(--bb-block-radius-inner);
    border-right: 1px solid var(--bb-content-border-color);
  }

  .bb-bp-settings-content .main-notification-settings .disabled input.bs-styled-checkbox {
    opacity: 0;
  }

  .bb-bp-settings-content .main-notification-settings .bb-mobile-setting .bb-mobile-setting-anchor {
    border-radius: var(--bb-block-radius-inner);
  }

  .bb-bp-settings-content .main-notification-settings .bb-mobile-setting .bb-mobile-setting-anchor:after {
    font-size: 20px;
    font-weight: 400;
  }

  .bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child td {
    border: 0;
    padding-left: 1rem;
  }

  .bb-bp-settings-content .main-notification-settings tbody tr.notification_heading:first-child~tr td:first-child {
    border-left: 0;
    border-radius: 0 !important;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ;
}

@media screen and (max-width:900px) {
  .notification_info .notification_type {
    border-color: var(--bb-content-border-color);
  }

  ;
}

#buddypress .bb-bp-settings-content .main-notification-settings label {
  margin: 0;
  font-size: .875rem;
  font-weight: 700;
}

#moderation-list .moderation-item-actions .button.disabled,
#moderation-list .bp-unblock-user {
  min-width: 120px;
  height: 42px;
  font-weight: 700;
  float: right;
}

#moderation-list .moderation-item-actions .button.disabled {
  color: var(--mb-base-white);
  border: 0;
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
}

#moderation-list td.moderation-block-member .description {
  margin-left: 10px;
  font-size: 90%;
  border: 1px solid var(--bb-danger-color);
  color: var(--bb-danger-color);
  padding: 4px 8px;
  border-radius: 20px;
}

.dz-default {
  font-size: .875rem;
  font-weight: 300;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: var(--mb-base-white);
  text-align: center;
}

.dz-default:before {
  content: '\e864';
  font-family: bb-icons;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dz-default span {
  display: block;
  margin-top: 8px;
}

.dz-default.dz-drag {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 5;
  pointer-events: none;
}

.dz-default.dz-drag:before {
  content: '\edb1';
}

.left-vertical-tabs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  background: var(--bb-content-alternate-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  min-height: 60vh;
  border-radius: 4px 0 0 4px;
  padding: 40px 0;
}

.left-vertical-tabs ul {
  list-style: none;
  margin: 0;
}

.left-vertical-tabs ul a {
  font-size: .875rem;
  color: #939597;
  display: block;
  padding: .75rem 20px;
  
}

.left-vertical-tabs ul a:hover {
  color: var(--bb-primary-color);
}

.left-vertical-tabs ul i {
  font-size: 24px;
  width: 24px;
}

.left-vertical-tabs li {
  -webkit-transition: .3s all;
  transition: .3s all;
  margin-bottom: 1px;
}

.left-vertical-tabs li:hover {
  background: rgba(77, 92, 109, .1);
}

.left-vertical-tabs .active {
  background: rgba(77, 92, 109, .1);
}

.left-vertical-tabs .active a {
  color: #122b46;
}

.left-vertical-tabs span.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-vertical-tabs span.title span {
  margin-left: 10px;
}

.bb-input-wrap {
  display: block;
  position: relative;
}

.bb-input-wrap .bb-input {
  height: 50px;
  width: 100%;
}

.bb-input-wrap i {
  left: 0;
  top: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  color: var(--bb-headings-color);
  opacity: .4;
  font-size: 22px;
  z-index: 1;
}

.bb-input-wrap i+.bb-input {
  padding-left: 48px;
}

.bb-input-wrap .bb-icon-visibility {
  font-size: 24px;
  left: auto;
  right: 0;
}

.bb-input-wrap .bb-textarea {
  height: 120px;
  width: 100%;
}

.bb-input-wrap textarea {
  resize: vertical;
}

span.bb-visibility-wrap {
  right: 0;
  top: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 1;
}

.bb-input[type=password]+.bb-visibility-wrap .bb-icon-visibility:before {
  font-family: bb-icons;
  content: '\ee6a';
}

.bb-input[type=text]+.bb-visibility-wrap .bb-icon-visibility:before {
  content: '\ee69';
  font-family: bb-icons;
}

.bs-settings-container .bb-input[type=password] {
  padding-right: 40px;
}

.settings-header.entry-header {
  margin-bottom: 30px;
}

.profile-header i.bb-icon-user-small,
.settings-header i.bb-icon-user-small {
  margin: 0;
  width: auto;
  height: auto;
  font-size: 18px;
  position: relative;
  top: 1px;
}

div.bs-settings-container .bb-profile-avatar-wrap {
  position: relative;
  margin-left: 45px;
  margin-top: -155px;
  height: 152px;
  width: 152px;
}

div.bs-settings-container .bb-profile-avatar-wrap .dz-default span {
  display: block;
}

.bb-profile-avatar-wrap+.button-wrap {
  margin-top: 0;
}

#bb-profile-avatar-wrap-components {
  overflow: hidden;
  height: 152px;
  width: 152px;
  border-radius: 4px;
  position: relative;
}

#bb-profile-avatar-wrap-components video {
  position: absolute;
  z-index: 3;
  object-fit: cover;
}

#bb-profile-avatar-wrap-components #captureAvatarlink {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 10px;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
}

#bb-profile-avatar-wrap-components #avatar-drag-message {
  z-index: 1;
}

#bb-profile-avatar-wrap-components div#profile_avatar {
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid var(--mb-base-white);
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 5;
}

#bb-profile-avatar-wrap-components div#profile_avatar:before {
  background: rgba(18, 43, 70, .3);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#bb-profile-avatar-wrap-components .croppie-container {
  position: absolute;
  top: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  z-index: 3;
}

#bb-profile-avatar-wrap-components .croppie-container .cr-boundary {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  z-index: 3;
  background: #fff;
}

#bb-profile-avatar-wrap-components .croppie-container .cr-viewport {
  border: 0;
}

.has-sidebar .bb-profile-avatar-wrap {
  width: 90px;
  height: 90px;
  margin-top: -60px;
}

.has-sidebar .bb-profile-avatar-wrap .dz-default span {
  display: none;
}

.bb-profile-cover-wrap #cover-drag-message {
  z-index: 1;
}

.bb-profile-cover-wrap .croppie-container {
  position: absolute;
  overflow: hidden;
  border-radius: 4px;
  z-index: 3;
}

.bb-profile-cover-wrap .croppie-container .cr-boundary {
  width: 100% !important;
  height: 100% !important;
  padding-top: 26.895%;
  position: absolute;
  top: 0;
  background: #fff;
}

.bb-profile-cover-wrap .croppie-container .cr-viewport {
  border: 0;
}

.bb-profile-cover-wrap .dz-default {
  position: absolute;
  top: 50%;
  margin-top: -25px;
}

.bb-profile-cover-wrap .dz-default.dz-drag {
  top: 0;
  margin: 0;
}

.cr-viewport {
  width: 100% !important;
  height: 100% !important;
}

.bb-profile-wrap {
  z-index: 2;
  position: relative;
}

.bb-profile-wrap [class*=bb-delete] {
  color: var(--mb-base-white);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

.bb-profile-wrap .bs-dropdown-wrap {
  position: absolute;
  z-index: 7;
  top: 0;
  right: 0;
}

.bb-profile-wrap .bs-dropdown-wrap .bs-dropdown {
  top: 46px;
}

.bb-profile-wrap .bs-dropdown-wrap .bs-dropdown:after {
  right: 1rem;
}

.bb-profile-wrap .bs-dropdown-wrap .bb-icon-menu-dots-v {
  color: var(--mb-base-white);
  position: relative;
  right: 10px;
  top: 10px;
}

.bb-profile-wrap.loading .cr-image {
  opacity: .6 !important;
}

.bb-profile-wrap.loading:before {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  margin-top: 0;
  margin: auto;
  content: "\ef30";
  font-family: bb-icons;
  font-size: 24px;
  
  color: var(--mb-base-white);
  text-align: center;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  z-index: 12;
}

.bb-profile-wrap.loading .dz-default {
  display: none;
}

.bb-field-wrap {
  margin-bottom: 20px;
}

.bb-profile-section .bs-dropdown-link .bs-dropdown-link {
  font-size: .875rem;
  cursor: pointer;
  color: #939597;
  background-image: url(../images/svg/arrow-down.svg);
  background-position: right 7px;
  background-repeat: no-repeat;
  padding-right: 1rem;
}

.bb-profile-section i {
  font-size: .875rem;
  color: #939597;
  margin-right: 5px;
}

.bb-profile-section input:not([type=checkbox]):not([type=radio]),
.bb-profile-section textarea,
.bb-profile-section select {
  width: 100%;
}

.bb-profile-section .bb-icon-user-small-plus {
  font-size: 17px;
}

.notification-settings-wrap {
  border-top: 1px solid rgba(0, 0, 0, .05);
  padding-top: 25px;
  padding-bottom: 25px;
}

.notification-settings-wrap:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.notification-settings-wrap th,
.notification-settings-wrap td {
  padding: 6px 0;
  border: 0;
  vertical-align: middle;
  font-size: 1rem;
  color: var(--bb-body-text-color);
  
}

.notification-settings-wrap th {
  padding: 5px 0 1rem;
}

.notification-settings-wrap .yes {
  padding-left: 1rem;
  text-align: right;
}

div#message.error {
  background-color: var(--bb-danger-color);
  color: var(--mb-base-white);
  border: 1px solid var(--bb-danger-color);
  padding: .615em 2.25em .615em 1.15em;
  font-size: .875rem;
  border-radius: 3px;
}

.bb-delete-account-wrap {
  margin: 30px 0;
}

.vdp-datepicker .vdp-datepicker__calendar {
  background: var(--mb-base-white);
  box-shadow: 0 8px .875rem 0 rgba(0, 0, 0, .08);
  border: 0;
  border-radius: 4px;
  max-width: 100%;
}

.vdp-datepicker .vdp-datepicker__calendar header {
  border-bottom: 1px solid #e8eaed;
  overflow: hidden;
  height: 48px;
  
  font-size: .875rem;
  color: var(--bb-primary-color);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vdp-datepicker .vdp-datepicker__calendar>div {
  padding: 10px 20px 20px;
}

.vdp-datepicker .vdp-datepicker__calendar .prev,
.vdp-datepicker .vdp-datepicker__calendar .next {
  text-indent: 0;
  font-size: 0;
}

.vdp-datepicker .vdp-datepicker__calendar .prev:before,
.vdp-datepicker .vdp-datepicker__calendar .next:before {
  content: '\e827';
  color: #53597b;
  display: inline-block;
  font: normal normal normal 0.875rem/1 "bb-icons";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 10px;
  font-size: 24px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -.75rem;
}

.vdp-datepicker .vdp-datepicker__calendar .prev:after,
.vdp-datepicker .vdp-datepicker__calendar .next:after {
  display: none;
}

.vdp-datepicker .vdp-datepicker__calendar .next:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.vdp-datepicker .vdp-datepicker__calendar .cell.day-header {
  font-size: .625rem;
  color: var(--bb-body-text-color);
  opacity: .5;
  text-transform: uppercase;
}

.vdp-datepicker .vdp-datepicker__calendar .cell {
  font-size: .875rem;
  color: var(--bb-headings-color);
}

.vdp-datepicker .vdp-datepicker__calendar .cell.selected,
.vdp-datepicker .vdp-datepicker__calendar .cell.selected.highlighted,
.vdp-datepicker .vdp-datepicker__calendar .cell.selected:hover {
  background: 0 0;
  color: var(--mb-base-white);
  position: relative;
}

.vdp-datepicker .vdp-datepicker__calendar .cell.selected:not(.day),
.vdp-datepicker .vdp-datepicker__calendar .cell.selected.highlighted:not(.day),
.vdp-datepicker .vdp-datepicker__calendar .cell.selected:hover:not(.day) {
  background: var(--bb-primary-color);
}

.vdp-datepicker .vdp-datepicker__calendar .cell.selected.day:before,
.vdp-datepicker .vdp-datepicker__calendar .cell.selected.highlighted.day:before,
.vdp-datepicker .vdp-datepicker__calendar .cell.selected:hover.day:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  height: 32px;
  width: 32px;
  background: var(--bb-primary-color);
  color: var(--mb-base-white);
  border-radius: 50%;
  z-index: -1;
  top: 3px;
}

.vdp-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid transparent;
}

.vdp-datepicker .vdp-datepicker__calendar .cell:not(.selected):hover {
  color: var(--bb-primary-color);
}

#buddypress #profile-edit-form {
  max-width: 520px;
  width: 100%;
}

#buddypress #profile-edit-form .editfield {
  margin-bottom: 20px;
}

#buddypress #profile-edit-form fieldset {
  margin: 0;
}

#buddypress #profile-edit-form .clear-value {
  display: none;
}

#buddypress #profile-edit-form label:not(.bp-screen-reader-text),
#buddypress #profile-edit-form legend:not(.bp-screen-reader-text) {
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  color: var(--mb-gray-900);
  margin-bottom: 0.75rem;
}

#buddypress #profile-edit-form input[type=text],
#buddypress #profile-edit-form select {
  font-style: normal;
  width: 100%;
}

#buddypress #profile-edit-form .field-visibility-settings-toggle {
  margin: 0;
  position: relative;
}

#buddypress #profile-edit-form .field-visibility-settings-toggle select {
  position: absolute;
  right: 0;
  top: -6px;
  width: 140px;
  height: 30px;
  font-size: .875rem;
  color: #939597;
  background-image: url(../images/svg/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 26px;
  border: 0;
  text-align: right;
  direction: rtl;
  font-style: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#buddypress #profile-edit-form .wp-editor-container button,
#buddypress #profile-edit-form .wp-editor-container .button {
  padding: 4px 2px;
  background: 0 0;
  border: 0;
  height: auto;
  margin: 0;
  min-height: 20px;
}

#buddypress #profile-edit-form .wp-editor-container .mce-ico {
  color: #222;
}

#buddypress #profile-edit-form .quicktags-toolbar {
  background: #ecf0f1;
}

#buddypress #profile-edit-form .wp-editor-container textarea {
  border: 0;
  font-family: inherit;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}

#buddypress #profile-edit-form .datebox-selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#buddypress #profile-edit-form .datebox-selects select:not(:last-child) {
  margin-right: 10px;
}

#buddypress #profile-edit-form .datebox-selects label {
  margin-right: 10px;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

#buddypress #profile-edit-form div.submit {
  clear: none;
  padding: 0;
}

#buddypress #profile-edit-form div.submit input {
  margin: 0;
}

@media(min-width:1081px) {

  .left-vertical-tabs [data-balloon]:before,
  .left-vertical-tabs [data-balloon]:after {
    display: none;
  }

  ;
}

@media(max-width:1080px) {
  .has-sidebar .left-vertical-tabs {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  ;
}

@media(max-width:800px) {

  .notification-settings-wrap th,
  .notification-settings-wrap td {
    font-size: .875rem;
  }

  .bb-profile-avatar-wrap {
    width: 80px;
    height: 80px;
    margin-top: -70px;
    margin-left: 30px;
  }

  .bb-profile-avatar-wrap .dz-default span {
    display: none;
  }

  ;
}

@media(max-width:800px) {
  div.bs-settings-container .bb-profile-avatar-wrap {
    margin-left: 30px;
    margin-top: -122px;
    height: 120px;
    width: 120px;
  }

  .bb-profile-avatar-wrap #bb-profile-avatar-wrap-components {
    height: 120px;
    width: 120px;
  }

  .bs-dropdown-wrap .bs-dropdown a.bb-webcam {
    display: none;
  }

  .tab-container .bb-profile-wrap {
    z-index: initial;
  }

  ;
}

@media screen and (max-width:1050px) {
  #buddypress .bp-settings-container .bp-navs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    border-right: 0;
    border-radius: 4px 4px 0 0;
    padding: 0;
    margin-bottom: 10px;
  }

  #buddypress .bp-settings-container .bp-navs li {
    float: left;
  }

  #buddypress .bb-bp-settings-content {
    padding: 20px;
    width: 100%;
  }

  ;
}

@media(max-width:640px) {
  div.bs-settings-container .bb-profile-avatar-wrap {
    width: 120px;
    height: 120px;
    margin: -20px auto 40px;
  }

  .bb-profile-avatar-wrap #bb-profile-avatar-wrap-components {
    height: 120px;
    width: 120px;
  }

  .bb-profile-avatar-wrap .button-wrap {
    margin-top: -1rem;
  }

  div.bs-settings-container .bb-profile-avatar-wrap .dz-default span {
    font-size: .625rem;
  }

  ;
}

@media(min-width:541px) {
  #buddypress #profile-edit-form .datebox-selects select[name*=day] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
  }

  ;
}

@media(max-width:540px) {
  .bb-profile-wrap.loading:before {
    font-size: 20px;
  }

  .left-vertical-tabs [data-balloon]:before,
  .left-vertical-tabs [data-balloon]:after {
    display: none;
  }

  .vdp-datepicker .vdp-datepicker__calendar .cell {
    font-size: .625rem;
  }

  .vdp-datepicker .vdp-datepicker__calendar .cell.selected.day:before,
  .vdp-datepicker .vdp-datepicker__calendar .cell.selected.highlighted.day:before,
  .vdp-datepicker .vdp-datepicker__calendar .cell.selected:hover.day:before {
    height: 24px;
    width: 24px;
    top: 8px;
  }

  .vdp-datepicker .vdp-datepicker__calendar .cell.day-header {
    font-size: 8px;
    font-weight: 700;
  }

  .bb-profile-avatar-wrap+.button-wrap {
    text-align: center;
  }

  .bb-profile-avatar-wrap+.button-wrap .button {
    margin-bottom: 10px;
  }

  #buddypress #profile-edit-form .field-visibility-settings-toggle>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #buddypress #profile-edit-form label,
  #buddypress #profile-edit-form legend {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 0;
  }

  #buddypress #profile-edit-form .field-visibility-settings-toggle select {
    text-align: left;
    direction: inherit;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: static;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
    padding-left: 0;
  }

  #buddypress #profile-edit-form input[type=text],
  #buddypress #profile-edit-form select {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  #buddypress #profile-edit-form .datebox-selects {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #buddypress #profile-edit-form .datebox-selects select:not(:last-child) {
    margin-right: 0;
    margin-bottom: .75rem;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  #moderation-list thead {
    display: none;
  }

  #moderation-list tbody,
  #moderation-list tbody tr,
  #moderation-list tbody tr td {
    display: block;
    width: 100%;
  }

  #moderation-list tbody tr td {
    padding-top: 30px;
    border-bottom: 1px solid var(--bb-content-border-color) !important;
    display: inline-block;
    width: 100%;
  }

  #moderation-list tbody tr td:before {
    content: attr(data-title);
    display: block;
    font-size: 1rem;
    font-weight: 700;
  }

  #moderation-list .bp-unblock-user {
    width: 100%;
  }

  ;
}

@media(max-width:380px) {
  .bs-settings-container .button-wrap input[type=button] {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .settings-messages .message {
    font-size: .75rem;
  }

  .settings-messages .message code {
    font-size: .75rem;
  }

  .bb-profile-section .bs-dropdown-link .bs-dropdown-link {
    font-size: .625rem;
  }

  .bb-profile-section i {
    font-size: .75rem;
    margin-right: 3px;
  }

  span.push-right.field-visibility {
    margin: 0;
  }

  .settings #buddypress .settings-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .settings #buddypress .settings-header>.button {
    margin: 10px auto 0;
  }

  ;
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  ;
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  ;
}

.buddypress-wrap .bp-tables-report tr th {
  font-size: .875rem;
}

body #buddypress a.export-csv {
  background-color: var(--bb-primary-color);
  color: var(--mb-base-white);
  font-size: .875rem;
  border-radius: 100px;
  padding: 10px 30px;
  text-decoration: none;
  display: inline-block;
  outline: none;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-transition: .3s all;
  transition: .3s all;
}

body #buddypress a.export-csv:hover {
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .1);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form {
  overflow: hidden;
  padding: 2px;
  margin-left: -2px;
  margin-right: -2px;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form>p {
  font-size: .875rem;
  
}

.bs-bp-container-reg #buddypress #signup-form.standard-form p.description {
  margin: 0 0 .75rem;
  background: 0 0;
  color: var(--mb-gray-500);
  
}

.bs-bp-container-reg #buddypress #signup-form.standard-form #basic-details-section.register-section,
.bs-bp-container-reg #buddypress #signup-form.standard-form #profile-details-section.register-section {
  float: none;
  margin: 0 auto;
  width: 100%;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form #basic-details-section.register-section>h2,
.bs-bp-container-reg #buddypress #signup-form.standard-form #profile-details-section.register-section>h2 {
  margin-bottom: .5rem;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form #basic-details-section.register-section {
  margin-bottom: 0;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form #profile-details-section.register-section .editfield {
  margin-top: 0;
  margin-bottom: 0;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=color]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=date]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=datetime-local]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=datetime]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=email]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=month]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=number]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=password]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=range]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=search]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=tel]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=text]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=time]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=url]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form input[type=week]:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form select:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form textarea:focus {
  box-shadow: var(--bb-input-focus-shadow);
  border-color: var(--bb-input-focus-border-color);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form input#signup_blog_url {
  margin-bottom: 0;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form select {
  padding-right: 30px;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .datebox-selects select {
  width: auto;
}

@media(max-width:544px) {
  .bs-bp-container-reg #buddypress #signup-form.standard-form .datebox-selects select {
    width: 100%;
    margin-bottom: 10px;
  }

  ;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form fieldset {
  margin-top: 0;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form label,
.bs-bp-container-reg #buddypress #signup-form.standard-form legend {
  font-size: 1rem;
  color: var(--bb-headings-color);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .radio-button-options label {
  
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .checkbox-options label,
.bs-bp-container-reg #buddypress #signup-form.standard-form .radio-button-options label {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: .875rem;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .checkbox-options label:before,
.bs-bp-container-reg #buddypress #signup-form.standard-form .radio-button-options label:before {
  position: relative;
  bottom: 1px;
  z-index: 1;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .checkbox-options label:after,
.bs-bp-container-reg #buddypress #signup-form.standard-form .radio-button-options label:after {
  top: 2px;
  z-index: 2;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .popup-modal-register {
  font-weight: 600;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .submit input[type=submit],
.bs-bp-container-reg #buddypress #signup-form.standard-form button {
  font-size: .875rem;
  margin-right: 0;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form button {
  padding: 6px 20px;
  min-height: 34px;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .field-visibility-settings-toggle {
  font-size: .75rem;
  margin-top: .3rem;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .field-visibility-settings-toggle button {
  font-size: .75rem;
  background: 0 0;
  background-color: none;
  color: var(--mb-base-white);
  border: 0;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  
  vertical-align: baseline;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form a.clear-value {
  font-size: .75rem;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .register-section>h2 {
  font-size: 18px;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap.html-active .wp-editor-tabs button {
  border-color: #ddd;
  border-bottom: 0;
  background-color: transparent;
  border-radius: 3px 3px 0 0;
  box-shadow: none;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap.html-active .wp-editor-tabs button.switch-html {
  background-color: var(--bb-content-alternate-background-color);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap.tmce-active .wp-editor-tabs button {
  border-color: #ddd;
  border-bottom: 0;
  background-color: transparent;
  border-radius: 3px 3px 0 0;
  box-shadow: none;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap.tmce-active button.switch-tmce {
  background-color: var(--bb-content-alternate-background-color);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-tabs button {
  border-radius: 0;
  padding: 0 1rem;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container {
  border-radius: 3px;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar {
  background-color: var(--bb-content-alternate-background-color);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn:hover,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .qt-dfw:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .qt-dfw:hover,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn:hover,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .qt-dfw:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .qt-dfw:hover {
  box-shadow: none;
  border-color: transparent;
  color: rgba(18, 43, 70, .8);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .qt-dfw:focus .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .qt-dfw:hover .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn:focus .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn:hover .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .qt-dfw:focus .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .qt-dfw:hover .mce-ico {
  color: rgba(18, 43, 70, .8);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover {
  color: rgba(18, 43, 70, .4);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover .mce-ico {
  color: rgba(18, 43, 70, .4);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel .mce-toolbar .mce-ico,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar .mce-toolbar .mce-ico {
  color: rgba(18, 43, 70, .4);
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .mce-panel button i,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container .quicktags-toolbar button i {
  font-size: 1rem;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container button,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container input[type=button] {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  padding: 0 8px;
  color: rgba(18, 43, 70, .4);
  box-shadow: none;
  min-height: 30px;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container button:hover,
.bs-bp-container-reg #buddypress #signup-form.standard-form .wp-editor-wrap .wp-editor-container input[type=button]:hover {
  color: rgba(18, 43, 70, .8);
}

.bs-bp-container-reg #buddypress #signup-form.standard-form div.error {
  background-color: var(--bb-danger-color);
  color: var(--mb-base-white);
  width: 100%;
  border-radius: 3px;
  font-size: .875rem;
  padding: 6px .75rem;
  margin-bottom: 3px;
  border: 0;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form div.error .error {
  padding: 0;
  border: 0;
  border-radius: 0;
  width: auto;
  margin: 0;
  background: 0 0;
  
}

.bs-bp-container-reg #buddypress #signup-form.standard-form div.error span.bp-icon {
  margin-right: 0;
  display: none;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form div.error p {
  padding: 0;
  margin: 0;
  
}

.bs-bp-container-reg #buddypress #signup-form.standard-form .submit {
  padding: 25px 0 0;
}

.register-page .register-privacy-info a {
  font-weight: 600;
}

body.register.buddypress,
body.register.buddypress .site,
body.activate.buddypress {
  background-color: var(--bb-admin-screen-bgr-color);
}

body.register.buddypress #primary,
body.register.buddypress #primary label,
.bs-bp-container-reg #buddypress #signup-form.standard-form label,
.bs-bp-container-reg #buddypress #signup-form.standard-form legend,
body.buddypress.register article.page>.entry-header .entry-title,
body.buddypress.activation article.bp_activate .entry-header h1,
body.buddypress.activation article.bp_activate label {
  color: var(--bb-admin-screen-txt-color);
}

.bs-bp-container-reg .buddypress-wrap #pass-strength-result.short,
.bs-bp-container-reg .buddypress-wrap #pass-strength-result.show {
  background-color: var(--bb-warning-color);
  border-color: var(--bb-warning-color);
  color: var(--mb-base-white);
  border-radius: var(--bb-input-radius);
  font-size: .875rem;
}

.bs-bp-container-reg .buddypress-wrap #pass-strength-result.show.good {
  background-color: var(--bb-default-notice-color);
  border-color: var(--bb-default-notice-color);
}

.bs-bp-container-reg .buddypress-wrap #pass-strength-result.short {
  background-color: var(--bb-danger-color);
  border-color: var(--bb-danger-color);
  color: #fff;
}

.bs-bp-container-reg .buddypress-wrap #pass-strength-result.strong {
  background-color: var(--bb-success-color);
  border-color: var(--bb-success-color);
  color: var(--mb-base-white);
  font-weight: 400 !important;
}

.bs-bp-container-reg .buddypress-wrap .bp-messages.info {
  background-color: var(--bb-default-notice-color);
  border-color: var(--bb-default-notice-color);
}

.bs-bp-container-reg .buddypress-wrap .bp-messages.info .bp-icon {
  background-color: var(--bb-default-notice-color);
  margin-right: 0;
}

.bs-bp-container-reg .buddypress-wrap .bp-messages.info .bp-icon:before {
  font-family: bb-icons;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  content: "\eebc";
}

.bs-bp-container-reg .buddypress-wrap .bp-messages.info p {
  color: #fff;
}

body.buddypress.register .register-section-logo a,
.bs-bp-container-reg a {
  color: var(--bb-login-register-link-color-regular);
}

body.buddypress.register .register-section-logo a:hover,
.bb-password-wrap a.bb-toggle-password:hover,
.bs-bp-container-reg a:hover {
  color: var(--bb-login-register-link-color-hover);
}

body.buddypress.register #buddypress input[type=submit],
body.buddypress.activation #buddypress input[type=submit] {
  background-color: var(--bb-login-register-button-background-color-regular);
  color: var(--bb-login-register-button-text-color-regular);
  border-color: var(--bb-login-register-button-border-color-regular);
}

body.buddypress.register #buddypress input[type=submit]:hover,
body.buddypress.activation #buddypress input[type=submit]:hover {
  background-color: var(--bb-login-register-button-background-color-hover);
  color: var(--bb-login-register-button-text-color-hover);
  border-color: var(--bb-login-register-button-border-color-hover);
}

body.buddypress.register article.bp_register {
  max-width: 450px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.buddypress.register article.bp_register .entry-header {
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

body.buddypress.register article.bp_register .entry-header h1 {
  font-size: 20px;
  margin-right: auto;
}

body.buddypress.register article.bp_register .entry-header span {
  font-size: .875rem;
  text-transform: lowercase;
}

body.buddypress.register .register-section-logo {
  width: 85%;
  max-width: 450px;
  text-align: center;
  margin: 0 auto 1.7rem;
}

body.buddypress.register .register-section-logo img {
  max-width: 320px;
  width: 22%;
}

body.buddypress.register .register-section-logo span {
  background-size: contain;
  width: 84px;
  height: auto;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  margin: auto;
}

body.buddypress.register .register-section-logo .bs-register-section-logo {
  visibility: hidden;
  width: 100%;
}

body.buddypress.register .register-section-logo a {
  font-size: 20px;
  
}

body.buddypress.register.login-split-page .login-split {
  display: none;
}

.register-section.extended-profile .wp-editor-wrap,
.register-section.extended-profile .checkbox-options,
.register-section.extended-profile .radio-button-options {
  margin-bottom: .75rem;
}

@media(max-width:991px) {
  body.buddypress.register.login-split-page .bb-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ;
}

body.buddypress.register.login-split-page {
  min-height: 100%;
}

body.buddypress.register.login-split-page .site-content {
  padding: 0;
  min-height: 100vh;
  height: 100%;
}

body.buddypress.register.login-split-page .container {
  max-width: none;
  padding: 0;
  height: 100%;
}

body.buddypress.register.login-split-page .bb-grid {
  margin: 0;
  height: 100%;
}

body.buddypress.register.login-split-page .login-split {
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.buddypress.register.login-split-page #primary {
  position: static;
}

body.buddypress.register.login-split-page .bs-bp-container-reg {
  padding-left: 0;
  padding-right: 0;
}

body.buddypress.register.login-split-page .register-section-logo {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 35px;
}

body.buddypress.register.login-split-page .submit input[type=submit] {
  width: 100%;
}

body.buddypress.register.login-split-page .login-split .split-overlay {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  z-index: 1;
  opacity: 0;
}

body.buddypress.register.login-split-page .login-split__entry {
  display: block;
  width: 80%;
  max-width: 450px;
  font-size: 32px;
  
  position: relative;
  z-index: 9;
}

body.buddypress.register.login-split-page .login-split__entry h1 {
  color: var(--bb-login-custom-heading-color);
  text-align: left;
  margin: 0;
}

body.buddypress.register.login-split-page .login-split__entry p {
  font-size: 1rem;
  display: block;
  margin-top: 20px;
  margin-bottom: 0;
  color: var(--bb-login-custom-heading-color);
}

@media(max-width:991px) {
  body.buddypress.register.login-split-page .login-split__entry {
    max-width: 450px;
    width: 90%;
    padding: 80px 0;
  }

  ;
}

@media(max-width:544px) {
  body.buddypress.register.login-split-page .login-split__entry {
    width: 85%;
  }

  ;
}

@media(min-width:992px) {
  body.buddypress.register.login-split-page {
    min-height: 100%;
  }

  body.buddypress.register.login-split-page .site-content {
    padding: 0;
    min-height: 100vh;
    height: 100%;
  }

  body.buddypress.register.login-split-page .container {
    max-width: none;
    padding: 0;
    height: 100%;
  }

  body.buddypress.register.login-split-page .site-content .container {
    min-height: 100vh;
  }

  body.buddypress.register.login-split-page .site-content .container .bb-grid {
    min-height: 100vh;
  }

  body.buddypress.register.login-split-page .bb-grid {
    margin: 0;
    height: 100%;
  }

  body.buddypress.register.login-split-page .login-split {
    padding: 0;
    width: 50%;
    position: fixed;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  body.buddypress.register.login-split-page #primary {
    position: static;
    margin-left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  body.buddypress.register.login-split-page .bs-bp-container-reg {
    padding-left: 0;
    padding-right: 0;
  }

  body.buddypress.register.login-split-page .register-section-logo {
    margin-left: -webkit-calc((50vw - 450px)/2);
    margin-left: calc((50vw - 450px)/2);
    margin-right: -webkit-calc((50vw - 450px)/2);
    margin-right: calc((50vw - 450px)/2);
  }

  body.buddypress.register.login-split-page article.bp_register {
    margin-left: -webkit-calc((50vw - 450px)/2);
    margin-left: calc((50vw - 450px)/2);
    margin-right: -webkit-calc((50vw - 450px)/2);
    margin-right: calc((50vw - 450px)/2);
  }

  body.buddypress.register.login-split-page .login-split__entry {
    margin-left: -webkit-calc((50vw - 450px)/2);
    margin-left: calc((50vw - 450px)/2);
    margin-right: -webkit-calc((50vw - 450px)/2);
    margin-right: calc((50vw - 450px)/2);
    max-width: 450px;
  }

  ;
}

@media(max-width:800px) {
  body.buddypress.register article.bp_register {
    width: 80%;
  }

  body.buddypress.register .register-section-logo {
    width: 80%;
  }

  ;
}

@media(max-width:544px) {
  body.buddypress.register article.bp_register {
    width: 85%;
  }

  body.buddypress.register .register-section-logo {
    width: 85%;
  }

  ;
}

body.register .registration-popup,
body.registration .mfp-content #terms-modal,
body.registration .mfp-content #privacy-modal {
  border-radius: var(--bb-block-radius);
  border-color: var(--bb-content-border-color);
}

body.register .registration-popup.bb-modal {
  max-width: 800px;
}

.registration .registration-popup.bb-modal>h1:first-of-type {
  color: var(--bb-headings-color);
  text-align: left;
  margin-bottom: 27px;
  margin: -30px -30px 30px;
  background-color: var(--bb-content-alternate-background-color);
  padding: 17px 30px;
  border-top-left-radius: var(--bb-block-radius);
  border-top-right-radius: var(--bb-block-radius);
  border-bottom: 1px solid var(--bb-content-border-color);
  font-size: 20px;
}

.bb-template-v2.registration .registration-popup.bb-modal>h1:first-of-type {
  border-bottom: 0;
}

body.register .registration-popup .mfp-close {
  top: 6px;
  right: 1rem;
  font-size: 24px;
}

.registration .mfp-content #terms-modal.bb-modal>h1:first-of-type,
.registration .mfp-content #privacy-modal.bb-modal>h1:first-of-type,
.registration .mfp-content .registration-popup.bb-modal>h1:first-of-type,
.registration .mfp-content #terms-modal.registration-popup.bb-modal>h1:first-of-type {
  font-size: 20px;
}

.registration .mfp-content #terms-modal.registration-popup.bb-modal {
  border-color: var(--bb-content-border-color);
}

.bb-password-wrap a.bb-toggle-password {
  height: 40px;
  width: 40px;
}

.bb-password-wrap a.bb-toggle-password .bb-icon-eye {
  font-size: 18px;
}

body.buddypress.activation article.bp_activate {
  max-width: 450px;
  width: 48%;
  margin-left: auto;
  margin-right: auto;
}

body.buddypress.activation article.bp_activate .entry-header {
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.buddypress.activation article.bp_activate .entry-header h1 {
  font-size: 20px;
  margin-right: auto;
}

body.buddypress.activation article.bp_activate .entry-header span {
  font-size: .875rem;
  text-transform: lowercase;
}

body.buddypress.activation article.bp_activate label {
  font-size: .875rem;
}

body.buddypress.activation .site {
  min-height: initial;
}

body.buddypress.activation .activate-section-logo {
  width: 48%;
  max-width: 450px;
  text-align: center;
  margin: 0 auto 1.7rem;
}

body.buddypress.activation .activate-section-logo img {
  max-width: 320px;
  width: 22%;
}

body.buddypress.activation .activate-section-logo span {
  background-size: contain;
  width: 84px;
  height: auto;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  margin: auto;
}

body.buddypress.activation .activate-section-logo a {
  font-size: 20px;
  
}

body.buddypress.activation.login-split-page .login-split {
  display: none;
}

@media(min-width:992px) {
  body.buddypress.activation.login-split-page {
    height: 100%;
  }

  body.buddypress.activation.login-split-page .site-content {
    padding: 0;
    min-height: initial;
    height: 100%;
  }

  body.buddypress.activation.login-split-page .container {
    max-width: none;
    padding: 0;
    height: 100%;
  }

  body.buddypress.activation.login-split-page .bb-grid {
    margin: 0;
    height: 100%;
  }

  body.buddypress.activation.login-split-page .login-split {
    padding: 0;
    width: 50%;
    position: fixed;
    left: 0;
    height: 100%;
    display: block;
  }

  body.buddypress.activation.login-split-page #primary {
    position: absolute;
    left: 50%;
  }

  body.buddypress.activation.login-split-page .bs-bp-container-reg {
    padding-left: 0;
    padding-right: 0;
  }

  body.buddypress.activation.login-split-page .activate-section-logo {
    margin-right: 0;
    margin-left: 50px;
    margin-top: 50px;
    min-width: 320px;
    text-align: left;
  }

  body.buddypress.activation.login-split-page article.bp_activate {
    margin-right: 0;
    margin-left: 50px;
    min-width: 320px;
  }

  body.buddypress.activation.login-split-page .submit input[type=submit] {
    width: 100%;
  }

  body.buddypress.activation.login-split-page .login-split .split-overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: relative;
    z-index: 1;
    opacity: 0;
  }

  body.buddypress.activation.login-split-page .login-split div {
    color: #fff;
  }

  body.buddypress.activation.login-split-page .login-split>div:not(.split-overlay) {
    display: block;
    width: 50%;
    max-width: 300px;
    margin: 0 auto;
    padding: 8% 0 0;
    font-size: 32px;
    
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    margin: auto;
  }

  body.buddypress.activation.login-split-page .login-split>div>span {
    font-size: 1rem;
    display: block;
    margin-top: 20px;
  }

  ;
}

@media(max-width:800px) {
  body.buddypress.activation article.bp_activate {
    width: 90%;
  }

  body.buddypress.activation .activate-section-logo {
    width: 90%;
  }

  ;
}

@media(max-width:544px) {
  body.buddypress.activation article.bp_activate {
    width: 100%;
  }

  body.buddypress.activation .activate-section-logo {
    width: 100%;
  }

  ;
}

body.group-create .site-content>.container {
  max-width: 100%;
}

body.group-create .content-area {
  padding-top: 0;
}

body.group-create #buddypress .item-body {
  margin: 0;
}

body.group-create #group-invites-container .total-members-text,
body.group-create #group-invites-container input.select2-search__field,
body.group-create #group-invites-container label.bp-group-invite-label {
  margin: 0;
}

body.group-create .bb-groups-invites-left .bb-panel-head {
  min-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body.group-create .bb-groups-invites-left .bb-panel-subhead {
  width: 100%;
}

body.group-create #group-invites-container .bb-groups-invites-left #members-list {
  max-height: 67vh;
}

body.group-create #send_group_invite_form .select2-selection__rendered {
  max-height: 200px;
}

.bb-create-group-container {
  margin: 0 -20px;
}

.bb-create-group-container div#profile_cover {
  padding-top: 22%;
}

.bb-create-group-container div#profile_cover:before {
  background: #eef0f3;
}

#group-create-body .bb-create-group-container .dz-default {
  min-height: 1px;
  background: 0 0;
  border: 0;
  
}

#group-create-body .bb-create-group-container .dz-default span:before {
  background: url(../images/svg/group-avatar.svg) no-repeat;
  margin: 0;
  width: 65px;
  height: 60px;
}

#group-create-body .bb-create-group-container .dz-default.dz-message {
  font-size: 0;
}

.bb-create-group-container .bb-profile-cover-wrap .more-actions,
.bb-create-group-container #bb_profile_avatar_wrap .more-actions {
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 40px;
  max-width: 240px;
  font-size: 1rem;
  text-align: center;
  z-index: 22;
}

.bb-create-group-container .bb-profile-cover-wrap .croppie-container,
.bb-create-group-container #bb_profile_avatar_wrap .croppie-container {
  border-radius: 0;
}

.bb-create-group-container .bb-profile-cover-wrap .bb-icon-menu-dots-v,
.bb-create-group-container #bb_profile_avatar_wrap .bb-icon-menu-dots-v {
  font-family: inherit;
  font-size: 1rem;
  color: rgba(77, 92, 109, .63);
  right: 0;
  top: 0;
}

.bb-create-group-container .bb-profile-cover-wrap .bb-icon-menu-dots-v:before,
.bb-create-group-container #bb_profile_avatar_wrap .bb-icon-menu-dots-v:before {
  content: '';
}

.bb-create-group-container .bb-profile-cover-wrap .bs-dropdown,
.bb-create-group-container #bb_profile_avatar_wrap .bs-dropdown {
  top: 35px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 160px;
}

.bb-create-group-container .bb-profile-cover-wrap .bs-dropdown:after,
.bb-create-group-container #bb_profile_avatar_wrap .bs-dropdown:after {
  right: 0;
  left: 0;
}

.bb-create-group-container #bb-profile-avatar-wrap-components div#profile_avatar {
  background: #eef0f3;
  border: 2px solid rgba(255, 255, 255, .37);
  box-shadow: 0 4px .75rem 0 #d0d3d6;
  border-radius: 5px;
}

.bb-create-group-container .bb-profile-avatar-wrap,
.bb-create-group-container #bb-profile-avatar-wrap-components {
  height: 200px;
  width: 200px;
  overflow: visible;
}

.bb-create-group-container .bb-profile-avatar-wrap {
  margin-left: 150px;
  margin-top: -162px;
}

.bb-create-group-container #bb-profile-avatar-wrap-components div#profile_avatar:before {
  display: none;
}

.bb-create-group-container .bb-profile-avatar-wrap .dz-default span {
  display: block;
}

.bb-create-group-container .bb-profile-wrap .croppie-container .cr-boundary {
  border: 1px solid var(--mb-base-white);
  border-radius: 5px;
}

.bb-create-group-container .bb-privary-box {
  background: var(--mb-base-white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 160px;
  min-height: 130px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.bb-create-group-container .bb-privary-box .bb-text {
  opacity: .5;
  color: var(--bb-body-text-color);
  margin-top: 1rem;
}

.bb-create-group-container .bb-privary-box svg {
  opacity: .5;
}

div#profile_cover {
  border-radius: 4px;
  padding-top: 36.47%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 2rem;
  z-index: 5;
}

div#profile_cover:before {
  background: rgba(18, 43, 70, .3);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.bb-profile-avatar-wrap {
  position: relative;
  margin-left: 45px;
  margin-top: -155px;
  height: 152px;
  width: 152px;
}

div#profile_avatar {
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid var(--mb-base-white);
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 5;
}

#group-create-body #bb_profile_avatar_wrap .dz-default span:before {
  background: url(../images/svg/group-profile.svg) no-repeat;
  margin-top: -20px;
}

.bb-profile-wrap .croppie-container .cr-overlay {
  background: rgba(0, 0, 0, .3);
}

.bb-create-group-container #bb_profile_avatar_wrap .dz-started~div .bb-icon-menu-dots-v,
.bb-profile-cover-wrap .dz-started~div .bb-icon-menu-dots-v {
  color: #fff;
}

#create-group-form.standard-form .bb-create-group-details-wrap {
  max-width: 750px;
  margin: auto;
  padding: 80px 1rem 0;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 30px;
  padding: 0;
  font-size: .875rem;
  color: var(--bb-body-text-color);
  
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-wrap>label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  margin: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-body-text-color);
  cursor: pointer;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-input label {
  font-size: .875rem;
  color: var(--bb-body-text-color);
  font-weight: 700;
  cursor: pointer;
}

#create-group-form.standard-form .bb-create-group-details-wrap input,
#create-group-form.standard-form .bb-create-group-details-wrap select {
  height: 48px;
  font-size: .875rem;
  padding: 10px 1rem;
}

#create-group-form.standard-form .bb-create-group-details-wrap textarea {
  height: 145px;
  resize: none;
  font-size: .875rem;
  padding: 10px 1rem;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-inner-wrap {
  margin-bottom: 20px;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-inner-wrap:last-child {
  margin-bottom: 0;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-inner-wrap span {
  color: #939597;
}

#create-group-form.standard-form .bb-create-group-details-wrap .bb-field-inner-wrap .checked+span {
  color: var(--bb-body-text-color);
}

#create-group-form.standard-form .bb-create-group-details-wrap input.button {
  min-width: 200px;
}

#create-group-form.standard-form .bb-create-group-details-wrap a.cancel {
  margin-right: 25px;
}

#create-group-form.standard-form .bb-create-group-details-wrap .group-create-privacy .radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

#create-group-form.standard-form .bb-create-group-details-wrap .group-create-privacy .radio .bb-field-inner-wrap {
  margin-right: 10px;
}

#create-group-form.standard-form .bb-create-group-details-wrap .group-create-privacy .checked+.bb-privary-box {
  box-shadow: 0 7px 1rem 0 rgba(0, 0, 0, .12), inset 0 -2px 0 0 var(--bb-primary-color);
}

#create-group-form.standard-form .bb-create-group-details-wrap .group-create-privacy .checked+.bb-privary-box svg {
  opacity: 1;
}

#create-group-form.standard-form .bb-create-group-details-wrap .group-create-privacy .checked+.bb-privary-box .bb-text {
  opacity: 1;
}

#content form.standard-form .left-menu #invite-list ul {
  margin: 0;
}

#content form.standard-form .left-menu #invite-list ul li {
  margin: 0 0 1rem;
}

#content div#invite-list {
  background: 0 0;
  height: auto;
  margin: 0;
  overflow: auto;
  padding: 0 20px 20px;
  width: auto;
  max-height: 500px;
}

#content div#invite-list ul {
  margin: 0;
  list-style: none;
}

#content div#invite-list .avatar {
  max-width: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

#content div#invite-list label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#content div#invite-list .bb-name-wrap span {
  display: block;
}

#content div#invite-list .bb-name {
  font-size: 1rem;
  color: var(--bb-body-text-color);
  
}

#content div#invite-list .bb-mention {
  font-size: .75rem;
  font-weight: 300;
  color: rgba(0, 0, 0, .3);
  margin-top: 3px;
}

#content div#invite-list .bb-input-wrap {
  margin-left: auto;
}

#content div#invite-list .bb-input-wrap input {
  position: absolute;
  opacity: 0;
}

#content div#invite-list .bb-check-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/svg/circle-add.svg) no-repeat;
  background-size: cover;
  border: 0;
  border-radius: 0;
  margin-right: 0;
}

#content div#invite-list input:checked+.bb-check-icon {
  background-image: url(../images/svg/circle-select.svg);
  opacity: .5;
}

ul#friend-list .avatar {
  border-radius: 50%;
  max-width: 52px;
}

ul#friend-list .bb-user-avatar {
  margin-right: 1rem;
}

.bb-invite-search {
  padding: 20px;
}

.bb-invite-user-meta h2 {
  color: var(--bb-headings-color);
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.bb-invite-user-meta h2 a {
  color: inherit;
}

.bb-invite-user-meta .bb-activity {
  display: block;
  font-size: .75rem;
  font-weight: 300;
  color: rgba(0, 0, 0, .3);
  margin-top: 3px;
}

#send-invite-form ul#friend-list li {
  border-bottom: 1px solid #eaeaea;
  padding: 20px 0;
}

#buddypress div.pagination .pag-count {
  margin-left: 0;
}

.invite-action {
  margin-left: auto;
}

.main-column.hide {
  display: none;
}

div#group-step-popup {
  max-width: 600px;
  padding: 40px;
}

div#group-step-popup #content div#invite-list {
  max-height: 45vh;
}

div#group-step-popup .bb-invite-search input {
  width: 100%;
}

div#group-step-popup .bb-input-wrap input {
  width: 26px;
  height: 26px;
  background: url(../images/svg/circle-add.svg) no-repeat;
  background-size: cover;
  border: 0;
  border-radius: 0;
  margin-right: 0;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

div#group-step-popup .bb-input-wrap input:checked {
  background-image: url(../images/svg/circle-select.svg);
  opacity: .5;
}

div#group-step-popup #content div#invite-list .avatar {
  max-width: 44px;
  margin-right: 20px;
}

div#group-step-popup #content form.standard-form .left-menu #invite-list ul li {
  margin: 0;
  border-bottom: 1px solid var(--bb-content-border-color);
  padding-bottom: 20px;
  padding-top: 20px;
}

div#group-step-popup #content div#invite-list .bb-name {
  font-size: 18px;
}

div#group-step-popup #content div#invite-list .bb-mention {
  margin-top: 6px;
}

div#group-step-popup input#groups_invite_search {
  height: 50px;
}

div#group-step-popup .bb-search-title {
  font-size: 30px;
  color: var(--bb-body-text-color);
  text-align: center;
  margin-bottom: 5px;
}

div#group-step-popup .mfp-close {
  background: 0 0;
}

div#group-step-popup .mfp-close:hover {
  background: 0 0;
}

.group-step-buttons {
  text-align: center;
}

.group-step-buttons input.button {
  min-width: 180px;
  min-height: 46px;
}

.bb-no-fiends {
  font-size: .875rem;
}

#buddypress .bb-group-settings {
  font-size: 1rem;
}

#buddypress .bb-group-settings .bs-styled-checkbox+label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#buddypress .bb-group-settings .bs-styled-checkbox:checked+label:before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

#buddypress .bb-group-settings .bb-field-title {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 1rem;
}

#buddypress .bb-group-settings .bs-styled-radio:checked+label:after,
#buddypress .bb-group-settings .bs-styled-radio:checked+.bb-radio-label:after {
  top: 4px;
}

#content #buddypress .bb-group-settings .action .button {
  min-width: 20px;
  display: inline-block;
  font-size: .75rem;
  min-height: 20px;
  padding: 4px .75rem;
}

#content #buddypress .bb-group-settings .bs-item-wrap div.action {
  padding: 0;
}

#content #buddypress .bb-group-settings .bs-item-wrap .bs-generic-button {
  margin: 0 5px 0 0;
}

#buddypress .bb-group-settings .bs-item-wrap>.item>.item-title {
  margin-bottom: 5px;
}

#buddypress .bb-group-settings .item-title a {
  font-size: 18px;
}

#buddypress .bb-group-settings .bs-item-list.list-view {
  margin-bottom: 30px;
}

#buddypress .bb-group-settings .bs-members-items .bs-generic-button {
  margin-right: 5px;
}

#buddypress .bb-group-settings .item-title {
  position: relative;
}

#buddypress .bb-group-settings .bs-members-items.list-view .bb-profile-card div.action {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

#buddypress .bb-group-settings .bs-members-items.list-view .bb-profile-card div.action a {
  font-size: .75rem;
}

.group-create-privacy label {
  font-weight: 700;
}

.bb-group-desc {
  font-size: .75rem;
  margin: 0 0 30px 53px;
  
}

.bb-delete-group-wrap {
  margin: 30px 0;
}

.bb-create-group-container div.bb-profile-avatar-wrap:first-child {
  margin: 50px auto 0;
}

p.group-setting-label {
  outline: none;
  margin: 0 0 .75rem;
}

#create-group-form #group-create-body select {
  width: auto;
  min-width: 50%;
  margin: 0 0 8px;
}

.groups.group-create .buddypress-wrap .group-status-type ul:last-child {
  margin-bottom: 0;
}

.groups.group-create .buddypress-wrap .group-status-type label {
  font-size: 1rem;
  
}

.groups.group-create .buddypress-wrap .submit {
  padding: 0;
}

#bp-delete-cover-image-container {
  margin-bottom: 30px;
}

#create-group-form>.bp-messages {
  margin-bottom: 30px;
}

@media screen and (min-width:768px) {
  .groups.group-create .buddypress-wrap #group-create-tabs.tabbed-links .group-create-buttons li.current {
    background-color: var(--bb-body-background-color);
  }

  ;
}

@media(max-width:1080px) {
  .bb-create-group-cover-wrap div#profile_cover {
    padding-top: 28%;
  }

  .bb-create-group-container .bb-profile-avatar-wrap {
    margin-left: 60px;
  }

  #send-invite-form .left-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
  }

  #content div#invite-list .avatar {
    max-width: 36px;
  }

  #content div#invite-list .bb-name {
    font-size: .875rem;
  }

  .invite-action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 67px;
    padding-top: 6px;
  }

  #buddypress a.button.small.remove {
    font-size: .75rem;
    min-height: 30px;
    padding: 5px 20px;
  }

  .bb-invite-user-meta .bb-activity {
    font-size: .625rem;
  }

  ;
}

@media(min-width:800px) and (max-width:920px) {
  .invite-action.invite-action {
    padding-left: 0;
  }

  ;
}

@media(max-width:820px) {
  .bb-create-group-container .bb-privary-box {
    min-width: 130px;
    min-height: 100px;
  }

  #create-group-form.standard-form .bb-create-group-details-wrap .bb-field-wrap>label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
  }

  ;
}

@media(max-width:760px) {
  .bb-create-group-cover-wrap div#profile_cover {
    padding-top: 32%;
  }

  .bb-create-group-container .bb-profile-avatar-wrap,
  .bb-create-group-container #bb-profile-avatar-wrap-components {
    height: 160px;
    width: 160px;
  }

  .bb-create-group-container #bb_profile_avatar_wrap .bb-icon-menu-dots-v {
    font-size: .75rem;
  }

  ;
}

@media(max-width:640px) {
  .bb-create-group-container .bb-profile-avatar-wrap {
    margin: 0 auto;
    margin-top: -50px;
  }

  .bb-create-group-cover-wrap div#profile_cover {
    padding-top: 45%;
  }

  #create-group-form.standard-form .bb-create-group-details-wrap .bb-field-wrap>label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
  }

  ;
}

@media(max-width:580px) {
  #send-invite-form .left-menu {
    border-right: 0;
    border-bottom: 1px solid var(--bb-content-border-color);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  div#group-step-popup {
    padding: 30px;
  }

  ;
}

@media(max-width:440px) {
  .bb-create-group-cover-wrap div#profile_cover {
    padding-top: 60%;
  }

  ;
}

body.bp-search .buddypanel {
  z-index: 611;
}

body.bp-search .site-header {
  z-index: 610;
}

body.bp-search .bp-forum-search-ac-header,
body.bp-search .bp-search-ac-header {
  background-color: var(--bb-content-background-color);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .06), 0 6px 24px rgba(0, 0, 0, .12);
  border-radius: 4px;
  display: block;
  padding: 0;
  right: 0;
  overflow: auto;
  max-height: -webkit-calc(100vh - 76px);
  max-height: calc(100vh - 76px);
  max-width: 500px !important;
  width: 100%;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  z-index: 610;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type),
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) {
  background-color: var(--bb-content-background-color);
  max-width: 1190px;
  margin: auto;
  width: 100%;
  float: none;
  padding: 0 1rem;
  border-bottom: 1px solid var(--bb-content-border-color);
  color: var(--mb-gray-500);
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .item p,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .item p {
  margin-bottom: 5px;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .item-avatar>i,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .item-avatar>i {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--bb-content-alternate-background-color);
  border-radius: 50%;
  color: var(--mb-gray-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  width: 48px;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .bp-search-ajax-item {
  margin: 0;
  padding: 1rem 0;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .bp-search-ajax-item .item-avatar,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .bp-search-ajax-item .item-avatar {
  margin-right: 1rem;
  margin-top: 5px;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .bp-search-ajax-item .item-desc,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .bp-search-ajax-item .item-desc {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  margin: 0;
  
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .entry-meta,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .entry-meta {
  font-size: .75rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--mb-gray-500);
  min-height: 26px;
  margin-bottom: 0;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type) .entry-meta a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type) .entry-meta a {
  color: var(--mb-gray-500);
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type):last-child,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type):last-child {
  border-bottom: 0;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type):last-child:not(.bbls-view_all_type-type),
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type):last-child:not(.bbls-view_all_type-type) {
  margin-bottom: .75rem;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item a {
  display: inline;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title p,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title p,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title p,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title p,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title p,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title p {
  font-size: .875rem;
  color: var(--bb-headings-color);
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title a {
  font-weight: 700;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title a>img,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title a>img,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title a>img,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item>.item .item-title a>img,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item>.item .item-title a>img,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item>.item .item-title a>img {
  display: none;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item .woocommerce-product-details__short-description,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item .woocommerce-product-details__short-description,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item .woocommerce-product-details__short-description,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item .woocommerce-product-details__short-description,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item .woocommerce-product-details__short-description,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type>.bp-search-ajax-item .woocommerce-product-details__short-description {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  font-weight: 400;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-members-type .bp-search-ajax-item .item-avatar,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-members-type .bp-search-ajax-item .item-avatar {
  margin-top: 0;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-members-type .bp-search-ajax-item .item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-members-type .bp-search-ajax-item .item {
  margin-top: 4px;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-posts-type .bp-search-ajax-item .item-avatar,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-posts-type .bp-search-ajax-item .item-avatar {
  margin-top: 0;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item .item .entry-title,
body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item .item .entry-title,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type>.bp-search-ajax-item .item .entry-title,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type>.bp-search-ajax-item .item .entry-title {
  margin-bottom: 0;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-topic-type>.bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-topic-type>.bp-search-ajax-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-cpt-product-type>.bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-cpt-product-type>.bp-search-ajax-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-cpt-product-type>.bp-search-ajax-item>.item a,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-cpt-product-type>.bp-search-ajax-item>.item a {
  display: inline;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-cpt-product-type>.bp-search-ajax-item .woocommerce-product-details__short-description,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-cpt-product-type>.bp-search-ajax-item .woocommerce-product-details__short-description {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  font-weight: 400;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-groups-type>.bp-search-ajax-item,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-groups-type>.bp-search-ajax-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-groups-type>.bp-search-ajax-item .group-details,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-groups-type>.bp-search-ajax-item .group-details {
  color: var(--bb-body-text-color);
  font-size: .875rem;
  font-weight: 400;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-sub-item .item-avatar,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-sub-item .item-avatar {
  position: relative;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-sub-item .item-avatar:before,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-sub-item .item-avatar:before {
  background-color: var(--mb-gray-500);
  top: 25px;
  border-radius: 50%;
  color: var(--bb-content-background-color);
  display: block;
  font-family: bb-icons;
  font-size: 17px;
  font-weight: 300;
  height: 24px;
  
  position: absolute;
  right: -5px;
  text-align: center;
  width: 24px;
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type .item-avatar:before,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity_comment-type .item-avatar:before {
  content: '\e967';
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type .item-avatar:before,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-activity-type .item-avatar:before {
  content: '\e854';
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-topic-type .item-avatar:before,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-topic-type .item-avatar:before {
  content: '\ee34';
}

body.bp-search .bp-forum-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type .item-avatar:before,
body.bp-search .bp-search-ac-header>li:not(.bbls-view_all_type-type).bbls-reply-type .item-avatar:before {
  content: '\ef0a';
}

body.bp-search .bp-forum-search-ac-header li:hover .item-avatar>i,
body.bp-search .bp-search-ac-header li:hover .item-avatar>i {
  background-color: var(--bb-content-background-color);
}

body.bp-search .bp-forum-search-ac-header li .bp-member-type,
body.bp-search .bp-forum-search-ac-header li .item-meta,
body.bp-search .bp-search-ac-header li .bp-member-type,
body.bp-search .bp-search-ac-header li .item-meta {
  background-color: transparent;
  color: var(--mb-gray-500);
  display: inline-block;
  font-size: .8125rem;
  
}

body.bp-search .bp-forum-search-ac-header li .bp-member-type strong,
body.bp-search .bp-forum-search-ac-header li .item-meta strong,
body.bp-search .bp-search-ac-header li .bp-member-type strong,
body.bp-search .bp-search-ac-header li .item-meta strong {
  font-weight: 400;
}

body.bp-search .bp-forum-search-ac-header li .middot,
body.bp-search .bp-search-ac-header li .middot {
  color: var(--mb-gray-500);
  display: inline-block;
  font-size: 17px;
  margin: 0 6px;
  
}

body.bp-search .bp-forum-search-ac-header>li.bbls-view_all_type-type,
body.bp-search .bp-search-ac-header>li.bbls-view_all_type-type {
  margin-bottom: -10px;
  text-align: center;
}

body.bp-search .bp-forum-search-ac-header>li a:not(.x),
body.bp-search .bp-search-ac-header>li a:not(.x) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.bp-search .bp-forum-search-ac-header>li .ui-state-active,
body.bp-search .bp-search-ac-header>li .ui-state-active {
  background: 0 0;
  border: none;
}

body.bp-search .bp-forum-search-ac-header>li.bbls-view_all_type-type a,
body.bp-search .bp-search-ac-header>li.bbls-view_all_type-type a {
  color: var(--bb-primary-color);
  font-size: .875rem;
  font-weight: 700;
  padding: 11px 10px !important;
}

body.bp-search .bp-forum-search-ac-header>li.bbls-view_all_type-type a:after,
body.bp-search .bp-search-ac-header>li.bbls-view_all_type-type a:after {
  content: '\e827';
  color: var(--mb-gray-500);
  font-family: bb-icons;
  font-size: 21px;
  vertical-align: middle;
  display: inline-block;
}

body.bp-search .bp-forum-search-ac-header>li.bbls-albums-type .media-album_items .item-avatar,
body.bp-search .bp-search-ac-header>li.bbls-albums-type .media-album_items .item-avatar {
  float: left;
  margin-top: 0;
}

body.bp-search .bp-forum-search-ac-header>li.bbls-albums-type .media-album_items .item-avatar+.media-album_details,
body.bp-search .bp-search-ac-header>li.bbls-albums-type .media-album_items .item-avatar+.media-album_details {
  width: -webkit-calc(100% - 65px);
  width: calc(100% - 65px);
}

body.bp-search .bp-forum-search-ac-header img,
body.bp-search .bp-search-ac-header img {
  border-radius: 50%;
}

body.bp-search .bp-forum-search-ac-header {
  max-width: initial !important;
  right: initial;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

body.bp-search .bp-forum-search-ac-header>li.bbls-undefined-type,
body.bp-search .bp-forum-search-ac-header>li:last-child {
  margin-bottom: 0 !important;
}

body.bp-search .search-media-list .media-album_details .media-album_name,
body.bp-search .search-video-list .media-album_details .media-album_name {
  color: var(--bb-headings-color);
}

body.bp-search .search-media-list .media-album_group,
body.bp-search .search-media-list .media-photo_count,
body.bp-search .search-media-list .media-album_modified,
body.bp-search .search-media-list .media-album_visibility,
body.bp-search .search-media-list .media-album_modified .media-album_details__bottom .media-album_date,
body.bp-search .search-media-list .media-album_modified .media-album_details__bottom,
body.bp-search .search-video-list .media-album_group,
body.bp-search .search-video-list .media-photo_count,
body.bp-search .search-video-list .media-album_modified,
body.bp-search .search-video-list .media-album_visibility,
body.bp-search .search-video-list .media-album_modified .media-album_details__bottom .media-album_date,
body.bp-search .search-video-list .media-album_modified .media-album_details__bottom {
  color: var(--mb-gray-500);
}

body.bp-search .search-media-list .media-album_author a,
body.bp-search .search-video-list .media-album_author a {
  color: var(--mb-gray-500);
}

body.bp-search .search-media-list .middot,
body.bp-search .search-video-list .middot {
  color: var(--mb-gray-500);
}

body.bp-search .search-document-list .media-folder_items .media-folder_details .media-folder_name {
  color: var(--bb-headings-color);
}

body.bp-search .search-document-list .media-folder_items .media-folder_details__bottom {
  color: var(--mb-gray-500);
}

body.bp-search .search-document-list .media-folder_items .media-folder_details__bottom .media-folder_date,
body.bp-search .search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author,
body.bp-search .search-document-list .media-folder_items .media-folder_details__bottom .media-folder_group,
body.bp-search .search-document-list .media-folder_items .media-folder_details__bottom .media-folder_author a {
  color: var(--mb-gray-500);
}

body.bp-search .bbls-category a {
  font-size: .75rem;
  font-weight: 600;
  color: #939597;
  text-transform: uppercase;
}

body.bp-search .bp-search-ac .item-avatar img {
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  object-fit: cover;
  width: 100%;
  height: auto;
}

body.admin-bar.bp-search .bp-search-ac-header {
  max-height: -webkit-calc(100vh - 108px);
  max-height: calc(100vh - 108px);
}

.members-group-list .item-entry-header {
  font-size: 18px;
  color: var(--bb-headings-color);
}

.activity-user {
  font-weight: 700;
}

.item-title.activity-content p:last-child {
  margin: 0;
}

.bp-search-results-list li:first-child .list-wrap {
  border-radius: 0 !important;
}

#buddypress .bp-search-results-list .list-wrap {
  border-left: 0;
  border-right: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.bp-search-results-list .bp-search-item .item-avatar {
  max-width: 90px;
  width: 100%;
}

.bp-search-results-list .bp-search-item .item-avatar a {
  border-radius: 3px;
  display: block;
  margin-right: 1rem;
  max-width: 100%;
  min-height: 90px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}

.bp-search-results-list .bp-search-item .item-avatar a>i {
  min-height: 90px;
  min-width: 90px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: var(--bb-content-alternate-background-color);
  font-size: 28px;
  color: var(--mb-gray-500);
}

.bp-search-results-list .bp-search-item .item-avatar a:empty {
  display: none;
}

.bp-search-results-list .bp-search-item .item-avatar img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}

.bp-search-results-list .bp-search-item_topic .item-avatar>a,
.bp-search-results-list .bp-search-item_reply .item-avatar>a {
  min-height: initial;
}

.bp-search-results-list .bp-search-item_topic .item-avatar>a:last-child,
.bp-search-results-list .bp-search-item_reply .item-avatar>a:last-child {
  min-height: 90px;
}

.bp-search-results-list .entry-summary {
  font-size: .875rem;
  color: var(--bb-body-text-color);
  margin-bottom: 6px;
}

.bp-search-results-list .entry-summary>p {
  margin-bottom: 6px;
}

.bp-search-results-list .entry-summary>p:last-child {
  margin-bottom: 0;
}

.bp-search-results-list .entry-content {
  float: none;
  width: auto;
  word-break: break-word;
}

.bp-search-results-list .fluid-width-video-wrapper {
  min-width: 240px;
  margin: 0 !important;
}

.bp-search-results-list .item-meta.activity-header {
  margin-bottom: 0 !important;
}

.bp-search-results-list .bp-search-item .entry-meta,
.bp-search-results-list .bp-search-item .entry-meta a,
.bp-search-results-list .bp-search-item .entry-meta span,
.bp-search-results-list .bp-search-item .item-tags,
.bp-search-results-list .bp-search-item .item-tags a,
.bp-search-results-list .bp-search-item .item-tags span,
.bp-search-results-list .bp-search-item .item-meta,
.bp-search-results-list .bp-search-item .item-meta a,
.bp-search-results-list .bp-search-item .item-meta span {
  font-size: .75rem;
  color: var(--mb-gray-500);
  
}

.bp-search-results-list .bp-search-item .entry-meta span.middot,
.bp-search-results-list .bp-search-item .item-tags span.middot,
.bp-search-results-list .bp-search-item .item-meta span.middot {
  display: inline-block;
  margin: 0 6px;
  font-size: 17px;
  color: var(--mb-gray-500);
  
}

.bp-search-results-list .bp-search-item.bp-search-item_product span.middot {
  display: inline-block;
  margin: 0 2px;
  font-size: 17px;
  color: var(--mb-gray-500);
  
}

.bp-search-results-list.members-list .item-meta .middot {
  vertical-align: initial;
}

.bp-search-results-list .bp-search-item .item-tags {
  margin-top: 5px;
}

.bp-search-results-list .entry-content:last-child {
  margin: 0;
}

.buddypress-wrap .bp-search-results-list .item-meta.last-activity,
.buddypress-wrap .bp-search-results-list .bp-member-type {
  color: var(--mb-gray-500);
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  font-size: .8125rem;
  
  padding: 0;
}

.buddypress-wrap .bp-search-results-list.members-list li .list-wrap .last-activity {
  color: var(--mb-gray-500);
  margin-bottom: 0;
}

.buddypress-wrap .bp-search-results-list.members-list li .list-wrap .last-activity span.middot {
  vertical-align: middle;
}

.bp-search-results-list .item-meta .middot {
  display: inline-block;
  margin: 0 6px;
  font-size: 22px;
  color: var(--mb-gray-500);
  vertical-align: middle;
}

.bp-search-results-list.cpt-product-list .item-extra,
.bp-search-results-list.cpt-product-list .entry-meta {
  color: var(--mb-gray-500);
  display: inline-block;
}

.bp-search-results-list.cpt-product-list .woocommerce-product-details__short-description p {
  margin-bottom: 0;
}

.bp-search-results-list.cpt-sfwd-lessons-list .item .item-title {
  margin-bottom: 0;
}

.bp-search-results-list.cpt-sfwd-lessons-list .entry-summary {
  color: var(--mb-gray-500);
  margin-top: 5px;
}

.search-results .bp-list li .item-meta {
  font-size: .75rem;
  font-weight: 400;
}

.search-results .bp-list li .item-meta a {
  color: var(--mb-gray-500);
}

.search-results .bp-list li .item-meta a:hover {
  color: var(--bb-primary-color);
}

.search-results .bp-list li .item-meta time {
  font-weight: 400;
}

.search-results .pag-count {
  float: left;
  margin: 0 0 10px;
}

.search-results .pag-data {
  color: var(--mb-gray-500);
  font-size: .75rem;
}

.search-results .pagination {
  float: right;
  margin: 0 0 10px;
}

.search-results .pagination-links a,
.search-results .pagination-links span {
  padding: 0;
  border: 0;
  font-size: .75rem;
  padding: 0 5px;
}

.search-results .pagination-links a {
  color: var(--bb-primary-color);
}

.search-results .pagination-links span {
  color: var(--bb-primary-color);
}

.search-results .pagination-links .current {
  color: var(--mb-gray-500);
}

.search-results .item-meta.last-activity {
  font-size: .75rem;
}

#buddypress .dir-form.bp-search-results-wrapper {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
  margin-bottom: 30px;
}

.bp-search-results-wrapper .bp-navs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 260px;
  flex: 0 0 260px;
  background-color: var(--bb-body-background-color);
  border-right: 1px solid var(--bb-content-border-color);
  border-bottom: 0;
  min-height: 60vh;
  border-radius: 4px 0 0 4px;
  margin: 0;
  padding: 30px 0;
}

.bp-search-results-wrapper .bp-navs li {
  float: none;
  padding: 0;
}

.bp-search-results-wrapper .bp-navs a {
  border: 0;
  font-size: .875rem;
  color: #939597;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 20px;
  margin-bottom: 1px;
}

.bp-search-results-wrapper .bp-navs a:before {
  content: '\ee7a';
  font: normal normal normal 0.875rem/1 "bb-icons";
  speak: none;
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 22px;
  text-align: center;
}

@media only screen and (max-width:768px) {
  .bp-search-results-wrapper .bp-navs a:before {
    display: none;
  }

  ;
}

.bp-search-results-wrapper .bp-navs a:hover {
  background: var(--bb-content-alternate-background-color);
  color: var(--bb-primary-color);
}

.bp-search-results-wrapper .bp-navs a:hover .count {
  background-color: var(--bb-primary-color);
  color: var(--bb-content-background-color);
}

.bp-search-results-wrapper .bp-navs li:first-child a:before {
  content: '\e96f';
}

.bp-search-results-wrapper .bp-navs .activity a:before {
  content: '\e854';
}

.bp-search-results-wrapper .bp-navs .activity_comment a:before {
  content: '\e967';
}

.bp-search-results-wrapper .bp-navs .members a:before {
  content: '\ef5b';
}

.bp-search-results-wrapper .bp-navs .documents a:before {
  content: '\ee6e';
}

.bp-search-results-wrapper .bp-navs .folders a:before {
  content: '\ee9e';
}

.bp-search-results-wrapper .bp-navs .forum a:before {
  content: '\ee34';
}

.bp-search-results-wrapper .bp-navs .topic a:before,
.bp-search-results-wrapper .bp-navs .reply a:before {
  content: '\ee37';
}

.bp-search-results-wrapper .bp-navs .photos a:before {
  content: '\eeb4';
}

.bp-search-results-wrapper .bp-navs .albums a:before,
.bp-search-results-wrapper .bp-navs .cpt-attachment a:before {
  content: '\eeb5';
}

.bp-search-results-wrapper .bp-navs .videos a:before {
  content: '\ef65';
}

.bp-search-results-wrapper .bp-navs .cpt-product a:before {
  content: '\ef19';
}

.bp-search-results-wrapper .bp-navs .cpt-bp-member-type a:before {
  content: '\ef58';
}

.bp-search-results-wrapper .bp-navs .posts a:before {
  content: '\eda9';
}

.bp-search-results-wrapper .bp-navs .cpt-page a:before {
  content: '\ee7a';
}

.bp-search-results-wrapper .bp-navs .groups a:before,
.bp-search-results-wrapper .bp-navs .cpt-memberpressgroup a:before {
  content: '\e95d';
}

.bp-search-results-wrapper .bp-navs .cpt-sfwd-courses a:before,
.bp-search-results-wrapper .bp-navs .cpt-course a:before {
  content: '\ee3f';
}

.bp-search-results-wrapper .bp-navs .cpt-sfwd-lessons a:before {
  content: '\e86e';
}

.bp-search-results-wrapper .bp-navs .cpt-sfwd-topic a:before,
.bp-search-results-wrapper .bp-navs .cpt-lesson a:before {
  content: '\ee73';
}

.bp-search-results-wrapper .bp-navs .cpt-sfwd-quiz a:before,
.bp-search-results-wrapper .bp-navs .cpt-llms_quiz a:before {
  content: '\ef01';
}

.bp-search-results-wrapper .bp-navs .cpt-wp-parser-function a:before,
.bp-search-results-wrapper .bp-navs .cpt-wp-parser-class a:before,
.bp-search-results-wrapper .bp-navs .cpt-wp-parser-hook a:before,
.bp-search-results-wrapper .bp-navs .cpt-wp-parser-method a:before,
.bp-search-results-wrapper .bp-navs .cpt-command a:before {
  content: '\e977';
}

.bp-search-results-wrapper .bp-navs .cpt-llms_assignment a:before {
  content: '\ee73';
}

.bp-search-results-wrapper .bp-navs .cpt-llms_membership a:before,
.bp-search-results-wrapper .bp-navs .cpt-memberpressproduct a:before {
  content: '\eed4';
}

.bp-search-results-wrapper .bp-navs .cpt-llms_certificate a:before,
.bp-search-results-wrapper .bp-navs .cpt-llms_my_certificate a:before {
  content: '\e975';
}

.bp-search-results-wrapper .bp-navs ul.subnav {
  width: 100%;
}

@media only screen and (max-width:900px) {
  .bp-search-results-wrapper .bp-navs ul.subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  ;
}

.bp-search-results-wrapper .bp-navs .current a:hover,
.bp-search-results-wrapper .bp-navs .current a,
.bp-search-results-wrapper .bp-navs .selected a:hover,
.bp-search-results-wrapper .bp-navs .selected a {
  background: var(--bb-content-background-color);
  border-top: 1px solid var(--bb-content-border-color);
  border-bottom: 1px solid var(--bb-content-border-color);
  color: var(--bb-headings-color);
  position: relative;
}

.bp-search-results-wrapper .bp-navs .current a:hover:after,
.bp-search-results-wrapper .bp-navs .current a:after,
.bp-search-results-wrapper .bp-navs .selected a:hover:after,
.bp-search-results-wrapper .bp-navs .selected a:after {
  content: '';
  background: var(--bb-content-background-color);
  height: 100%;
  left: -webkit-calc(100% - 2px);
  left: calc(100% - 2px);
  position: absolute;
  top: 0;
  width: 4px;
}

.bp-search-results-wrapper .bp-navs .current a:hover .count,
.bp-search-results-wrapper .bp-navs .current a .count,
.bp-search-results-wrapper .bp-navs .selected a:hover .count,
.bp-search-results-wrapper .bp-navs .selected a .count {
  background-color: var(--bb-primary-color);
  color: var(--bb-content-background-color);
}

.search-results-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-results-header .bp-search-form-wrapper {
  margin-bottom: 1.6875rem;
}

.bp-search-page .bp-navs ul li .count {
  margin-left: auto;
}

.buddypress-wrap .members-list li .member-name,
.bp-search-results-list .bp-search-item .item-title {
  margin-bottom: 6px;
  margin-top: 0;
  word-break: break-word;
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-headings-color);
  
}

.bp-search-results-list .bp-search-item .item {
  font-size: .875rem;
}

.entry-title.item-title a:empty {
  display: none;
}

.results-group {
  margin-bottom: 40px;
}

.bp-search-page .results-group ul#activity-stream li.activity-item {
  padding: 0;
}

#buddypress .bp-search-form-wrapper .bp-dir-search-form input[type=search] {
  border: 0;
  background-color: transparent;
  padding-left: 32px;
  font-size: .875rem;
  height: 34px;
}

#buddypress header.results-group-header {
  background: var(--bb-content-background-color);
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  padding: 0 0 20px;
}

#buddypress header.results-group-header .results-group-title {
  font-size: 20px;
  margin: 0;
}

.search_results {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 35px 40px 10px;
  min-width: 0;
}

.search_results .avatar {
  border-radius: 0;
}

.search_results .item-title a {
  font-size: inherit;
}

.search_results div.item-avatar a {
  display: block;
}

.total-results {
  font-size: .875rem;
  color: var(--bb-headings-color);
  font-weight: 700;
  
}

#buddypress ul.bp-search-results-list {
  margin-bottom: 0;
  padding-bottom: 0;
}

#buddypress .members-list.bp-search-results-list .list-wrap {
  background-color: transparent;
  border-color: var(--bb-content-border-color);
  padding: 1rem 0;
}

#buddypress .members-list.bp-search-results-list .list-wrap .member-name {
  font-size: .875rem;
  margin: 0;
}

.bp-search-results-wrap .view-all-link {
  color: var(--bb-primary-color);
  font-size: .875rem;
  text-transform: uppercase;
}

.bp-search-results-wrap .view-all-link:after {
  content: '\e827';
  font: normal normal normal 18px/1 "bb-icons";
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
  position: relative;
  top: 2px;
}

.bp-search-results-wrap .view-all-link:hover,
.bp-search-results-wrap .view-all-link:focus,
.bp-search-results-wrap .view-all-link:hover:after {
  color: var(--bb-primary-color);
}

body.bp-search .bp-forum-search-ac-header .bbls-undefined-type,
.bb-template-v2.bp-search .bp-forum-search-ac-header>li.bbls-undefined-type {
  margin: 0 auto !important;
}

body.bp-search .bp-search-ac-header .bbls-undefined-type {
  padding: 5px 10px;
  margin: 0 auto !important;
}

.bp-search-ac.ui-menu .ui-menu-item .bp-search-ajax-item.noresult,
.bp-search-ac.ui-menu .ui-menu-item .loading-msg {
  padding: 23px 0;
  box-shadow: 0 1px var(--bb-body-background-color);
  margin: 0 -1rem;
  font-size: .875rem;
  font-weight: 700;
}

.bp-search-ac.ui-menu .ui-menu-item .loading-msg .bb_global_search_spinner {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  background: 0 0;
  height: 20px;
  width: 20px;
  margin: 0 10px 0 0;
}

.bp-search-ac.ui-menu .ui-menu-item .loading-msg .bb_global_search_spinner:after {
  content: '\ef30';
  font-family: bb-icons;
  font-size: 19px;
}

body:not(.bb-template-v2) .bp-search-ac.ui-menu .ui-menu-item .loading-msg .bb_global_search_spinner {
  height: 25px;
  width: 25px;
}

.bb-template-v2 .bp-search-ac.ui-menu .ui-menu-item .loading-msg .bb_global_search_spinner:after {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ebebec;
  border-top-color: var(--mb-gray-500);
}

.bp-search-ac.ui-menu .ui-menu-item .bp-search-ajax-item.noresult {
  font-weight: 700;
  font-size: .875rem;
  color: var(--mb-gray-500);
  padding: 23px 10px;
  text-align: center;
}

.bp-search-results-wrapper .bp-navs.bp-subnavs {
  float: left;
  margin: 0 0 30px;
  width: auto;
}

.bp-search-results-wrapper .bp-search-form-wrapper {
  float: right;
  margin: 0 0 30px;
}

.bp-search-results-list .bp-search-item .item-desc {
  font-size: .75rem;
  font-weight: 300;
  color: var(--mb-gray-500);
}

.bp-search-results-list .bp-search-item .group-description {
  margin: 0;
  color: var(--bb-body-text-color);
}

.bp-search-results-list .bp-search-item .group-description p {
  margin: 0 0 6px;
}

.bp-search-ac.ui-menu .ui-menu-item.ui-state-focus,
.bp-search-ac.ui-menu .ui-menu-item.ui-state-hover,
.bp-search-ac.ui-menu .ui-menu-item:hover {
  background: var(--bb-content-alternate-background-color);
}

.bp-search-ajax-item .item-title>a,
.bp-search-ajax-item .item-title {
  font-size: .875rem;
  font-weight: 700;
  color: var(--bb-headings-color);
}

.bp-search-ajax-item .item .item-desc,
.bp-search-ajax-item .item .item-tags {
  font-size: .75rem;
  color: var(--mb-gray-500);
}

.bp-search-results-wrap .results-group-footer {
  margin-top: 1rem;
}

.bp-search-results-wrap.results-group-activity .activity-content .activity-header {
  margin-bottom: 4px;
}

.bp-search-results-wrap.results-group-activity .activity-content .activity-header p {
  color: var(--bb-headings-color);
}

.bp-search-results-wrap.results-group-activity .activity-header a {
  text-transform: capitalize;
}

.bp-search-results-wrap.results-group-activity .activity-inner {
  font-size: .875rem;
  
}

.bp-search-results-wrap.results-group-activity li .item {
  margin-bottom: 0;
}

.bp-search-results-wrap.results-group-activity time {
  font-size: .75rem;
  font-weight: 400;
}

.bp-search-results-wrap.results-group-activity .activity-item .activity-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
}

.bp-search-results-wrap.results-group-activity .activity-avatar img {
  max-width: 100%;
}

.bp-search-results-wrap.results-group-activity_comment .activity-header {
  color: var(--bb-headings-color);
}

.bp-search-results-wrap.results-group-activity_comment .activity-header a {
  text-transform: capitalize;
}

.bp-search-results-wrap.results-group-activity_comment .activity-inner {
  font-size: .875rem;
  
}

.bp-search-results-wrap.results-group-activity_comment .activity-inner a {
  color: inherit;
}

.bp-search-results-wrap.results-group-activity_comment .activity-inner a:hover {
  color: var(--bb-primary-color);
}

.bp-search-results-wrap.results-group-activity_comment .activity-inner p {
  margin: 0 0 5px;
}

.bp-search-results-wrap.results-group-cpt-product span.entry-meta {
  margin: 4px 0;
}

.bp-search-results-wrap.results-group-cpt-product .rating-custom .woocommerce-product-rating .star-rating {
  margin: 0 0 5px;
}

.bp-search-results-wrap.results-group-cpt-product .rating-custom .star-rating {
  font-size: .875rem;
}

.bp-search-results-wrap.results-group-cpt-product .star-rating span {
  color: #ffd21a;
}

.bp-search-results-wrap.results-group-cpt-product .product-sale {
  margin-top: 2px;
}

.bp-search-results-wrap.results-group-cpt-product .product-sale .onsale {
  background: #3ebc7d;
  border-radius: 4px;
  font-size: .625rem;
  color: var(--mb-base-white);
  display: inline-block;
  padding: 3px 6px;
}

.bp-search-results-wrap.results-group-cpt-sfwd-courses dd.course_progress {
  height: 4px;
  margin: 0 0 8px;
  max-width: 220px;
  width: 100%;
}

.bp-search-results-wrap.results-group-cpt-sfwd-courses .course_progress_blue {
  background: #05d786;
}

.bp-search-results-wrap.results-group-cpt-sfwd-courses .entry-meta {
  margin-bottom: 6px;
}

.bp-search-page .results-group ul#activity-stream li.activity-item .activity-inner {
  margin-bottom: 6px;
}

#buddypress .bp-search-results-list.groups-list .avatar {
  border-radius: 3px;
}

.bp-search-ac.ui-autocomplete.bp-forum-search-ac-header {
  border-radius: 10px;
  border: 0;
}

.bp-search-results-list .learndash-wrapper.learndash-widget {
  display: none;
}

.search-media-list .media-album_modified .media-album_details__bottom .media-album_author a:hover,
.search-media-list .media-album_group_name a:hover,
.search-media-list .media-album_details .media-album_name:hover {
  color: var(--bb-primary-color);
}

@media screen and (max-width:900px) {
  #buddypress .bp-search-results-wrapper .bp-navs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 10px;
    border-right: 0;
    border-radius: 4px 4px 0 0;
    padding: 0;
  }

  #buddypress .bp-search-results-wrapper .bp-navs li {
    float: left;
  }

  .bp-search-page .bp-navs ul li .count {
    margin-left: 10px;
  }

  .search_results {
    padding: 30px;
  }

  ;
}

@media(max-width:799px) {
  body.bp-search .bp-search-ac-header {
    left: 30px !important;
    right: 30px !important;
    width: -webkit-calc(100vw - 90px) !important;
    width: calc(100vw - 90px) !important;
    max-width: initial !important;
    min-width: initial;
    -webkit-transform: translate(0, 20px) !important;
    -ms-transform: translate(0, 20px) !important;
    transform: translate(0, 20px) !important;
  }

  ;
}

@media(max-width:640px) {
  #buddypress .bp-search-results-wrapper .search_filters>ul {
    padding-right: 0;
  }

  .bp-search-results-wrapper .bp-navs.bp-subnavs {
    margin-bottom: 20px;
  }

  .bp-search-results-wrapper .bp-navs.bp-subnavs,
  .bp-search-results-wrapper .bp-search-form-wrapper {
    float: none;
  }

  ;
}

.directory.media .subnav-filters .subnav-search {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

.directory.media .dir-search.media-search.bp-search {
  margin: 0;
}

.directory.media #buddypress #dir-media-search {
  border: 0;
  background-color: transparent;
  padding-left: 32px;
  font-size: .875rem;
  height: 40px;
}

.media.document-parent {
  background-color: var(--bb-body-background-color);
}

.directory.video .subnav-filters .subnav-search {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

.directory.video .dir-search.video-search.bp-search {
  margin: 0;
}

.directory.video #buddypress #dir-video-search {
  border: 0;
  background-color: transparent;
  padding-left: 32px;
  font-size: .875rem;
  height: 40px;
}

.directory.media #buddypress .media-options .button.small,
.directory.video #buddypress .video-options .button.small,
.directory.document #buddypress .document-options .button.small {
  min-height: 40px;
  
  padding-left: 1rem;
}

.bb-media-container {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  padding: 20px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.bb-media-container #subnav {
  margin: 20px -20px;
  width: auto;
  padding: 0 20px;
}

.bb-media-actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#buddypress .bb-media-actions-wrap .bb-title {
  margin: 0;
  color: var(--mb-base-black);
}

.groups.single-item .bb-media-actions-wrap {
  margin-bottom: 20px;
}

@media screen and (max-width:360px) {
  .bb-media-actions-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .bb-media-actions-wrap>.bb-video-actions,
  .bb-media-actions-wrap>.bb-media-actions {
    margin-top: 1rem;
  }

  ;
}

#buddypress .media-list.item-list {
  margin-bottom: 0;
  padding-top: 1em;
  margin-left: -10px;
  margin-right: -10px;
}

#buddypress .bb-photo-list li {
  margin-bottom: 20px;
  margin-top: 0;
  padding: 0 10px;
}

#buddypress .bb-item-cover-wrap {
  border-radius: var(--bb-block-radius-inner);
}

#buddypress .bb-item-thumb {
  box-shadow: 0 3px .75rem -1px rgba(7, 10, 25, .2), 0 22px 27px -20px rgba(7, 10, 25, .2);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: var(--bb-block-radius-inner);
}

#buddypress .bb-item-thumb:hover {
  box-shadow: 0 1rem 45px -5px rgba(7, 10, 25, .25);
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  transform: translate(0, -2px);
}

#buddypress .video-list.item-list>li:not(.load-more) {
  margin-top: 0;
}

#buddypress #media-stream.document-parent {
  margin-top: 35px;
}

#media-stream .document-data-table-head {
  border-color: var(--bb-content-border-color);
}

#media-stream.document-parent {
  border-radius: var(--bb-block-radius);
  border-color: var(--bb-content-border-color);
  background-color: var(--bb-content-background-color);
}

#media-stream.document-parent.group-column #media-folder-document-data-table .media-folder_items .media-folder_group a:hover {
  color: var(--bb-primary-color);
}

#media-folder-document-data-table .media-folder_items {
  border-color: var(--bb-content-border-color);
}

.bb-album-list-item .bs-cover-wrap {
  border-radius: var(--bb-block-radius-inner);
}

.video #buddypress .video-list.item-list>li.load-more {
  margin: 40px 0 0;
}

.single.media.albums .bb-media-container #subnav {
  margin-top: -10px;
}

.bb-media-actions-wrap.album-actions-wrap {
  margin-bottom: 30px;
}

.dropzone.document-dropzone .dz-preview .dz-remove,
.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove:after {
  color: rgba(var(--bb-alternate-text-color-rgb), .8);
}

.dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring circle {
  stroke: var(--bb-primary-color);
}

.bb-template-v1 .dropzone .dz-preview .dz-progress-ring-wrap [class*=bb-icon-]:before {
  font-weight: 400;
}

.bb-template-v2 .dropzone .dz-preview .dz-image,
.bb-template-v2 .dropzone .dz-preview.dz-file-preview .dz-details {
  border: 0;
}

.dropzone .dz-preview .dz-image {
  border: 1px solid var(--bb-content-border-color);
}

.dropzone .dz-remove {
  background-color: var(--bb-content-alternate-background-color);
}

.dropzone .dz-remove:after {
  color: var(--bb-headings-color);
  opacity: .4;
  font-size: 20px;
  
}

.dropzone .dz-remove:hover:after {
  opacity: 1;
}

.dropzone .dz-default {
  background: var(--bb-content-alternate-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius-inner);
  min-height: 153px;
  max-height: 153px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--bb-headings-color);
  padding: 20px 0;
}

.bb-template-v2 .dropzone .dz-default {
  border: 0;
}

.dropzone .dz-default:before {
  display: none;
}

.dropzone .dz-default .dz-button,
.dropzone .dz-default .dz-button:hover {
  background-color: transparent !important;
  border: 0;
  color: rgba(18, 43, 70, .5) !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  border-radius: 0 !important;
}

.dropzone .dz-default .dz-button:before,
.dropzone .dz-default .dz-button:hover:before {
  content: '\ee24';
  font-family: bb-icons;
  font-size: 1.5rem;
  margin: 0 0 1rem;
  padding: 1rem;
  display: inline-block;
  background-color: rgba(0, 0, 0, .05);
  border-radius: 9999px;
  color: var(--mb-gray-500);
}

.dropzone .dz-default .dz-button>strong,
.dropzone .dz-default .dz-button:hover>strong {
  display: block;
  color: var(--bb-headings-color);
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 2px;
}

.ac-reply-content .dropzone .dz-default {
  background-color: var(--bb-content-background-color);
}

#buddypress .dropzone .dz-default .dz-button {
  border: 0;
  
}

#buddypress .dropzone .dz-default .dz-button:hover {
  border: 0;
}

.bb-template-v2 .dropzone .dz-default .dz-button:before {
  font-weight: 300;
}

.dropzone.document-dropzone .dz-default .dz-button:before,
.dropzone.document-dropzone .dz-default .dz-button:hover:before {
  content: '\e980';
}

.bb-template-v2 .dropzone.document-dropzone .dz-preview .dz-icon>[class*=bb-icon] {
  font-weight: 300;
}

.dropzone.media-dropzone .dz-default .dz-button:before,
.dropzone.media-dropzone .dz-default .dz-button:hover:before {
  content: '\ee06';
}

.dropzone.video-dropzone .dz-default .dz-button:before,
.dropzone.video-dropzone .dz-default .dz-button:hover:before {
  content: '\ef65';
}

@media screen and (max-width:768px) {
  .dropzone .dz-default .dz-button {
    font-size: 1rem;
  }

  ;
}

.dropzone .dz-preview .dz-progress-ring-wrap .dz-progress-ring circle {
  stroke: var(--bb-primary-color);
}

div[class*=attached-gif-container] .gif-image-remove {
  background-color: var(--bb-content-alternate-background-color);
}

div[class*=attached-gif-container] .gif-image-overlay {
  color: var(--mb-gray-500);
}

.dropzone.media-dropzone .dz-preview:not(.dz-image-preview) .dz-progress-ring-wrap [class*=" bb-icon-"],
.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap [class*=" bb-icon-"],
.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-count,
.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon [class*=bb-icons],
.dropzone.document-dropzone .dz-preview .dz-details .dz-filename,
.dropzone.document-dropzone .dz-preview .dz-details .dz-size,
.dropzone .dz-preview.dz-error .dz-progress-ring-wrap [class*=" bb-icon-"],
.dropzone .dz-preview.dz-error .dz-details:before,
.dropzone.document-dropzone .dz-preview:not(.dz-complete) .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: var(--mb-gray-500);
}

.video-thumbnail-uploader-wrapper .dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail) .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: var(--bb-content-alternate-background-color);
}

.dropzone.document-dropzone .dz-preview .dz-remove,
.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove:after {
  color: var(--bb-headings-color);
}

.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon:before,
.dropzone.document-dropzone .dz-preview.dz-complete .dz-details .dz-icon>[class*=bb-icon] {
  color: var(--mb-gray-500);
  font-size: 38px;
}

.dropzone .dz-default .dz-button,
.dropzone .dz-default .dz-button:hover {
  color: var(--mb-gray-500) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  
}

.dropzone.video-dropzone .dz-preview:not(.dz-has-thumbnail):not(.dz-complete) .dz-remove:after,
.dropzone.video-dropzone div.dz-preview:not(.dz-has-thumbnail) .dz-remove:after,
.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview:not(.dz-has-thumbnail) .dz-filename {
  color: var(--mb-gray-500);
}

.dropzone.video-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename>span {
  
}

.dropzone.video-dropzone div.dz-preview:not(.dz-has-thumbnail).dz-complete .dz-remove:after,
.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove:after {
  color: var(--bb-headings-color);
}

.dropzone.video-dropzone div.dz-preview:not(.dz-has-thumbnail).dz-complete .dz-remove:after:after,
.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove:after:after {
  opacity: .4;
}

.dropzone.video-dropzone div.dz-preview:not(.dz-has-thumbnail).dz-complete .dz-remove:after:hover:after,
.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove:after:hover:after {
  opacity: 1;
}

.dropzone.video-dropzone .dz-preview.dz-complete.dz-file-preview .dz-remove {
  background-color: var(--bb-content-alternate-background-color);
}

.dropzone.video-dropzone div.dz-preview.dz-file-preview .dz-remove:after,
.dropzone.video-dropzone .dz-progress-count {
  color: var(--bb-content-background-color);
}

.dropzone.video-dropzone div.dz-preview.dz-file-preview.dz-has-thumbnail:not(.dz-complete) .dz-remove:after {
  opacity: .75;
}

.dropzone.video-dropzone div.dz-preview.dz-file-preview.dz-has-thumbnail:not(.dz-complete) .dz-remove:hover:after {
  opacity: 1;
}

.dropzone .dz-preview .dz-progress-ring-wrap [class*=" bb-icon-"] {
  color: var(--bb-content-alternate-background-color);
}

.bb-template-v2 .dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-filename {
  color: var(--bb-danger-color);
}

.bb-template-v2 .dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details {
  background: rgba(var(--bb-danger-color-rgb), .1);
}

.bb-template-v2 .dropzone.video-dropzone .dz-preview.dz-error.dz-preview .dz-details .dz-filename {
  color: var(--bb-danger-color);
}

.bb-template-v2 .dropzone.video-dropzone .dz-preview.dz-error .dz-progress-ring-wrap {
  background: rgba(var(--bb-danger-color-rgb), .15);
}

.bb-template-v2 .dropzone.video-dropzone .dz-preview.dz-error .dz-progress-ring-wrap>i {
  color: var(--bb-danger-color);
  opacity: .5;
}

.bb-template-v2 .dropzone.media-dropzone .dz-preview.dz-error .dz-details .dz-filename {
  color: var(--bb-danger-color);
}

.bb-template-v2 .dropzone.media-dropzone .dz-preview.dz-error .dz-image {
  background: rgba(var(--bb-danger-color-rgb), .1);
}

.bb-template-v2 .dropzone.media-dropzone .dz-preview.dz-error .dz-remove:after {
  color: var(--bb-danger-color);
}

.bb-template-v2 .dropzone.media-dropzone .dz-preview.dz-error .dz-details:before {
  background: rgba(var(--bb-danger-color-rgb), .15);
  color: var(--bb-danger-color);
  opacity: .5;
  font-weight: 300;
}

.bb-template-v2 .dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details {
  background: rgba(var(--bb-danger-color-rgb), .1);
}

.bb-template-v2 .dropzone.document-dropzone .dz-preview.dz-error.dz-preview .dz-details:before {
  background: rgba(var(--bb-danger-color-rgb), .15);
  color: var(--bb-danger-color);
  opacity: .5;
  font-weight: 300;
}

#buddypress .bb-model-header h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

#boss-media-create-album-popup .media-uploader-wrapper {
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.bbm-uploader-model-wrap .media-uploader-wrapper {
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.bb-media-meta {
  margin-bottom: 20px;
}

.bb-media-meta .bb-delete {
  
}

.bb-media-meta .bb-delete i {
  font-size: 24px;
}

.bb-media-meta .bb-select i {
  font-size: 20px;
  border: 0;
  font-weight: 100;
}

.bb-media-meta .bb-select.selected i {
  font-weight: 200;
  background-color: transparent;
  color: var(--bb-primary-color);
}

.bb-media-meta i {
  font-size: 22px;
}

.bb-media-meta .bb-icon-select {
  font-size: 18px;
}

.bb-action-check-wrap [class*=" bb-icon-"] {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 25px;
}

.selected .bb-action-check-wrap [class*=" bb-icon-"] {
  background-color: var(--bb-primary-color);
}

.modal-wrapper .bb-action-check-wrap {
  top: 5px;
  left: 5px;
}

.modal-wrapper .bb-video-thumb .bb-video-duration {
  font-size: .625rem;
  
  left: 3px;
  bottom: 3px;
}

.bp-video-thumbnail-uploader .video-thumbnail-content .bb-action-check-wrap .bb-custom-check:checked+label [class*=" bb-icon-"],
.bp-video-thumbnail-auto-generated .bb-action-check-wrap .bb-custom-check:checked+label [class*=" bb-icon-"] {
  background: var(--bb-primary-color);
}

.modal-wrapper .modal-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.video-thumbnail-content .bp-video-thumbnail-auto-generated .video-thumb-list li .bb-custom-check:checked~a,
.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check:checked~.bb-field-wrap .dropzone .dz-preview .dz-image,
.video-thumbnail-content .bb-dropzone-wrap .bb-custom-check[name=bb-video-thumbnail-select]:checked~.video-thumbnail-custom {
  border-color: var(--bb-primary-color);
}

.modal-container {
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
  box-shadow: 0 .75rem 28px 0 rgba(18, 43, 70, .15), 0 2px 7px 0 rgba(18, 43, 70, .08);
}

.modal-container.has-folderlocationUI .bb-model-footer a.loading:after {
  font-weight: 300;
}

.modal-container .bp-existing-media-wrap {
  padding: 30px 0;
}

#bbpress-forums div.bbp-reply-content .bb-model-header,
.bb-model-header {
  background: var(--bb-content-background-color);
  box-shadow: 0 1px 0 0 var(--bb-content-border-color);
}

.bb-action-popup.bb-remove-connection .bb-model-header,
.bb-action-popup.bb-leave-group-popup .bb-model-header {
  background: var(--bb-content-background-color);
}

.bb-action-popup .bb-model-header {
  background-color: var(--bb-content-alternate-background-color);
  border-color: var(--bb-content-border-color);
}

.bb-action-popup .bb-action-popup-content {
  font-size: .875rem;
  font-weight: 400;
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options),
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options),
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options),
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options),
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options),
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options) {
  color: var(--bb-headings-color);
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover {
  text-decoration: none;
  color: var(--bb-primary-color);
}

.location-album-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover:before,
.location-album-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover:before,
.location-album-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover:before,
.location-folder-list-wrap-main .ac_document_search_folder_list .breadcrumbs-append-ul-li .item span:not(.more_options):hover:before,
.location-folder-list-wrap-main .location-folder-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover:before,
.location-folder-list-wrap-main .location-album-list-wrap .breadcrumbs-append-ul-li .item span:not(.more_options):hover:before {
  color: var(--bb-headings-color);
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list {
  border-radius: var(--bb-block-radius-inner);
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span {
  border-color: var(--bb-content-border-color);
}

.location-album-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover,
.location-album-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover,
.location-album-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover,
.location-album-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover,
.location-album-list-wrap-main .location-album-list-wrap .location-album-list li span:hover,
.location-album-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-album-list li span:hover,
.location-folder-list-wrap-main .ac_document_search_folder_list .location-folder-list li span:hover,
.location-folder-list-wrap-main .location-folder-list-wrap .location-album-list li span:hover,
.location-folder-list-wrap-main .location-folder-list-wrap .location-folder-list li span:hover,
.location-folder-list-wrap-main .location-album-list-wrap .location-album-list li span:hover,
.location-folder-list-wrap-main .location-album-list-wrap .location-folder-list li span:hover {
  background-color: var(--bb-content-alternate-background-color);
}

.bb-model-header {
  margin-bottom: 0;
  border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}

.bb-model-header button.mfp-close,
.bb-model-header .bb-model-close-button>span[class*=bb-icon],
.bb-model-header .bb-model-close-button>[class*=bb-icon],
.bb-model-header .bb-model-close-button>.dashicons {
  color: var(--bb-headings-color);
  font-size: 24px;
  opacity: 1;
}

.bb-model-footer {
  background-color: var(--bb-content-alternate-background-color);
  border-color: var(--bb-content-border-color);
  border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
}

.bb-model-footer .button {
  margin-top: 0;
}

.bb-model-footer a {
  color: var(--bb-primary-color);
  font-size: .875rem;
}

.bb-model-footer a.close-create-popup-folder,
.bb-model-footer a.ac-document-close-button,
.bb-model-footer a.ac-video-close-button,
.bb-model-footer a.ac-folder-close-button,
.bb-model-footer a.ac-media-close-button,
.bb-model-footer a.bb-field-uploader-actions,
.bb-model-footer a.bp-video-open-create-popup-album,
.bb-model-footer a.bp-media-open-create-popup-folder,
.bb-model-footer a.bp-document-open-create-popup-folder {
  color: var(--bb-body-text-color);
}

.bb-model-footer .button,
.bb-model-footer a.button,
#buddypress .bb-model-footer .button,
#buddypress .bb-model-footer a.button {
  font-size: .875rem;
}

.bb-model-footer .button.loading:after,
.bb-model-footer a.button.loading:after,
#buddypress .bb-model-footer .button.loading:after,
#buddypress .bb-model-footer a.button.loading:after {
  vertical-align: middle;
}

#bp-media-single-folder .album-single-view .bp-media-header-wrap .bb-media-actions>.button i {
  font-size: 18px;
}

#bp-media-uploader .bb-model-footer,
#buddypress .bp-media-photo-uploader .media-uploader-footer,
#buddypress .bp-video-uploader .video-uploader-footer,
#buddypress .bp-media-document-uploader .document-uploader-footer {
  background-color: transparent;
}

.bp-media-move-file .bb-model-footer,
.bp-media-move-folder .bb-model-footer,
.bp-video-move-file .bb-model-footer,
.moderation-popup .bb-model-footer,
#boss-video-create-album-popup .bb-model-footer,
#boss-media-create-album-popup .bb-model-footer {
  border-top: 1px solid var(--bb-content-border-color);
  display: block;
  margin: 35px -30px -30px;
  min-width: 100%;
  padding: 11px 30px;
  width: auto;
}

#boss-video-create-album-popup .bb-model-footer .bb-dropdown-wrap,
#boss-media-create-album-popup .bb-model-footer .bb-dropdown-wrap {
  float: left;
  margin-bottom: 0;
}

#boss-video-create-album-popup .bb-model-footer #bp-video-create-album-submit,
#boss-media-create-album-popup .bb-model-footer #bp-media-create-album-submit {
  float: right;
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next {
  position: relative;
  z-index: 1;
  margin: 0 0 20px;
}

#buddypress .bp-media-photo-uploader #bp-media-photo-next>i,
#buddypress .bp-media-document-uploader #bp-media-document-next>i,
#buddypress .bp-video-uploader #bp-video-next>i {
  font-size: 20px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}

.message-members-list.member-popup .mfp-close,
.moderation-popup .mfp-close {
  background-color: transparent;
}

.message-members-list.member-popup .bb-model-footer,
.moderation-popup .bb-model-footer {
  min-width: auto;
}

.message-members-list.member-popup .bb-model-footer .bb-cancel-report-content,
.moderation-popup .bb-model-footer .bb-cancel-report-content {
  border: 0;
}

.message-members-list.member-popup .modal-container .bb-model-footer .button.bb-cancel-report-content,
.moderation-popup .modal-container .bb-model-footer .button.bb-cancel-report-content {
  color: var(--bb-body-text-color);
  font-size: .75rem;
  font-weight: 700;
}

.message-members-list.member-popup .modal-container .bb-model-header~.bp-feedback,
.moderation-popup .modal-container .bb-model-header~.bp-feedback {
  margin: -25px -30px 1rem;
}

.bp-video-thumbnail-uploader .bb-model-footer {
  border-color: var(--bb-content-border-color);
  margin: 30px -30px -30px;
  padding: 11px 30px;
}

.bp-video-thumbnail-uploader .bb-model-footer a.button {
  margin-top: 0;
}

.bb-item-thumb label {
  display: block;
}

.bp-upload-tab-content {
  padding-top: 30px;
}

#bbpress-forums div.bbp-reply-content .modal-container .dropzone,
.modal-container .dropzone {
  margin-bottom: 0;
}

#bbpress-forums div.bbp-reply-content .modal-container .bp-upload-tab,
#bbpress-forums div.bbp-reply-content .modal-container .bp-thumbnail-upload-tab,
.modal-container .bp-upload-tab,
.modal-container .bp-thumbnail-upload-tab {
  font-weight: 600;
  font-size: 20px;
  color: #939597;
}

#bbpress-forums div.bbp-reply-content .modal-container .bp-upload-tab.selected,
#bbpress-forums div.bbp-reply-content .modal-container .bp-thumbnail-upload-tab.selected,
.modal-container .bp-upload-tab.selected,
.modal-container .bp-thumbnail-upload-tab.selected {
  color: var(--bb-headings-color);
}

div.dropzone.dz-started {
  margin: 0 -4px 10px;
}

.activity-list.loading [class*=bb-icon] {
  font-size: 20px;
}

#buddypress .bb-photo-list li.load-more {
  margin: 20px auto 10px;
  text-align: center;
  width: 100%;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.bb-member-photos-header {
  margin-top: 0;
}

.media-folder-document-filters .media-search-form:before {
  content: '\ef10';
  font-family: bb-icons;
  font-style: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  
  margin-left: .2em;
  position: absolute;
  top: 10px;
  font-size: .875rem;
  color: var(--bb-body-text-color);
  left: 9px;
  opacity: .4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.media-folder-document-filters .select-wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../images/svg/arrow-down.svg) no-repeat right 1em center !important;
  padding-right: 40px;
  height: 34px;
  font-size: .875rem;
}

#bp-media-create-folder .bb-folder-location-select:after,
#bp-media-edit-child-folder .bb-folder-location-select:after,
#bp-media-create-child-folder .bb-folder-location-select:after {
  content: '';
  background-image: url(../images/svg/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 10px;
  width: 10px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#bp-media-create-folder .bb-folder-location-select-list li:before,
#bp-media-edit-child-folder .bb-folder-location-select-list li:before,
#bp-media-create-child-folder .bb-folder-location-select-list li:before {
  content: '\ee9e' !important;
  font-family: bb-icons !important;
  display: inline-block;
  font-size: .875rem;
  margin-right: 8px;
}

.album-single-view #bp-media-uploader .bp-existing-media-wrap .load-more {
  max-width: 220px;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

#bp-media-single-folder .bp-media-header-wrap .media-folder_items .media-folder_action__list ul li a:hover {
  color: var(--bb-primary-color);
}

.comments-area .comment-content-wrap {
  position: relative;
}

.comments-area .comment-content-wrap .comment-meta {
  margin-right: 35px;
}

.comments-area .comment-content-wrap .bb_more_options {
  position: absolute;
  top: 0;
  right: 0;
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form,
.bp-media-header-wrap .media-search-form .bp-dir-search-form {
  background-color: var(--bb-content-background-color);
  border-color: var(--bb-content-border-color);
  color: var(--bb-body-text-color);
  border-radius: var(--bb-input-radius);
}

.directory.document .document-options .subnav-filters .subnav-search .bp-dir-search-form:focus-within,
.directory.media .media-options .subnav-filters .subnav-search .bp-dir-search-form:focus-within,
.directory.video .video-options .subnav-filters .subnav-search .bp-dir-search-form:focus-within,
.bp-media-header-wrap .media-search-form .bp-dir-search-form:focus-within {
  border-color: var(--bb-input-focus-border-color);
  border-width: 1px;
  box-shadow: var(--bb-input-focus-shadow);
}

.bp-media-header-wrap .media-search-form {
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.bp-media-header-wrap .media-search-form:after {
  display: none;
}

.bp-media-header-wrap .media-search-form .bp-dir-search-form {
  border-width: 1px;
  border-style: solid;
  height: 34px;
}

.bp-media-header-wrap .media-search-form .bp-dir-search-form:before {
  top: 50%;
}

.bp-media-header-wrap .media-search-form .bp-dir-search-form #group-document-search {
  padding: 0.75rem 1rem 0.75rem 3rem;
}

.bb-groups-invites-left {
  border-color: var(--bb-content-border-color);
}

.bb-groups-invites-left .bb-panel-head {
  position: relative;
  border-bottom: 1px solid var(--bb-content-border-color);
  padding: 1rem 20px;
}

.bb-groups-invites-left .bb-panel-subhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 0;
}

.bb-groups-invites-left span.select-members-text {
  font-size: .75rem;
}

.bb-groups-invites-left .bb-title-wrap {
  margin: -20px -20px 20px;
  border-bottom: 1px solid var(--bb-content-border-color);
  padding: 20px;
}

.bb-groups-invites-left .bs-styled-checkbox+label:before {
  vertical-align: middle;
}

.bb-groups-invites-left #members-list.item-list .item-avatar img {
  max-width: 45px;
}

.bb-groups-invites-left input#group_invites_search {
  background-size: .875rem;
  background-position: left .75rem center;
  background-color: var(--bb-content-background-color);
  height: 34px;
  border-radius: var(--bb-input-radius);
}

.bb-groups-invites-right-bottom {
  border-color: var(--bb-content-border-color);
}

#item-body .total-members-text {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.bb-groups-invites-right-top {
  min-height: 222px;
}

.bb-groups-invites-right-top div.bp-feedback {
  background: var(--bb-content-alternate-background-color);
}

#send_group_invite_form .bb-groups-invites-right-top .bb-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.bb-groups-invites-right .bb-title-wrap {
  margin: -20px -20px 20px;
  border-bottom: 1px solid var(--bb-content-border-color);
  padding: 20px;
}

#buddypress input#bp_invites_reset {
  background-color: var(--bb-secondary-button-background-regular);
  color: var(--bb-secondary-button-text-regular);
  border: 1px solid var(--bb-secondary-button-border-regular);
  box-shadow: none;
}

#buddypress input#bp_invites_reset:focus {
  box-shadow: var(--bb-secondary-button-focus-shadow);
}

#buddypress input#bp_invites_reset:hover {
  background-color: var(--bb-secondary-button-background-hover);
  color: var(--bb-secondary-button-text-hover);
  border: 1px solid var(--bb-secondary-button-border-hover);
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .action button {
  background: url(../images/svg/circle-add.svg) no-repeat;
  height: 26px;
  width: 26px;
  background-size: contain;
  padding: 0;
  min-width: 26px;
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing li.selected .action button {
  background: url(../images/svg/circle-close.svg) no-repeat;
}

#group-invites-container .bb-groups-invites-left .group-invites-members-listing .action button .icons {
  opacity: 0;
}

#send_group_invite_form .select2-selection__choice__remove {
  font-size: 0;
  padding: 1px 0 0;
}

#send_group_invite_form .select2-selection__choice__remove:before {
  content: '\e828';
  font-family: bb-icons;
  font-size: .875rem;
  color: #4d5c6d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-font-smoothing: antialiased;
}

#bp-group-invite-content #whats-new-toolbar {
  padding: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#group-invites-new-submit {
  padding: 0;
}

#group-invites-new-submit #bp_invites_reset {
  margin: 0;
}

#bp-invites-dropdown-options-loader {
  margin-left: auto;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.group-invites-members-listing .bp-invites-feedback {
  padding: 0 20px;
}

#buddypress #send_group_invite_form .select2-search__field {
  height: 30px;
}

body #buddypress .group-invites-members-listing .bp-list .action {
  max-width: 26px;
}

body.send-invites .select2-container .select2-dropdown {
  display: none;
}

.bb-more-invites-wrap .bb-icons {
  margin-right: 5px;
  font-size: 20px;
}

.bb-panel-head {
  min-height: 66px;
}

.bb-groups-messages-left .bp-search {
  padding: 0 20px;
}

.bb-groups-messages-left select {
  height: 37px;
}

.bb-groups-messages-left .bp-list li .item-avatar {
  margin-right: 1rem;
}

.bb-groups-messages-left #members-list.item-list .item-avatar img {
  max-width: 45px;
}

#item-body .total-members-text {
  font-size: 1rem;
  font-weight: 700;
}

#group_messages_search {
  background-size: .875rem;
  background-position: left .75rem center;
  height: 32px;
}

.bb-groups-messages-right .bb-title-wrap {
  margin: -20px -20px 20px;
  border-bottom: 1px solid var(--bb-content-border-color);
  padding: 20px;
}

.bb-groups-messages-right .group-messages-compose {
  font-size: 0;
}

.bb-groups-messages-right .group-messages-compose:after {
  content: "\ee5a" !important;
  font-family: bb-icons !important;
  font-size: 22px;
  
  text-align: center;
}

#group-messages-container .bb-groups-messages-right-top .bb-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

label.bp-group-message-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.group-messages-members-listing .button {
  box-shadow: none !important;
}

a.bb-close-select-members.button {
  min-width: 110px;
}

.add-more-members .bb-add-members {
  font-size: .875rem;
}

.add-more-members .bb-add-members .bb-icon-plus-circle {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}

@media screen and (max-width:560px) {
  .add-more-members .bb-add-members {
    font-size: .75rem;
  }

  .add-more-members .bb-add-members .bb-icon-plus-circle {
    font-size: 1rem;
  }

  ;
}

#group-messages-container .load-more .bb-icon-loader {
  font-size: 20px;
}

#send_group_message_form .select2-selection__choice__remove {
  font-size: 0;
  margin: 0 0 0 8px;
}

#send_group_message_form .select2-selection__choice__remove:before {
  content: '\e828';
  font-family: bb-icons;
  font-size: .75rem;
  background: var(--mb-base-white);
  border-radius: 50%;
  color: var(--bb-body-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: .75rem;
  min-height: .75rem;
  text-indent: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bb-groups-messages-right .medium-editor-element,
.bb-groups-messages-right .medium-editor-placeholder {
  padding: 0;
}

.bb-groups-messages-right .medium-editor-element li>ol,
.bb-groups-messages-right .medium-editor-element li>ul,
.bb-groups-messages-right .medium-editor-placeholder li>ol,
.bb-groups-messages-right .medium-editor-placeholder li>ul {
  margin-bottom: 0;
}

.bb-groups-messages-right .medium-editor-element pre,
.bb-groups-messages-right .medium-editor-placeholder pre {
  white-space: pre-wrap;
  position: relative;
  z-index: 1;
}

.bb-groups-messages-right .medium-editor-element pre p,
.bb-groups-messages-right .medium-editor-placeholder pre p {
  margin-bottom: 0;
}

.bb-groups-messages-right .medium-editor-element[contenteditable=true]:empty:after,
.bb-groups-messages-right .medium-editor-placeholder[contenteditable=true]:empty:after {
  color: #c3c6c9;
  content: attr(data-placeholder) !important;
  position: absolute;
  padding: inherit;
  font-style: normal;
}

.bb-groups-messages-right .group-messages-type {
  height: 34px !important;
}

.bb-groups-messages-right .standard-form .submit {
  padding: 0;
}

.bb-groups-messages-right div.bp-feedback {
  background: var(--bb-content-alternate-background-color);
}

.bb-groups-messages-right .bp-group-messages-attached-gif-container {
  margin-bottom: 20px;
}

.bb-groups-messages-right .bp-group-messages-attached-gif-container.closed {
  display: none;
}

.bb-groups-messages-right #bp-group-message-content .medium-editor-placeholder:after {
  font-style: normal;
  pointer-events: none;
}

#group-messages-container .group-messages-members-listing .item-list li {
  border-bottom: 0;
  margin: 0 -20px 1px;
  width: auto;
  padding: 8px 20px;
}

.groups.group-messages .item-body {
  margin-bottom: 55px;
}

.bb-groups-messages-right #whats-new-toolbar {
  padding: 0;
  margin-top: auto;
}

.bb-groups-messages-right #whats-new-toolbar #send_group_message_button {
  margin: 0;
}

.bb-groups-messages-right #whats-new-toolbar .emojionearea .emojionearea-picker .emojionearea-search>input {
  outline: none;
  width: 100%;
  min-width: 100%;
  height: 30px;
}

.bb-groups-messages-right #whats-new-toolbar .gif-media-search-dropdown.open {
  margin: 0 0 10px -20px;
  top: auto;
  bottom: 100%;
  padding-bottom: 0;
  padding-top: 10px;
}

.bb-groups-messages-right #whats-new-toolbar .gif-media-search-dropdown:before {
  left: 38px;
  top: auto;
  bottom: -11px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.bb-groups-messages-right #whats-new-toolbar .gif-search-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
}

.bb-groups-messages-right #whats-new-toolbar .emojionearea .emojionearea-picker {
  top: auto;
  bottom: 40px;
}

.bb-groups-messages-right #whats-new-toolbar .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
  top: auto;
  bottom: 0;
}

.bb-groups-messages-right #whats-new-toolbar .emojionearea .emojionearea-picker .emojionearea-search-panel {
  top: auto;
  bottom: 40px;
}

.bb-groups-messages-right #whats-new-toolbar .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area {
  bottom: auto;
  top: 0;
}

.bb-groups-messages-right #whats-new-toolbar .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  bottom: -10px;
  top: auto;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#group-messages-container .bp-navs.group-subnav li.selected a {
  color: var(--bb-headings-color);
}

.group-messages.private-message #group-messages-container .group-messages-members-listing .all-members .group-message-member-li.selected .invite-button .icons:before {
  background-color: var(--bb-primary-color);
  font-weight: 400;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top {
  border-color: var(--bb-content-border-color);
  padding: 10px 20px;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-right .bp-select-members-wrap .group-messages-helper-text {
  color: var(--mb-gray-500);
  font-size: 1rem;
}

.group-messages.private-message #group-messages-container .bb-groups-messages-left .group-messages-members-listing .item-list li.selected {
  background-color: var(--bb-content-alternate-background-color);
}

.group-messages.public-message .bb-groups-messages-right .bb-groups-messages-right-top {
  border-color: var(--bb-content-border-color);
}

.group-messages.public-message .bb-groups-messages-right .bp-select-members-wrap .group-messages-helper-text {
  color: var(--mb-gray-500);
}

#group-messages-container #whats-new-toolbar #group-messages-new-submit {
  border-color: var(--bb-content-border-color);
}

.bp-vertical-navs .group-messages-members-listing #members-list .member-name a {
  font-size: 1rem;
}

.bb-panel-head {
  border-color: var(--bb-content-border-color);
}

@media screen and (min-width:1081px) {
  .bb-groups-messages-left {
    border-color: var(--bb-content-border-color);
  }

  ;
}

.bb-invite-anyone-wrap {
  background: var(--mb-base-white);
  border: 1px solid var(--bb-content-border-color);
  border-radius: 4px;
}

.bb-invite-anyone-wrap #send-invite-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
}

.bb-invite-anyone-wrap div.left-menu {
  border-right: 1px solid #e7e9ec;
  min-width: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 360px;
  flex: 0 0 360px;
  width: auto;
  margin: 0;
  padding-bottom: 20px;
}

#main .bb-invite-anyone-wrap .main-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto !important;
  margin: 0 !important;
  padding: 20px 30px 30px;
}

.bb-invite-anyone-wrap #invite-anyone-member-list {
  background: 0 0;
  height: auto;
  max-height: 500px;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.bb-invite-anyone-wrap ul.first.acfb-holder {
  margin: 0 !important;
  padding: 20px;
}

#primary #main .bb-invite-anyone-wrap .send-to-input {
  background: url(../images/svg/search.svg) no-repeat;
  background-size: .875rem;
  background-position: left .75rem center;
  background-color: #fbfbfc;
  border-radius: 20px;
  font-size: .875rem;
  height: 32px;
  width: 100%;
  margin: 0;
  padding: 0 20px 0 35px;
}

.bb-invite-anyone-wrap .total-members-text {
  border-bottom: 1px solid #e7e9ec;
  padding: 23px 20px;
}

.bb-invite-anyone-wrap .bb-select-members-text {
  font-size: .875rem;
  padding: 0 20px 20px;
}

.left-menu #invite-anyone-member-list ul li {
  font-size: 1rem;
  padding: 10px 20px;
}

#main #buddypress .bb-ia-feedback {
  margin: 0 0 20px;
}

#buddypress #invite-anyone-invite-list {
  margin: 0;
  border: 1px solid #e7e9ec;
  border-radius: 3px;
  max-height: 550px;
  overflow: auto;
}

#invite-anyone-invite-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e7e9ec;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 20px;
}

#invite-anyone-invite-list li:first-child {
  border-top: 0;
}

#invite-anyone-invite-list h4 {
  margin: 0;
}

#invite-anyone-invite-list .avatar {
  margin-right: 1rem !important;
  max-width: 52px;
}

#invite-anyone-invite-list .activity {
  display: none;
}

#invite-anyone-invite-list .action {
  margin-left: auto;
}

#invite-anyone-invite-list .remove {
  font-size: 0;
  display: inline-block;
  margin: 0;
}

#invite-anyone-invite-list .remove:before {
  content: "\e8f7";
  font-family: bb-icons;
  speak: none;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  color: #939597;
}

.group-create .bb-invite-anyone-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 0 30px;
}

.group-create .buddypress-wrap .bb-invite-anyone-wrap .left-menu {
  border-right: 1px solid #e7e9ec;
  min-width: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  width: auto;
  margin: 0;
  max-width: 100%;
  padding-bottom: 30px;
}

.group-create .bb-invite-anyone-wrap .total-members-text {
  margin: 0;
}

@media(max-width:767px) {
  .group-create .buddypress-wrap .bb-invite-anyone-wrap .left-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
  }

  ;
}

@media(max-width:600px) {
  .group-create .buddypress-wrap .bb-invite-anyone-wrap .left-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-right: 0;
    border-bottom: 1px solid #e7e9ec;
  }

  ;
}

.bp-single-vert-nav .bb-single-main-nav--vertical li {
  -webkit-transition: .3s all;
  transition: .3s all;
}

.bb-template-v1 nav#object-nav.bb-single-main-nav--vertical {
  border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
}

nav#object-nav.bb-single-main-nav--vertical a:hover {
  color: var(--bb-primary-color);
  background-color: var(--bb-content-alternate-background-color);
}

nav#object-nav.bb-single-main-nav--vertical li.selected>a {
  color: var(--bb-headings-color);
  font-weight: inherit;
}

@media screen and (max-width:46.8em) {
  .bb-template-v1 nav#object-nav.bb-single-main-nav--vertical {
    border-radius: var(--bb-block-radius);
  }

  nav#object-nav.bb-single-main-nav--vertical>ul>li>a:hover {
    background-color: transparent;
  }

  ;
}

@media screen and (min-width:46.8em) {

  .bb-single-main-nav--vertical li:focus,
  .bb-single-main-nav--vertical li:hover {
    background: 0 0;
  }

  nav#object-nav.bb-single-main-nav--vertical {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
    float: left;
    margin: 0;
    min-height: 50vh;
    padding: 0;
    border: 0;
    border-right: 1px solid var(--bb-content-border-color);
    padding: 20px 0;
  }

  nav#object-nav.bb-single-main-nav--vertical li {
    width: 100%;
    padding: 0;
  }

  nav#object-nav.bb-single-main-nav--vertical .selected>a {
    background: var(--bb-content-background-color);
    border-bottom: 1px solid var(--bb-content-border-color);
    border-top: 1px solid var(--bb-content-border-color);
    margin: 0;
    position: relative;
  }

  nav#object-nav.bb-single-main-nav--vertical .selected>a:after {
    background-color: var(--bb-content-background-color);
    bottom: 0;
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
  }

  nav#object-nav.bb-single-main-nav--vertical a {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1px;
    padding: 10px 1rem;
  }

  nav#object-nav.bb-single-main-nav--vertical a:hover {
    background: var(--bb-content-alternate-background-color);
    color: var(--bb-primary-color);
  }

  .group-admin .bb-subnav-plain .selected>a:after {
    background-color: var(--bb-content-background-color);
    bottom: 0;
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
  }

  ;
}

@media screen and (min-width:46.8em) {
  .bp-single-vert-nav .bp-wrap:not(.bp-fullwidth-wrap) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
  }

  .bb-user-nav-display-wrap nav#object-nav.vertical {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
  }

  .bp-single-vert-nav .item-body {
    min-height: 50vh;
    padding: 20px 0 20px 20px;
  }

  .group-invites.buddypress .bp-single-vert-nav .item-body,
  .type-bp_members .bp-single-vert-nav .item-body {
    overflow: inherit;
  }

  .bb-single-main-nav--vertical ul {
    border-right: 0;
    border-bottom: 0;
    float: none;
    margin-right: 0;
    width: auto;
  }

  ;
}

.bookmark-link-container .bookmark-it .bb-helper-icon {
  font: normal normal normal 20px/1 "bb-icons";
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bookmark-link-container .bookmark-it .bb-helper-icon:before {
  content: '\e872';
}

.bookmark-link-container .bookmark-it .bb-helper-icon.fa-spinner {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.bookmark-link-container .bookmark-it .bb-helper-icon.fa-spinner:before {
  content: '\f110' !important;
}

.bookmark-link-container .bookmark-it.bookmarked .bb-helper-icon:before {
  content: '\e872';
  font-family: bb-icons;
  font-weight: 300;
}

.bookmark-link-container .bookmark-it.bookmarked .bb-helper-icon.fa-spinner {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.bookmark-link-container .bookmark-it.bookmarked .bb-helper-icon.fa-spinner:before {
  content: '\f110' !important;
}

.sl-wrapper .sl-button .sl-icon .fa {
  font: normal normal normal 18px/1 "bb-icons";
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sl-wrapper .sl-button .sl-icon .fa:before {
  content: '\eeb2';
}

.sl-wrapper .sl-button .sl-icon .fa.fa-spinner {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.sl-wrapper .sl-button .sl-icon .fa.fa-spinner:before {
  content: '\f110' !important;
}

.sl-wrapper .sl-button.liked .sl-icon .fa:before {
  font-family: bb-icons;
  content: '\eeb2';
}

.sl-wrapper .sl-button.liked .sl-icon .fa.fa-spinner {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.sl-wrapper .sl-button.liked .sl-icon .fa.fa-spinner:before {
  content: '\f110' !important;
}


/*!******************************!*\ 
!***  id : kms-CSS-5
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/04avatar.css
\**********************************/

div.bp-avatar-status,
div.bp-cover-image-status {
  clear: both;
  margin: 1em 0
}

div.bp-avatar-status p.updated,
div.bp-cover-image-status p.updated {
  display: block;
  padding: 10px 15px
}

div.bp-avatar-status p.success,
div.bp-cover-image-status p.success {
  background-color: var(--mb-success-100);
  border: 1px solid var(--mb-success-300);
  color: var(--mb-success-500);
}

div.bp-avatar-status p.error,
div.bp-cover-image-status p.error {
  background-color: var(--mb-danger-100);
  border: 1px solid var(--mb-danger-300);
  color: var(--mb-danger-500);
}

div.bp-avatar-status .bp-progress,
div.bp-cover-image-status .bp-progress {
  background: 0 0;
  border: 1px solid #d1d1d1;
  float: right;
  height: 22px;
  line-height: 2;
  margin: 6px 10px 0 0;
  margin-bottom: 2px;
  padding: 0;
  overflow: hidden;
  width: 200px
}

div.bp-avatar-status .bp-bar,
div.bp-cover-image-status .bp-bar {
  background-color: #c3ff88;
  width: 0;
  height: 100%;
  z-index: 9
}

.bp-uploader-progress div.error {
  background-color: #fdc;
  border: 1px solid #a00;
  color: #800;
  display: block;
  font-size: 90%;
  padding: 10px 15px
}

#buddypress p.warning,
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
table.form-table td .bb-wordpress-profile-gravatar-warning p.warning {
  background-color: #ffd;
  border: 1px solid #cb2;
  color: #440;
  display: block;
  font-size: 90%;
  margin: 1em 0;
  padding: 10px 15px
}

div.bp-avatar-nav {
  background: 0 0;
  clear: both;
  margin: 10px 0;
  overflow: hidden
}

.avatar-nav-items {
  margin: 0;
  padding: 0
}

.bp-avatar-nav .avatar-nav-items li.avatar-nav-item {
  float: left !important;
  margin: 0;
  list-style: none
}

.avatar-nav-items li a {
  display: block;
  padding: 5px 10px;
  text-decoration: none
}

.bp-avatar-nav ul::after,
.bp-avatar-nav ul::before {
  content: " ";
  display: table
}

.bp-avatar-nav ul::after {
  clear: both
}

.bp-avatar-nav ul {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px
}

.bp-avatar-nav ul.avatar-nav-items li.current {
  border: 1px solid #ccc;
  border-bottom-color: var(--mb-base-white);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: -1px
}

.bp-avatar-nav li.current a {
  background: 0 0;
  color: inherit;
  font-weight: 700;
  opacity: .8;
  outline: 0
}

#drag-drop-area {
  border: 4px dashed #bbb;
  height: 200px
}

.drag-drop.drag-over #drag-drop-area {
  border-color: #83b4d8
}

.drag-drop-inside p {
  display: none
}

.drag-drop-inside p.drag-drop-buttons {
  margin-top: 80px;
  text-align: center
}

.drag-drop .drag-drop-inside p.drag-drop-buttons {
  margin: auto;
  text-align: inherit
}

.moxie-shim.moxie-shim-html5 input {
  cursor: pointer
}

.drag-drop #drag-drop-area {
  box-sizing: border-box;
  display: table;
  height: 100%;
  width: 100%
}

.drag-drop .drag-drop-inside {
  display: table-cell;
  padding: 40px 0;
  text-align: center;
  vertical-align: middle
}

.drag-drop .drag-drop-inside p,
.drag-drop-inside p.drag-drop-buttons {
  display: block
}

.drag-drop .drag-drop-inside p {
  color: #767676;
  font-size: inherit;
  margin: 5px 0;
  text-align: center
}

.drag-drop-inside p.drag-drop-info {
  margin-top: 0
}

#avatar-to-crop {
  margin: 0 auto 20px;
  text-align: left
}

#bp-webcam-avatar #avatar-to-crop {
  float: left;
  margin: 0 0 20px
}

#avatar-to-crop .jcrop-holder {
  margin: 0 auto
}

.avatar-crop-management {
  clear: left;
  overflow: hidden;
  padding-top: 20px;
  text-align: center
}

#bp-webcam-avatar .avatar-crop-management {
  clear: none;
  float: none;
  overflow: visible;
  padding-top: 0;
  width: auto
}

#avatar-crop-pane {
  margin: 0 auto;
  overflow: hidden
}

#bp-webcam-avatar #avatar-to-crop {
  border: 1px solid #eee;
  max-width: 100%;
  width: 100%
}

@media screen and (min-width:801px) {
  #bp-webcam-avatar #avatar-to-crop {
    max-width: 64%;
    width: 64%
  }
}

#avatar-crop-actions a {
  display: block
}

#bp-webcam-avatar #avatar-crop-actions {
  float: left;
  margin: 0 0 20px;
  width: 50%
}

#avatar-crop-actions a.button {
  margin-top: 10px
}

#bp-webcam-avatar #avatar-crop-actions a.button {
  display: block;
  margin: 0 0 5px;
  padding: 4px 0;
  width: 100%
}

#avatar-crop-pane canvas,
#avatar-crop-pane img,
#avatar-to-crop img,
#avatar-upload-form img,
#create-group-form img,
#group-settings-form img {
  border: none !important;
  max-width: none !important
}

#bp-webcam-avatar video {
  float: left;
  margin-bottom: 0;
  max-width: 100%;
  width: 100%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

#bp-webcam-avatar #avatar-crop-pane {
  border: 2px dashed #bbb;
  clear: left;
  float: right;
  margin: 0 40px 10px 0;
  overflow: hidden
}

#bp-webcam-avatar .avatar-crop-management #avatar-crop-pane {
  max-width: 150px;
  max-height: 150px
}

#avatar-crop-pane canvas {
  height: auto;
  width: 100%;
  max-width: 100%
}

.group-avatar .bp-avatar .avatar-crop-management {
  margin-left: 0;
  padding-top: 0;
  width: auto
}

.bp-avatar .item {
  overflow: hidden
}

.bp-avatar .avatar-crop-management.adjust {
  float: left;
  clear: none;
  padding-top: 0
}

.bp-avatar #avatar-to-crop.adjust {
  float: left;
  margin-right: 20px
}

.bp-profile-wrapper .bp-profile-content .profile.change-avatar #avatar-upload-form {
  opacity: 0
}

@media screen and (max-width:480px) {

  #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions,
  #bp-webcam-avatar .avatar-crop-management #avatar-crop-pane {
    float: none
  }

  #bp-webcam-avatar .avatar-crop-management #avatar-crop-pane {
    margin: 0 auto 10px
  }

  #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions {
    width: auto
  }
}

@media screen and (min-width:801px) {
  #bp-webcam-avatar .avatar-crop-management {
    clear: none;
    float: right
  }

  #bp-webcam-avatar .avatar-crop-management #avatar-crop-pane {
    float: none;
    margin: 0 auto 10px
  }

  #bp-webcam-avatar .avatar-crop-management #avatar-crop-actions {
    float: left;
    width: 100%
  }
}

body.users_page_bp-profile-edit.modal-open #TB_window {
  width: 830px !important;
  max-width: 90%
}

body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent {
  height: 95% !important;
  width: 95% !important;
  margin: 0 auto
}

body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.updated,
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.updated,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
  display: block;
  padding: 10px 15px
}

.wp-admin #TB_window .bp-avatar #avatar-to-crop {
  float: left;
  margin: 0
}

.wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
  margin-bottom: 20px
}

@media screen and (min-width:783px) {
  .wp-admin #TB_window .bp-avatar .avatar-crop-management {
    clear: none;
    float: left;
    margin-left: 20px;
    padding-top: 0;
    text-align: center
  }
}

.wp-admin #TB_window .bp-avatar #avatar-to-crop video {
  width: 100%
}

.wp-admin #TB_window .bp-avatar .avatar-crop-management a.button {
  height: auto;
  line-height: inherit
}

@media screen and (min-width:810px) {
  .wp-admin #TB_window .bp-avatar #bp-webcam-avatar #avatar-to-crop {
    max-width: none;
    width: 76%
  }

  .wp-admin #TB_window #bp-webcam-avatar .avatar-crop-management {
    max-width: none;
    width: auto
  }
}

#avatar-crop-pane>img {
  float: left
}

html[dir=rtl] #avatar-crop-pane>img {
  float: right
}

/*!******************************!*\ 
!***  id : kms-CSS-6
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/05buddypress.gray.css
\**********************************/

/*Hide header nav*/
/*
.main-navs,
nav#object-nav,
nav#subnav
*/

#buddypress {
  padding: 0 0rem; /* obligé ! à cause de l'inscription */
}
#activate-page {
    padding: 1rem 1rem;
    background-color: var(--mb-base-white);
}
#activate-page a {
    display: block;
    width: 100%;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
    border: 1px solid var(--mb-primary-500);
    border-radius: 0.5rem;
    font-weight: 700;
    text-align: center;
}

/* register page */
#register-page, .page .register-page {
    padding: 1rem;
    background-color: var(--mb-base-white);
}
#buddypress .register-section label, #buddypress .register-section legend {
    margin: 1rem 0 0.5rem;
    font-size: 1rem;
    color: var(--mb-base-black);
}
body.buddypress.register #buddypress input[type=submit], body.buddypress.activation #buddypress input[type=submit] {
    min-width: 100%;
}


/*.users-header,*/ nav#object-nav {
    display: none !important;
}
#header-cover-image, .header-cover-img {
    display: block !important;
}
div#item-header-content span.bp-member-type.bb-current-member- {
    display: none;
}
.bp-messages-nav-panel nav#subnav {
    display: block !important;
}


nav.activity-type-navs.main-navs.bp-navs.dir-navs {
    overflow: hidden;
}


/**/
body #buddypress .users-header #header-cover-image {
    margin: 0;
}
#buddypress #header-cover-image.cover-small {
    height: 15rem;
}


/*genereque render text*/
#buddypress .bp-list .action .generic-button .bp-screen-reader-text,
.activity-list .activity-item .bp-generic-meta.action .button .bp-screen-reader-text {
    display: none;
}


.buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
    display: inline-block;
    min-width: max-content;
}


.standard-form {
  /*
    background-color: var(--mb-base-white);
    margin: 1rem 0 0;
    padding: 1rem;
    border: 1px solid var(--mb-gray-300);
    border-radius: 0.5rem;
    */
}

.bp-navs ul li.current a:after, .bp-navs ul li.selected a:after {
    content: '';
    display: block;
    position: relative;
}

/*time activity*/
#buddypress a.view.activity-time-since, #bbpress-forums a.view.activity-time-since {
    display: none;
    display: inline-block;
}


/* add text on button post */
#activity-media-button, 
#activity-video-button, 
#activity-document-button {
    color: inherit;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#activity-media-button i,
#activity-video-button i,
#activity-document-button i {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#activity-media-button i:after,
#activity-video-button i:after,
#activity-document-button i:after {
  font-family: var(--mb-font-family-sans-serif);
  font-size: 0.875rem;
  font-weight: 500;
}
#activity-media-button i:after {
    content: 'media';
    
}
#activity-video-button i:after {
    content: 'video';
}
#activity-document-button i:after {
    content: 'document';
}


/* on register page */
.buddypress-wrap .register-page .bp-checkbox-wrap:before {
    content: 'Veuillez cocher la case pour accepter nos conditions & politiques.';
    display: block;
    position: relative;
    width: 100%;
    margin: 1rem auto;
    color: var(--mb-gray-700);
    font-size: 0.75rem;
    font-family: var(--mb-font-family-sans-serif);
}

/**/
.bp-wrap {
    display: flex;
    flex-direction: column;
}



ul.item-list.friends-list.bp-list.friends-request-list {
    margin: 1rem 0;
    padding: 0 1rem;
}






/**/

.moderation-popup .bb-model-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

/**/

.member-header-actions-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}


/**/



.bp-generic-meta.activity-meta.action {
    margin: 1rem 0 0;
}

.bp-navs ul li.current a:after, .bp-navs ul li.selected a:after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    
    bottom: 0;
    left: 0;
    
}



.bp-navs ul li.current a:after, .bp-navs ul li.selected a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-style: solid;
    border-width: 0 0 0.25rem;
    border-color: var(--bs-blue);
    background-color: var(--bs-blue);
    border-radius: 9999px 9999px 0 0;
}


/* multiple avatar */
 .thread-multiple-avatar {
    min-height: 36px;
    min-width: 36px;
    margin: 0 -2px;
    position: relative;
}

.thread-multiple-avatar {
    min-height: 36px;
    min-width: 36px;
    margin: 0 -2px;
    position: relative;
}
 .thread-multiple-avatar img {
    border: 2px solid var(--mb-base-white);
    max-width: 28px;
    position: absolute;
    left: 0;
    top: 0;
}
 .thread-multiple-avatar img {
    border-color: #f7fafe;
}

 .thread-multiple-avatar img+img {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
}

.thread-multiple-avatar:before {
  /*
    content: '';
    content: '';
    */
    height: 38px;
    width: 38px;
    background-color: var(--bb-content-background-color);
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
}

.thread-multiple-avatar > a img {
    height: auto !important;
    width: auto !important;
}


/* write message avatar */ 
.cur img {
    width: 50px;
    height: 50px;
    border-radius: 9999px;
    margin: 0 0.5rem 0 0;
}



/* write message */

li#inbox-personal-li a#inbox {
    background-color: transparent;
}
li#inbox-personal-li a#inbox:after {
  opacity: 0;
    visibility: hidden;
}

#bp-message-content .medium-editor-element, 
#bp-message-content .medium-editor-placeholder {
    color: var(--bb-body-text-color);
    font-size: 0.875rem;
    line-height: normal;
}
#bp-message-content .medium-editor-element:not(.emojionearea).medium-editor-placeholder:after {
    top: 0;
    left: 0;
    font-size: 0.875rem;
    position: absolute;
    font-style: normal;
    margin: 0;
    padding: 20px 15px;
    pointer-events: none;
}


.medium-editor-action b {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-size: 0;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}









.medium-editor-toolbar {
    background-color: #000;
    border: none;
    border-radius: 50px;
}
.medium-editor-toolbar {
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 2000;
}






/*in message : loader*/
.activity-list.item-list.bp-list.loading i.bb-icon-l.bb-icon-spinner.animate-spin ::before,
#bp-message-load-more .button .dashicons-update:before,
#bp-message-thread-list:empty:before {
    content: '\ef30';
    content: '';
    display: inline-block;
    height: 25px;
    width: 25px;
    font: normal normal normal 25px/1 "bb-icons";
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    border-radius: 50%;
    border: 2px solid rgba(var(--bb-alternate-text-color-rgb), 0.2);
    border-top-color: var(--bb-alternate-text-color);
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 1s infinite linear;
}


.buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
    margin: 0rem 0 1rem;
    padding: 0 1rem;
}
.bp-messages-nav-panel #subnav {
    padding: 0 1rem;
}
.bp-messages-content-wrapper {
    padding: 0 1rem;
}
#message-threads .bp-message-link {
    padding: 1rem 3rem 1rem 1rem;
}
#buddypress .bp-messages-container .message_action__list li a {
   color: var(--mb-gray-900);
   margin: 0rem 0rem 0rem;
   padding: 1rem 1rem;
   font-size: 0.875rem;
   display: block;
   min-width: max-content;
   margin: 0rem 0rem -1px;
   border-width: 0 0 1px;
   border-style: solid;
   border-color: var(--mb-gray-100);
}


/* message bubble */

/*

.bp-single-message-content .bp-message-content-wrap {
    display: block;
    position: relative;
    padding: 1rem;
    color: var(--mb-base-black);
    background-color: var(--mb-gray-200);
    border-radius: 9999px;
}
ul#bp-message-thread-list .bp-message-content-wrap:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -0.5rem;
    height: 1.75rem;
    width: 1.25rem;
    background: var(--mb-gray-200);
    border-bottom-right-radius: 1rem;
}
ul#bp-message-thread-list .bp-message-content-wrap:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -0.625rem;
    width: 0.625rem;
    height: 100%;
    background-color: var(--mb-base-white);
    border-bottom-right-radius: 0.625rem;
}
#bp-message-thread-list li.divider-date .bp-message-content-wrap:before, #bp-message-thread-list li.divider-date .bp-message-content-wrap:after {
    display: none;
}

.bp-single-message-wrap {
    position: relative;
}
.bp-messages-content #bp-message-thread-list li .bp-avatar-wrap {
    position: absolute;
    bottom: 0;
    margin: 0 1rem 0 0;
    max-width: 3rem;
}
.bp-single-message-content {
   display: block;
   position: relative;
   padding: 0 0 0 4rem;
   overflow: hidden;
}

*/



/* notification */

td.notification-description a {
    color: var(--bb-headings-color);
    position: relative;
}
.buddypress-wrap .bp-tables-user tr td, .buddypress-wrap .bp-tables-user tr th, .buddypress-wrap .bp-tables-report tr td, .buddypress-wrap .bp-tables-report tr th, .buddypress-wrap table.forum tr td, .buddypress-wrap table.forum tr th, .buddypress-wrap table.wp-profile-fields tr td, .buddypress-wrap table.wp-profile-fields tr th {
    padding: 0.5rem 0;
}

.buddypress-wrap .bp-tables-user, .buddypress-wrap .bp-tables-report, .buddypress-wrap table.forum, .buddypress-wrap table.wp-profile-fields {
    background-color: var(--mb-base-white);
    border-radius: 0.5rem;
    overflow: hidden;
}



/**/

form#account-group-invites-form {
    margin: 1rem 0 0;
}


/* feedback */
.info.bp-feedback {
    padding: 0.5rem 1rem;
    color: var(--mb-primary-700);
    background-color: var(--mb-primary-100);
    border: 1px solid var(--mb-primary-200);
    border-radius: 0.5rem;
}
.bp-feedback.bp-messages.warning {
    color: var(--mb-warning-700);
    background-color: var(--mb-warning-100);
    border: 1px solid var(--mb-warning-200);
}

.bp-avatar-status .warning,
.bp-cover-image-status .warning {
    background-color: var(--mb-warning-50) !important;
}

/* btn */

#delete-account-button {
    background-color: var(--mb-danger-500) !important;
    border-color: var(--mb-danger-500) !important;
}

#buddypress #whats-new-submit {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    
}

.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
    width: 100%;
    min-height: inherit;
    height: auto;
    line-height: normal;
    margin: 1rem 0 0;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}

.friends-request-list .item-entry.bp-single-member .bp-generic-meta.friends-meta.action {
    min-width: 100%;
}



.buddypress-wrap form.bp-dir-search-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}



/* feedback */

/* infos */
.bp-messages.bp-feedback.info, .bp-feedback.bp-messages.info, .bp-messages.info {
  color: var(--mb-primary-700);
  border: 1px solid var(--mb-primary-300);
  background-color: var(--mb-primary-100);
  margin: 1rem 0;
  border-radius: 0.5rem;
  padding: 1rem;
}
.bp-feedback.info .bp-icon {
    background-color: transparent;
}
.bp-feedback.info .bp-icon:before {
    content: "\eebc";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 200;
    color: var(--mb-primary-400);
}

/* Danger */
.bp-messages.bp-feedback.error, .bp-feedback.error {
    color: var(--mb-danger-700);
    border: 1px solid var(--mb-danger-300);
    background-color: var(--mb-danger-100);
    margin: 1rem 0;
    border-radius: 0.5rem;
    padding: 1rem;
}
.bp-feedback.error .bp-icon {
    background-color: transparent;
}
.bp-feedback.error .bp-icon:before {
    content: "\ee66";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--mb-danger-400);
}

/* warning */
.bp-messages.bp-feedback.warning, .bp-feedback.warning {
    color: var(--mb-warning-700);
    border: 1px solid var(--mb-warning-300);
    background-color: var(--mb-warning-100);
    margin: 1rem 0;
    border-radius: 0.5rem;
    padding: 1rem;
}
.bp-feedback.warning .bp-icon {
    background-color: transparent;
}
.bp-feedback.warning .bp-icon:before {
    content: "\ee66";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--mb-warning-400);
}

/* success */
.bp-messages.bp-feedback.success, .bp-feedback.success, .bp-feedback.updated {
    color: var(--mb-success-700);
    border: 1px solid var(--mb-success-300);
    background-color: var(--mb-success-100);
    margin: 1rem 0;
    border-radius: 0.5rem;
    padding: 1rem;
}
.bp-feedback.success .bp-icon, .bp-feedback.updated .bp-icon {
    background-color: transparent;
}
.bp-feedback.success .bp-icon:before, .bp-feedback.updated .bp-icon:before {
    content: "\e876";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 200;
    color: var(--mb-success-400);
}

.bp-feedback.updated a.just-posted {
    color: var(--mb-success-500);
}

/* loading */
.bp-feedback.bp-messages.loading, .bp-feedback.loading {
    color: var(--mb-primary-700);
    border: 1px solid var(--mb-primary-300);
    background-color: var(--mb-primary-100);
}
.bp-feedback.bp-messages.loading .bp-icon, .bp-feedback.loading .bp-icon {
    background-color: transparent;
}
.bp-feedback.bp-messages.loading .bp-icon::before, .bp-feedback.loading .bp-icon::before {
    content: "\e9ef";
    font-family: bb-icons;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--mb-primary-900);
    animation: spin 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* loader message */
.bp-user-messages-loading.loading .message-user-loading {
    padding: 1rem 0px;
}
.bb-loading-bg {
    background-color: var(--mb-gray-100);
}
.bp-user-messages-loading.loading .message-user-loading_avatar {
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    margin: 0 1rem 0 0;
}
.bp-user-messages-loading.loading .message-user-loading_details .message-user-loading_title {
    width: 107px;
    width: 50%;
    height: 1rem;
    border-radius: 1rem;
    margin: 0 0 0.5rem;
    max-width: 100%;
}
.bp-user-messages-loading.loading .message-user-loading_details .message-user-loading_description {
    width: 202px;
    width: 90%;
    height: 1rem;
    border-radius: 1rem;
    margin: 0;
    max-width: 100%;
}

/* acivite du site : search form*/
.buddypress-wrap .subnav-filters .subnav-search form,
.dir-search.activity-search.bp-search {
    float: none !important;
}
.buddypress-wrap .subnav-filters .subnav-search {
    float: none !important;
    width: 100%;
}



/* desktop */

@media (min-width: 993px) {
  
  #buddypress {
      max-width: 50%;
      margin: 0 auto;
  }
  .messages-wrapper, .members-directory-wrapper, #notifications-user-list {
      margin: 0 -50%;
  }
  
}


/* mobile */

@media (max-width: 992px)  {
  
  /* ACTIVITY */
  .buddypress-wrap.bp-single-plain-nav.bp-dir-hori-nav {
      margin: 0;
      padding: 0 0rem;
  }
  .activity-update-form {
      margin: 1rem 0;
  }
  
  
  /* cover image */
  #buddypress #header-cover-image.cover-small {
      height: 8rem;
  }
  body #buddypress #item-header-cover-image {
      margin: -4rem auto 0;
  }
  .bb-user-content-wrap .item-meta {
      margin: 0;
  }
  .member-title-wrap h2.user-nicename {
      margin: 0 !important;
  }
  
  
  #buddypress #item-header-cover-image {
      min-height: auto;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  #cover-image-container {
      margin: 0;
      padding: 0rem;
      border-width: 0 0 1px;
  }
  #buddypress #item-header-cover-image #item-header-avatar {
      margin: 0 auto;
      padding: 0;
  }
  
  
  body #buddypress #item-header-cover-image #item-header-avatar img.avatar {
      box-shadow: 0 2px 5px 0 rgba(18, 43, 70, .12), 0 0 0 1px var(--bb-content-border-color);
      border: 4px solid var(--mb-base-white);
      max-width: 8rem;
      /* box-shadow: none; */
  }
  .users-header #item-header-avatar:hover .link-change-overlay {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 8rem;
      border: 4px solid var(--mb-base-white);
      background-color: rgba(0, 0, 0, .3);
      border-radius: 9999px;
  }
  
  .member-status.online {
      position: absolute;
      width: 1rem;
      height: 1rem;
      top: auto;
      bottom: 1rem;
      left: auto;
      right: 0.5rem;
      border: 4px solid var(--mb-base-white);
  }
  
  .member-title-wrap {
      margin: 1rem auto;
  }
  .bb-user-content-wrap .member-social>.flex {
      margin: 0 0 1rem;
      padding: 0 1rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
  }
  body #buddypress div#item-header-cover-image h2, body #buddypress div#item-header-cover-image h2 a {
      font-size: 1rem;
      font-weight: 900;
      position: relative;
      color: var(--mb-base-black);
      text-shadow: none;
  }
  
  
  
    #whats-new-formatting-toolbar .emojionearea .emojionearea-picker {
    display: block;
    position: absolute;
    margin: 0px 0rem;
    top: auto;
    left: 100%;
    right: auto;
    bottom: 3rem;
    transform: translate(-25%, 0);
}
.emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-top.emojionearea-search-position-top {
    top: auto;
    left: auto;
    right: auto;
    bottom: 3rem;
    transform: translate(-75%, 0);
}



form.ac-form .ac-reply-content .ac-textarea {
    margin: 1rem 0;
    padding: 0 0;
}
#buddypress form.ac-form .ac-reply-content input[type=submit] {
    margin: 0 auto;
    padding: 0.5rem 1rem;
    font-size: .875rem;
    font-weight: 700;
}
.bp-screen-reader-text {
    border: 0;
    margin: 1rem auto;
    padding: 0 1rem;
    color: var(--mb-gray-900);
    
}
.block-member .bp-screen-reader-text {
    margin: 0;
}

form.ac-form .ac-reply-content {
    padding: 0 0rem 0 1rem;
}

.bp-messages-content #bp-message-content .medium-editor-toolbar.active {
    height: auto;
    min-width: max-content;
    width: 100%;
}
#message-form-submit-wrapper, #message-reply-form-submit-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.bp-messages-content #bp-message-content #whats-new-messages-toolbar {
    padding: 0;
    display: flex;
    min-width: 50%;
    max-width: 50%;
    min-height: auto;
    max-height: initial;
}
.bp-messages-content #bp-message-content #whats-new-formatting-toolbar {
    margin: 0;
    display: flex;
}

.bp-messages-content #bp-message-content #message-form-submit-wrapper #message-new-submit, .bp-messages-content #bp-message-content #message-reply-form-submit-wrapper #message-reply-new-submit {
    min-width: 100%;
    margin: 1rem 0 0;
    padding: 0.25rem 1rem;
    height: auto;
    line-height: normal;
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bp-messages-content #bp-message-content #message-new-submit #bp-messages-send, .bp-messages-content #bp-message-content #message-reply-new-submit #send_reply_button {
    position: static;
    opacity: 1;
    margin: 0;
    padding: 0;
    min-width: auto;
    width: auto;
    border: 0;
    background-color: transparent;
}

}


/*!******************************!*\ 
!***  id : kms-CSS-7
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/06bp-select2-gray.css
\**********************************/

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle
}

.select2-container .select2-selection--single {
  
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  user-select: none;
  -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select2-container .select2-search--inline {
  
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051
}

.select2-results {
  display: block
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}

.select2-results__option[aria-selected] {
  cursor: pointer
}

.select2-container--open .select2-dropdown {
  left: 0
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-search--dropdown {
  display: block;
  padding: 4px
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
  display: none
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}

.select2-hidden-accessible {
  border: 0 ;
  clip: rect(0 0 0 0) ;
  height: 1px ;
  margin: 0px ;
  overflow: hidden ;
  padding: 0 ;
  position: absolute ;
  width: 1px 
}

.select2-container--default .select2-selection--single {
  
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}


.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
  background-color: var(--mb-base-white);
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
  border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
}

/*!******************************!*\ 
!***  id : kms-CSS-8
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/uikit.min.css
\**********************************/

/*! UIkit 3.14.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */




.uk-link,
a {
  color: #1e87f0;
  text-decoration: none;
  cursor: pointer
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover {
  color: #0f6ecd;
  text-decoration: underline
}

abbr[title] {
  text-decoration: underline dotted;
  -webkit-text-decoration-style: dotted
}



:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
  font-family: Consolas, monaco, monospace;
  font-size: .875rem;
  color: #f0506e;
  white-space: nowrap;
  padding: 2px 6px;
  background: #f8f8f8
}

em {
  color: #f0506e
}

ins {
  background: #ffd;
  color: #666;
  text-decoration: none
}

mark {
  background: #ffd;
  color: #666
}

q {
  font-style: italic
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle
}

canvas,
img,
svg,
video {
  max-width: 100%;
  height: auto;
  box-sizing: border-box
}

img:not([src]) {
  visibility: hidden;
  min-width: 1px
}

iframe {
  border: 0
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
  margin: 0 0 20px 0
}

*+address,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul {
  margin-top: 20px
}























template {
  display: none
}

:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px
}





.uk-link-toggle {
  color: inherit !important;
  text-decoration: none !important
}

.uk-heading-small {
  font-size: 2.6rem;
  line-height: 1.2
}

.uk-heading-medium {
  font-size: 2.8875rem;
  line-height: 1.1
}

.uk-heading-large {
  font-size: 3.4rem;
  line-height: 1.1
}

.uk-heading-xlarge {
  font-size: 4rem;
  line-height: 1
}

.uk-heading-2xlarge {
  font-size: 6rem;
  line-height: 1
}

@media (min-width:960px) {
  .uk-heading-small {
    font-size: 3.25rem
  }

  .uk-heading-medium {
    font-size: 3.5rem
  }

  .uk-heading-large {
    font-size: 4rem
  }

  .uk-heading-xlarge {
    font-size: 6rem
  }

  .uk-heading-2xlarge {
    font-size: 8rem
  }
}

@media (min-width:1200px) {
  .uk-heading-medium {
    font-size: 4rem
  }

  .uk-heading-large {
    font-size: 6rem
  }

  .uk-heading-xlarge {
    font-size: 8rem
  }

  .uk-heading-2xlarge {
    font-size: 11rem
  }
}

.uk-heading-divider {
  padding-bottom: calc(5px + .1em);
  border-bottom: calc(.2px + .05em) solid #e5e5e5
}

.uk-heading-bullet {
  position: relative
}

.uk-heading-bullet::before {
  content: "";
  display: inline-block;
  position: relative;
  top: calc(-.1 * 1em);
  vertical-align: middle;
  height: calc(4px + .7em);
  margin-right: calc(5px + .2em);
  border-left: calc(5px + .1em) solid #e5e5e5
}

.uk-heading-line {
  overflow: hidden
}

.uk-heading-line>* {
  display: inline-block;
  position: relative
}

.uk-heading-line>::after,
.uk-heading-line>::before {
  content: "";
  position: absolute;
  top: calc(50% - (calc(.2px + .05em)/ 2));
  width: 2000px;
  border-bottom: calc(.2px + .05em) solid #e5e5e5
}

.uk-heading-line>::before {
  right: 100%;
  margin-right: calc(5px + .3em)
}

.uk-heading-line>::after {
  left: 100%;
  margin-left: calc(5px + .3em)
}

[class*=uk-divider] {
  border: none;
  margin-bottom: 20px
}

*+[class*=uk-divider] {
  margin-top: 20px
}

.uk-divider-icon {
  position: relative;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uk-divider-icon::after,
.uk-divider-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  max-width: calc(50% - (50px / 2));
  border-bottom: 1px solid #e5e5e5
}

.uk-divider-icon::before {
  right: calc(50% + (50px / 2));
  width: 100%
}

.uk-divider-icon::after {
  left: calc(50% + (50px / 2));
  width: 100%
}

.uk-divider-small {
  line-height: 0
}

.uk-divider-small::after {
  content: "";
  display: inline-block;
  width: 100px;
  max-width: 100%;
  border-top: 1px solid #e5e5e5;
  vertical-align: top
}

.uk-divider-vertical {
  width: max-content;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #e5e5e5
}

.uk-list {
  padding: 0;
  list-style: none
}

.uk-list>*>:last-child {
  margin-bottom: 0
}

.uk-list>*>ul,
.uk-list>:nth-child(n+2) {
  margin-top: 10px
}

.uk-list-circle>*,
.uk-list-decimal>*,
.uk-list-disc>*,
.uk-list-hyphen>*,
.uk-list-square>* {
  padding-left: 30px
}

.uk-list-decimal {
  counter-reset: decimal
}

.uk-list-decimal>* {
  counter-increment: decimal
}

.uk-list-circle>::before,
.uk-list-decimal>::before,
.uk-list-disc>::before,
.uk-list-hyphen>::before,
.uk-list-square>::before {
  content: "";
  position: relative;
  left: -30px;
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  display: list-item;
  list-style-position: inside;
  text-align: right
}

.uk-list-disc>::before {
  list-style-type: disc
}

.uk-list-circle>::before {
  list-style-type: circle
}

.uk-list-square>::before {
  list-style-type: square
}

.uk-list-decimal>::before {
  content: counter(decimal, decimal) '\200A.\00A0'
}

.uk-list-hyphen>::before {
  content: '–\00A0\00A0'
}

.uk-list-muted>::before {
  color: #999 !important
}

.uk-list-emphasis>::before {
  color: #333 !important
}

.uk-list-primary>::before {
  color: #1e87f0 !important
}

.uk-list-secondary>::before {
  color: #222 !important
}

.uk-list-bullet>* {
  padding-left: 30px
}

.uk-list-bullet>::before {
  content: "";
  display: list-item;
  position: relative;
  left: -30px;
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uk-list-divider>:nth-child(n+2) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5
}

.uk-list-striped>* {
  padding: 10px 10px
}

.uk-list-striped>:nth-of-type(odd) {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.uk-list-striped>:nth-of-type(odd) {
  background: #f8f8f8
}

.uk-list-striped>:nth-child(n+2) {
  margin-top: 0
}

.uk-list-large>*>ul,
.uk-list-large>:nth-child(n+2) {
  margin-top: 20px
}

.uk-list-collapse>*>ul,
.uk-list-collapse>:nth-child(n+2) {
  margin-top: 0
}

.uk-list-large.uk-list-divider>:nth-child(n+2) {
  margin-top: 20px;
  padding-top: 20px
}

.uk-list-collapse.uk-list-divider>:nth-child(n+2) {
  margin-top: 0;
  padding-top: 0
}

.uk-list-large.uk-list-striped>* {
  padding: 20px 10px
}

.uk-list-collapse.uk-list-striped>* {
  padding-top: 0;
  padding-bottom: 0
}

.uk-list-collapse.uk-list-striped>:nth-child(n+2),
.uk-list-large.uk-list-striped>:nth-child(n+2) {
  margin-top: 0
}

.uk-description-list>dt {
  color: #333;
  font-size: .875rem;
  font-weight: 400;
  text-transform: uppercase
}

.uk-description-list>dt:nth-child(n+2) {
  margin-top: 20px
}

.uk-description-list-divider>dt:nth-child(n+2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5
}

.uk-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px
}

*+.uk-table {
  margin-top: 20px
}

.uk-table th {
  padding: 16px 12px;
  text-align: left;
  vertical-align: bottom;
  font-size: .875rem;
  font-weight: 400;
  color: #999;
  text-transform: uppercase
}

.uk-table td {
  padding: 16px 12px;
  vertical-align: top
}

.uk-table td>:last-child {
  margin-bottom: 0
}

.uk-table tfoot {
  font-size: .875rem
}

.uk-table caption {
  font-size: .875rem;
  text-align: left;
  color: #999
}

.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important
}

.uk-table-divider>:first-child>tr:not(:first-child),
.uk-table-divider>:not(:first-child)>tr,
.uk-table-divider>tr:not(:first-child) {
  border-top: 1px solid #e5e5e5
}

.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped>tr:nth-of-type(odd) {
  background: #f8f8f8;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.uk-table-hover tbody tr:hover,
.uk-table-hover>tr:hover {
  background: #ffd
}

.uk-table tbody tr.uk-active,
.uk-table>tr.uk-active {
  background: #ffd
}

.uk-table-small td,
.uk-table-small th {
  padding: 10px 12px
}

.uk-table-large td,
.uk-table-large th {
  padding: 22px 12px
}

.uk-table-justify td:first-child,
.uk-table-justify th:first-child {
  padding-left: 0
}

.uk-table-justify td:last-child,
.uk-table-justify th:last-child {
  padding-right: 0
}

.uk-table-shrink {
  width: 1px
}

.uk-table-expand {
  min-width: 150px
}

.uk-table-link {
  padding: 0 !important
}

.uk-table-link>a {
  display: block;
  padding: 16px 12px
}

.uk-table-small .uk-table-link>a {
  padding: 10px 12px
}

@media (max-width:959px) {

  .uk-table-responsive,
  .uk-table-responsive tbody,
  .uk-table-responsive td,
  .uk-table-responsive th,
  .uk-table-responsive tr {
    display: block
  }

  .uk-table-responsive thead {
    display: none
  }

  .uk-table-responsive td,
  .uk-table-responsive th {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important
  }

  .uk-table-responsive .uk-table-link:not(:first-child)>a,
  .uk-table-responsive td:not(:first-child):not(.uk-table-link),
  .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
    padding-top: 5px !important
  }

  .uk-table-responsive .uk-table-link:not(:last-child)>a,
  .uk-table-responsive td:not(:last-child):not(.uk-table-link),
  .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
    padding-bottom: 5px !important
  }

  .uk-table-justify.uk-table-responsive td,
  .uk-table-justify.uk-table-responsive th {
    padding-left: 0;
    padding-right: 0
  }
}

.uk-table tbody tr {
  transition: background-color .1s linear
}

.uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-table-striped>tr:nth-of-type(2n):last-child {
  border-bottom: 1px solid #e5e5e5
}

.uk-icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0
}

button.uk-icon:not(:disabled) {
  cursor: pointer
}

.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0
}

.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
  fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: currentcolor
}

.uk-icon>* {
  transform: translate(0, 0)
}

.uk-icon-image {
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  object-fit: scale-down;
  max-width: none
}

.uk-icon-link {
  color: #999;
  text-decoration: none !important
}

.uk-icon-link:hover {
  color: #666
}

.uk-active>.uk-icon-link,
.uk-icon-link:active {
  color: #595959
}

.uk-icon-button {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  background: #f8f8f8;
  color: #999;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .1s ease-in-out;
  transition-property: color, background-color
}

.uk-icon-button:hover {
  background-color: #ebebeb;
  color: #666
}

.uk-active>.uk-icon-button,
.uk-icon-button:active {
  background-color: #dfdfdf;
  color: #666
}

.uk-range {
  -webkit-appearance: none;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  max-width: 100%;
  width: 100%;
  background: 0 0
}

.uk-range:focus {
  outline: 0
}

.uk-range::-moz-focus-outer {
  border: none
}

.uk-range:not(:disabled)::-webkit-slider-thumb {
  cursor: pointer
}

.uk-range:not(:disabled)::-moz-range-thumb {
  cursor: pointer
}

.uk-range::-webkit-slider-runnable-track {
  height: 3px;
  background: #ebebeb;
  border-radius: 500px
}

.uk-range:active::-webkit-slider-runnable-track,
.uk-range:focus::-webkit-slider-runnable-track {
  background: #dedede
}

.uk-range::-moz-range-track {
  height: 3px;
  background: #ebebeb;
  border-radius: 500px
}

.uk-range:focus::-moz-range-track {
  background: #dedede
}

.uk-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -7px;
  height: 15px;
  width: 15px;
  border-radius: 500px;
  background: #fff;
  border: 1px solid #ccc
}

.uk-range::-moz-range-thumb {
  border: none;
  height: 15px;
  width: 15px;
  margin-top: -7px;
  border-radius: 500px;
  background: #fff;
  border: 1px solid #ccc
}

.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea {
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit
}

.uk-input {
  overflow: visible
}

.uk-select {
  text-transform: none
}

.uk-select optgroup {
  font: inherit;
  font-weight: 700
}

.uk-textarea {
  overflow: auto
}

.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
  height: auto
}

.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
  opacity: 1
}

.uk-checkbox:not(:disabled),
.uk-radio:not(:disabled) {
  cursor: pointer
}

.uk-fieldset {
  border: none;
  margin: 0;
  padding: 0
}

.uk-input,
.uk-textarea {
  -webkit-appearance: none
}

.uk-input,
.uk-select,
.uk-textarea {
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 10px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  transition: .2s ease-in-out;
  transition-property: color, background-color, border
}

.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  display: inline-block
}

.uk-input:not(input),
.uk-select:not(select) {
  line-height: 38px
}

.uk-select[multiple],
.uk-select[size],
.uk-textarea {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: top
}

.uk-select[multiple],
.uk-select[size] {
  resize: vertical
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: 0;
  background-color: #fff;
  color: #666;
  border-color: #1e87f0
}

.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  background-color: #f8f8f8;
  color: #999;
  border-color: #e5e5e5
}

.uk-input::placeholder {
  color: #999
}

.uk-textarea::placeholder {
  color: #999
}

.uk-form-small {
  font-size: .875rem
}

.uk-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px
}

[multiple].uk-form-small,
[size].uk-form-small,
textarea.uk-form-small {
  padding: 5px 8px
}

.uk-form-small:not(select):not(input):not(textarea) {
  line-height: 28px
}

.uk-form-large {
  font-size: 1.25rem
}

.uk-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px
}

[multiple].uk-form-large,
[size].uk-form-large,
textarea.uk-form-large {
  padding: 7px 12px
}

.uk-form-large:not(select):not(input):not(textarea) {
  line-height: 53px
}

.uk-form-danger,
.uk-form-danger:focus {
  color: #f0506e;
  border-color: #f0506e
}

.uk-form-success,
.uk-form-success:focus {
  color: #32d296;
  border-color: #32d296
}

.uk-form-blank {
  background: 0 0;
  border-color: transparent
}

.uk-form-blank:focus {
  border-color: #e5e5e5;
  border-style: solid
}

input.uk-form-width-xsmall {
  width: 50px
}

select.uk-form-width-xsmall {
  width: 75px
}

.uk-form-width-small {
  width: 130px
}

.uk-form-width-medium {
  width: 200px
}

.uk-form-width-large {
  width: 500px
}

.uk-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%
}

.uk-select:not([multiple]):not([size]) option {
  color: #666
}

.uk-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-input[list] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%
}

.uk-input[list]:focus,
.uk-input[list]:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-input[list]::-webkit-calendar-picker-indicator {
  display: none !important
}

.uk-checkbox,
.uk-radio {
  display: inline-block;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin-top: -4px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #ccc;
  transition: .2s ease-in-out;
  transition-property: background-color, border
}

.uk-radio {
  border-radius: 50%
}

.uk-checkbox:focus,
.uk-radio:focus {
  background-color: rgba(0, 0, 0, 0);
  outline: 0;
  border-color: #1e87f0
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
  background-color: #1e87f0;
  border-color: transparent
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus {
  background-color: #0e6dcd
}

.uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:disabled,
.uk-radio:disabled {
  background-color: #f8f8f8;
  border-color: #e5e5e5
}

.uk-radio:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-checkbox:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-checkbox:disabled:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-legend {
  width: 100%;
  color: inherit;
  padding: 0;
  font-size: 1.5rem;
  line-height: 1.4
}

.uk-form-custom {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle
}

.uk-form-custom input[type=file],
.uk-form-custom select {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer
}

.uk-form-custom input[type=file] {
  font-size: 500px;
  overflow: hidden
}

.uk-form-label {
  color: #333;
  font-size: .875rem
}

.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px
}

@media (max-width:959px) {
  .uk-form-horizontal .uk-form-label {
    display: block;
    margin-bottom: 5px
  }
}

@media (min-width:960px) {
  .uk-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: left
  }

  .uk-form-horizontal .uk-form-controls {
    margin-left: 215px
  }

  .uk-form-horizontal .uk-form-controls-text {
    padding-top: 7px
  }
}

.uk-form-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #999
}

.uk-form-icon:hover {
  color: #666
}

.uk-form-icon:not(a):not(button):not(input) {
  pointer-events: none
}

.uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
  padding-left: 40px !important
}

.uk-form-icon-flip {
  right: 0;
  left: auto
}

.uk-form-icon-flip~.uk-input {
  padding-right: 40px !important
}

.uk-button {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: .875rem;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .1s ease-in-out;
  transition-property: color, background-color, border-color
}

.uk-button:not(:disabled) {
  cursor: pointer
}

.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.uk-button:hover {
  text-decoration: none
}

.uk-button-default {
  background-color: transparent;
  color: #333;
  border: 1px solid #e5e5e5
}

.uk-button-default:hover {
  background-color: transparent;
  color: #333;
  border-color: #b2b2b2
}

.uk-button-default.uk-active,
.uk-button-default:active {
  background-color: transparent;
  color: #333;
  border-color: #999
}

.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent
}

.uk-button-primary:hover {
  background-color: #0f7ae5;
  color: #fff
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
  background-color: #0e6dcd;
  color: #fff
}

.uk-button-secondary {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent
}

.uk-button-secondary:hover {
  background-color: #151515;
  color: #fff
}

.uk-button-secondary.uk-active,
.uk-button-secondary:active {
  background-color: #080808;
  color: #fff
}

.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
  border: 1px solid transparent
}

.uk-button-danger:hover {
  background-color: #ee395b;
  color: #fff
}

.uk-button-danger.uk-active,
.uk-button-danger:active {
  background-color: #ec2147;
  color: #fff
}

.uk-button-danger:disabled,
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled {
  background-color: transparent;
  color: #999;
  border-color: #e5e5e5
}

.uk-button-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: .875rem
}

.uk-button-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: .875rem
}

.uk-button-text {
  padding: 0;
  line-height: 1.5;
  background: 0 0;
  color: #333;
  position: relative
}

.uk-button-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #333;
  transition: right .3s ease-out
}

.uk-button-text:hover {
  color: #333
}

.uk-button-text:hover::before {
  right: 0
}

.uk-button-text:disabled {
  color: #999
}

.uk-button-text:disabled::before {
  display: none
}

.uk-button-link {
  padding: 0;
  line-height: 1.5;
  background: 0 0;
  color: #333
}

.uk-button-link:hover {
  color: #999;
  text-decoration: none
}

.uk-button-link:disabled {
  color: #999;
  text-decoration: none
}

.uk-button-group {
  display: inline-flex;
  vertical-align: middle;
  position: relative
}

.uk-button-group>.uk-button:nth-child(n+2),
.uk-button-group>div:nth-child(n+2) .uk-button {
  margin-left: -1px
}

.uk-button-group .uk-button.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
  position: relative;
  z-index: 1
}

.uk-progress {
  vertical-align: baseline;
  display: block;
  width: 100%;
  border: 0;
  background-color: #f8f8f8;
  margin-bottom: 20px;
  height: 15px;
  border-radius: 500px;
  overflow: hidden
}

*+.uk-progress {
  margin-top: 20px
}

.uk-progress::-webkit-progress-bar {
  background-color: transparent
}

.uk-progress::-webkit-progress-value {
  background-color: #1e87f0;
  transition: width .6s ease
}

.uk-progress::-moz-progress-bar {
  background-color: #1e87f0;
  transition: width .6s ease
}

.uk-section {
  display: flow-root;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 40px
}

@media (min-width:960px) {
  .uk-section {
    padding-top: 70px;
    padding-bottom: 70px
  }
}

.uk-section>:last-child {
  margin-bottom: 0
}

.uk-section-xsmall {
  padding-top: 20px;
  padding-bottom: 20px
}

.uk-section-small {
  padding-top: 40px;
  padding-bottom: 40px
}

.uk-section-large {
  padding-top: 70px;
  padding-bottom: 70px
}

@media (min-width:960px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px
  }
}

.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px
}

@media (min-width:960px) {
  .uk-section-xlarge {
    padding-top: 210px;
    padding-bottom: 210px
  }
}

.uk-section-default {
  background: #fff
}

.uk-section-muted {
  background: #f8f8f8
}

.uk-section-primary {
  background: #1e87f0
}

.uk-section-secondary {
  background: #222
}

.uk-container {
  display: flow-root;
  box-sizing: content-box;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width:640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (min-width:960px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px
  }
}

.uk-container>:last-child {
  margin-bottom: 0
}

.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0
}

.uk-container-xsmall {
  max-width: 750px
}

.uk-container-small {
  max-width: 900px
}

.uk-container-large {
  max-width: 1400px
}

.uk-container-xlarge {
  max-width: 1600px
}

.uk-container-expand {
  max-width: none
}

.uk-container-expand-left {
  margin-left: 0
}

.uk-container-expand-right {
  margin-right: 0
}

@media (min-width:640px) {

  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 30px)
  }

  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 30px)
  }
}

@media (min-width:960px) {

  .uk-container-expand-left,
  .uk-container-expand-right {
    max-width: calc(50% + (1200px / 2) - 40px)
  }

  .uk-container-expand-left.uk-container-xsmall,
  .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 40px)
  }

  .uk-container-expand-left.uk-container-small,
  .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 40px)
  }

  .uk-container-expand-left.uk-container-large,
  .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + (1400px / 2) - 40px)
  }

  .uk-container-expand-left.uk-container-xlarge,
  .uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + (1600px / 2) - 40px)
  }
}

.uk-container-item-padding-remove-left,
.uk-container-item-padding-remove-right {
  width: calc(100% + 15px)
}

.uk-container-item-padding-remove-left {
  margin-left: -15px
}

.uk-container-item-padding-remove-right {
  margin-right: -15px
}

@media (min-width:640px) {

  .uk-container-item-padding-remove-left,
  .uk-container-item-padding-remove-right {
    width: calc(100% + 30px)
  }

  .uk-container-item-padding-remove-left {
    margin-left: -30px
  }

  .uk-container-item-padding-remove-right {
    margin-right: -30px
  }
}

@media (min-width:960px) {

  .uk-container-item-padding-remove-left,
  .uk-container-item-padding-remove-right {
    width: calc(100% + 40px)
  }

  .uk-container-item-padding-remove-left {
    margin-left: -40px
  }

  .uk-container-item-padding-remove-right {
    margin-right: -40px
  }
}

.uk-tile {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px
}

@media (min-width:640px) {
  .uk-tile {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (min-width:960px) {
  .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 70px;
    padding-bottom: 70px
  }
}

.uk-tile>:last-child {
  margin-bottom: 0
}

.uk-tile-xsmall {
  padding-top: 20px;
  padding-bottom: 20px
}

.uk-tile-small {
  padding-top: 40px;
  padding-bottom: 40px
}

.uk-tile-large {
  padding-top: 70px;
  padding-bottom: 70px
}

@media (min-width:960px) {
  .uk-tile-large {
    padding-top: 140px;
    padding-bottom: 140px
  }
}

.uk-tile-xlarge {
  padding-top: 140px;
  padding-bottom: 140px
}

@media (min-width:960px) {
  .uk-tile-xlarge {
    padding-top: 210px;
    padding-bottom: 210px
  }
}

.uk-tile-default {
  background-color: #fff
}

.uk-tile-muted {
  background-color: #f8f8f8
}

.uk-tile-primary {
  background-color: #1e87f0
}

.uk-tile-secondary {
  background-color: #222
}

.uk-card {
  position: relative;
  box-sizing: border-box;
  transition: box-shadow .1s ease-in-out
}

.uk-card-body {
  display: flow-root;
  padding: 30px 30px
}

.uk-card-header {
  display: flow-root;
  padding: 15px 30px
}

.uk-card-footer {
  display: flow-root;
  padding: 15px 30px
}

@media (min-width:1200px) {
  .uk-card-body {
    padding: 40px 40px
  }

  .uk-card-header {
    padding: 20px 40px
  }

  .uk-card-footer {
    padding: 20px 40px
  }
}

.uk-card-body>:last-child,
.uk-card-footer>:last-child,
.uk-card-header>:last-child {
  margin-bottom: 0
}

.uk-card-title {
  font-size: 1.5rem;
  line-height: 1.4
}

.uk-card-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  height: 22px;
  padding: 0 10px;
  background: #1e87f0;
  color: #fff;
  font-size: .875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border-radius: 2px;
  text-transform: uppercase
}

.uk-card-badge:first-child+* {
  margin-top: 0
}

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-default {
  background-color: #fff;
  color: #666;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.uk-card-default .uk-card-title {
  color: #333
}

.uk-card-default.uk-card-hover:hover {
  background-color: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-default .uk-card-header {
  border-bottom: 1px solid #e5e5e5
}

.uk-card-default .uk-card-footer {
  border-top: 1px solid #e5e5e5
}

.uk-card-primary {
  background-color: #1e87f0;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.uk-card-primary .uk-card-title {
  color: #fff
}

.uk-card-primary.uk-card-hover:hover {
  background-color: #1e87f0;
  box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-secondary {
  background-color: #222;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.uk-card-secondary .uk-card-title {
  color: #fff
}

.uk-card-secondary.uk-card-hover:hover {
  background-color: #222;
  box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-card-small .uk-card-body,
.uk-card-small.uk-card-body {
  padding: 20px 20px
}

.uk-card-small .uk-card-header {
  padding: 13px 20px
}

.uk-card-small .uk-card-footer {
  padding: 13px 20px
}

@media (min-width:1200px) {

  .uk-card-large .uk-card-body,
  .uk-card-large.uk-card-body {
    padding: 70px 70px
  }

  .uk-card-large .uk-card-header {
    padding: 35px 70px
  }

  .uk-card-large .uk-card-footer {
    padding: 35px 70px
  }
}

.uk-card-body>.uk-nav-default {
  margin-left: -30px;
  margin-right: -30px
}

.uk-card-body>.uk-nav-default:only-child {
  margin-top: -15px;
  margin-bottom: -15px
}

.uk-card-body>.uk-nav-default .uk-nav-divider,
.uk-card-body>.uk-nav-default .uk-nav-header,
.uk-card-body>.uk-nav-default>li>a {
  padding-left: 30px;
  padding-right: 30px
}

.uk-card-body>.uk-nav-default .uk-nav-sub {
  padding-left: 45px
}

@media (min-width:1200px) {
  .uk-card-body>.uk-nav-default {
    margin-left: -40px;
    margin-right: -40px
  }

  .uk-card-body>.uk-nav-default:only-child {
    margin-top: -25px;
    margin-bottom: -25px
  }

  .uk-card-body>.uk-nav-default .uk-nav-divider,
  .uk-card-body>.uk-nav-default .uk-nav-header,
  .uk-card-body>.uk-nav-default>li>a {
    padding-left: 40px;
    padding-right: 40px
  }

  .uk-card-body>.uk-nav-default .uk-nav-sub {
    padding-left: 55px
  }
}

.uk-card-small>.uk-nav-default {
  margin-left: -20px;
  margin-right: -20px
}

.uk-card-small>.uk-nav-default:only-child {
  margin-top: -5px;
  margin-bottom: -5px
}

.uk-card-small>.uk-nav-default .uk-nav-divider,
.uk-card-small>.uk-nav-default .uk-nav-header,
.uk-card-small>.uk-nav-default>li>a {
  padding-left: 20px;
  padding-right: 20px
}

.uk-card-small>.uk-nav-default .uk-nav-sub {
  padding-left: 35px
}

@media (min-width:1200px) {
  .uk-card-large>.uk-nav-default {
    margin: 0
  }

  .uk-card-large>.uk-nav-default:only-child {
    margin: 0
  }

  .uk-card-large>.uk-nav-default .uk-nav-divider,
  .uk-card-large>.uk-nav-default .uk-nav-header,
  .uk-card-large>.uk-nav-default>li>a {
    padding-left: 0;
    padding-right: 0
  }

  .uk-card-large>.uk-nav-default .uk-nav-sub {
    padding-left: 15px
  }
}

.uk-close {
  color: #999;
  transition: .1s ease-in-out;
  transition-property: color, opacity
}

.uk-close:hover {
  color: #666
}

.uk-spinner>* {
  animation: uk-spinner-rotate 1.4s linear infinite
}

@keyframes uk-spinner-rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(270deg)
  }
}

.uk-spinner>*>* {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: uk-spinner-dash 1.4s ease-in-out infinite;
  stroke-width: 1;
  stroke-linecap: round
}

@keyframes uk-spinner-dash {
  0% {
    stroke-dashoffset: 88px
  }

  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg)
  }

  100% {
    stroke-dashoffset: 88px;
    transform: rotate(450deg)
  }
}

.uk-totop {
  padding: 5px;
  color: #999;
  transition: color .1s ease-in-out
}

.uk-totop:hover {
  color: #666
}

.uk-totop:active {
  color: #333
}

.uk-marker {
  padding: 5px;
  background: #222;
  color: #fff;
  border-radius: 500px
}

.uk-marker:hover {
  color: #fff
}

.uk-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f8f8f8;
  color: #666
}

*+.uk-alert {
  margin-top: 20px
}

.uk-alert>:last-child {
  margin-bottom: 0
}

.uk-alert-close {
  position: absolute;
  top: 20px;
  right: 15px;
  color: inherit;
  opacity: .4
}

.uk-alert-close:first-child+* {
  margin-top: 0
}

.uk-alert-close:hover {
  color: inherit;
  opacity: .8
}

.uk-alert-primary {
  background: #d8eafc;
  color: #1e87f0
}

.uk-alert-success {
  background: #edfbf6;
  color: #32d296
}

.uk-alert-warning {
  background: #fff6ee;
  color: #faa05a
}

.uk-alert-danger {
  background: #fef4f6;
  color: #f0506e
}

.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
  color: inherit
}

.uk-alert a:not([class]) {
  color: inherit;
  text-decoration: underline
}

.uk-alert a:not([class]):hover {
  color: inherit;
  text-decoration: underline
}

.uk-placeholder {
  margin-bottom: 20px;
  padding: 30px 30px;
  background: 0 0;
  border: 1px dashed #e5e5e5
}

*+.uk-placeholder {
  margin-top: 20px
}

.uk-placeholder>:last-child {
  margin-bottom: 0
}

.uk-badge {
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 500px;
  vertical-align: middle;
  background: #1e87f0;
  color: #fff !important;
  font-size: 11px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0
}

.uk-badge:hover {
  text-decoration: none
}

.uk-label {
  display: inline-block;
  padding: 0 10px;
  background: #1e87f0;
  line-height: 1.5;
  font-size: .875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase
}

.uk-label-success {
  background-color: #32d296;
  color: #fff
}

.uk-label-warning {
  background-color: #faa05a;
  color: #fff
}

.uk-label-danger {
  background-color: #f0506e;
  color: #fff
}

.uk-overlay {
  padding: 30px 30px
}

.uk-overlay>:last-child {
  margin-bottom: 0
}

.uk-overlay-default {
  background: rgba(255, 255, 255, .8)
}

.uk-overlay-primary {
  background: rgba(34, 34, 34, .8)
}

.uk-article {
  display: flow-root
}

.uk-article>:last-child {
  margin-bottom: 0
}

.uk-article+.uk-article {
  margin-top: 70px
}

.uk-article-title {
  font-size: 2.23125rem;
  line-height: 1.2
}

@media (min-width:960px) {
  .uk-article-title {
    font-size: 2.625rem
  }
}

.uk-article-meta {
  font-size: .875rem;
  line-height: 1.4;
  color: #999
}

.uk-article-meta a {
  color: #999
}

.uk-article-meta a:hover {
  color: #666;
  text-decoration: none
}

.uk-comment-body {
  display: flow-root;
  overflow-wrap: break-word;
  word-wrap: break-word
}

.uk-comment-header {
  display: flow-root;
  margin-bottom: 20px
}

.uk-comment-body>:last-child,
.uk-comment-header>:last-child {
  margin-bottom: 0
}

.uk-comment-title {
  font-size: 1.25rem;
  line-height: 1.4
}

.uk-comment-meta {
  font-size: .875rem;
  line-height: 1.4;
  color: #999
}

.uk-comment-list {
  padding: 0;
  list-style: none
}

.uk-comment-list>:nth-child(n+2) {
  margin-top: 70px
}

.uk-comment-list .uk-comment~ul {
  margin: 70px 0 0 0;
  padding-left: 30px;
  list-style: none
}

@media (min-width:960px) {
  .uk-comment-list .uk-comment~ul {
    padding-left: 100px
  }
}

.uk-comment-list .uk-comment~ul>:nth-child(n+2) {
  margin-top: 70px
}

.uk-comment-primary {
  padding: 30px;
  background-color: #f8f8f8
}

.uk-search {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0
}

.uk-search-input::-webkit-search-cancel-button,
.uk-search-input::-webkit-search-decoration {
  -webkit-appearance: none
}

.uk-search-input::-moz-placeholder {
  opacity: 1
}

.uk-search-input {
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
  overflow: visible;
  -webkit-appearance: none;
  vertical-align: middle;
  width: 100%;
  border: none;
  color: #666
}

.uk-search-input:focus {
  outline: 0
}

.uk-search-input::placeholder {
  color: #999
}

.uk-search .uk-search-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #999
}

.uk-search .uk-search-icon:hover {
  color: #999
}

.uk-search .uk-search-icon:not(a):not(button):not(input) {
  pointer-events: none
}

.uk-search .uk-search-icon-flip {
  right: 0;
  left: auto
}

.uk-search-default {
  width: 240px
}

.uk-search-default .uk-search-input {
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background: 0 0;
  border: 1px solid #e5e5e5
}

.uk-search-default .uk-search-input:focus {
  background-color: rgba(0, 0, 0, 0);
  border-color: #1e87f0
}

.uk-search-default .uk-search-icon {
  width: 40px
}

.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
  padding-left: 40px
}

.uk-search-default .uk-search-icon-flip~.uk-search-input {
  padding-right: 40px
}

.uk-search-navbar {
  width: 400px
}

.uk-search-navbar .uk-search-input {
  height: 40px;
  background: 0 0;
  font-size: 1.5rem
}

.uk-search-navbar .uk-search-icon {
  width: 40px
}

.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
  padding-left: 40px
}

.uk-search-navbar .uk-search-icon-flip~.uk-search-input {
  padding-right: 40px
}

.uk-search-large {
  width: 500px
}

.uk-search-large .uk-search-input {
  height: 80px;
  background: 0 0;
  font-size: 2.625rem
}

.uk-search-large .uk-search-icon {
  width: 80px
}

.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input {
  padding-left: 80px
}

.uk-search-large .uk-search-icon-flip~.uk-search-input {
  padding-right: 80px
}

.uk-search-toggle {
  color: #999
}

.uk-search-toggle:hover {
  color: #666
}

.uk-accordion {
  padding: 0;
  list-style: none
}

.uk-accordion>:nth-child(n+2) {
  margin-top: 20px
}

.uk-accordion-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333;
  overflow: hidden
}

.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uk-open>.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-accordion-title:hover {
  color: #666;
  text-decoration: none
}

.uk-accordion-content {
  display: flow-root;
  margin-top: 20px
}

.uk-accordion-content>:last-child {
  margin-bottom: 0
}

.uk-drop {
  display: none;
  position: absolute;
  z-index: 1020;
  --uk-position-offset: 20px;
  box-sizing: border-box;
  width: 300px
}

.uk-drop.uk-open {
  display: block
}

.uk-drop-stack .uk-drop-grid>* {
  width: 100% !important
}

.uk-dropdown {
  display: none;
  position: absolute;
  z-index: 1020;
  --uk-position-offset: 10px;
  box-sizing: border-box;
  min-width: 200px;
  max-width: 100vw;
  padding: 25px;
  background: #fff;
  color: #666;
  box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}

.uk-dropdown.uk-open {
  display: block
}

.uk-dropdown-nav {
  font-size: .875rem
}

.uk-dropdown-nav>li>a {
  color: #999
}

.uk-dropdown-nav>li.uk-active>a,
.uk-dropdown-nav>li>a:hover {
  color: #666
}

.uk-dropdown-nav .uk-nav-subtitle {
  font-size: 12px
}

.uk-dropdown-nav .uk-nav-header {
  color: #333
}

.uk-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5
}

.uk-dropdown-nav .uk-nav-sub a {
  color: #999
}

.uk-dropdown-nav .uk-nav-sub a:hover,
.uk-dropdown-nav .uk-nav-sub li.uk-active>a {
  color: #666
}

.uk-dropdown-stack .uk-dropdown-grid>* {
  width: 100% !important
}

.uk-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px 15px;
  background: rgba(0, 0, 0, .6);
  opacity: 0;
  transition: opacity .15s linear
}

@media (min-width:640px) {
  .uk-modal {
    padding: 50px 30px
  }
}

@media (min-width:960px) {
  .uk-modal {
    padding-left: 40px;
    padding-right: 40px
  }
}

.uk-modal.uk-open {
  opacity: 1
}

.uk-modal-page {
  overflow: hidden
}

.uk-modal-dialog {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px;
  max-width: 100% !important;
  background: #fff;
  opacity: 0;
  transform: translateY(-100px);
  transition: .3s linear;
  transition-property: opacity, transform
}

.uk-open>.uk-modal-dialog {
  opacity: 1;
  transform: translateY(0)
}

.uk-modal-container .uk-modal-dialog {
  width: 1200px
}

.uk-modal-full {
  padding: 0;
  background: 0 0
}

.uk-modal-full .uk-modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  transform: translateY(0)
}

.uk-modal-body {
  display: flow-root;
  padding: 30px 30px
}

.uk-modal-header {
  display: flow-root;
  padding: 15px 30px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5
}

.uk-modal-footer {
  display: flow-root;
  padding: 15px 30px;
  background: #fff;
  border-top: 1px solid #e5e5e5
}

.uk-modal-body>:last-child,
.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
  margin-bottom: 0
}

.uk-modal-title {
  font-size: 2rem;
  line-height: 1.3
}

[class*=uk-modal-close-] {
  position: absolute;
  z-index: 1010;
  top: 10px;
  right: 10px;
  padding: 5px
}

[class*=uk-modal-close-]:first-child+* {
  margin-top: 0
}

.uk-modal-close-outside {
  top: 0;
  right: -5px;
  transform: translate(0, -100%);
  color: #fff
}

.uk-modal-close-outside:hover {
  color: #fff
}

@media (min-width:960px) {
  .uk-modal-close-outside {
    right: 0;
    transform: translate(100%, -100%)
  }
}

.uk-modal-close-full {
  top: 0;
  right: 0;
  padding: 20px;
  background: #fff
}

.uk-slideshow {
  -webkit-tap-highlight-color: transparent
}

.uk-slideshow-items {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  -webkit-touch-callout: none;
  touch-action: pan-y
}

.uk-slideshow-items>* {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  will-change: transform, opacity
}

.uk-slideshow-items>:not(.uk-active) {
  display: none
}

.uk-slider {
  -webkit-tap-highlight-color: transparent
}

.uk-slider-container {
  overflow: hidden
}

.uk-slider-container-offset {
  margin: -11px -25px -39px -25px;
  padding: 11px 25px 39px 25px
}

.uk-slider-items {
  will-change: transform;
  position: relative;
  touch-action: pan-y
}

.uk-slider-items:not(.uk-grid) {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-touch-callout: none
}

.uk-slider-items.uk-grid {
  flex-wrap: nowrap
}

.uk-slider-items>* {
  flex: none;
  max-width: 100%;
  position: relative
}

.uk-sticky {
  position: relative;
  box-sizing: border-box
}

.uk-sticky-fixed {
  z-index: 980;
  margin: 0 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.uk-sticky[class*=uk-animation-] {
  animation-duration: .2s
}

.uk-sticky.uk-animation-reverse {
  animation-duration: .2s
}

.uk-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000
}

.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto
}

.uk-offcanvas-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  box-sizing: border-box;
  width: 270px;
  padding: 20px 20px;
  background: #222;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

@media (min-width:960px) {
  .uk-offcanvas-bar {
    left: -350px;
    width: 350px;
    padding: 40px 40px
  }
}

.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px
}

@media (min-width:960px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px
  }
}

.uk-open>.uk-offcanvas-bar {
  left: 0
}

.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
  left: auto;
  right: 0
}

.uk-offcanvas-bar-animation {
  transition: left .3s ease-out
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right
}

.uk-offcanvas-reveal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  transition: width .3s ease-out
}

.uk-offcanvas-reveal .uk-offcanvas-bar {
  left: 0
}

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
  left: auto;
  right: 0
}

.uk-open>.uk-offcanvas-reveal {
  width: 270px
}

@media (min-width:960px) {
  .uk-open>.uk-offcanvas-reveal {
    width: 350px
  }
}

.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto
}

.uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 5px;
  right: 5px;
  padding: 5px
}

@media (min-width:960px) {
  .uk-offcanvas-close {
    top: 20px;
    right: 20px
  }
}

.uk-offcanvas-close:first-child+* {
  margin-top: 0
}

.uk-offcanvas-overlay {
  width: 100vw;
  touch-action: none
}

.uk-offcanvas-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .1);
  opacity: 0;
  transition: opacity .15s linear
}

.uk-offcanvas-overlay.uk-open::before {
  opacity: 1
}

.uk-offcanvas-container,
.uk-offcanvas-page {
  overflow-x: hidden
}

.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left .3s ease-out;
  box-sizing: border-box;
  width: 100%
}

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px
}

@media (min-width:960px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px
  }
}

.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none
}

.uk-switcher>:not(.uk-active) {
  display: none
}

.uk-switcher>*>:last-child {
  margin-bottom: 0
}

.uk-leader {
  overflow: hidden
}

.uk-leader-fill::after {
  display: inline-block;
  margin-left: 15px;
  width: 0;
  content: attr(data-fill);
  white-space: nowrap
}

.uk-leader-fill.uk-leader-hide::after {
  display: none
}

:root {
  --uk-leader-fill-content: '.'
}

.uk-notification {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  box-sizing: border-box;
  width: 350px
}

.uk-notification-bottom-right,
.uk-notification-top-right {
  left: auto;
  right: 10px
}

.uk-notification-bottom-center,
.uk-notification-top-center {
  left: 50%;
  margin-left: -175px
}

.uk-notification-bottom-center,
.uk-notification-bottom-left,
.uk-notification-bottom-right {
  top: auto;
  bottom: 10px
}

@media (max-width:639px) {
  .uk-notification {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0
  }
}

.uk-notification-message {
  position: relative;
  padding: 15px;
  background: #f8f8f8;
  color: #666;
  font-size: 1.25rem;
  line-height: 1.4;
  cursor: pointer
}

*+.uk-notification-message {
  margin-top: 10px
}

.uk-notification-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 15px
}

.uk-notification-message:hover .uk-notification-close {
  display: block
}

.uk-notification-message-primary {
  color: #1e87f0
}

.uk-notification-message-success {
  color: #32d296
}

.uk-notification-message-warning {
  color: #faa05a
}

.uk-notification-message-danger {
  color: #f0506e
}

.uk-tooltip {
  display: none;
  position: absolute;
  z-index: 1030;
  --uk-position-offset: 10px;
  top: 0;
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  background: #666;
  border-radius: 2px;
  color: #fff;
  font-size: 12px
}

.uk-tooltip.uk-active {
  display: block
}

.uk-sortable {
  position: relative
}

.uk-sortable>:last-child {
  margin-bottom: 0
}

.uk-sortable-drag {
  position: fixed !important;
  z-index: 1050 !important;
  pointer-events: none
}

.uk-sortable-placeholder {
  opacity: 0;
  pointer-events: none
}

.uk-sortable-empty {
  min-height: 50px
}

.uk-sortable-handle:hover {
  cursor: move
}

.uk-countdown-number {
  font-variant-numeric: tabular-nums;
  font-size: 2rem;
  line-height: .8
}

@media (min-width:640px) {
  .uk-countdown-number {
    font-size: 4rem
  }
}

@media (min-width:960px) {
  .uk-countdown-number {
    font-size: 6rem
  }
}

.uk-countdown-separator {
  font-size: 1rem;
  line-height: 1.6
}

@media (min-width:640px) {
  .uk-countdown-separator {
    font-size: 2rem
  }
}

@media (min-width:960px) {
  .uk-countdown-separator {
    font-size: 3rem
  }
}

.uk-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none
}

.uk-grid>* {
  margin: 0
}

.uk-grid>*>:last-child {
  margin-bottom: 0
}

.uk-grid {
  margin-left: -30px
}

.uk-grid>* {
  padding-left: 30px
}

*+.uk-grid-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
  margin-top: 30px
}

@media (min-width:1200px) {
  .uk-grid {
    margin-left: -40px
  }

  .uk-grid>* {
    padding-left: 40px
  }

  *+.uk-grid-margin,
  .uk-grid+.uk-grid,
  .uk-grid>.uk-grid-margin {
    margin-top: 40px
  }
}

.uk-grid-column-small,
.uk-grid-small {
  margin-left: -15px
}

.uk-grid-column-small>*,
.uk-grid-small>* {
  padding-left: 15px
}

*+.uk-grid-margin-small,
.uk-grid+.uk-grid-row-small,
.uk-grid+.uk-grid-small,
.uk-grid-row-small>.uk-grid-margin,
.uk-grid-small>.uk-grid-margin {
  margin-top: 15px
}

.uk-grid-column-medium,
.uk-grid-medium {
  margin-left: -30px
}

.uk-grid-column-medium>*,
.uk-grid-medium>* {
  padding-left: 30px
}

*+.uk-grid-margin-medium,
.uk-grid+.uk-grid-medium,
.uk-grid+.uk-grid-row-medium,
.uk-grid-medium>.uk-grid-margin,
.uk-grid-row-medium>.uk-grid-margin {
  margin-top: 30px
}

.uk-grid-column-large,
.uk-grid-large {
  margin-left: -40px
}

.uk-grid-column-large>*,
.uk-grid-large>* {
  padding-left: 40px
}

*+.uk-grid-margin-large,
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin {
  margin-top: 40px
}

@media (min-width:1200px) {

  .uk-grid-column-large,
  .uk-grid-large {
    margin-left: -70px
  }

  .uk-grid-column-large>*,
  .uk-grid-large>* {
    padding-left: 70px
  }

  *+.uk-grid-margin-large,
  .uk-grid+.uk-grid-large,
  .uk-grid+.uk-grid-row-large,
  .uk-grid-large>.uk-grid-margin,
  .uk-grid-row-large>.uk-grid-margin {
    margin-top: 70px
  }
}

.uk-grid-collapse,
.uk-grid-column-collapse {
  margin-left: 0
}

.uk-grid-collapse>*,
.uk-grid-column-collapse>* {
  padding-left: 0
}

.uk-grid+.uk-grid-collapse,
.uk-grid+.uk-grid-row-collapse,
.uk-grid-collapse>.uk-grid-margin,
.uk-grid-row-collapse>.uk-grid-margin {
  margin-top: 0
}

.uk-grid-divider>* {
  position: relative
}

.uk-grid-divider>:not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e5e5e5
}

.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5
}

.uk-grid-divider {
  margin-left: -60px
}

.uk-grid-divider>* {
  padding-left: 60px
}

.uk-grid-divider>:not(.uk-first-column)::before {
  left: 30px
}

.uk-grid-divider.uk-grid-stack>.uk-grid-margin {
  margin-top: 60px
}

.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
  top: -30px;
  left: 60px
}

@media (min-width:1200px) {
  .uk-grid-divider {
    margin-left: -80px
  }

  .uk-grid-divider>* {
    padding-left: 80px
  }

  .uk-grid-divider>:not(.uk-first-column)::before {
    left: 40px
  }

  .uk-grid-divider.uk-grid-stack>.uk-grid-margin {
    margin-top: 80px
  }

  .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
    top: -40px;
    left: 80px
  }
}

.uk-grid-divider.uk-grid-column-small,
.uk-grid-divider.uk-grid-small {
  margin-left: -30px
}

.uk-grid-divider.uk-grid-column-small>*,
.uk-grid-divider.uk-grid-small>* {
  padding-left: 30px
}

.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before {
  left: 15px
}

.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin {
  margin-top: 30px
}

.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before {
  top: -15px;
  left: 30px
}

.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before {
  top: -15px
}

.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before {
  left: 30px
}

.uk-grid-divider.uk-grid-column-medium,
.uk-grid-divider.uk-grid-medium {
  margin-left: -60px
}

.uk-grid-divider.uk-grid-column-medium>*,
.uk-grid-divider.uk-grid-medium>* {
  padding-left: 60px
}

.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before {
  left: 30px
}

.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin {
  margin-top: 60px
}

.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before {
  top: -30px;
  left: 60px
}

.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before {
  top: -30px
}

.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before {
  left: 60px
}

.uk-grid-divider.uk-grid-column-large,
.uk-grid-divider.uk-grid-large {
  margin-left: -80px
}

.uk-grid-divider.uk-grid-column-large>*,
.uk-grid-divider.uk-grid-large>* {
  padding-left: 80px
}

.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before {
  left: 40px
}

.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
  margin-top: 80px
}

.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
  top: -40px;
  left: 80px
}

.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
  top: -40px
}

.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
  left: 80px
}

@media (min-width:1200px) {

  .uk-grid-divider.uk-grid-column-large,
  .uk-grid-divider.uk-grid-large {
    margin-left: -140px
  }

  .uk-grid-divider.uk-grid-column-large>*,
  .uk-grid-divider.uk-grid-large>* {
    padding-left: 140px
  }

  .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,
  .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before {
    left: 70px
  }

  .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
    margin-top: 140px
  }

  .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
    top: -70px;
    left: 140px
  }

  .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
    top: -70px
  }

  .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
    left: 140px
  }
}

.uk-grid-item-match,
.uk-grid-match>* {
  display: flex;
  flex-wrap: wrap
}

.uk-grid-item-match>:not([class*=uk-width]),
.uk-grid-match>*>:not([class*=uk-width]) {
  box-sizing: border-box;
  width: 100%;
  flex: auto
}

.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.uk-nav li>a {
  display: flex;
  align-items: center;
  column-gap: .25em;
  text-decoration: none
}

.uk-nav>li>a {
  padding: 5px 0
}

ul.uk-nav-sub {
  padding: 5px 0 5px 15px
}

.uk-nav-sub ul {
  padding-left: 15px
}

.uk-nav-sub a {
  padding: 2px 0
}

.uk-nav-parent-icon>.uk-parent>a::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uk-nav-parent-icon>.uk-parent.uk-open>a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-nav-header {
  padding: 5px 0;
  text-transform: uppercase;
  font-size: .875rem
}

.uk-nav-header:not(:first-child) {
  margin-top: 20px
}

.uk-nav .uk-nav-divider {
  margin: 5px 0
}

.uk-nav-default {
  font-size: .875rem
}

.uk-nav-default>li>a {
  color: #999
}

.uk-nav-default>li>a:hover {
  color: #666
}

.uk-nav-default>li.uk-active>a {
  color: #333
}

.uk-nav-default .uk-nav-subtitle {
  font-size: 12px
}

.uk-nav-default .uk-nav-header {
  color: #333
}

.uk-nav-default .uk-nav-divider {
  border-top: 1px solid #e5e5e5
}

.uk-nav-default .uk-nav-sub a {
  color: #999
}

.uk-nav-default .uk-nav-sub a:hover {
  color: #666
}

.uk-nav-default .uk-nav-sub li.uk-active>a {
  color: #333
}

.uk-nav-primary>li>a {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #999
}

.uk-nav-primary>li>a:hover {
  color: #666
}

.uk-nav-primary>li.uk-active>a {
  color: #333
}

.uk-nav-primary .uk-nav-subtitle {
  font-size: 1.25rem
}

.uk-nav-primary .uk-nav-header {
  color: #333
}

.uk-nav-primary .uk-nav-divider {
  border-top: 1px solid #e5e5e5
}

.uk-nav-primary .uk-nav-sub a {
  color: #999
}

.uk-nav-primary .uk-nav-sub a:hover {
  color: #666
}

.uk-nav-primary .uk-nav-sub li.uk-active>a {
  color: #333
}

.uk-nav-center {
  text-align: center
}

.uk-nav-center li>a {
  justify-content: center
}

.uk-nav-center .uk-nav-sub,
.uk-nav-center .uk-nav-sub ul {
  padding-left: 0
}

.uk-nav-center.uk-nav-parent-icon>.uk-parent>a::after {
  margin-left: 0
}

.uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid #e5e5e5
}

.uk-navbar {
  display: flex;
  position: relative
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f8f8f8
}

.uk-navbar-center,
.uk-navbar-center-left>*,
.uk-navbar-center-right>*,
.uk-navbar-left,
.uk-navbar-right {
  display: flex;
  align-items: center
}

.uk-navbar-right {
  margin-left: auto
}

.uk-navbar-center:only-child {
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.uk-navbar-center:not(:only-child) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  box-sizing: border-box;
  z-index: 990
}

.uk-navbar-center-left,
.uk-navbar-center-right {
  position: absolute;
  top: 0
}

.uk-navbar-center-left {
  right: 100%
}

.uk-navbar-center-right {
  left: 100%
}

[class*=uk-navbar-center-] {
  width: max-content;
  box-sizing: border-box
}

.uk-navbar-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none
}

.uk-navbar-center:only-child,
.uk-navbar-left,
.uk-navbar-right {
  flex-wrap: wrap
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .25em;
  box-sizing: border-box;
  min-height: 80px;
  padding: 0 15px;
  font-size: .875rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-decoration: none
}

.uk-navbar-nav>li>a {
  color: #999;
  text-transform: uppercase;
  transition: .1s ease-in-out;
  transition-property: color, background-color
}

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a[aria-expanded=true] {
  color: #666
}

.uk-navbar-nav>li>a:active {
  color: #333
}

.uk-navbar-nav>li.uk-active>a {
  color: #333
}

.uk-navbar-item {
  color: #666
}

.uk-navbar-item>:last-child {
  margin-bottom: 0
}

.uk-navbar-toggle {
  color: #999
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded=true] {
  color: #666;
  text-decoration: none
}

.uk-navbar-subtitle {
  font-size: .875rem
}

.uk-navbar-justify .uk-navbar-item,
.uk-navbar-justify .uk-navbar-left,
.uk-navbar-justify .uk-navbar-nav,
.uk-navbar-justify .uk-navbar-nav>li,
.uk-navbar-justify .uk-navbar-right,
.uk-navbar-justify .uk-navbar-toggle {
  flex-grow: 1
}

.uk-navbar-dropdown {
  display: none;
  position: absolute;
  z-index: 1020;
  --uk-position-offset: 15px;
  box-sizing: border-box;
  width: 200px;
  max-width: 100vw;
  padding: 25px;
  background: #fff;
  color: #666;
  box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
}

.uk-navbar-dropdown.uk-open {
  display: block
}

.uk-navbar-dropdown-grid {
  margin-left: -50px
}

.uk-navbar-dropdown-grid>* {
  padding-left: 50px
}

.uk-navbar-dropdown-grid>.uk-grid-margin {
  margin-top: 50px
}

.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid>* {
  width: 100% !important
}

.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
  width: 400px
}

.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
  width: 600px
}

.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
  width: 800px
}

.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
  width: 1000px
}

.uk-navbar-dropdown-dropbar {
  --uk-position-offset: 0px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: none
}

.uk-navbar-dropdown-nav {
  font-size: .875rem
}

.uk-navbar-dropdown-nav>li>a {
  color: #999
}

.uk-navbar-dropdown-nav>li>a:hover {
  color: #666
}

.uk-navbar-dropdown-nav>li.uk-active>a {
  color: #333
}

.uk-navbar-dropdown-nav .uk-nav-subtitle {
  font-size: 12px
}

.uk-navbar-dropdown-nav .uk-nav-header {
  color: #333
}

.uk-navbar-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #e5e5e5
}

.uk-navbar-dropdown-nav .uk-nav-sub a {
  color: #999
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
  color: #666
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
  color: #333
}

.uk-navbar-dropbar {
  position: absolute;
  z-index: 980;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 5px 7px rgba(0, 0, 0, .05)
}

.uk-navbar-container>.uk-container .uk-navbar-left {
  margin-left: -15px;
  margin-right: -15px
}

.uk-navbar-container>.uk-container .uk-navbar-right {
  margin-right: -15px
}

.uk-navbar-dropdown-grid>* {
  position: relative
}

.uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  border-left: 1px solid #e5e5e5
}

.uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin::before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50px;
  right: 0;
  border-top: 1px solid #e5e5e5
}

.uk-subnav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -20px;
  padding: 0;
  list-style: none
}

.uk-subnav>* {
  flex: none;
  padding-left: 20px;
  position: relative
}

.uk-subnav>*>:first-child {
  display: flex;
  align-items: center;
  column-gap: .25em;
  color: #999;
  font-size: .875rem;
  text-transform: uppercase;
  transition: .1s ease-in-out;
  transition-property: color, background-color
}

.uk-subnav>*>a:hover {
  color: #666;
  text-decoration: none
}

.uk-subnav>.uk-active>a {
  color: #333
}

.uk-subnav-divider {
  margin-left: -41px
}

.uk-subnav-divider>* {
  display: flex;
  align-items: center
}

.uk-subnav-divider>::before {
  content: "";
  height: 1.5em;
  margin-left: 0;
  margin-right: 20px;
  border-left: 1px solid transparent
}

.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
  border-left-color: #e5e5e5
}

.uk-subnav-pill>*>:first-child {
  padding: 5px 10px;
  background: 0 0;
  color: #999
}

.uk-subnav-pill>*>a:hover {
  background-color: #f8f8f8;
  color: #666
}

.uk-subnav-pill>*>a:active {
  background-color: #f8f8f8;
  color: #666
}

.uk-subnav-pill>.uk-active>a {
  background-color: #1e87f0;
  color: #fff
}

.uk-subnav>.uk-disabled>a {
  color: #999
}

.uk-breadcrumb {
  padding: 0;
  list-style: none
}

.uk-breadcrumb>* {
  display: contents
}

.uk-breadcrumb>*>* {
  font-size: .875rem;
  color: #999
}

.uk-breadcrumb>*>:hover {
  color: #666;
  text-decoration: none
}

.uk-breadcrumb>:last-child>a:not([href]),
.uk-breadcrumb>:last-child>span {
  color: #666
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
  content: "/";
  display: inline-block;
  margin: 0 20px 0 calc(20px - 4px);
  font-size: .875rem;
  color: #999
}

.uk-pagination {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  padding: 0;
  list-style: none
}

.uk-pagination>* {
  flex: none;
  padding-left: 0;
  position: relative
}

.uk-pagination>*>* {
  display: block;
  padding: 5px 10px;
  color: #999;
  transition: color .1s ease-in-out
}

.uk-pagination>*>:hover {
  color: #666;
  text-decoration: none
}

.uk-pagination>.uk-active>* {
  color: #666
}

.uk-pagination>.uk-disabled>* {
  color: #999
}

.uk-tab {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  padding: 0;
  list-style: none;
  position: relative
}

.uk-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 0;
  border-bottom: 1px solid #e5e5e5
}

.uk-tab>* {
  flex: none;
  padding-left: 20px;
  position: relative
}

.uk-tab>*>a {
  display: flex;
  align-items: center;
  column-gap: .25em;
  justify-content: center;
  padding: 5px 10px;
  color: #999;
  border-bottom: 1px solid transparent;
  font-size: .875rem;
  text-transform: uppercase;
  transition: color .1s ease-in-out
}

.uk-tab>*>a:hover {
  color: #666;
  text-decoration: none
}

.uk-tab>.uk-active>a {
  color: #333;
  border-color: #1e87f0
}

.uk-tab>.uk-disabled>a {
  color: #999
}

.uk-tab-bottom::before {
  top: 0;
  bottom: auto
}

.uk-tab-bottom>*>a {
  border-top: 1px solid transparent;
  border-bottom: none
}

.uk-tab-left,
.uk-tab-right {
  flex-direction: column;
  margin-left: 0
}

.uk-tab-left>*,
.uk-tab-right>* {
  padding-left: 0
}

.uk-tab-left::before {
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  border-left: 1px solid #e5e5e5;
  border-bottom: none
}

.uk-tab-right::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  border-left: 1px solid #e5e5e5;
  border-bottom: none
}

.uk-tab-left>*>a {
  justify-content: left;
  border-right: 1px solid transparent;
  border-bottom: none
}

.uk-tab-right>*>a {
  justify-content: left;
  border-left: 1px solid transparent;
  border-bottom: none
}

.uk-tab .uk-dropdown {
  margin-left: 30px
}

.uk-slidenav {
  padding: 5px 10px;
  color: rgba(102, 102, 102, .5);
  transition: color .1s ease-in-out
}

.uk-slidenav:hover {
  color: rgba(102, 102, 102, .9)
}

.uk-slidenav:active {
  color: rgba(102, 102, 102, .5)
}

.uk-slidenav-large {
  padding: 10px 10px
}

.uk-slidenav-container {
  display: flex
}

.uk-dotnav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -12px
}

.uk-dotnav>* {
  flex: none;
  padding-left: 12px
}

.uk-dotnav>*>* {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: 0 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(102, 102, 102, .4);
  transition: .2s ease-in-out;
  transition-property: background-color, border-color
}

.uk-dotnav>*>:hover {
  background-color: rgba(102, 102, 102, .6);
  border-color: transparent
}

.uk-dotnav>*>:active {
  background-color: rgba(102, 102, 102, .2);
  border-color: transparent
}

.uk-dotnav>.uk-active>* {
  background-color: rgba(102, 102, 102, .6);
  border-color: transparent
}

.uk-dotnav-vertical {
  flex-direction: column;
  margin-left: 0;
  margin-top: -12px
}

.uk-dotnav-vertical>* {
  padding-left: 0;
  padding-top: 12px
}

.uk-thumbnav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -15px
}

.uk-thumbnav>* {
  padding-left: 15px
}

.uk-thumbnav>*>* {
  display: inline-block;
  position: relative
}

.uk-thumbnav>*>::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, .4);
  transition: background-color .1s ease-in-out
}

.uk-thumbnav>*>:hover::after {
  background-color: transparent
}

.uk-thumbnav>.uk-active>::after {
  background-color: transparent
}

.uk-thumbnav-vertical {
  flex-direction: column;
  margin-left: 0;
  margin-top: -15px
}

.uk-thumbnav-vertical>* {
  padding-left: 0;
  padding-top: 15px
}

.uk-iconnav {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -10px
}

.uk-iconnav>* {
  padding-left: 10px
}

.uk-iconnav>*>a {
  display: flex;
  align-items: center;
  column-gap: .25em;
  line-height: 0;
  color: #999;
  text-decoration: none;
  font-size: .875rem;
  transition: .1s ease-in-out;
  transition-property: color, background-color
}

.uk-iconnav>*>a:hover {
  color: #666
}

.uk-iconnav>.uk-active>a {
  color: #666
}

.uk-iconnav-vertical {
  flex-direction: column;
  margin-left: 0;
  margin-top: -10px
}

.uk-iconnav-vertical>* {
  padding-left: 0;
  padding-top: 10px
}

.uk-lightbox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  background: #000;
  opacity: 0;
  transition: opacity .15s linear;
  touch-action: pinch-zoom
}

.uk-lightbox.uk-open {
  display: block;
  opacity: 1
}

.uk-lightbox :focus {
  outline-color: rgba(255, 255, 255, .7)
}

.uk-lightbox :focus-visible {
  outline-color: rgba(255, 255, 255, .7)
}

.uk-lightbox-page {
  overflow: hidden
}

.uk-lightbox-items>* {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, .7);
  will-change: transform, opacity
}

.uk-lightbox-items>*>* {
  max-width: 100vw;
  max-height: 100vh
}

.uk-lightbox-items>*>:not(iframe) {
  width: auto;
  height: auto
}

.uk-lightbox-items>.uk-active {
  display: flex
}

.uk-lightbox-toolbar {
  padding: 10px 10px;
  background: rgba(0, 0, 0, .3);
  color: rgba(255, 255, 255, .7)
}

.uk-lightbox-toolbar>* {
  color: rgba(255, 255, 255, .7)
}

.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: rgba(255, 255, 255, .7)
}

.uk-lightbox-toolbar-icon:hover {
  color: #fff
}

.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .3);
  color: rgba(255, 255, 255, .7);
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.uk-lightbox-button:hover {
  color: #fff
}

.uk-lightbox-caption:empty {
  display: none
}

.uk-lightbox-iframe {
  width: 80%;
  height: 80%
}

[class*=uk-animation-] {
  animation: .5s ease-out both
}

.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: .8s;
  animation-timing-function: linear
}

.uk-animation-scale-up {
  animation-name: uk-fade, uk-scale-up
}

.uk-animation-scale-down {
  animation-name: uk-fade, uk-scale-down
}

.uk-animation-slide-top {
  animation-name: uk-fade, uk-slide-top
}

.uk-animation-slide-bottom {
  animation-name: uk-fade, uk-slide-bottom
}

.uk-animation-slide-left {
  animation-name: uk-fade, uk-slide-left
}

.uk-animation-slide-right {
  animation-name: uk-fade, uk-slide-right
}

.uk-animation-slide-top-small {
  animation-name: uk-fade, uk-slide-top-small
}

.uk-animation-slide-bottom-small {
  animation-name: uk-fade, uk-slide-bottom-small
}

.uk-animation-slide-left-small {
  animation-name: uk-fade, uk-slide-left-small
}

.uk-animation-slide-right-small {
  animation-name: uk-fade, uk-slide-right-small
}

.uk-animation-slide-top-medium {
  animation-name: uk-fade, uk-slide-top-medium
}

.uk-animation-slide-bottom-medium {
  animation-name: uk-fade, uk-slide-bottom-medium
}

.uk-animation-slide-left-medium {
  animation-name: uk-fade, uk-slide-left-medium
}

.uk-animation-slide-right-medium {
  animation-name: uk-fade, uk-slide-right-medium
}

.uk-animation-kenburns {
  animation-name: uk-kenburns;
  animation-duration: 15s
}

.uk-animation-shake {
  animation-name: uk-shake
}

.uk-animation-stroke {
  animation-name: uk-stroke;
  animation-duration: 2s;
  stroke-dasharray: var(--uk-animation-stroke)
}

.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in
}

.uk-animation-fast {
  animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
  animation-name: none
}

@keyframes uk-fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes uk-scale-up {
  0% {
    transform: scale(.9)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes uk-scale-down {
  0% {
    transform: scale(1.1)
  }

  100% {
    transform: scale(1)
  }
}

@keyframes uk-slide-top {
  0% {
    transform: translateY(-100%)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes uk-slide-bottom {
  0% {
    transform: translateY(100%)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes uk-slide-left {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes uk-slide-right {
  0% {
    transform: translateX(100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes uk-slide-top-small {
  0% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes uk-slide-bottom-small {
  0% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes uk-slide-left-small {
  0% {
    transform: translateX(-10px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes uk-slide-right-small {
  0% {
    transform: translateX(10px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes uk-slide-top-medium {
  0% {
    transform: translateY(-50px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes uk-slide-bottom-medium {
  0% {
    transform: translateY(50px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes uk-slide-left-medium {
  0% {
    transform: translateX(-50px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes uk-slide-right-medium {
  0% {
    transform: translateX(50px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes uk-kenburns {
  0% {
    transform: scale(1)
  }

  100% {
    transform: scale(1.2)
  }
}

@keyframes uk-shake {

  0%,
  100% {
    transform: translateX(0)
  }

  10% {
    transform: translateX(-9px)
  }

  20% {
    transform: translateX(8px)
  }

  30% {
    transform: translateX(-7px)
  }

  40% {
    transform: translateX(6px)
  }

  50% {
    transform: translateX(-5px)
  }

  60% {
    transform: translateX(4px)
  }

  70% {
    transform: translateX(-3px)
  }

  80% {
    transform: translateX(2px)
  }

  90% {
    transform: translateX(-1px)
  }
}

@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke)
  }

  100% {
    stroke-dashoffset: 0
  }
}

[class*=uk-child-width]>* {
  box-sizing: border-box;
  width: 100%
}

.uk-child-width-1-2>* {
  width: 50%
}

.uk-child-width-1-3>* {
  width: calc(100% * 1 / 3.001)
}

.uk-child-width-1-4>* {
  width: 25%
}

.uk-child-width-1-5>* {
  width: 20%
}

.uk-child-width-1-6>* {
  width: calc(100% * 1 / 6.001)
}

.uk-child-width-auto>* {
  width: auto
}

.uk-child-width-expand>:not([class*=uk-width]) {
  flex: 1;
  min-width: 1px
}

@media (min-width:640px) {
  .uk-child-width-1-1\@s>* {
    width: 100%
  }

  .uk-child-width-1-2\@s>* {
    width: 50%
  }

  .uk-child-width-1-3\@s>* {
    width: calc(100% * 1 / 3.001)
  }

  .uk-child-width-1-4\@s>* {
    width: 25%
  }

  .uk-child-width-1-5\@s>* {
    width: 20%
  }

  .uk-child-width-1-6\@s>* {
    width: calc(100% * 1 / 6.001)
  }

  .uk-child-width-auto\@s>* {
    width: auto
  }

  .uk-child-width-expand\@s>:not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
  }
}

@media (min-width:960px) {
  .uk-child-width-1-1\@m>* {
    width: 100%
  }

  .uk-child-width-1-2\@m>* {
    width: 50%
  }

  .uk-child-width-1-3\@m>* {
    width: calc(100% * 1 / 3.001)
  }

  .uk-child-width-1-4\@m>* {
    width: 25%
  }

  .uk-child-width-1-5\@m>* {
    width: 20%
  }

  .uk-child-width-1-6\@m>* {
    width: calc(100% * 1 / 6.001)
  }

  .uk-child-width-auto\@m>* {
    width: auto
  }

  .uk-child-width-expand\@m>:not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
  }
}

@media (min-width:1200px) {
  .uk-child-width-1-1\@l>* {
    width: 100%
  }

  .uk-child-width-1-2\@l>* {
    width: 50%
  }

  .uk-child-width-1-3\@l>* {
    width: calc(100% * 1 / 3.001)
  }

  .uk-child-width-1-4\@l>* {
    width: 25%
  }

  .uk-child-width-1-5\@l>* {
    width: 20%
  }

  .uk-child-width-1-6\@l>* {
    width: calc(100% * 1 / 6.001)
  }

  .uk-child-width-auto\@l>* {
    width: auto
  }

  .uk-child-width-expand\@l>:not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
  }
}

@media (min-width:1600px) {
  .uk-child-width-1-1\@xl>* {
    width: 100%
  }

  .uk-child-width-1-2\@xl>* {
    width: 50%
  }

  .uk-child-width-1-3\@xl>* {
    width: calc(100% * 1 / 3.001)
  }

  .uk-child-width-1-4\@xl>* {
    width: 25%
  }

  .uk-child-width-1-5\@xl>* {
    width: 20%
  }

  .uk-child-width-1-6\@xl>* {
    width: calc(100% * 1 / 6.001)
  }

  .uk-child-width-auto\@xl>* {
    width: auto
  }

  .uk-child-width-expand\@xl>:not([class*=uk-width]) {
    flex: 1;
    min-width: 1px
  }
}

[class*=uk-width] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%
}

.uk-width-1-2 {
  width: 50%
}

.uk-width-1-3 {
  width: calc(100% * 1 / 3.001)
}

.uk-width-2-3 {
  width: calc(100% * 2 / 3.001)
}

.uk-width-1-4 {
  width: 25%
}

.uk-width-3-4 {
  width: 75%
}

.uk-width-1-5 {
  width: 20%
}

.uk-width-2-5 {
  width: 40%
}

.uk-width-3-5 {
  width: 60%
}

.uk-width-4-5 {
  width: 80%
}

.uk-width-1-6 {
  width: calc(100% * 1 / 6.001)
}

.uk-width-5-6 {
  width: calc(100% * 5 / 6.001)
}

.uk-width-small {
  width: 150px
}

.uk-width-medium {
  width: 300px
}

.uk-width-large {
  width: 450px
}

.uk-width-xlarge {
  width: 600px
}

.uk-width-2xlarge {
  width: 750px
}

.uk-width-auto {
  width: auto
}

.uk-width-expand {
  flex: 1;
  min-width: 1px
}

@media (min-width:640px) {
  .uk-width-1-1\@s {
    width: 100%
  }

  .uk-width-1-2\@s {
    width: 50%
  }

  .uk-width-1-3\@s {
    width: calc(100% * 1 / 3.001)
  }

  .uk-width-2-3\@s {
    width: calc(100% * 2 / 3.001)
  }

  .uk-width-1-4\@s {
    width: 25%
  }

  .uk-width-3-4\@s {
    width: 75%
  }

  .uk-width-1-5\@s {
    width: 20%
  }

  .uk-width-2-5\@s {
    width: 40%
  }

  .uk-width-3-5\@s {
    width: 60%
  }

  .uk-width-4-5\@s {
    width: 80%
  }

  .uk-width-1-6\@s {
    width: calc(100% * 1 / 6.001)
  }

  .uk-width-5-6\@s {
    width: calc(100% * 5 / 6.001)
  }

  .uk-width-small\@s {
    width: 150px
  }

  .uk-width-medium\@s {
    width: 300px
  }

  .uk-width-large\@s {
    width: 450px
  }

  .uk-width-xlarge\@s {
    width: 600px
  }

  .uk-width-2xlarge\@s {
    width: 750px
  }

  .uk-width-auto\@s {
    width: auto
  }

  .uk-width-expand\@s {
    flex: 1;
    min-width: 1px
  }
}

@media (min-width:960px) {
  .uk-width-1-1\@m {
    width: 100%
  }

  .uk-width-1-2\@m {
    width: 50%
  }

  .uk-width-1-3\@m {
    width: calc(100% * 1 / 3.001)
  }

  .uk-width-2-3\@m {
    width: calc(100% * 2 / 3.001)
  }

  .uk-width-1-4\@m {
    width: 25%
  }

  .uk-width-3-4\@m {
    width: 75%
  }

  .uk-width-1-5\@m {
    width: 20%
  }

  .uk-width-2-5\@m {
    width: 40%
  }

  .uk-width-3-5\@m {
    width: 60%
  }

  .uk-width-4-5\@m {
    width: 80%
  }

  .uk-width-1-6\@m {
    width: calc(100% * 1 / 6.001)
  }

  .uk-width-5-6\@m {
    width: calc(100% * 5 / 6.001)
  }

  .uk-width-small\@m {
    width: 150px
  }

  .uk-width-medium\@m {
    width: 300px
  }

  .uk-width-large\@m {
    width: 450px
  }

  .uk-width-xlarge\@m {
    width: 600px
  }

  .uk-width-2xlarge\@m {
    width: 750px
  }

  .uk-width-auto\@m {
    width: auto
  }

  .uk-width-expand\@m {
    flex: 1;
    min-width: 1px
  }
}

@media (min-width:1200px) {
  .uk-width-1-1\@l {
    width: 100%
  }

  .uk-width-1-2\@l {
    width: 50%
  }

  .uk-width-1-3\@l {
    width: calc(100% * 1 / 3.001)
  }

  .uk-width-2-3\@l {
    width: calc(100% * 2 / 3.001)
  }

  .uk-width-1-4\@l {
    width: 25%
  }

  .uk-width-3-4\@l {
    width: 75%
  }

  .uk-width-1-5\@l {
    width: 20%
  }

  .uk-width-2-5\@l {
    width: 40%
  }

  .uk-width-3-5\@l {
    width: 60%
  }

  .uk-width-4-5\@l {
    width: 80%
  }

  .uk-width-1-6\@l {
    width: calc(100% * 1 / 6.001)
  }

  .uk-width-5-6\@l {
    width: calc(100% * 5 / 6.001)
  }

  .uk-width-small\@l {
    width: 150px
  }

  .uk-width-medium\@l {
    width: 300px
  }

  .uk-width-large\@l {
    width: 450px
  }

  .uk-width-xlarge\@l {
    width: 600px
  }

  .uk-width-2xlarge\@l {
    width: 750px
  }

  .uk-width-auto\@l {
    width: auto
  }

  .uk-width-expand\@l {
    flex: 1;
    min-width: 1px
  }
}

@media (min-width:1600px) {
  .uk-width-1-1\@xl {
    width: 100%
  }

  .uk-width-1-2\@xl {
    width: 50%
  }

  .uk-width-1-3\@xl {
    width: calc(100% * 1 / 3.001)
  }

  .uk-width-2-3\@xl {
    width: calc(100% * 2 / 3.001)
  }

  .uk-width-1-4\@xl {
    width: 25%
  }

  .uk-width-3-4\@xl {
    width: 75%
  }

  .uk-width-1-5\@xl {
    width: 20%
  }

  .uk-width-2-5\@xl {
    width: 40%
  }

  .uk-width-3-5\@xl {
    width: 60%
  }

  .uk-width-4-5\@xl {
    width: 80%
  }

  .uk-width-1-6\@xl {
    width: calc(100% * 1 / 6.001)
  }

  .uk-width-5-6\@xl {
    width: calc(100% * 5 / 6.001)
  }

  .uk-width-small\@xl {
    width: 150px
  }

  .uk-width-medium\@xl {
    width: 300px
  }

  .uk-width-large\@xl {
    width: 450px
  }

  .uk-width-xlarge\@xl {
    width: 600px
  }

  .uk-width-2xlarge\@xl {
    width: 750px
  }

  .uk-width-auto\@xl {
    width: auto
  }

  .uk-width-expand\@xl {
    flex: 1;
    min-width: 1px
  }
}

.uk-width-max-content {
  width: max-content
}

.uk-width-min-content {
  width: min-content
}

[class*=uk-height] {
  box-sizing: border-box
}

.uk-height-1-1 {
  height: 100%
}

.uk-height-viewport {
  min-height: 100vh
}

.uk-height-viewport-2 {
  min-height: 200vh
}

.uk-height-viewport-3 {
  min-height: 300vh
}

.uk-height-viewport-4 {
  min-height: 400vh
}

.uk-height-small {
  height: 150px
}

.uk-height-medium {
  height: 300px
}

.uk-height-large {
  height: 450px
}

.uk-height-max-small {
  max-height: 150px
}

.uk-height-max-medium {
  max-height: 300px
}

.uk-height-max-large {
  max-height: 450px
}

.uk-text-lead {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333
}

.uk-text-meta {
  font-size: .875rem;
  line-height: 1.4;
  color: #999
}

.uk-text-meta a {
  color: #999
}

.uk-text-meta a:hover {
  color: #666;
  text-decoration: none
}

.uk-text-small {
  font-size: .875rem;
  line-height: 1.5
}

.uk-text-large {
  font-size: 1.5rem;
  line-height: 1.5
}

.uk-text-default {
  font-size: 16px;
  line-height: 1.5
}

.uk-text-light {
  font-weight: 300
}

.uk-text-normal {
  font-weight: 400
}

.uk-text-bold {
  font-weight: 700
}

.uk-text-lighter {
  font-weight: lighter
}

.uk-text-bolder {
  font-weight: bolder
}

.uk-text-italic {
  font-style: italic
}

.uk-text-capitalize {
  text-transform: capitalize !important
}

.uk-text-uppercase {
  text-transform: uppercase !important
}

.uk-text-lowercase {
  text-transform: lowercase !important
}

.uk-text-decoration-none {
  text-decoration: none !important
}

.uk-text-muted {
  color: #999 !important
}

.uk-text-emphasis {
  color: #333 !important
}

.uk-text-primary {
  color: #1e87f0 !important
}

.uk-text-secondary {
  color: #222 !important
}

.uk-text-success {
  color: #32d296 !important
}

.uk-text-warning {
  color: #faa05a !important
}

.uk-text-danger {
  color: #f0506e !important
}

.uk-text-background {
  -webkit-background-clip: text;
  color: transparent !important;
  display: inline-block;
  background-color: #1e87f0
}

.uk-text-left {
  text-align: left !important
}

.uk-text-right {
  text-align: right !important
}

.uk-text-center {
  text-align: center !important
}

.uk-text-justify {
  text-align: justify !important
}

@media (min-width:640px) {
  .uk-text-left\@s {
    text-align: left !important
  }

  .uk-text-right\@s {
    text-align: right !important
  }

  .uk-text-center\@s {
    text-align: center !important
  }
}

@media (min-width:960px) {
  .uk-text-left\@m {
    text-align: left !important
  }

  .uk-text-right\@m {
    text-align: right !important
  }

  .uk-text-center\@m {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .uk-text-left\@l {
    text-align: left !important
  }

  .uk-text-right\@l {
    text-align: right !important
  }

  .uk-text-center\@l {
    text-align: center !important
  }
}

@media (min-width:1600px) {
  .uk-text-left\@xl {
    text-align: left !important
  }

  .uk-text-right\@xl {
    text-align: right !important
  }

  .uk-text-center\@xl {
    text-align: center !important
  }
}

.uk-text-top {
  vertical-align: top !important
}

.uk-text-middle {
  vertical-align: middle !important
}

.uk-text-bottom {
  vertical-align: bottom !important
}

.uk-text-baseline {
  vertical-align: baseline !important
}

.uk-text-nowrap {
  white-space: nowrap
}

.uk-text-truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

td.uk-text-truncate,
th.uk-text-truncate {
  max-width: 0
}

.uk-text-break {
  overflow-wrap: break-word
}

td.uk-text-break,
th.uk-text-break {
  word-break: break-word
}

[class*=uk-column-] {
  column-gap: 30px
}

@media (min-width:1200px) {
  [class*=uk-column-] {
    column-gap: 40px
  }
}

[class*=uk-column-] img {
  transform: translate3d(0, 0, 0)
}

.uk-column-divider {
  column-rule: 1px solid #e5e5e5;
  column-gap: 60px
}

@media (min-width:1200px) {
  .uk-column-divider {
    column-gap: 80px
  }
}

.uk-column-1-2 {
  column-count: 2
}

.uk-column-1-3 {
  column-count: 3
}

.uk-column-1-4 {
  column-count: 4
}

.uk-column-1-5 {
  column-count: 5
}

.uk-column-1-6 {
  column-count: 6
}

@media (min-width:640px) {
  .uk-column-1-2\@s {
    column-count: 2
  }

  .uk-column-1-3\@s {
    column-count: 3
  }

  .uk-column-1-4\@s {
    column-count: 4
  }

  .uk-column-1-5\@s {
    column-count: 5
  }

  .uk-column-1-6\@s {
    column-count: 6
  }
}

@media (min-width:960px) {
  .uk-column-1-2\@m {
    column-count: 2
  }

  .uk-column-1-3\@m {
    column-count: 3
  }

  .uk-column-1-4\@m {
    column-count: 4
  }

  .uk-column-1-5\@m {
    column-count: 5
  }

  .uk-column-1-6\@m {
    column-count: 6
  }
}

@media (min-width:1200px) {
  .uk-column-1-2\@l {
    column-count: 2
  }

  .uk-column-1-3\@l {
    column-count: 3
  }

  .uk-column-1-4\@l {
    column-count: 4
  }

  .uk-column-1-5\@l {
    column-count: 5
  }

  .uk-column-1-6\@l {
    column-count: 6
  }
}

@media (min-width:1600px) {
  .uk-column-1-2\@xl {
    column-count: 2
  }

  .uk-column-1-3\@xl {
    column-count: 3
  }

  .uk-column-1-4\@xl {
    column-count: 4
  }

  .uk-column-1-5\@xl {
    column-count: 5
  }

  .uk-column-1-6\@xl {
    column-count: 6
  }
}

.uk-column-span {
  column-span: all
}

[data-uk-cover],
[uk-cover] {
  max-width: none;
  position: absolute;
  left: 50%;
  top: 50%;
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y))
}

iframe[data-uk-cover],
iframe[uk-cover] {
  pointer-events: none
}

.uk-cover-container {
  overflow: hidden;
  position: relative
}

.uk-background-default {
  background-color: #fff
}

.uk-background-muted {
  background-color: #f8f8f8
}

.uk-background-primary {
  background-color: #1e87f0
}

.uk-background-secondary {
  background-color: #222
}

.uk-background-contain,
.uk-background-cover,
.uk-background-height-1-1,
.uk-background-width-1-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.uk-background-cover {
  background-size: cover
}

.uk-background-contain {
  background-size: contain
}

.uk-background-width-1-1 {
  background-size: 100%
}

.uk-background-height-1-1 {
  background-size: auto 100%
}

.uk-background-top-left {
  background-position: 0 0
}

.uk-background-top-center {
  background-position: 50% 0
}

.uk-background-top-right {
  background-position: 100% 0
}

.uk-background-center-left {
  background-position: 0 50%
}

.uk-background-center-center {
  background-position: 50% 50%
}

.uk-background-center-right {
  background-position: 100% 50%
}

.uk-background-bottom-left {
  background-position: 0 100%
}

.uk-background-bottom-center {
  background-position: 50% 100%
}

.uk-background-bottom-right {
  background-position: 100% 100%
}

.uk-background-norepeat {
  background-repeat: no-repeat
}

.uk-background-fixed {
  background-attachment: fixed;
  backface-visibility: hidden
}

@media (pointer:coarse) {
  .uk-background-fixed {
    background-attachment: scroll
  }
}

@media (max-width:639px) {
  .uk-background-image\@s {
    background-image: none !important
  }
}

@media (max-width:959px) {
  .uk-background-image\@m {
    background-image: none !important
  }
}

@media (max-width:1199px) {
  .uk-background-image\@l {
    background-image: none !important
  }
}

@media (max-width:1599px) {
  .uk-background-image\@xl {
    background-image: none !important
  }
}

.uk-background-blend-multiply {
  background-blend-mode: multiply
}

.uk-background-blend-screen {
  background-blend-mode: screen
}

.uk-background-blend-overlay {
  background-blend-mode: overlay
}

.uk-background-blend-darken {
  background-blend-mode: darken
}

.uk-background-blend-lighten {
  background-blend-mode: lighten
}

.uk-background-blend-color-dodge {
  background-blend-mode: color-dodge
}

.uk-background-blend-color-burn {
  background-blend-mode: color-burn
}

.uk-background-blend-hard-light {
  background-blend-mode: hard-light
}

.uk-background-blend-soft-light {
  background-blend-mode: soft-light
}

.uk-background-blend-difference {
  background-blend-mode: difference
}

.uk-background-blend-exclusion {
  background-blend-mode: exclusion
}

.uk-background-blend-hue {
  background-blend-mode: hue
}

.uk-background-blend-saturation {
  background-blend-mode: saturation
}

.uk-background-blend-color {
  background-blend-mode: color
}

.uk-background-blend-luminosity {
  background-blend-mode: luminosity
}

[class*=uk-align] {
  display: block;
  margin-bottom: 30px
}

*+[class*=uk-align] {
  margin-top: 30px
}

.uk-align-center {
  margin-left: auto;
  margin-right: auto
}

.uk-align-left {
  margin-top: 0;
  margin-right: 30px;
  float: left
}

.uk-align-right {
  margin-top: 0;
  margin-left: 30px;
  float: right
}

@media (min-width:640px) {
  .uk-align-left\@s {
    margin-top: 0;
    margin-right: 30px;
    float: left
  }

  .uk-align-right\@s {
    margin-top: 0;
    margin-left: 30px;
    float: right
  }
}

@media (min-width:960px) {
  .uk-align-left\@m {
    margin-top: 0;
    margin-right: 30px;
    float: left
  }

  .uk-align-right\@m {
    margin-top: 0;
    margin-left: 30px;
    float: right
  }
}

@media (min-width:1200px) {
  .uk-align-left\@l {
    margin-top: 0;
    float: left
  }

  .uk-align-right\@l {
    margin-top: 0;
    float: right
  }

  .uk-align-left,
  .uk-align-left\@l,
  .uk-align-left\@m,
  .uk-align-left\@s {
    margin-right: 40px
  }

  .uk-align-right,
  .uk-align-right\@l,
  .uk-align-right\@m,
  .uk-align-right\@s {
    margin-left: 40px
  }
}

@media (min-width:1600px) {
  .uk-align-left\@xl {
    margin-top: 0;
    margin-right: 40px;
    float: left
  }

  .uk-align-right\@xl {
    margin-top: 0;
    margin-left: 40px;
    float: right
  }
}

.uk-svg,
.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
  fill: currentcolor
}

.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: currentcolor
}

.uk-svg {
  transform: translate(0, 0)
}

.uk-panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box
}

.uk-panel>:last-child {
  margin-bottom: 0
}

.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  resize: both
}

.uk-clearfix::before {
  content: "";
  display: table-cell
}

.uk-clearfix::after {
  content: "";
  display: table;
  clear: both
}

.uk-float-left {
  float: left
}

.uk-float-right {
  float: right
}

[class*=uk-float-] {
  max-width: 100%
}

.uk-overflow-hidden {
  overflow: hidden
}

.uk-overflow-auto {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.uk-overflow-auto>:last-child {
  margin-bottom: 0
}

.uk-resize {
  resize: both
}

.uk-resize-horizontal {
  resize: horizontal
}

.uk-resize-vertical {
  resize: vertical
}

.uk-display-block {
  display: block !important
}

.uk-display-inline {
  display: inline !important
}

.uk-display-inline-block {
  display: inline-block !important
}

[class*=uk-inline] {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden
}

.uk-inline-clip {
  overflow: hidden
}

.uk-preserve-width,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
  max-width: none
}

.uk-responsive-height,
.uk-responsive-width {
  box-sizing: border-box
}

.uk-responsive-width {
  max-width: 100% !important;
  height: auto
}

.uk-responsive-height {
  max-height: 100%;
  width: auto;
  max-width: none
}

[data-uk-responsive],
[uk-responsive] {
  max-width: 100%
}

.uk-object-cover {
  object-fit: cover
}

.uk-object-contain {
  object-fit: contain
}

.uk-object-fill {
  object-fit: fill
}

.uk-object-none {
  object-fit: none
}

.uk-object-scale-down {
  object-fit: scale-down
}

.uk-object-top-left {
  object-position: 0 0
}

.uk-object-top-center {
  object-position: 50% 0
}

.uk-object-top-right {
  object-position: 100% 0
}

.uk-object-center-left {
  object-position: 0 50%
}

.uk-object-center-center {
  object-position: 50% 50%
}

.uk-object-center-right {
  object-position: 100% 50%
}

.uk-object-bottom-left {
  object-position: 0 100%
}

.uk-object-bottom-center {
  object-position: 50% 100%
}

.uk-object-bottom-right {
  object-position: 100% 100%
}

.uk-border-circle {
  border-radius: 50%
}

.uk-border-pill {
  border-radius: 500px
}

.uk-border-rounded {
  border-radius: 5px
}

.uk-inline-clip[class*=uk-border-] {
  -webkit-transform: translateZ(0)
}

.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}

.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
}

[class*=uk-box-shadow-hover] {
  transition: box-shadow .1s ease-in-out
}

.uk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}

.uk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
}

.uk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
}

.uk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
}

@supports (filter:blur(0)) {
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    z-index: 0;
    max-width: 100%;
    vertical-align: middle
  }

  .uk-box-shadow-bottom::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    z-index: -1;
    height: 30px;
    border-radius: 100%;
    background: #444;
    filter: blur(20px);
    will-change: filter
  }
}

.uk-dropcap::first-letter,
.uk-dropcap>p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
  margin-bottom: -2px
}

@-moz-document url-prefix() {

  .uk-dropcap::first-letter,
  .uk-dropcap>p:first-of-type::first-letter {
    margin-top: 1.1%
  }
}

.uk-logo {
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #333;
  text-decoration: none
}

.uk-logo:hover {
  color: #333;
  text-decoration: none
}

.uk-logo>:where(img, svg, video) {
  display: block
}

.uk-logo-inverse {
  display: none
}

.uk-disabled {
  pointer-events: none
}

.uk-drag,
.uk-drag * {
  cursor: move
}

.uk-drag iframe {
  pointer-events: none
}

.uk-dragover {
  box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}

.uk-blend-multiply {
  mix-blend-mode: multiply
}

.uk-blend-screen {
  mix-blend-mode: screen
}

.uk-blend-overlay {
  mix-blend-mode: overlay
}

.uk-blend-darken {
  mix-blend-mode: darken
}

.uk-blend-lighten {
  mix-blend-mode: lighten
}

.uk-blend-color-dodge {
  mix-blend-mode: color-dodge
}

.uk-blend-color-burn {
  mix-blend-mode: color-burn
}

.uk-blend-hard-light {
  mix-blend-mode: hard-light
}

.uk-blend-soft-light {
  mix-blend-mode: soft-light
}

.uk-blend-difference {
  mix-blend-mode: difference
}

.uk-blend-exclusion {
  mix-blend-mode: exclusion
}

.uk-blend-hue {
  mix-blend-mode: hue
}

.uk-blend-saturation {
  mix-blend-mode: saturation
}

.uk-blend-color {
  mix-blend-mode: color
}

.uk-blend-luminosity {
  mix-blend-mode: luminosity
}

.uk-transform-center {
  transform: translate(-50%, -50%)
}

.uk-transform-origin-top-left {
  transform-origin: 0 0
}

.uk-transform-origin-top-center {
  transform-origin: 50% 0
}

.uk-transform-origin-top-right {
  transform-origin: 100% 0
}

.uk-transform-origin-center-left {
  transform-origin: 0 50%
}

.uk-transform-origin-center-right {
  transform-origin: 100% 50%
}

.uk-transform-origin-bottom-left {
  transform-origin: 0 100%
}

.uk-transform-origin-bottom-center {
  transform-origin: 50% 100%
}

.uk-transform-origin-bottom-right {
  transform-origin: 100% 100%
}

.uk-flex {
  display: flex
}

.uk-flex-inline {
  display: inline-flex
}

.uk-flex-left {
  justify-content: flex-start
}

.uk-flex-center {
  justify-content: center
}

.uk-flex-right {
  justify-content: flex-end
}

.uk-flex-between {
  justify-content: space-between
}

.uk-flex-around {
  justify-content: space-around
}

@media (min-width:640px) {
  .uk-flex-left\@s {
    justify-content: flex-start
  }

  .uk-flex-center\@s {
    justify-content: center
  }

  .uk-flex-right\@s {
    justify-content: flex-end
  }

  .uk-flex-between\@s {
    justify-content: space-between
  }

  .uk-flex-around\@s {
    justify-content: space-around
  }
}

@media (min-width:960px) {
  .uk-flex-left\@m {
    justify-content: flex-start
  }

  .uk-flex-center\@m {
    justify-content: center
  }

  .uk-flex-right\@m {
    justify-content: flex-end
  }

  .uk-flex-between\@m {
    justify-content: space-between
  }

  .uk-flex-around\@m {
    justify-content: space-around
  }
}

@media (min-width:1200px) {
  .uk-flex-left\@l {
    justify-content: flex-start
  }

  .uk-flex-center\@l {
    justify-content: center
  }

  .uk-flex-right\@l {
    justify-content: flex-end
  }

  .uk-flex-between\@l {
    justify-content: space-between
  }

  .uk-flex-around\@l {
    justify-content: space-around
  }
}

@media (min-width:1600px) {
  .uk-flex-left\@xl {
    justify-content: flex-start
  }

  .uk-flex-center\@xl {
    justify-content: center
  }

  .uk-flex-right\@xl {
    justify-content: flex-end
  }

  .uk-flex-between\@xl {
    justify-content: space-between
  }

  .uk-flex-around\@xl {
    justify-content: space-around
  }
}

.uk-flex-stretch {
  align-items: stretch
}

.uk-flex-top {
  align-items: flex-start
}

.uk-flex-middle {
  align-items: center
}

.uk-flex-bottom {
  align-items: flex-end
}

.uk-flex-row {
  flex-direction: row
}

.uk-flex-row-reverse {
  flex-direction: row-reverse
}

.uk-flex-column {
  flex-direction: column
}

.uk-flex-column-reverse {
  flex-direction: column-reverse
}

.uk-flex-nowrap {
  flex-wrap: nowrap
}

.uk-flex-wrap {
  flex-wrap: wrap
}

.uk-flex-wrap-reverse {
  flex-wrap: wrap-reverse
}

.uk-flex-wrap-stretch {
  align-content: stretch
}

.uk-flex-wrap-top {
  align-content: flex-start
}

.uk-flex-wrap-middle {
  align-content: center
}

.uk-flex-wrap-bottom {
  align-content: flex-end
}

.uk-flex-wrap-between {
  align-content: space-between
}

.uk-flex-wrap-around {
  align-content: space-around
}

.uk-flex-first {
  order: -1
}

.uk-flex-last {
  order: 99
}

@media (min-width:640px) {
  .uk-flex-first\@s {
    order: -1
  }

  .uk-flex-last\@s {
    order: 99
  }
}

@media (min-width:960px) {
  .uk-flex-first\@m {
    order: -1
  }

  .uk-flex-last\@m {
    order: 99
  }
}

@media (min-width:1200px) {
  .uk-flex-first\@l {
    order: -1
  }

  .uk-flex-last\@l {
    order: 99
  }
}

@media (min-width:1600px) {
  .uk-flex-first\@xl {
    order: -1
  }

  .uk-flex-last\@xl {
    order: 99
  }
}

.uk-flex-none {
  flex: none
}

.uk-flex-auto {
  flex: auto
}

.uk-flex-1 {
  flex: 1
}

.uk-margin {
  margin-bottom: 20px
}

*+.uk-margin {
  margin-top: 20px !important
}

.uk-margin-top {
  margin-top: 20px !important
}

.uk-margin-bottom {
  margin-bottom: 20px !important
}

.uk-margin-left {
  margin-left: 20px !important
}

.uk-margin-right {
  margin-right: 20px !important
}

.uk-margin-small {
  margin-bottom: 10px
}

*+.uk-margin-small {
  margin-top: 10px !important
}

.uk-margin-small-top {
  margin-top: 10px !important
}

.uk-margin-small-bottom {
  margin-bottom: 10px !important
}

.uk-margin-small-left {
  margin-left: 10px !important
}

.uk-margin-small-right {
  margin-right: 10px !important
}

.uk-margin-medium {
  margin-bottom: 40px
}

*+.uk-margin-medium {
  margin-top: 40px !important
}

.uk-margin-medium-top {
  margin-top: 40px !important
}

.uk-margin-medium-bottom {
  margin-bottom: 40px !important
}

.uk-margin-medium-left {
  margin-left: 40px !important
}

.uk-margin-medium-right {
  margin-right: 40px !important
}

.uk-margin-large {
  margin-bottom: 40px
}

*+.uk-margin-large {
  margin-top: 40px !important
}

.uk-margin-large-top {
  margin-top: 40px !important
}

.uk-margin-large-bottom {
  margin-bottom: 40px !important
}

.uk-margin-large-left {
  margin-left: 40px !important
}

.uk-margin-large-right {
  margin-right: 40px !important
}

@media (min-width:1200px) {
  .uk-margin-large {
    margin-bottom: 70px
  }

  *+.uk-margin-large {
    margin-top: 70px !important
  }

  .uk-margin-large-top {
    margin-top: 70px !important
  }

  .uk-margin-large-bottom {
    margin-bottom: 70px !important
  }

  .uk-margin-large-left {
    margin-left: 70px !important
  }

  .uk-margin-large-right {
    margin-right: 70px !important
  }
}

.uk-margin-xlarge {
  margin-bottom: 70px
}

*+.uk-margin-xlarge {
  margin-top: 70px !important
}

.uk-margin-xlarge-top {
  margin-top: 70px !important
}

.uk-margin-xlarge-bottom {
  margin-bottom: 70px !important
}

.uk-margin-xlarge-left {
  margin-left: 70px !important
}

.uk-margin-xlarge-right {
  margin-right: 70px !important
}

@media (min-width:1200px) {
  .uk-margin-xlarge {
    margin-bottom: 140px
  }

  *+.uk-margin-xlarge {
    margin-top: 140px !important
  }

  .uk-margin-xlarge-top {
    margin-top: 140px !important
  }

  .uk-margin-xlarge-bottom {
    margin-bottom: 140px !important
  }

  .uk-margin-xlarge-left {
    margin-left: 140px !important
  }

  .uk-margin-xlarge-right {
    margin-right: 140px !important
  }
}

.uk-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.uk-margin-auto-top {
  margin-top: auto !important
}

.uk-margin-auto-bottom {
  margin-bottom: auto !important
}

.uk-margin-auto-left {
  margin-left: auto !important
}

.uk-margin-auto-right {
  margin-right: auto !important
}

.uk-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important
}

@media (min-width:640px) {
  .uk-margin-auto\@s {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .uk-margin-auto-left\@s {
    margin-left: auto !important
  }

  .uk-margin-auto-right\@s {
    margin-right: auto !important
  }
}

@media (min-width:960px) {
  .uk-margin-auto\@m {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .uk-margin-auto-left\@m {
    margin-left: auto !important
  }

  .uk-margin-auto-right\@m {
    margin-right: auto !important
  }
}

@media (min-width:1200px) {
  .uk-margin-auto\@l {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .uk-margin-auto-left\@l {
    margin-left: auto !important
  }

  .uk-margin-auto-right\@l {
    margin-right: auto !important
  }
}

@media (min-width:1600px) {
  .uk-margin-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .uk-margin-auto-left\@xl {
    margin-left: auto !important
  }

  .uk-margin-auto-right\@xl {
    margin-right: auto !important
  }
}

.uk-margin-remove {
  margin: 0 !important
}

.uk-margin-remove-top {
  margin-top: 0 !important
}

.uk-margin-remove-bottom {
  margin-bottom: 0 !important
}

.uk-margin-remove-left {
  margin-left: 0 !important
}

.uk-margin-remove-right {
  margin-right: 0 !important
}

.uk-margin-remove-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.uk-margin-remove-adjacent+*,
.uk-margin-remove-first-child>:first-child {
  margin-top: 0 !important
}

.uk-margin-remove-last-child>:last-child {
  margin-bottom: 0 !important
}

@media (min-width:640px) {
  .uk-margin-remove-left\@s {
    margin-left: 0 !important
  }

  .uk-margin-remove-right\@s {
    margin-right: 0 !important
  }
}

@media (min-width:960px) {
  .uk-margin-remove-left\@m {
    margin-left: 0 !important
  }

  .uk-margin-remove-right\@m {
    margin-right: 0 !important
  }
}

@media (min-width:1200px) {
  .uk-margin-remove-left\@l {
    margin-left: 0 !important
  }

  .uk-margin-remove-right\@l {
    margin-right: 0 !important
  }
}

@media (min-width:1600px) {
  .uk-margin-remove-left\@xl {
    margin-left: 0 !important
  }

  .uk-margin-remove-right\@xl {
    margin-right: 0 !important
  }
}

.uk-padding {
  padding: 30px
}

@media (min-width:1200px) {
  .uk-padding {
    padding: 40px
  }
}

.uk-padding-small {
  padding: 15px
}

.uk-padding-large {
  padding: 40px
}

@media (min-width:1200px) {
  .uk-padding-large {
    padding: 70px
  }
}

.uk-padding-remove {
  padding: 0 !important
}

.uk-padding-remove-top {
  padding-top: 0 !important
}

.uk-padding-remove-bottom {
  padding-bottom: 0 !important
}

.uk-padding-remove-left {
  padding-left: 0 !important
}

.uk-padding-remove-right {
  padding-right: 0 !important
}

.uk-padding-remove-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.uk-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important
}

:root {
  --uk-position-margin-offset: 0px
}

[class*=uk-position-bottom],
[class*=uk-position-center],
[class*=uk-position-left],
[class*=uk-position-right],
[class*=uk-position-top] {
  position: absolute !important;
  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
  box-sizing: border-box
}

.uk-position-top {
  top: 0;
  left: 0;
  right: 0
}

.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0
}

.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0
}

.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0
}

.uk-position-top-left {
  top: 0;
  left: 0
}

.uk-position-top-right {
  top: 0;
  right: 0
}

.uk-position-bottom-left {
  bottom: 0;
  left: 0
}

.uk-position-bottom-right {
  bottom: 0;
  right: 0
}

.uk-position-center {
  top: calc(50% - var(--uk-position-margin-offset));
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
  width: max-content
}

[class*=uk-position-center-left],
[class*=uk-position-center-right] {
  top: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-y: -50%;
  transform: translate(0, var(--uk-position-translate-y))
}

.uk-position-center-left {
  left: 0
}

.uk-position-center-right {
  right: 0
}

.uk-position-center-left-out {
  right: 100%;
  width: max-content
}

.uk-position-center-right-out {
  left: 100%;
  width: max-content
}

.uk-position-bottom-center,
.uk-position-top-center {
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  transform: translate(var(--uk-position-translate-x), 0);
  width: max-content
}

.uk-position-top-center {
  top: 0
}

.uk-position-bottom-center {
  bottom: 0
}

.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.uk-position-small {
  margin: 15px;
  --uk-position-margin-offset: 15px
}

.uk-position-medium {
  margin: 30px;
  --uk-position-margin-offset: 30px
}

.uk-position-large {
  margin: 30px;
  --uk-position-margin-offset: 30px
}

@media (min-width:1200px) {
  .uk-position-large {
    margin: 50px;
    --uk-position-margin-offset: 50px
  }
}

.uk-position-relative {
  position: relative !important
}

.uk-position-absolute {
  position: absolute !important
}

.uk-position-fixed {
  position: fixed !important
}

.uk-position-sticky {
  position: sticky !important
}

.uk-position-z-index {
  z-index: 1
}

.uk-position-z-index-negative {
  z-index: -1
}

:where(.uk-transition-fade),
:where([class*=uk-transition-scale]),
:where([class*=uk-transition-slide]) {
  --uk-position-translate-x: 0;
  --uk-position-translate-y: 0
}

.uk-transition-fade,
[class*=uk-transition-scale],
[class*=uk-transition-slide] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y));
  transition: .3s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade,
.uk-transition-toggle .uk-transition-fade:focus-within,
.uk-transition-toggle:focus .uk-transition-fade,
.uk-transition-toggle:hover .uk-transition-fade {
  opacity: 1
}

[class*=uk-transition-scale] {
  -webkit-backface-visibility: hidden
}

.uk-transition-scale-up {
  --uk-scale-x: 1;
  --uk-scale-y: 1
}

.uk-transition-scale-down {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03
}

.uk-transition-active.uk-active .uk-transition-scale-up,
.uk-transition-toggle .uk-transition-scale-up:focus-within,
.uk-transition-toggle:focus .uk-transition-scale-up,
.uk-transition-toggle:hover .uk-transition-scale-up {
  --uk-scale-x: 1.03;
  --uk-scale-y: 1.03;
  opacity: 1
}

.uk-transition-active.uk-active .uk-transition-scale-down,
.uk-transition-toggle .uk-transition-scale-down:focus-within,
.uk-transition-toggle:focus .uk-transition-scale-down,
.uk-transition-toggle:hover .uk-transition-scale-down {
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  opacity: 1
}

.uk-transition-slide-top {
  --uk-translate-y: -100%
}

.uk-transition-slide-bottom {
  --uk-translate-y: 100%
}

.uk-transition-slide-left {
  --uk-translate-x: -100%
}

.uk-transition-slide-right {
  --uk-translate-x: 100%
}

.uk-transition-slide-top-small {
  --uk-translate-y: calc(-1 * 10px)
}

.uk-transition-slide-bottom-small {
  --uk-translate-y: 10px
}

.uk-transition-slide-left-small {
  --uk-translate-x: calc(-1 * 10px)
}

.uk-transition-slide-right-small {
  --uk-translate-x: 10px
}

.uk-transition-slide-top-medium {
  --uk-translate-y: calc(-1 * 50px)
}

.uk-transition-slide-bottom-medium {
  --uk-translate-y: 50px
}

.uk-transition-slide-left-medium {
  --uk-translate-x: calc(-1 * 50px)
}

.uk-transition-slide-right-medium {
  --uk-translate-x: 50px
}

.uk-transition-active.uk-active [class*=uk-transition-slide],
.uk-transition-toggle [class*=uk-transition-slide]:focus-within,
.uk-transition-toggle:focus [class*=uk-transition-slide],
.uk-transition-toggle:hover [class*=uk-transition-slide] {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  opacity: 1
}

.uk-transition-opaque {
  opacity: 1
}

.uk-transition-slow {
  transition-duration: .7s
}

.uk-hidden,
[hidden] {
  display: none !important
}

@media (min-width:640px) {
  .uk-hidden\@s {
    display: none !important
  }
}

@media (min-width:960px) {
  .uk-hidden\@m {
    display: none !important
  }
}

@media (min-width:1200px) {
  .uk-hidden\@l {
    display: none !important
  }
}

@media (min-width:1600px) {
  .uk-hidden\@xl {
    display: none !important
  }
}

@media (max-width:639px) {
  .uk-visible\@s {
    display: none !important
  }
}

@media (max-width:959px) {
  .uk-visible\@m {
    display: none !important
  }
}

@media (max-width:1199px) {
  .uk-visible\@l {
    display: none !important
  }
}

@media (max-width:1599px) {
  .uk-visible\@xl {
    display: none !important
  }
}

.uk-invisible {
  visibility: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
  opacity: 0 !important
}

@media (hover:none) {
  .uk-hidden-touch {
    display: none !important
  }
}

@media (hover) {
  .uk-hidden-notouch {
    display: none !important
  }
}

.uk-card-primary.uk-card-body,
.uk-card-primary>:not([class*=uk-card-media]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary>:not([class*=uk-card-media]),
.uk-light,
.uk-offcanvas-bar,
.uk-overlay-primary,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color) {
  color: rgba(255, 255, 255, .7)
}





.uk-card-primary.uk-card-body :not(pre)>code,
.uk-card-primary.uk-card-body :not(pre)>kbd,
.uk-card-primary.uk-card-body :not(pre)>samp,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,
.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,
.uk-card-secondary.uk-card-body :not(pre)>code,
.uk-card-secondary.uk-card-body :not(pre)>kbd,
.uk-card-secondary.uk-card-body :not(pre)>samp,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,
.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,
.uk-light :not(pre)>code,
.uk-light :not(pre)>kbd,
.uk-light :not(pre)>samp,
.uk-offcanvas-bar :not(pre)>code,
.uk-offcanvas-bar :not(pre)>kbd,
.uk-offcanvas-bar :not(pre)>samp,
.uk-overlay-primary :not(pre)>code,
.uk-overlay-primary :not(pre)>kbd,
.uk-overlay-primary :not(pre)>samp,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,
.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp {
  color: rgba(255, 255, 255, .7);
  background: rgba(255, 255, 255, .1)
}

.uk-card-primary.uk-card-body em,
.uk-card-primary>:not([class*=uk-card-media]) em,
.uk-card-secondary.uk-card-body em,
.uk-card-secondary>:not([class*=uk-card-media]) em,
.uk-light em,
.uk-offcanvas-bar em,
.uk-overlay-primary em,
.uk-section-primary:not(.uk-preserve-color) em,
.uk-section-secondary:not(.uk-preserve-color) em,
.uk-tile-primary:not(.uk-preserve-color) em,
.uk-tile-secondary:not(.uk-preserve-color) em {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-h1,
.uk-card-primary.uk-card-body .uk-h2,
.uk-card-primary.uk-card-body .uk-h3,
.uk-card-primary.uk-card-body .uk-h4,
.uk-card-primary.uk-card-body .uk-h5,
.uk-card-primary.uk-card-body .uk-h6,
.uk-card-primary.uk-card-body .uk-heading-2xlarge,
.uk-card-primary.uk-card-body .uk-heading-large,
.uk-card-primary.uk-card-body .uk-heading-medium,
.uk-card-primary.uk-card-body .uk-heading-small,
.uk-card-primary.uk-card-body .uk-heading-xlarge,
.uk-card-primary.uk-card-body h1,
.uk-card-primary.uk-card-body h2,
.uk-card-primary.uk-card-body h3,
.uk-card-primary.uk-card-body h4,
.uk-card-primary.uk-card-body h5,
.uk-card-primary.uk-card-body h6,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,
.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-primary>:not([class*=uk-card-media]) h1,
.uk-card-primary>:not([class*=uk-card-media]) h2,
.uk-card-primary>:not([class*=uk-card-media]) h3,
.uk-card-primary>:not([class*=uk-card-media]) h4,
.uk-card-primary>:not([class*=uk-card-media]) h5,
.uk-card-primary>:not([class*=uk-card-media]) h6,
.uk-card-secondary.uk-card-body .uk-h1,
.uk-card-secondary.uk-card-body .uk-h2,
.uk-card-secondary.uk-card-body .uk-h3,
.uk-card-secondary.uk-card-body .uk-h4,
.uk-card-secondary.uk-card-body .uk-h5,
.uk-card-secondary.uk-card-body .uk-h6,
.uk-card-secondary.uk-card-body .uk-heading-2xlarge,
.uk-card-secondary.uk-card-body .uk-heading-large,
.uk-card-secondary.uk-card-body .uk-heading-medium,
.uk-card-secondary.uk-card-body .uk-heading-small,
.uk-card-secondary.uk-card-body .uk-heading-xlarge,
.uk-card-secondary.uk-card-body h1,
.uk-card-secondary.uk-card-body h2,
.uk-card-secondary.uk-card-body h3,
.uk-card-secondary.uk-card-body h4,
.uk-card-secondary.uk-card-body h5,
.uk-card-secondary.uk-card-body h6,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,
.uk-card-secondary>:not([class*=uk-card-media]) h1,
.uk-card-secondary>:not([class*=uk-card-media]) h2,
.uk-card-secondary>:not([class*=uk-card-media]) h3,
.uk-card-secondary>:not([class*=uk-card-media]) h4,
.uk-card-secondary>:not([class*=uk-card-media]) h5,
.uk-card-secondary>:not([class*=uk-card-media]) h6,
.uk-light .uk-h1,
.uk-light .uk-h2,
.uk-light .uk-h3,
.uk-light .uk-h4,
.uk-light .uk-h5,
.uk-light .uk-h6,
.uk-light .uk-heading-2xlarge,
.uk-light .uk-heading-large,
.uk-light .uk-heading-medium,
.uk-light .uk-heading-small,
.uk-light .uk-heading-xlarge,
.uk-light h1,
.uk-light h2,
.uk-light h3,
.uk-light h4,
.uk-light h5,
.uk-light h6,
.uk-offcanvas-bar .uk-h1,
.uk-offcanvas-bar .uk-h2,
.uk-offcanvas-bar .uk-h3,
.uk-offcanvas-bar .uk-h4,
.uk-offcanvas-bar .uk-h5,
.uk-offcanvas-bar .uk-h6,
.uk-offcanvas-bar .uk-heading-2xlarge,
.uk-offcanvas-bar .uk-heading-large,
.uk-offcanvas-bar .uk-heading-medium,
.uk-offcanvas-bar .uk-heading-small,
.uk-offcanvas-bar .uk-heading-xlarge,
.uk-offcanvas-bar h1,
.uk-offcanvas-bar h2,
.uk-offcanvas-bar h3,
.uk-offcanvas-bar h4,
.uk-offcanvas-bar h5,
.uk-offcanvas-bar h6,
.uk-overlay-primary .uk-h1,
.uk-overlay-primary .uk-h2,
.uk-overlay-primary .uk-h3,
.uk-overlay-primary .uk-h4,
.uk-overlay-primary .uk-h5,
.uk-overlay-primary .uk-h6,
.uk-overlay-primary .uk-heading-2xlarge,
.uk-overlay-primary .uk-heading-large,
.uk-overlay-primary .uk-heading-medium,
.uk-overlay-primary .uk-heading-small,
.uk-overlay-primary .uk-heading-xlarge,
.uk-overlay-primary h1,
.uk-overlay-primary h2,
.uk-overlay-primary h3,
.uk-overlay-primary h4,
.uk-overlay-primary h5,
.uk-overlay-primary h6,
.uk-section-primary:not(.uk-preserve-color) .uk-h1,
.uk-section-primary:not(.uk-preserve-color) .uk-h2,
.uk-section-primary:not(.uk-preserve-color) .uk-h3,
.uk-section-primary:not(.uk-preserve-color) .uk-h4,
.uk-section-primary:not(.uk-preserve-color) .uk-h5,
.uk-section-primary:not(.uk-preserve-color) .uk-h6,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-primary:not(.uk-preserve-color) h1,
.uk-section-primary:not(.uk-preserve-color) h2,
.uk-section-primary:not(.uk-preserve-color) h3,
.uk-section-primary:not(.uk-preserve-color) h4,
.uk-section-primary:not(.uk-preserve-color) h5,
.uk-section-primary:not(.uk-preserve-color) h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-h1,
.uk-section-secondary:not(.uk-preserve-color) .uk-h2,
.uk-section-secondary:not(.uk-preserve-color) .uk-h3,
.uk-section-secondary:not(.uk-preserve-color) .uk-h4,
.uk-section-secondary:not(.uk-preserve-color) .uk-h5,
.uk-section-secondary:not(.uk-preserve-color) .uk-h6,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-section-secondary:not(.uk-preserve-color) h1,
.uk-section-secondary:not(.uk-preserve-color) h2,
.uk-section-secondary:not(.uk-preserve-color) h3,
.uk-section-secondary:not(.uk-preserve-color) h4,
.uk-section-secondary:not(.uk-preserve-color) h5,
.uk-section-secondary:not(.uk-preserve-color) h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-h1,
.uk-tile-primary:not(.uk-preserve-color) .uk-h2,
.uk-tile-primary:not(.uk-preserve-color) .uk-h3,
.uk-tile-primary:not(.uk-preserve-color) .uk-h4,
.uk-tile-primary:not(.uk-preserve-color) .uk-h5,
.uk-tile-primary:not(.uk-preserve-color) .uk-h6,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-primary:not(.uk-preserve-color) h1,
.uk-tile-primary:not(.uk-preserve-color) h2,
.uk-tile-primary:not(.uk-preserve-color) h3,
.uk-tile-primary:not(.uk-preserve-color) h4,
.uk-tile-primary:not(.uk-preserve-color) h5,
.uk-tile-primary:not(.uk-preserve-color) h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
.uk-tile-secondary:not(.uk-preserve-color) h1,
.uk-tile-secondary:not(.uk-preserve-color) h2,
.uk-tile-secondary:not(.uk-preserve-color) h3,
.uk-tile-secondary:not(.uk-preserve-color) h4,
.uk-tile-secondary:not(.uk-preserve-color) h5,
.uk-tile-secondary:not(.uk-preserve-color) h6 {
  color: #fff
}

.uk-card-primary.uk-card-body blockquote,
.uk-card-primary>:not([class*=uk-card-media]) blockquote,
.uk-card-secondary.uk-card-body blockquote,
.uk-card-secondary>:not([class*=uk-card-media]) blockquote,
.uk-light blockquote,
.uk-offcanvas-bar blockquote,
.uk-overlay-primary blockquote,
.uk-section-primary:not(.uk-preserve-color) blockquote,
.uk-section-secondary:not(.uk-preserve-color) blockquote,
.uk-tile-primary:not(.uk-preserve-color) blockquote,
.uk-tile-secondary:not(.uk-preserve-color) blockquote {
  color: #fff
}

.uk-card-primary.uk-card-body blockquote footer,
.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,
.uk-card-secondary.uk-card-body blockquote footer,
.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,
.uk-light blockquote footer,
.uk-offcanvas-bar blockquote footer,
.uk-overlay-primary blockquote footer,
.uk-section-primary:not(.uk-preserve-color) blockquote footer,
.uk-section-secondary:not(.uk-preserve-color) blockquote footer,
.uk-tile-primary:not(.uk-preserve-color) blockquote footer,
.uk-tile-secondary:not(.uk-preserve-color) blockquote footer {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-hr,
.uk-card-primary.uk-card-body hr,
.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,
.uk-card-primary>:not([class*=uk-card-media]) hr,
.uk-card-secondary.uk-card-body .uk-hr,
.uk-card-secondary.uk-card-body hr,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,
.uk-card-secondary>:not([class*=uk-card-media]) hr,
.uk-light .uk-hr,
.uk-light hr,
.uk-offcanvas-bar .uk-hr,
.uk-offcanvas-bar hr,
.uk-overlay-primary .uk-hr,
.uk-overlay-primary hr,
.uk-section-primary:not(.uk-preserve-color) .uk-hr,
.uk-section-primary:not(.uk-preserve-color) hr,
.uk-section-secondary:not(.uk-preserve-color) .uk-hr,
.uk-section-secondary:not(.uk-preserve-color) hr,
.uk-tile-primary:not(.uk-preserve-color) .uk-hr,
.uk-tile-primary:not(.uk-preserve-color) hr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
.uk-tile-secondary:not(.uk-preserve-color) hr {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body :focus,
.uk-card-primary>:not([class*=uk-card-media]) :focus,
.uk-card-secondary.uk-card-body :focus,
.uk-card-secondary>:not([class*=uk-card-media]) :focus,
.uk-light :focus,
.uk-offcanvas-bar :focus,
.uk-overlay-primary :focus,
.uk-section-primary:not(.uk-preserve-color) :focus,
.uk-section-secondary:not(.uk-preserve-color) :focus,
.uk-tile-primary:not(.uk-preserve-color) :focus,
.uk-tile-secondary:not(.uk-preserve-color) :focus {
  outline-color: #fff
}

.uk-card-primary.uk-card-body :focus-visible,
.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,
.uk-card-secondary.uk-card-body :focus-visible,
.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,
.uk-light :focus-visible,
.uk-offcanvas-bar :focus-visible,
.uk-overlay-primary :focus-visible,
.uk-section-primary:not(.uk-preserve-color) :focus-visible,
.uk-section-secondary:not(.uk-preserve-color) :focus-visible,
.uk-tile-primary:not(.uk-preserve-color) :focus-visible,
.uk-tile-secondary:not(.uk-preserve-color) :focus-visible {
  outline-color: #fff
}

.uk-card-primary.uk-card-body .uk-link-muted a,
.uk-card-primary.uk-card-body a.uk-link-muted,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,
.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,
.uk-card-secondary.uk-card-body .uk-link-muted a,
.uk-card-secondary.uk-card-body a.uk-link-muted,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,
.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,
.uk-light .uk-link-muted a,
.uk-light a.uk-link-muted,
.uk-offcanvas-bar .uk-link-muted a,
.uk-offcanvas-bar a.uk-link-muted,
.uk-overlay-primary .uk-link-muted a,
.uk-overlay-primary a.uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-link-muted a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary.uk-card-body a.uk-link-muted:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,
.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,
.uk-card-secondary.uk-card-body .uk-link-muted a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary.uk-card-body a.uk-link-muted:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,
.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,
.uk-light .uk-link-muted a:hover,
.uk-light .uk-link-toggle:hover .uk-link-muted,
.uk-light a.uk-link-muted:hover,
.uk-offcanvas-bar .uk-link-muted a:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,
.uk-offcanvas-bar a.uk-link-muted:hover,
.uk-overlay-primary .uk-link-muted a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,
.uk-overlay-primary a.uk-link-muted:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-link-text a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-primary.uk-card-body a.uk-link-text:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,
.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,
.uk-card-secondary.uk-card-body .uk-link-text a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary.uk-card-body a.uk-link-text:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,
.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,
.uk-light .uk-link-text a:hover,
.uk-light .uk-link-toggle:hover .uk-link-text,
.uk-light a.uk-link-text:hover,
.uk-offcanvas-bar .uk-link-text a:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,
.uk-offcanvas-bar a.uk-link-text:hover,
.uk-overlay-primary .uk-link-text a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,
.uk-overlay-primary a.uk-link-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-link-heading a:hover,
.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary.uk-card-body a.uk-link-heading:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,
.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,
.uk-card-secondary.uk-card-body .uk-link-heading a:hover,
.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary.uk-card-body a.uk-link-heading:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,
.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,
.uk-light .uk-link-heading a:hover,
.uk-light .uk-link-toggle:hover .uk-link-heading,
.uk-light a.uk-link-heading:hover,
.uk-offcanvas-bar .uk-link-heading a:hover,
.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,
.uk-offcanvas-bar a.uk-link-heading:hover,
.uk-overlay-primary .uk-link-heading a:hover,
.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,
.uk-overlay-primary a.uk-link-heading:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-heading-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,
.uk-card-secondary.uk-card-body .uk-heading-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,
.uk-light .uk-heading-divider,
.uk-offcanvas-bar .uk-heading-divider,
.uk-overlay-primary .uk-heading-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider {
  border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-heading-bullet::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,
.uk-card-secondary.uk-card-body .uk-heading-bullet::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,
.uk-light .uk-heading-bullet::before,
.uk-offcanvas-bar .uk-heading-bullet::before,
.uk-overlay-primary .uk-heading-bullet::before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before {
  border-left-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-heading-line>::after,
.uk-card-primary.uk-card-body .uk-heading-line>::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,
.uk-card-secondary.uk-card-body .uk-heading-line>::after,
.uk-card-secondary.uk-card-body .uk-heading-line>::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,
.uk-light .uk-heading-line>::after,
.uk-light .uk-heading-line>::before,
.uk-offcanvas-bar .uk-heading-line>::after,
.uk-offcanvas-bar .uk-heading-line>::before,
.uk-overlay-primary .uk-heading-line>::after,
.uk-overlay-primary .uk-heading-line>::before,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,
.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before {
  border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-divider-icon,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,
.uk-card-secondary.uk-card-body .uk-divider-icon,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,
.uk-light .uk-divider-icon,
.uk-offcanvas-bar .uk-divider-icon,
.uk-overlay-primary .uk-divider-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-card-primary.uk-card-body .uk-divider-icon::after,
.uk-card-primary.uk-card-body .uk-divider-icon::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,
.uk-card-secondary.uk-card-body .uk-divider-icon::after,
.uk-card-secondary.uk-card-body .uk-divider-icon::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,
.uk-light .uk-divider-icon::after,
.uk-light .uk-divider-icon::before,
.uk-offcanvas-bar .uk-divider-icon::after,
.uk-offcanvas-bar .uk-divider-icon::before,
.uk-overlay-primary .uk-divider-icon::after,
.uk-overlay-primary .uk-divider-icon::before,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before {
  border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-divider-small::after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,
.uk-card-secondary.uk-card-body .uk-divider-small::after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,
.uk-light .uk-divider-small::after,
.uk-offcanvas-bar .uk-divider-small::after,
.uk-overlay-primary .uk-divider-small::after,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-divider-vertical,
.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,
.uk-card-secondary.uk-card-body .uk-divider-vertical,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,
.uk-light .uk-divider-vertical,
.uk-offcanvas-bar .uk-divider-vertical,
.uk-overlay-primary .uk-divider-vertical,
.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical {
  border-left-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-list-muted>::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,
.uk-card-secondary.uk-card-body .uk-list-muted>::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,
.uk-light .uk-list-muted>::before,
.uk-offcanvas-bar .uk-list-muted>::before,
.uk-overlay-primary .uk-list-muted>::before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before {
  color: rgba(255, 255, 255, .5) !important
}

.uk-card-primary.uk-card-body .uk-list-emphasis>::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,
.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,
.uk-light .uk-list-emphasis>::before,
.uk-offcanvas-bar .uk-list-emphasis>::before,
.uk-overlay-primary .uk-list-emphasis>::before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before {
  color: #fff !important
}

.uk-card-primary.uk-card-body .uk-list-primary>::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,
.uk-card-secondary.uk-card-body .uk-list-primary>::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,
.uk-light .uk-list-primary>::before,
.uk-offcanvas-bar .uk-list-primary>::before,
.uk-overlay-primary .uk-list-primary>::before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before {
  color: #fff !important
}

.uk-card-primary.uk-card-body .uk-list-secondary>::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,
.uk-card-secondary.uk-card-body .uk-list-secondary>::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,
.uk-light .uk-list-secondary>::before,
.uk-offcanvas-bar .uk-list-secondary>::before,
.uk-overlay-primary .uk-list-secondary>::before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before {
  color: #fff !important
}

.uk-card-primary.uk-card-body .uk-list-bullet>::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,
.uk-card-secondary.uk-card-body .uk-list-bullet>::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,
.uk-light .uk-list-bullet>::before,
.uk-offcanvas-bar .uk-list-bullet>::before,
.uk-overlay-primary .uk-list-bullet>::before,
.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")
}



.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
.uk-light .uk-list-striped>:nth-of-type(odd),
.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),
.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd) {
  border-top-color: rgba(255, 255, 255, .2);
  border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),
.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
.uk-light .uk-list-striped>:nth-of-type(odd),
.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),
.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .1)
}

.uk-card-primary.uk-card-body .uk-table th,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,
.uk-card-secondary.uk-card-body .uk-table th,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,
.uk-light .uk-table th,
.uk-offcanvas-bar .uk-table th,
.uk-overlay-primary .uk-table th,
.uk-section-primary:not(.uk-preserve-color) .uk-table th,
.uk-section-secondary:not(.uk-preserve-color) .uk-table th,
.uk-tile-primary:not(.uk-preserve-color) .uk-table th,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table th {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-table caption,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,
.uk-card-secondary.uk-card-body .uk-table caption,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,
.uk-light .uk-table caption,
.uk-offcanvas-bar .uk-table caption,
.uk-overlay-primary .uk-table caption,
.uk-section-primary:not(.uk-preserve-color) .uk-table caption,
.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,
.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,
.uk-card-primary.uk-card-body .uk-table>tr.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,
.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,
.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,
.uk-light .uk-table tbody tr.uk-active,
.uk-light .uk-table>tr.uk-active,
.uk-offcanvas-bar .uk-table tbody tr.uk-active,
.uk-offcanvas-bar .uk-table>tr.uk-active,
.uk-overlay-primary .uk-table tbody tr.uk-active,
.uk-overlay-primary .uk-table>tr.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active {
  background: rgba(255, 255, 255, .08)
}

.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),
.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,
.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),
.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),
.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,
.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),
.uk-light .uk-table-divider>:first-child>tr:not(:first-child),
.uk-light .uk-table-divider>:not(:first-child)>tr,
.uk-light .uk-table-divider>tr:not(:first-child),
.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),
.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,
.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),
.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),
.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,
.uk-overlay-primary .uk-table-divider>tr:not(:first-child),
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child) {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),
.uk-light .uk-table-striped tbody tr:nth-of-type(odd),
.uk-light .uk-table-striped>tr:nth-of-type(odd),
.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),
.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),
.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),
.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, .1);
  border-top-color: rgba(255, 255, 255, .2);
  border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,
.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,
.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,
.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,
.uk-light .uk-table-hover tbody tr:hover,
.uk-light .uk-table-hover>tr:hover,
.uk-offcanvas-bar .uk-table-hover tbody tr:hover,
.uk-offcanvas-bar .uk-table-hover>tr:hover,
.uk-overlay-primary .uk-table-hover tbody tr:hover,
.uk-overlay-primary .uk-table-hover>tr:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover {
  background: rgba(255, 255, 255, .08)
}

.uk-card-primary.uk-card-body .uk-icon-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,
.uk-light .uk-icon-link,
.uk-offcanvas-bar .uk-icon-link,
.uk-overlay-primary .uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-icon-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-card-secondary.uk-card-body .uk-icon-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,
.uk-light .uk-icon-link:hover,
.uk-offcanvas-bar .uk-icon-link:hover,
.uk-overlay-primary .uk-icon-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-primary.uk-card-body .uk-icon-link:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,
.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,
.uk-card-secondary.uk-card-body .uk-icon-link:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,
.uk-light .uk-active>.uk-icon-link,
.uk-light .uk-icon-link:active,
.uk-offcanvas-bar .uk-active>.uk-icon-link,
.uk-offcanvas-bar .uk-icon-link:active,
.uk-overlay-primary .uk-active>.uk-icon-link,
.uk-overlay-primary .uk-icon-link:active,
.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-icon-button,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,
.uk-card-secondary.uk-card-body .uk-icon-button,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,
.uk-light .uk-icon-button,
.uk-offcanvas-bar .uk-icon-button,
.uk-overlay-primary .uk-icon-button,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button {
  background-color: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-icon-button:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-card-secondary.uk-card-body .uk-icon-button:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,
.uk-light .uk-icon-button:hover,
.uk-offcanvas-bar .uk-icon-button:hover,
.uk-overlay-primary .uk-icon-button:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover {
  background-color: rgba(255, 255, 255, .15);
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-icon-button:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,
.uk-card-secondary.uk-card-body .uk-icon-button:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,
.uk-light .uk-icon-button:active,
.uk-offcanvas-bar .uk-icon-button:active,
.uk-overlay-primary .uk-icon-button:active,
.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active {
  background-color: rgba(255, 255, 255, .2);
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-input,
.uk-card-primary.uk-card-body .uk-select,
.uk-card-primary.uk-card-body .uk-textarea,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-select,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,
.uk-card-secondary.uk-card-body .uk-input,
.uk-card-secondary.uk-card-body .uk-select,
.uk-card-secondary.uk-card-body .uk-textarea,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,
.uk-light .uk-input,
.uk-light .uk-select,
.uk-light .uk-textarea,
.uk-offcanvas-bar .uk-input,
.uk-offcanvas-bar .uk-select,
.uk-offcanvas-bar .uk-textarea,
.uk-overlay-primary .uk-input,
.uk-overlay-primary .uk-select,
.uk-overlay-primary .uk-textarea,
.uk-section-primary:not(.uk-preserve-color) .uk-input,
.uk-section-primary:not(.uk-preserve-color) .uk-select,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea,
.uk-section-secondary:not(.uk-preserve-color) .uk-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-select,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-primary:not(.uk-preserve-color) .uk-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-select,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea {
  background-color: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .7);
  background-clip: padding-box;
  border-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-input:focus,
.uk-card-primary.uk-card-body .uk-select:focus,
.uk-card-primary.uk-card-body .uk-textarea:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,
.uk-card-secondary.uk-card-body .uk-input:focus,
.uk-card-secondary.uk-card-body .uk-select:focus,
.uk-card-secondary.uk-card-body .uk-textarea:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,
.uk-light .uk-input:focus,
.uk-light .uk-select:focus,
.uk-light .uk-textarea:focus,
.uk-offcanvas-bar .uk-input:focus,
.uk-offcanvas-bar .uk-select:focus,
.uk-offcanvas-bar .uk-textarea:focus,
.uk-overlay-primary .uk-input:focus,
.uk-overlay-primary .uk-select:focus,
.uk-overlay-primary .uk-textarea:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
  background-color: rgba(255, 255, 255, .15);
  color: rgba(255, 255, 255, .7);
  border-color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-input::placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,
.uk-card-secondary.uk-card-body .uk-input::placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,
.uk-light .uk-input::placeholder,
.uk-offcanvas-bar .uk-input::placeholder,
.uk-overlay-primary .uk-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-textarea::placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,
.uk-card-secondary.uk-card-body .uk-textarea::placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,
.uk-light .uk-textarea::placeholder,
.uk-offcanvas-bar .uk-textarea::placeholder,
.uk-overlay-primary .uk-textarea::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
.uk-light .uk-select:not([multiple]):not([size]),
.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),
.uk-overlay-primary .uk-select:not([multiple]):not([size]),
.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-card-primary.uk-card-body .uk-input[list]:focus,
.uk-card-primary.uk-card-body .uk-input[list]:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,
.uk-card-secondary.uk-card-body .uk-input[list]:focus,
.uk-card-secondary.uk-card-body .uk-input[list]:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,
.uk-light .uk-input[list]:focus,
.uk-light .uk-input[list]:hover,
.uk-offcanvas-bar .uk-input[list]:focus,
.uk-offcanvas-bar .uk-input[list]:hover,
.uk-overlay-primary .uk-input[list]:focus,
.uk-overlay-primary .uk-input[list]:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-card-primary.uk-card-body .uk-checkbox,
.uk-card-primary.uk-card-body .uk-radio,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,
.uk-card-secondary.uk-card-body .uk-checkbox,
.uk-card-secondary.uk-card-body .uk-radio,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,
.uk-light .uk-checkbox,
.uk-light .uk-radio,
.uk-offcanvas-bar .uk-checkbox,
.uk-offcanvas-bar .uk-radio,
.uk-overlay-primary .uk-checkbox,
.uk-overlay-primary .uk-radio,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-primary:not(.uk-preserve-color) .uk-radio,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-checkbox:focus,
.uk-card-primary.uk-card-body .uk-radio:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:focus,
.uk-card-secondary.uk-card-body .uk-radio:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,
.uk-light .uk-checkbox:focus,
.uk-light .uk-radio:focus,
.uk-offcanvas-bar .uk-checkbox:focus,
.uk-offcanvas-bar .uk-radio:focus,
.uk-overlay-primary .uk-checkbox:focus,
.uk-overlay-primary .uk-radio:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus {
  background-color: rgba(255, 255, 255, .15);
  border-color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-light .uk-checkbox:checked,
.uk-light .uk-checkbox:indeterminate,
.uk-light .uk-radio:checked,
.uk-offcanvas-bar .uk-checkbox:checked,
.uk-offcanvas-bar .uk-checkbox:indeterminate,
.uk-offcanvas-bar .uk-radio:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
  background-color: #fff;
  border-color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-primary.uk-card-body .uk-radio:checked:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
.uk-card-secondary.uk-card-body .uk-radio:checked:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,
.uk-light .uk-checkbox:checked:focus,
.uk-light .uk-checkbox:indeterminate:focus,
.uk-light .uk-radio:checked:focus,
.uk-offcanvas-bar .uk-checkbox:checked:focus,
.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,
.uk-offcanvas-bar .uk-radio:checked:focus,
.uk-overlay-primary .uk-checkbox:checked:focus,
.uk-overlay-primary .uk-checkbox:indeterminate:focus,
.uk-overlay-primary .uk-radio:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus {
  background-color: #fff
}

.uk-card-primary.uk-card-body .uk-radio:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-card-secondary.uk-card-body .uk-radio:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,
.uk-light .uk-radio:checked,
.uk-offcanvas-bar .uk-radio:checked,
.uk-overlay-primary .uk-radio:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-card-primary.uk-card-body .uk-checkbox:checked,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-card-secondary.uk-card-body .uk-checkbox:checked,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,
.uk-light .uk-checkbox:checked,
.uk-offcanvas-bar .uk-checkbox:checked,
.uk-overlay-primary .uk-checkbox:checked,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
.uk-light .uk-checkbox:indeterminate,
.uk-offcanvas-bar .uk-checkbox:indeterminate,
.uk-overlay-primary .uk-checkbox:indeterminate,
.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-card-primary.uk-card-body .uk-form-label,
.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,
.uk-card-secondary.uk-card-body .uk-form-label,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,
.uk-light .uk-form-label,
.uk-offcanvas-bar .uk-form-label,
.uk-overlay-primary .uk-form-label,
.uk-section-primary:not(.uk-preserve-color) .uk-form-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-form-icon,
.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,
.uk-card-secondary.uk-card-body .uk-form-icon,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,
.uk-light .uk-form-icon,
.uk-offcanvas-bar .uk-form-icon,
.uk-overlay-primary .uk-form-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-form-icon:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,
.uk-card-secondary.uk-card-body .uk-form-icon:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,
.uk-light .uk-form-icon:hover,
.uk-offcanvas-bar .uk-form-icon:hover,
.uk-overlay-primary .uk-form-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-button-default,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,
.uk-card-secondary.uk-card-body .uk-button-default,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,
.uk-light .uk-button-default,
.uk-offcanvas-bar .uk-button-default,
.uk-overlay-primary .uk-button-default,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-button-default:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,
.uk-card-secondary.uk-card-body .uk-button-default:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,
.uk-light .uk-button-default:hover,
.uk-offcanvas-bar .uk-button-default:hover,
.uk-overlay-primary .uk-button-default:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff
}

.uk-card-primary.uk-card-body .uk-button-default.uk-active,
.uk-card-primary.uk-card-body .uk-button-default:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,
.uk-card-secondary.uk-card-body .uk-button-default.uk-active,
.uk-card-secondary.uk-card-body .uk-button-default:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,
.uk-light .uk-button-default.uk-active,
.uk-light .uk-button-default:active,
.uk-offcanvas-bar .uk-button-default.uk-active,
.uk-offcanvas-bar .uk-button-default:active,
.uk-overlay-primary .uk-button-default.uk-active,
.uk-overlay-primary .uk-button-default:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active {
  background-color: transparent;
  color: #fff;
  border-color: #fff
}

.uk-card-primary.uk-card-body .uk-button-primary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,
.uk-card-secondary.uk-card-body .uk-button-primary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,
.uk-light .uk-button-primary,
.uk-offcanvas-bar .uk-button-primary,
.uk-overlay-primary .uk-button-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
  background-color: #fff;
  color: #666
}

.uk-card-primary.uk-card-body .uk-button-primary:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,
.uk-card-secondary.uk-card-body .uk-button-primary:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,
.uk-light .uk-button-primary:hover,
.uk-offcanvas-bar .uk-button-primary:hover,
.uk-overlay-primary .uk-button-primary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
  background-color: #f2f2f2;
  color: #666
}

.uk-card-primary.uk-card-body .uk-button-primary.uk-active,
.uk-card-primary.uk-card-body .uk-button-primary:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,
.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-primary:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,
.uk-light .uk-button-primary.uk-active,
.uk-light .uk-button-primary:active,
.uk-offcanvas-bar .uk-button-primary.uk-active,
.uk-offcanvas-bar .uk-button-primary:active,
.uk-overlay-primary .uk-button-primary.uk-active,
.uk-overlay-primary .uk-button-primary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active {
  background-color: #e6e6e6;
  color: #666
}

.uk-card-primary.uk-card-body .uk-button-secondary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,
.uk-card-secondary.uk-card-body .uk-button-secondary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,
.uk-light .uk-button-secondary,
.uk-offcanvas-bar .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary {
  background-color: #fff;
  color: #666
}

.uk-card-primary.uk-card-body .uk-button-secondary:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,
.uk-card-secondary.uk-card-body .uk-button-secondary:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,
.uk-light .uk-button-secondary:hover,
.uk-offcanvas-bar .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover {
  background-color: #f2f2f2;
  color: #666
}

.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-primary.uk-card-body .uk-button-secondary:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,
.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
.uk-card-secondary.uk-card-body .uk-button-secondary:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,
.uk-light .uk-button-secondary.uk-active,
.uk-light .uk-button-secondary:active,
.uk-offcanvas-bar .uk-button-secondary.uk-active,
.uk-offcanvas-bar .uk-button-secondary:active,
.uk-overlay-primary .uk-button-secondary.uk-active,
.uk-overlay-primary .uk-button-secondary:active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active {
  background-color: #e6e6e6;
  color: #666
}

.uk-card-primary.uk-card-body .uk-button-text,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,
.uk-card-secondary.uk-card-body .uk-button-text,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,
.uk-light .uk-button-text,
.uk-offcanvas-bar .uk-button-text,
.uk-overlay-primary .uk-button-text,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-button-text::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,
.uk-card-secondary.uk-card-body .uk-button-text::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,
.uk-light .uk-button-text::before,
.uk-offcanvas-bar .uk-button-text::before,
.uk-overlay-primary .uk-button-text::before,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before {
  border-bottom-color: #fff
}

.uk-card-primary.uk-card-body .uk-button-text:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,
.uk-card-secondary.uk-card-body .uk-button-text:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,
.uk-light .uk-button-text:hover,
.uk-offcanvas-bar .uk-button-text:hover,
.uk-overlay-primary .uk-button-text:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-button-text:disabled,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,
.uk-card-secondary.uk-card-body .uk-button-text:disabled,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,
.uk-light .uk-button-text:disabled,
.uk-offcanvas-bar .uk-button-text:disabled,
.uk-overlay-primary .uk-button-text:disabled,
.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-button-link,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,
.uk-card-secondary.uk-card-body .uk-button-link,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,
.uk-light .uk-button-link,
.uk-offcanvas-bar .uk-button-link,
.uk-overlay-primary .uk-button-link,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-button-link:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,
.uk-card-secondary.uk-card-body .uk-button-link:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,
.uk-light .uk-button-link:hover,
.uk-offcanvas-bar .uk-button-link:hover,
.uk-overlay-primary .uk-button-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body.uk-card-badge,
.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,
.uk-card-secondary.uk-card-body.uk-card-badge,
.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,
.uk-light.uk-card-badge,
.uk-offcanvas-bar.uk-card-badge,
.uk-overlay-primary.uk-card-badge,
.uk-section-primary:not(.uk-preserve-color).uk-card-badge,
.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,
.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,
.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge {
  background-color: #fff;
  color: #666
}

.uk-card-primary.uk-card-body .uk-close,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close,
.uk-card-secondary.uk-card-body .uk-close,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,
.uk-light .uk-close,
.uk-offcanvas-bar .uk-close,
.uk-overlay-primary .uk-close,
.uk-section-primary:not(.uk-preserve-color) .uk-close,
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-close:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,
.uk-card-secondary.uk-card-body .uk-close:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,
.uk-light .uk-close:hover,
.uk-offcanvas-bar .uk-close:hover,
.uk-overlay-primary .uk-close:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-totop,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,
.uk-card-secondary.uk-card-body .uk-totop,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,
.uk-light .uk-totop,
.uk-offcanvas-bar .uk-totop,
.uk-overlay-primary .uk-totop,
.uk-section-primary:not(.uk-preserve-color) .uk-totop,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-totop:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,
.uk-card-secondary.uk-card-body .uk-totop:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,
.uk-light .uk-totop:hover,
.uk-offcanvas-bar .uk-totop:hover,
.uk-overlay-primary .uk-totop:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-totop:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,
.uk-card-secondary.uk-card-body .uk-totop:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,
.uk-light .uk-totop:active,
.uk-offcanvas-bar .uk-totop:active,
.uk-overlay-primary .uk-totop:active,
.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-marker,
.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,
.uk-card-secondary.uk-card-body .uk-marker,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,
.uk-light .uk-marker,
.uk-offcanvas-bar .uk-marker,
.uk-overlay-primary .uk-marker,
.uk-section-primary:not(.uk-preserve-color) .uk-marker,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker {
  background: #f8f8f8;
  color: #666
}

.uk-card-primary.uk-card-body .uk-marker:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,
.uk-card-secondary.uk-card-body .uk-marker:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,
.uk-light .uk-marker:hover,
.uk-offcanvas-bar .uk-marker:hover,
.uk-overlay-primary .uk-marker:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover {
  color: #666
}

.uk-card-primary.uk-card-body .uk-badge,
.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,
.uk-card-secondary.uk-card-body .uk-badge,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,
.uk-light .uk-badge,
.uk-offcanvas-bar .uk-badge,
.uk-overlay-primary .uk-badge,
.uk-section-primary:not(.uk-preserve-color) .uk-badge,
.uk-section-secondary:not(.uk-preserve-color) .uk-badge,
.uk-tile-primary:not(.uk-preserve-color) .uk-badge,
.uk-tile-secondary:not(.uk-preserve-color) .uk-badge {
  background-color: #fff;
  color: #666 !important
}

.uk-card-primary.uk-card-body .uk-label,
.uk-card-primary>:not([class*=uk-card-media]) .uk-label,
.uk-card-secondary.uk-card-body .uk-label,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,
.uk-light .uk-label,
.uk-offcanvas-bar .uk-label,
.uk-overlay-primary .uk-label,
.uk-section-primary:not(.uk-preserve-color) .uk-label,
.uk-section-secondary:not(.uk-preserve-color) .uk-label,
.uk-tile-primary:not(.uk-preserve-color) .uk-label,
.uk-tile-secondary:not(.uk-preserve-color) .uk-label {
  background-color: #fff;
  color: #666
}

.uk-card-primary.uk-card-body .uk-article-meta,
.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,
.uk-card-secondary.uk-card-body .uk-article-meta,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,
.uk-light .uk-article-meta,
.uk-offcanvas-bar .uk-article-meta,
.uk-overlay-primary .uk-article-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,
.uk-light .uk-search-input,
.uk-offcanvas-bar .uk-search-input,
.uk-overlay-primary .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-search-input::placeholder,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,
.uk-card-secondary.uk-card-body .uk-search-input::placeholder,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,
.uk-light .uk-search-input::placeholder,
.uk-offcanvas-bar .uk-search-input::placeholder,
.uk-overlay-primary .uk-search-input::placeholder,
.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-search .uk-search-icon,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,
.uk-light .uk-search .uk-search-icon,
.uk-offcanvas-bar .uk-search .uk-search-icon,
.uk-overlay-primary .uk-search .uk-search-icon,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
.uk-light .uk-search .uk-search-icon:hover,
.uk-offcanvas-bar .uk-search .uk-search-icon:hover,
.uk-overlay-primary .uk-search .uk-search-icon:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,
.uk-light .uk-search-default .uk-search-input,
.uk-offcanvas-bar .uk-search-default .uk-search-input,
.uk-overlay-primary .uk-search-default .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input {
  background-color: transparent;
  border-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
.uk-light .uk-search-default .uk-search-input:focus,
.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,
.uk-overlay-primary .uk-search-default .uk-search-input:focus,
.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus {
  background-color: rgba(0, 0, 0, .05)
}

.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
.uk-light .uk-search-navbar .uk-search-input,
.uk-offcanvas-bar .uk-search-navbar .uk-search-input,
.uk-overlay-primary .uk-search-navbar .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input {
  background-color: transparent
}

.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,
.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,
.uk-light .uk-search-large .uk-search-input,
.uk-offcanvas-bar .uk-search-large .uk-search-input,
.uk-overlay-primary .uk-search-large .uk-search-input,
.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input {
  background-color: transparent
}

.uk-card-primary.uk-card-body .uk-search-toggle,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,
.uk-card-secondary.uk-card-body .uk-search-toggle,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,
.uk-light .uk-search-toggle,
.uk-offcanvas-bar .uk-search-toggle,
.uk-overlay-primary .uk-search-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-search-toggle:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,
.uk-card-secondary.uk-card-body .uk-search-toggle:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,
.uk-light .uk-search-toggle:hover,
.uk-offcanvas-bar .uk-search-toggle:hover,
.uk-overlay-primary .uk-search-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-accordion-title,
.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,
.uk-card-secondary.uk-card-body .uk-accordion-title,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,
.uk-light .uk-accordion-title,
.uk-offcanvas-bar .uk-accordion-title,
.uk-overlay-primary .uk-accordion-title,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-accordion-title:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,
.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,
.uk-light .uk-accordion-title:hover,
.uk-offcanvas-bar .uk-accordion-title:hover,
.uk-overlay-primary .uk-accordion-title:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,
.uk-light .uk-grid-divider>:not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,
.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after,
.uk-light .uk-nav-parent-icon>.uk-parent>a::after,
.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after,
.uk-overlay-primary .uk-nav-parent-icon>.uk-parent>a::after,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-light .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-overlay-primary .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-card-primary.uk-card-body .uk-nav-default>li>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,
.uk-light .uk-nav-default>li>a,
.uk-offcanvas-bar .uk-nav-default>li>a,
.uk-overlay-primary .uk-nav-default>li>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,
.uk-light .uk-nav-default>li>a:hover,
.uk-offcanvas-bar .uk-nav-default>li>a:hover,
.uk-overlay-primary .uk-nav-default>li>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,
.uk-light .uk-nav-default>li.uk-active>a,
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,
.uk-overlay-primary .uk-nav-default>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
.uk-light .uk-nav-default .uk-nav-header,
.uk-offcanvas-bar .uk-nav-default .uk-nav-header,
.uk-overlay-primary .uk-nav-default .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
.uk-light .uk-nav-default .uk-nav-divider,
.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,
.uk-overlay-primary .uk-nav-default .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
.uk-light .uk-nav-default .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
.uk-light .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-primary>li>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,
.uk-light .uk-nav-primary>li>a,
.uk-offcanvas-bar .uk-nav-primary>li>a,
.uk-overlay-primary .uk-nav-primary>li>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,
.uk-light .uk-nav-primary>li>a:hover,
.uk-offcanvas-bar .uk-nav-primary>li>a:hover,
.uk-overlay-primary .uk-nav-primary>li>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,
.uk-light .uk-nav-primary>li.uk-active>a,
.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,
.uk-overlay-primary .uk-nav-primary>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
.uk-light .uk-nav-primary .uk-nav-header,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,
.uk-overlay-primary .uk-nav-primary .uk-nav-header,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
.uk-light .uk-nav-primary .uk-nav-divider,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,
.uk-overlay-primary .uk-nav-primary .uk-nav-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
.uk-light .uk-nav-primary .uk-nav-sub a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
.uk-light .uk-nav-primary .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
  border-top-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,
.uk-light .uk-navbar-nav>li>a,
.uk-offcanvas-bar .uk-navbar-nav>li>a,
.uk-overlay-primary .uk-navbar-nav>li>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-light .uk-navbar-nav>li:hover>a,
.uk-light .uk-navbar-nav>li>a[aria-expanded=true],
.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,
.uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],
.uk-overlay-primary .uk-navbar-nav>li:hover>a,
.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true] {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
.uk-light .uk-navbar-nav>li>a:active,
.uk-offcanvas-bar .uk-navbar-nav>li>a:active,
.uk-overlay-primary .uk-navbar-nav>li>a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
.uk-light .uk-navbar-nav>li.uk-active>a,
.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,
.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-navbar-item,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,
.uk-card-secondary.uk-card-body .uk-navbar-item,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,
.uk-light .uk-navbar-item,
.uk-offcanvas-bar .uk-navbar-item,
.uk-overlay-primary .uk-navbar-item,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-navbar-toggle,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,
.uk-card-secondary.uk-card-body .uk-navbar-toggle,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,
.uk-light .uk-navbar-toggle,
.uk-offcanvas-bar .uk-navbar-toggle,
.uk-overlay-primary .uk-navbar-toggle,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
.uk-light .uk-navbar-toggle:hover,
.uk-light .uk-navbar-toggle[aria-expanded=true],
.uk-offcanvas-bar .uk-navbar-toggle:hover,
.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],
.uk-overlay-primary .uk-navbar-toggle:hover,
.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true] {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
.uk-light .uk-subnav>*>:first-child,
.uk-offcanvas-bar .uk-subnav>*>:first-child,
.uk-overlay-primary .uk-subnav>*>:first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,
.uk-light .uk-subnav>*>a:hover,
.uk-offcanvas-bar .uk-subnav>*>a:hover,
.uk-overlay-primary .uk-subnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,
.uk-light .uk-subnav>.uk-active>a,
.uk-offcanvas-bar .uk-subnav>.uk-active>a,
.uk-overlay-primary .uk-subnav>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,
.uk-light .uk-subnav-pill>*>:first-child,
.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,
.uk-overlay-primary .uk-subnav-pill>*>:first-child,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child {
  background-color: transparent;
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,
.uk-light .uk-subnav-pill>*>a:hover,
.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,
.uk-overlay-primary .uk-subnav-pill>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover {
  background-color: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,
.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,
.uk-light .uk-subnav-pill>*>a:active,
.uk-offcanvas-bar .uk-subnav-pill>*>a:active,
.uk-overlay-primary .uk-subnav-pill>*>a:active,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active {
  background-color: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,
.uk-light .uk-subnav-pill>.uk-active>a,
.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,
.uk-overlay-primary .uk-subnav-pill>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a {
  background-color: #fff;
  color: #666
}

.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,
.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,
.uk-light .uk-subnav>.uk-disabled>a,
.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,
.uk-overlay-primary .uk-subnav>.uk-disabled>a,
.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,
.uk-light .uk-breadcrumb>*>*,
.uk-offcanvas-bar .uk-breadcrumb>*>*,
.uk-overlay-primary .uk-breadcrumb>*>*,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>* {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,
.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,
.uk-light .uk-breadcrumb>*>:hover,
.uk-offcanvas-bar .uk-breadcrumb>*>:hover,
.uk-overlay-primary .uk-breadcrumb>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,
.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,
.uk-light .uk-breadcrumb>:last-child>*,
.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,
.uk-overlay-primary .uk-breadcrumb>:last-child>*,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>* {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-pagination>*>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,
.uk-card-secondary.uk-card-body .uk-pagination>*>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,
.uk-light .uk-pagination>*>*,
.uk-offcanvas-bar .uk-pagination>*>*,
.uk-overlay-primary .uk-pagination>*>*,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>* {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-pagination>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,
.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,
.uk-light .uk-pagination>*>:hover,
.uk-offcanvas-bar .uk-pagination>*>:hover,
.uk-overlay-primary .uk-pagination>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,
.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,
.uk-light .uk-pagination>.uk-active>*,
.uk-offcanvas-bar .uk-pagination>.uk-active>*,
.uk-overlay-primary .uk-pagination>.uk-active>*,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>* {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,
.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,
.uk-light .uk-pagination>.uk-disabled>*,
.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,
.uk-overlay-primary .uk-pagination>.uk-disabled>*,
.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>* {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-tab::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,
.uk-card-secondary.uk-card-body .uk-tab::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,
.uk-light .uk-tab::before,
.uk-offcanvas-bar .uk-tab::before,
.uk-overlay-primary .uk-tab::before,
.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before {
  border-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-tab>*>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,
.uk-card-secondary.uk-card-body .uk-tab>*>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,
.uk-light .uk-tab>*>a,
.uk-offcanvas-bar .uk-tab>*>a,
.uk-overlay-primary .uk-tab>*>a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-tab>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,
.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,
.uk-light .uk-tab>*>a:hover,
.uk-offcanvas-bar .uk-tab>*>a:hover,
.uk-overlay-primary .uk-tab>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,
.uk-light .uk-tab>.uk-active>a,
.uk-offcanvas-bar .uk-tab>.uk-active>a,
.uk-overlay-primary .uk-tab>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a {
  color: #fff;
  border-color: #fff
}

.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,
.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,
.uk-light .uk-tab>.uk-disabled>a,
.uk-offcanvas-bar .uk-tab>.uk-disabled>a,
.uk-overlay-primary .uk-tab>.uk-disabled>a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-slidenav,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,
.uk-card-secondary.uk-card-body .uk-slidenav,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,
.uk-light .uk-slidenav,
.uk-offcanvas-bar .uk-slidenav,
.uk-overlay-primary .uk-slidenav,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-slidenav:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-card-secondary.uk-card-body .uk-slidenav:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,
.uk-light .uk-slidenav:hover,
.uk-offcanvas-bar .uk-slidenav:hover,
.uk-overlay-primary .uk-slidenav:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
  color: rgba(255, 255, 255, .95)
}

.uk-card-primary.uk-card-body .uk-slidenav:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,
.uk-card-secondary.uk-card-body .uk-slidenav:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,
.uk-light .uk-slidenav:active,
.uk-offcanvas-bar .uk-slidenav:active,
.uk-overlay-primary .uk-slidenav:active,
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-dotnav>*>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,
.uk-card-secondary.uk-card-body .uk-dotnav>*>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,
.uk-light .uk-dotnav>*>*,
.uk-offcanvas-bar .uk-dotnav>*>*,
.uk-overlay-primary .uk-dotnav>*>*,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>* {
  background-color: transparent;
  border-color: rgba(255, 255, 255, .9)
}

.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
.uk-light .uk-dotnav>*>:hover,
.uk-offcanvas-bar .uk-dotnav>*>:hover,
.uk-overlay-primary .uk-dotnav>*>:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover {
  background-color: rgba(255, 255, 255, .9);
  border-color: transparent
}

.uk-card-primary.uk-card-body .uk-dotnav>*>:active,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,
.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,
.uk-light .uk-dotnav>*>:active,
.uk-offcanvas-bar .uk-dotnav>*>:active,
.uk-overlay-primary .uk-dotnav>*>:active,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active {
  background-color: rgba(255, 255, 255, .5);
  border-color: transparent
}

.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,
.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,
.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,
.uk-light .uk-dotnav>.uk-active>*,
.uk-offcanvas-bar .uk-dotnav>.uk-active>*,
.uk-overlay-primary .uk-dotnav>.uk-active>*,
.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>* {
  background-color: rgba(255, 255, 255, .9);
  border-color: transparent
}

.uk-card-primary.uk-card-body .uk-iconnav>*>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,
.uk-light .uk-iconnav>*>a,
.uk-offcanvas-bar .uk-iconnav>*>a,
.uk-overlay-primary .uk-iconnav>*>a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
.uk-light .uk-iconnav>*>a:hover,
.uk-offcanvas-bar .uk-iconnav>*>a:hover,
.uk-overlay-primary .uk-iconnav>*>a:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
.uk-light .uk-iconnav>.uk-active>a,
.uk-offcanvas-bar .uk-iconnav>.uk-active>a,
.uk-overlay-primary .uk-iconnav>.uk-active>a,
.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,
.uk-light .uk-text-lead,
.uk-offcanvas-bar .uk-text-lead,
.uk-overlay-primary .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
  color: rgba(255, 255, 255, .7)
}

.uk-card-primary.uk-card-body .uk-text-meta,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,
.uk-card-secondary.uk-card-body .uk-text-meta,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,
.uk-light .uk-text-meta,
.uk-offcanvas-bar .uk-text-meta,
.uk-overlay-primary .uk-text-meta,
.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta {
  color: rgba(255, 255, 255, .5)
}

.uk-card-primary.uk-card-body .uk-text-muted,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,
.uk-card-secondary.uk-card-body .uk-text-muted,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,
.uk-light .uk-text-muted,
.uk-offcanvas-bar .uk-text-muted,
.uk-overlay-primary .uk-text-muted,
.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
  color: rgba(255, 255, 255, .5) !important
}

.uk-card-primary.uk-card-body .uk-text-emphasis,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,
.uk-card-secondary.uk-card-body .uk-text-emphasis,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,
.uk-light .uk-text-emphasis,
.uk-offcanvas-bar .uk-text-emphasis,
.uk-overlay-primary .uk-text-emphasis,
.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis {
  color: #fff !important
}

.uk-card-primary.uk-card-body .uk-text-primary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,
.uk-card-secondary.uk-card-body .uk-text-primary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,
.uk-light .uk-text-primary,
.uk-offcanvas-bar .uk-text-primary,
.uk-overlay-primary .uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary {
  color: #fff !important
}

.uk-card-primary.uk-card-body .uk-text-secondary,
.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,
.uk-card-secondary.uk-card-body .uk-text-secondary,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,
.uk-light .uk-text-secondary,
.uk-offcanvas-bar .uk-text-secondary,
.uk-overlay-primary .uk-text-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary {
  color: #fff !important
}

.uk-card-primary.uk-card-body .uk-column-divider,
.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,
.uk-card-secondary.uk-card-body .uk-column-divider,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,
.uk-light .uk-column-divider,
.uk-offcanvas-bar .uk-column-divider,
.uk-overlay-primary .uk-column-divider,
.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider {
  column-rule-color: rgba(255, 255, 255, 0.2)
}

.uk-card-primary.uk-card-body .uk-logo,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,
.uk-card-secondary.uk-card-body .uk-logo,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,
.uk-light .uk-logo,
.uk-offcanvas-bar .uk-logo,
.uk-overlay-primary .uk-logo,
.uk-section-primary:not(.uk-preserve-color) .uk-logo,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-logo:hover,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,
.uk-card-secondary.uk-card-body .uk-logo:hover,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,
.uk-light .uk-logo:hover,
.uk-offcanvas-bar .uk-logo:hover,
.uk-overlay-primary .uk-logo:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover {
  color: #fff
}

.uk-card-primary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-light .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-offcanvas-bar .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-overlay-primary .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type) {
  display: none
}

.uk-card-primary.uk-card-body .uk-logo-inverse,
.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,
.uk-card-secondary.uk-card-body .uk-logo-inverse,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,
.uk-light .uk-logo-inverse,
.uk-offcanvas-bar .uk-logo-inverse,
.uk-overlay-primary .uk-logo-inverse,
.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse {
  display: block
}

.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child {
  border-bottom-color: rgba(255, 255, 255, .2)
}

.uk-card-primary.uk-card-body .uk-accordion-title::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,
.uk-card-secondary.uk-card-body .uk-accordion-title::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,
.uk-light .uk-accordion-title::before,
.uk-offcanvas-bar .uk-accordion-title::before,
.uk-overlay-primary .uk-accordion-title::before,
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,
.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,
.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,
.uk-light .uk-open>.uk-accordion-title::before,
.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,
.uk-overlay-primary .uk-open>.uk-accordion-title::before,
.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,
.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,
.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,
.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}



/*!******************************!*\ 
!***  id : kms-CSS-9
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/bootstrap.css
\**********************************/

@charset "UTF-8";

/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


*,
::after,
::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 700;
  line-height: 1.2
}

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

  .h1,
  h1 {
    font-size: 2.5rem
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

  .h2,
  h2 {
    font-size: 2rem
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

  .h3,
  h3 {
    font-size: 1.75rem
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

  .h4,
  h4 {
    font-size: 1.5rem
  }
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

.small,
small {
  font-size: .875em
}

.mark,
mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: var(--bs-link-color);
  text-decoration: underline
}

a:hover {
  color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer::before {
  content: "— "
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: .375rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: .875em;
  color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .5rem .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: 2px solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
  border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color)
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }

  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
  border-radius: .375rem
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px)
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: #e9ecef
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin: 0;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0
}

.form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--mb-gray-300);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: var(--grbs-blue);
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--grbs-blue);
  border-color: var(--grbs-blue);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em;
  padding-left: 0;
}

.form-switch .form-check-input {
  min-width: 2.5rem;
  margin: 0 0.5rem 0 0 ;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 9999px; /* 2em; */
  transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: var(--grbs-blue);
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: var(--grbs-blue);
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: 1px 0
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .375rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #198754
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, .9);
  border-radius: .375rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .375rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 700;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.625rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--grbs-blue);
  --bs-btn-border-color: var(--grbs-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0055cc;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--grbs-blue);
  --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
  --bs-btn-color: var(--grbs-blue);
  --bs-btn-border-color: var(--grbs-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--grbs-blue);
  --bs-btn-hover-border-color: var(--grbs-blue);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--grbs-blue);
  --bs-btn-active-border-color: var(--grbs-blue);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--grbs-blue);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--grbs-blue);
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem
}

.btn-group-sm>.btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--grbs-blue);
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropstart .dropdown-toggle::after {
  display: none
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--grbs-blue);
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group {
  border-radius: .375rem
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: 0 0;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.5rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--mb-base-white);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--mb-gray-300);
  border-radius: var(--bs-card-border-radius);
  
  /*box-shadow: rgb(0 0 0 / 12%) 0px 4px 16px; */
  
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--mb-gray-900);
  
  border-bottom: var(--bs-card-border-width) solid var(--mb-gray-200)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--grbs-blue);
  --bs-pagination-active-border-color: var(--grbs-blue);
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
  color: #06357a
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
  color: #34383c
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
  color: #0c4128
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
  color: #04414d
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
  color: #523e02
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
  color: #6a1a21
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
  color: #4f5050
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
  color: #101214
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: var(--grbs-blue);
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: var(--grbs-blue);
  --bs-list-group-active-border-color: var(--grbs-blue);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

.list-group-numbered>.list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #084298;
  background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #41464b;
  background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #0f5132;
  background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #055160;
  background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #664d03;
  background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #842029;
  background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #636464;
  background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #141619;
  background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: .5
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
  opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .25
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x)
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-end>.popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg)
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color)
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

.spinner-border,
.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:575.98px) {

  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none
  }
}

@media (max-width:575.98px) {

  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:767.98px) {

  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none
  }
}

@media (max-width:767.98px) {

  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:991.98px) {

  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none
  }
}

@media (max-width:991.98px) {

  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1199.98px) {

  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none
  }
}

@media (max-width:1199.98px) {

  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1399.98px) {

  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none
  }
}

@media (max-width:1399.98px) {

  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

.placeholder.btn::before {
  display: inline-block;
  content: ""
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: #0d6efd !important
}

.link-primary:focus,
.link-primary:hover {
  color: #0a58ca !important
}

.link-secondary {
  color: #6c757d !important
}

.link-secondary:focus,
.link-secondary:hover {
  color: #565e64 !important
}

.link-success {
  color: #198754 !important
}

.link-success:focus,
.link-success:hover {
  color: #146c43 !important
}

.link-info {
  color: #0dcaf0 !important
}

.link-info:focus,
.link-info:hover {
  color: #3dd5f3 !important
}

.link-warning {
  color: #ffc107 !important
}

.link-warning:focus,
.link-warning:hover {
  color: #ffcd39 !important
}

.link-danger {
  color: #dc3545 !important
}

.link-danger:focus,
.link-danger:hover {
  color: #b02a37 !important
}

.link-light {
  color: #f8f9fa !important
}

.link-light:focus,
.link-light:hover {
  color: #f9fafb !important
}

.link-dark {
  color: #212529 !important
}

.link-dark:focus,
.link-dark:hover {
  color: #1a1e21 !important
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
  --bs-border-width: 1px
}

.border-2 {
  --bs-border-width: 2px
}

.border-3 {
  --bs-border-width: 3px
}

.border-4 {
  --bs-border-width: 4px
}

.border-5 {
  --bs-border-width: 5px
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, .5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

/*# sourceMappingURL=bootstrap.min.css.map */


/*!******************************!*\ 
!***  id : kms-CSS-10
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/appListingAPP.css
\**********************************/

@charset "UTF-8";





/*PARTIE 2 LISTING APP*/

/*Default*/
/*Red*/
/*Orange*/
/*Light blue*/
/*Blue*/
.stm-pricing__content {
  margin-bottom: 50px;
}

.stm-pricing__side-panel {
  float: left;
  width: 24.3255%;
}

.stm-pricing__filters {
  margin: 25px 0;
  min-height: 50px;
}



.stm-pricing__filters li {
  float: left;
  margin-bottom: 0;
  font-size: 13px;
  text-transform: capitalize;
  margin-bottom: 0;
}



.stm-pricing__filters .stm-pricing__filter_fluid-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}

.stm-pricing__filters a {
  display: block;
  padding: 3px 20px;
}

.stm-pricing__filters a:focus,
.stm-pricing__filters a:hover {
  text-decoration: none;
}

.stm-pricing__features {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.stm-pricing__features li {
  padding: 14px 20px;
  margin-bottom: 0;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stm-pricing__features li:nth-child(odd) {
  background-color: var(--mb-base-white);
}

.stm-pricing__features li.motors-price-side {
  background-color: #153e4d;
  color: var(--mb-base-white);
}

.stm-pricing__tables {
  float: right;
  width: 74.325%;
  margin: 0 -15px;
}

.stm-pricing__tables-row {
  width: 100%;
}

.stm-pricing__tables-col {
  float: left;
}

.stm-pricing_3 .stm-pricing__tables-col {
  width: 33.33%;
}

.stm-pricing_3 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
  padding: 0 15px 60px;
}

.stm-pricing_2 .stm-pricing__tables-col {
  width: 50%;
}

.stm-pricing_2 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
  padding: 0 15px;
}

.stm-pricing_1 .stm-pricing__tables-col {
  width: 100%;
}

.stm-pricing_1 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
  padding: 0 15px;
}

.stm-pricing-table,
.stm-pricing-table.heading-font {
  position: relative;
  padding: 30px 17px 5px;
  background-color: var(--mb-base-white);
  border-top: 4px solid #153e4d;
  text-align: center;
}

.stm-pricing-table__title {
  margin-bottom: 21px;
  font-size: 20px;
  color: #153e4d;
  font-weight: 700;
  text-transform: uppercase;
}

.stm-pricing-table__periods {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}

.stm-pricing-table__periods li {
  margin-bottom: 0;
}

.stm-pricing-table__periods-item {
  display: none;
  transition: opacity;
}

.stm-pricing-table__periods-item_active {
  display: block;
}

.stm-pricing-table__price {
  min-height: 50px;
  margin-bottom: 0px;
  font-size: 42px;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--mb-base-white);
  background-color: #153e4d;
}

.stm-pricing-table__price i {
  font-size: 15px;
}

.stm-pricing-table__period {
  font-size: 0.875rem;
  color: gray;
}

.stm-pricing-table__features {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.stm-pricing-table__feature {
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: 15px;
}

.stm-pricing-table__feature .fas.fa-check {
  color: #1bc744;
}

.stm-pricing-table__feature .fas.fa-minus {
  color: #aaa;
}

.stm-pricing-table__feature:nth-child(even) {
  background-color: #f0f2f5;
}

.stm-pricing-table__feature-label {
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  color: gray;
  
}





.stm_pricing_table_col_labels .stm_pricing_table_single_label:nth-child(even) {
  background-color: #6c98e1;
}

.stm-pricing-table__feature-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stm-pricing-table,
.stm-pricing-table.heading-font {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

.stm-pricing-table .stm-pricing-table__action,
.stm-pricing-table.heading-font .stm-pricing-table__action {
  position: absolute;
  bottom: -60px;
  left: 0;
  height: 60px;
  width: 100%;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  opacity: 0;
}



.stm-pricing-table .stm-pricing-table__action>a,
.stm-pricing-table.heading-font .stm-pricing-table__action>a {
  position: relative;
  visibility: hidden;
  display: inline-block;
  z-index: 5;
}

.stm-pricing-table:hover,
.stm-pricing-table.heading-font:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.stm-pricing-table:hover .stm-pricing-table__action,
.stm-pricing-table.heading-font:hover .stm-pricing-table__action {
  height: 60px;
  bottom: -60px;
  visibility: visible;
  opacity: 1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.stm-pricing-table:hover .stm-pricing-table__action>a,
.stm-pricing-table.heading-font:hover .stm-pricing-table__action>a {
  visibility: visible;
}

.stm_dynamic_listing_filter {
  position: relative;
}

.stm_dynamic_listing_filter:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../../../images/listing-filter-overlay.png") 0 0 no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  z-index: 1;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li {
  float: left;
  margin-bottom: 0;
  background-color: #11323e;
  border-right: 1px solid #133340;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li a {
  position: relative;
  display: block;
  padding: 15px 43px 12px 35px;
  color: var(--mb-base-white);
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  z-index: 2;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li.active {
  background-color: #153e4d;
  border-right-color: #153e4d;
}

.stm_dynamic_listing_filter .tab-content {
  padding: 42px 30px 20px;
  background-color: #153e4d;
}

.stm_dynamic_listing_filter .tab-content .tab-pane {
  position: relative;
  z-index: 2;
}

.stm_dynamic_listing_filter .tab-content .tab-pane input[type=text],
.stm_dynamic_listing_filter .tab-content .tab-pane input[type=number],
.stm_dynamic_listing_filter .tab-content .tab-pane input[type=tel],
.stm_dynamic_listing_filter .tab-content .tab-pane input[type=email],
.stm_dynamic_listing_filter .tab-content .tab-pane input[type=search],
.stm_dynamic_listing_filter .tab-content .tab-pane input[type=password] {
  height: 46px;
  font-size: 0.875rem;
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects {
  overflow: hidden;
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-select-col {
  margin-bottom: 30px;
  padding: 0 8px;
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects>.row {
  margin: 0 -8px;
}

.stm_dynamic_listing_filter .tab-content .stm-location-search-unit.loading {
  position: relative;
}

.stm_dynamic_listing_filter .tab-content .stm-location-search-unit .gm-err-autocomplete {
  background-position-y: center;
  background-position-x: 8px;
  padding-left: 30px;
}



.stm_dynamic_listing_filter .tab-content button[type=submit] span {
  margin-right: 4px;
}

.stm_dynamic_listing_filter .tab-content button[type=submit] i {
  display: inline-block;
  margin-right: 6px;
  font-size: 1rem;
}

.stm_dynamic_listing_filter .tab-content button[type=submit]:active {
  top: -1px;
}

.stm_dynamic_listing_filter .tab-content .stm-slide-content {
  display: none;
  position: relative;
}

.stm_dynamic_listing_filter .tab-content .taxonomy_range_wrap {
  min-height: 50px;
}

.stm_dynamic_listing_filter .tab-content .taxonomy_range_wrap .mts_semeht_taxonomy {
  position: relative;
}

.stm_dynamic_listing_filter .tab-content .taxonomy_range_wrap .mts_semeht_taxonomy label {
  color: var(--mb-base-white);
  vertical-align: top;
}

.stm_dynamic_listing_filter .tab-content .taxonomy_range_wrap .mts_semeht_taxonomy .stm-taxonomy-range-unit {
  margin-top: 10px;
  padding: 0 10px;
}

.stm_dynamic_listing_filter .tab-content .taxonomy_range_wrap .taxonomy-tooltip {
  margin-top: 2px;
}

.stm_dynamic_listing_filter .tab-content .taxonomy_range_wrap .taxonomy-tooltip .tooltip-inner {
  padding: 1px 3px 0;
  background-color: #eceff3;
  color: #222222;
}

.stm_dynamic_listing_filter .tab-content .stm-more-options-wrap {
  display: block;
  position: relative;
  float: right;
  clear: both;
  cursor: pointer;
  padding: 10px 0 10px 10px;
}

.stm_dynamic_listing_filter .tab-content .stm-more-options-wrap span {
  border-bottom: 1px dotted;
}

.stm_dynamic_listing_filter .select2-container--default .select2-selection--single {
  height: 46px;
  opacity: 1;
}






.listing-main-color {
  color: #153e4d;
}



.admin-bar .stm-banner-image-filter.image {
  top: 37px;
}

.listing-main-border-color {
  border-color: #153e4d;
}

.stm-top-border-second-color {
  border-top-color: #153e4d;
}

.stm-template-listing #stm_sell_a_car_form #stm_motors_vin_decoder #checkVin {
  background-color: #1bc744;
  border-color: #1bc744;
  box-shadow: 0 2px 0 #169f36;
}

.stm-template-listing .stm-badge-directory {
  position: absolute;
  right: -65px;
  padding: 0 55px;
  top: 20px;
  width: 200px;
  height: 33px;
  line-height: 33px;
  transform: rotate(45deg);
  background-color: #1bc744;
  color: var(--mb-base-white);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stm-template-listing .stm-fullwidth-with-parallax {
  background-size: 100%;
}







.stm-template-listing .single-add-to-compare.danger .compare-fixed-link:hover,
.stm-template-listing .single-add-to-compare.overadded .compare-fixed-link:hover {
  color: #ff0000;
}

.stm-template-listing .single-add-to-compare.warning {
  background-color: #8a6d3b;
}

.stm-template-listing .single-add-to-compare.warning .compare-fixed-link:hover {
  color: #8a6d3b;
}



.stm-template-listing div.radio span,
.stm-template-listing div.radio span {
  background-image: url("../../../images/radio-green.png");
}

.stm-template-listing div.checker span {
  background-image: url("../../../images/checks-green.png");
}

.stm-notice {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #ff0000;
  padding: 9px 11px 9px 20px;
}

.stm-notice .notice-text i {
  color: #ff0000;
}

.stm-notice .notice-text span {
  font-size: 0.875rem;
  color: #153e4d;
}

.listing-list-loop .image .image-inner .stm-badge-directory {
  z-index: 3;
}



.stm-template-listing .listing-list-loop.stm-listing-directory-list-loop .content .meta-top .title a:hover {
  color: #1bc744;
}













.stm-template-listing .stm-button-secondary-color {
  background-color: #1bc744;
  box-shadow: 0 2px 0 #169f36;
}










.stm-template-listing .archive-listing-page .listing-list-loop .image:hover .image-inner:after {
  opacity: 1;
}






.stm-single-car-page .stm_listing_title {
  font-size: 40px;
  font-weight: 600;
  font-style: normal;
  line-height: 45px;
  text-align: left;
  color: #1bc744;
  margin-bottom: 0;
}

.stm-single-car-page .ev_title_attributes {
  text-transform: uppercase;
  color: #1bc744;
  opacity: 0.5;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  line-height: 30px;
  text-align: left;
}

.stm-single-car-page .stm_all_in_one_price_block {
  padding: 22px;
  border-radius: 0.5rem;
}

.stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3 {
  display: block;
  color: #1bc744;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  
  margin-bottom: 0;
}

.stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.regular_price,
.stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.price_label {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.regular_price .crossed,
.stm-single-car-page .stm_all_in_one_price_block .prices_wrap .h3.price_label .crossed {
  text-decoration: line-through;
}

.stm-single-car-page .stm_all_in_one_price_block .action-links a {
  color: #1bc744;
  text-decoration: underline;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  
  opacity: 0.5;
}

.stm-single-car-page .stm_all_in_one_price_block .action-links a:first-child {
  margin-bottom: 10px;
}

.stm-single-car-page .stm_all_in_one_price_block .action-links a:hover {
  text-decoration: none;
}

.stm-single-car-page .stm_all_in_one_price_block .contact-btn {
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  font-style: normal;
  
  line-height: 18px;
  text-align: center;
  box-shadow: none;
}

.stm-single-car-page .electric_vehicle_mpg {
  border-radius: 0.5rem;
  border: 1px solid #bbbec1;
  margin-bottom: 0;
  padding: 20px 10px;
}

.stm-single-car-page .electric_vehicle_mpg .units_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-unit .mpg-label {
  color: #1bc744;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  
  line-height: 24px;
  text-align: center;
  text-transform: initial;
}

.stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-icon {
  background-color: #153e4d;
  display: flex;
  justify-content: center;
}

.stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-icon i {
  position: relative;
}

.stm-single-car-page .electric_vehicle_mpg .units_wrap .mpg-icon i:before {
  position: absolute;
  left: -19px;
}

.stm-single-car-page .stm_battery_charging_time {
  border-radius: 0.5rem;
  border: 1px solid #bbbec1;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap {
  margin-bottom: 0;
  border: none;
  padding-bottom: 25px;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap h3 {
  color: #1bc744;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  
  
  text-align: center;
  text-transform: capitalize;
  margin: 10px 0 0.875rem;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-value {
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  
  line-height: 0.875rem;
  text-align: center;
  margin-bottom: 10px;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-label {
  color: #1bc744;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  
  line-height: 0.875rem;
  text-align: center;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-label span {
  text-transform: capitalize;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-icon {
  background-color: #18d551;
  display: flex;
  justify-content: center;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-icon i {
  position: relative;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-icon i:before {
  position: absolute;
  left: -11px;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .mpg-mobile-selector {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.stm-single-car-page .stm_battery_charging_time .charge_times_wrap .charge-range {
  opacity: 0.5;
  color: #1bc744;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  
  
  text-align: center;
  margin-bottom: 0;
  margin-top: 12px;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery {
  position: relative;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(27, 199, 68, 0.4);
  z-index: 10;
  overflow: hidden;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare {
  display: flex;
  position: absolute;
  z-index: 10;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn {
  color: var(--mb-base-white);
  border: 2px solid var(--mb-base-white);
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 0.875rem;
  
  display: flex;
  align-items: center;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn .stm-icon-remove,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn span.remove {
  display: none;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn:hover,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn:active,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn:focus {
  text-decoration: none;
  background-color: #153e4d;
  border: 2px solid #153e4d;
  cursor: pointer;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active {
  background-color: #153e4d;
  border: 2px solid #153e4d;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active .stm-icon-remove,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active span.remove {
  display: inline-block;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active .stm-icon-add,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.active span.add {
  display: none;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn i {
  margin-right: 7px;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .share_compare .gallery_btn.stm-shareble .stm-a2a-popup {
  top: 38px;
  opacity: 1;
  z-index: 30;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger {
  display: flex;
  position: absolute;
  z-index: 10;
  width: 100%;
  align-items: center;
  justify-content: center;
  top: 45%;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon {
  position: relative;
  width: 50px;
  height: 28.87px;
  background: transparent;
  border-left: solid 2px var(--mb-base-white);
  border-right: solid 2px var(--mb-base-white);
  margin: 14.43px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:before,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 35.36px;
  height: 35.36px;
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 5.3223px;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:before {
  top: -17.6777px;
  border-top: solid 2.8284px var(--mb-base-white);
  border-right: solid 2.8284px var(--mb-base-white);
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:after {
  bottom: -17.6777px;
  border-bottom: solid 2.8284px var(--mb-base-white);
  border-left: solid 2.8284px var(--mb-base-white);
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:hover {
  background-color: #153e4d;
  border-left: solid 2px #153e4d;
  border-right: solid 2px #153e4d;
  cursor: pointer;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:hover::before {
  border-top: solid 2.8284px #153e4d;
  border-right: solid 2.8284px #153e4d;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon:hover::after {
  border-bottom: solid 2.8284px #153e4d;
  border-left: solid 2.8284px #153e4d;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .lightbox_trigger .hexagon .fas {
  position: absolute;
  color: var(--mb-base-white);
  font-size: 22px;
  z-index: 5;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .stm-badge-directory,
.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .special-label.h5 {
  position: absolute;
  top: unset;
  left: unset;
  bottom: 45px;
  right: -60px;
  height: 49px;
  padding: 0 65px;
  line-height: 49px;
  color: var(--mb-base-white);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  transform: rotate(-45deg) translateZ(0);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  z-index: 10;
  min-width: 260px;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .stm-badge-directory {
  background-color: #153e4d;
}

.stm-single-car-page .stm_gallery_with_buttons .ev_gallery .gallery_overlay .special-label.h5 {
  background-color: #fc4e4e;
}

.stm-single-car-page .stm_gallery_with_buttons .gallery-buttons {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  justify-content: space-between;
}

.stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn {
  margin-left: 0;
  width: 100%;
}

.stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn:first-child {
  margin-left: 0;
}

.stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn .button {
  text-transform: capitalize;
  min-width: 100%;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 20px;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: #1bc744;
}

.stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn .button:hover {
  background-color: #153e4d;
}

.stm-single-car-page .stm_gallery_with_buttons .gallery-buttons .gallery_action_btn .button i {
  font-size: 18px;
  margin-right: 7px;
}



.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery {
  position: relative;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls {
  margin-top: 0;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev,
.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next {
  position: absolute;
  top: 70px;
  padding: 5px 8px;
  background-color: var(--mb-base-white);
  text-align: center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev:after,
.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #153e4d;
  
  display: block;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev:hover,
.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next:hover {
  cursor: pointer;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev {
  left: -10px;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-prev:after {
  content: "\f053";
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next {
  right: -10px;
}

.stm-single-car-page .stm_highlight_photos .stm-highlight-gallery .owl-controls .owl-next:after {
  content: "\f054";
}

.stm-single-car-page .stm_multipurpose_link a {
  color: #153e4d;
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

.stm-single-car-page .stm_multipurpose_link a:hover {
  text-decoration: none;
}

.stm-single-car-page .stm_multipurpose_link a.ev_add_compare_link.active {
  color: #1bc744;
}

.stm-single-car-page .stm_multipurpose_link a i {
  color: #153e4d;
  margin-left: 5px;
}

.stm-single-car-page .stm_multipurpose_link a i:before {
  color: #153e4d;
}

.stm-single-car-page .stm-attribute_boxes .attribute-box {
  min-height: 120px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 0.5rem;
  text-align: center;
  padding: 20px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stm-single-car-page .stm-attribute_boxes .attribute-box i {
  font-size: 22px;
  margin-bottom: 8px;
}

.stm-single-car-page .stm-attribute_boxes .attribute-box p {
  margin: 0;
}

.stm-single-car-page .stm-attribute_boxes .attribute-box p.label-text {
  font-size: 13px;
  margin-bottom: -3px;
}

.stm-single-car-page .stm-attribute_boxes .attribute-box p.value-text {
  font-weight: 700;
  font-size: 15px;
}



.centered-banner-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.stm_icon_filter_title {
  overflow: hidden;
  margin-bottom: 22px;
}

.stm_listing_icon_filter {
  font-size: 0;
  margin: 0 -20px;
}

.stm_listing_icon_filter.stm_listing_icon_filter_12 .stm_listing_icon_filter_single {
  width: 8.3%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_9 .stm_listing_icon_filter_single {
  width: 11.1%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_6 .stm_listing_icon_filter_single {
  width: 16.6%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_4 .stm_listing_icon_filter_single {
  width: 25%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_3 .stm_listing_icon_filter_single {
  width: 33.3%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_2 .stm_listing_icon_filter_single {
  width: 50%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_1 .stm_listing_icon_filter_single {
  width: 100%;
}

.stm_listing_icon_filter.active {
  margin: 0 -10px;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single {
  margin-bottom: 1rem;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single .inner {
  padding: 0 10px;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single .name {
  text-align: left;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single.non-visible {
  display: inline-block;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 44px;
  max-height: 300px;
  overflow: hidden;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: 0 20px;
  text-align: center;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner .image {
  padding: 0 10px;
  opacity: 0.9;
  min-height: 62px;
  line-height: 62px;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner img {
  display: inline-block;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner .name {
  margin-top: 5px;
  font-size: 13px;
  color: #777;
  text-decoration: underline;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single:hover .name {
  color: #4e90cc;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single:hover .image {
  opacity: 1;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single.non-visible {
  display: none;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single.non-visible .name {
  text-align: left;
}

.stm_listing_icon_filter.owl-carousel .stm_listing_icon_filter_single {
  width: 100%;
  margin-bottom: 30px;
}

.stm_listing_icon_filter.owl-carousel .stm_listing_icon_filter_single .inner .name {
  margin-top: 0;
}

.stm_listing_icon_filter.owl-carousel .owl-item a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.stm_listing_icon_filter.owl-carousel .owl-controls {
  display: block;
  width: 100%;
  position: absolute;
  top: 38%;
  transform: translateY(-38%);
  margin: 0;
}

.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav {
  display: block;
  z-index: 100;
  width: 100%;
  position: relative;
}

.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav .owl-next:hover {
  background-color: #1bc744;
}

.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav .owl-prev {
  display: block;
  width: 55px;
  height: 35px;
  color: transparent;
  font-size: 0;
  position: absolute;
  background-color: #dddddd;
  border-radius: 0.5rem;
  top: 50%;
  left: -85px;
  transform: translateY(-50%);
}

.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav .owl-prev:before {
  display: block;
  content: "\f053";
  height: auto;
  font-family: "Font Awesome 5 Free";
  color: var(--mb-base-white);
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-weight: 600;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}

.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav .owl-next {
  display: block;
  width: 55px;
  height: 35px;
  color: transparent;
  font-size: 0;
  position: absolute;
  background-color: #dddddd;
  border-radius: 0.5rem;
  right: -85px;
  top: 50%;
  transform: translateY(-50%);
}

.stm_listing_icon_filter.owl-carousel .owl-controls .owl-nav .owl-next:before {
  display: block;
  content: "\f054";
  height: auto;
  font-family: "Font Awesome 5 Free";
  color: var(--mb-base-white);
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-weight: 600;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}

.my-plans-wrapper h4 {
  display: block;
  float: none;
}

.my-plans-wrapper .stm-plans-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap {
  display: block;
  width: 31%;
  margin-right: 28px;
  margin-bottom: 28px;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap:nth-child(3n) {
  margin-right: 0;
}



.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .stm-pricing-table__feature {
  background-color: transparent;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .stm-pricing-table__feature:first-child {
  color: var(--mb-base-white);
  background-color: #153e4d;
  margin-bottom: 5px;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .stm-pricing-table__feature:first-child .stm-pricing-table__feature-label {
  color: var(--mb-base-white);
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .stm-pricing-table__feature-label {
  display: block;
  font-weight: normal;
  font-size: 13px;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .stm-pricing-table__feature-value {
  font-weight: 700;
  font-size: 1rem;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap {
  padding: 15px 0;
  background-color: transparent;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: visible;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value button,
.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value a {
  display: block;
  width: 48%;
  padding: 17px 10px 15px;
  text-align: center;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value button.stm-btn-plan-cancel,
.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value a.stm-btn-plan-cancel {
  background-color: #f0f2f5;
  box-shadow: 0 2px 0 #cccccc;
  color: #232628;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value button.stm-btn-plan-trial,
.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value a.stm-btn-plan-trial {
  background-color: #6c98e2;
  box-shadow: 0 2px 0 #4e90ce;
}

.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value button.btn-load,
.my-plans-wrapper .stm-plans-grid .stm-plan-grid-item-wrap .btn-wrap .stm-pricing-table__feature-value a.btn-load {
  opacity: 0.2;
}

.my-plans-wrapper .stm-plans-grid .stm-response-msg {
  font-size: 12px;
  line-height: 18px;
  color: red;
  padding: 0 0 10px;
}

.my-plans-wrapper .stm-plans-grid .get-new-link {
  text-decoration: none;
}

.my-plans-wrapper .stm-plans-grid .get-new-link:hover .get-new-btn {
  border-color: #1bc744;
}

.my-plans-wrapper .stm-plans-grid .get-new-link:hover .get-new-btn i {
  color: #1bc744;
}

.my-plans-wrapper .stm-plans-grid .get-new-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border: 3px solid #cccccc;
  border-radius: 9999px;
  margin: 40px auto;
  transition: all 0.1s ease-in-out;
}

.my-plans-wrapper .stm-plans-grid .get-new-btn i {
  color: #cccccc;
  vertical-align: center;
  font-size: 30px;
  transition: all 0.1s ease-in-out;
}

.stm-vc-listing-pad__left {
  padding-left: 25px;
}

.stm-vc-listing-pad__right {
  padding-right: 25px;
}

.plus-added-emeht-mts {
  position: relative;
}

.plus-added-emeht-mts .add-new-term {
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 18px;
  cursor: pointer;
}



.stm_select_overflowed .select2-dropdown.select2-dropdown--above {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 46px;
}

.stm_select_overflowed .select2-dropdown.select2-dropdown--above .select2-search.select2-search--dropdown input {
  margin-bottom: 0;
  margin-top: 10px;
}





.admin-bar .stm_select_overflowed .select2-dropdown.select2-dropdown--above {
  margin-top: 78px;
}

.admin-bar .stm_select_overflowed .select2-dropdown.select2-dropdown--below {
  margin-top: -0.875rem;
}

.stm_lOffers_banner {
  position: relative;
  z-index: -1;
}

.centered-banner-content-listing {
  position: relative;
  padding: 160px 0 159px;
}

.centered-banner-content-listing .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}

.centered-banner-content-listing .inner {
  position: relative;
  max-width: 1140px;
  width: auto;
  margin: -4px -15px 0;
  padding: 0 15px;
  z-index: 5;
}

.centered-banner-content-listing .inner h1 {
  margin-bottom: 5px;
  font-size: 70px;
  line-height: 50px;
  
}

.centered-banner-content-listing .inner h3 {
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 24px;
}

#stm-vivus-arrow {
  position: absolute;
  left: -50px;
  top: 30px;
}
















.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .labels {
  margin-bottom: -1px;
  font-size: 0.875rem;
  color: #1bc744;
  text-transform: uppercase;
  font-weight: 700;
  word-spacing: 0;
}




















#stm-vivus-arrow svg path {
  stroke-dasharray: 0, 0;
}





.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner:before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner:after {
  content: "\e924";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  font-family: "stm-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
  font-size: 30px;
  color: #6c98e1;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner.loading:before,
.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner.loading:after {
  visibility: visible;
  opacity: 1;
  z-index: 99;
}



.stm-listing-directory-checkboxes.stm-one_col .stm-option-label {
  display: block;
  margin-bottom: 7px;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label .stm-option-image {
  max-width: 130px;
  margin-bottom: 10px;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label:hover {
  cursor: pointer;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label:hover>span {
  text-decoration: none;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-checkbox-submit {
  display: inline-block;
  margin: 11px auto -15px;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-checkbox-submit .button {
  min-width: 103px;
  text-align: center;
  padding: 13px 15px 9px 15px;
  font-size: 12px;
  line-height: 0.875rem;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper {
  margin: 0 -20px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label {
  width: 50%;
  display: block;
  padding: 0 15px;
  float: left;
  margin-bottom: 25px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label:nth-child(2n+1) {
  clear: both;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label .stm-option-image {
  max-width: 130px;
  margin-bottom: 10px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label:hover {
  cursor: pointer;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label:hover>span {
  text-decoration: underline;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-checkbox-submit {
  padding: 0 15px;
  margin: -5px auto -15px;
}

.stm-listing-directory-checkboxes.stm-two_cols .checker {
  margin-right: 2px;
}

.stm-listing-directory-checkboxes .non-active {
  opacity: 0.5;
}

.stm-listing-directory-checkboxes span {
  font-size: 13px;
}

.stm-listing-directory-checkboxes .stm-option-label:last-child {
  margin-bottom: 0;
}

.compare-fixed-link {
  border-color: rgba(255, 255, 255, 0.4);
}

.compare-fixed-link:hover {
  background: rgba(255, 255, 255, 0.4);
}
























.listing-archive-dealer-info .dealer-info-block .send-message {
  color: #888;
  text-decoration: none;
  font-size: 13px;
}

.listing-archive-dealer-info .dealer-info-block .send-message i {
  font-size: 11px;
  margin-right: 4px;
}

.listing-archive-dealer-info .dealer-info-block .send-message:hover span {
  border-bottom: 1px dashed #888;
}

.stm-listing-no-price-labels.listing-list-loop .content .meta-top .price {
  min-width: inherit;
  padding-left: 10px;
  margin-top: 8px;
}

.stm-listing-no-price-labels.listing-list-loop .content .meta-top .price:before {
  transform: skew(-17deg, 0deg);
}

.stm-listing-no-price-labels.listing-list-loop .content .meta-top .price .normal-price {
  padding: 8px 16px 8px 0;
  font-size: 20px;
  word-spacing: 2px;
}

.stm-listing-no-price-labels.listing-list-loop .content .meta-top .price .normal-price .label-price {
  display: none;
}

.stm-listing-no-price-labels.listing-list-loop .content .meta-top .price.discounted-price .regular-price .label-price {
  display: none;
}

.stm-listing-no-price-labels.listing-list-loop .content .meta-top .price.discounted-price .sale-price .label-price {
  display: none;
}








.stm-template-listing .filter-sidebar .stm-location-search-unit.loading {
  position: relative;
}

.stm-template-listing .filter-sidebar .stm-location-search-unit input[type=text] {
  background-position-y: center;
}

.stm-template-listing .filter-sidebar .stm-location-search-unit.loading:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 25;
}











.stm-template-listing .filter-sidebar #ca_location_listing_filter:focus {
  background-color: var(--mb-base-white);
  color: #222;
}



.stm-template-listing .filter-sidebar #ca_location_listing_filter.empty:focus {
  background-color: var(--mb-base-white);
  color: #222;
}

.stm-template-listing .filter-sidebar #ca_location_listing_filter.empty::-webkit-input-placeholder {
  color: #222;
}



.stm-template-listing .filter-sidebar .sidebar-action-units .button:hover span {
  text-decoration: underline;
}



.stm-template-listing .filter-sidebar #ca_location_listing_filter::-webkit-input-placeholder {
  color: #000;
}

.stm-template-listing .filter-sidebar #ca_location_listing_filter.empty::-webkit-input-placeholder {
  color: var(--mb-base-white);
}

.stm-listing-single-price-title {
  margin-bottom: 21px;
  font-weight: 700;
}



.stm-listing-single-price-title .title .labels {
  margin: -3px 0 7px;
  color: #1bc744;
  font-size: 0.875rem;
  line-height: 1rem;
  text-transform: uppercase;
}



.stm-listing-single-price-title .price:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: -11px;
  height: 100%;
  width: 32px;
  background-color: #1bc744;
  transform: skew(-23deg, 0deg);
  z-index: -1;
}









.stm-listing-car-gallery .stm-car-medias>div:hover,
.stm-car-carousels .stm-car-medias>div:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6);
}







 .stm-gallery-action-unit a {
  all: unset;
  
  border: 0;
  display: block;
  position: relative;
  text-decoration: none;
}






 .stm-gallery-action-unit:hover {
  cursor: pointer;
}



 .st_sharethis_large {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}



















 .stm-car-similar-meta i {
  position: relative;
  top: 2px;
  margin-right: 3px;
  font-size: 15px;
  color: #aaa;
}



.stm-form-with-icon {
  position: relative;
  margin-bottom: 0.875rem;
}

.stm-form-with-icon input {
  padding-left: 33px;
}

.stm-form-with-icon i {
  display: block;
  width: 33px;
  text-align: center;
  position: absolute;
  padding-left: 5px;
  top: 13px;
  left: 0;
  font-size: 10px;
  color: #aaa;
  z-index: 10;
}

.stm-form-with-icon i.stm-service-icon-write_message {
  font-size: 0.875rem;
}

.stm-form-with-icon i.stm-service-icon-user-2 {
  top: 0.875rem;
}

.stm-form-with-icon i.stm-service-icon-pin_2 {
  font-size: 0.875rem;
}

.stm-form-with-icon i.stm-service-icon-phone {
  font-size: 12px;
}

.stm-form-with-icon i.stm-service-icon-mail-o {
  top: 1rem;
  font-size: 8px;
}

.stm-form-with-icon i:before {
  color: #aaa;
}

.stm-template-listing #footer-copyright .footer-copyright:before {
  height: 0;
}

.stm-listing-layout-footer .container>.clearfix {
  padding-top: 10px;
  padding-bottom: 28px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}









 .stm-footer-search-inventory .tt-menu {
  top: inherit;
  bottom: 100%;
  width: 100%;
  background-color: var(--mb-base-white);
}





 .stm-footer-menu {
  overflow: hidden;
  text-align: right;
}

 .stm-listing-footer-menu {
  margin: 6px 0 0;
}

 .stm-listing-footer-menu li {
  position: relative;
  display: inline-block;
  margin-left: 24px;
}


 .stm-listing-footer-menu li:first-child:before {
  display: none;
}

 .stm-listing-footer-menu li:before {
  position: absolute;
  content: "";
  display: block;
  top: 6px;
  left: -13px;
  height: 12px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}


 .stm-listing-footer-menu li a:hover {
  color: var(--mb-base-white);
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #f0f2f5 inset;
  -webkit-box-shadow: 0 0 0px 1000px #f0f2f5 inset;
}





















.stm-login-register-form .stm-login-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}














.stm-login-register-form .stm-register-form form input[type=submit][disabled] {
  border-width: 1px;
  border-style: solid;
  border-color: #c9cccf;
  background-color: #c9cccf;
}

.stm-login-register-form .stm-register-form form input[type=submit][disabled]:hover {
  cursor: not-allowed;
}







.stm-login-register-form .stm-register-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-login-register-form .stm-register-form form .stm-listing-loader.visible {
  display: block;
  visibility: visible;
  opacity: 1;
}



.stm-show-password {
  position: relative;
}

.stm-show-password .fas {
  position: absolute;
  top: calc(50% + 0.5rem);
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 50px;
  height: auto;
  line-height: normal;
  text-align: center;
  font-size: 1rem;
  opacity: 0.8;
}

.stm-show-password .fas:hover {
  cursor: pointer;
  opacity: 1;
}

.stm-show-password input {
  padding-right: 45px;
}

.stm-user-public-profile {
  margin: 50px auto 91px;
}

.stm-user-public-profile .stm-user-public-profile-top {
  padding-bottom: 32px;
  margin-bottom: 24px;
  border-bottom: 4px solid #153e4d;
}

.stm-user-public-profile .stm-user-name {
  position: relative;
  float: left;
  height: 80px;
  line-height: 80px;
  padding-left: 104px;
  margin-right: 5px;
  overflow: hidden;
}

.stm-user-public-profile .stm-user-name .image {
  position: absolute;
  top: 0%;
  left: 0;
  width: 80px;
  height: 80px;
  line-height: 70px;
  overflow: hidden;
  background-color: #eee;
  border-radius: 9999px;
  overflow: hidden;
  text-align: center;
}

.stm-user-public-profile .stm-user-name .image img {
  display: inline-block;
  max-width: 100%;
}

.stm-user-public-profile .stm-user-name .image .stm-service-icon-user {
  position: relative;
  top: 4px;
  font-size: 35px;
  line-height: 70px;
  color: #acb9bd;
}

.stm-user-public-profile .stm-user-name .title {
  display: inline-block;
  vertical-align: middle;
}

.stm-user-public-profile .stm-user-name h4 {
  margin-bottom: 6px;
  line-height: 1rem;
  font-size: 20px;
}

.stm-user-public-profile .stm-user-name .stm-title-desc {
  font-size: 13px;
  line-height: 13px;
  color: #888;
}

.stm-user-public-profile .stm-user-data-right {
  overflow: hidden;
  text-align: center;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email {
  text-align: left;
  position: relative;
  float: right;
  margin-top: 8px;
  margin-left: 5px;
  padding: 14px 26px 11px 49px;
  background-color: #f2f2f2;
  border-radius: 3px;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email .fas {
  position: absolute;
  top: 18px;
  left: 21px;
  color: #4e90cc;
  font-size: 1rem;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email .mail-label {
  font-size: 13px;
  color: #888;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email .mail {
  font-size: 0.875rem;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone {
  margin-top: 26px;
  display: inline-block;
  position: relative;
  padding-left: 32px;
  text-align: left;
  overflow: hidden;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone .stm-service-icon-phone_2 {
  position: absolute;
  top: 3px;
  left: 0;
  color: #1bc744;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone .phone {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 0;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone .phone-label {
  margin-top: 2px;
  font-size: 13px;
  color: #888;
}

.stm-user-public-profile .stm-user-sidebar .stm-service-icon-write_message {
  font-size: 0.875rem;
}

.stm-user-public-profile .stm-user-sidebar textarea {
  padding: 8px 10px 8px 30px;
}

.stm-user-public-listing .stm-seller-title {
  margin-bottom: 21px;
  font-size: 20px;
  font-weight: 700;
}



.stm-user-public-listing .meta-bottom {
  position: relative;
}























.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .socials a:hover {
  background-color: var(--mb-base-white);
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .socials a:last-child {
  margin-right: 0;
}




























.stm-user-private .stm-user-private-main .archive-listing-page {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.stm-user-private .stm-user-private-main .archive-listing-page .listing-list-loop.stm-listing-directory-list-loop .stm-listing-favorite {
  
}



















.stm-dp-in {
  display: inline-block;
}



.stm-directory-grid-loop .image .stm-listing-compare {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--mb-base-white);
  font-size: 0.875rem;
  border-radius: 2px;
  opacity: 0;
  z-index: 20;
}

.stm-directory-grid-loop .image .stm-listing-compare:hover {
  cursor: pointer;
}

.stm-directory-grid-loop .image .stm-listing-compare.active {
  background: linear-gradient(180deg, #1bc744 0%, #169f36 100%);
  opacity: 1;
}

.stm-directory-grid-loop .image .stm-listing-favorite {
  position: absolute;
  left: 0.25rem;
  bottom: 0.25rem;
  padding: 0;
  background-color: transparent;
  color: var(--mb-base-white);
  border-radius: 0.25rem;
  opacity: 1;
  z-index: 2;
}

.stm-directory-grid-loop .image .stm-listing-favorite:hover {
  cursor: pointer;
}

.stm-directory-grid-loop .image .stm-listing-favorite.active {
  
  opacity: 1;
}

.stm-directory-grid-loop .image .stm-car-medias {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 20;
}







.stm-directory-grid-loop .image:hover .stm-listing-compare,
.stm-directory-grid-loop .image:hover .stm-listing-favorite,
.stm-directory-grid-loop .image:hover .stm-car-medias {
  opacity: 1;
}

.listing_stats_wrap {
  position: absolute;
  right: 7px;
  top: 15px;
  z-index: 20;
}

.listing_stats_wrap>div:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6);
}











.stm_edit_disable_car span {
  line-height: 1.5;
}







.listing-list-loop-edit {
  position: relative;
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}

.listing-list-loop-edit.stm-invisible {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}



.listing-list-loop-edit.draft:hover .stm_edit_disable_car,
.listing-list-loop-edit.pending:hover .stm_edit_disable_car {
  opacity: 1;
}

.listing-list-loop-edit .image:hover .stm_edit_disable_car {
  opacity: 1;
}





.listing-list-loop-edit .stm_car_move_to_trash a:hover {
  opacity: 1;
}

.car-as-sold {
  position: relative;
}



.car-as-sold.stm-listing-directory-list-loop .listing-archive-dealer-info .dealer-img {
  overflow: hidden;
  position: relative;
}

.car-as-sold.stm-listing-directory-list-loop a {
  display: block;
  overflow: hidden;
}

.car-as-sold.stm-listing-directory-list-loop a:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 55;
}

.car-as-sold>a:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 55;
}










.stm-my-profile-settings .stm-image-unit .image .fa-times {
  position: absolute;
  top: 10px;
  right: 0.875rem;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #f80b0b;
  color: var(--mb-base-white);
  text-align: center;
  border-radius: 9999px;
  cursor: pointer;
  display: none;
}

.stm-my-profile-settings .stm-image-unit .image .stm-empty-avatar-icon {
  width: 160px;
  height: 160px;
  background-color: #eee;
  line-height: 160px;
  text-align: center;
  border-radius: 9999px;
}

.stm-my-profile-settings .stm-image-unit .image .stm-empty-avatar-icon i {
  vertical-align: middle;
  font-size: 70px;
  color: #acb9bd;
}

.stm-my-profile-settings .stm-image-unit .image:hover img {
  border-color: #f80b0b;
}

.stm-my-profile-settings .stm-image-unit .image:hover .fa-times {
  display: block;
}



.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .heading-font {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
}






.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name=stm-dealer-image],
.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name=stm-avatar] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name=stm-dealer-image]:hover,
.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name=stm-avatar]:hover {
  cursor: pointer;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area .stm-remove-file {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  color: #bb0000;
  z-index: 20;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area .stm-remove-file:hover {
  cursor: pointer;
}









.stm-my-profile-settings .form-group label:hover {
  cursor: pointer;
}

.stm-my-profile-settings .form-group label .checker {
  margin-right: 5px;
}



.stm_socials_settings .fab {
    position: relative;
}










.stm_edit_pending_car {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 178px;
  padding: 13px 5px 13px;
  margin: -40px 0 0 -89px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 99;
}

.stm_edit_pending_car h4 {
  margin-bottom: 4px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.stm_edit_pending_car .stm-dots {
  height: 4px;
  margin-bottom: 12px;
}

.stm_edit_pending_car .stm-dots span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #888;
  vertical-align: top;
  margin: 0 1px;
  border-radius: 9999px;
}

.stm_edit_pending_car a {
  display: inline-block;
  padding: 0 10px;
  margin-right: 8px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(78, 144, 204, 0.8);
  color: var(--mb-base-white);
  vertical-align: middle;
  text-decoration: none;
  border-radius: 3px;
}

.stm_edit_pending_car a i {
  position: relative;
  top: -1px;
  left: 3px;
  vertical-align: middle;
  font-size: 13px;
  margin-left: 5px;
}

.stm_edit_pending_car a:last-child {
  margin-right: 0;
}

.stm_edit_pending_car a:hover {
  background-color: #4e90cc;
}



.stm-delete-confirmation-popup.stm-disabled {
  top: -100%;
  opacity: 0;
  visibility: hidden;
}

.stm-delete-confirmation-popup .fa-times {
  position: absolute;
  padding: 5px;
  top: 11px;
  right: 11px;
  font-size: 20px;
  color: #aaaaaa;
  opacity: 0.5;
}

.stm-delete-confirmation-popup .fa-times:hover {
  cursor: pointer;
  opacity: 1;
}



.stm-delete-confirmation-popup .stm-confirmation-text .stm-danger {
  color: #f80b0b;
}

.stm-delete-confirmation-popup .actions a {
  display: inline-block;
  vertical-align: top;
  margin-right: 13px;
}



.stm-delete-confirmation-popup .actions a.stm-grey-btn {
  background-color: #bbb;
  box-shadow: 0 2px 0 #a0a0a0;
}

.stm-delete-confirmation-popup .actions a.stm-grey-btn:active {
  box-shadow: none;
}

.stm-delete-confirmation-popup .actions a:last-child {
  margin-right: 0;
}

.stm-delete-confirmation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 99998;
}

.stm-delete-confirmation-overlay.stm-disabled {
  opacity: 0;
  visibility: hidden;
}

.stm-listing-fav-loop-grid,
.stm-listing-fav-loop {
  position: relative;
}

.stm-listing-fav-loop-grid .stm-car-overlay-disabled,
.stm-listing-fav-loop .stm-car-overlay-disabled {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 90;
}

.stm-listing-fav-loop-grid .stm_edit_pending_car,
.stm-listing-fav-loop .stm_edit_pending_car {
  left: 50px;
  top: 46px;
  margin-left: 0;
  margin-top: 0;
  padding-top: 32px;
  padding-bottom: 17px;
  z-index: 99;
}



.stm-deleted-adds .stm-deleted-add {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}



.stm-deleted-adds .stm-deleted-add .heading-font .fa-times {
  position: absolute;
  padding: 5px;
  top: 11px;
  right: 11px;
  font-size: 20px;
  color: #aaaaaa;
  opacity: 0.5;
}

.stm-deleted-adds .stm-deleted-add .heading-font .fa-times:hover {
  cursor: pointer;
  opacity: 1;
}






.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap {
  display: flex;
  overflow: hidden;
  width: 31.5%;
  justify-content: space-between;
  align-items: center;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap .stm-label {
  margin-top: 0;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap {
  display: block;
  width: 100%;
  text-align: right;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap a {
  float: right;
}





.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text]:nth-child(2),
.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]:nth-child(2) {
  margin: 5px 0;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]::-webkit-outer-spin-button,
.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text].stm_has_value,
.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number].stm_has_value {
  background-color: var(--mb-base-white);
  border-color: #efefef;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text]:focus,
.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]:focus {
  border-color: #1bc744;
  box-shadow: none;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2 {
  float: right;
  max-width: 220px;
}



.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i {
  display: inline-block;
  position: relative;
  min-width: 20px;
  margin-right: 5px;
  top: 3px;
  font-size: 0.875rem;
  vertical-align: top;
  text-align: center;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-road {
  font-size: 1rem;
  top: 4px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-body_type {
  font-size: 11px;
  top: 6px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-hashtag {
  font-size: 13px;
  top: 4px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-engine_fill {
  font-size: 18px;
  top: 1px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-time {
  font-size: 18px;
  top: 1px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-drive_2 {
  font-size: 18px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-key {
  top: 2px;
  font-size: 19px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-transmission_fill {
  font-size: 17px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-vin_check {
  font-size: 18px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-pin_2 {
  top: 4px;
  font-size: 1rem;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-color_type {
  font-size: 1rem;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single,
.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px;
  line-height: 40px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 41px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: var(--mb-base-white);
  border: 1px solid #efefef;
}









.stm_add_car_form .stm-form-2-features .stm-single-feature .feature-single label:hover {
  cursor: pointer;
}





.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-image-preview .fas {
  display: none;
}



.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input input[type=file]:hover {
  cursor: pointer;
}





.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder.hasPreviews .stm_fake_button {
  opacity: 0;
  visibility: hidden;
  padding: 0;
  max-height: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder.hasPreviews .stm-service-icon-photos {
  margin-bottom: 0;
  font-size: 67px;
  color: #1bc744;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder.hasPreviews .stm-service-icon-photos:after {
  position: absolute;
  content: "";
  display: block;
  width: 135px;
  height: 135px;
  top: 0;
  left: 50%;
  margin-left: -67px;
  margin-top: -27px;
  background-color: var(--mb-base-white);
  z-index: -1;
  border-radius: 9999px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input:hover .hasPreviews .stm-service-icon-photos {
  color: var(--mb-base-white);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input:hover .hasPreviews .stm-service-icon-photos:after {
  background-color: #1bc744;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery {
  margin: 0 -15px 46px;
}



.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native {
  display: none;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5) {
  display: block;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5):hover {
  cursor: default;
}


.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder-native:hover .inner {
  border-color: #1bc744;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging {
  border: 3px solid #1bc744;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging:before {
  opacity: 1;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging .fas {
  opacity: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging:hover .fas {
  opacity: 1;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable:before {
  position: absolute;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f0b2";
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 24px;
  text-indent: -2px;
  background-color: #1bc744;
  color: var(--mb-base-white);
  opacity: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 13px;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: #153e4d;
  border-radius: 9999px;
  color: var(--mb-base-white);
  opacity: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas:before {
  display: block;
  margin-top: 5px;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas:hover {
  background-color: #f80b0b;
  cursor: pointer;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview .fas {
  opacity: 1;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview:before {
  opacity: 1;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging {
  z-index: 99;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting {
  border: 3px solid #f80b0b;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting .stm-image-preview:before {
  opacity: 0;
}







.stm_add_car_form .stm-media-car-add-nitofication strong {
  display: inline-block;
}














.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:hover {
  cursor: pointer;
}





.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active {
  background-color: #1bc744;
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:hover {
  cursor: default;
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:before {
  top: 17px;
  left: 13px;
  height: 8px;
  transform: rotate(-40deg);
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:after {
  top: 18px;
  left: 0.875rem;
  width: 17px;
  transform: rotate(-45deg);
}







.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fas:hover {
  cursor: pointer;
  opacity: 1;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:before {
  position: absolute;
  content: "";
  display: block;
  top: 0px;
  left: 0;
  height: 100%;
  width: 30px;
  background-color: var(--mb-base-white);
  z-index: 3;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:after {
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  background-color: var(--mb-base-white);
  transform: rotate(-45deg);
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 1;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases.activated {
  right: 0;
  opacity: 1;
  visibility: visible;
}


.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix {
  margin: 0 -15px 20px;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix label {
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding: 0 15px;
}



.stm_add_car_form .stm-form-checking-user {
  padding: 45px 0;
  background-color: #f0f2f5;
  position: relative;
}





.stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li .tooltip-inner {
  background-color: #153e4d;
  font-size: 0.875rem;
}

.stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li .tooltip.top .tooltip-arrow {
  border-top-color: #153e4d;
  border-width: 5px 5px 0;
}

.stm_add_car_form .stm-form-checking-user .stm-form-inner .form-group-submit .stm-icon-load1 {
  top: 12px;
  font-size: 18px;
}



.stm_add_car_form .stm-form-checking-user .stm-form-inner .stm-icon-load1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  font-size: 30px;
  color: #1bc744;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
  opacity: 0;
  visibility: hidden;
  z-index: 50;
}

.stm_add_car_form .stm-form-checking-user .stm-form-inner.activated .stm-icon-load1,
.stm_add_car_form .stm-form-checking-user .stm-form-inner.activated:before {
  opacity: 1;
  visibility: visible;
}


.stm_add_car_form .stm-form-checking-user .stm-text {
  font-size: 13px;
  line-height: 24px;
  color: #888;
}



.stm_add_car_form .stm-form-checking-user .stm_register_title h3 {
  float: left;
  margin-right: 42px;
  font-size: 20px;
}

.stm_add_car_form .stm-form-checking-user .stm_register_title .stm_login_me {
  margin-top: 3px;
  font-size: 13px;
  color: #888;
}






.stm_add_car_form .stm-form-checking-user .stm-login-register-form .stm-register-form form .stm-listing-loader.visible i {
  margin-left: 10px;
  visibility: visible;
  color: #1bc744;
  opacity: 1;
}







.stm_add_car_form .stm-form-checking-user button[type=submit].disabled:hover {
  cursor: not-allowed;
}














.stm_add_car_form .stm-history-popup .button {
  display: inline-block;
}

.stm_add_car_form .stm-history-popup.stm-invisible {
  opacity: 0;
  visibility: hidden;
  bottom: 110%;
}

.stm_add_car_form .stm-video-link-unit-wrap .video-label {
  display: inline-block;
}

.stm-form-plans {
  margin-bottom: 30px;
}

.stm-form-plans .user-plans-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 220px;
}

.stm-non-relative {
  position: static;
}

.stm-relative {
  position: relative;
}









.stm-add-a-car-user .left-info .avatar .stm-service-icon-user {
  position: relative;
  left: 1px;
  line-height: 75px;
  text-align: center;
  font-size: 34px;
  color: #acb9bd;
}

.stm-add-a-car-user .left-info.left-dealer-info .stm-dealer-image-custom-view {
  margin-bottom: 0.875rem;
}

.stm-add-a-car-user .left-info.left-dealer-info h4 {
  margin: 0 15px 7px 20px;
  font-size: 20px;
}

.stm-add-a-car-user .left-info .user-info {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}







.stm-add-a-car-user .right-info .fas.fa-external-link-alt {
  position: relative;
  top: 1px;
  margin-right: 7px;
}

.stm-add-a-car-user .right-info .stm_logout {
  margin-top: 6px;
  color: #888;
}

.stm-not-enabled {
  display: none;
}

.stm-add-a-car-login-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.89);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.stm-add-a-car-login-overlay.visiblity {
  opacity: 1;
  visibility: visible;
}





.stm-add-a-car-login .stm-listing-loader .stm-icon-load1 {
  margin-left: 10px;
}

.stm-add-a-car-login .stm-listing-loader.visible .stm-icon-load1 {
  font-size: 18px;
  visibility: visible;
  opacity: 1;
}





.stm-add-a-car-login .stm-login-form form h4 {
  color: var(--mb-base-white);
  font-size: 15px;
  margin-bottom: 0.875rem;
}

.stm-add-a-car-login .stm-login-form form .form-checker {
  margin-bottom: 26px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}

.stm-add-a-car-login .stm-login-form form .form-checker label:hover {
  cursor: pointer;
}



.stm-add-a-car-login .stm-login-form form input[type=text].form-error,
.stm-add-a-car-login .stm-login-form form input[type=number].form-error,
.stm-add-a-car-login .stm-login-form form input[type=tel].form-error,
.stm-add-a-car-login .stm-login-form form input[type=email].form-error,
.stm-add-a-car-login .stm-login-form form input[type=search].form-error,
.stm-add-a-car-login .stm-login-form form input[type=password].form-error {
  border-color: #ff2325;
}

.stm-add-a-car-login .stm-login-form form input[type=submit] {
  display: block;
  width: 100%;
  visibility: inherit;
}

.stm-add-a-car-login .stm-login-form form .stm-listing-loader {
  position: relative;
  top: 1px;
  color: var(--mb-base-white);
  font-size: 15px;
  line-height: 15px;
  visibility: hidden;
  opacity: 0;
}

.stm-add-a-car-login .stm-login-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-add-a-car-login .stm-login-form form .stm-listing-loader.visible {
  visibility: visible;
  opacity: 1;
}

.stm-add-a-car-login .stm-login-form form .stm-message-ajax-validation {
  margin-top: 18px;
  padding: 10px;
  text-align: center;
  background-color: var(--mb-base-white);
  border-radius: 0.5rem;
  font-size: 13px;
}

.stm-add-a-car-loader {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
}

.stm-add-a-car-loader .stm-icon-load1 {
  margin: 12px 0 0;
  position: static;
  font-size: 18px;
}

.stm-add-a-car-loader.activated i {
  opacity: 1;
  visibility: visible;
}

.stm-add-a-car-message {
  display: none;
}

.stm-template-listing .stm-big-car-gallery .stm-single-image {
  max-height: 466px;
}

.stm-big-car-gallery .owl-nav {
  display: none;
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image {
  margin-top: 53px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #ddd;
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image img {
  border-radius: 0;
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image .stm-empty-avatar-icon {
  height: 60px;
  line-height: 58px;
  background-color: var(--mb-base-white);
}





.alert.alert-info .fa-check {
  color: #1bc744;
  margin-right: 15px;
}

.alert.alert-warning .fa-info {
  color: #ed262c;
  margin-right: 15px;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image {
  margin-top: 52px;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  cursor: pointer;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image.no_empty:hover {
  border-color: #ed262c;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image.no_empty:hover i.fa-times {
  display: block;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image i.fa-times {
  display: none;
  top: -13px;
  right: -13px;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image img {
  border-radius: 0;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-profile-information .title {
  margin-bottom: 5px;
  text-decoration: none;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar {
  float: none;
  margin-top: 20px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid var(--mb-base-white);
  background-color: var(--mb-base-white);
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar .img-avatar {
  width: 236px;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar .stm-empty-avatar-icon {
  width: 118px;
  height: 30px;
  line-height: 13px;
  border-radius: 2px;
  border: 1px solid #ddd;
  vertical-align: middle;
  background-color: transparent;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar .stm-empty-avatar-icon i {
  font-size: 0.875rem;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image {
  max-width: 248px;
  margin-top: 10px;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image img {
  border-color: transparent;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image .fa-times {
  display: none;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image .stm-empty-avatar-icon {
  height: 141px;
  line-height: 141px;
}









.stm-star-rating .inner .stm-star-rating-lower:before {
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f005\f005\f005\f005\f005";
  color: #edab1f;
  font-size: 1rem;
}



.stm-star-rating .inner .stm-star-rating-upper:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f005\f005\f005\f005\f005";
  font-size: 1rem;
  color: #edab1f;
  white-space: nowrap;
}



.stm-dealer-public-profile .stm-dealer-top-left {
  float: left;
  margin-bottom: 33px;
}

.stm-dealer-public-profile .stm-dealer-top-left h3 {
  margin-bottom: 6px;
}

.stm-dealer-public-profile .stm-dealer-top-right {
  float: right;
  margin: 8px 7px 0 0;
}

.stm-dealer-public-profile .stm-dealer-top-right img {
  padding: 5px;
  max-width: 130px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-image {
  float: left;
  margin-right: 29px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info {
  overflow: hidden;
  margin-bottom: 25px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info.stm-inline-icons .stm-dealer-info-unit {
  float: left;
  width: 33%;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info.stm-inline-icons .stm-dealer-info-unit .inner {
  margin-right: 15px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit {
  position: relative;
  padding-left: 53px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner .stm-show-number {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
  border-bottom: 1px dotted;
  cursor: pointer;
  min-width: 20px;
  position: relative;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner .stm-show-number.load_number {
  color: transparent;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner .stm-show-number.load_number:before {
  content: "\f1ce";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #333333;
  font-size: 15px;
  position: absolute;
  left: 0;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit.sales_hours .inner span {
  line-height: 24px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit i {
  position: absolute;
  top: 0;
  left: 4px;
  color: #1bc744;
  font-size: 30px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit i.stm-service-icon-sales_hours {
  font-size: 28px;
  left: 5px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner {
  padding-bottom: 0.875rem;
  margin-bottom: 19px;
  border-bottom: 1px solid #e5e8ec;
  line-height: 18px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner h5 {
  position: relative;
  margin-bottom: 11px;
  font-size: 13px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner span {
  margin-left: 2px;
  color: #222;
  font-size: 0.875rem;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info {
  padding-left: 53px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .stm_website_url {
  float: left;
  font-size: 13px;
  vertical-align: top;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .stm_website_url .fas {
  position: relative;
  top: 1px;
  font-size: 13px;
  margin-right: 6px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials {
  text-align: right;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials a {
  display: inline-block;
  margin-top: 3px;
  margin-left: 5px;
  vertical-align: top;
  width: 18px;
  height: 18px;
  background-color: #aaa;
  border-radius: 3px;
  color: var(--mb-base-white);
  line-height: 18px;
  text-align: center;
  font-size: 13px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials a:hover {
  background-color: #1bc744;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials a i.fa-youtube-play {
  text-indent: 1px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-seller-notes {
  margin-top: 45px;
  margin-bottom: 63px;
  border-top: 4px solid #153e4d;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-seller-notes .heading-font {
  padding-top: 38px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.stm-dealer-tabs {
  margin-top: 30px;
}

.stm-dealer-tabs .stm_listing_tabs_style_2 {
  margin-bottom: 18px;
  padding-top: 17px;
  border-top: 0;
}

.stm-dealer-tabs .stm_listing_tabs_style_2 .stm-seller-title {
  float: left;
  padding-top: 17px;
  font-size: 20px;
  font-weight: 700;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list {
  list-style: none;
  padding: 0;
  background-color: #153e4d;
  border-right: 4px solid #153e4d;
  border-left: 4px solid #153e4d;
  vertical-align: top;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li {
  display: block;
  float: left;
  margin: 0;
  color: var(--mb-base-white);
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li.active a {
  background-color: var(--mb-base-white);
  color: #153e4d;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li.active a:before {
  visibility: visible;
  opacity: 1;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li a {
  position: relative;
  display: block;
  padding: 15px 23px 11px;
  padding-left: 49px;
  color: var(--mb-base-white);
  font-size: 12px;
  
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li a:before {
  position: absolute;
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #1bc744;
  visibility: hidden;
  opacity: 0;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li a i {
  position: absolute;
  top: 50%;
  left: 23px;
  margin-top: -6px;
  font-size: 15px;
}

#stm-dealer-gmap {
  width: 253px;
  height: 253px;
  margin: 12px 0 30px;
}

.stm-load-more-dealer-reviews,
.stm-load-more-dealer-cars {
  padding-top: 27px;
  text-align: center;
  border-top: 1px solid #ddd;
}

.stm-load-more-dealer-reviews a,
.stm-load-more-dealer-cars a {
  position: relative;
  display: inline-block;
  height: 42px;
  padding: 10px 18px;
  background-color: #153e4d;
  vertical-align: top;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 4px;
  text-transform: uppercase;
  color: var(--mb-base-white);
  text-decoration: none;
}

.stm-load-more-dealer-reviews a span,
.stm-load-more-dealer-cars a span {
  opacity: 1;
}

.stm-load-more-dealer-reviews a:hover,
.stm-load-more-dealer-cars a:hover {
  background-color: #1bc744;
}

.stm-load-more-dealer-reviews.not-clickable a,
.stm-load-more-dealer-cars.not-clickable a {
  padding: 10px 0;
  background-color: #aaa;
}

.stm-load-more-dealer-reviews.not-clickable a span,
.stm-load-more-dealer-cars.not-clickable a span {
  opacity: 0;
}

.stm-load-more-dealer-reviews.not-clickable a:hover,
.stm-load-more-dealer-cars.not-clickable a:hover {
  cursor: not-allowed;
}

.stm-load-more-dealer-reviews.not-clickable a:before,
.stm-load-more-dealer-cars.not-clickable a:before {
  position: absolute;
  content: "";
  display: block;
  font-family: "stm-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -7px;
  content: "\e924";
  
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-dealer-review-tab {
  padding-top: 34px;
}

.stm-dealer-review-tab>h4 {
  padding-left: 2px;
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating {
  margin: 27px 0 51px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average {
  width: 33.4%;
  float: left;
  padding: 39px 10px 39px;
  margin-right: 27px;
  background-color: #153e4d;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-label {
  font-size: 12px;
  opacity: 0.5;
  color: var(--mb-base-white);
  font-weight: normal;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating,
.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number {
  text-align: center;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number {
  margin-bottom: 12px;
  color: var(--mb-base-white);
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number .stm-first {
  margin-left: 4px;
  font-size: 70px;
  line-height: 70px;
  font-weight: 700;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number .stm-last {
  position: relative;
  left: -2px;
  top: -3px;
  opacity: 0.5;
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average h5.text-center {
  margin-bottom: 10px;
  color: var(--mb-base-white);
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating {
  margin-left: 3px;
  margin-bottom: 6px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating .inner .stm-star-rating-upper:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating .inner .stm-star-rating-lower:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall {
  overflow: hidden;
  padding: 49px 40px 39px 47px;
  background-color: #f0f2f5;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-overall-inner {
  margin: 0 -15px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part {
  float: left;
  width: 50%;
  padding: 0 15px;
  margin-bottom: 39px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part:last-child,
.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part:nth-last-child(2) {
  margin-bottom: 12px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part h4 {
  margin-bottom: 7px;
  font-size: 0.875rem;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating {
  margin-left: 2px;
  margin-bottom: 6px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating .inner {
  margin-right: 4px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating .inner .stm-star-rating-upper:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating .inner .stm-star-rating-lower:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating span {
  position: relative;
  top: -1px;
  font-size: 0.875rem;
  color: #222;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part-rec .dp-in {
  margin-right: 10px;
  color: #222;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part-rec h4 {
  margin-bottom: 5px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part-rec .fas {
  position: relative;
  top: 1px;
  left: 1px;
  font-size: 18px;
  margin-right: 2px;
  color: #153e4d;
}

.stm-dealer-review-title {
  padding-bottom: 29px;
  margin-bottom: 37px;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  font-weight: 700;
  vertical-align: top;
}

.stm-dealer-review-title span {
  position: relative;
  top: -1px;
  left: 10px;
  font-size: 0.875rem;
  color: #888;
  font-weight: normal;
}

.stm-comment-dealer-wrapper {
  padding-bottom: 13px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 37px;
}

.stm-comment-dealer-wrapper:last-child {
  margin-bottom: 0;
}

.stm-comment-dealer-wrapper .average {
  float: left;
  padding: 14px 10px 8px 22px;
  margin-bottom: 28px;
  background-color: #153e4d;
  width: 22.8%;
}

.stm-comment-dealer-wrapper .average .heading-font {
  color: var(--mb-base-white);
  font-size: 28px;
  font-weight: 700;
}

.stm-comment-dealer-wrapper .average .stm-star-rating {
  display: inline-block;
  margin: 1px 0 0 10px;
  vertical-align: top;
  max-width: 100%;
}

.stm-comment-dealer-wrapper .overall {
  float: right;
  width: 73%;
}

.stm-comment-dealer-wrapper .title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 15px;
}

.stm-comment-dealer-wrapper .content {
  margin-bottom: -10px;
  line-height: 24px;
}

.stm-comment-dealer-wrapper .stm-bottom {
  position: relative;
  padding-right: 45px;
  font-size: 13px;
  color: #888;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-report-review {
  position: absolute;
  top: 0;
  right: 0;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-report-review a {
  color: #888888;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-report-review a.reported {
  color: #fa4c4c;
  cursor: not-allowed;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-added-by {
  float: left;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-added-by a {
  color: #153e4d;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend {
  position: relative;
  overflow: hidden;
  padding-left: 15px;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend:before {
  position: absolute;
  content: "";
  display: block;
  top: 5px;
  left: 7px;
  width: 1px;
  height: 13px;
  background-color: #888;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend .fas {
  color: #153e4d;
  font-size: 1rem;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend strong {
  margin-left: 2px;
  margin-right: 3px;
  color: #222;
  font-weight: 700;
}

.stm-write-dealer-review {
  margin-top: 46px;
}

.stm-write-dealer-review .form-group {
  margin-bottom: 33px;
}

.stm-write-dealer-review .form-group h4 {
  margin-bottom: 15px;
  font-size: 0.875rem;
}

.stm-write-dealer-review .form-group textarea {
  min-height: 210px;
}

.stm-write-dealer-review .left {
  float: left;
  width: 58.5%;
}

.stm-write-dealer-review .left .stm-checker-required {
  padding-top: 2px;
  margin-bottom: 25px;
}

.stm-write-dealer-review .left .stm-checker-required .checker {
  margin-right: 12px;
}

.stm-write-dealer-review .left .stm-checker-required label:hover {
  cursor: pointer;
}

.stm-write-dealer-review .left .stm-checker-required .stm-label {
  font-size: 13px;
  color: #888;
}

.stm-write-dealer-review .left .stm-icon-load1 {
  display: inline-block;
  margin: 17px 0 0 20px;
  vertical-align: top;
  max-width: 100%;
  color: #1bc744;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-write-dealer-review .left .stm-icon-load1.activated {
  opacity: 1;
  visibility: visible;
}

.stm-write-dealer-review .left .button.disabled {
  background-color: #c9cccf;
  box-shadow: 0 2px 0 rgba(201, 204, 207, 0.5);
}

.stm-write-dealer-review .left .button.disabled:hover {
  cursor: not-allowed;
}

.stm-write-dealer-review .right {
  float: right;
  margin-top: 30px;
  width: 34%;
}

.stm-write-dealer-review .right h4 {
  margin-bottom: 12px;
  font-size: 0.875rem;
}

.stm-write-dealer-review .right .stm-star-rating {
  margin-right: 0px;
  margin-bottom: 34px;
}

.stm-write-dealer-review .right .stm-star-rating[data-width="0"] span {
  opacity: 0.5;
}

.stm-write-dealer-review .right .stm-star-rating:hover span {
  opacity: 1;
}

.stm-write-dealer-review .right .stm-star-rating .inner {
  margin-right: 4px;
}

.stm-write-dealer-review .right .stm-star-rating .inner:hover {
  cursor: pointer;
}

.stm-write-dealer-review .right .stm-star-rating .inner .stm-star-rating-upper {
  width: 0%;
}

.stm-write-dealer-review .right .stm-star-rating .inner .stm-star-rating-upper:before {
  font-size: 25px;
}

.stm-write-dealer-review .right .stm-star-rating .inner .stm-star-rating-lower:before {
  font-size: 25px;
}

.stm-write-dealer-review .right .stm-star-rating span {
  position: relative;
  top: 2px;
  margin-left: 10px;
  font-size: 0.875rem;
  color: #222;
}

.stm-write-recommend label {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin-right: 15px;
}

#write-review-message {
  margin-top: 30px;
  background-color: #153e4d;
  color: var(--mb-base-white);
  border-radius: 3px;
  padding: 10px 20px;
  display: none;
}






.stm-no-available-adds-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}



.stm-no-available-adds h3 {
  margin-bottom: 25px;
  text-align: center;
}

.stm-no-available-adds h3 span {
  color: #f80b0b;
}

.stm-no-available-adds p {
  padding: 0 25px;
  margin-bottom: 25px;
  text-align: center;
}

.stm-no-available-adds .clearfix {
  text-align: center;
}

.stm-no-available-adds .clearfix a {
  display: inline-block;
  padding: 12px 17px 10px;
  font-size: 12px;
}

.stm-no-available-adds .clearfix .stm-green {
  margin-right: 12px;
}

.stm-no-available-adds .clearfix .stm-green-dk {
  background-color: #153e4d;
  box-shadow: 0 2px 0 #11323e;
}

.stm-no-available-adds .clearfix .stm-green-dk:active {
  box-shadow: none;
}



.stm-form-price-edit .title {
  margin-bottom: 6px;
}





.stm-form-price-edit h4 {
  margin-bottom: 28px;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
}

.stm-form-price-edit p {
  color: #888;
  line-height: 24px;
}

.stm-form-price-edit input {
  font-size: 20px;
  color: #282828;
}

.stm_edit_car_form .stm_logout {
  display: none;
}

.stm-banner-image-filter {
  position: absolute;
  max-height: 410px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 37px;
  background-position: 50% 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}

.stm-banner-image-filter:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.stm-banner-fullwidth {
  position: static;
}


.stm_password_recovery input[type=submit] {
  padding: 15px 20px 13px;
  margin-top: 15px;
  font-size: 12px;
}

.stm_password_recovery .stm-validation-message {
  margin-top: 15px;
  padding: 10px 15px;
  background-color: var(--mb-base-white);
  color: #153e4d;
  border-radius: 0.5rem;
  text-align: center;
}



.stm-boxed #stm-vivus-arrow {
  display: none;
}

.stm_dynamic_listing_filter .tab-content button[type=submit]:active {
  box-shadow: none;
}



/*Dropdown select front page styling*/
body.home .stm_select_overflowed .select2-dropdown {
  background-color: transparent;
  border-color: transparent;
}

body.home .stm_select_overflowed .select2-search .select2-search__field {
  margin-bottom: 10px;
}

body.home .stm_select_overflowed .select2-results {
  display: block;
  background: white;
  border: 1px solid #eee;
}

.stm_select_dealer .select2-dropdown {
  background-color: transparent;
  border-color: transparent;
}

.stm_select_dealer .select2-search .select2-search__field {
  margin-bottom: 10px;
}

.stm_select_dealer .select2-results {
  display: block;
  background: white;
  border: 1px solid #eee;
}

.stm-dealer-tabs .stm_listing_tabs_style_2.stm-car-listing-sort-units {
  border-bottom: none;
}

.stm-dealer-tabs .row-no-border-last .listing-list-loop:last-child {
  border-color: transparent;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image.private-logo-dealer-placeholder {
  margin-top: 49px;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image:hover img {
  border-color: transparent;
}

.stm_dynamic_listing_filter.stm_dynamic_listing_dealer_filter {
  margin-bottom: 70px;
}

.stm_dynamic_listing_filter.stm_dynamic_listing_dealer_filter:before {
  display: none;
}

.stm_dynamic_listing_filter.stm_dynamic_listing_dealer_filter .tab-content {
  padding: 38px 30px 13px;
}







.dealer-search-results table.stm_dealer_list_table tr.dealer-single-divider {
  border-bottom: 1px solid #d5d9e0;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td {
  padding-top: 25px;
  margin-bottom: 20px;
  border-bottom: 0;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.image {
  width: 190px;
}



.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-info {
  width: 280px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-info .title h4 {
  margin-bottom: 0;
  font-size: 18px;
  color: #232628;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-info .rating .stm-rate-unit {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 3px;
  max-width: 100%;
  vertical-align: top;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-info .rating .stm-rate-sum {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-cars {
  width: 190px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-cars .inner {
  padding-left: 29px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-cars .dealer-labels {
  font-weight: 700;
  font-size: 0.875rem;
  color: #232628;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-cars .dealer-cars-count {
  display: block;
  margin-top: -4px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone {
  width: 190px;
  color: #232628;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone .inner .phone {
  display: inline-block;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone .inner .stm-show-number {
  display: inline-block;
  margin-left: 7px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
  border-bottom: 1px dotted;
  cursor: pointer;
  min-width: 20px;
  position: relative;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone .inner .stm-show-number.load_number {
  color: transparent;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone .inner .stm-show-number.load_number:before {
  content: "\f1ce";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #333333;
  font-size: 15px;
  position: absolute;
  left: 0;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone .phone {
  font-weight: 700;
  font-size: 0.875rem;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location {
  width: 255px;
  color: #232628;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .clearfix {
  position: relative;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .dealer-location-label {
  font-size: 0.875rem;
  font-weight: 700;
  color: #232628;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .map_link {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  z-index: 5;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .map_link .fas {
  margin-right: 2px;
  position: relative;
  top: 1px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .inner {
  padding-right: 90px;
  width: 275px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location .inner .stm-label {
  margin-top: -4px;
  color: #888;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td .inner {
  position: relative;
  padding-left: 25px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td .inner i {
  position: absolute;
  top: 5px;
  left: 0;
  color: #1bc744;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td .inner i.stm-service-icon-pin_big {
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td .inner i.stm-service-icon-phone_2 {
  font-size: 0.875rem;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td .inner i.stm-service-icon-body_type {
  font-size: 11px;
}



.dealer-search-title .stm-car-listing-sort-units {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.dealer-search-title .stm-car-listing-sort-units .stm-directory-listing-top__right {
  margin-top: 0;
}

.dealer-search-title .stm-car-listing-sort-units .stm-sort-by-options {
  margin-right: 0;
}



.dealer-search-title .stm-listing-directory-title div.title {
  font-size: 20px;
  font-weight: 700;
  color: #153e4d;
}

.dealer-search-title .stm-listing-directory-title div.title .green {
  color: #1bc744;
}

.stm-load-more-dealers.button {
  display: inline-block;
  position: relative;
  background-color: #153e4d;
  box-shadow: none;
  padding: 14px 24px 12px;
  font-size: 12px;
}

.stm-load-more-dealers.button.not-clickable {
  padding: 14px 0 12px;
  background-color: #aaa;
}

.stm-load-more-dealers.button.not-clickable span {
  opacity: 0;
}

.stm-load-more-dealers.button.not-clickable:hover {
  cursor: not-allowed;
}

.stm-load-more-dealers.button.not-clickable:before {
  position: absolute;
  content: "";
  display: block;
  font-family: "stm-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -7px;
  content: "\e924";
  
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.gm-style .gm-style-mtc button {
  color: #555555;
}

body.stm-template-car_dealer .filter-sidebar #ca_location_listing_filter {
  display: none;
}

#header {
  z-index: 102;
}

#header.stm-header-was-fixed {
  z-index: 100;
}

.stm-fixed-attachment {
  position: relative;
  background-attachment: fixed;
}

.stm-fixed-attachment:before {
  position: absolute;
  content: "";
  display: block;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

body.stm-firefox .listing-archive-dealer-info .dealer-info-block {
  display: inline-block;
}

.stm-user-registration-unit .stm-social-login-wrap {
  margin-bottom: 30px;
  padding: 37px 30px 4px;
}

.stm-social-login-wrap {
  display: block;
  padding: 28px 30px 4px;
  background-color: var(--mb-base-white);
  border-top: 4px solid #153e4d;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.stm-social-login-wrap .wp-social-login-connect-with {
  font-size: 15px;
  color: #232628;
  font-weight: 700;
}

.stm-social-login-wrap .wp-social-login-provider-list {
  padding: 10px 0;
}

.stm-social-login-wrap .wp-social-login-provider-list a {
  text-decoration: none;
  margin-right: 10px;
}












.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #1bc744;
  color: var(--mb-base-white);
}

.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.stm-button:active,
input[type=submit]:active,
button:active,
.button:active,
.load-more-btn:active {
  box-shadow: none;
}













.select2-container--open.stm-multi-currency {
  z-index: 1003;
}





.stm-inventory-map-body #comments {
  display: none;
}

.single-car-prices .single-regular-sale-price .regular-price-with-sale strong {
  display: block;
}



.stm-gallery-action-unit .stm-a2a-popup {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 0px 0 4px;
}

.stm-gallery-action-unit .stm-a2a-popup.stm-a2a-popup-active {
  display: block;
  top: 100%;
  left: -100%;
  opacity: 1;
  z-index: 10;
  margin-top: 2px;
  transform: translateX(-68%);
}

.stm-gallery-action-unit .stm-a2a-popup .addtoany_shortcode {
  background-color: var(--mb-base-white);
  padding: 5px 5px 1px;
  border-radius: 3px;
  border: 1px solid #dddddd;
}

.stm-gallery-action-unit .stm-a2a-popup .addtoany_shortcode .a2a_kit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}



.archive-listing-page ul.nav.nav-tabs {
  margin-bottom: 15px;
  background-color: #11323e;
  border: 0;
  padding-left: 3px;
}

.archive-listing-page ul.nav.nav-tabs li {
  color: var(--mb-base-white);
  margin-bottom: 0;
  margin-top: -3px;
  padding: 0;
}

.archive-listing-page ul.nav.nav-tabs li a {
  color: var(--mb-base-white);
  background: transparent;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  border-top: 3px solid var(--mb-base-white);
  margin-right: 0;
}

.archive-listing-page ul.nav.nav-tabs li.active {
  background-color: var(--mb-base-white);
}

.archive-listing-page ul.nav.nav-tabs li.active a {
  color: #11323e;
  border-top: 3px solid #1bc744;
}



.stm-isearch-results-carousel-wrap .stm-template-front-loop.current .image:before {
  border: 5px solid #1bc744;
}

.stm-isearch-results-carousel-wrap .stm-badge-directory {
  left: -65px;
  transform: rotate(-45deg);
}

.stm-isearch-results-carousel-wrap .car-listing-row {
  margin-bottom: 0;
}

.stm-isearch-results-carousel-wrap .owl-stage-outer {
  margin-bottom: 0;
}

#statistics-modal-wrap {
  margin-top: 70px;
}

#statistics-modal-wrap .modal-body {
  position: relative;
  padding-top: 22px;
  padding-bottom: 22px;
}

#statistics-modal-wrap .modal-body .close-statistics-modal {
  position: absolute;
  right: -25px;
  top: 0;
}

#statistics-modal-wrap .modal-body .fa-times {
  font-size: 22px;
  color: var(--mb-base-white);
  cursor: pointer;
}



#statistics-modal-wrap .modal-body .chart {
  padding-top: 15px;
}

#statistics-modal-wrap .modal-body .chart #listingsChart {
  max-height: 360px;
}

#statistics-modal-wrap .modal-body ul.statistics-type {
  list-style: none;
  margin: 14px auto 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#statistics-modal-wrap .modal-body ul.statistics-type li {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
}

#statistics-modal-wrap .modal-body ul.statistics-type li .phone-circle {
  color: #16cb64;
}

#statistics-modal-wrap .modal-body ul.statistics-type li .view-circle {
  color: #417bdf;
}

#statistics-modal-wrap .modal-body ul.statistics-type li .fa-circle {
  font-weight: 700;
}

#statistics-modal-wrap .modal-body ul.statistics-type li:first-child {
  margin-right: 30px;
}

#statistics-modal-wrap .modal-body ul.statistics-type li.off {
  color: #888;
}

#statistics-modal-wrap .modal-body ul.statistics-type li.off .fa-circle {
  color: #888;
}

.select2-container.statistics-period {
  z-index: 2000;
}

.stm-hoverable-interactive-galleries.stm-template-listing .interactive-hoverable .hoverable-wrap .hoverable-unit.active .indicator {
  background-color: #1bc744;
}







.stm-hoverable-interactive-galleries.stm-template-listing .listing-list-loop .interactive-hoverable .hoverable-wrap {
  min-height: 161px;
}



.stm-hoverable-interactive-galleries.stm-template-listing .stm_listing_tabs_style_2 .image:before {
  background-color: transparent;
}

.stm-hoverable-interactive-galleries.stm-template-listing .stm_listing_tabs_style_2 .image .interactive-hoverable {
  min-width: 280px;
  min-height: 160px;
}

.stm-hoverable-interactive-galleries.stm-template-listing .stm_listing_tabs_style_2 .image .stm-listing-compare {
  bottom: 13px;
}

.stm-hoverable-interactive-galleries.stm-template-listing #modern-filter-listing .interactive-hoverable {
  min-width: 257px;
}

.stm-hoverable-interactive-galleries.stm-template-listing .car-listing-modern-grid .interactive-hoverable {
  min-height: 160px;
}

.stm-hoverable-interactive-galleries.stm-template-listing #modern-filter-listing .car-listing-row .image:before,
.stm-hoverable-interactive-galleries.stm-template-listing #modern-filter-listing .listing-car-item-inner .image:before,
.stm-hoverable-interactive-galleries.stm-template-listing .archive-listing-page .car-listing-row .image:before,
.stm-hoverable-interactive-galleries.stm-template-listing .archive-listing-page .listing-car-item-inner .image:before {
  background-color: transparent;
}

.stm-hoverable-interactive-galleries.stm-template-listing #modern-filter-listing .car-listing-row .image .stm-listing-compare,
.stm-hoverable-interactive-galleries.stm-template-listing #modern-filter-listing .listing-car-item-inner .image .stm-listing-compare,
.stm-hoverable-interactive-galleries.stm-template-listing .archive-listing-page .car-listing-row .image .stm-listing-compare,
.stm-hoverable-interactive-galleries.stm-template-listing .archive-listing-page .listing-car-item-inner .image .stm-listing-compare {
  bottom: 0.875rem;
}

.stm-hoverable-interactive-galleries.stm-template-listing .stm-dealer-tabs .image:before {
  background-color: transparent;
}

.stm-hoverable-interactive-galleries.stm-template-listing .stm-dealer-tabs .image .stm-listing-compare,
.stm-hoverable-interactive-galleries.stm-template-listing .stm-dealer-tabs .image .stm-listing-favorite {
  bottom: 14px;
}

.stm-hoverable-interactive-galleries.stm-template-listing .stm-dealer-tabs .stm-directory-grid-loop .image .interactive-hoverable {
  min-height: 160px;
}

.stm-hoverable-interactive-galleries.stm-template-listing .stm-dealer-tabs .stm-listing-directory-list-loop .image .interactive-hoverable {
  min-width: 257px;
  min-height: 152px;
}



.stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel .image:before {
  background-color: transparent;
}

.stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_2 .interactive-hoverable {
  min-width: 530px;
  min-height: 332.5px;
}

.stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_3 .interactive-hoverable {
  min-width: 346.6px;
  min-height: 217.5px;
}

.stm_motors_listing_types_multilisting_active.stm-hoverable-interactive-galleries .wrap_multilisting_carousel.visible_items_4 .interactive-hoverable {
  min-width: 255px;
  min-height: 160px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap {
  display: block;
  margin-top: -49px;
  z-index: 10;
  position: relative;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  border: none;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li:last-child a {
  border-right: 0;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  padding: 12px 22px 12px;
  border: 0;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.2);
  border-right: 1px solid var(--mb-base-white);
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  min-height: 49px;
}



.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a.active {
  background-color: var(--mb-base-white);
  border-top-color: #1bc744;
  border-left: none;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .nav.nav-tabs li a i {
  font-size: 22px;
  margin-right: 10px;
}



.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content input {
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
  height: 46px;
  line-height: 46px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit] {
  position: relative;
  top: -1px;
  float: right;
  margin-left: 1rem;
  min-width: 170px;
  padding: 16px 25px 13px 25px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit] span {
  margin-right: 4px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit] i {
  display: inline-block;
  margin-right: 6px;
  font-size: 1rem;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content button[type=submit]:active {
  top: -1px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-select-col {
  min-height: 46px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .btn-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 15%;
  padding-top: 39px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .btn-search a {
  height: 46px;
  line-height: 46px;
  padding-top: 0;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single {
  display: block;
  height: 46px;
  line-height: 46px;
  background-color: #e5e5e5;
  border: none;
  box-shadow: none;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__rendered {
  height: 46px;
  line-height: 46px;
  font-size: 0.875rem;
  padding: 0 22px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__arrow {
  right: 12px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__arrow b {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, -50%);
  top: 50%;
  left: -3px;
  margin-left: 0;
  font-size: 17px;
  color: #888;
  width: 15px;
  height: 17px;
  border: none;
  text-align: center;
  border: none;
  
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .select2.select2-container .selection .select2-selection--single .select2-selection__arrow b:before {
  content: "\f107";
  font-size: 20px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects {
  width: 100%;
  overflow: visible;
  transition: all 0.3s ease-in;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .stm-select-col {
  margin-bottom: 30px;
  padding: 0 8px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .col-md-12 {
  padding: 0 15px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects>.row {
  margin: 0 -8px;
}

.stm_motors_listing_types_multilisting_active .stm-c-f-search-form-wrap .tab-content .tab-pane .stm-filter-tab-selects .taxonomy_range_wrap label {
  margin-bottom: 10px;
}



.stm_motors_listing_types_multilisting_active .listing-type-list .card {
  border-radius: 0;
  border: none;
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  background-color: #e5e5e5;
  border-radius: 0;
  padding: 28px 20px 28px 30px;
  transition: all 0.2s ease-in-out;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-icon {
  display: block;
  width: auto;
  min-width: 35px;
  height: 30px;
  position: relative;
  margin-right: 20px;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-icon img {
  display: block;
  width: auto;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto 0 0;
  transition: all 0.2s ease-in-out;
}



.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .card-title {
  font-size: 18px;
  margin: 0;
  transition: all 0.2s ease-in-out;
  color: #333;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .btn {
  background: transparent;
  margin: 0 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  border: 1px solid var(--mb-base-white);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body .btn i {
  display: inline-block;
  color: var(--mb-base-white);
  vertical-align: middle;
  margin-top: 4px;
  font-weight: 900;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover {
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover .card-icon img {
  filter: brightness(100%) contrast(200%) invert(100%);
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover .card-title {
  color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover .btn {
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .listing-type-list .card .card-body:hover i {
  color: var(--mb-base-white);
}



.stm_motors_listing_types_multilisting_active .plus-added-emeht-mts {
  position: relative;
}

.stm_motors_listing_types_multilisting_active .plus-added-emeht-mts .add-new-term {
  display: block;
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_listing_tabs_style_2 {
  border-top: none;
}

.stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap div.title h2 {
  font-size: 28px;
}

.stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls {
  top: -76px;
}

.stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-prev,
.stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-next {
  background-color: #ddd;
}

.stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-prev:hover,
.stm_motors_listing_types_multilisting_active .multilisting-masonry-carousel-wrap .owl-controls .owl-nav .owl-next:hover {
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .car-listing-row .listing-car-item-meta .price {
  background-color: #1bc744;
  color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .car-listing-row .listing-car-item-meta .price:before {
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .price.discounted-price .regular-price {
  text-decoration: line-through;
}

.stm_motors_listing_types_multilisting_active .listing-list-loop.stm-listing-directory-list-loop .content .meta-top .price,
.stm_motors_listing_types_multilisting_active .listing-list-loop.stm-listing-directory-list-loop .content .meta-top .price:before {
  background-color: #1bc744;
}



.stm_motors_listing_types_multilisting_active .select2-container.statistics-period {
  z-index: 2000;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form #stm_sell_a_car_form {
  margin-bottom: 40px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-border-top-unit {
  position: relative;
  padding-right: 30px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-border-top-unit .step_number {
  position: absolute;
  top: 30px;
  right: 0;
  text-transform: uppercase;
  color: #1bc744;
  font-weight: 700;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-car-listing-data-single {
  margin-bottom: 17px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit {
  padding: 23px 30px 11px;
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-label {
  margin-bottom: 8px;
  color: var(--mb-base-white);
  font-weight: 700;
  font-size: 15px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-form-1-selects {
  margin-bottom: 15px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px;
  line-height: 40px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 41px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .select2-container--default .select2-selection--single {
  background-color: transparent;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter {
  position: relative;
  float: left;
  padding: 0 15px;
  margin-bottom: 12px;
  width: 33.333%;
  min-height: 48px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter a {
  clear: both;
  float: left;
  margin-top: 5px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single {
  padding: 15px;
  margin-bottom: 0;
  margin-top: 20px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single .title {
  color: #1bc744;
  font-size: 18px;
  font-weight: 500;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap {
  display: flex;
  overflow: hidden;
  float: left;
  width: 100%;
  flex-direction: column;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap {
  display: flex;
  overflow: hidden;
  width: 31.5%;
  justify-content: space-between;
  align-items: center;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap .stm-label {
  margin-top: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap {
  display: block;
  width: 100%;
  text-align: right;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap a {
  float: right;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter:hover i {
  color: #1bc744;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text]:nth-child(2),
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]:nth-child(2) {
  margin: 5px 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]::-webkit-outer-spin-button,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text].stm_has_value,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number].stm_has_value {
  background-color: var(--mb-base-white);
  border-color: #efefef;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=text]:focus,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter input[type=number]:focus {
  border-color: #1bc744;
  box-shadow: none;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2 {
  float: right;
  max-width: 220px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label {
  margin-top: 9px;
  color: #1bc744;
  font-size: 13px;
  vertical-align: top;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i {
  display: inline-block;
  position: relative;
  min-width: 20px;
  margin-right: 5px;
  top: 3px;
  font-size: 0.875rem;
  vertical-align: top;
  text-align: center;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-road {
  font-size: 1rem;
  top: 4px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-body_type {
  font-size: 11px;
  top: 6px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-hashtag {
  font-size: 13px;
  top: 4px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-engine_fill {
  font-size: 18px;
  top: 1px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-time {
  font-size: 18px;
  top: 1px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-drive_2 {
  font-size: 18px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-key {
  top: 2px;
  font-size: 19px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-icon-transmission_fill {
  font-size: 17px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-vin_check {
  font-size: 18px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-pin_2 {
  top: 4px;
  font-size: 1rem;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i.stm-service-icon-color_type {
  font-size: 1rem;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px;
  line-height: 40px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 41px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: var(--mb-base-white);
  border: 1px solid #efefef;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-border-top-unit {
  margin-bottom: 7px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature {
  float: left;
  width: 16.6666%;
  margin-bottom: 38px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature .heading-font {
  margin-bottom: 15px;
  font-weight: 700;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature .feature-single label {
  width: 100%;
  padding: 8px 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-2-features .stm-single-feature .feature-single label:hover {
  cursor: pointer;
}







.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-service-icon-photos {
  display: block;
  font-size: 92px;
  margin-bottom: 34px;
  color: #bebebe;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-image-preview .fas {
  display: none;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 30;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input input[type=file]:hover {
  cursor: pointer;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 29;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder.hasPreviews .stm_fake_button {
  opacity: 0;
  visibility: hidden;
  padding: 0;
  max-height: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder.hasPreviews .stm-service-icon-photos {
  margin-bottom: 0;
  font-size: 67px;
  color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-placeholder.hasPreviews .stm-service-icon-photos:after {
  position: absolute;
  content: "";
  display: block;
  width: 135px;
  height: 135px;
  top: 0;
  left: 50%;
  margin-left: -67px;
  margin-top: -27px;
  background-color: var(--mb-base-white);
  z-index: -1;
  border-radius: 9999px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input:hover .hasPreviews .stm-service-icon-photos {
  color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input:hover .hasPreviews .stm-service-icon-photos:after {
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery {
  margin: 0 -15px 46px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder {
  float: left;
  padding: 0 15px;
  margin-bottom: 15px;
  width: 20%;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native {
  display: none;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1),
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2),
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3),
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4),
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5) {
  display: block;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1):hover,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2):hover,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3):hover,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4):hover,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5):hover {
  cursor: default;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner {
  position: relative;
  min-height: 81px;
  line-height: 81px;
  color: #bebebe;
  font-size: 41px;
  text-align: center;
  transition: 300ms ease;
  border: 1px solid #ddd;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder-native:hover .inner {
  border-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging {
  border: 3px solid #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging:before {
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging .fas {
  opacity: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging:hover .fas {
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable:before {
  position: absolute;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f0b2";
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 24px;
  text-indent: -2px;
  background-color: #1bc744;
  color: var(--mb-base-white);
  opacity: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 13px;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: #1bc744;
  border-radius: 9999px;
  color: var(--mb-base-white);
  opacity: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas:before {
  display: block;
  margin-top: 5px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fas:hover {
  background-color: #f80b0b;
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview .fas {
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview:before {
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging {
  z-index: 99;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting {
  border: 3px solid #f80b0b;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting .stm-image-preview:before {
  opacity: 0;
}





.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-media-car-add-nitofication strong {
  display: inline-block;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit {
  padding: 23px 30px 0.875rem;
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit .heading-font {
  margin-bottom: 8px;
  color: var(--mb-base-white);
  font-weight: 700;
  font-size: 15px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit input[type=text] {
  margin-bottom: 26px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-simple-notice {
  position: relative;
  padding-left: 25px;
  margin-top: 27px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-simple-notice i {
  position: absolute;
  top: 5px;
  left: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit {
  position: relative;
  padding-right: 46px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.5);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:hover {
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:before {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 18px;
  width: 3px;
  height: 11px;
  background-color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:after {
  position: absolute;
  content: "";
  display: block;
  top: 19px;
  left: 0.875rem;
  width: 11px;
  height: 3px;
  background-color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active {
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:hover {
  cursor: default;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:before {
  top: 17px;
  left: 13px;
  height: 8px;
  transform: rotate(-40deg);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:after {
  top: 18px;
  left: 0.875rem;
  width: 17px;
  transform: rotate(-45deg);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes {
  margin-bottom: 53px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-border-top-unit {
  margin-bottom: 10px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes textarea {
  height: 202px;
  padding: 10px 10px 10px 12px;
  font-size: 13px;
  color: #888;
  background-color: #efefef;
  border: 1px solid #e1e2e4;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes textarea:focus {
  background-color: var(--mb-base-white);
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases {
  display: block;
  position: relative;
  margin: 75px auto;
  text-align: center;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:after {
  position: absolute;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f067";
  color: var(--mb-base-white);
  font-size: 0.875rem;
  line-height: 25px;
  top: 0;
  left: 7px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases span {
  border-bottom: 1px dashed #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:hover {
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases {
  position: absolute;
  width: 445px;
  right: -200px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid #1bc744;
  opacity: 0;
  visibility: hidden;
  z-index: 20;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner {
  background-color: var(--mb-base-white);
  padding: 30px;
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 2;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fas {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  font-size: 0.875rem;
  color: #888;
  opacity: 0.5;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fas:hover {
  cursor: pointer;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:before {
  position: absolute;
  content: "";
  display: block;
  top: 0px;
  left: 0;
  height: 100%;
  width: 30px;
  background-color: var(--mb-base-white);
  z-index: 3;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:after {
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  background-color: var(--mb-base-white);
  transform: rotate(-45deg);
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases.activated {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases h5 {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix {
  margin: 0 -15px 20px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix label {
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding: 0 15px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .button {
  display: inline-block;
  font-size: 12px;
  padding: 12px 30px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user {
  padding: 45px 0;
  background-color: #f0f2f5;
  position: relative;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 50px;
  list-style: none;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li {
  margin: 0 7px 0 0;
  padding: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li .tooltip-inner {
  background-color: #1bc744;
  font-size: 0.875rem;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .add-car-btns-wrap li .tooltip.top .tooltip-arrow {
  border-top-color: #1bc744;
  border-width: 5px 5px 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .form-group-submit .stm-icon-load1 {
  top: 12px;
  font-size: 18px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: -2000px;
  bottom: 0;
  right: -2000px;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  visibility: hidden;
  z-index: 40;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner .stm-icon-load1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  font-size: 30px;
  color: #1bc744;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
  opacity: 0;
  visibility: hidden;
  z-index: 50;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner.activated .stm-icon-load1,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-form-inner.activated:before {
  opacity: 1;
  visibility: visible;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-title {
  margin: -5px 0 23px;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-text {
  font-size: 13px;
  line-height: 24px;
  color: #888;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm_register_title {
  margin-bottom: 20px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm_register_title h3 {
  float: left;
  margin-right: 42px;
  font-size: 20px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm_register_title .stm_login_me {
  margin-top: 3px;
  font-size: 13px;
  color: #888;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user:before {
  position: absolute;
  content: "";
  display: block;
  width: 2000px;
  height: 100%;
  left: -2000px;
  top: 0;
  background-color: #f0f2f5;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user:after {
  position: absolute;
  content: "";
  display: block;
  width: 2000px;
  height: 100%;
  right: -2000px;
  top: 0;
  background-color: #f0f2f5;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-login-register-form {
  margin-top: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user .stm-login-register-form .stm-register-form form .stm-listing-loader.visible i {
  margin-left: 10px;
  visibility: visible;
  color: #1bc744;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit] {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 17px 20px 11px 62px;
  font-size: 12px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit] i {
  position: absolute;
  top: 12px;
  left: 21px;
  font-size: 20px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit].disabled {
  background-color: #838588;
  opacity: 0.33;
  box-shadow: 0 2px 0 #686a6d;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-checking-user button[type=submit].disabled:hover {
  cursor: not-allowed;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup {
  position: absolute;
  bottom: 100%;
  z-index: 1000;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner {
  position: relative;
  width: 486px;
  padding: 30px 23px 30px;
  background-color: var(--mb-base-white);
  border-top: 4px solid #1bc744;
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 2;
  overflow: hidden;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner .fa-times {
  position: absolute;
  right: 10px;
  top: 20px;
  padding: 10px;
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:before {
  position: absolute;
  content: "";
  display: block;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: var(--mb-base-white);
  z-index: 3;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:after {
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background-color: var(--mb-base-white);
  transform: rotate(-45deg);
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 1;
}





.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup {
  position: absolute;
  bottom: 100%;
  z-index: 1000;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner {
  position: relative;
  width: 486px;
  padding: 30px 23px 30px;
  background-color: var(--mb-base-white);
  border-top: 4px solid #1bc744;
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 2;
  overflow: hidden;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner .fa-times {
  position: absolute;
  right: 10px;
  top: 20px;
  padding: 10px;
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:before {
  position: absolute;
  content: "";
  display: block;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: var(--mb-base-white);
  z-index: 3;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .inner:after {
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  background-color: var(--mb-base-white);
  transform: rotate(-45deg);
  box-shadow: 0 5px 29px rgba(0, 0, 0, 0.24);
  z-index: 1;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup .button {
  display: inline-block;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-history-popup.stm-invisible {
  opacity: 0;
  visibility: hidden;
  bottom: 110%;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-video-link-unit-wrap .video-label {
  display: inline-block;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-plans {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-form-plans .user-plans-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 220px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-non-relative {
  position: static;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-relative {
  position: relative;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user {
  position: relative;
  z-index: 5;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info {
  display: flex;
  align-items: center;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .avatar {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 9999px;
  margin-right: 23px;
  overflow: hidden;
  background-color: #eee;
  text-align: center;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .avatar .stm-service-icon-user {
  position: relative;
  left: 1px;
  line-height: 75px;
  text-align: center;
  font-size: 34px;
  color: #acb9bd;
}



.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info.left-dealer-info h4 {
  margin: 0 15px 7px 20px;
  font-size: 20px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .user-info {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .user-info h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .left-info .user-info .stm-label {
  font-size: 13px;
  color: #888;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .right-info {
  overflow: hidden;
  text-align: right;
  margin-top: 13px;
  font-size: 13px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .right-info .fas.fa-external-link-alt {
  position: relative;
  top: 1px;
  margin-right: 7px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-user .right-info .stm_logout {
  margin-top: 6px;
  color: #888;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-not-enabled {
  display: none;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.89);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login-overlay.visiblity {
  opacity: 1;
  visibility: visible;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login {
  position: fixed;
  top: 50%;
  width: 350px;
  left: 50%;
  margin: -198px 0 0 -175px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login.visiblity {
  opacity: 1;
  visibility: visible;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-listing-loader .stm-icon-load1 {
  margin-left: 10px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-listing-loader.visible .stm-icon-load1 {
  font-size: 18px;
  visibility: visible;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form {
  padding: 41px 30px 36px;
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form h4 {
  color: var(--mb-base-white);
  font-size: 15px;
  margin-bottom: 0.875rem;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-checker {
  margin-bottom: 26px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-checker label:hover {
  cursor: pointer;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-group {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-group.form-checker {
  margin-top: -5px;
  font-size: 13px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .form-group.form-checker .checker {
  margin-right: 5px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=text],
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=number],
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=tel],
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=email],
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=search],
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=password] {
  padding-left: 17px;
  border-color: #f0f2f5;
  background-color: #f0f2f5;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=text].form-error,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=number].form-error,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=tel].form-error,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=email].form-error,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=search].form-error,
.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=password].form-error {
  border-color: #ff2325;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form input[type=submit] {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  padding: 16px 46px 12px;
  visibility: inherit;
  font-weight: 700;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-listing-loader {
  position: relative;
  top: 1px;
  color: var(--mb-base-white);
  font-size: 15px;
  line-height: 15px;
  visibility: hidden;
  opacity: 0;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-listing-loader.visible {
  visibility: visible;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-login .stm-login-form form .stm-message-ajax-validation {
  margin-top: 18px;
  padding: 10px;
  text-align: center;
  background-color: var(--mb-base-white);
  border-radius: 0.5rem;
  font-size: 13px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-loader {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-loader .stm-icon-load1 {
  margin: 12px 0 0;
  position: static;
  font-size: 18px;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-loader.activated i {
  opacity: 1;
  visibility: visible;
}

.stm_motors_listing_types_multilisting_active .stm_add_car_form .stm-add-a-car-message {
  display: none;
  margin: 25px 0 0;
  padding: 15px 30px;
  background-color: #1bc744;
  color: var(--mb-base-white);
  font-weight: 700;
  border-radius: 4px;
}

.stm_motors_listing_types_multilisting_active .stm-show-password {
  position: relative;
}

.stm_motors_listing_types_multilisting_active .stm-show-password .fas {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100%;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  opacity: 0.8;
}

.stm_motors_listing_types_multilisting_active .stm-show-password .fas:hover {
  cursor: pointer;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm-show-password input {
  padding-right: 45px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form {
  margin: 27px 0 0;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form h3 {
  margin-bottom: 28px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form {
  padding: 41px 30px 36px;
  background-color: #1bc744;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form h4 {
  color: var(--mb-base-white);
  font-size: 15px;
  margin-bottom: 0.875rem;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-checker {
  margin-bottom: 26px;
  color: rgba(255, 255, 255, 0.5);
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .form-checker label:hover {
  cursor: pointer;
}









.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=submit] {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  padding: 16px 46px 12px;
  font-weight: 700;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-listing-loader {
  position: relative;
  top: 1px;
  color: var(--mb-base-white);
  font-size: 15px;
  line-height: 15px;
  visibility: hidden;
  opacity: 0;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-listing-loader.visible {
  display: block;
  visibility: visible;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form .stm-message-ajax-validation {
  margin-top: 18px;
  padding: 10px;
  text-align: center;
  background-color: var(--mb-base-white);
  border-radius: 0.5rem;
  font-size: 13px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form {
  padding: 37px 30px 4px;
  background-color: var(--mb-base-white);
  border-top: 4px solid #1bc744;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form h4 {
  font-size: 15px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group {
  margin-bottom: 30px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group h4 {
  margin-bottom: 0.875rem;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group.form-checker {
  margin-bottom: 25px;
  color: #888;
  font-size: 13px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .form-group input[type=submit] {
  display: inline-block;
  margin-right: 10px;
  padding: 16px 22px 12px;
  font-size: 12px;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=submit][disabled] {
  background-color: #c9cccf;
  box-shadow: 0 2px 0 rgba(201, 204, 207, 0.5);
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form input[type=submit][disabled]:hover {
  cursor: not-allowed;
}





.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-listing-loader {
  position: relative;
  top: 1px;
  color: #1bc744;
  font-size: 15px;
  line-height: 15px;
  visibility: hidden;
  opacity: 0;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-listing-loader.visible {
  display: block;
  visibility: visible;
  opacity: 1;
}

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-register-form form .stm-message-ajax-validation {
  margin-bottom: 20px;
  background-color: #1bc744;
  color: var(--mb-base-white);
  padding: 10px 20px;
  text-align: center;
  border-radius: 0.5rem;
}

.stm_motors_listing_types_multilisting_active .stm-user-public-profile .tab-content .multilisting-select {
  margin-right: 10px;
  float: right;
}



.stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit,
.stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm_price_input,
.stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm-form1-intro-unit,
.stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm-login-form form {
  background-color: #232628;
}

.stm_motors_listing_types_multilisting_active.stm-template-car_dealer .stm-border-top-unit {
  border-top: 4px solid #232628;
  padding-top: 27px;
}

.stm_motors_listing_types_multilisting_active.stm-template-car_dealer_two .mce-container .mce-btn>button {
  background-color: unset;
}

.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit,
.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm_price_input,
.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form1-intro-unit,
.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form-checking-user,
.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form-checking-user:before,
.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-form-checking-user:after,
.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm-login-form form {
  background-color: #232628;
}

.stm_motors_listing_types_multilisting_active.stm-template-equipment .stm_add_car_form .stm-border-top-unit {
  padding-right: 0;
}

.stm_motors_listing_types_multilisting_active.stm-template-equipment .add-car-btns-wrap button {
  box-shadow: 0 2px 0 #1bc744;
}

.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit,
.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm_price_input,
.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form1-intro-unit,
.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-login-form form {
  background-color: #161e21;
}

.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form-checking-user,
.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form-checking-user:before,
.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm-form-checking-user:after {
  background-color: #0e1315;
}

.stm_motors_listing_types_multilisting_active.stm-template-motorcycle .stm_add_car_form .stm-border-top-unit {
  padding-right: 0;
}

.stm_motors_listing_types_multilisting_active.stm-template-boats .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit,
.stm_motors_listing_types_multilisting_active.stm-template-boats .stm_price_input,
.stm_motors_listing_types_multilisting_active.stm-template-boats .stm-form1-intro-unit,
.stm_motors_listing_types_multilisting_active.stm-template-boats .stm-login-form form {
  background-color: #232628;
}





.

.stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit,
.stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm_price_input,
.stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm-form1-intro-unit,
.stm_motors_listing_types_multilisting_active .stm-login-form form .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit,
.stm_motors_listing_types_multilisting_active .stm-login-form form .stm_price_input,
.stm_motors_listing_types_multilisting_active .stm-login-form form .stm-form1-intro-unit {
  background-color: #232628;
}

.stm_motors_listing_types_multilisting_active.stm-template-listing_four .stm-login-register-form .stm-register-form form,
.stm_motors_listing_types_multilisting_active .stm-login-form form .stm-login-register-form .stm-register-form form {
  border-top: 4px solid #232628;
}



/*!******************************!*\ 
!***  id : kms-CSS-11
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/kmstm.css
\**********************************/

@charset "UTF-8";

/* WORDPRESS */
html#mb-applications body#error-page {
    padding: 1rem;
    border: 1px solid #CCCC;
    border-radius: 0.5rem;
    color: #333333;
}
html#mb-applications .wp-die-message {
    margin: 1rem 0 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
}


/* fuck bootstrap */
.container {
    padding: 0;
    margin: 0;
    max-width: inherit;
}
.row {
    margin: 0;
}
.row > * {
    margin: 0 auto;
    padding: 0 0rem;
    padding: 0 calc(0rem * 0.5);
}
/* fuck bootstrap fuck tooltip show on like btn */
.tooltip,
.kms-likebtn-li tooltip,
.kms-like-btn tooltip {
     display: none !important;
 }


.stm-single-car-page > .container {
    padding: 0;
}

#footer-copyright {
  display: none;
}
/*
div#kms-root-footer {
  display: none;
}
*/


.listing-logo-main {
  margin: 0px;
}

.blogname h1 {}

[class^="stm-icon-"],
[class*=" stm-icon-"] {
  
}



/* hide root modal */
/*
.kms-root-modals {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
*/
.modal-dialog {
    z-index: 9999;
}
.modal-backdrop {
    background-color: rgb(0 0 0 / 75%);
}
.modal-content {
    border-radius: 1rem;
}

/* fix bootstrap switch */
.form-check.form-switch {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.stm_save_user_settings_ajax .form-check.form-switch, 
.stm_save_user_settings_ajax .form-switch {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    
    margin: 1rem 0;
    padding: 0rem 0;
    border-width: 0px 0;
    border-style: solid;
    border-color: var(--mb-gray-100);
}
.stm_save_user_settings_ajax .form-check.form-switch .form-check-label, 
.stm_save_user_settings_ajax .form-switch .form-check-label {
    max-width: 75%;
    margin: 0;
}


/* --------------------------------------------------- */



/* single car listing car gallery fix icon*/

.lg-outer #lg-share:after {
    font-weight: 300;
    content: "\ef14";
    font-family: bb-icons;
    font-size: 1.5rem;
}
#lg-actual-size:after {
    font-weight: 300;
    content: "\ee3b";
    font-family: bb-icons;
    font-size: 1.5rem;
}
#lg-zoom-out:after {
    font-weight: 300;
    content: "\ef11";
    font-family: bb-icons;
    font-size: 1.5rem;
}
#lg-zoom-in:after {
    font-weight: 300;
    content: "\ef12";
    font-family: bb-icons;
    font-size: 1.5rem;
}
.lg-fullscreen:after {
    font-weight: 300;
    content: "\ee67";
    font-family: bb-icons;
    font-size: 1.5rem;
}
.lg-autoplay-button:after {
    font-weight: 300;
    content: "\eef7";
    font-family: bb-icons;
    font-size: 1.5rem;
}
.lg-toolbar .lg-close:after {
    font-weight: 300;
    content: "\e828";
    font-family: bb-icons;
    font-size: 1.5rem;
}

/* select 2 multiple -------------------------------------------------- */

.select2-container .select2-search--inline .select2-search__field {
    min-width: 15rem;
    padding: 0;
}
span.select2-selection.select2-selection--multiple {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0.5rem;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: var(--mb-primary-900);
    background-color: var(--mb-primary-100);
    border: 1px solid var(--mb-primary-300);
    border-radius: 9999px;
    cursor: default;
    float: left;
   margin: 0 0.125rem 0 0;
    padding: 0.25rem 0.5rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    all: unset;
    display: inline-block;
    position: relative;
    color: var(--mb-base-white);
    background-color: var(--mb-base-black);
    cursor: pointer;
    font-weight: bold;
    margin: 0 0.5rem 0 0;
    padding: 0rem 0.25rem;
    border-radius: 9999px;
    line-height: normal;
    vertical-align: middle;
}




/* select 2 arrow b -------------------------------------------------- */


.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block;
    position: relative;
    min-height: 1rem;
    height: 100%;
    width: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--mb-gray-400) transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0px 4px;
    height: auto;
    width: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* select 2 -------------------------------------------------- */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #006aff;
    color: inherit;
    padding: 0;
    line-height: normal;
}

.select2-search--dropdown.select2-search--hide {
    display: block;
    padding: 0.5rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0.375rem;
    border: 1px solid var(--mb-gray-400);
    border-radius: 0.25rem;
}
.select2-container {
}

.select2-results__option {
  text-transform: capitalize;
}


/* avalaible to select */
.select2-results__option[aria-selected="false"],
.select2-results__option[aria-selected="true"] {
  color: var(--mb-gray-500);
  cursor: pointer;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #006Aff;
    color: var(--mb-base-white);
}

/* avalaible to select hover */
.select2-results__option[aria-selected="false"]:hover,
.select2-results__option[aria-selected="true"]:hover {
  background-color: #006aff;
  color: var(--mb-base-white);
}

/* selected */
.select2-results__option[aria-selected="true"] {
    /* color: #006Aff; */
}
.select2-results__option[aria-selected="true"]::before {
    content: '\e876';
    font-family: "bb-icons";
    margin: 0 0.25rem 0 0;
    font-weight: 300;
}

/* not avalaible to select */
.select2-results__option[aria-disabled="true"] {
   color: var(--mb-gray-300);
}









/* setting profil */
.stm-image-unit {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}
.stm-image-avatar.hide-empty .stm-empty-avatar-icon {
    display: none;
}
.stm-image-avatar.hide-photo img, .stm-image-avatar.hide-photo .stm_image_upl {
    display: none;
}


.kms-privateSidebar-imgUser img {
    border-radius: 9999px;
}




.car-listing-row .stm-listing-directory-list-loop .image {
  display: block;
  position: relative;
}


.stm-template-listing .car-listing-row .listing-car-item-meta {
  display: block;
  margin: 0.75rem;
}

.car-meta-top.heading-font.clearfix .car-title {
  color: var(--mb-gray-900);
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.stm-directory-grid-loop.stm-isotope-listing-item a.rmv_txt_drctn {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm-directory-grid-loop .image {
  display: block;
  position: relative;
  min-width: 10rem;
  width: 10rem;
  max-width: 10rem;
  height: 100%;
  margin: 0.25rem 1rem 0.25rem 0.25rem;
  border-radius: 0.5rem;
}
.stm-directory-grid-loop .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*RAMENE AUTO OPTIMIZ*/
.fade.in {
  opacity: 1;
}

.stm-isotope-sorting.stm-isotope-sorting-featured-top {
  margin: 0;
  padding: 0;
}

/*DEALER INVENTORY GRID VIEW*/
.stm-template-listing .car-listing-row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 0;
}
.stm-directory-grid-loop {
  width: 100%;
  margin: 0.5rem 0 0;
  padding: 0.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
  overflow: hidden;
}

.normal-price {
  color: var(--mb-success-500);
  font-weight: bold;
}





/*page publier une ann*/
#wrapper {
  background-color: transparent !important;
  position: relative;
  padding: 0;
}

/**
 * Table of contents:
 * stm.css
 * app.css
 * listing/app.css
 */


.listing-archive-dealer-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}




.kms-enGlobe_li-list-loop-action a {
  padding: 0.75rem;
}

/*-------------- stm.css ----------------*/

#wrapper #top-bar,
.top-bar-wrap,
#top-bar,
body.page-template-home-service-layout #top-bar,
.stm-layout-header-listing #wrapper #top-bar,
.stm-template-car_dealer_two.no_margin #wrapper #stm-boats-header #top-bar:after,
.stm-template-aircrafts #wrapper #top-bar,
_three #top-bar,
#wrapper #stm-boats-header #top-bar:after,
_five .top-bar-wrap {
 background: var(--mb-base-white);
 border-width: 0px;
 border-style: solid;
 border-color: var(--mb-base-black);
}

#top-bar {
  background: var(--mb-base-white);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-base-black);
}

#header {
  position: relative;
  z-index: inherit;
}

.stm-layout-header-listing #wrapper #top-bar .top-bar-wrapper {
  padding: 5px 0 0px;
  border-bottom: 0px solid #373b3e;
}


.stm-layout-header-listing #wrapper #top-bar .header-login-url a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: bold;
  font-style: normal;
}

.vertical-divider {
  position: relative;
  top: 6px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0;
  width: 2px;
  height: 16px;
  background-color: rgba(0, 0, 0, .2);
}


.stm-layout-header-listing #wrapper #header .header-listing.listing-nontransparent-header {
  position: relative;
  top: 0;
  left: 0;
  padding: 10px 0;
  transition: background-color 0.3s 0s, top 0.3s 0s;
  background-color: #001b44;
  border-bottom: 0px solid var(--mb-primary-500);
}

.stm-layout-header-listing #wrapper #header .header-listing .listing-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-size: cover;
  background-position: 50% 50%;
  /*background-image: url(/wp-content/themes/motors-child/redesign/images/bantubook-wax.png);*/
  z-index: 1;
  transition: opacity .3s 0s;
}


.stm-layout-header-listing #wrapper #header .header-listing .header-inner-content {
  position: relative;
  z-index: 5;
}

.stm-layout-header-listing #wrapper #header .header-listing .listing-logo-main {
  float: left;
  line-height: 50px;
  margin: 0;
}

.stm-layout-header-listing #wrapper #header .header-listing .listing-right-actions {
  float: right;
  margin: 0px;
  top: 10px;
  position: relative;
}

.stm-layout-header-listing #wrapper #header .header-listing.listing-nontransparent-header .listing_add_cart {
  position: relative;
  top: 0px;
  margin: 0px;
  float: right;
  text-decoration: none;
}

.stm-layout-header-listing #wrapper #header .header-listing .listing_add_cart>div>i {
  position: absolute;
  top: 5px;
  left: 20px;
  font-size: 20px;
  transition: all .2s ease-in-out;
}



#wrapper #top-bar .container .pull-right i,
#wrapper #top-bar .container .stm-boats-top-bar-centered i,
#wrapper #header .stm-c-f-top-bar i {
  color: var(--mb-base-white);
  font-size: 20px;
  margin: 0 5px;
}






.stm-settings-confirm-password input {
    border-radius: 0.625rem;
    padding: 0.75rem 1rem;
    margin: 1rem 0 0;
}



/*-------------- app.css ----------------*/

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 10px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: var(--mb-base-white);
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 5px 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto;
  color: #21759b;
  display: block;
  font-size: 1rem;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-family: "Noto Sans", sans-serif;
  font-size: 0.75rem;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

.bypostauthor>article .fn:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Genericons";
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-decoration: none;
  text-transform: none;
  vertical-align: top;
}

.wp-caption-text {
  margin-top: 10px;
}

.gallery {
  margin-bottom: 30px;
}

.gallery .gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.bypostauthor {
  text-decoration: none;
}





.car-listing-row .image .stm-badge-dealer,
.listing-car-item-inner .image .stm-badge-dealer {
  position: absolute;
  left: -65px;
  padding: 0 55px;
  top: 20px;
  width: 200px;
  height: 33px;
  line-height: 33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: var(--mb-base-white);
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fab637;
}

.listing-car-item-inner a {
  display: block;
  overflow: hidden;
}

.listing-car-item-inner a:hover {
  opacity: 0.8;
}











.stm-button {
  display: inline-block;
}

.stm-button.stm-button-icon {
  position: relative;
  padding: 16px 25px 15px 45px;
  font-weight: bold;
  visibility: inherit;
}

.stm-button.stm-button-icon i {
  position: absolute;
  top: 50%;
  left: 16px;
  font-size: 18px;
  margin-top: -9px;
}

.stm-button:active {
  box-shadow: 0 0 0 transparent;
}

.icon-button {
  position: relative;
  padding-left: 60px;
  padding-right: 42px;
  
  font-weight: bold;
}

.icon-button i {
  position: absolute;
  padding-left: 1px;
  top: 50%;
  margin-top: 1px;
  left: 32px;
  font-size: 17px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.button-fluid {
  width: 100%;
}

.stm-request-test-drive {
  margin-top: 13px;
  width: 100%;
}























.stm-form-alert {
  margin-top: 6px;
  font-size: 13px;
  line-height: 18px;
  color: #86939e;
}

.form-hr {
  margin: 0 0 29px;
  background-color: #dddddd;
}

.comment-form-comment textarea {
  height: 172px;
}









.stm-label-type-2 {
  margin-bottom: 5px;
  font-weight: normal;
}

/* 1.3 Layout styles */






.stm-col-pad-left {
  padding-left: 25px;
}

.stm-col-pad-right {
  padding-right: 25px;
}

/*Gray-tuch copy13 gray-blur filter gray-wrapper-blur open  */
.modal-open #wrapper {
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px);
}

.row-4 .col-md-3:nth-child(4n+1) {
  clear: both;
}

.row-3 .col-md-4:nth-child(3n+1) {
  clear: both;
}

.row-2 .col-md-6:nth-child(2n+1) {
  clear: both;
}

.post-type-archive-service #wrapper {
  margin-bottom: 30px;
}

.wpcf7-response-output {
  margin: 10px 0 0;
  padding: 5px 10px;
  padding: 5px 5px 5px 35px;
  border: 1px solid #0095ff;
  color: #0095ff;
  border-radius: 4px;
}

.wpcf7-response-output.wpcf7-validation-errors {
  border-color: #ff2325;
  color: #ff2325;
  font-weight: normal;
  position: relative;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  border-color: #32cd32;
  color: #32cd32;
  font-weight: normal;
  position: relative;
}

.wpcf7-not-valid-tip {
  display: none;
}

.mg-bt-25px {
    margin: 1rem 0 0;
}


/* 1.3.1 Header */


#top-bar .top_bar_menu {
  margin-left: 60px;
}

#top-bar .top_bar_menu ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

#top-bar .top_bar_menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 25px;
  margin-bottom: 0;
}

#top-bar .top_bar_menu ul li:last-child {
  margin-right: 0;
}

#top-bar .top_bar_menu ul li:last-child:after {
  content: '';
  display: none;
}

#top-bar .top_bar_menu ul li:after {
  content: '';
  display: block;
  position: absolute;
  right: -13px;
  top: -2px;
  background-color: rgba(0, 0, 0, .2);
  width: 1px;
  height: 18px;
  top: 1px;
  background-color: rgb(255, 255, 255);
  height: 0.75rem;
}


#top-bar .language-switcher-unit {
  position: relative;
}

#top-bar .language-switcher-unit .stm_current_language {
  text-transform: uppercase;
}

#top-bar .language-switcher-unit .stm_current_language i {
  position: relative;
  top: -2px;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 1rem;
}

#top-bar .language-switcher-unit:hover {
  cursor: pointer;
}

#top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap {
  position: relative;
  margin-left: 0.10px;
  line-height: 13px;
  display: inline-flex;
}

/*gray add*/






#top-bar .header-login-url a:hover {
  color: var(--mb-base-white);
}

#top-bar .header-login-url .fa.fa-user {
  margin-right: 10px;
  font-size: 0.75rem;
}

#top-bar .header-top-bar-socs {
  margin-left: 60px;
}

#top-bar .header-top-bar-socs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#top-bar .header-top-bar-socs ul li {
  float: left;
  margin-right: 15px;
  margin-bottom: 0;
}

#top-bar .header-top-bar-socs ul li:first-child {
  margin-right: 14px;
}

#top-bar .header-top-bar-socs ul li a .fa {
  font-size: 1rem;
}

#top-bar .header-top-bar-socs ul li a:hover {
  color: var(--mb-base-white);
}

#top-bar .header-top-bar-socs ul li:last-child {
  margin-right: 0;
}

#top-bar .top-bar-info {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

#top-bar .top-bar-info li {
  float: right;
  margin-left: 50px;
  margin-bottom: 0;
  line-height: 14px;
}

#top-bar .top-bar-info li:hover {
  color: var(--mb-base-white);
}

#top-bar .top-bar-info li .fancy-iframe {
  display: block;
}

#top-bar .top-bar-info li .fa {
  font-size: 1rem;
  margin-right: 5px;
}

#top-bar .top-bar-info li .fa.fa-phone {
  position: relative;
  top: 1px;
}

#top-bar .top-bar-info li:last-child {
  margin-left: 0;
}

#header .logo-main {
  float: left;
}

#header .blogname {
  text-transform: uppercase;
}

#header .blogname h1 {
  margin-bottom: 0;
}

#header .blogname:hover {
  text-decoration: none;
}

.header-main {
  padding: 28px 0 25px;
  line-height: 14px;
  background-color: #232628;
}

.header-main .header-top-info {
  float: right;
}

.header-main .header-main-socs {
  margin-left: 46px;
}

.header-main .header-main-socs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}



.header-main .header-main-socs ul li {
  display: block;
  float: left;
  margin-left: 15px;
  margin-bottom: 0;
}

.header-main .header-main-socs ul li:first-child {
  margin-left: 0;
}

.header-main .header-main-socs ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 9999px;
  background-color: #2f3234;
  color: var(--mb-base-white);
  text-indent: 1px;
}

.header-main .header-main-socs ul li a i {
  font-size: 1rem;
}

.header-main .header-main-socs ul li a:hover {
  background-color: var(--mb-primary-500);
}

.header-main .header-main-socs ul li.facebook a {
  text-indent: 0;
}

.header-main .header-secondary-phone {
  margin-left: 39px;
}

.header-main .header-secondary-phone .phone {
  margin-bottom: 3px;
  vertical-align: bottom;
}

.header-main .header-secondary-phone .phone .phone-label {
  margin-right: 2px;
  color: #cc6119;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  
}

.header-main .header-secondary-phone .phone .phone-number {
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: bold;
}

.header-main .header-secondary-phone-single .phone .phone-label {
  display: block;
  margin-bottom: 1px;
}

.header-main .header-secondary-phone-single .phone .phone-number {
  font-size: 18px;
  line-height: 18px;
}

.header-main .header-main-phone {
  position: relative;
  padding-left: 41px;
  margin-left: 30px;
}

.header-main .header-main-phone .stm-icon-phone {
  position: absolute;
  top: 0;
  left: 0;
  color: #cc6119;
  font-size: 33px;
}

.header-main .header-main-phone .phone {
  margin-top: 1px;
}

.header-main .header-main-phone .phone .phone-label {
  margin-right: 2px;
  color: #cc6119;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin-bottom: 1px;
}

.header-main .header-main-phone .phone .phone-number {
  color: var(--mb-base-white);
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  
}

.header-main .header-address {
  position: relative;
  padding-left: 42px;
  max-width: 248px;
}

.header-main .header-address .stm-icon-pin {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 34px;
  color: #cc6119;
}

.header-main .header-address .address .heading-font {
  color: var(--mb-base-white);
  font-size: 0.75rem;
  line-height: 18px;
  text-transform: uppercase;
}

.header-main .header-address .address .fancy-iframe {
  position: relative;
  top: -1px;
  margin-left: 3px;
  color: #cc6119;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px dashed #cc6119;
}

.header-main .header-address .address .fancy-iframe:hover {
  color: var(--mb-primary-500);
  border-bottom-color: var(--mb-primary-500);
}

.fancy-iframe:hover {
  cursor: pointer;
}

.header-nav {
  margin-bottom: 15px;
  background: var(--mb-base-white);
  z-index: 15;
}

.header-nav.header-nav-default {
  background-color: #eaedf0;
  margin-bottom: 0;
  /*Default header fixed*/
}

.header-nav.header-nav-default.header-nav-fixed.header-nav-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #eaedf0;
  -webkit-transform: translateZ(0);
}

.header-nav.header-nav-transparent {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(234, 237, 240, 0.8);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  /*Transparent header fixed*/
}

.header-nav.header-nav-transparent.header-nav-fixed.header-nav-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #eaedf0;
  -webkit-transform: translateZ(0);
}


.main-menu {
  float: left;
}

.main-menu .header-menu {
  padding: 0;
  margin: 0;
  margin-left: -21px;
  list-style: none;
}

.main-menu .header-menu>li {
  position: relative;
  float: left;
  margin-bottom: 0;
}

.main-menu .header-menu>li.menu-item-has-children>a:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 50%;
  margin-top: -6px;
  right: 7px;
  font-size: 0.75rem;
  content: "\f107";
}

.main-menu .header-menu>li:first-child {
  margin-left: 0;
}

.main-menu .header-menu>li.current-menu-item:first-child,
.main-menu .header-menu>li .current_page_item:first-child {
  margin-left: 21px;
}

.main-menu .header-menu>li.current-menu-item>a,
.main-menu .header-menu>li .current_page_item>a {
  background-color: #cc6119;
  color: var(--mb-base-white);
}

.main-menu .header-menu>li:hover>a {
  background-color: #cc6119;
  color: var(--mb-base-white);
}

.main-menu .header-menu>li>a {
  display: block;
  position: relative;
  height: 52px;
  padding: 0 21px;
  line-height: 52px;
  text-transform: uppercase;
  text-decoration: none;
}

.main-menu .header-menu>li:hover>ul {
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.main-menu .header-menu>li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 105%;
  left: 0;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.main-menu .header-menu>li>ul li {
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
}

.main-menu .header-menu>li>ul li.menu-item-has-children>a:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 50%;
  margin-top: -7px;
  right: 20px;
  font-size: 1rem;
  content: "\f105";
}

.main-menu .header-menu>li>ul li a {
  position: relative;
  display: block;
  padding: 0.75rem 30px 0.75rem 34px;
  text-decoration: none;
  font-weight: normal;
}

.main-menu .header-menu>li>ul li a:hover {
  color: var(--mb-base-white);
  background-color: #cc6119;
}

.main-menu .header-menu>li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.main-menu .header-menu>li>ul li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.main-menu .header-menu>li>ul li>ul li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.main-menu .header-menu>li>ul li>ul li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.main-menu .header-menu>li>ul li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.main-menu .header-menu>li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.header-help-bar {
  float: right;
  margin-left: 15px;
}

.header-help-bar>ul {
  margin: 0;
  padding: 0;
  list-style: none;
}



.header-help-bar>ul li {
  display: block;
  float: left;
  margin-bottom: 0;
}

.header-help-bar>ul li.nav-search>a {
  padding: 0;
}

.header-help-bar>ul li:first-child {
  margin-left: 0;
}

.header-help-bar>ul li a {
  padding: 0 13px;
  display: block;
  position: relative;
  text-decoration: none;
}

.header-help-bar>ul li a:hover {
  background-color: #f7f8f9;
}

.header-help-bar>ul li a .list-label {
  position: relative;
  top: 1px;
  margin-right: 4px;
  text-transform: uppercase;
  color: #232628;
  font-size: 11px;
  line-height: 52px;
  font-weight: bold;
}

.header-help-bar>ul li a .list-icon {
  position: relative;
  top: -1px;
  vertical-align: middle;
  color: #232628;
  font-size: 24px;
}

.header-help-bar>ul li a .list-badge {
  position: absolute;
  top: 7px;
  right: 2px;
  min-width: 18px;
  font-weight: bold;
  font-size: 11px;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  padding: 0 2px;
  line-height: 18px;
  border-radius: 9999px;
  text-align: center;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.14);
}

.header-help-bar>ul li.help-bar-compare .list-label {
  margin-right: 3px;
}

.header-help-bar>ul li.help-bar-live-chat .list-icon {
  top: 0;
  font-size: 26px;
}

.header-help-bar>ul li.nav-search {
  margin-left: 13px;
}

.header-help-bar>ul li.nav-search>a {
  display: block;
  margin-top: 8px;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
  color: #232628;
  text-indent: 1px;
  font-size: 13px;
}

.header-help-bar>ul li.nav-search>a i {
  position: relative;
  top: -1px;
}

.header-help-bar>ul li.nav-search>a:hover {
  background-color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
  color: var(--mb-base-white);
}

.tp-bannertimer {
  background-color: #cc6119;
  opacity: 0.5;
}

.stm-slider-round {
  padding: 40px 20px;
  padding-top: 30px;
}

.stm-slider-round:after {
  position: absolute;
  content: '';
  display: block;
  top: -18px;
  left: -18px;
  right: -18px;
  bottom: -18px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.12);
  z-index: -1;
}

.stm-white {
  color: var(--mb-base-white);
}



.text-transform {
  text-transform: uppercase;
}

.font-weight-normal {
  font-weight: 400;
}

.slider-text-padding-right {
  padding-right: 30px;
}

.stm-slider-round-text {
  margin-top: 18px;
  padding-left: 40px;
  padding-right: 25px;
  font-size: 11px;
  line-height: 14px;
  color: #232628;
  text-transform: uppercase;
}

.stm-slider-price-unit {
  padding-top: 16px;
  vertical-align: top;
  word-spacing: -9px;
}

.stm-slider-price-unit .stm-slider-currency {
  font-size: 50px;
  color: var(--mb-base-white);
  line-height: 50px;
  vertical-align: top;
}

.stm-slider-price-unit .stm-slider-price {
  font-size: 106px;
  line-height: 75px;
  vertical-align: top;
  color: var(--mb-base-white);
  font-weight: bold;
  
}

.stm-slider-price-unit .stm-slider-divider {
  position: relative;
  left: 6px;
  top: -4px;
  font-size: 50px;
  color: #232628;
  vertical-align: top;
  line-height: 50px;
}

.stm-slider-price-unit .stm-slider-labels {
  position: relative;
  top: -3px;
  display: inline-block;
  max-width: 100px;
  vertical-align: top;
  line-height: 14px;
  color: #232628;
  font-weight: bold;
}

.stm-slider-price-unit .stm-slider-labels .stm-slider-time-label {
  font-size: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: bold;
}

.stm-slider-price-unit .stm-slider-labels .stm-slider-time-value {
  padding-left: 4px;
  display: block;
  white-space: normal;
  font-size: 1rem;
  line-height: 14px;
  word-spacing: 0;
  text-transform: uppercase;
  font-weight: bold;
}

#searchform .search-input {
  padding: 20px 75px 20px 25px;
  margin: 0;
  height: 67px;
  line-height: 67px;
  font-size: 20px;
  color: #5f5f5f;
  border: 0;
  border-color: transparent;
  width: 100%;
  border-radius: 0.5rem;
}

#searchform .search-submit {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  height: 67px;
  width: 70px;
  border: 0;
  font-size: 24px;
  color: var(--mb-base-white);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: none;
}

#searchform .search-wrapper {
  position: relative;
}

#searchModal .modal-body {
  padding: 0;
}

#searchModal .modal-content {
  box-shadow: none;
  background-color: transparent;
  border: none;
}

#searchModal .modal-dialog {
  padding-top: 18%;
}

.search-title {
  margin-bottom: 18px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--mb-base-white);
}

#chat-widget:hover {
  cursor: pointer;
}

.header-main-phone a,
.header-secondary-phone a {
  color: var(--mb-base-white);
  text-decoration: none;
}

/* 1.3.2 Footer */
#footer {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

#footer .panel {
  margin-bottom: 0;
}

#footer .panel .panel-footer {
  border-top: 0;
}

#footer #footer_top {
  padding: 15px 0;
}

#footer #footer_top .widget_title h3 {
  color: var(--mb-base-white);
}

.less_4 aside .widget-wrapper {
  border-bottom: 0;
  padding-bottom: 0;
}

.more_8 aside .widget-wrapper {
  border-bottom: 0;
  padding-bottom: 20px;
}

.cols_4 aside:nth-child(5) .widget-wrapper,
.cols_4 aside:nth-child(6) .widget-wrapper,
.cols_4 aside:nth-child(7) .widget-wrapper,
.cols_4 aside:nth-child(8) .widget-wrapper {
  padding-top: 39px;
  margin-top: 24px;
  border-top: 1px solid #444444;
}

.cols_3 aside:nth-child(1) .widget-wrapper,
.cols_3 aside:nth-child(2) .widget-wrapper,
.cols_3 aside:nth-child(3) .widget-wrapper {
  padding-bottom: 39px;
  margin-bottom: 24px;
  border-bottom: 1px solid #444444;
}

.cols_1 {
  margin: 0 -15px;
}

.cols_1 aside {
  float: left;
  padding: 0 15px 0;
  width: 100%;
}

.cols_1 aside:nth-child(1n+1) {
  clear: both;
}

.cols_2 {
  margin: 0 -15px;
}

.cols_2 aside {
  float: left;
  padding: 0 15px 0;
  width: 50%;
}

.cols_2 aside:nth-child(2n+1) {
  clear: both;
}

.cols_3 {
  margin: 0 -15px;
}

.cols_3 aside {
  float: left;
  padding: 0 15px 0;
  width: 33.33333%;
}

.cols_3 aside:nth-child(3n+1) {
  clear: both;
}

.cols_4 {
  margin: 0 -15px;
}

.cols_4 aside {
  float: left;
  padding: 0 15px 0;
  width: 25%;
}

.cols_4 aside:nth-child(4n+1) {
  clear: both;
}

aside.widget-default ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

aside.widget-default ul li a {
  margin-bottom: 26px;
  font-size: 13px;
  line-height: 20px;
  color: #86939e;
}

#footer-copyright {
  padding: 20px 0 20px;
}

#footer-copyright .footer-copyright {
  position: relative;
}

#footer-copyright .footer-copyright:before {
  position: absolute;
  content: '';
  display: block;
  top: -20px;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #444;
}

#footer-copyright .copyright-text {
  font-size: 0.75rem;
  color: var(--mb-base-white);
  color: #001c50;
}

#footer-copyright .copyright-text a {
  color: var(--mb-primary-500);
}

#footer-copyright .copyright-text .divider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background-color: var(--mb-base-white);
  background-color: #001c50;
  margin: 0 10px;
  height: 10px;
  width: 1px;
}

.copyright-socials ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: 7px;
}



.copyright-socials ul li {
  float: left;
  margin-left: 37px;
}

.copyright-socials ul li:first-child {
  margin-left: 0;
}

.copyright-socials ul li a {
  color: var(--mb-primary-500);
}

#footer-copyright,
#footer-main {
  background-color: #232628;
  background-color: var(--mb-base-white);
  border-top: 1px solid #e6ecf0;
}

/* 1.4 Typography styles */






.calculator-alert {
  display: none;
  -webkit-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0;
}

.calculator-alert.visible-alert {
  -webkit-transform: scale(1);
  transform: scale(1);
  max-height: 400px;
  visibility: visible;
  opacity: 1;
}







/* 2 Site styles */
/* 2.1 Site styles */

/* loadeinrg chargement*/
.stm-ajax-loader {
  display: none;
}

.stm-ajax-loader.loading {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}




.stm_calculator_results {
  display: none;
}







.stm-ajax-row {
  position: relative;
}



.stm-ajax-row.stm-loading:after {
  opacity: 1;
  visibility: visible;
  z-index: 51;
}



.global-alerts {
  padding: 15px 17px 15px 15px;
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #d9edf7;
  color: #31708f;
  border-radius: 0.5rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.global-alerts.warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

.global-alerts.success {
  color: #3c763d;
  background-color: #dff0d8;
}

.global-alerts.danger {
  color: #a94442;
  background-color: #f2dede;
}

.global-alerts.alerted {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}






.modal-open {
  overflow: visible;
  padding-right: 0;
}

.form-error {
  border-color: #a94442;
}

.alert-modal {
  margin: 20px 0 0;
}

.icon-box-link {
  text-decoration: none;
}

.icon-box {
  position: relative;
  padding: 46px 50px 48px 34px;
  color: #232628;
  z-index: 10;
}

.icon-box:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
  z-index: -2;
}

.icon-box:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

.icon-box .icon {
  float: left;
  margin-top: 11px;
  margin-right: 27px;
  color: #cc6119;
}

.icon-box .icon-text {
  overflow: hidden;
}

.icon-box .icon-text h2 {
  line-height: 34px;
}

.icon-box .icon-text h3.title {
  margin-bottom: 0.75rem;
  font-weight: bold;
  font-size: 26px;
  line-height: 28px;
}

.icon-box .icon-text h4.title {
  font-weight: bold;
}

.icon-box .icon-text h5 {
  font-weight: normal;
  line-height: 18px;
}

.icon-box .icon-text h6.title {
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 18px;
}

.icon-box .icon-text .content {
  font-size: 13px;
}

.icon-box .icon-text .content p,
.icon-box .icon-text .content span {
  line-height: 18px;
}

.icon-box .icon-box-bottom-triangle {
  margin-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0.75rem solid transparent;
  border-bottom: 0.75rem solid transparent;
  border-right: 55px solid rgba(250, 182, 55, 0.9);
  -webkit-transform: skew(0deg, 23deg);
  transform: skew(0deg, 23deg);
}

.icon-box .icon-box-bottom-triangle:hover {
  border-right: 55px solid #fab637;
}

.icon-box:hover:before {
  opacity: 1;
}

.colored-separator {
  text-align: center;
  vertical-align: top;
  font-size: 0;
}

.colored-separator.text-left {
  text-align: left;
}

.colored-separator.text-right {
  text-align: right;
}

.colored-separator .first-long {
  margin-right: 5px;
}

.colored-separator .first-long,
.colored-separator .last-short {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 5px;
  -webkit-transform: skew(-40deg, 0deg);
  transform: skew(-40deg, 0deg);
  border-radius: 2px;
  background-color: #cc6119;
}

.colored-separator .last-short {
  width: 50px;
}

.special-offers .colored-separator {
  margin-bottom: 13px;
}

.special-offers .title {
  position: relative;
  padding: 0 130px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  
  color: var(--mb-base-white);
}

.special-offers .title .all-offers {
  display: block;
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  color: #aaaaaa;
  text-decoration: none;
}

.special-offers .title .all-offers>i {
  vertical-align: top;
  margin-right: 3px;
  font-size: 19px;
}

.special-offers .title .all-offers .lt-blue {
  vertical-align: top;
}

.vt-top {
  vertical-align: top;
}

.lt-blue {
  color: var(--mb-primary-500);
}

.listing-car-items-units {
  margin: 0 -15px;
}

.listing-car-items .listing-car-item {
  float: left;
  padding: 0 15px;
}

.listing-car-items .listing-car-item .listing-car-item-inner {
  max-width: 350px;
  width: auto;
  margin: 0 auto;
}

.listing-car-items .listing-car-item .image {
  margin-bottom: 10px;
}

.listing-car-items .listing-car-item .car-title {
  margin-top: 8px;
  color: var(--mb-base-white);
  overflow: hidden;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}

.listing-car-items .listing-car-item .car-title .colored {
  color: #cc6119;
}

.listing-car-items .listing-car-item .price {
  position: relative;
  float: right;
  padding: 6px 20px 4px 8px;
  margin-left: 23px;
  background-color: var(--mb-primary-500);
  text-align: right;
}

.listing-car-items .listing-car-item .price .regular-price,
.listing-car-items .listing-car-item .price .sale-price,
.listing-car-items .listing-car-item .price .normal-price {
  position: relative;
  z-index: 6;
}

.listing-car-items .listing-car-item .price .regular-price {
  font-size: 13px;
  
  text-decoration: line-through;
}

.listing-car-items .listing-car-item .price .normal-price,
.listing-car-items .listing-car-item .price .sale-price {
  color: var(--mb-base-white);
  font-size: 1rem;
  line-height: 20px;
  font-weight: bold;
}



.listing-car-items .listing-car-item .price .normal-price {
  line-height: 36px;
}

.listing-car-items .listing-car-item .price:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: -14px;
  height: 100%;
  width: 32px;
  background-color: var(--mb-primary-500);
  -webkit-transform: skew(-18deg, 0deg);
  transform: skew(-18deg, 0deg);
  z-index: 5;
}

.listing-car-items .listing-car-item .listing-car-item-meta {
  padding: 18px 20px 20px 23px;
  background-color: #373c3f;
  text-align: left;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-top {
  min-height: 67px;
  padding-bottom: 22px;
  border-bottom: 1px solid #4e5254;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li {
  display: inline-block;
  margin-top: 18px;
  margin-right: 27px;
  margin-bottom: 0;
  color: #c9c9c9;
  vertical-align: middle;
  line-height: 13px;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i {
  margin-right: 6px;
  font-size: 1rem;
  color: #737373;
  vertical-align: middle;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i.stm-icon-road {
  position: relative;
  top: 0px;
  font-size: 1rem;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li i.stm-icon-transmission {
  position: relative;
  top: 1px;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li span {
  position: relative;
  top: 1px;
  vertical-align: top;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li .special-text {
  margin-bottom: 2px;
  text-transform: uppercase;
}

.listing-car-items .listing-car-item .listing-car-item-meta .car-meta-bottom ul li:last-child {
  margin-right: 0;
}

.dp-in {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.owl-controls {
  margin-top: 35px;
  text-align: center;
}

.owl-dots {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
  position: relative;
  top: 1px;
}

.owl-dots .owl-dot {
  display: block;
  float: left;
  padding: 4px;
}

.owl-dots .owl-dot.active span {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color: var(--mb-primary-500);
}

.owl-dots .owl-dot span {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #9d9d9d;
  border-radius: 9999px;
}

.car-listing-tabs-unit .stm-listing-tabs {
  margin-top: 20px;
}

.car-listing-tabs-unit .car-listing-top-part {
  position: relative;
  padding-top: 33px;
}

.car-listing-tabs-unit .car-listing-top-part:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: -2000px;
  right: -2000px;
  z-index: -1;
}

.car-listing-main-part {
  padding-top: 59px;
}

.stm-listing-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
}

.stm-listing-tabs ul li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 0;
}

.stm-listing-tabs ul li:last-child {
  margin-right: 0;
}

.stm-listing-tabs ul li.active a {
  color: #cc6119;
  background-color: var(--mb-base-white);
}

.stm-listing-tabs ul li a {
  display: block;
  padding: 0 25px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 1rem;
  line-height: 44px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #aaa;
}

.preloader {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -27px;
  top: 0;
  height: 46px;
  width: 54px;
}

.preloader span {
  display: block;
  bottom: 20px;
  width: 9px;
  height: 5px;
  background: var(--mb-primary-500);
  position: absolute;
  -webkit-animation: preloader 1.5s infinite ease-in-out;
  animation: preloader 1.5s infinite ease-in-out;
}

.preloader span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.preloader span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.preloader span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.preloader span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}



.car-listing-actions {
  position: relative;
  height: 46px;
}

.car-listing-actions.all-done {
  height: 0;
  padding: 0;
}

.car-listing-row .col-md-3 {
  margin-bottom: 40px;
}



.car-listing-row .listing-car-item-meta .car-title .colored {
  color: #cc6119;
}







.car-listing-row .car-meta-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
}

.car-listing-row .car-meta-bottom ul li {
  display: inline-block;
  color: var(--mb-gray-500);
}

.car-listing-row .car-meta-bottom {
  display: block;
  position: relative;
  margin: 0.75rem 0 0;
}

.car-listing-row .car-meta-bottom ul li i {
  color: var(--mb-gray-400);
  vertical-align: middle;
}

.car-listing-row .car-meta-bottom ul li i.stm-icon-road {
  position: relative;
  top: 1px;
}

.car-listing-row .car-meta-bottom ul li i.stm-icon-transmission {
  position: relative;
  top: 1px;
}

.car-listing-row .car-meta-bottom ul li span {
  position: relative;
}

.car-listing-row .car-meta-bottom ul li .special-text {
  margin-bottom: 2px;
  text-transform: uppercase;
}

.car-listing-row .car-meta-bottom ul li:last-child {
  margin-right: 0;
}

.found-cars-cloned {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}

.found-cars {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: normal;
  color: #aaaaaa;
}

.found-cars i {
  position: absolute;
  content: '';
  display: block;
  font-size: 23px;
  position: absolute;
  left: 0;
  top: 0;
}

.found-cars .blue-lt {
  color: var(--mb-primary-500);
  font-weight: bold;
}

.found-cars-clone {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.tab-search-title {
  position: relative;
  padding-left: 71px;
  margin-bottom: 36px;
  min-height: 35px;
  font-size: 30px;
  color: #232628;
  font-weight: bold;
}

.tab-search-title i {
  position: absolute;
  left: 0;
  top: -7px;
  font-size: 34px;
}

#car-listing-tab-search {
  padding-top: 20px;
}

.reset-all:hover {
  cursor: pointer;
}

.reset-all.reset-styled {
  display: block;
  border: 2px solid #ddd;
  border-radius: 3px;
  color: #ddd;
  text-align: center;
  line-height: 44px;
  font-size: 22px;
  text-decoration: none;
}

.reset-all.reset-styled:hover {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

.reset-all.reset-styled:focus {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

.reset-all.reset-styled:active {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

.search-call-to-action {
  margin-top: 36px;
}

.stm-call-to-action {
  padding: 23px 46px 22px 28px;
  background-color: #fab637;
}

.stm-call-to-action .call-to-action-meta {
  display: inline-block;
  color: var(--mb-base-white);
  position: relative;
  margin-left: 20px;
  padding-top: 14px;
  padding-left: 56px;
  min-height: 30px;
  font-weight: normal;
  text-align: left;
}

.stm-call-to-action .call-to-action-meta i {
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 38px;
}

.stm-call-to-action .call-to-action-meta .content {
  font-size: 30px;
  line-height: 1;
}

.stm-call-to-action .call-to-action-right {
  overflow: hidden;
  min-height: 55px;
  text-align: right;
}

.stm-call-to-action .call-to-action-content {
  position: relative;
  padding-left: 75px;
  min-height: 55px;
  color: var(--mb-base-white);
  overflow: hidden;
  font-weight: normal;
}

.stm-call-to-action .call-to-action-content i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 55px;
}

.stm-call-to-action .call-to-action-content .content {
  padding-top: 14px;
  font-size: 30px;
  line-height: 1;
}

.slider-v1-title .h1 {
  font-size: 46px;
  color: #232628;
  font-weight: 400;
}

.stm-slider-rounded-style-title {
  font-size: 20px;
  
  font-weight: bold;
}

.stm-slider-rounded-style-title.text-left {
  padding-left: 37px;
}

.stm-slider-rounded-style-title.style-2 span {
  display: block;
}

.white {
  color: var(--mb-base-white);
}

.button.stm-slider-button {
  padding: 16px 25px 15px 45px;
  font-weight: bold;
  visibility: inherit;
  white-space: nowrap;
}

.button.stm-slider-button i {
  position: absolute;
  top: 50%;
  left: 16px;
  font-size: 18px;
  margin-top: -9px;
}





.stm_breadcrumbs_unit+.container .archive-listing-page .classic-filter-row {
  margin-top: 0;
}

.stm_breadcrumbs_unit .navxtBreads {
  padding: 2px 0 8px 2px;
  margin-bottom: 20px;
  color: #86939e;
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 1px solid #ccd6dd;
}

.stm_breadcrumbs_unit .navxtBreads span:first-child {
  margin-left: 0;
}

.stm_breadcrumbs_unit .navxtBreads span {
  margin: 0 3px;
}

/*gray-add*/
.stm_breadcrumbs_unit .navxtBreads span {
  margin: 0 3px;
  padding: 0;
}

.stm_breadcrumbs_unit .navxtBreads span:last-child {
  margin-right: 0;
}

.stm_breadcrumbs_unit .navxtBreads a {
  color: #86939e;
  text-decoration: none;
  font-size: 11px;
}

/*gray-add*/
.stm_breadcrumbs_unit .navxtBreads a {
  color: #86939e;
  text-decoration: none;
  font-size: 0.75rem;
  padding: 0;
  margin: 0 2px;
}

.stm_breadcrumbs_unit .navxtBreads a:hover {
  color: var(--mb-primary-500);
}

.media-carousel-item {
  
  width: auto;
  margin: 0 auto;
}

.media-carousel-item .stm_fancybox {
  display: block;
  position: relative;
}

.media-carousel-item .stm_fancybox:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.media-carousel-item .stm_fancybox:hover:after {
  opacity: 1;
}

.stm-carousel .owl-controls {
  margin-top: 30px;
}



.stm-owl-next,
.stm-owl-prev {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  padding: 5px 15px;
  border: 2px solid transparent;
  color: #86939e;
}

.stm-owl-next:hover,
.stm-owl-prev:hover {
  cursor: pointer;
  border-color: var(--mb-primary-500);
  color: var(--mb-primary-500);
}

.owl-carousel .owl-item {
  -webkit-transform: translateZ(0px);
}

.testimonials-carousel {
  position: relative;
  padding: 38px 0 27px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.testimonials-carousel .owl-controls {
  position: absolute;
  bottom: 19px;
  right: 3px;
  margin-top: 0;
}

.testimonials-carousel .owl-controls .owl-prev,
.testimonials-carousel .owl-controls .owl-next {
  display: inline-block;
  color: #aaaaaa;
}

.testimonials-carousel .owl-controls .owl-prev:hover,
.testimonials-carousel .owl-controls .owl-next:hover {
  color: var(--mb-primary-500);
}

.testimonials-carousel .owl-controls .owl-prev {
  padding-right: 15px;
}

.testimonials-carousel .owl-controls .owl-next {
  padding-left: 15px;
}

.testimonials-carousel .owl-controls .owl-prev:after,
.testimonials-carousel .owl-controls .owl-next:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 26px;
}

.testimonials-carousel .owl-controls .owl-prev:after {
  content: "\f104";
}

.testimonials-carousel .owl-controls .owl-next:after {
  content: "\f105";
}

.testimonial-unit .image {
  float: left;
  margin-right: 31px;
}

.testimonial-unit .content {
  margin-top: -3px;
}

.testimonial-unit .content>p:first-child {
  display: none;
}

.testimonial-unit .content h5 {
  margin-bottom: 19px;
}

.testimonial-unit .testimonial-meta {
  margin-top: 9px;
  padding-right: 55px;
  min-height: 22px;
}

.testimonial-unit .testimonial-meta .author {
  display: inline-block;
  margin-right: 25px;
  text-transform: uppercase;
}

.testimonial-unit .testimonial-meta .author-car {
  display: inline-block;
  position: relative;
  padding-left: 31px;
  font-style: italic;
  color: #86939e;
}

.testimonial-unit .testimonial-meta .author-car i {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 0;
  margin-top: -0.75rem;
  font-size: 21px;
}

.stm-our-team {
  margin-bottom: 30px;
  max-width: 255px;
  width: auto;
  margin: 0 auto;
}

.stm-our-team .image {
  margin-bottom: 13px;
  position: relative;
}

.stm-our-team .image:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.stm-our-team .meta {
  background-color: var(--mb-base-white);
  padding: 21px 10px 23px 10px;
  text-align: center;
}

.stm-our-team .meta .name {
  margin-bottom: -2px;
  text-transform: uppercase;
}

.stm-our-team .meta .position {
  color: #86939e;
  font-size: 13px;
}

.stm-our-team:hover .image:before {
  opacity: 1;
}

.stm-our-team:hover .meta {
  background-color: #232628;
}

.stm-our-team:hover .meta .name,
.stm-our-team:hover .meta .position {
  color: var(--mb-base-white);
}

.stm-our-team:hover .team-info {
  bottom: 18px;
  visibility: visible;
  opacity: 1;
}

.stm-carousel-brands {
  position: relative;
  padding: 0 30px;
}

.stm-carousel-brands .brands-carousel-item {
  float: left;
}

.stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner {
  opacity: 0.7;
  width: auto;
  margin: 0 auto;
}

.stm-carousel-brands .brands-carousel-item .brands-carousel-item-inner:hover {
  opacity: 1;
}

.stm-carousel-brands .owl-controls {
  margin-top: 0;
}

.stm-carousel-brands .owl-controls .owl-prev,
.stm-carousel-brands .owl-controls .owl-next {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  color: #aaaaaa;
}

.stm-carousel-brands .owl-controls .owl-prev:hover,
.stm-carousel-brands .owl-controls .owl-next:hover {
  color: var(--mb-primary-500);
}

.stm-carousel-brands .owl-controls .owl-prev {
  left: 0;
}

.stm-carousel-brands .owl-controls .owl-next {
  right: 0;
}

.stm-carousel-brands .owl-controls .owl-prev:after,
.stm-carousel-brands .owl-controls .owl-next:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 26px;
}

.stm-carousel-brands .owl-controls .owl-prev:after {
  content: "\f104";
}

.stm-carousel-brands .owl-controls .owl-next:after {
  content: "\f105";
}

.team-info {
  position: absolute;
  padding: 0 15px;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  visibility: hidden;
  opacity: 0;
}

.team-info .phone {
  position: relative;
  min-width: 160px;
  max-width: 100%;
  margin-top: 8px;
  display: inline-block;
  padding-left: 36px;
  padding-right: 10px;
  font-size: 1rem;
  line-height: 32px;
  background-color: var(--mb-base-white);
  border-radius: 20px;
  text-align: left;
}

.team-info .phone i {
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;
  color: var(--mb-primary-500);
}

.team-info .email {
  display: inline-block;
  min-width: 160px;
  max-width: 100%;
  padding: 0 0.75rem;
  background-color: var(--mb-primary-500);
  border-radius: 20px;
  color: var(--mb-base-white);
  font-size: 13px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
}

.stm-services-archive-page {
  margin-top: 30px;
}

.stm-service-unit {
  margin-bottom: 50px;
}

.stm-service-unit>a {
  text-decoration: none;
}

.stm-service-unit .image {
  position: relative;
  margin-bottom: 14px;
}

.stm-service-unit .image .icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  font-size: 33px;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  text-align: center;
}

.stm-service-unit .image .icon>i {
  line-height: 70px;
}

.stm-service-unit .stm-service-meta {
  border: 1px solid #ddd;
  padding: 21px 41px 10px 45px;
}

.stm-service-unit .stm-service-meta .title {
  padding-bottom: 13px;
  margin-bottom: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}

.stm-service-unit .stm-service-meta .excerpt {
  font-size: 13px;
  line-height: 18px;
  color: #86939e;
}

.kms-ListingsPagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.kms-ListingsPagination ul.page-numbers {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


ul.page-numbers li {
    padding: 0.5rem 0.5rem;
}






.single-car-actions>ul li {
  float: left;
  margin-right: 0px;
  margin-bottom: 0px;
}

.single-car-actions>ul li:last-child {
  margin-right: 0;
}

.single-car-actions .stock-num {
  padding: 5px 15px;
  background-color: #e3e9ed;
  border-radius: 3px;
  font-size: 0.75rem;
  color: #232628;
}

.single-car-actions .stock-num>span {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #86939e;
}












.car-action-unit.add-to-compare.disabled .stm-icon-add,
.car-action-unit.add-to-compare.disabled .stm-icon-added,
.car-action-unit.add-to-compare.disabled .stm-icon-remove {
  opacity: 0;
}



.car-action-unit.stm-brochure {
  /*padding-left: 35px;*/
}





.stm-single-car-content {
  padding-right: 27px;
}

.stm-single-car-side {
  padding-top: 7px;
  margin-left: -30px;
}

.stm-big-car-gallery .owl-controls {
  margin-top: 25px;
}

.stm-thumbs-car-gallery {
  position: relative;
}



.stm-thumbs-car-gallery .stm-single-image {
  max-width: 142px;
  width: auto;
  margin: 0 auto;
}

.stm-thumbs-car-gallery .stm-single-image:hover {
  cursor: pointer;
}

.stm-thumbs-car-gallery .stm-single-image img {
  max-width: 100%;
  height: auto;
}

.stm-thumbs-car-gallery .owl-item:hover {
  cursor: pointer;
}

.stm-thumbs-car-gallery .owl-item:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(35, 38, 40, 0.3);
  visibility: visible;
  opacity: 0;
  max-width: 142px;
  width: auto;
  margin: 0 auto;
}

.stm-thumbs-car-gallery .owl-item.current:after {
  visibility: visible;
  opacity: 1;
}

.stm-thumbs-car-gallery .owl-controls {
  margin-top: 0;
}

.stm-thumbs-car-gallery .owl-prev {
  position: absolute;
  left: -30px;
  top: 0;
  width: 30px;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.stm-thumbs-car-gallery .owl-prev:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f053";
  color: var(--mb-base-white);
  line-height: 82px;
}

.stm-thumbs-car-gallery .owl-next {
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.stm-thumbs-car-gallery .owl-next:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: block;
  content: "\f054";
  color: var(--mb-base-white);
  line-height: 82px;
}

.stm-thumbs-car-gallery .video-preview {
  position: relative;
}

.stm-thumbs-car-gallery .video-preview:before {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f144";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 51px;
  height: 51px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 9999px;
  text-align: center;
  line-height: 51px;
  color: var(--mb-primary-500);
  font-size: 30px;
  z-index: 20;
}

.stm-big-car-gallery .video-preview a:before {
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 63px;
  margin: -45px 0 0 -45px;
}

.stm-car-carousels {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.stm-car-carousels:hover .stm-thumbs-car-gallery .owl-prev {
  left: 0;
}

.stm-car-carousels:hover .stm-thumbs-car-gallery .owl-next {
  right: 0;
}

.video-preview {
  position: relative;
}

.video-preview a {
  display: block;
  position: relative;
}

.video-preview a:before {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f144";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 51px;
  height: 51px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 9999px;
  text-align: center;
  line-height: 51px;
  color: #232628;
  font-size: 30px;
  z-index: 20;
}

.video-preview a:hover:before {
  color: var(--mb-primary-500);
}

.stm-tech-infos {
  margin-top: -6px;
  margin-bottom: 25px;
}

.stm-tech-infos .stm-tech-title {
  position: relative;
  padding-top: 10px;
  padding-left: 50px;
  margin-bottom: 9px;
  min-height: 35px;
}

.stm-tech-infos .stm-tech-title i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 27px;
  color: #cc6119;
}

.stm-tech-infos .stm-tech-title .title {
  font-size: 1rem;
  font-weight: normal;
  color: #232628;
}

.stm-tech-infos span.h6 {
  font-size: 1rem;
  font-weight: normal;
}

.stm-border-right {
  border-right: 1px solid #ddd;
}

.special-label {
  position: absolute;
  top: 27px;
  left: -81px;
  height: 49px;
  padding: 0 100px;
  line-height: 49px;
  color: var(--mb-base-white);
  text-transform: uppercase;
  background-color: #fab637;
  -webkit-transform: rotate(-45deg) translateZ(0);
  transform: rotate(-45deg) translateZ(0);
  -webkit-transform-origin: 50% 50%;
  z-index: 10;
}

.special-label-small {
  top: 20px;
  left: -91px;
  height: 32px;
  line-height: 32px;
}

.single-add-to-compare {
  position: fixed;
  top: -30%;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 99;
}

.single-add-to-compare.single-add-to-compare-visible {
  top: 0%;
  opacity: 1;
}







.compare-fixed-link {
  display: block;
  padding: 8px 23px 6px;
  color: var(--mb-base-white);
  border: 1px solid #b6ccf0;
  border-radius: 3px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: normal;
  text-decoration: none;
}

.compare-fixed-link:hover {
  background-color: var(--mb-primary-50);
  color: var(--mb-primary-500);
}



.stm-shareble {
  position: relative;
}



.stm-shareble .st_sharethis_large {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 20;
}

.stm-shareble .st_sharethis_large:hover {
  cursor: pointer;
}

.single-car-prices {
  background-color: var(--mb-primary-500);
}

.single-car-prices .h4 {
  font-size: 24px;
}

.single-regular-price {
  padding: 22px 0 13px;
  vertical-align: middle;
}

.single-regular-price>.labeled {
  margin-right: 7px;
  font-size: 0.75rem;
  font-weight: normal;
  color: var(--mb-base-white);
  vertical-align: middle;
  text-transform: uppercase;
}

.single-regular-price>.h3 {
  position: relative;
  top: -1px;
  left: 1px;
  color: var(--mb-base-white);
  vertical-align: middle;
}

.price-description-single {
  padding: 4px 10px;
  background-color: #232628;
  font-size: 13px;
  text-align: center;
  color: var(--mb-base-white);
}

.single-regular-sale-price {
  padding: 14px 25px 0.75rem;
}

.single-regular-sale-price>table {
  margin-bottom: 0;
  table-layout: fixed;
}

.single-regular-sale-price>table tr td {
  width: 50%;
  padding: 0;
  border-bottom: none;
  color: var(--mb-base-white);
  text-transform: uppercase;
}

.single-regular-sale-price>table tr td:first-child {
  font-size: 1rem;
  border-right: 1px solid #89ade7;
}

.single-regular-sale-price>table tr td:nth-child(2) {
  padding-left: 21px;
}

.single-regular-sale-price>table tr td:nth-child(2) .h4 {
  margin: -5px 0 0;
  color: var(--mb-base-white);
}

.regular-price-with-sale {
  line-height: 17px;
}

.regular-price-with-sale strong {
  display: block;
}

.sale-price-description-single {
  padding: 4px 10px;
  background-color: #232628;
  font-size: 0.75rem;
  text-align: center;
  color: var(--mb-base-white);
  text-transform: uppercase;
}

.sale-price-description-single>strong {
  font-size: 1rem;
}

.single-car-data {
  padding: 0.75rem 26px 13px 23px;
  margin-bottom: 26px;
  background-color: #f0f2f5;
}

.single-car-data>table {
  margin-bottom: 0;
  table-layout: fixed;
}

.single-car-data>table tr td {
  padding: 11px 0 6px;
}

.single-car-data>table tr td.t-label {
  padding-right: 3px;
  text-transform: uppercase;
  color: #86939e;
  font-size: 0.75rem;
}

.single-car-data>table tr td.t-value {
  padding-left: 3px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1rem;
  line-height: 18px;
}

.single-car-data>table tr td.t-value.t-vin {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.single-car-data>table tr:last-child td {
  border-bottom: none;
}

.single-car-mpg {
  padding: 11px 15px;
  margin-bottom: 25px;
  border: 3px solid #e4e6ea;
}



.single-car-mpg .mpg-unit {
  padding-top: 14px;
  float: left;
  width: 36%;
  text-align: center;
}

.single-car-mpg .mpg-unit .mpg-value {
  padding: 0 3px;
  font-size: 26px;
  font-weight: bold;
}

.single-car-mpg .mpg-unit .mpg-label {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.single-car-mpg .mpg-icon {
  float: left;
  width: 26.36%;
  max-width: 64px;
  min-height: 64px;
  text-align: center;
  background-color: #cc6119;
  border-radius: 9999px;
  text-indent: 5px;
}

.single-car-mpg .mpg-icon i {
  position: relative;
  top: -1px;
  font-size: 26px;
  line-height: 64px;
  color: var(--mb-base-white);
}

.stm_auto_loan_calculator {
  padding: 22px 23px 8px;
  border: 3px solid #e4e6ea;
}

.stm_auto_loan_calculator>.title {
  position: relative;
  min-height: 42px;
  padding-left: 55px;
  text-transform: uppercase;
}

.stm_auto_loan_calculator>.title h5 {
  position: relative;
  top: 4px;
  margin-bottom: 15px;
  line-height: 16px;
  font-size: 1rem;
  font-weight: normal;
}

.stm_auto_loan_calculator>.title>i {
  position: absolute;
  top: 0;
  left: 1px;
  font-size: 42px;
  color: #cc6119;
}

.stm_auto_loan_calculator .form-group {
  margin-bottom: 17px;
}

.stm_auto_loan_calculator .labeled {
  margin-bottom: 6px;
  font-size: 13px;
  color: #86939e;
}

.stm_auto_loan_calculator input {
  height: 37px;
  line-height: 37px;
}

.stm_auto_loan_calculator .single-calculator-title {
  margin: 8px 0 28px -2px;
  text-transform: none;
}

.stm_auto_loan_calculator .single-calculator-title h3 {
  position: relative;
  top: 4px;
}

.stm_auto_loan_calculator.wide-version {
  padding-left: 32px;
  padding-right: 32px;
}

.stm_auto_loan_calculator.wide-version .stm_calculator_results {
  padding-bottom: 26px;
}

.stm_auto_loan_calculator.wide-version .form-group {
  margin-bottom: 24px;
}

.orange {
  color: #cc6119;
}

.calculate_loan_payment {
  margin-bottom: 16px;
}

.stm_calculator_results {
  padding-top: 8px;
  padding-bottom: 20px;
  color: var(--mb-base-white);
}

.stm_calculator_results .stm-calc-results-inner {
  position: relative;
  background-color: var(--mb-primary-500);
  padding: 18px 24px 14px;
}

.stm_calculator_results .stm-calc-results-inner:after {
  position: absolute;
  content: '';
  display: block;
  top: -8px;
  left: 26px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--mb-primary-500);
}

.stm_calculator_results .stm-calc-results-inner .h5 {
  min-height: 22px;
  margin-bottom: 5px;
  color: var(--mb-base-white);
}

.stm_calculator_results .stm-calc-label {
  margin-bottom: -2px;
  font-size: 13px;
}





.stm-datepicker-input-icon {
  position: relative;
}

.stm-datepicker-input-icon:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  right: 18px;
  top: 50%;
  margin-top: -8px;
  color: var(--mb-primary-500);
  font-size: 1rem;
  content: "\f017";
}

.stm-datepicker-input-icon input {
  padding-right: 35px;
}

.compare-title {
  margin-bottom: 20px;
  line-height: 36px;
  margin-top: 20px;
  text-transform: uppercase;
}

.car-listing-row .compare-col-stm {
  margin-bottom: 6px;
}

.car-listing-row .compare-col-stm .car-meta-top {
  border-bottom: none;
}

.car-listing-row .compare-col-stm:hover .remove-from-compare {
  bottom: -13px;
  opacity: 1;
}

.car-listing-row .compare-col-stm:hover .stm-compare-car-img:after {
  opacity: 1;
}

.car-listing-row .compare-col-stm .listing-car-item-meta {
  padding-top: 35px;
}


.compare-values table>tbody tr td .h5 {
  margin: 0;
  font-weight: bold;
}

.compare-value-hover:hover {
  cursor: pointer;
}

.compare-value-hover.hovered {
  color: #cc6119;
}

.compare-value-hover.hovered .h5 {
  color: #cc6119;
}

.compare-value-hover .h5 .regular-price {
  font-size: 13px;
  text-decoration: line-through;
  text-decoration: none;
}

.stm-compare-car-img {
  position: relative;
}

.stm-compare-car-img:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
}

.compare-col-stm-empty .image img.stm-compare-empty {
  opacity: 0.8;
}

.compare-col-stm-empty:hover .image img.stm-compare-empty {
  opacity: 1;
}

.compare-col-stm-empty>a {
  text-decoration: none;
}

.compare-col-stm-empty>a:hover .h5 {
  color: var(--mb-primary-500);
}

.compare-col-stm-empty .image {
  position: relative;
}

.compare-col-stm-empty .image .stm-icon-add_car {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -26px 0 0 -36px;
  font-size: 53px;
  color: #d1d7dc;
  z-index: 15;
}

.compare-col-stm-empty .h5 {
  margin-top: 20px;
  color: #86939e;
  text-transform: uppercase;
  text-align: center;
}

.stm-compare-row {
  margin-bottom: 30px;
}

.stm-compare-features {
  margin-top: 3px;
  text-transform: uppercase;
  font-weight: normal;
}

.row-compare-features {
  margin-bottom: 29px;
}

.stm-call-to-action-1 {
  position: relative;
  border: 1px solid #ddd;
  overflow: hidden;
}



.stm-call-to-action-1 .stm-call-action-left {
  position: relative;
  padding: 30px 10px 22px 27px;
  float: left;
  width: 43%;
  background-color: var(--mb-base-white);
  z-index: 16;
}

.stm-call-to-action-1 .stm-call-action-left:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: -48px;
  height: 100%;
  width: 200px;
  -webkit-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
  background-color: var(--mb-base-white);
  z-index: 16;
}

.stm-call-to-action-1 .stm-call-action-left .stm-call-action-image {
  float: left;
  margin-top: -5px;
  margin-right: 28px;
}

.stm-call-to-action-1 .stm-call-action-left .stm-call-action-image img {
  max-height: 50px;
}

.stm-call-to-action-1 .stm-call-action-left .stm-call-action-icon {
  position: relative;
  left: 6px;
  min-width: 51px;
  float: left;
  margin-top: -4px;
  margin-right: 28px;
  font-size: 49px;
}

.stm-call-to-action-1 .stm-call-action-left .stm-call-action-content {
  position: relative;
  z-index: 20;
}

.stm-call-to-action-1 .stm-call-action-left .stm-call-action-content .content {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  overflow: hidden;
}

.stm-call-to-action-1 .stm-call-action-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 65.947%;
  height: 100%;
  overflow: hidden;
  z-index: 15;
}

.stm-call-to-action-1 .stm-call-action-right .stm-call-action-right-banner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 1px;
  background-size: cover;
}

.remove-compare-unlinkable {
  position: relative;
  height: 29px;
  margin-top: -29px;
  z-index: 20;
}

.remove-from-compare {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -78px;
  width: 157px;
  padding: 0 6px 0 32px;
  height: 29px;
  line-height: 29px;
  text-transform: uppercase;
  border-radius: 15px;
  color: var(--mb-base-white);
  font-size: 0.75rem;
  background-color: var(--mb-primary-500);
  opacity: 0;
}

.remove-from-compare:hover {
  cursor: pointer;
}

.remove-from-compare .stm-icon-remove {
  position: absolute;
  left: 7px;
  top: 6px;
  font-size: 15px;
}

.remove-from-compare.loading .stm-icon-remove {
  left: 11px;
  top: 6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 17px;
  
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.remove-from-compare.loading .stm-icon-remove:before {
  content: "\f013";
  z-index: 20;
}

.stm-car-compare-row {
  margin-top: 34px;
}

.stm-working-days {
  padding: 28px 26px 23px 27px;
  border: 3px solid #ddd;
}

.stm-working-days .title {
  position: relative;
  margin-bottom: 18px;
  padding-left: 31px;
}

.stm-working-days .title i {
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 21px;
  color: var(--mb-primary-500);
}

table.stm-working-days-table {
  margin-bottom: 0;
}

table.stm-working-days-table>tbody>tr:last-child td {
  border-bottom: none;
}

table.stm-working-days-table>tbody>tr td {
  padding: 7px 0 5px;
}

table.stm-working-days-table>tbody>tr td.day-label {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #86939e;
}

table.stm-working-days-table>tbody>tr td.day-value {
  text-align: right;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
}

table.stm-working-days-table>tbody>tr td.day-value.day-closed {
  color: #e81818;
}

.compare-empty-car-bottom,
.compare-empty-car-top {
  display: none;
}





.listing-list-loop .video-preview {
  position: absolute;
  right: 9px;
  top: 17px;
  padding: 1px 11px 1px 25px;
  border-radius: 2px;
  color: var(--mb-base-white);
  font-size: 10px;
  text-transform: uppercase;
  background-color: var(--mb-primary-500);
  z-index: 20;
}

.listing-list-loop .video-preview .fa {
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -6px;
  font-size: 0.75rem;
}


.stm-template-listing .archive-listing-page .listing-list-loop .image {
  display: block;
  position: relative;
}


/*TITRE POST UPPERCASE FIRST LETTER */
.kms-titlePost-fistP {
  margin: 0;
  color: var(--mb-gray-900);
  /* text-transform: lowercase; */
  text-decoration: none;
}
/*
.kms-titlePost-fistP p:first-letter {
  text-transform: uppercase;
}
*/

.rmv_txt_drctn, .kms-SN-rmv_txt_drctn, .kms-SN-rmv_txt_drctn p {
  margin: 0;
  color: var(--mb-gray-900);
  text-transform: lowercase;
  text-decoration: none;
}
.kms-SN-rmv_txt_drctn p:first-letter {
  text-transform: uppercase;
}





.certified-logo-1,
.certified-logo-2 {
  opacity: 0.8;
}

.certified-logo-1:hover,
.certified-logo-2:hover {
  opacity: 1;
}






.stm-reset-classic-filter {
  margin-top: 8px;
  display: inline-block;
  position: relative;
  padding-left: 17px;
  color: #86939e;
  font-size: 13px;
}

.stm-reset-classic-filter .fa {
  position: absolute;
  top: 5px;
  left: 0;
  color: var(--mb-primary-500);
  font-size: 1rem;
}

.stm-reset-classic-filter span {
  display: inline-block;
  position: relative;
}

.stm-reset-classic-filter span:after {
  position: absolute;
  content: '';
  display: block;
  bottom: 3px;
  left: 1px;
  right: 0;
  height: 1px;
  background-color: #86939e;
}






.stm-filter-chosen-units-list li {
  position: relative;
  margin: 0 0.5rem 0 0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--mb-warning-500);
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-warning-300);
  border-radius: 9999px;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm-filter-chosen-units-list li i {
    color: var(--mb-warning-400);
}

.stm-accordion-single-unit {
  margin: 0.75rem 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
  overflow: hidden;
}

.stm-accordion-single-unit > a.title {
  display: block;
  position: relative;
  padding: 1rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  text-decoration: none;
  font-weight: bold;
}



.stm-accordion-content {
  border-width: 0;
  border-style: solid;
  border-color: #ccc;
}

.stm-accordion-single-unit>a.title.collapsed {
  border-width: 0px;
}

.stm-accordion-single-unit>a.title.collapsed .minus {
  margin-top: -2px;
}

.stm-accordion-single-unit>a.title.collapsed .minus:after {
  opacity: 1;
}

.stm-accordion-single-unit>a.title h5 {
  margin: 0;
}

.stm-template-listing .stm-accordion-single-unit .title h5 {
  font-weight: bold;
  color: var(--mb-primary-500);
  text-transform: inherit;
}



.stm-accordion-single-unit>a.title:hover .minus:after,
.stm-accordion-single-unit>a.title:hover .minus {
  background-color: var(--mb-primary-500);
}

.stm-accordion-single-unit .stm-accordion-content ul {
  padding: 5px 40px 17px 25px;
  margin-bottom: 0;
}

.stm-accordion-single-unit .stm-accordion-content ul li {
  margin-bottom: 7px;
  font-size: 13px;
}

.stm-accordion-single-unit .stm-accordion-content ul li:hover {
  cursor: pointer;
}

.blog-meta {
  padding: 16px 18px 0;
  margin-bottom: 45px;
  background-color: #232628;
}

.blog-meta .left {
  float: left;
}

.blog-meta .right {
  float: right;
}

.blog-meta .blog-meta-unit {
  position: relative;
  color: var(--mb-base-white);
  padding-left: 22px;
  margin-bottom: 14px;
  font-weight: normal;
}

.blog-meta .blog-meta-unit .post_comments {
  font-weight: normal;
}

.blog-meta .blog-meta-unit a {
  color: var(--mb-base-white);
}

.blog-meta .blog-meta-unit a:hover {
  color: var(--mb-primary-500);
  text-decoration: none;
}

.blog-meta .blog-meta-unit i {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
  font-size: 15px;
  color: var(--mb-primary-500);
}

.blog-meta .blog-meta-unit i.stm-icon-message {
  font-size: 1rem;
  margin-top: -7px;
}

.blog-meta .clearfix .blog-meta-unit {
  float: left;
  margin-right: 41px;
}

.post-content {
  padding-bottom: 35px;
  margin-bottom: 38px;
  border-bottom: 1px solid #ddd;
}

.post-content iframe {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
}

.post-content.post-content-vc {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.post-content blockquote {
  position: relative;
  margin-top: 10px;
  padding-left: 72px;
  padding-right: 5px;
  border-left: none;
  font-size: 1rem;
  line-height: 32px;
  color: #232628;
  font-style: normal;
}

.post-content blockquote:after,
.post-content blockquote:before {
  position: absolute;
  content: '';
  display: block;
  top: 9px;
  left: 4px;
  font-size: 31px;
  font-family: 'stm-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cc6119;
  content: "\e923";
}

.blog-meta-bottom {
  margin-top: 30px;
  margin-bottom: 20px;
}

.blog-meta-bottom .left {
  float: left;
}

.blog-meta-bottom .right {
  float: right;
}

.blog-meta-bottom span.h6 {
  text-transform: uppercase;
  font-weight: bold;
}

.blog-meta-bottom .post-tags .post-tag,
.blog-meta-bottom .post-tags .post-category,
.blog-meta-bottom .post-cat .post-tag,
.blog-meta-bottom .post-cat .post-category {
  color: #86939e;
  font-weight: normal;
  font-size: 13px;
}

.blog-meta-bottom .post-tags .post-tag:last-child .divider,
.blog-meta-bottom .post-tags .post-category:last-child .divider,
.blog-meta-bottom .post-cat .post-tag:last-child .divider,
.blog-meta-bottom .post-cat .post-category:last-child .divider {
  display: none;
}

.blog-meta-bottom .post-tags .post-tag a,
.blog-meta-bottom .post-tags .post-category a,
.blog-meta-bottom .post-cat .post-tag a,
.blog-meta-bottom .post-cat .post-category a {
  color: #86939e;
  font-weight: normal;
  font-size: 13px;
}

.blog-meta-bottom .post-tags .post-tag a:hover,
.blog-meta-bottom .post-tags .post-category a:hover,
.blog-meta-bottom .post-cat .post-tag a:hover,
.blog-meta-bottom .post-cat .post-category a:hover {
  text-decoration: none;
  color: var(--mb-primary-500);
}

.blog-meta-bottom .post-tags {
  margin-top: 2px;
}

.blog-meta-bottom .stm-shareble {
  margin-top: 7px;
}

.stm-author-box {
  padding: 30px 50px 30px 30px;
  margin-bottom: 58px;
  border-top: 4px solid #232628;
  background-color: #f3f4f5;
}

.stm-author-box .author-image {
  float: left;
  margin-right: 29px;
}

.stm-author-box .author-image>img {
  border-radius: 9999px;
}

.stm-author-box .author-content {
  overflow: hidden;
}

.stm-author-box .author-content h6 {
  margin-bottom: 4px;
  color: #aaaaaa;
}

.stm-author-box .author-content h4 {
  margin-bottom: 10px;
}

.stm-author-box .author-content .author-description {
  color: #555;
  font-size: 1rem;
  line-height: 20px;
}

.comment-reply-title {
  margin-bottom: 30px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

.comments-title {
  text-transform: uppercase;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.single-post #main {
  margin-bottom: 36px;
}

.comment.parent .comment-body {
  position: relative;
}

.comment.parent .comment-body:after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 40px;
  width: 36px;
  height: 1px;
  background-color: #ddd;
}

.comment .comment-body {
  min-height: 80px;
  margin-bottom: 18px;
  overflow: hidden;
}

.comment .comment-avatar {
  position: relative;
  float: left;
  margin-right: 29px;
}

.comment .comment-avatar img {
  border-radius: 9999px;
}

.comment .comment-avatar:before {
  position: absolute;
  content: '';
  display: block;
  top: 88px;
  left: 50%;
  width: 1px;
  height: 2000px;
  background-color: #ddd;
}

.comment .comment-info-wrapper {
  overflow: hidden;
}

.comment .comment-info-wrapper .comment-info {
  margin-top: -4px;
  margin-bottom: 10px;
}

.comment .comment-info-wrapper .comment-text {
  min-height: 70px;
  padding-bottom: 21px;
  border-bottom: 1px solid #ddd;
  font-size: 1rem;
  
  color: #86939e;
  font-style: italic;
}

.comment .comment-info-wrapper .comment-text p {
  margin-bottom: 5px;
}

.comment .commentmetadata {
  color: #86939e;
  font-size: 0.75rem;
}

.comment .commentmetadata a {
  color: #86939e;
}

.comment .commentmetadata a:hover {
  color: var(--mb-primary-500);
  text-decoration: none;
}

.comment .commentmetadata .comment-meta-data-unit {
  vertical-align: top;
}

.comment .commentmetadata .comment-meta-data-unit a {
  color: var(--mb-primary-500);
}

.comment .commentmetadata .comment-meta-data-unit a i {
  font-size: 11px;
}

.comment .comment-divider {
  margin: 0 7px;
  color: #86939e;
}

.comment .comment-reply-link {
  margin-left: 2px;
}

.comment .comment-reply-link i {
  margin-right: 7px;
}

.comment .comment-edit-link {
  margin-left: -2px;
}

.comment .comment-edit-link i {
  position: relative;
  top: 1px;
  font-size: 13px;
  margin-right: 7px;
}

.comment .comment-author .h5 a {
  color: #232628;
  font-weight: bold;
}

.comment .comment-date {
  margin-right: -5px;
}

ul.comment-list li ul.children {
  padding-left: 43px;
  list-style: none;
}

ul.comment-list li ul.children>li.parent .comment-avatar:before {
  position: absolute;
  content: '';
  display: block;
  top: 73px;
  left: 50%;
  width: 1px;
  height: 2000px;
  background-color: #ddd;
}

ul.comment-list li ul.children .comment-body {
  padding-top: 18px;
  margin-top: -18px;
}

ul.comment-list li ul.children .comment-body:after {
  display: none;
}

ul.comment-list li ul.children .comment-avatar {
  position: relative;
  margin-right: 35px;
}

ul.comment-list li ul.children .comment-avatar img {
  max-width: 65px;
}

ul.comment-list li ul.children .comment-avatar:after {
  position: absolute;
  content: '';
  display: block;
  top: -18px;
  left: 50%;
  width: 1px;
  height: 10px;
  background-color: #ddd;
}

ul.comment-list li ul.children ul.children {
  padding-left: 0;
}

ul.children .comment:not(.parent) {
  position: relative;
  margin-bottom: 30px;
}

ul.children .comment:not(.parent):after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  right: 0;
  left: -43px;
  height: 1px;
  background-color: #ddd;
}

ul.children .comment:not(.parent) .comment-avatar:before {
  display: none;
}

ul.children .comment:not(.parent) .comment-body .comment-text {
  padding-bottom: 30px;
  border-bottom: none;
}

.comment-list {
  margin-bottom: 57px;
}

.comment-list>li.comment:not(.parent) {
  position: relative;
}

.comment-list>li.comment:not(.parent):after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  right: 0;
  left: 0px;
  height: 1px;
  background-color: #ddd;
}

.comment-list>li.comment:not(.parent) .comment-avatar:before {
  display: none;
}

.comment-list>li.comment:not(.parent) .comment-body .comment-text {
  border-bottom: none;
}

.logged-in-as {
  display: none;
}

.stm-single-post {
  padding-top: 36px;
}

.stm-single-post .post-title {
  margin-bottom: 35px;
  line-height: 37px;
}

#cancel-comment-reply-link {
  margin-left: 10px;
}

.comment-respond {
  padding-bottom: 20px;
}

.stm-archives {
  padding-top: 30px;
}

.stm-contact-us-form-wrapper {
  padding: 60px 91px 11px;
  background-color: var(--mb-base-white);
  box-shadow: 0px 3px 18px rgba(35, 38, 40, 0.3);
}

.stm-contact-us-form-wrapper h2 {
  margin-bottom: 47px;
  text-transform: uppercase;
}

.stm-contact-us-form-wrapper .form-group {
  margin-bottom: 30px;
}

.stm-contact-us-form-wrapper .form-group input {
  font-size: 1rem;
}

.stm-contact-us-form-wrapper form {
  margin-left: 3px;
  margin-right: 3px;
}

.stm-contact-us-form-wrapper .col-md-7 .col-md-6:first-child .form-group {
  margin-right: 2px;
}

.stm-contact-us-form-wrapper .col-md-7 .col-md-6:nth-child(2) .form-group {
  padding-left: 8px;
  margin-right: -5px;
}

.stm-contact-us-form-wrapper .col-md-5 .contact-us-submit,
.stm-contact-us-form-wrapper .col-md-5 .form-group {
  margin-left: 7px;
}

.stm-contact-us-form-wrapper .wpcf7-response-output {
  margin-bottom: 20px;
}

.contact-us-label {
  margin-bottom: 5px;
  font-size: 1rem;
}

.stm-contact-us-checkbox {
  margin: 17px 0 35px;
}

.contact-us-submit {
  margin-top: -5px;
}

.stm-view-type-list,
.stm-view-type-grid {
  padding-top: 10px;
  padding-bottom: 30px;
}

.stm-view-type-grid .row-2 .col-md-6 .image img {
  width: 100%;
}



.post-grid-single-unit {
  position: relative;
  margin-bottom: 15px;
}

.post-grid-single-unit:hover .content {
  border-color: transparent;
  box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4);
}

.post-grid-single-unit .image {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}

.post-grid-single-unit .video-preview {
  position: absolute;
  right: 9px;
  top: 17px;
  padding: 5px 10px 5px 30px;
  border-radius: 3px;
  color: var(--mb-base-white);
  font-size: 10px;
  text-transform: uppercase;
  background-color: var(--mb-primary-500);
  z-index: 20;
}

.post-grid-single-unit .video-preview .fa {
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -6px;
  font-size: 0.75rem;
}

.post-grid-single-unit .sticky-post {
  position: absolute;
  top: 20px;
  left: -90px;
  background-color: #cc6119;
  text-transform: uppercase;
  color: var(--mb-base-white);
  font-weight: bold;
  font-size: 11px;
  width: 250px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



.post-grid-single-unit .content .title-relative {
  position: relative;
  min-height: 66px;
}

.post-grid-single-unit .content .title-relative a {
  text-decoration: none;
}

.post-grid-single-unit .content .title-relative a .title {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-bottom: 0;
  font-weight: 500;
  
}

.post-grid-single-unit .content .post-meta-bottom {
  margin-top: 22px;
  padding-top: 0.75rem;
  border-top: 1px solid #ddd;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit {
  display: inline-block;
  margin-right: 19px;
  padding-left: 25px;
  position: relative;
  font-size: 0.75rem;
  color: #86939e;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit:last-child {
  margin-right: 0;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit.comments {
  padding-left: 22px;
  margin-top: 10px;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit.comments i {
  top: 0px;
  font-size: 1rem;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit i {
  position: absolute;
  left: 0;
  top: 0px;
  color: var(--mb-primary-500);
  font-size: 15px;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit a {
  color: #86939e;
  text-decoration: none;
}

.post-grid-single-unit .content .post-meta-bottom .blog-meta-unit a:hover {
  color: var(--mb-primary-500);
}

.post-list-single-item {
  margin-bottom: 30px;
}

.post-list-single-item .image {
  position: relative;
  vertical-align: top;
  overflow: hidden;
  max-height: 429px;
}

.post-list-single-item .image img {
  vertical-align: top;
  width: 100%;
}

.post-list-single-item .video-preview {
  position: absolute;
  right: 9px;
  top: 17px;
  padding: 1px 11px 1px 25px;
  border-radius: 2px;
  color: var(--mb-base-white);
  font-size: 10px;
  text-transform: uppercase;
  background-color: var(--mb-primary-500);
  z-index: 20;
}

.post-list-single-item .video-preview .fa {
  position: absolute;
  top: 50%;
  left: 7px;
  margin-top: -6px;
  font-size: 0.75rem;
}

.post-list-single-item .sticky-post {
  position: absolute;
  top: 20px;
  left: -90px;
  background-color: #cc6119;
  text-transform: uppercase;
  color: var(--mb-base-white);
  font-weight: bold;
  font-size: 11px;
  width: 250px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.post-list-single-item .blog-meta {
  position: relative;
  margin-top: -44px;
  padding-left: 36px;
  padding-right: 27px;
  margin-bottom: 0;
  background-color: #232628;
  z-index: 20;
}

.post-list-single-item .absoluted-content {
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
}

.post-list-single-item .absoluted-content .relatived-content {
  padding: 0 36px 31px;
  position: relative;
  z-index: 10;
}

.post-list-single-item .absoluted-content .relatived-content .title {
  margin-bottom: 0;
  color: var(--mb-base-white);
  font-weight: bold;
  line-height: 28px;
}

.post-list-single-item .absoluted-content .relatived-content .video-preview {
  display: inline-block;
  margin-bottom: 16px;
  position: relative;
  top: 0;
  left: 0;
}

.post-list-single-item .absoluted-content:before {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 189px;
  background: -webkit-linear-gradient(bottom, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0));
  background: linear-gradient(to top, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0));
  z-index: 5;
}






.stm-prev-next {
  display: block;
  position: absolute;
  top: 0;
  width: 50px;
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  border-radius: 3px;
  text-align: center;
  z-index: 15;
}

.stm-prev-next i {
  color: var(--mb-base-white);
}

.stm-prev-next.stm-next-btn {
  right: 0;
}

.stm-prev-next .stm-prev-btn {
  left: 0;
}

.stm-prev-next.disabled {
  background-color: #ddd;
}

.sidebar-margin-top {
  margin-top: 5px;
}

.stm-blog-main-title {
  margin: -9px 0 51px;
  text-transform: uppercase;
}

.stm-no-margin-bc .navxtBreads {
  margin-bottom: 0;
}





.error-header {
  position: relative;
  padding: 86px 0;
  background-color: #232628;
  z-index: 20;
}

.error404 #wrapper {
  position: relative;
  background-image: url("/wp-content/themes/montbouet/design/images/404.png");
  background-size: 100%;
  /*background-repeat: no-repeat;*/
}

/*fin gray error page 404 add*/

.error404 #wrapper #main {
  min-height: 250px;
  position: absolute;
  top: 201px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
}

.error404 #wrapper #main .stm-error-page-unit {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.error404 #wrapper #main .stm-error-page-unit h2 {
  width: auto;
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 650px;
  line-height: 34px;
  text-transform: uppercase;
}

.error404 #wrapper #main .stm-error-page-unit .button {
  display: inline-block;
}

body.page-template-coming-soon-php {
  background-position: 50% 50%;
  background-size: cover;
}

body.page-template-coming-soon-php #wrapper:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

body.page-template-coming-soon-php #wrapper #main {
  min-height: 400px;
  position: absolute;
  top: 170px;
  left: 0;
  right: 0;
  bottom: 75px;
}

body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h1 {
  font-size: 70px;
  line-height: 65px;
  text-transform: uppercase;
}

body.page-template-coming-soon-php #wrapper #main .stm-coming-soon-centered h5 {
  font-weight: normal;
}

body.page-template-coming-soon-php #footer-copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: transparent;
}

body.page-template-coming-soon-php .coming-soon-header {
  position: relative;
  padding-top: 135px;
  z-index: 20;
}

.stm-inline-form {
  margin-top: 35px;
}

.stm-inline-form .wpcf7-form-control-wrap {
  display: inline-block;
  width: 235px;
  vertical-align: top;
  margin-right: 28px;
}



.stm-blog-fullwidth-info {
  position: relative;
}

.stm-blog-fullwidth-info .post-thumbnail img {
  width: 100%;
}

.stm-blog-fullwidth-info .absoluted-content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.stm-blog-fullwidth-info .absoluted-content>.container {
  position: relative;
  z-index: 10;
}

.stm-blog-fullwidth-info .absoluted-content .title {
  color: var(--mb-base-white);
  max-width: 800px;
}

.stm-blog-fullwidth-info .absoluted-content .blog-meta {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2px;
  margin-bottom: 0;
  margin-top: 65px;
  background-color: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit {
  color: #aaa;
}

.stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit a {
  color: #aaa;
}

.stm-blog-fullwidth-info .absoluted-content .blog-meta .blog-meta-unit a:hover {
  color: var(--mb-primary-500);
}

.stm-blog-fullwidth-info .absoluted-content:before {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 347px;
  background: -webkit-linear-gradient(bottom, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0));
  background: linear-gradient(to top, rgba(35, 38, 40, 0.9), rgba(35, 38, 40, 0));
  z-index: 5;
}

.stm-modern-filter-sidebar-title {
  text-transform: uppercase;
  margin-top: 0.75rem;
  margin-bottom: 40px;
}

#modern-filter-listing {
  margin-top: 10px;
}

#modern-filter-listing .stm-accordion-single-unit {
  margin: 0 0 15px;
}

#modern-filter-listing .stm-accordion-content-wrapper {
  padding: 0 26px 20px;
}

#modern-filter-listing .stm-accordion-content-wrapper .stm-single-unit {
  margin-bottom: 8px;
}

.stm-modern-filter-unit-first-default {
  margin-bottom: 15px;
}

.stm-modern-filter-unit-first-default .stm-single-unit {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 7px;
}

.stm-modern-filter-unit-images {
  font-size: 0;
}

.stm-modern-filter-unit-images .stm-single-unit-wrapper {
  margin: 3px -10px 0;
}

.stm-modern-filter-unit-images .stm-single-unit-image {
  display: inline-block;
  width: 50%;
  margin: 0 0 25px;
  vertical-align: top;
  padding: 0 10px;
  font-size: 13px;
}

.stm-modern-filter-unit-images .stm-single-unit-image.stm-no-image {
  display: block;
  margin-bottom: 8px;
  width: 100%;
}

.stm-modern-filter-unit-images .stm-single-unit-image .image {
  display: block;
  text-align: center;
}

.stm-modern-filter-unit-images .stm-single-unit-image .image.non-active {
  opacity: 0.5;
}

.stm-modern-filter-unit-images .stm-single-unit-image img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin-bottom: 7px;
}

.stm-modern-filter-unit-images .checker {
  margin-right: 3px;
}

.stm-modern-filter-price {
  padding-top: 8px;
}

.stm-show-all-modern-filter {
  display: inline-block;
  padding: 10px 20px 8px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -58px;
}

.stm-show-all-modern-filter:active {
  top: inherit;
  bottom: -2px;
}

.stm-show-all-modern-filter.stm-hidden-filter {
  display: none;
}



.stm-modern-filter-actions .stm-sort-by-options {
  margin-top: -8px;
  float: right;
  margin-right: 25px;
}





.stm-modern-view-others {
  margin-top: 11px;
  padding-left: 11px;
}

.stm-modern-view-others a {
  position: relative;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 14px;
  text-transform: uppercase;
  color: #aaa;
  border-bottom: 1px dashed #aaa;
  text-decoration: none;
}

.stm-modern-view-others a:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f107";
  top: 50%;
  margin-top: -8px;
  right: -14px;
  font-size: 1rem;
}

.stm-modern-view-others a:hover {
  color: var(--mb-primary-500);
  border-bottom-color: var(--mb-primary-500);
}

.stm-modern-filter-others {
  display: none;
  padding-top: 11px;
}

.stm-modern-filter-others .checker {
  margin-right: 10px;
}

.stm-modern-filter-found-cars {
  float: left;
}

.stm-modern-filter-found-cars h4 {
  text-transform: uppercase;
}

.stm-single-unit-image label:hover {
  cursor: pointer;
}

.car-listing-modern-grid .stm-isotope-listing-item {
  margin: 0 0 0.75rem;
}

.hr-privateSidebar {
  height: 2px;
  border-color: var(--mb-gray-300);
  margin: 0.25rem 0;
}

#listings-result .stm-isotope-listing-item .price-form-label {
  padding: 15px 10px 14px;
  display: block;
}

.stm-fullwidth-with-parallax {
  position: static;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 0%;
  overflow: hidden;
}

.stm-blackout-overlay.stm-blackout-loaded:after {
  visibility: visible;
}

.stm-blackout-overlay:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: 2;
  visibility: hidden;
}

.stm-fullwidth-with-parallax.stm-blackout-lvl-20 .stm-blackout-overlay:after {
  opacity: 0.2;
}

.stm-fullwidth-with-parallax.stm-blackout-lvl-40 .stm-blackout-overlay:after {
  opacity: 0.4;
}

.stm-fullwidth-with-parallax.stm-blackout-lvl-60 .stm-blackout-overlay:after {
  opacity: 0.6;
}

.stm-fullwidth-with-parallax.stm-blackout-lvl-80 .stm-blackout-overlay:after {
  opacity: 0.8;
}

.stm-blackout-overlay {
  position: absolute;
}

.owl-carousel {
  display: none;
  visibility: hidden;
}

.owl-carousel.owl-loaded {
  display: block;
  visibility: visible;
}

.owl-carousel.testimonials-carousel {
  display: block;
  visibility: visible;
}

.stm-carousel-brands {
  display: block;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li ul li a {
  font-size: 13px;
}

.panel.wc-tab h3 {
  margin-top: 50px;
}



.classic-filter-pagination {
  margin-top: 8px;
}

.car-listing-top-part .stm-hidden {
  display: block;
  visibility: visible;
}

.stm-hidden {
  display: none;
  visibility: hidden;
}

body.stm-boxed #wrapper {
  position: relative;
  max-width: 1200px;
  /*defaut 1220 Gray add largeur website*/
  width: auto;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.50);
  /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);*/
  background-color: var(--mb-base-white);
  z-index: 999;
  /*min-height: -webkit-fill-available;*/
}

/*Gray add body background hauteur defaut*/

body.stm-boxed #footer {
  max-width: 1200px;
  /*defaut 1220 Gray add largeur website*/
  width: auto;
  margin: 0 auto;
}

body.stm-boxed .stm-fullwidth-with-parallax {
  background-attachment: scroll;
}

.help-bar-live-chat {
  display: none;
}

.header-help-bar-trigger {
  display: none;
  float: right;
  margin-top: 10px;
  height: 32px;
  width: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #232628;
}

.header-help-bar-trigger.active i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header-help-bar>ul li.mobile-search {
  display: none;
  visibility: hidden;
}

.mobile-menu-trigger {
  position: absolute;
  top: 2px;
  right: 0;
  width: 32px;
  height: 32px;
  padding: 5px 3px;
}

.mobile-menu-trigger span {
  display: block;
  height: 3px;
  background: var(--mb-primary-500);
  border-radius: 3px;
  width: 100%;
}

.mobile-menu-trigger span:nth-child(2) {
  margin-top: 5px;
}

.mobile-menu-trigger span:nth-child(3) {
  margin-top: 5px;
}

.mobile-menu-holder {
  display: none;
  margin: 0 -15px 25px;
  padding: 0 15px;
}

.mobile-menu-holder .header-menu {
  margin: 0 -15px;
  padding: 10px 15px;
  background-color: #eaedf0;
  list-style: none;
}

.mobile-menu-holder .header-menu>li .arrow {
  position: absolute;
  top: 0;
  right: 0;
  height: 34px;
  line-height: 34px;
  width: 50px;
  font-size: 22px;
  text-align: right;
}

.mobile-menu-holder .header-menu>li .arrow.active i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-menu-holder .header-menu>li>.sub-menu {
  display: none;
  list-style: disc;
}

.mobile-menu-holder .header-menu>li>.sub-menu>li>.sub-menu>li:last-child {
  margin-bottom: 0;
}

.mobile-menu-holder .header-menu>li.opened>a {
  color: #cc6119;
}

.mobile-menu-holder .header-menu li {
  position: relative;
}

.mobile-menu-holder .header-menu li a {
  position: relative;
  display: block;
  padding: 10px 0;
  padding-right: 60px;
  color: #232628;
  text-transform: uppercase;
  text-decoration: none;
}

.mobile-menu-holder .header-menu li:last-child {
  margin-bottom: 0;
}

.compare-car-visible {
  display: none;
}

.stm-img-mobile-compare {
  margin-bottom: 30px;
}

.blog-posts-excerpt {
  margin-top: 15px;
}

.post-grid-single-unit .sticky-post.blog-post-no-image {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}



.page-links {
  margin: 1rem 0;
  text-align: center;
}

.page-links .page-links-title {
  text-transform: uppercase;
  border: none;
  margin-right: 20px;
}

.page-links a {
  display: inline-block;
  text-decoration: none;
}
.page-links a:hover {
  
}

.page-links>span {
  display: inline-block;
}
.gr-span-p_link {
  display: inline-block;
  color: var(--mb-base-black);
  font-weight: normal;
}



.stm_post_comments li.pingback .comment-info {
  margin-bottom: 15px;
}

.stm_post_comments li.pingback .h5 {
  text-transform: uppercase;
}

.mpg-mobile-selector {
  min-width: 250px;
}

.post-type-archive-product .page-numbers {
  margin-bottom: 40px;
}



.stm-base-background-color {
  background-color: #cc6119;
}

.stm-base-color {
  color: #cc6119;
}

.stm-button-secondary-color {
  background-color: var(--mb-primary-500);
}

.stm-secondary-background-color {
  background-color: #0095ff;
}



.certified-logo-1 img {
  max-height: 25px;
}

.certified-logo-2 img {
  max-height: 25px;
}

#frontend_customizer_button:before {
  border-right-color: #cc6119;
}

#frontend_customizer_button {
  background-color: #cc6119;
}

#top-bar .language-switcher-unit ul li:last-child {
  margin-bottom: 0;
}

#top-bar .language-switcher-unit ul li a {
  color: #232628;
}

.tp-caption.stm-slider-round,
.stm-slider-round {
  background: rgba(204, 97, 25, 0.901961);
}

.stm-compact-sidebar {
  max-width: 250px;
  width: auto;
  margin: 0 auto;
  padding-top: 26px;
  border: 1px solid #dddddd;
}

.stm-compact-sidebar .text-image {
  margin-left: 25px;
  margin-bottom: 10px;
}

.stm-compact-sidebar .icon {
  margin-left: 25px;
  margin-bottom: 10px;
  font-size: 62px;
  color: var(--mb-primary-500);
}

.stm-compact-sidebar .content {
  max-width: 220px;
  margin-bottom: 23px;
  padding: 0 10px 0 30px;
}

.stm-compact-sidebar .content h4>span {
  display: block;
}

.stm-single-post .post-thumbnail img {
  width: 100%;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit {
  display: block;
  text-decoration: none;
  padding-bottom: 17px;
  border-bottom: 6px solid #eaedf0;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number {
  text-indent: -200px;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit.validated .number:before {
  right: 0%;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit[href="#step-two"] .number {
  text-indent: 2px;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit .number {
  position: relative;
  margin-bottom: 13px;
  width: 31px;
  height: 31px;
  border: 3px solid #cc6119;
  border-radius: 9999px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
  color: #cc6119;
  font-size: 1rem;
  text-indent: 3px;
  overflow: hidden;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit .number:before {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -100%;
  line-height: 25px;
  content: "\f00c";
  font-size: 1rem;
  text-indent: 0;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit .title {
  margin: 0 0 -1px 3px;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit .sub-title {
  margin-left: 4px;
  color: rgba(35, 38, 40, 0.5);
  font-size: 13px;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit.active {
  border-bottom-color: #cc6119;
}

.stm-sell-a-car-form .form-navigation .form-navigation-unit.active .number {
  background-color: #cc6119;
  color: var(--mb-base-white);
}

.stm-sell-a-car-form .form-content {
  padding-top: 44px;
}

.stm-sell-a-car-form .form-content .form-content-unit {
  display: none;
}

.stm-sell-a-car-form .form-content .form-content-unit.active {
  display: block;
}

.stm-sell-a-car-form .form-content .form-content-unit .contact-us-label {
  color: #555;
}

.stm-sell-a-car-form .form-content .vehicle-condition {
  padding-top: 6px;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit {
  padding-bottom: 33px;
  margin-bottom: 34px;
  border-bottom: 1px solid #e2e5e8;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon {
  margin-bottom: 13px;
  font-size: 30px;
  color: #232628;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy {
  font-size: 34px;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .icon.buoy-2 {
  font-size: 35px;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit .title {
  margin-bottom: 16px;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label {
  margin-right: 40px;
}

.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit label:last-child {
  margin-right: 0;
}

.stm-sell-a-car-form .form-content .contact-details {
  margin: 6px 0 43px;
  padding: 40px 41px 36px;
  background-color: #ebedef;
}

.stm-sell-a-car-form .form-content .contact-details textarea {
  height: 106px;
}

.stm-sell-a-car-form .form-content .contact-details .form-group {
  margin-bottom: 24px;
}

.stm-sell-a-car-form .form-content .contact-details .contact-us-label {
  margin-bottom: 2px;
}

.stm-sell-a-car-form .form-upload-files .stm-unit-photos {
  float: left;
  width: 38.48%;
  margin-right: 54px;
}

.stm-sell-a-car-form .form-upload-files .stm-unit-url {
  overflow: hidden;
}



.stm-sell-a-car-form .disclaimer {
  padding-right: 20px;
  margin-top: 2px;
  
  overflow: hidden;
  color: #555;
}

.sell-a-car-proceed {
  margin-top: 27px;
  max-width: 220px;
}

.form-upload-files {
  padding: 30px 30px 35px;
  margin: 15px 0 5px;
  border: 3px solid #ebedef;
}

.stm-pseudo-file-input {
  position: relative;
  z-index: 20;
}

.stm-pseudo-file-input.generated {
  margin-top: 15px;
}

.stm-pseudo-file-input.generated .stm-plus:after {
  display: none;
}

.stm-pseudo-file-input:hover {
  cursor: pointer;
}

.stm-pseudo-file-input:before {
  position: absolute;
  content: '';
  display: block;
  font-family: 'stm-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c0c1c3;
  content: "\e929";
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 20px;
}

.stm-pseudo-file-input .stm-plus {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 0;
  right: 0;
  background-color: #ebedef;
  z-index: 20;
}

.stm-pseudo-file-input .stm-plus:after {
  position: absolute;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -1px;
  width: 3px;
  height: 9px;
  background-color: #aaa;
}

.stm-pseudo-file-input .stm-plus:before {
  position: absolute;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -4px;
  width: 9px;
  height: 3px;
  background-color: #aaa;
}

.stm-pseudo-file-input .stm-filename {
  padding: 10px 10px 10px 40px;
  margin-right: 56px;
  background-color: #ebedef;
  color: #86939e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stm-pseudo-file-input .stm-file-realfield {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 15;
}

.stm-pseudo-file-input .stm-file-realfield:hover {
  cursor: pointer;
}

#error-fields {
  margin-top: 20px;
}

.lost_reset_password {
  border-top: 4px solid #232628;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4);
  max-width: 480px;
  width: 100%;
}



.stm-single-filter-link a {
  color: #232628;
  text-decoration: none;
}

.stm-single-filter-link a:hover {
  color: #cc6119;
}

.stm-single-filter-link a span {
  color: #86939e;
}



/*gray tooltip*/


.stm-dots {
  color: #86939e;
}

.stm-dots.dots-aligned {
  position: relative;
  top: 0;
}

select.ab-formElement {
  opacity: 1;
  visibility: visible;
}

/* Some adds, written here, to avoid scheme colors incompability */
.special-label {
  padding: 0 50px;
  width: 261px;
  text-align: center;
}

.special-label-small {
  width: 249px;
}

.stm-site-preloader {
  overflow-y: hidden;
}


.stm-site-preloader.stm-site-loaded {
  overflow-y: scroll;
}

.stm-site-preloader.stm-site-loaded:before {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.stm-site-preloader.stm-site-loaded:after {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.single-regular-sale-price>table tr td:nth-child(2) .h4 {
  white-space: nowrap;
}

.vc_row-no-padding .vc_column_container {
  padding-left: 0;
  padding-right: 0;
}

.stm-material-parallax-container {
  position: relative;
  overflow: hidden;
  min-height: 410px;
  color: var(--mb-base-white);
}

.stm-material-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.stm-material-parallax:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.stm-material-parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 70px;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* 2.2 Widgets */





#wp-calendar {
  width: 100%;
}

#wp-calendar>caption {
  padding-top: 0;
  margin-top: -4px;
}

.tagcloud {
  margin-right: -6px;
}

.tagcloud a {
  display: inline-block;
  margin: 0 6px 8px 0;
  padding: 4px 9px;
  background-color: var(--mb-base-white);
  box-shadow: 0 1px 4px rgba(0, 1, 1, 0.2);
  font-size: 13px;
  color: #aaa;
  text-decoration: none;
}

.tagcloud a:hover {
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
}

#main .widget {
  margin-bottom: 27px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}

#main .widgettitle,
#main .widget-title {
  font-size: 1rem;
  line-height: 32px;
  text-transform: uppercase;
}

#main .widget_search .widget-title {
  display: none;
}

#main .widget_search form.search-form {
  position: relative;
  padding: 0;
}



#main .widget_search form.search-form label {
  display: block;
}

#main .widget_search form.search-form:after {
  position: absolute;
  content: '';
  display: block;
  font-family: 'stm-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e810";
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 0.75rem;
  text-align: center;
  color: var(--mb-primary-500);
  z-index: 10;
}

#main .widget_search form.search-form:before {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  top: 0;
  width: 5px;
  height: 45px;
  background-color: var(--mb-primary-500);
  z-index: 10;
}

#main .widget_search form.search-form:hover:before {
  width: 45px;
}

#main .widget_search form.search-form:hover:after {
  color: var(--mb-base-white);
}

#main .widget_search form.search-form.focus:before {
  width: 45px;
}

#main .widget_search form.search-form.focus:after {
  color: var(--mb-base-white);
}

#main .widget_text {
  font-size: 13px;
  
}

#main .stm-last-post-widget {
  margin-bottom: 26px;
  font-size: 13px;
  line-height: 20px;
  color: #86939e;
}

#main .stm-last-post-widget .comments-number {
  position: relative;
  margin-top: 14px;
  height: 20px;
}

#main .stm-last-post-widget .comments-number a {
  display: block;
  padding-left: 21px;
  color: #0095ff;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}

#main .stm-last-post-widget .comments-number i {
  position: absolute;
  left: 1px;
  top: 50%;
  margin-top: -6px;
  font-size: 13px;
}

#main .stm-last-post-widget:last-child {
  margin-bottom: 10px;
}

#main .textwidget p:last-child {
  margin-bottom: 0;
}

.stm-small-text {
  display: block;
  font-size: 0.75rem;
  line-height: 18px;
  margin-bottom: 10px;
  color: #86939e;
}









.media-widget-list {
  margin: 0;
}

.media-widget-list .media-widget-item {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
}



/* 2.3 Service */






.header-service .service-logo-main {
  float: left;
  max-width: 30%;
  margin: 0.75rem 10px 0 0;
  margin-right: 10px;
}

.header-service .header-service-right .service-header-appointment {
  margin-top: 1px;
}

.header-service .header-service-right .service-header-appointment div.default-state {
  display: block;
  position: relative;
  padding: 13px 17px 13px 51px;
  background-color: #22b7d2;
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.header-service .header-service-right .service-header-appointment div.default-state>i {
  position: absolute;
  top: 10px;
  left: 17px;
  font-size: 23px;
}

.header-service .header-service-right .service-header-appointment span.active-state {
  padding: 13px 17px 13px 51px;
  background-color: #191d21;
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.header-service .header-service-right .service-header-appointment span.active-state:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: -1;
}

.header-service .header-service-right .service-header-appointment span.active-state>i {
  position: absolute;
  top: 10px;
  left: 17px;
  font-size: 23px;
}

/* ? à revoir*/

/*HEADER MENU ======================================================*/
/*.header-service .header-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
	font-size: 0; }

.header-service .header-menu li {
	display: inline-block;
	margin-bottom: 0; }

.header-service .header-menu li a {
	display: block;
	padding: 13px 22px;
	background-color: transparent;
	font-weight: 900;
	font-size: 1rem;
	text-transform: uppercase;
	color: var(--mb-base-white);
	text-decoration: none; }

.header-service .header-menu li a:hover {
	color: #ecbf24; }

.header-service .header-menu li.active a {
	color: #ecbf24; }*/
.header-service .header-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0;
}

.header-service .header-menu>li {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}

.header-service .header-menu>li.menu-item-has-children>a:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 50%;
  margin-top: -6px;
  right: 7px;
  font-size: 0.75rem;
  content: "\f107";
}

.header-service .header-menu>li.current-menu-item>a,
.header-service .header-menu>li .current_page_item>a {
  color: #ecbf24;
}

.header-service .header-menu>li:hover>a {
  color: #ecbf24;
}

.header-service .header-menu li a {
  color: var(--mb-base-white);
}

.header-service .header-menu>li>a {
  display: block;
  position: relative;
  height: 52px;
  padding: 0 21px;
  line-height: 52px;
  text-transform: uppercase;
  text-decoration: none;
}

.header-service .header-menu>li:hover>ul {
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.header-service .header-menu>li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 105%;
  left: 0;
  background: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.header-service .header-menu>li>ul li {
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
}

.header-service .header-menu>li>ul li.menu-item-has-children>a:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 50%;
  margin-top: -7px;
  right: 20px;
  font-size: 1rem;
  content: "\f105";
}

.header-service .header-menu>li>ul li a {
  position: relative;
  display: block;
  padding: 0.75rem 30px 0.75rem 34px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  color: #191d21;
}

.header-service .header-menu>li>ul li a:hover {
  color: #ecbf24;
}

.header-service .header-menu>li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.header-service .header-menu>li>ul li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.header-service .header-menu>li>ul li>ul li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.header-service .header-menu>li>ul li>ul li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.header-service .header-menu>li>ul li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.header-service .header-menu>li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}



/*HEADER MENU ======================================================*/
.header-service.header-service-sticky {
  position: fixed;
  padding-top: 0px;
  background-color: #191d21;
}

.header-service.header-service-sticky .service-header-appointment {
  margin-top: 0;
}



.header-service.service-transparent-header {
  position: static;
  padding-bottom: 15px;
  background-color: #191d21;
}

.header-service.service-transparent-header .header-service-right .service-header-appointment span.active-state {
  padding: 10px 16px 10px 50px;
  border: none;
}

.header-service.service-transparent-header .header-menu li a:hover {
  background-color: #ecbf24;
  color: #191d21;
}

.stm-service-slider-title {
  padding: 27px 37px 27px 30px;
  background: rgba(23, 27, 31, 0.9);
  text-transform: uppercase;
}

.stm-service-slider-title.heading-font {
  
}

.stm-service-slider-title .yellow {
  color: #ecbf24;
}

.stm-service-slider-price {
  padding: 0.75rem 39px 11px 32px;
  background-color: #22b7d2;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.stm-service-slider-price>span {
  display: block;
  margin-top: 3px;
  font-size: 24px;
  line-height: 24px;
}

.stm-service-slider-title-centered {
  text-align: center;
  text-transform: uppercase;
}

.stm-service-slider-title-centered>span.yellow {
  color: #ecbf24;
}

.page-template-home-service-layout .stm-slider-button {
  padding: 16px 34px 15px 56px;
  background-color: #22b7d2;
  box-shadow: 0 2px 0 #1b92a8;
}

.page-template-home-service-layout .stm-slider-button i {
  left: 29px;
}

.page-template-home-service-layout .stm-slider-button:active {
  box-shadow: none;
}

.stm-service-layout-icon-box .inner {
  margin-bottom: 54px;
}

.stm-service-layout-icon-box .icon {
  width: 65px;
  margin-right: 15px;
  float: left;
  text-align: center;
}

.stm-service-layout-icon-box .icon i {
  font-size: 40px;
}

.stm-service-layout-icon-box .icon-box-content {
  overflow: hidden;
}

.stm-service-layout-icon-box .icon-box-content .title {
  margin-bottom: 17px;
}

.stm-service-layout-icon-box .icon-box-content .content {
  padding-right: 16px;
  color: #86939e;
  font-size: 13px;
  line-height: 19px;
}

.ultra-bold {
  font-weight: 900;
}

.stm-service-layout-info-box {
  max-width: 350px;
  width: auto;
  margin: 0 auto 30px;
}

.stm-service-layout-info-box .inner {
  background-size: cover;
  background-position: 100% 0%;
  padding: 50px 35px 29px 35px;
  box-shadow: inset 0 0 92px rgba(0, 0, 0, 0.1);
}

.stm-service-layout-info-box .inner .title {
  min-height: 72px;
  margin-bottom: 18px;
  padding-right: 45px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
  text-transform: uppercase;
}

.stm-service-layout-info-box .inner .service-price {
  display: inline-block;
  min-width: 108px;
  margin-bottom: 31px;
  padding: 0.75rem 5px 11px 14px;
  background-color: #22b7d2;
  font-weight: 900;
  color: var(--mb-base-white);
}

.stm-service-layout-info-box .inner .service-price .price-label {
  margin-bottom: 1px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.stm-service-layout-info-box .inner .service-price .price-value {
  text-indent: -2px;
  font-size: 24px;
}

.stm-service-layout-info-box .inner .content ul {
  list-style: none;
  padding: 0;
}

.stm-service-layout-info-box .inner .content ul li {
  position: relative;
  padding-left: 7px;
  margin-bottom: 2px;
  font-size: 13px;
}

.stm-service-layout-info-box .inner .content ul li:before {
  position: absolute;
  content: '';
  display: block;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #555;
  border-radius: 9999px;
}

.stm-fullwidth-row-no-paddings>.wpb_column {
  padding: 0;
}

.stm-fullwidth-row-no-paddings>.wpb_column.vc_col-has-fill:first-child>.vc_column-inner {
  padding: 99px 42px 68px 93px;
}

.stm-fullwidth-row-no-paddings>.wpb_column.vc_col-has-fill:nth-child(2)>.vc_column-inner {
  padding: 99px 42px 138px 109px;
}

.stm-list-style-counter {
  padding-left: 0;
  counter-reset: section;
  list-style: none;
}

.stm-list-style-counter li {
  position: relative;
  margin-bottom: 23px;
  padding-left: 56px;
  font-size: 13px;
  line-height: 18px;
}

.stm-list-style-counter li:last-child {
  margin-bottom: 0;
}

.stm-list-style-counter li:before {
  position: absolute;
  left: -1px;
  top: 1px;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 34px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
  font-weight: 900;
  font-size: 1rem;
  color: #191d21;
  counter-increment: section;
  content: counter(section);
}

.stm-list-style-counter li h4 {
  margin-bottom: 3px;
  font-weight: 900;
}

.stm-counter .stm-counter-circle {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 19px;
  border: 3px solid #22b7d2;
  border-radius: 9999px;
  line-height: 114px;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: var(--mb-base-white);
}

.stm-counter .stm-counter-label {
  overflow: hidden;
}

.stm-counter .stm-counter-label .h4 {
  margin-top: 35px;
  color: var(--mb-base-white);
}

.stm-carousel-fullwidth-wrapper {
  margin: 0 -15px;
}

.stm-carousel-fullwidth {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.stm-carousel-fullwidth.owl-loaded {
  height: inherit;
  visibility: visible;
  overflow: visible;
}

.testimonial-unit {
  padding-bottom: 22px;
  position: relative;
}

.testimonial-unit .testimonial-meta {
  position: absolute;
  bottom: 0;
  left: 0;
}

.testimonials-carousel .owl-controls {
  bottom: 21px;
}

.testimonial-unit .content h4 {
  margin-bottom: 22px;
  
  word-spacing: -1px;
  font-size: 17px;
}

body.page-template-home-service-layout .testimonial-unit .testimonial-meta .author {
  font-weight: 900;
}

body.page-template-home-service-layout .testimonial-unit {
  padding-bottom: 30px;
}

body.page-template-home-service-layout .testimonial-unit .testimonial-meta {
  padding-right: 65px;
}

body.page-template-home-service-layout .testimonials-carousel .owl-controls {
  right: 13px;
}

.stm-image-links-4 .stm-image-link {
  width: 25%;
}

.stm-image-links-3 .stm-image-link {
  width: 33.3%;
}

.stm-image-links-2 .stm-image-link {
  width: 50%;
}

.stm-image-links {
  font-size: 0;
  margin: 0 -7.5px;
}

.stm-image-links .stm-image-link {
  display: inline-block;
  vertical-align: top;
}

.stm-image-links .stm-image-link .inner {
  padding: 3px;
  margin: 0 7.5px 15px;
  height: 53px;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 45px;
  text-align: center;
}

.stm-image-links .stm-image-link .inner img {
  max-height: 100%;
  display: inline-block;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.stm-image-links .stm-image-link .inner:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

.stm-service-contact-us-form-wrapper {
  padding: 35px 43px 27px;
  background-size: cover;
}

.stm-service-contact-us-form-wrapper .form-label {
  color: var(--mb-base-white);
}



.stm-service-contact-us-form-wrapper textarea {
  padding-top: 15px;
  max-height: 80px;
  background-color: var(--mb-base-white);
  border: 2px solid var(--mb-base-white);
}

.stm-service-contact-us-form-wrapper textarea:focus {
  border-color: #22b7d2;
}

.stm-service-contact-us-form-wrapper .wpcf7-response-output {
  background-color: var(--mb-base-white);
}

.ab-booking-form {
  color: #999c9c;
}

.ab-booking-form .ab-formGroup .ab-formField .ab-formElement {
  border: none;
  background-color: #191d21;
  color: var(--mb-base-white);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ab-booking-form .ab-formGroup .ab-formField .ab-formElement:focus {
  border-color: #22b7d2;
  color: #22b7d2;
  box-shadow: none;
}

.ab-booking-form .ab-formGroup .ab-formField .ab-formElement.ab-details-error {
  border: 1px solid #ff2325;
}



.ab-booking-form div.ab-error,
.ab-booking-form .ab-label-error,
.ab-booking-form label.ab-category-title {
  color: #22b7d2;
}

.ab-booking-form .ab-desc,
.ab-bold,
.ab-booking-form .ab-available-days li .ab-bold,
.ab-booking-form label,
.ab-booking-form label.ab-formLabel,
.ab-booking-form li.ab-step-tabs.active a {
  color: var(--mb-base-white);
}

.ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon span,
.ab-booking-form .ab-time-next,
.ab-booking-form .ab-time-prev,
.ab-booking-form .ab-to-first-step,
.ab-booking-form .bookly-btn-submit,
.ab-booking-form .btn-apply-coupon,
.ab-booking-form .ab-to-third-step,
.ab-booking-form .ab-final-step,
.ab-booking-form a.ab-to-second-step,
.ab-booking-form .ab-to-second-step,
.ab-booking-form .ab-to-fourth-step,
.ab-booking-form a.ab-to-fourth-step,
.ab-booking-form .ab-first-step .ab-week-days li label.active,
.ab-booking-form .ab-next-step,
.ab-booking-form .ab-mobile-next-step,
.ab-booking-form .ab-mobile-prev-step,
.ab-booking-form li.ab-step-tabs.active div,
.ab-booking-form .picker__frame,
.ab-booking-form .ab-first-step .ab-week-days li label {
  background-color: #22b7d2;
}

.ab-booking-form .ab-progress-bar .ab-step-tabs.ab-last .step,
.ab-booking-form .ab-progress-bar .ab-step-tabs.ab-first .step {
  border-radius: 0;
}

.ab-booking-form .ab-progress-bar .ab-step-tabs .step {
  height: 22px;
  background-color: #555858;
}

.ab-booking-form .ab-progress-bar .ab-step-tabs a {
  color: #999c9c;
}

.ab-booking-form .ab-nav-steps {
  padding-top: 38px;
  margin-top: 10px;
  border-top: 1px solid #4d5051;
  overflow: visible;
}

.ab-booking-form .ab-nav-steps .ab-btn {
  width: 140px;
  height: 46px;
  line-height: 28px;
  box-shadow: 0 2px 0 #1b92a8;
  font-size: 1rem;
  font-weight: 900;
  -webkit-transition: 0s ease all;
  transition: 0s ease all;
}

.ab-booking-form .ab-nav-steps .ab-btn:active {
  box-shadow: none;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev {
  margin-left: 25px;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-next {
  width: 70px;
  position: relative;
  display: block;
  text-indent: -9999px;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-next:after {
  text-indent: 0;
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f054";
  text-align: center;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -4px;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-next[data-loading]:after {
  opacity: 0;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev {
  width: 70px;
  position: relative;
  display: block;
  text-indent: -9999px;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev:after {
  text-indent: 0;
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f053";
  text-align: center;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -4px;
}

.ab-booking-form .ab-nav-steps .ab-btn.ab-time-prev[data-loading]:after {
  opacity: 0;
}



.ab-booking-form .intl-tel-input .country-list {
  background-color: #191d21;
  border: none;
}

.ab-booking-form .intl-tel-input .country-list .country-name {
  color: var(--mb-base-white);
}

.ab-booking-form .ab-columnizer .ab-available-hour {
  background-color: #555858;
  color: var(--mb-base-white);
  border-radius: 0;
}

.ab-booking-form .ab-columnizer .ab-available-day {
  border-radius: 0;
}

.ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon {
  padding: 0;
  overflow: hidden;
  background-color: #22b7d2;
}

.ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon span {
  width: 14px;
  height: 14px;
  border-radius: 0;
  background-color: transparent;
  opacity: 0;
}

.ab-booking-form .ab-columnizer .ab-available-hour,
.ab-booking-form .ab-columnizer .ab-available-day {
  margin-bottom: 5px;
}

.ab-booking-form .ab-columnizer .ab-available-hour {
  box-shadow: none;
  border-color: transparent;
}

.ab-booking-form .ab-columnizer .ab-available-day {
  box-shadow: none;
  border-color: transparent;
  background-color: #22b7d2;
}

.ab-booking-form .ab-columnizer .ab-available-hour:hover {
  border-color: transparent;
  color: #22b7d2;
}

.ab-booking-form .ab-columnizer .ab-available-hour:hover .ab-hour-icon {
  border-color: #22b7d2;
  color: #22b7d2;
}

.ab-booking-form .picker__header {
  margin: 20px 0;
  border: none;
}

.ab-booking-form .picker__year {
  font-style: normal;
}

.ab-booking-form .picker__nav--prev,
.ab-booking-form .picker__nav--next {
  background-color: #22b7d2;
  top: -6px;
}

.ab-booking-form .picker__nav--prev:before {
  margin-left: 3px;
  border-right-color: var(--mb-base-white);
}

.ab-booking-form .picker__nav--next:before {
  margin-right: 3px;
  border-left-color: var(--mb-base-white);
}

.ab-booking-form .picker--opened .picker__holder {
  border: none;
}

.ab-booking-form .picker__frame {
  background-color: var(--mb-base-white);
  color: #22b7d2;
  box-shadow: 0 1px 6px rgba(35, 38, 40, 0.4);
}

.ab-booking-form .picker__day:hover {
  background-color: #22b7d2;
  color: var(--mb-base-white);
}

.ab-booking-form .picker__day,
.ab-booking-form .picker__weekday,
.ab-booking-form .picker__year {
  color: #22b7d2;
}

.ab-booking-form .picker--focused .picker__day--selected {
  background-color: #22b7d2;
  color: var(--mb-base-white);
}

.ab-booking-form .picker__button--today {
  padding: 0.75rem 18px 10px;
  margin: 10px 0 25px;
  background-color: #22b7d2;
  color: var(--mb-base-white);
  box-shadow: 0 2px 0 #1b92a8;
  font-size: 0.75rem;
}





.stm-fullwidth-with-parallax.stm-service-bookly-form {
  overflow: visible;
}

.stm-address-widget {
  position: relative;
  padding-left: 73px;
  color: var(--mb-base-white);
  font-size: 13px;
  
}

.stm-address-widget:before {
  position: absolute;
  content: '';
  display: block;
  top: -3px;
  left: 0;
  width: 66px;
  height: 65px;
  background: url("../images/google-widget.png");
  background-size: cover;
}

.stm-address-widget .fancy-iframe {
  display: inline-block;
  margin-top: 8px;
  color: var(--mb-primary-500);
  border-bottom: 1px dashed var(--mb-primary-500);
}

.stm-address-widget .fancy-iframe:hover {
  color: var(--mb-base-white);
  border-bottom-color: var(--mb-base-white);
}

.stm-service-bookly-form>.vc_column_container {
  padding-left: 0;
  padding-right: 0;
}

.button_3d {
  float: right;
  position: relative;
  text-decoration: none;
}

.button_3d .default-state {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button_3d .active-state {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.75rem 20px;
  background-color: #999;
  color: #4c4c4b;
  content: attr(data-hover);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.button_3d:hover .default-state {
  -webkit-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}

.button_3d:hover .active-state {
  background: var(--mb-base-white);
  color: #4c4c4b;
}

.service-mobile-menu-trigger {
  float: right;
  margin-top: 10px;
  width: 32px;
  height: 32px;
  padding: 5px 3px;
}

.service-mobile-menu-trigger span {
  position: relative;
  top: 0;
  display: block;
  height: 3px;
  background-color: #22b7d2;
  border-radius: 3px;
  width: 100%;
}

.service-mobile-menu-trigger span:nth-child(2) {
  opacity: 1;
  margin-top: 5px;
}

.service-mobile-menu-trigger span:nth-child(3) {
  margin-top: 5px;
}

.service-mobile-menu-trigger.active span:first-child {
  position: relative;
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.service-mobile-menu-trigger.active span:nth-child(2) {
  opacity: 0;
}

.service-mobile-menu-trigger.active span:nth-child(3) {
  position: relative;
  top: -8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.stm_automanager_features_list {
  margin: 0 -15px;
}

.stm_automanager_features_list .stm_automanager_single {
  float: left;
  width: 33%;
  padding: 0 15px;
  margin-bottom: 25px;
}

.stm_automanager_features_list .stm_automanager_single h3 {
  font-size: 18px;
  line-height: 20px;
}





















body.stm-boxed .stm-fullwidth-row-no-paddings {
  width: 100%;
  left: 15px;
}

body.stm-boxed .stm-fullwidth-row-no-paddings>.wpb_column.vc_col-sm-12 {
  width: 100%;
}



.stm-box-shadow-bottom:before {
  position: absolute;
  content: '';
  display: block;
  content: '';
  display: block;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 5px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 90;
}

.stm-carousel-brands {
  padding: 0 40px;
}












/* 3 Vendors */
/* 3.1 Woocommerce */






p.demo_store {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  font-size: 1em;
  padding: 1em 0;
  text-align: center;
  background-color: #a46497;
  color: var(--mb-base-white);
  z-index: 99998;
  box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
}

p.demo_store a {
  color: var(--mb-base-white);
}



#content.twentyeleven .woocommerce-pagination a {
  font-size: 1em;
  line-height: 1;
}

.single-product .twentythirteen #reply-title,
.single-product .twentythirteen #respond #commentform,
.single-product .twentythirteen .entry-summary {
  padding: 0;
}

.twentythirteen .woocommerce-breadcrumb {
  padding-top: 40px;
}

.twentyfourteen ul.products li.product {
  margin-top: 0;
}

body.woocommerce .entry-header {
  margin-bottom: 50px;
}

body.woocommerce .entry-header .no_woo_padding {
  margin-bottom: 0;
}

#main .stm-shop-sidebar-area .widget {
  padding: 27px 30px 20px;
  margin-bottom: 34px;
  border-bottom: none;
  border-top: 4px solid #232628;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li {
  margin-bottom: 10px;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li>a {
  position: relative;
  padding-left: 18px;
  color: #232628;
  text-decoration: none;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li>a:hover {
  color: #cc6119;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li>a:hover:before {
  color: #cc6119;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li>a:before {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f0da";
  left: 0;
  font-size: 15px;
  top: 1.5px;
  color: #aaa;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li ul {
  list-style: none;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li ul li a {
  font-size: 0.75rem;
  color: #86939e;
  text-decoration: none;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li ul li a:hover {
  color: #cc6119;
}

#main .stm-shop-sidebar-area .widget.widget_product_categories>ul>li ul li:last-child {
  margin-bottom: 0;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li {
  padding: 0;
  margin-bottom: 25px;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li:hover .product-title {
  color: #cc6119;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li:hover a {
  color: #cc6119;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li:last-child {
  margin-bottom: 10px;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li a {
  color: #232628;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li .product-title {
  margin-bottom: 3px;
  position: relative;
  top: -1px;
  font-size: 1rem;
  color: #232628;
  font-weight: normal;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li .amount {
  font-size: 0.75rem;
  color: #555;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li del .amount {
  color: #86939e;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li ins {
  text-decoration: none;
}

#main .stm-shop-sidebar-area .widget .product_list_widget li .star-rating {
  margin-top: 3px;
  margin-bottom: 3px;
}

#main .stm-shop-sidebar-area .widget_title {
  margin-bottom: 25px;
}

#main .stm-shop-sidebar-area .widget_title h3 {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

.mini_cart_item {
  position: relative;
}

.mini_cart_item dl.variation {
  display: none;
}

.widget_shopping_cart .buttons a.button:nth-child(2) {
  display: none;
}

body.woocommerce .sidebar-margin-top {
  margin-top: 0;
}

.woocommerce .products ul li h5,
.woocommerce ul.products li h5 {
  margin-bottom: 0;
  font-size: 1rem;
}

body.tax-product_cat .stm_breadcrumbs_unit {
  display: none;
}

.woocommerce .quantity input {
  background-color: transparent;
  border: 1px solid #cccccc;
  padding: 18px 30px 17px 3px;
  border-radius: 0;
}

.woocommerce .quantity {
  position: relative;
  max-width: 65px;
}

.woocommerce .quantity_actions {
  position: absolute;
  top: 5px;
  right: 6px;
}

.woocommerce .quantity_actions span {
  display: block;
  height: 17px;
  width: 17px;
  line-height: 16px;
  font-size: 18px;
  color: var(--mb-base-white);
  background-color: #cccccc;
  text-align: center;
  text-indent: 1px;
}

.woocommerce .quantity_actions span.minus {
  line-height: 13px;
}

.woocommerce .quantity_actions span.plus {
  margin-bottom: 3px;
}

.woocommerce .quantity_actions span:hover {
  background-color: var(--mb-primary-500);
  cursor: pointer;
}

.woocommerce button.button.single_add_to_cart_button {
  padding: 15px 16px 15px 14px;
}

.woocommerce button.button.single_add_to_cart_button:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  margin-right: 14px;
  font-size: 15px;
  content: "\f07a";
}

.product_meta {
  font-size: 13px;
  color: #86939e;
}

.product_meta a {
  color: #555;
  text-decoration: none;
}

.product_meta a:hover {
  color: var(--mb-primary-500);
}

.product_meta .sku_wrapper {
  display: block;
}

.product_meta .posted_in {
  display: block;
}

.product_meta .tagged_as {
  display: block;
}

.woocommerce-review-link {
  font-size: 13px;
  color: #86939e;
  text-decoration: none;
}

.reset_variations {
  display: none;
  visibility: hidden;
}

.related.products {
  margin-top: 40px;
}

.related.products h3 {
  margin-bottom: 25px;
}

.woocommerce .commentlist {
  list-style: none;
  padding: 0;
}

.woocommerce .commentlist ul {
  padding-left: 30px;
}

.woocommerce .commentlist li {
  border-top: 1px solid #cccccc;
  padding: 30px 0;
}

.woocommerce .comment .meta {
  margin-bottom: 13px;
}

.woocommerce .comment .star-rating {
  display: inline-block;
  margin-left: 11px;
}

.woocommerce .comment_container:after {
  content: "";
  display: table;
  clear: both;
}

.woocommerce .comment .avatar {
  float: left;
}

.woocommerce .comment .author {
  color: #333333;
  text-transform: uppercase;
}

.woocommerce .comment .published-date {
  float: right;
}

.woocommerce .comment-text {
  overflow: hidden;
  margin-left: 117px;
}






.cart_totals h4 {
  margin-bottom: 30px;
  font-size: 18px;
  text-transform: uppercase;
}

.wc-proceed-to-checkout .button {
  display: inline-block;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  font-size: 22px;
  color: var(--mb-primary-500);
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon {
  position: absolute;
  right: 2px;
  left: inherit;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
  border: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #aaaaaa;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
  background-color: transparent;
  border-color: transparent;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-icon {
  color: #cc6119;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
  background-color: transparent;
  border: 0;
  padding: 3px 0 29px 1px;
}

.vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
  padding: 0 0 37px 2px;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  background-color: #232628;
  overflow: visible;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  text-align: center;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:before {
  position: absolute;
  content: '';
  display: block;
  top: -4px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #cc6119;
  opacity: 0;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a {
  padding: 13px 18px;
  background-color: #232628;
  border-radius: 0;
  border: none;
  margin: 5px;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a:hover .vc_tta-title-text {
  color: #cc6119;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a .vc_tta-icon {
  position: relative;
  top: 3px;
  color: var(--mb-base-white);
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a .vc_tta-title-text {
  position: relative;
  top: 1px;
  left: 2px;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a span {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--mb-base-white);
  font-weight: bold;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a .vc_tta-title-text:not(:empty):not(:first-child) {
  margin-left: 8px;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before {
  opacity: 1;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
  background-color: var(--mb-base-white);
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a .vc_tta-icon {
  position: relative;
  top: 3px;
  color: #232628;
}

.vc_tta-container .vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a span {
  color: #cc6119;
}

.vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels {
  background-color: var(--mb-base-white);
  border: none;
}

.vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
  background-color: var(--mb-base-white);
  padding: 37px 20px 20px 20px;
  border: none;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav {
  margin: 0;
  background-color: #232628;
  border-left: 4px solid #232628;
  border-right: 4px solid #232628;
  overflow: visible;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li {
  position: relative;
  margin: 0;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li>a {
  display: block;
  position: relative;
  padding: 18px 18px;
  background-color: #232628;
  border-radius: 0;
  border: none;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--mb-base-white);
  font-weight: bold;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li>a:before {
  position: absolute;
  content: '';
  display: block;
  top: -4px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #cc6119;
  opacity: 0;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li>a .vc_tta-icon {
  position: relative;
  top: 3px;
  color: var(--mb-base-white);
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li>a .vc_tta-title-text {
  position: relative;
  top: 1px;
  left: 2px;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li.ui-state-active>a:before {
  opacity: 1;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li.ui-state-active a {
  background-color: var(--mb-base-white);
  color: #232628;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li.ui-state-active a .vc_tta-icon {
  position: relative;
  top: 3px;
  color: #232628;
}

.wpb_tour_tabs_wrapper.ui-tabs .wpb_tab.ui-tabs-panel {
  padding: 37px 0 0 2px;
  background-color: transparent;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav {
  margin: 0;
  background-color: #232628;
  border: none;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav:before {
  display: none;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav:after {
  display: none;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li {
  float: none;
  position: relative;
  margin: 0;
  display: table-cell;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li>a {
  display: block;
  position: relative;
  text-align: center;
  padding: 18px 18px;
  background-color: #232628;
  border-radius: 0;
  border: none;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--mb-base-white);
  font-weight: bold;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li>a:before {
  position: absolute;
  content: '';
  display: block;
  top: -4px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #cc6119;
  opacity: 0;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li>a .vc_tta-icon {
  position: relative;
  top: 3px;
  color: var(--mb-base-white);
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li>a .vc_tta-title-text {
  position: relative;
  top: 1px;
  left: 2px;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li.ui-state-active>a:before {
  display: none;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li.ui-state-active a {
  background-color: var(--mb-base-white);
  color: #cc6119;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 ul.wpb_tabs_nav>li.ui-state-active a .vc_tta-icon {
  position: relative;
  top: 3px;
  color: #cc6119;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel {
  padding: 47px 40px 35px 36px;
  background-color: var(--mb-base-white);
}

.wpb_tour_tabs_wrapper.stm_tabs_style_2 .wpb_tab.ui-tabs-panel .icon-box .icon-text h4.title {
  margin-bottom: 8px;
  font-weight: normal;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav {
  display: block;
  vertical-align: top;
  width: inherit;
  background-color: transparent;
}



.wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav>li {
  display: block;
  float: left;
  margin-right: 2px;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav>li:last-child {
  margin-right: 0;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav>li.ui-state-active a {
  background-color: var(--mb-base-white);
}

.wpb_tour_tabs_wrapper.stm_tabs_style_service ul.wpb_tabs_nav>li>a {
  font-weight: 900;
  padding: 16px 31px 0.75rem;
  background-color: #24292f;
  color: #aaa;
}

.wpb_tour_tabs_wrapper.stm_tabs_style_service .wpb_tab.ui-tabs-panel.ui-tabs-panel {
  padding: 70px 0 30px 0;
  background-color: transparent;
}


.vc_toggle {
  border-bottom: 1px solid #ddd;
}

.vc_toggle .vc_toggle_title {
  position: relative;
  min-height: 28px;
  padding-bottom: 11px;
  padding-left: 56px;
}

.vc_toggle .vc_toggle_title>h4 {
  display: inline-block;
  font-weight: normal;
}

.vc_toggle .vc_toggle_icon {
  position: absolute;
  left: 0;
  top: -4px;
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #aaa;
}

.vc_toggle .vc_toggle_icon:before {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  top: 0.75rem;
  left: 9px;
  background-color: #aaaaaa;
}

.vc_toggle .vc_toggle_icon:after {
  position: absolute;
  content: '';
  display: block;
  width: 2px;
  height: 8px;
  top: 9px;
  left: 0.75rem;
  background-color: #aaa;
  opacity: 1;
}

.vc_toggle.vc_toggle_active .vc_toggle_icon {
  border-color: #cc6119;
}

.vc_toggle.vc_toggle_active .vc_toggle_icon:before {
  background-color: #cc6119;
}

.vc_toggle.vc_toggle_active .vc_toggle_icon:after {
  opacity: 0;
}

.vc_toggle .vc_toggle_content {
  margin-bottom: 5px;
}







.xdsoft_stm_datetimepicker {
  font-family: inherit;
}

.xdsoft_stm_datetimepicker button {
  box-shadow: none;
}

.xdsoft_stm_datetimepicker .xdsoft_calendar td,
.xdsoft_stm_datetimepicker .xdsoft_calendar th {
  border-color: var(--mb-base-white);
}

.xdsoft_stm_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_stm_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background-color: #109D57;
  box-shadow: none;
}

.xdsoft_stm_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  background-color: #0095ff;
}

.xdsoft_scroller {
  display: none;
}

.xdsoft_stm_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  border-color: var(--mb-base-white);
}

.wpb_tour_tabs_wrapper .ui-state-default,
.wpb_tour_tabs_wrapper .ui-widget-content .ui-state-default,
.wpb_tour_tabs_wrapper .ui-widget-header .ui-state-default {
  border: none;
  background-color: transparent;
}

.wpb_tour_tabs_wrapper .ui-widget-header {
  background-color: transparent;
  border: none;
}

.wpb_tour_tabs_wrapper .ui-corner-all {
  border-radius: 0px;
}

.wpb_tour_tabs_wrapper .ui-widget-content {
  border: none;
}

.wpb_tour_tabs_wrapper.ui-widget-content {
  border: none;
}

/*UI SLIDER*/

.stm-template-listing .ui-slider .ui-slider-handle.ui-state-active {
  border: 1px solid transparent;
}

.stm-price-range-unit {
    margin: 2rem 0.5rem 1.5rem;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  
}
.ui-slider-handle.ui-corner-all.ui-state-hover {
  cursor: grab;
}
.ui-slider-handle.ui-corner-all.ui-state-active {
  
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0.125rem;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
  width: 1.25rem;
  height: 1.25rem;
}

.ui-slider .ui-slider-handle:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  background-color: var(--mb-base-white);
  border-radius: 9999px;
}

.ui-slider .ui-slider-handle.ui-state-active:after {
  /*
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  */
}

/* grid */

.kms-minmax_priceRange {
  margin: 1rem 0 0;
    display: grid; 
     grid-template-rows: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
     grid-gap: 0.5rem;
}
.col-md-wider-right {
    padding: 0;
    
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 2;
}
.col-md-wider-left {
    padding: 0;
    
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 3;
}
.kms-priceRange-info {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 300;
  
  grid-row-start: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 3;
}

.kms_filter_min_price, .kms_filter_max_price {
  width: 100%;
}

#animated-blog-wrapper {
  position: relative;
  z-index: 10;
  /***** Individual effects *****/
  /* -------------------------- */
  /* Faded gradient */
  /* -------------------------- */
}

#animated-blog-wrapper .blog-meta {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}

#animated-blog-wrapper .blog-meta .blog-meta-unit {
  color: #232628;
}

#animated-blog-wrapper .blog-meta .blog-meta-unit a {
  color: #232628;
}

#animated-blog-wrapper .blog-meta .blog-meta-unit i {
  color: #232628;
}

#animated-blog-wrapper #container {
  margin: 0 -15px;
}

#animated-blog-wrapper .header {
  position: relative;
  margin: 0 auto;
  min-height: 560px;
  width: 100%;
}

#animated-blog-wrapper .bg-img {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#animated-blog-wrapper .bg-img:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  opacity: 1;
}

#animated-blog-wrapper .bg-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  min-width: 100%;
  min-height: 100%;
}

#animated-blog-wrapper .title {
  z-index: 1000;
  padding: 0 1.25em;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -124px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#animated-blog-wrapper .title h1 {
  padding: 0 0 40px;
  color: var(--mb-base-white);
  margin: 0;
  max-width: 70%;
  line-height: 1;
  font-weight: bold;
}

#animated-blog-wrapper .title p {
  color: var(--mb-base-white);
  padding: 0 0 20px;
  margin: 0;
}

#animated-blog-wrapper .title p.subline {
  max-width: 54%;
  line-height: 34px;
}

#animated-blog-wrapper .title p.subline {
  font-size: 1.75em;
}

#animated-blog-wrapper .container:not(.notrans) button.trigger {
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}

#animated-blog-wrapper .container.modify:not(.notrans) button.trigger {
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::after {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header h1 {
  -webkit-transition-property: color;
  transition-property: color;
}

#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header .blog-meta,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header p,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) #blog-animated-content>div {
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

#animated-blog-wrapper .header,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::after,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .bg-img::before,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header h1,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header p,
#animated-blog-wrapper .intro-effect-fadeout:not(.notrans) .header .blog-meta,
#animated-blog-wrapper #blog-animated-content>div {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#animated-blog-wrapper .intro-effect-fadeout .header {
  overflow: hidden;
}

#animated-blog-wrapper .intro-effect-fadeout.modify .bg-img {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
}

#animated-blog-wrapper .intro-effect-fadeout .bg-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 101%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}

#animated-blog-wrapper .intro-effect-fadeout.modify .bg-img::after {
  opacity: 1;
}

#animated-blog-wrapper .intro-effect-fadeout.modify .bg-img::before {
  opacity: 0;
}

#animated-blog-wrapper .intro-effect-fadeout .title {
  text-align: left;
}

#animated-blog-wrapper .intro-effect-fadeout.modify .header h1,
#animated-blog-wrapper .intro-effect-fadeout .header p {
  color: #232628;
}

#animated-blog-wrapper .intro-effect-fadeout .header .blog-meta,
#animated-blog-wrapper .intro-effect-fadeout .header p {
  opacity: 0;
}

#animated-blog-wrapper .intro-effect-fadeout .header p:nth-child(2) {
  -webkit-transform: translateX(150px);
  transform: translateX(150px);
}

#animated-blog-wrapper .intro-effect-fadeout .header .blog-meta {
  -webkit-transform: translateX(-150px);
  transform: translateX(-150px);
}

#animated-blog-wrapper .intro-effect-fadeout.modify .header p:nth-child(2),
#animated-blog-wrapper .intro-effect-fadeout.modify .header .blog-meta {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#animated-blog-wrapper #blog-animated-content {
  z-index: 1000;
  position: relative;
}

#animated-blog-wrapper #blog-animated-content.modify {
  margin-bottom: -130px;
}

#animated-blog-wrapper #blog-animated-content>div {
  opacity: 0;
  -webkit-transform: translateY(350px);
  transform: translateY(350px);
}

#animated-blog-wrapper #blog-animated-content.modify>div {
  opacity: 1;
  -webkit-transform: translateY(-160px);
  transform: translateY(-160px);
}

/*3.4 Radio/Checkbox*/
/* General settings */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url("../images/checks2x.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */
}

div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
  outline: 0;
}

div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
  margin: 0;
  padding: 0;
}

.highContrastDetect {
  background: url("../images/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px;
}

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: url("../images/bg-input.png") repeat-x 0 0;
  outline: 0;
}

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  background: url("../images/bg-input-focus.png") repeat-x 0 0;
}

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */


/* Select */
div.selector {
  background-position: 0 -130px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden;
}

div.selector span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  background-position: right 0;
  height: 26px;
  line-height: 26px;
  padding-right: 25px;
  cursor: pointer;
  width: 100%;
  display: block;
}

div.selector.fixedWidth {
  width: 190px;
}

div.selector.fixedWidth span {
  width: 155px;
}

div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 22px;
  top: 2px;
  left: 0px;
  width: 100%;
}

div.selector {
  background-position: 0 -156px;
}

div.selector span {
  background-position: right -26px;
}

div.selector,
div.selector {
  background-position: 0 -182px;
}

div.selector span,
div.selector span {
  background-position: right -52px;
}

div.selector,
div.selector {
  background-position: 0 -208px;
}

div.selector span,
div.selector span {
  background-position: right -78px;
}

div.selector.disabled,
div.selector.disabled {
  background-position: 0 -234px;
}

div.selector.disabled span,
div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */
div.checker {
  position: relative;
}



div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 0;
}

div.checker span.checked {
  background-position: -16px 0;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/* Radio */
div.radio {
  position: relative;
}

div.radio,
div.radio span,
div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
  background-position: 0 10px;
}

div.radio span.checked {
  background-position: -72px 10px;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: center;
}

div.radio span {
  background-position: -18px 10px;
}

div.radio span.checked {
  background-position: -90px 10px;
}

div.radio span,
div.radio span {
  background-position: -36px 10px;
}

div.radio span.checked,
div.radio span.checked {
  background-position: -108px 10px;
}

div.radio span,
div.radio span {
  background-position: -54px 10px;
}

div.radio span.checked,
div.radio span.checked {
  background-position: -126px 10px;
}

div.radio.disabled span,
div.radio.disabled span {
  background-position: -144px 10px;
}

div.radio.disabled span.checked,
div.radio.disabled span.checked {
  background-position: -162px 10px;
}

/* Uploader */
div.uploader {
  background-position: 0 -8px;
  height: 28px;
  width: 190px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

div.uploader span.action {
  background-position: right -120px;
  height: 28px;
  line-height: 28px;
  width: 85px;
  text-align: center;
  float: left;
  display: inline;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  cursor: default;
  height: 24px;
  margin: 2px 0 2px 2px;
  line-height: 24px;
  width: 82px;
  padding: 0 10px;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  cursor: default;
  width: 100%;
  height: 100%;
}

div.uploader span.action {
  background-position: right -176px;
}

div.uploader,
div.uploader {
  background-position: 0 -64px;
}

div.uploader span.action,
div.uploader span.action {
  background-position: right -148px;
}

div.uploader span.action,
div.uploader span.action {
  background-position: right -204px;
}

div.uploader.disabled,
div.uploader.disabled {
  background-position: 0 -36px;
}

div.uploader.disabled span.action,
div.uploader.disabled span.action {
  background-position: right -92px;
}

/* Buttons */
div.button {
  background-position: 0 -352px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */
}

div.button a,
div.button button,
div.button input {
  opacity: 0.01;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 30px;
  text-align: center;
  background-position: right -232px;
  height: 30px;
  margin-left: 13px;
  padding: 0;
}

div.button {
  background-position: 0 -382px;
}

div.button span {
  background-position: right -262px;
  cursor: default;
}

div.button,
div.button {
  background-position: 0 -40.75rem;
}

div.button span,
div.button span {
  background-position: right -292px;
}

div.button.disabled,
div.button.disabled {
  background-position: 0 -442px;
}

div.button.disabled span,
div.button.disabled span {
  background-position: right -322px;
  cursor: default;
}

.checker {
  position: relative;
  top: -2px;
  margin-right: 8px;
  padding-left: 2px;
}

div.checker span {
  background-size: 32px;
}

div.radio {
  margin-right: 4px;
}

div.radio span,
div.radio span {
  width: 16px;
  height: 16px;
  background-image: url("../images/radio.png");
  background-position: -16px 0;
  background-size: 32px;
}

div.radio span.checked,
div.radio span.checked {
  background-position: 0 0;
}










/*Buttons added*/
.stm-car_dealer-buttons {
  margin-top: 11px;
}

.stm-car_dealer-buttons a {
  position: relative;
  display: block;
  padding: 0 60px 0 25px;
  margin-bottom: 11px;
  height: 49px;
  line-height: 49px;
  background-color: #f0f2f5;
  color: #232628;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
}

.stm-car_dealer-buttons a:hover {
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
}

.stm-car_dealer-buttons a:hover i {
  color: var(--mb-base-white);
}

.stm-car_dealer-buttons a i {
  position: absolute;
  right: 20px;
  top: 17px;
  font-size: 1rem;
  color: var(--mb-primary-500);
}

.modal-header .stm-moto-icon-cash {
  margin-top: -2px;
}



#request-trade-in-offer .modal-dialog {
  width: 900px;
}

#request-trade-in-offer .modal-dialog .modal-body {
  padding: 30px;
}







 .right-unit .title {
  font-weight: normal;
  color: var(--mb-gray-900);
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}







.stm-similar-cars-units .stm-similar-car .right-unit .stm-car-similar-meta i {
  position: relative;
  top: 2px;
  margin-right: 3px;
  font-size: 15px;
  color: #aaa;
}








.bookly-form select {
  opacity: 1;
  visibility: visible;
  color: #333333;
}

.bookly-progress-tracker div {
  color: var(--mb-base-white);
}

.bookly-form .bookly-box {
  color: var(--mb-base-white);
}

.stm-template-car_dealer .stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-padded {
  display: block;
  overflow: hidden;
  padding: 0 25px 30px;
}

.stm-template-car_dealer .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label .stm-option-image {
  max-width: 130px;
  margin-bottom: 5px;
}

.stm-template-car_dealer .stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content-wrapper .stm-option-label .stm-option-image {
  max-width: 130px;
  margin-bottom: 5px;
}

.stm-template-car_dealer .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content .stm-accordion-content-padded .stm-option-label {
  width: 50%;
  display: block;
  float: left;
  margin-bottom: 20px;
}

.stm-template-car_dealer .stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content .stm-accordion-content-padded .stm-option-label:nth-child(odd) {
  padding: 0 3px 0 0;
}

.stm-template-car_dealer .stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content .stm-accordion-content-padded .stm-option-label {
  width: 100%;
  display: block;
  padding: 0 15px;
  float: left;
  margin-bottom: 25px;
}

.stm-template-car_dealer .stm-listing-directory-checkboxes .stm-accordion-content .stm-accordion-content-padded .stm-option-label .checker {
  margin-right: 5px;
}

.widget_car_location #stm-dealer-gmap {
  width: 100%;
  height: 253px;
}



.stm-shareble {
  position: relative;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

.stm-shareble:hover .stm-a2a-popup {
  display: block;
}

.stm-shareble .stm-a2a-popup {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 0px 0 4px;
}

.stm-shareble .stm-a2a-popup.stm-a2a-popup-active {
  top: -160%;
  opacity: 1;
  z-index: 30;
}

.stm-shareble .stm-a2a-popup .addtoany_shortcode {
  background-color: var(--mb-base-white);
  padding: 5px 5px 1px;
  border-radius: 3px;
  border: 1px solid #dddddd;
}

.stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.blog-meta-bottom .stm-shareble .stm-a2a-popup.stm-a2a-popup-active {
  top: 106%;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap {
  padding: 74px 0 32px;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 10px;
  position: relative;
  margin-bottom: 34px;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container:before {
  content: '';
  display: block;
  width: 70px;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 1;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container h3 {
  display: block;
  width: 70%;
  text-align: left;
  font-size: 28px;
  text-transform: uppercase;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container .sort_by {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 30%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container .sort_by li {
  margin: 0 0 0 20px;
  padding: 0;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container .sort_by li span {
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 1rem;
  font-weight: 500;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container .sort_by li span.high:before {
  content: '\f062';
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container .sort_by li span.low:before {
  content: '\f063';
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .container .sort_by li span:before {
  display: block;
  font-family: 'FontAwesome';
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 0;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .selected-filter {
  font-size: 1rem;
  font-weight: 600;
}

.stm_dynamic_listing_filter_with_rating .top-filter-wrap .middle {
  margin-top: 10px;
}




.stm-listing-with-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 27px -15px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop {
  width: 25%;
  padding: 0 15px;
  margin-top: 30px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-top .title {
  margin-bottom: 19px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-top .title a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
  min-height: 44px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image {
  display: block;
  width: 100%;
  position: relative;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm_compare_unit {
  display: none;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner img {
  display: block;
  width: 100%;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner .fa-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 57px;
  height: 57px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 9999px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  z-index: 2;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a .image-inner .fa-round .fa-share {
  color: var(--mb-base-white);
  font-size: 18px;
  margin-top: 3px;
  left: 4px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a:hover .image-inner:before {
  opacity: 1;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image a:hover .image-inner .fa-round {
  opacity: 1;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm-listing-compare {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--mb-base-white);
  font-size: 1rem;
  border-radius: 2px;
  opacity: 0;
  z-index: 20;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm-listing-compare:hover {
  cursor: pointer;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image .stm-listing-compare.active {
  opacity: 1;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .image:hover .stm-listing-compare {
  opacity: 1;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 22px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info.middle-rating {
  margin-bottom: 13px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .car_info .starting-at {
  line-height: 19px;
  font-size: 0.75rem;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .car_info .price {
  font-size: 1rem;
  font-weight: bold;
  
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .car_info .mpg {
  font-size: 0.75rem;
  line-height: 20px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .no-review {
  width: 100px;
  font-style: italic;
  font-size: 13px;
  opacity: 0.5;
  text-align: right;
  line-height: 17px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 10px 10px 0 4px;
  position: relative;
  top: -9px;
  right: -10px;
  z-index: 1;
  border-radius: 0;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating:hover .rating-details-popup {
  visibility: visible;
  opacity: 1;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars {
  display: block;
  overflow: hidden;
  width: 77px;
  position: relative;
  margin-bottom: 5px;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-empty {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-empty:before {
  content: '\e900\e900\e900\e900\e900';
  display: block;
  width: 100%;
  font-family: 'stm-review-font';
  font-size: 1rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  overflow: hidden;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-color {
  display: block;
  width: 0;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-stars .rating-color:before {
  content: '\1235\1235\1235\1235\1235';
  display: block;
  width: 100%;
  font-family: 'stm-review-font';
  font-size: 1rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  overflow: hidden;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-text {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  
  position: relative;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup {
  display: block;
  background-color: white;
  padding: 28px 19px 14px 23px;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in;
  -webkit-filter: drop-shadow(0px -4px 19px -4px rgba(0, 0, 0, 0.3));
  /* Safari */
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup:before {
  display: block;
  content: '';
  width: 100px;
  height: 40px;
  position: absolute;
  top: -40px;
  right: 0;
  z-index: -2;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-middle .middle_info .rating .rating-details-popup .rating-params li span {
  display: block;
  font-size: 0.75rem;
  line-height: 10px;
  width: 60%;
  font-weight: 500;
  margin-right: 13px;
  text-align: left;
}



.stm-listing-with-rating-wrap .listing-list-with-rating-loop .meta-bottom {
  line-height: 20px;
  font-size: 13px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
  min-height: 71px;
}

.listing-features .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0;
  position: relative;
  top: 0;
  z-index: 1;
  border-radius: 0;
}

.listing-features .rating .rating-stars {
  display: block;
  overflow: hidden;
  width: 77px;
  position: relative;
  margin-bottom: 5px;
}

.listing-features .rating .rating-stars .rating-empty {
  position: relative;
  width: 100%;
}

.listing-features .rating .rating-stars .rating-empty:before {
  content: '\e900\e900\e900\e900\e900';
  display: block;
  width: 100%;
  font-family: 'stm-review-font';
  font-size: 1rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  overflow: hidden;
}

.listing-features .rating .rating-stars .rating-color {
  display: block;
  width: 0;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.listing-features .rating .rating-stars .rating-color:before {
  content: '\1235\1235\1235\1235\1235';
  display: block;
  width: 100%;
  font-family: 'stm-review-font';
  font-size: 1rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  overflow: hidden;
}

.listing-features .rating .rating-text {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  
  position: relative;
}

.stm-opened-menu-listing opened {
  right: 0;
}














.kms-img-responsive-list-my-inventory {
  /*fct° aussi sur my-favorites*/
  display: block;
  max-width: 100%;
  height: auto;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

.stm-blog-pagination {
  margin: 1rem 0;
}

.stm-compact-sidebar {
  max-width: 250px;
  width: auto;
  margin: 0 auto;
  padding-top: 26px;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  margin: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}





/*_____________________________________________________*/


.stm-billing-fields {
  padding: 30px 20px;
  background-color: var(--mb-base-white);
  border-width: 4px 1px 1px;
  border-style: solid;
  border-color: var(--mb-gray-900) #9aa5ae #9aa5ae;
  border-radius: 0.5rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}




.stm-dealer-info-unit.stm-user-email>.fa-envelope-o:before {
  font-weight: 100;
}

input#stm_slide_filter_max_search_radius {
  
}

.stm-prev-next.disabled {
  background-color: #9aa5af;
}




/*-------...end Gray icon in filter search-----*/


.stm-pricing__content {
  margin-bottom: 50px;
}

.stm-pricing__side-panel {
  float: left;
  width: 24.3255%;
}

.stm-pricing__filters {
  margin: 1rem 0;
  padding: 0 1rem;
  min-height: 2rem;
  min-width: 100%;
}

.stm-pricing__filters ul {
  display: inline-flex;
  position: relative;
  float: left;
  font-weight: bold;
  padding-left: 0;
  margin-bottom: 0;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
  overflow: hidden;
  list-style: none;
}

.stm-pricing__filters li {
  float: left;
  margin-bottom: 0;
  font-size: 1rem;
  text-transform: capitalize;
  margin-bottom: 0;
}

.stm-pricing__filters li.stm-pricing__filter_active a {
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
}

.stm-pricing__filters .stm-pricing__filter_fluid-hover {
  position: absolute;
  background: var(--mb-gray-900);
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}

.stm-pricing__filters a {
  display: block;
  line-height: 30px;
  padding: 0px 40px;
  color: var(--mb-gray-900);
}

.stm-pricing__filters a:focus,
.stm-pricing__filters a:hover {
  text-decoration: none;
}

.stm-pricing__features {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.stm-pricing__features li {
  padding: 16px 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stm-pricing__features li:nth-child(odd) {
  background-color: var(--mb-base-white);
}

.stm-pricing__features li.motors-price-side {
  background-color: var(--mb-gray-900);
  /*051b2b*/
  color: var(--mb-base-white);
}

.stm-pricing__tables {
  float: right;
  width: 74.325%;
  margin: 0 -15px;
}

.stm-pricing__tables-row {
  width: 100%;
}

.stm-pricing__tables-col {
  float: left;
}

.stm-pricing_3 .stm-pricing__tables-col {
  width: 33.33%;
}

.stm-pricing_3 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
  padding: 0 15px 60px;
}

.stm-pricing_2 .stm-pricing__tables-col {
  width: 50%;
}

.stm-pricing_2 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
  padding: 0 15px;
}

.stm-pricing_1 .stm-pricing__tables-col {
  width: 100%;
}

.stm-pricing_1 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
  padding: 0 15px;
}

.stm-pricing-table {
  position: relative;
  padding: 30px 0.75rem;
  background: var(--mb-base-white);
  border-top: 4px solid var(--mb-gray-900);
  /*051b2b*/
  text-align: center;
}

.stm-pricing-table__title {
  margin-bottom: 21px;
  font-size: 20px;
  line-height: 20px;
  color: var(--mb-gray-900);
  /*051b2b*/
  font-weight: bold;
  text-transform: uppercase;
}

.stm-pricing-table__periods {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}

.stm-pricing-table__periods li {
  margin-bottom: 0;
}

.stm-pricing-table__periods-item {
  display: none;
  -webkit-transition: opacity;
  transition: opacity;
}

.stm-pricing-table__periods-item_active {
  display: block;
}

.stm-pricing-table__price {
  min-height: 50px;
  margin-bottom: 0px;
  line-height: 50px;
  font-size: 42px;
  font-size: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--mb-base-white);
  background-color: var(--mb-gray-900);
  /*051b2b*/
}

.stm-pricing-table__price i {
  font-size: 15px;
}

.stm-pricing-table__period {
  font-size: 1rem;
  line-height: 24px;
  color: gray;
}

.stm-pricing-table__features {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.stm-pricing-table__feature {
  padding: 10px 15px;
  margin-bottom: 0;
  line-height: 30px;
  font-size: 1rem;
}

.stm-pricing-table__feature .fa.fa-check {
  color: var(--mb-primary-500);
}

.stm-pricing-table__feature .fa.fa-minus {
  color: #aaa;
}

.stm-pricing-table__feature:nth-child(even) {
  background-color: #f0f2f5;
}

.stm-pricing-table__feature-label {
  display: none;
  font-size: 1rem;
  font-weight: bold;
  color: gray;
  
}

.stm_pricing_table_col_labels {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}

.stm_pricing_table_col_labels .stm_pricing_table_single_label {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: var(--mb-base-white);
  font-weight: bold;
  text-transform: uppercase;
}

.stm_pricing_table_col_labels .stm_pricing_table_single_label:nth-child(odd) {
  background-color: var(--mb-primary-500);
}

.stm_pricing_table_col_labels .stm_pricing_table_single_label:nth-child(even) {
  background-color: var(--mb-warning-300);
  color: var(--mb-base-black);
}

.stm-pricing-table__feature-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stm-pricing-table {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

.stm-pricing-table .stm-pricing-table__action {
  position: absolute;
  bottom: -60px;
  left: 0;
  height: 60px;
  width: 100%;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  opacity: 0;
  visibility: visible;
  opacity: 1;
}



.stm-pricing-table .stm-pricing-table__action>a {
  position: relative;
  visibility: hidden;
  display: inline-block;
  z-index: 5;

  visibility: visible;
  margin: 0 15px;
  padding: 10px 0.75rem;
  min-width: -webkit-fill-available;
}

.stm-pricing-table:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.stm-pricing-table:hover .stm-pricing-table__action {
  height: 60px;
  bottom: -60px;
  visibility: visible;
  opacity: 1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.stm-pricing-table:hover .stm-pricing-table__action>a {
  visibility: visible;
}

.listing-main-color {
  color: var(--mb-gray-900);
  /*051b2b*/
}

.listing-main-border-color {
  border-color: var(--mb-gray-900);
  /*051b2b*/
}

.stm-top-border-second-color {
  border-top-color: var(--mb-gray-900);
  /*051b2b*/
}

.stm-fullwidth-with-parallax {
  background-size: 100%;
}

div.radio span,
div.radio span {
  background-image: url("../../images/radio-green.png");
}

div.checker span {
  background-image: url("../../images/checks-green.png");
}



.compare-values table>tbody tr td .h5 {
  margin: 0;
  font-weight: 500;
}


/*Gray add because add car page inpunt form control meleage*/







.stm-compare-features {
  margin-top: 0px;
  text-transform: uppercase;
  font-weight: bold;
}




}

.stm-button-secondary-color {
  background-color: var(--mb-primary-500);
  box-shadow: 0 2px 0 #08449d;
}





 .stm-car-listing-sort-units {
  margin: 0 0 1rem;
  padding: 0.75rem;
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.5rem;
  
}




.archive-listing-page .listing-list-loop .image:hover .image-inner:after {
  opacity: 1;
}










.centered-banner-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-listing {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0.75rem 0;
  background-color: transparent;
  -webkit-transition: background-color 0.3s 0s, top 0.3s 0s;
  transition: background-color 0.3s 0s, top 0.3s 0s;
}

.stm-layout-header-listing #wrapper #header .header-listing:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #001B44;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity .3s 0s;
  transition: opacity .3s 0s;
}

.header-listing .listing-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
  -webkit-transition: opacity .3s 0s;
  transition: opacity .3s 0s;
}

.header-listing.stm-fixed-invisible {
  position: fixed;
  top: -100%;
  -webkit-transition: top .3s 0s;
  transition: top .3s 0s;
}

.header-listing.stm-fixed {
  padding: 10px 0 5px;
  top: 0;
  position: fixed;
}

.header-listing.stm-fixed:after {
  opacity: 1;
}

.header-listing.stm-fixed .listing-header-bg {
  opacity: 0.3;
}

.header-listing.listing-nontransparent-header.stm-fixed-invisible {
  position: fixed;
  top: -100%;
  -webkit-transition: top 0s 0s;
  transition: top 0s 0s;
}

.header-listing.listing-nontransparent-header.stm-fixed {
  position: fixed;
  top: 0;
  -webkit-transition: top .3s 0s;
  transition: top .3s 0s;
}

.header-listing.listing-nontransparent-header.stm-fixed:after {
  visibility: hidden;
}




.header-listing .listing-right-actions {
  float: right;
  margin-left: 0px;
  top: 10px;
  position: relative;
}

.header-listing .listing-menu {
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.header-listing .listing-menu .sub-menu {
  margin-top: 0;
  text-align: left;
}

.header-listing .listing-menu .sub-menu a {
  color: var(--mb-gray-900);
  /*051b2b*/
  font-size: 1rem;
}

.header-listing .listing-menu .sub-menu a:hover {
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  padding: 0px 20px;
}

/*
.header-listing .listing-menu .sub-menu a:hover:first-child {
border-radius: 5px 5px 0 0; }
.header-listing .listing-menu .sub-menu a:hover:last-child {
border-radius: 0 0 5px 5px; }
*/
.header-listing .listing-menu .sub-menu a {
  padding: 0px 20px;
  font-weight: bold;
  line-height: inherit;
  /* height: auto; */
}

.stm-layout-header-listing #wrapper #header .header-listing .listing-menu>li {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;
  font-size: 0;
  
}

/*gray-add*/
ul.listing-menu.clearfix {
  margin: 0;
  line-height: 50px;
  vertical-align: middle;
}

.header-listing .listing-menu>li:last-child {
  margin-right: 0;
}

.header-listing .listing-menu>li>ul {
  margin-top: 8px;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  min-width: 250px;
  top: 105%;
  left: 0;
  background-color: var(--mb-base-white);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
}

.header-listing .listing-menu .sub-menu:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 13px;
  border-width: 0 0.75rem 0.75rem 0.75rem;
  border-style: solid;
  border-color: var(--mb-gray-300) transparent;
}

.header-listing .listing-menu .sub-menu:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 15px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: #fff transparent;
}

.header-listing .listing-menu>li>ul li {
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
}

.header-listing .listing-menu>li>ul li.menu-item-has-children>a:after {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 50%;
  margin-top: -7px;
  right: 20px;
  font-size: 1rem;
  content: "\f105";
}

.header-listing .listing-menu>li>ul li a {
  position: relative;
  display: block;
  padding: 0.75rem 30px 0.75rem 34px;
  text-decoration: none;
  color: var(--mb-primary-500);
  font-weight: normal;
}

.header-listing .listing-menu>li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.header-listing .listing-menu>li>ul li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.header-listing .listing-menu>li>ul li>ul li>ul li>ul {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 250px;
  top: 0;
  left: 105%;
  background-color: var(--mb-base-white);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.header-listing .listing-menu>li>ul li>ul li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.header-listing .listing-menu>li>ul li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.header-listing .listing-menu>li>ul li:hover>ul {
  visibility: visible;
  left: 100%;
  opacity: 1;
}

.header-listing .listing-menu>li:hover>a {
  color: var(--mb-primary-500);
}

.header-listing .listing-menu>li:hover>ul {
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.header-listing .listing-menu>li>a {
  position: relative;
  font-size: 1rem;
  text-transform: inherit;
  font-weight: bold;
  
  color: rgba(255, 255, 255, .8);
  text-decoration: none;
}

.header-listing .listing-menu>li>a:hover {
  color: var(--mb-primary-500);
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--mb-primary-500);
  padding-bottom: 5px;
}

.header-listing .listing_add_cart {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
  text-decoration: none;
}

.stm-layout-header-listing #wrapper #header .header-listing .listing_add_cart>div {
  display: block;
  position: relative;
  padding: 10px 25px 10px 50px;
  color: var(--mb-base-white);
  font-size: 1rem;
  text-transform: none;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0.5rem;
  top: 0px;

  background-color: #419aff;
  /*0095ff 007fcf*/
  /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#008adf),color-stop(100%,#0070c0));*/
  background-image: -webkit-linear-gradient(top, #419aff, #017ee5);
  background-image: -moz-linear-gradient(top, #419aff, #017ee5);
  background-image: -ms-linear-gradient(top, #419aff, #017ee5);
  background-image: -o-linear-gradient(top, #419aff, #017ee5);
  background-image: linear-gradient(to bottom, #419aff, #017ee5);
  border-width: 1px;
  border-style: solid;
  border-color: #368def #3182e6 #2667d0 #3182e6;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0.5px -1px rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.header-listing .listing_add_cart>div:hover {
  background-color: #41cd00;
  /*00a050*/
  /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#41cd00),color-stop(100%,#19ab0f));*/
  background-image: -webkit-linear-gradient(top, #41cd00, #19ab0f);
  background-image: -moz-linear-gradient(top, #41cd00, #19ab0f);
  background-image: -ms-linear-gradient(top, #41cd00, #19ab0f);
  background-image: -o-linear-gradient(top, #41cd00, #19ab0f);
  background-image: linear-gradient(to bottom, #41cd00, #19ab0f);
  border-width: 1px;
  border-style: solid;
  border-color: #3fbe09 #25a608 #0f8f08 #25a608;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0.5px -1px rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.stm_listing_car_form .wpcf7-submit:hover {
  background: var(--mb-primary-500);
}

.lOffer-account {
  position: relative;
  display: block;
  margin: 10px 0 0 0;
  padding: 2px 0 0;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  font-size: 0.75rem;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 28px;
  border-radius: 9999px;
  text-decoration: none;
}

.lOffer-account:hover {
  color: var(--mb-base-white);
  background-color: #60ab00;
}

.lOffer-account .stm-dropdown-user-small-avatar {
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
}



.lOffer-account-unit {
  position: relative;
  margin-right: 10px 0 0 0;
}

.lOffer-account-unit:hover .lOffer-account-dropdown {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.lOffer-account-unit .lOffer-account-dropdown {
  position: absolute;
  top: 110%;
  padding: 20px 20px 0px;
  background-color: var(--mb-base-white);
  width: 250px;
  /*215 defaut*/
  margin: 15px 0 0 -110px;
  opacity: 0;
  visibility: hidden;
  box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered {
  margin-left: -104px;
  width: 240px;
  padding: 25px 15px;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered.working {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered .stm-message-ajax-validation {
  margin-top: 20px;
  padding: 7px 15px;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  color: var(--mb-base-white);
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered .stm-listing-loader {
  margin: 0 10px;
  opacity: 0;
  visibility: hidden;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered .stm-listing-loader i {
  display: inline-block;
  color: var(--mb-primary-500);
  -webkit-animation: rotating 1s infinite linear;
  animation: rotating 1s infinite linear;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered .stm-listing-loader.visible {
  opacity: 1;
  visibility: visible;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered h4 {
  font-size: 1rem;
  margin-bottom: 10px;
}

.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered .form-group {
  margin-bottom: 15px;
}





.lOffer-account-unit .lOffer-account-dropdown.stm-login-form-unregistered .stm_label {
  font-size: 1rem;
  color: var(--mb-gray-900);
  float: right;
}

.lOffer-account-unit .lOffer-account-dropdown:before {
  position: absolute;
  content: '';
  display: block;
  top: -14px;
  left: 0;
  background-color: transparent;
  opacity: 0;
  width: 100%;
  height: 14px;
}

.lOffer-account-unit .lOffer-account-dropdown:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-bottom: 5px solid var(--mb-base-white);
}

.lOffer-account-unit .lOffer-account-dropdown .settings {
  display: block;
  position: absolute;
  right: 14px;
  top: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  /*background-color: #eee; */
  background: -o-linear-gradient(top, #fff 0, #ddd 100%);
  background: -ms-linear-gradient(top, #fff 0, #ddd 100%);
  background: -moz-linear-gradient(top, #fff 0, #ddd 100%);
  background: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #ddd));
  background: linear-gradient(top, #fff 0, #005fa3 100%);
  border: 1px solid #aaa;
  border-radius: 2px;
  text-decoration: none;
}

.lOffer-account-unit .lOffer-account-dropdown .settings .stm-settings-icon {
  line-height: 28px;
  font-size: 1rem;
  color: var(--mb-gray-900);
  /*051b2b*/
  opacity: 0.5;
}

.lOffer-account-unit .lOffer-account-dropdown .settings:hover .stm-settings-icon {
  opacity: 1;
}

.lOffer-account-unit .lOffer-account-dropdown .name {
  margin-bottom: 0.75rem;
  padding-right: 37px;
}

.lOffer-account-unit .lOffer-account-dropdown .name a {
  color: var(--mb-gray-900);
  /*051b2b*/
  font-weight: 900;
  font-size: 18px;
  text-decoration: none;
}

.lOffer-account-unit .lOffer-account-dropdown .name a:hover {
  color: var(--mb-primary-500);
}

.lOffer-account-unit .lOffer-account-dropdown .account-list {
  padding: 0;
  margin: 0 0 14px;
  list-style: none;
}

.lOffer-account-unit .lOffer-account-dropdown .account-list li a {
  display: block;
  line-height: 26px;
  font-size: 1rem;
  color: var(--mb-gray-900);
  /*051b2b*/
  text-decoration: none;
  font-weight: 500;
}

.lOffer-account-unit .lOffer-account-dropdown .account-list li a:hover {
  color: var(--mb-primary-500);
}

.lOffer-account-unit .lOffer-account-dropdown .logout {
  display: block;
  margin: 10px -20px 0;
  padding: 15px 15px 15px 30px;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  opacity: 0.7;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.lOffer-account-unit .lOffer-account-dropdown .logout .fa {
  position: relative;
  top: 1px;
  left: -1px;
  margin-right: 5px;
  color: var(--mb-base-white);
  font-size: 15px;
  
  opacity: 0.7;
}

.lOffer-account-unit .lOffer-account-dropdown .logout:hover {
  opacity: 0.9;
}

.lOffer-account-unit .lOffer-account-dropdown .logout:hover .fa {
  opacity: 0.9;
}

.lOffer-compare {
  position: relative;
  display: block;
  margin: 10px 20px 0 0;
  color: #ccc;
  font-size: 1rem;
  background: var(--mb-primary-500);
  padding: 4px 7px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 25px;
  border-radius: 9999px;
  text-decoration: none;
}

.lOffer-compare:hover {
  /*color: var(--mb-primary-500);*/
  color: var(--mb-base-white);
  background-color: #60ab00;
}

a.lOffer-compare._gray-navigation__item :hover {
  color: var(--mb-primary-500);
}

.lOffer-compare .stm-current-cars-in-compare {
  position: absolute;
  min-width: 18px;
  top: -10px;
  right: 5px;
  background-color: #ff0000;
  line-height: 18px;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 9999px;
  border: 0px solid #000;
  color: var(--mb-base-white);
}

.lOffer-compare .stm-current-cars-in-compare {
  display: block;
  position: absolute;
  font-size: 0.75rem;
  color: var(--mb-base-white);
  background-color: #ec3F52;
  border: 0px solid var(--mb-base-white);
  width: 20px;
  /*height: 20px;*/
  line-height: 20px;
  top: 0px;
  right: 20px;
  text-align: center;
  font-weight: bold;
  border-radius: 9999px;
  overflow: hidden;
}

.stm_icon_filter_title {
  margin-bottom: 22px;
}

.stm_listing_icon_filter {
  font-size: 0;
  margin: 0 -20px;
}

.stm_listing_icon_filter.stm_listing_icon_filter_12 .stm_listing_icon_filter_single {
  width: 8.3%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_9 .stm_listing_icon_filter_single {
  width: 11.1%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_6 .stm_listing_icon_filter_single {
  width: 16.6%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_4 .stm_listing_icon_filter_single {
  width: 25%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_3 .stm_listing_icon_filter_single {
  width: 33.3%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_2 .stm_listing_icon_filter_single {
  width: 50%;
}

.stm_listing_icon_filter.stm_listing_icon_filter_1 .stm_listing_icon_filter_single {
  width: 100%;
}

.stm_listing_icon_filter.active {
  margin: 0 -10px;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single {
  margin-bottom: 16px;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single .inner {
  padding: 0 10px;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single .name {
  text-align: left;
}

.stm_listing_icon_filter.active .stm_listing_icon_filter_single.non-visible {
  display: inline-block;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 44px;
  max-height: 300px;
  overflow: hidden;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: 0 20px;
  text-align: center;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner .image {
  padding: 0 10px;
  opacity: 0.9;
  min-height: 62px;
  line-height: 62px;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner img {
  display: inline-block;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .inner .name {
  margin-top: 5px;
  font-size: 13px;
  color: var(--mb-gray-300);
  text-decoration: underline;
  text-decoration: none;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single:hover .name {
  color: #008cc9;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single:hover .image {
  opacity: 1;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single.non-visible {
  display: none;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single.non-visible .name {
  text-align: left;
}

.stm_icon_filter_label {
  margin-top: 9px;
  float: right;
  margin-left: 15px;
  margin-right: 20px;
  color: var(--mb-gray-300);
  border-bottom: 1px dashed var(--mb-gray-300);
  line-height: 17px;
}

.stm_icon_filter_label.active {
  color: #008cc9;
  border-bottom-color: #008cc9;
}

.stm_icon_filter_label:hover {
  color: #008cc9;
  border-bottom-color: #008cc9;
  cursor: pointer;
}

.stm_icon_filter_title {
  overflow: hidden;
}





.stm_listing_tabs_style_2 .stm_listing_nav_list {
  float: right;
  list-style: none;
  padding: 0;
  margin-top: 7px;
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li {
  display: inline-block;
  margin-left: 7px;
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li.active a {
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li.active a span {
  border: 0;
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li.active a:after {
  opacity: 1;
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li a {
  position: relative;
  padding: 14px 24px;
  color: var(--mb-gray-900);
  /*051b2b*/
  text-decoration: none;
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li a span {
  border-bottom: 1px dashed var(--mb-gray-900);
  /*051b2b*/
  
}

.stm_listing_tabs_style_2 .stm_listing_nav_list li a:after {
  position: absolute;
  content: '';
  display: block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid var(--mb-primary-500);
  opacity: 0;
}

.stm_listing_tabs_style_2 .tab-pane {
  padding-bottom: 33px;
}

.stm_dynamic_listing_filter {
  position: relative;
}



.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li {
  float: left;
  margin-bottom: 0;
  background-color: #fed14f;
  border-right: 1px solid #fed14f;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li a {
  position: relative;
  display: block;
  padding: 15px 43px 0.75rem 35px;
  color: var(--mb-primary-500);
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  
  z-index: 2;
}

.stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li.active {
  background-color: var(--mb-warning-500);
  /*051b2b*/
  border-right-color: #fed14f;
  /*051b2b*/
}

.stm_dynamic_listing_filter .tab-content {
  padding: 15px 30px 5px;
  /*051b2b*/
  background-color: var(--mb-warning-300);
  background-color: -o-linear-gradient(top, #ffb700 0, #ffb700 100%);
  background-color: -ms-linear-gradient(top, #ffb700 0, #ffb700 100%);
  background-color: -moz-linear-gradient(top, #ffb700 0, #ffb700 100%);
  background-color: -webkit-linear-gradient(top, #ffb700 0, #ffb700 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb700), color-stop(100%, #ffb700));
  background-color: linear-gradient(top, #ffb700 0, #ffb700 100%);
  border-radius: 0.5rem;
  border: 1px solid #B68800;
  border-width: 0px;
}

.stm_dynamic_listing_filter .tab-content .tab-pane {
  position: relative;
  z-index: 2;
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects {
  overflow: hidden;
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-select-col {
  margin-bottom: 10px;
  padding: 0 0px;
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects>.row {
  margin: 0 0px;
}

.stm_dynamic_listing_filter .tab-content button[type="submit"] {
 position: relative;
 margin: 0;
 padding: 1rem;
 min-width: 100%;
 font-weight: bold;
 background-color: var(--mb-base-white);
 border: 1px solid var(--mb-gray-200);
 border-radius: 0.5rem;
}



.stm-settings-confirm-password .stm-listing-loader {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.stm-settings-confirm-password .stm-listing-loader.visible {
  display: inline-block;
  visibility: visible;
  opacity: 1;
}







.stm_lOffers_banner {
  position: relative;
  z-index: -1;
}

.centered-banner-content-listing {
  position: relative;
  padding: 160px 0 159px;
}

.centered-banner-content-listing .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}

.centered-banner-content-listing .inner {
  position: relative;
  max-width: 1140px;
  width: auto;
  margin: -4px -15px 0;
  padding: 0 15px;
  z-index: 5;
}

.centered-banner-content-listing .inner h1 {
  margin-bottom: 5px;
  font-size: 70px;
  line-height: 50px;
  
}

.centered-banner-content-listing .inner h3 {
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 24px;
  
}

#stm-vivus-arrow {
  position: absolute;
  left: -50px;
  top: 30px;
}

 .stm-select-sorting {
  width: 100%;
}





.stm-listing-directory-title .total>span {
  margin: 0px;
  
}




/*
.stm-directory-listing-top__right > .clearfix, .stm-directory-listing-top__right > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: flex-end;
}
*/

.kms-package-sortView {
  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}



.dealer-search-results {
    margin: 0;
    padding: 0;
    border: 1px solid var(--mb-gray-300);
    background-color: var(--mb-base-white);
}

.kms-dealer-directory-listing-top__right {
  margin-top: 30px;
}


.kmstm-sort-by-options > span {
  min-width: max-content;
}


 .stm-sort-by-options, .kmstm-sort-by-options {
   position: relative;
    width: 100%;
    
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}




.stm-car-listing-directory-sort-units {
  margin: 0 0 0rem;
  padding: 0rem;
  background-color: var(--mb-base-white);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
}
.stm-seller-title {
  margin: 0 0 0rem;
  font-size: 1rem;
}

.nav.nav-tabs.social-menu-tabs {
  margin: 10px 0 10px;
}

/*----------------------------------Share*/


/*-------------------------------------------------  404  ------*/
.error404 #wrapper #main {
  min-height: 250px;
  position: absolute;
  position: relative;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
}

.error404 #wrapper #main .stm-error-page-unit {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.error404 #wrapper #main .stm-error-page-unit h2 {
  width: auto;
  margin: 0 auto;
  margin-bottom: 50px;
  max-width: 650px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
}


/*-------------------------------------------------...end  404  ------*/
.fa-spinner:before {
  content: "\eff8";
  font-family: 'grayUIcon';
}

/*------------------------------------------------- Woocommerce  ------*/
.woocommerce-MyAccount-navigation a {
  display: block;
  position: relative;
  text-align: center;
  padding: 15px 15px;
  background-color: #232628;
  /*background: transparent;*/
  border-radius: 0;
  border: none;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--mb-base-white);
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}

.woocommerce-MyAccount-navigation .is-active a {
  background-color: var(--mb-base-white);
  color: #cc6119;
  border-width: 3px;
  border-style: solid;
  border-color: #cc6119;
}



.woocommerce-info {
  border: 3px solid #99bcdb;
  padding: 15px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: none;
  background-color: var(--mb-base-white);
  border-radius: 0.5rem;
}

.woocommerce-message {
  text-transform: none;
  border: 3px solid #bee0a8;
  padding: 15px 15px;
  margin: 10px 0 15px;
  font-weight: bold;
  
  border-color: #8de3a1;
  font-size: 1rem;
  color: #153e4d;
  font-weight: bold;
  text-transform: none;
}

form.woocommerce-EditAccountForm.edit-account {
  padding: 15px;
  border: 1px solid var(--mb-gray-300);
  background-color: var(--mb-base-white);
}

p.woocommerce-form-row {
  display: inline-block;
  margin: 10px 10px;
}



form.checkout.woocommerce-checkout {
  margin-top: 50px;
}

.woocommerce-checkout #payment ul.payment_methods li img {
  vertical-align: middle;
  margin: 0px 0 0 0.5em;
  padding: 0;
  position: relative;
  box-shadow: none;
}

.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
  float: right;
  line-height: 52px;
  font-size: .83em;
  font-size: 1rem;
  line-height: inherit;
  float: inherit;
  text-transform: initial;
  margin: 0px 0 0 0.5em;
}

/*-------------------------------------------------...end-Woocommerce  ------*/

.comments-title {
  text-transform: uppercase;
  padding-bottom: 20px;
  margin: 50px 0;
  border-bottom: 1px solid #ddd;
}

.comment .comment-avatar img {
  border-radius: 9999px;
  width: 50px;
}

.comment .comment-avatar {
  position: relative;
  float: left;
  margin-right: 15px;
}

.comment .comment-info-wrapper .comment-info {
  margin-top: 0px;
  margin-bottom: 10px;
}

ul.comment-list li ul.children .comment-avatar {
  position: relative;
  margin-right: 15px;
}

ul.comment-list li ul.children .comment-body {
  padding-top: 25px;
  margin: 0 0 0 0;
}

ul.comment-list li ul.children {
  padding-left: 40px;
  list-style: none;
}

.children {
  border-top: 1px solid #e6ecf5;
  margin: 25px 0px 0;
  padding-left: 35px;
}

.comment .comment-info-wrapper .comment-text p {
  margin-bottom: 5px;
  padding: 5px 20px;
  color: #758690;
  background-color: #f8fafb;
  border: 1px solid rgba(117, 134, 144, .1);
  border-radius: 0rem 1.3rem 1.3rem 1.3rem;
  max-width: max-content;
}

.comment-form .form-group {
  margin-bottom: 10px;
  width: 100%;
  margin-left: auto;
}

.car-listing-row .compare-col-stm {
  margin-bottom: 20px;
  padding-right: 20px;
}

.car-listing-row.stm-car-compare-row {
  margin-top: 50px;
}

.remove-from-compare {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -78px;
  width: 157px;
  padding: 0 6px 0 32px;
  height: 29px;
  line-height: 29px;
  text-transform: uppercase;
  border-radius: 15px;
  color: var(--mb-base-white);
  font-size: 0.75rem;
  background-color: var(--mb-primary-500);
  opacity: 0;
  text-align: center;
}

.stm-user-private {
  margin: 0;
}



.kms-getfilter-slugKey {
  min-width: max-content;
  font-weight: bold;
  color: var(--mb-warning-500);
}
.kms-getfilter-slugValue {
  min-width: max-content;
  margin: 0 0.5rem;
  font-weight: bold;
  color: var(--mb-primary-500);
}







.footer_widgets_wrapper a {
  text-decoration: none;
  
  /*font-weight: normal;*/
  
}

#modern-filter-listing .stm-accordion-content-wrapper {
  padding: 20px 20px;
}

#modern-filter-listing .stm-accordion-single-unit {
  margin: 0 0 15px;
  border: 1px solid #001f3a;
}

.stm-price-range {
  height: 0.25rem;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 9999px;
  background-color: var(--mb-gray-300);
}
.ui-slider .ui-slider-range {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0;
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--mb-primary-500);
  background-color: var(--mb-primary-500);
}






.stm-modern-view-others {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
}

/*-------------------------------------------------gray add style factoriel*/












li.kms-fuckstock-num {
  display: block;
  width: auto;
  position: relative;
}

.single-car-actions .stock-num {
  padding: 5px 10px;
  background-color: #eaeffa;
  border: 1px solid rgba(47, 96, 213, .1);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--mb-primary-500);
  /*
		position: absolute;
			right: 0;*/
}

.single-car-actions .stock-num>span {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #2f60d5;
}

.listing-list-loop.stm-listing-directory-list-loop .gray_user-stock_info {
  display: none;
  visibility: hidden;
}

.gray_user-stock-actions-1 {
  margin: 0 0 0.75rem;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
}

.listing-archive-dealer-info .dealer-info-block.stm_phone_disabled .title {
  margin-top: 0px;
}

.gray-dealer-avatar-empty-icon {
  margin-left: 28px;
  margin-top: 25px;
  font-size: 25px;
  color: var(--mb-base-white);
}

.gray-user-socials-content {
  display: inline-block;
  position: relative;
  float: right;
  text-align: left;
  margin-top: 0px;
  margin-left: 5px;
  padding: 10px 0;
}

.upp-social-link {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  color: var(--mb-primary-500);
  text-decoration: none;
  vertical-align: middle;
  flex: auto;
  width: 100%;
  margin: 0.5rem 0;
  padding: 0 0 0 2rem;
  text-align: left;
}



.upp-social-link .fa-facebook-f {
  color: #1877f2;
}
.upp-social-link .fa-twitter {
  color: #1d9bf0;
}
.upp-social-link .fa-youtube {
  color: #ff0000;
}
.upp-social-link .fa-linkedin-in {
  color: #0a66c2;
}



.stm-title-desc>span {
  color: var(--mb-gray-900);
  ;
}


 .add-car-btns-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: center;
   justify-content: center;
   align-items: center;
   position: relative;
   margin: 0;
   padding: 0;
   list-style: none;
}
 .kms-addCar-pay_per_listing {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: space-between !important;
}
    .kms-addCar-pay_per_listing:before, .kms-addCar-pay_per_listing:after {
        content: '';
        display: inline-block;
        width: 20%;
        height: 0.125rem;
        background-color: var(--mb-gray-200);
    }
    
    

.add-car-btns-wrap button {
  margin: 1rem 0;
  padding: 0.5rem 0;
  min-width: 50%;
  border-radius: 0.5rem;
}
.add-car-btns-wrap li {
    min-width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.gray-private-info-title {
  font-family: inherit;
  line-height: 20px;
  font-weight: bold;
}

.gray-private-info-subtitle {
  font-family: inherit;
  line-height: 20px;
  font-weight: bold;
  color: var(--mb-gray-500);
}

.gray-private-info-icon-heart {
  font-size: 20px;
  margin-left: 45%;
  color: #ccc;
}

.gray_top-search-inventory {
  display: inline-flex;
  float: left;
  margin: 0px 10px 0px 0px;
}



input.gray_top-search-name-input {
  min-width: 500px;
  /*28rem*/
  width: auto;
  height: 28px;
  line-height: 28px;
  padding: 10px 50px 10px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #004080;
  border-radius: 3px 3px 3px 3px;
  font-size: 1rem;
  font-weight: normal;
  background-color: var(--mb-base-white);
  /*color: var(--mb-primary-500);*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}





button.gray-search-btn {
  color: var(--mb-primary-500);
}

form.gray_form-search {
  display: inline-flex;
}

button.gray-search-btn {
  margin-left: -1px;
  padding: 0px 2px;
  background-color: var(--mb-base-white);
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-radius: 0 3px 3px 0;
  box-shadow: none;
}

button.gray-search-btn :hover {
  background-color: #fafafa;
  opacity: 1;
  background-image: #fafafa;
}

.gray-top-navbar-icon-search:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-shadow: none;
}



#top-bar .top_bar_menu ul li:after {
  content: '';
  display: block;
  position: absolute;
  right: -13px;
  top: 5px;
  background-color: rgba(0, 0, 0, .2);
  width: 1px;
  height: 18px;
}


#top-bar .top-bar-wrapper .pull-left .stm-multiple-currency-wrap {
  position: relative;
  margin-left: 0.10px;
  line-height: 13px;
  display: inline-flex;
  top: 0px;
}






.listing-list-loop .content .meta-top .price.discounted-price .sale-price .label-price {
  display: inline-block;
  max-width: 30px;
  margin-right: 2px;
  margin-left: 10px;
  position: relative;
  top: -5px;
  line-height: 10px;
  font-size: 10px;
  text-transform: uppercase;
  vertical-align: middle;
  opacity: 1;
}

.listing-list-loop .content .meta-top .price.discounted-price .regular-price .label-price {
  opacity: 1;
  font-size: 10px;
  color: #ee6000;
}




















.meta-middle-unit.font-exists .value {
  color: var(--mb-gray-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



 .meta-middle-unit-top {
  position: relative;
  padding: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.meta-middle-unit .name {
  position: relative;
  width: 100%;
  color: var(--mb-gray-500);
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.meta-middle-unit-top .icon {
    margin: 0 0.5rem 0 0;
    color: var(--mb-gray-400);
    display: none;
}




.sidebar-margin-top {
  margin-top: 0px;
}

.footer_widgets_wrapper .widget-title {
  margin-bottom: 20px;
  margin-top: 20px;
}

/*----------gray add message notice------------*/

.wpcf7-response-output.wpcf7-validation-errors:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 0.4rem;
  width: auto;
  vertical-align: middle;
  border-radius: 0px 0 0 0px;
  background-color: #ff2325;
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 5px 6px 10px;
  font-size: 1rem;
  color: var(--mb-base-white);
}

.wpcf7-response-output.wpcf7-mail-sent-ok:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 0.4rem;
  width: auto;
  vertical-align: middle;
  border-radius: 0px 0 0 0px;
  background-color: #32cd32;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 5px 6px 10px;
  height: 100%;
  font-size: 1rem;
  color: var(--mb-base-white);
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm-message-ajax-validation:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  width: 0.4rem;
  width: auto;
  vertical-align: middle;
  border-radius: 0px 0 0 0px;
  background-color: var(--mb-primary-500);
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 5px 6px 10px;
  font-size: 1rem;
  color: var(--mb-base-white);
}


.stm-add-a-car-message:before {
  content: "\eebc";
  font-family: bb-icons;
  font-size: 2rem;
  font-weight: 200;
  display: block;
  position: relative;
  margin: 0 auto 1rem;
  border-radius: 9999px;
  color: var(--mb-primary-400);
}



/* button, input, select, textarea {
		 font-family: inherit;
		 font-size: inherit;
		 line-height: inherit;
} */
/*-------------end gray add top style factoriel*/
.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .price,
.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .price:before {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}



.listing-list-loop .content .meta-top .price .normal-price {
  position: relative;
}





.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .labels {
  margin-bottom: -1px;
  font-size: 1rem;
  color: var(--mb-primary-500);
  text-transform: uppercase;
  font-weight: bold;
  
  word-spacing: 0;
}

.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .title {
  margin-top: 0px;
  
  /*word-spacing: -1px;*/
  /*width: 100%;*/
  /*height: 50%;*/
  /*display: inline-flex;*/
  position: relative;
  padding-left: 0px;
  padding-top: 0px;
  font-size: 18px;
}

.gray_title_heading-font {
  display: none;
  visibility: hidden;
}

.gray_rmv_txt_drctn {
  display: none;
  visibility: hidden;
}

.listing-list-loop.stm-listing-directory-list-loop .content .meta-top .title a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.listing-list-loop.stm-listing-directory-list-loop .content .meta-top {
  margin: 0;
  padding: 0.75rem 0;
  border-width: 0 0 0 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}


 .meta-middle {
  margin: 0;
  padding: 0.75rem 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
}

 .meta-bottom {
  margin: 0;
  padding: 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
}

 .meta-middle-row {
  min-width: 100%;
  margin: 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

 .meta-middle-unit {
  position: relative;
  font-size: 0.875rem;
  width: 100%;
  
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: stretch;
}

.meta-middle-divider {
    display: none;
}

.meta-middle-row > * {
  flex: 1;
  flex: 1 1 0px;
  align-self: stretch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




 .stm-car-medias, .listing_stats_wrap {
  position: absolute;
  top: 1rem;
  left: 0;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
}
.listing_stats_wrap {
    position: absolute;
    top: 1rem;
    left: auto;
    right: 0;
}
.s1glCar-mediaPhoto, .s1glCar-mediaVideo {
  position: relative;
  top: auto;
  left: auto;
}
.kms-singlCar-gallery-actions {
  
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}









.listing-list-loop.stm-listing-directory-list-loop .stm-listing-compare {
  position: absolute;
  right: 7px;
  top: 5px;
  /*bottom: 7px;*/
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--mb-base-white);
  font-size: 1rem;
  border-radius: 2px;
  opacity: 0;
  /**gray add**/
  z-index: 2;
}

.listing-list-loop.stm-listing-directory-list-loop .stm-listing-compare:hover {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  opacity: 1;
}

.listing-list-loop.stm-listing-directory-list-loop .stm-listing-compare.active {
  opacity: 1;
  background: -o-linear-gradient(top, #007efd 0, #0062ac 100%);
  background: -ms-linear-gradient(top, #007efd 0, #0062ac 100%);
  background: -moz-linear-gradient(top, #007efd 0, #0062ac 100%);
  background: -webkit-linear-gradient(top, #007efd 0, #0062ac 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007efd), color-stop(100%, #0062ac));
  background: linear-gradient(top, #007efd 0, #0062ac 100%);
}












.stm-filter-listing-directory-price .stm-accordion-content-wrapper {
  padding: 0 1rem;
  border-width: 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-base-white);
}





.stm-accordion-content-padded {
  padding: 0.75rem;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  background-color: var(--mb-base-white);
}




.stm-accordion-single-unit>a.title>h5 {
  font-size: 1rem;
}

.stm-accordion-single-unit>a.title .minus {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1rem;
  height: 0.25rem;
  background-color: var(--mb-primary-500);
}

.stm-accordion-single-unit>a.title .minus:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0.375rem;
  transform: translateY(-50%);
  height: 1rem;
  width: 0.25rem;
  background-color: var(--mb-primary-500);
  opacity: 0;
}



.stm-listing-directory-checkboxes .stm-accordion-content-wrapper {
  position: relative;
}

.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner:before {
  position: absolute;
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner:after {
  content: "\e91b";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  font-family: 'stm-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
  font-size: 30px;
  color: #6c98e1;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner.loading:before,
.stm-listing-directory-checkboxes .stm-accordion-content-wrapper .stm-accordion-inner.loading:after {
  visibility: visible;
  opacity: 1;
  z-index: 99;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-accordion-content-padded {
  padding: 0.75rem;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label {
  display: block;
  margin-bottom: 7px;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label .stm-option-image {
  max-width: 130px;
  margin-bottom: 10px;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label:hover {
  cursor: pointer;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-option-label:hover>span {
  text-decoration: underline;
  text-decoration: none;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-checkbox-submit {
  display: inline-block;
  margin: 11px auto -15px;
}

.stm-listing-directory-checkboxes.stm-one_col .stm-checkbox-submit .button {
  min-width: 103px;
  text-align: center;
  padding: 13px 15px 9px 15px;
  font-size: 0.75rem;
  line-height: 14px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper {
  margin: 0 -20px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label {
  width: 50%;
  display: block;
  padding: 0 15px;
  float: left;
  margin-bottom: 10px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label:nth-child(2n+1) {
  clear: both;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label .stm-option-image {
  max-width: 130px;
  margin-bottom: 10px;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label:hover {
  cursor: pointer;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-option-label:hover>span {
  text-decoration: underline;
  text-decoration: none;
}

.stm-listing-directory-checkboxes.stm-two_cols .stm-accordion-content-wrapper .stm-checkbox-submit {
  padding: 0 15px;
  margin: -5px auto -15px;
}

.stm-listing-directory-checkboxes.stm-two_cols .checker {
  margin-right: 2px;
}

.stm-listing-directory-checkboxes .non-active {
  opacity: 0.5;
}

.stm-listing-directory-checkboxes span {
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.stm-listing-directory-checkboxes .stm-option-label:last-child {
  margin-bottom: 0;
}

.compare-fixed-link {
  border-color: rgba(255, 255, 255, 0.4);
}

.compare-fixed-link:hover {
  background: rgba(255, 255, 255, 0.4);
}


.single-add-to-compare .single-add-to-compare-left .add-to-compare-icon {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
  font-size: 2rem;
  color: inherit;
}

.listing-archive-dealer-info .dealer-img {
  margin: 0;
}



.post-title.kms-post-title ul {
  margin: 0;
  padding: 0;
}

.listing-archive-dealer-info .dealer-image a {
  color: #5b6771;
  text-decoration: none;
}

.listing-archive-dealer-info .dealer-image img.stm-user-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/*photo de profil professionel*/
.stm-dealer-image-custom-view,
/*photo de profil particulier*/
.listing-archive-dealer-info .dealer-image {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 0.75rem 0 0;
}

.stm-dealer-image-custom-view a, .dealer-image a {
  display: block;
  position: relative;
  border-radius: 9999px;
  overflow: hidden;
}

/*pas de photo de profil*/
.listing-archive-dealer-info .dealer-image .stm-user-image-empty {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: var(--mb-gray-100);
  border: 0px solid var(--mb-gray-300);
  border-radius: 9999px;
  overflow: hidden;
}

.listing-archive-dealer-info .dealer-image .stm-user-image-empty i {
  color: var(--mb-gray-400);
  font-size: 1rem;
}

/*archive listing*/
.listing-archive-dealer-info .dealer-image .stm-user-image-empty svg,
/*single car page*/
.stm-single-car-page .no-avatar svg,
/*profil public: user dealer*/
.profile_avatar .profile_avatar_holder svg,
/*mobile header single-car*/
.SingleCar-header-userAvatar svg,
/*header*/
.header-opts-icon-img svg,
/*private sidebar*/
.stm-user-private .stm-user-private-sidebar .stm-user-avatar a svg,
/*header bottom mobile*/
.header-bottom-icon-img svg {
  width: 100%;
  height: 100%;
  fill: rgb(0 0 0 / 50%);
  background-color: var(--mb-gray-200);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 9999px;
}


 .single-car-actions {
  width: 100%;
  position: relative;
  margin: 0 0 0rem;
  padding: 0rem 0rem 0;
}

.kms-SN-title {
  margin: 1rem 0px;
  padding: 0 1rem;
}

.gray_user-stock-actions-3-SN {
  min-width: 100%;
  margin: 0;
  padding: 1rem 1rem 0;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: flex-start;
}



.graytitleinfodealer {
  position: relative;
  margin: 0px 0 0px;
  padding: 0;
  color: var(--mb-gray-900);
  font-size: 0.875rem;
  font-weight: bold;
  text-align: left;
  
}

.listing-archive-dealer-info .dealer-info-block .title span {
  display: block;
  color: var(--mb-gray-500);
  font-weight: normal;
  font-size: 0.875rem;
}
.listing-archive-dealer-info .dealer-info-block .title .kms-PrivateSeller {
  display: none;
  visibility: hidden;
}

.dealer-info-block span {
  color: var(--mb-gray-500);
  font-weight: normal;
  font-size: 0.875rem;
}

.listing-archive-dealer-info .dealer-info-block .title:hover {
  text-decoration: underline;
  text-decoration: none;
}

.phone a, .mail a {
  color: var(--mb-primary-500);
}

.kms-post-title .dealer-information {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
}



 .dealer-information .stm-show-number {
  display: inline-block;
  margin: 0;
  padding: 0 0rem;
  color: var(--mb-primary-500);
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: var(--mb-primary-500);
  border-radius: 0;
  cursor: pointer;
}

.dealer-information .phone {
  display: inline-block;
  position: relative;
  margin: 0 0.25rem;
  color: var(--mb-gray-500);
}

 .dealer-info-block .phone i {
  color: var(--mb-gray-400);
}

 .dealer-info-block .send-message {
  color: var(--mb-gray-300);
  text-decoration: none;
  font-size: 13px;
}

 .dealer-info-block .send-message i {
  font-size: 11px;
  margin-right: 4px;
}

 .dealer-info-block .send-message:hover span {
  border-bottom: 1px dashed var(--mb-gray-300);
}

 .meta-top .price {
  min-width: inherit;
  padding: 5px 20px;
  margin-top: 0px;
}

 .meta-top .price:before {
  -webkit-transform: skew(-17deg, 0deg);
  transform: skew(-17deg, 0deg);
}

 .meta-top .price .normal-price {
  padding: 2px 2px;
  font-size: 0.875rem;
  word-spacing: 2px;
  
  display: contents;
}

 .meta-top .price .normal-price .label-price {
  display: none;
}

 .meta-top .price.discounted-price .regular-price .label-price {
  display: none;
}

 .meta-top .price.discounted-price .sale-price .label-price {
  display: none;
}





.filter-sidebar .stm-location-search-unit.loading {
  position: relative;
}

.filter-sidebar .stm-location-search-unit.loading:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 25;
}


.GiftBrandNewf7 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    
    height: 0;
}
.GiftBrandNewf7 img {
    max-width: 2rem;
    margin: 0 1rem 0 0;
}

.sidebar-entry-header {
  position: relative;
  margin: 0 0 1rem;
}

.sidebar-entry-header svg, .sidebar-entry-header svg path, .sidebar-entry-header svg circle {
  stroke: var(--mb-gray-900);
  fill: transparent;
}

.classic-filter-row .form-group {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
  padding: 0rem 0rem;
  overflow: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.filter-sidebar .sidebar-entry-header .h4 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--mb-gray-900);
}



.row.row-pad-top-24.gray-filter-sidebar-col-sm-6 {
  position: relative;
  padding: 0;
}









/* DROPDOWN ABOVE TOP & BOTOM */





.filter-sidebar #ca_location_listing_filter {
  position: relative;
}

.filter-sidebar #ca_location_listing_filter:focus {
  
}

.filter-sidebar #ca_location_listing_filter.empty {
 position: relative;
}



.filter-sidebar #ca_location_listing_filter.empty:focus {
  
}






.filter-sidebar .sidebar-action-units .button:hover span {
  text-decoration: underline;
  text-decoration: none;
}



.stm-listing-single-price-title {
  margin: 0 0px;
}

.stm-listing-single-price-title .title {
  width: 100%;
  margin: 0 0 0;
  padding: 0 0;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
  
  overflow: hidden;
}

.stm-listing-single-price-title .labels {
  margin: -5px 0 7px;
  color: var(--mb-primary-500);
  font-size: 1rem;
  text-transform: uppercase;
}

.stm-listing-single-price-title .price {
  position: relative;
  float: left;
  min-width: auto;
  margin: 0 0 0px;
  padding: 0px 0px 0px 0px;
  font-size: 22px;
  color: var(--mb-success-500);
  font-weight: 900;
  background-color: transparent;
}

 .stm-listing-single-price-title .price {
  position: relative;
  margin: 0 0 0.5rem;
  padding: 0;
  font-size: 1rem;
  color: var(--mb-success-500);
  font-weight: 900;
}

.stm-listing-single-price-title .price:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: -11px;
  height: 100%;
  width: 32px;
  background-color: var(--mb-primary-500);
  -webkit-transform: skew(-23deg, 0deg);
  transform: skew(-23deg, 0deg);
  z-index: -1;
  display: none;
  visibility: hidden;
}











.stm-listing-car-gallery .stm-gallery-actions {
  
}

.stm-gallery-actions .stm-gallery-action-unit {
  position: relative;
}




.stm-gallery-actions .stm-gallery-action-unit:hover {
  cursor: pointer;
}

.stm-gallery-actions .stm-gallery-action-unit.active {
  color: #00cc00;
}

.stm-gallery-actions .stm-gallery-action-unit .st_sharethis_large {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.stm-border-top-unit .title {
  margin: 0 0;
  padding: 0px;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
  border-width: 0 0 0;
  border-style: solid;
  border-color: var(--mb-gray-900);
}




/*SINGLE CAR LISTING je mets des div en lieu et place des table : partials/single-car-listing/car-data.php */
.whatsapp-btn {
    color: #128c7e;
    font-weight: bold;
}
.whatsapp-btn .fa-whatsapp:before {
    content: "\f40c";
    content: "\f232";
    font-style: normal;
    color: #45c655;
    margin: 0 0.5rem 0 0;
}

.stm-single-car-listing-data .stm-table-main {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0rem 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.stm-single-car-listing-data .stm-table-main .inner-table {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  border-width: 0px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
  
  width: 50%;
  margin: 0 -1px;
  padding: 0.75rem 1rem;
  border-width: 0px 1px 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
}
 .inner-table .label-td {
  color: var(--mb-gray-900);
}
 .inner-table .label-td i {
  display: none;
}
 .inner-table .heading-font {
  color: var(--mb-gray-500);
}

/*pair*/
.stm-single-car-listing-data .stm-table-main .inner-table:nth-child(odd) {
  /* background-color: var(--mb-gray-100); */
}
/*impair*/
.stm-single-car-listing-data .stm-table-main .inner-table:nth-child(even) {
  /* background-color: var(--mb-base-white); */
}

.stm-single-car-listing-data .stm-table-main .inner-table ::before {
  margin: 0 0.5rem 0 0;
  color: var(--mb-gray-400);
}

/*fin*/




.stm-listing-car-dealer-info {
  background-color: transparent;
  padding: 1rem;
  box-shadow: none;
  border-width: 0;
  border-style: solid;
  border-color: #cccccc;
}


.stm-sidebar-mode-vc .stm-listing-car-dealer-info,
.stm-single-car-side .stm-listing-car-dealer-info,
.stm-single-listing-car-sidebar .stm-listing-car-dealer-info {
  margin-top: 0px;
  padding: 1rem;
  background: var(--mb-base-white);
  border-radius: 0 0px 10px 10px;
  border-width: 0 0 0px;
  border-style: solid;
  border-color: #e5ecf0;
  box-shadow: none;
  border-width: 0px 0 0 0;
  border-style: solid;
  border-color: #cccccc;
}

.stm-listing-car-dealer-info.stm-common-user .stm-user-main-info-c a .title {
  margin: 0px 0 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--mb-base-black);
  
  
}

.stm-listing-car-dealer-info.stm-common-user .stm-user-main-info-c a .title:hover {
  color: var(--mb-primary-500);
}

.stm-listing-car-dealer-info.stm-common-user .stm-user-main-info-c a .stm-label {
  font-size: 0.875rem;
  
  color: var(--mb-gray-500);
}

.stm-user-main-info-c .image, .sglCr-img-dlr {
  position: relative;
  float: inherit;
  margin: 0 1rem 0 0;
  text-align: center;
  width: 60px;
  height: 60px;
  border: 1px solid var(--mb-gray-100);
  border-radius: 9999px;
}

.stm-user-main-info-c .image img {
  border-radius: 9999px;
  /*maj*/
  /*border-radius: 0.5rem;*/
  /*gray-tuch-border-radius-img2*/
  overflow: hidden;
}

 .stm-user-main-info-c .image .no-avatar {
  width: 4rem;
  height: 4rem;
  color: var(--mb-gray-400);
  background-color: var(--mb-gray-100);
  border-radius: 9999px;
}

 .stm-user-main-info-c .image .no-avatar i {
  visibility: hidden;
}


.stm-user-main-info-c .image a {
  text-decoration: none;
}


.stm-listing-car-dealer-info .title {
  position: relative;
  color: var(--mb-base-black);
  font-size: 1rem;
}



.stm-listing-car-dealer-info .dealer-image {
  float: left;
  margin-right: 20px;
}

.stm-listing-car-dealer-info .dealer-rating {
  padding-top: 0px;
  overflow: hidden;
}

.dealer-rating .stm-rate-sum {
  color: var(--mb-gray-300);
  font-size: 1rem;
}




.dealer-contacts {
    margin: 0rem 0 0;
    padding: 0;
    border-width: 0px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-200);
}

.dealer-contact-unit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    
    position: relative;
    margin: 1rem 0 0;
}

 .dealer-contact-unit.phone span {
  padding: 0.5rem 1rem;
  color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-200);
  border-radius: 9999px;
  background-color: var(--mb-primary-200);
  
  font-weight: bold;
  cursor: pointer;
}
.dealer-contact-unit.phone span:hover {
    color: var(--mb-base-white);
    border-color: var(--mb-primary-500);
    background-color: var(--mb-primary-500);
}



.card.single-listing-car-sidebar-unit.stm_dealer_car_info a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.card.single-listing-car-sidebar-unit.stm_dealer_car_info i {
    font-size: 1.5rem;
    margin: 0 0.5rem 0 0;
}

 .dealer-contact-unit.mail .stm-label {
  color: var(--mb-gray-500);
  font-size: 0.875rem;
  margin: 0 0 0 2rem;
}

 .dealer-contact-unit.mail a {
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--mb-primary-500);
}

 .dealer-contact-unit.mail a:hover {
  color: var(--mb-gray-900);
  /*051b2b*/
}

 .dealer-contact-unit .phone {
  margin-bottom: 0px;
  font-size: 0.875rem;
  font-weight: bold;
  
  color: var(--mb-gray-900);
}

 .dealer-contact-unit .phone-label {
  font-size: 1rem;
  color: #7a8b93;
}

 .dealer-contact-unit i {
  position: relative;
  color: var(--mb-gray-400);
  font-style: normal;
  font-size: 2rem;
  font-weight: 400;
}



 .dealer-contact-unit .address {
  margin: 0 0 0 2rem;
  color: var(--mb-gray-900);
  
  text-transform: capitalize;
}

.stm-rate-unit {
  height: 13px;
  line-height: 13px;
  overflow: hidden;
  height: 100%;
  line-height: inherit;
}

.stm-rate-unit .stm-rate-inner {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.stm-rate-unit .stm-rate-not-filled {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
}

.stm-rate-unit .stm-rate-not-filled:after {
  color: var(--mb-warning-300);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f006\f006\f006\f006\f006";
  
}

.stm-rate-unit .stm-rate-filled {
  font-size: 20px;
  overflow: hidden;
}

.stm-rate-unit .stm-rate-filled:after {
  color: var(--mb-warning-300);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f005 \f005 \f005 \f005 \f005";
  
}

.stm-single-car-contact {
  padding: 15px 15px;
  margin-bottom: 30px;
  margin-top: 0px;
  border-radius: 0.5rem;
  background-color: #fafafa;
  border: 1px solid #001f3a;
  box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
  padding: 0px 0px;
  border-width: 2px;
  background-color: var(--mb-base-white);
}

div.wpcf7 {
  margin: 0;
  padding: 0 10px 10px;
}

.stm-single-car-contact .title {
  font-size: 1rem;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
  
  padding: 5px 10px 15px;
  border-bottom: 1px solid var(--mb-gray-300);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #001f3a;
  color: var(--mb-base-white);
  text-align: center;
  padding: 10px 10px;
}

.stm-single-car-contact .title i {
  position: relative;
  top: 4px;
  margin-right: 10px;
  color: var(--mb-primary-500);
  font-size: 26px;
  visibility: hidden;
  display: none;
}

.stm-border-bottom-unit {
  margin: 0;
  padding: 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
}

.stm-user-main-info-c {
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.stm-border-bottom-unit .title {
  margin: 0;
  padding: 1rem;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  border-width: 0 0 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.kms-s1glcar-similar .title.heading-font {
    padding: 1rem;
}

.stm-similar-cars-units {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
  background: var(--mb-base-white);
}

.stm-similar-cars-units .stm-similar-car {
  display: block;
  margin: 0rem 0 0rem;
  padding: 0.75rem 0;
  border-width: 0px 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
}
.stm-similar-cars-units .stm-similar-car:last-child {
    border: 0;
}

.kms-similar-post-img-empty {
  display: block;
  position: relative;
  min-width: 5rem;
  height: 5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  background-color: var(--mb-gray-100);
}
.kms-similar-post-img-empty i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--mb-gray-300);
    font-size: 1rem;
}

.stm-similar-cars-units .stm-similar-car .image {
  float: left;
  width: 5rem;
  max-width: max-content;
  margin: 0 1rem 0 0;
  border-radius: 0.5rem;
  overflow: hidden;
}

.stm-similar-cars-units .stm-similar-car .right-unit {
  height: 5rem;
  overflow: hidden;
}



.stm-similar-cars-units .stm-similar-car .right-unit .stm-dealer-name {
  margin: 0.125rem 0;
  color: var(--mb-gray-500);
  overflow: hidden;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}



.stm-similar-cars-units .stm-similar-car .right-unit .stm-price {
  float: left;
  margin: 0;
  padding: 0;
  color: var(--mb-success-500);
  font-weight: bold;
  border-radius: 9999px;
}

.stm-similar-cars-units .stm-similar-car .right-unit .stm-car-similar-meta {
  display: inline-block;
  position: relative;
  float: left;
  width: 100%;
  color: var(--mb-gray-500);
}

.stm-similar-cars-units .stm-similar-car .right-unit .stm-car-similar-meta i {
  position: relative;
  top: 2px;
  margin-right: 3px;
  font-size: 15px;
  color: var(--mb-gray-500);
}

.col-md-9 .single-listing-car-inner {
  padding: 0.75rem;
  background: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 8px;
}



.kms-multiple-select-features {
  margin: 0 0 0.75rem;
    font-weight: bold;
    font-size: 0.875rem;
}

.search_results_container.container-fluid {
  padding: 0;
}
.search_results_container.container-fluid > .row > .col {
  padding: 0;
}
.stm-isearch-results-carousel-wrap {
  margin: 1rem 0 1rem;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 10px;
  background-color: var(--mb-base-white);
}

.stm-isearch-results-carousel-wrap .navigation-controls {
    padding: 0.75rem 0.75rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.stm-isearch-results-carousel-wrap .next-prev-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
  
  border-radius: 9999px;
  background-color: var(--mb-primary-100);
  padding: 0.125rem 0.25rem;
  
}

.stm-isearch-prev {
    margin: 0 0.5rem 0 0;
}
.stm-isearch-prev, .stm-isearch-next {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  text-align: center;
  cursor: pointer;
}

.back-search-results h4 {
  margin: 0;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 500; 
}

.media-carousel-item .price.discounted-price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}



.stm_listing_car_form textarea {
  display: block;
  max-height: 105px;
  padding: 8px 10px 8px 30px;
  margin-bottom: 5px;
  font-size: 1rem;
  line-height: 20px;
  
}

textarea:focus {
  background-color: var(--mb-base-white);
  border-color: var(--mb-primary-500);
  border-width: 2px;
  color: #232628;
}

.stm_listing_car_form .wpcf7-form-control-wrap {
  display: block;
}

.stm_listing_car_form .wpcf7-submit {
  width: 80%;
  display: inline-block;
  top: 0;
  margin: 10px 10px 0 0;
  padding: 0.75rem 22px;
  font-size: 0.75rem;
  border-radius: 4px;
  box-shadow: none;
}

.stm_listing_car_form .wpcf7-response-output {
  margin-top: 15px;
  font-size: 13px;
  line-height: 18px;
  color: var(--mb-base-white);
  font-weight: normal;
  color: var(--mb-gray-900);
  background: var(--mb-base-white);
}

.stm_listing_car_form .wpcf7-response-output.wpcf7-validation-errors {
  font-size: 0.75rem;
  line-height: 18px;
  line-height: inherit;
  color: var(--mb-gray-900);
  background: var(--mb-base-white);
}

.stm-form-with-icon {
  position: relative;
  margin-bottom: 0.75rem;
}

.stm-form-with-icon i {
  display: block;
  width: 33px;
  text-align: center;
  position: absolute;
  padding-left: 5px;
  top: 13px;
  left: 0;
  font-size: 10px;
  color: var(--mb-gray-500);
  z-index: 10;
}

.stm-form-with-icon i.stm-service-icon-write_message {
  font-size: 1rem;
}

.stm-form-with-icon i.stm-service-icon-user-2 {
  /*top: 14px;*/
}

.stm-form-with-icon i.stm-service-icon-pin_2 {
  font-size: 1rem;
}

.stm-form-with-icon i.stm-service-icon-phone {
  font-size: 0.75rem;
}

.stm-form-with-icon i.stm-service-icon-mail-o {
  top: 16px;
  font-size: 8px;
}

#footer-copyright .footer-copyright:before {
  height: 0;
}

.stm-listing-layout-footer .container>.clearfix {
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--mb-base-white);
}

.stm-listing-layout-footer .stm-footer-search-inventory {
  position: relative;
}




.kms-lbl-hdr-srch {
    width: 100%;
}
.kms-lbl-hdr-srch.m-0 > span {
    min-width: 100%;
}
.stm-footer-search-name-input.uk-search-input {
  height: auto;
  line-height: normal;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  background-color: transparent !important;
}



form#add-car-register-form h4 {
    font-size: 0.875rem;
    margin: 0.75rem 0;
}




/*** Gray add ***/
.stm-listing-layout-footer .stm-footer-search-inventory button:hover {
  
}

.stm-listing-layout-footer .stm-footer-search-inventory button i, .stm-listing-layout-footer .stm-footer-search-inventory button svg {
  
}

/*** rgba(255, 255, 255, 1) ***/
.stm-listing-layout-footer .stm-footer-search-inventory button:hover i, .stm-listing-layout-footer .stm-footer-search-inventory button:hover svg {
  
}

.stm-listing-layout-footer .stm-footer-search-inventory.active button i, .stm-listing-layout-footer .stm-footer-search-inventory.active button svg {
  
}

.stm-listing-layout-footer .stm-footer-search-inventory .tt-menu {
  top: inherit;
  bottom: 100%;
  width: 100%;
  background-color: var(--mb-base-white);
}

.stm-listing-layout-footer .stm-footer-search-inventory .tt-menu .tt-dataset-stm_footer_terms {
  padding: 0rem 0rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-400);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 25%), 0 4px 6px -4px rgb(0 0 0 / 25%);
  overflow: hidden;
}

.stm-listing-layout-footer .stm-footer-search-inventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion {
  padding: 0.5rem 0.75rem;
  color: var(--mb-gray-500);
  border-width: 0px 0 1px 3px;
  border-style: solid;
  border-color: transparent transparent var(--mb-gray-100) transparent;
  cursor: pointer;
}
.stm-listing-layout-footer .stm-footer-search-inventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion:last-child {
  border-width: 0 0 0 3px;
}
.stm-listing-layout-footer .stm-footer-search-inventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion:hover {
  background-color: var(--mb-gray-100);
  border-width: 0px 0 0 3px;
  border-style: solid;
  border-color: var(--mb-primary-500);
}
.tt-highlight {
  color: var(--mb-primary-500);
  font-weight: bold;
}
.tt-suggestion.tt-selectable.tt-cursor .tt-highlight {
  color: var(--mb-warning-500);
}
.stm-listing-layout-footer .stm-footer-search-inventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion.tt-cursor {
 color: var(--mb-base-white);
 background: var(--mb-primary-500);
}

.stm-listing-layout-footer .stm-footer-menu {
  overflow: hidden;
  text-align: right;
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu {
  margin: 6px 0 0;
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu li {
  position: relative;
  display: inline-block;
  margin-left: 24px;
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu li:first-child {
  margin-left: 0;
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu li:first-child:before {
  display: none;
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu li:before {
  position: absolute;
  content: '';
  display: block;
  top: 4px;
  left: -13px;
  height: 13px;
  width: 1px;
  background-color: var(--mb-gray-1000);
}

.footer_widgets_wrapper {
  padding: 0;
  /*50px 0 50px;*/
}

#footer-copyright .copyright-text .divider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background-color: var(--mb-base-white);
  /*657585*/
  margin: 0 10px;
  height: 10px;
  width: 1px;
}

#footer-main {
  background-color: #e9f0ff;
  /*f6f7fc e5ecef*/
  /*border-top: 1px solid #9aa5ae;*/
}

div#footer-copyright {
  background-color: var(--mb-gray-900);
  /*e5ecf1*/
  border: 1px solid var(--mb-gray-900);
  box-shadow: inset 0 -1px #000;
}

#footer-copyright .copyright-text {
  font-size: 0.75rem;
  color: var(--mb-base-white);
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu li a {
  font-size: 0.75rem;
  color: var(--mb-base-white);
  text-decoration: none;
}

.stm-listing-layout-footer .stm-footer-menu .stm-listing-footer-menu li a:hover {
  color: var(--mb-primary-500);
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f0f2f5 inset;
}







/* Form */
/* REGISTER LOGIN FORM*/
.gray-loginRegister-forms {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}



.kms-addPost-register-form {
  max-width: 100%;
}
.kms-addPost-register-formFieldsets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}


.stm-login-form .form-group {
  margin: 0 0 0rem;
}

.stm-login-form fieldset,
.stm-register-form fieldset {
  margin: 1rem 0;
  padding: 0 1rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
}

.stm-login-form legend,
.stm-register-form legend {
  display: block;
  float: none;
  width: auto;
  
  
  margin: 0 auto;
  padding: 0 1rem;
  color: var(--mb-gray-500);
  font-size: 0.875rem;
  font-weight: normal;
  
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  border-image: initial;
}

.kms-addPost-register-formFieldsets fieldset {
  width: calc((100% / 2) - 0.5rem);
}

.gray_headForm_loginRegister {
  margin: 0;
  color: var(--mb-base-black);
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
}
.form-group label {
  margin: 0.75rem 0;
  font-size: 0.875rem;
}



.stm-login-register-form .stm-login-form form .form-checker {
  margin: 1rem 0 0;
  color: var(--mb-gray-900);
}

.stm-login-register-form .stm-login-form form .form-checker label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}

.stm-login-register-form .stm-login-form form .form-checker label:hover {
  cursor: pointer;
  color: var(--mb-primary-500);
}








.stm-login-register-form .stm-login-form form .stm-listing-loader {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: relative;
  margin: 1rem 0 0;
  text-align: center;
}

.stm-login-register-form .stm-login-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 1s infinite linear;
  animation: rotating 1s infinite linear;
}

.stm-login-register-form .stm-login-form form .stm-listing-loader.visible {
  display: block;
  visibility: visible;
  opacity: 1;
}

.stm-login-register-form .stm-login-form form .stm-message-ajax-validation,
.stm-login-register-form .stm-register-form form .stm-message-ajax-validation {
  display: block;
  position: relative;
  margin: 1rem 0 0;
  padding: 1rem 1rem;
  color: var(--mb-gray-900);
  background-color: #fff8e1;
  border-width: 1px;
  border-style: solid;
  border-color: #f1cb4b;
  border-radius: 0.5rem;
}
.stm-login-register-form .stm-login-form form .stm-message-ajax-validation:before, .stm-login-register-form .stm-register-form form .stm-message-ajax-validation:before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0 0.5rem 0 0;
  text-align: center;
  color: #f1cb4b;
}



.stm-login-register-form .stm-register-form form {
  border-width: 0;
  border-style: solid;
  border-color: var(--mb-gray-900) #9aa5ae #9aa5ae;
  border-radius: 0.5rem;
}


.stm-show-password,
.stm-register-form .col-md-6 {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: stretch;
}



.stm-login-register-form .stm-register-form form .form-group.form-checker {
  margin: 1rem 0;
  color: var(--mb-base-black);
  font-weight: 300;
}



.stm-login-register-form .stm-register-form form input[type="submit"][disabled] {
  border-width: 1px;
  border-style: solid;
  border-color: #c9cccf;
  background-color: #c9cccf;
}

.stm-login-register-form .stm-register-form form input[type="submit"][disabled]:hover {
  cursor: not-allowed;
}





.stm-login-register-form .stm-register-form form .stm-listing-loader {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: relative;
}

.stm-login-register-form .stm-register-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-login-register-form .stm-register-form form .stm-listing-loader.visible {
  display: block;
  visibility: visible;
  opacity: 1;
  margin: 1rem 0 0;
  text-align: center;
}


.stm-login-register-form .stm-register-form form .g-recaptcha {
  
}



.stm-show-password {
  position: relative;
}

.stm-show-password .fa {
  position: absolute;
  top: calc(50% + 1rem);
  right: 0;
  min-width: 3rem;
  width: auto;
  height: auto;
  text-align: center;
  /* font-size: 1.5rem; */
  opacity: 0.8;
}

.stm-show-password .fa:hover {
  cursor: pointer;
  opacity: 1;
}

.stm-show-password input {
  padding-right: 45px;
}


/* login register 2 : fuck */
.stm-login-register-form {
  margin: 0 0rem;
  padding: 1rem;
  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.stm-login-form, .stm-register-form {
    margin: 1rem 0;
    padding: 0rem 1rem 1rem;
    background-color: var(--mb-base-white);
    border: 1px solid var(--mb-gray-300);
    border-radius: 1rem;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%); */
}


.stm-login-register-form h3 {
  margin: 0 0 1rem;
    color: var(--mb-base-black);
    font-weight: 900;
    text-align: center;
}

.stm-login-register-form .form-group h4 {
    margin: 1rem 0 0.5rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: var(--mb-gray-900);
}

.stm-login-form input[type="submit"], .stm-register-form input[type="submit"] {
  display: block;
  width: 100%;
  margin: 1rem 0 0;
    padding: 0.5rem 1rem;
    color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
    border: 1px solid var(--mb-primary-500);
    font-weight: 700;
    border-radius: 0.625rem;
    line-height: 1.5;
}
.stm-login-register-form .stm-register-form form input[type="submit"][disabled], .stm-register-form input[type="submit"][disabled] {
  width: 100%;
  margin: 1rem 0 0;
    padding: 0.5rem 1rem;
    color: var(--mb-base-black);
    border: 1px solid #c9cccf;
    background-color: #c9cccf;
    border-radius: 0.5rem;
    opacity: 0.25;
}
/* example
input[type="text"]:disabled {
  background: #dddddd;
}
*/

.stm-forgot-password {
    display: block;
    position: relative;
    min-width: 100%;
    margin: 1rem 0;
    padding: 0.5rem;
    font-weight: bold;
    border: 1px solid var(--mb-primary-500);
    border-radius: 0.5rem;
    background-color: var(--mb-base-white);
    text-align: center;
}







.stm-user-public-profile {
  margin: 5px auto 50px;
}

.stm-user-public-profile .stm-user-public-profile-top {
  margin: 0 0 0.75rem;
  padding: 25px 0.75rem;
  border-bottom: 0px solid var(--mb-gray-900);
  border: 1px solid var(--mb-gray-300);
  /*box-shadow: 0 0px 2px rgba(0,0,0,.1);*/
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}

.stm-user-public-profile .stm-user-name {
  position: relative;
  float: left;
  height: 80px;
  height: 5rem;
  line-height: 50px;
  line-height: inherit;
  padding-left: 100px;
  margin-right: 0px;
  overflow: hidden;
  overflow: visible;
}

.stm-user-public-profile .stm-user-name .image {
  position: absolute;
  top: 0%;
  left: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 0px solid var(--mb-gray-300);
  border-radius: 0%;
  /*maj*/
  overflow: visible;
  /*hidden*/
  text-align: center;
}

.stm-user-public-profile .stm-user-name .image img {
  display: inline-block;
  max-width: 100%;
  border-radius: 9999px;
}

.stm-user-public-profile .stm-user-name .image .stm-service-icon-user {
  position: relative;
  /*top: 4px;*/
  font-size: 35px;
  line-height: 70px;
  color: #acb9bd;
}

.stm-user-public-profile .stm-user-name .title {
  display: inline-block;
  vertical-align: middle;
}

.stm-user-public-profile .stm-user-name h4 {
  /*margin-bottom: 6px;*/
  
  font-size: 20px;
  color: var(--mb-gray-900);
}

.stm-user-public-profile .stm-user-name .stm-title-desc {
  font-size: 0.75rem;
  line-height: 13px;
  line-height: 100%;
  
  color: var(--mb-gray-500);
}

.kms-title-desc {
  font-size: 0.75rem;
  line-height: 13px;
  line-height: 100%;
}


.stm-user-public-profile .stm-user-data-right {
  overflow: hidden;
  text-align: center;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email {
  display: inline-block;
  position: relative;
  float: right;
  text-align: left;
  margin-top: 5px;
  margin-left: 5px;
  padding: 5px 10px 10px 40px;
  background-color: #eaeffa;
  border: 1px solid rgba(47, 96, 213, .1);
  border-radius: 0.5rem;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email .fa {
  position: absolute;
  top: 10px;
  left: 8px;
  color: var(--mb-gray-500);
  font-size: 25px;
}

.stm-user-public-profile .stm-user-data-right .stm-user-email .mail-label {
  font-size: 0.75rem;
  color: var(--mb-gray-900);
}

.stm-user-public-profile .stm-user-data-right .stm-user-email .mail {
  font-size: 1rem;
}

.inner>.mail {
  color: var(--mb-primary-500);
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone {
  display: inline-block;
  position: relative;
  float: right;
  padding-left: 50px;
  text-align: left;
  overflow: hidden;
  margin-top: 5px;
  padding: 5px 10px 10px 40px;
  background-color: #eaeffa;
  border: 1px solid rgba(47, 96, 213, .1);
  border-radius: 0.5rem;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone .stm-service-icon-phone_2 {
  position: absolute;
  top: 10px;
  left: 8px;
  color: var(--mb-gray-500);
  font-size: 25px;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone .phone {
  font-size: 15px;
  /*line-height: 20px;*/
  margin-bottom: 0;
}

.stm-user-public-profile .stm-user-data-right .stm-user-phone .phone-label {
  margin-top: 0px;
  font-size: 0.75rem;
  color: var(--mb-gray-900);
}

.stm-user-public-profile .stm-user-sidebar .stm-service-icon-write_message {
  font-size: 1rem;
}

.stm-user-public-profile .stm-user-sidebar textarea {
  padding: 8px 10px 8px 30px;
}

.stm-user-public-listing .stm-seller-title {
  margin: 0px 0 0.75rem;
  padding: 5px 10px;
  background-color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 0px solid var(--mb-gray-300);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .5), 0 1px 0 hsla(0, 0%, 100%, .5);
  border: 1px solid rgba(14, 41, 57, .1);
  border-radius: 0.5rem;
  border-color: var(--mb-gray-300);
}

.stm-user-public-listing .archive-listing-page {
  margin: 0rem 0 0;
  padding: 0;
}

.stm-user-public-listing .meta-bottom {
  position: relative;
}

.stm-user-private .stm-car-listing-sort-units {
  margin: 0;
  padding: 1rem;
}

.stm-user-private .stm-car-listing-sort-units .stm-seller-title {
  margin-bottom: 0;
}

.stm-user-private .stm-car-listing-sort-units .stm-directory-listing-top__right {
  margin-top: 0;
}
 
.stm-user-private-sidebar {
  position: relative;
  padding: 0.75rem;
  background-color: var(--white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}

.stm-user-private .stm-user-private-sidebar .stm-user-top {
  margin: 0 0 1rem;
}

.stm-user-private .stm-user-private-sidebar .stm-user-avatar {
  margin: 0px;
}

.stm-user-private .stm-user-private-sidebar .stm-user-avatar a {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 8rem;
  height: 8rem;
  
  text-decoration: none;
}

.stm-image-avatar.image.hide-empty {
  display: block;
  position: relative;
  width: 10rem;
  height: auto;
  margin: 0 auto;
  border-radius: 9999px;
  overflow: hidden;
}
.stm-user-private .stm-user-private-sidebar .stm-user-avatar .img-avatar {
  width: 100%;
}

.stm-user-private .stm-user-private-sidebar .stm-user-avatar .stm-empty-avatar-icon {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  /*background-image: url(../../../root/assets/images/ui-icon-user.png);*/
  background-size: cover;
  background-position: 50% 50%;
  background-position: center;
  background-repeat: no-repeat;

  border: 4px solid var(--mb-base-white);
  border-radius: 9999px;
  font-size: 35px;
  text-align: center;
  text-indent: 2px;
  vertical-align: top;
}

.stm-user-private .stm-user-private-sidebar .stm-user-avatar .stm-empty-avatar-icon i {
  visibility: hidden;
}


.stm-user-avatar.dlr-ksm-stm-avata-logo {
  display: inline-block;
  min-width: 100px;
  min-height: auto;
  line-height: inherit;
  border-radius: 0;
  margin-top: 10px;
}

.dlr-ksm-stm-avata-logo {
  border-radius: 0;
  margin-top: 25px;
}

.dlr-ksm-stm-avata-logo img.img-responsive.img-avatar {
  border: 0px solid var(--mb-base-white);
  border-radius: 0px;
  display: inline-block;
  position: relative;
}

.gray-dealer-avatar {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
  padding: 0px;
  border-radius: 9999px;
  /*maj*/
  border: 0px solid var(--mb-base-white);
  background-color: var(--mb-primary-500);
  margin-top: -10px;
}

/*gray dealer image*/
.gray-img-responsive-dealer-avatar {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  border-radius: 9999px;
  /*maj*/
  /*border-radius: 0.5rem;*/
  background-color: #eee;
  object-fit: cover;
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information {
  position: relative;
  margin: 1rem 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .title {
  margin: 0px;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .title-sub {
  color: var(--mb-gray-500);
  margin: 0;
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .socials a {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .socials a:hover {
  color: var(--mb-base-white);
  background: var(--mb-primary-500);
}

.stm-user-private .stm-user-private-sidebar .stm-user-profile-information .socials a:last-child {
  margin-right: 0;
}



.stm-user-private .stm-user-private-sidebar .stm-became-dealer {
  margin-bottom: 1rem 0;
}

.stm-user-private .stm-user-private-sidebar .stm-became-dealer a {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
  text-align: center;
}

.stm-user-current-plan-info .stm-free-plan {
    margin: 1rem 0;
    font-size: 1.5rem;
    font-weight: 900;
    background: -webkit-linear-gradient(#5844c3, #346FE1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.button.stm-dp-in {
  width: 100%;
  font-weight: bold;
  display: inline-block;
  padding: 1rem 1rem;
  font-size: 0.875rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.625rem;
  background: linear-gradient( 137.04deg, rgb(52, 111, 225) 33.4%, rgb(88, 68, 195) 82.8%);
}
.button.stm-dp-in::after {
  content: "\f30b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;
  /*
  float: right;
  background: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  */
}

.stm-actions-list {
  margin: 0;
  overflow: hidden;
}

/* Gray add separator style */
.stm-actions-list.heading-font {
}

.stm-actions-list a {
  position: relative;
  margin: 0rem 0 0rem;
  padding: 0.75rem 0.75rem;
  color: var(--mb-gray-500);
  
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  
  text-align: center;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.stm-actions-list a:hover {
  background-color: var(--mb-gray-100);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-200);
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a.active {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}

.car-action-unit.stm-brochure {
  min-width: 150px;
  padding: 0;
}

.car-action-unit.add-to-compare:hover>i {
  color: var(--mb-primary-500);
}

.stm-listing-favorite.car-action-unit.gray-favorite-like-btn {
  border: 0px solid #7a8b93;
  padding: 0;
}

.stm-listing-favorite.car-action-unit.gray-favorite-like-btn:hover {
  
}

.stm-listing-favorite.car-action-unit.gray-favorite-like-btn:hover>i {
  color: var(--mb-primary-500);
}





.stm-user-private .stm-user-private-sidebar .stm-actions-list a.active i {
  color: var(--mb-primary-500);
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a:hover {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a:hover i {
 color: var(--mb-primary-500);
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a i {
  display: block; 
  position: relative; 
  font-size: 1rem;
  color: var(--mb-gray-400); 
  margin: 0px 0.75rem 0 0; 
  padding: 0;
  font-style: normal;
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a.active .kms-count-my-offers-my-favorites {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a i.stm-service-icon-star-o {
  /*top: 0px;*/
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a i.fa {
  /*top: 3px;*/
  /*font-size: 1rem;*/
}

.stm-user-private .stm-user-private-sidebar .stm-dealer-phone, .stm-user-private .stm-user-private-sidebar .stm-dealer-mail {
  position: relative;
  margin: 0px;
  padding: 0;
}





.stm-user-private .stm-user-private-sidebar .stm-dealer-phone .phone {
  color: var(--mb-primary-500);
}

.kms-user-private-sidebar-navigation-main {
  margin: 0.25rem 0 0;
}

/* Gray add separator style */


.stm-user-private .stm-user-private-sidebar .stm-dealer-phone .phone-label, .stm-user-private .stm-user-private-sidebar .stm-dealer-mail .mail-label {
  margin: 1rem 0;
  padding: 0;
  color: var(--mb-gray-500);
  text-align: left;
}

.kms-User-private-actions-list {
  text-align: center;
}

.stm-user-private .stm-user-private-sidebar .stm-dealer-mail .mail a {
  margin: 0;
  padding: 0;
}

.stm-user-private .stm-user-private-sidebar .show-my-profile {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.stm-user-private .stm-user-private-sidebar .show-my-profile a {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 1rem 0 0;
  padding: 0.25rem 0.5rem;
  color: var(--mb-primary-500);
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
  text-align: center;
}
.stm-user-private .stm-user-private-sidebar .show-my-profile a i {
  margin: 0 0.3rem 0 0;
}









.stm-user-private .stm-user-private-main .archive-listing-page {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.stm-user-private .stm-user-private-main .stm-seller-title {
 margin: 1rem 0;
 font-size: calc(1.275rem + .3vw);
 font-weight: bold;
 color: var(--mb-base-black);
}

.stm-user-private .stm-user-private-main .stm-seller-title.stm-main-title {
  display: inline-block;
  float: left;
  margin: 0 0 1rem;
  font-size: 1.5rem;
  color: var(--mb-gray-900);
}



.stm-sort-private-my-cars {
  overflow: hidden;
  text-align: right;
}

.stm-sort-private-my-cars .select-type {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm-sort-private-my-cars .select-type .stm-label-type {
  display: inline-block;
  margin: 0 1rem 0 0;
  color: var(--mb-gray-500);
  width: 100%;
  text-align: right;
}






.stm-dp-in {
  display: inline-block;
}



.car-listing-modern-grid .lazy.img-responsive,
.car-listing-modern-grid .img-responsive {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stm-directory-grid-loop .image .stm-listing-compare {
  position: absolute;
  right: 7px;
  bottom: 7px;
  padding: 3px 5px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--mb-base-white);
  font-size: 1rem;
  border-radius: 2px;
  opacity: 0;
  z-index: 20;
}

.stm-directory-grid-loop .image .stm-listing-compare:hover {
  cursor: pointer;
}

.stm-directory-grid-loop .image .stm-listing-compare.active {
  background: -webkit-linear-gradient(90deg, var(--mb-primary-900) 0%, #08449d 100%);
  background: -webkit-linear-gradient(top, var(--mb-primary-900) 0%, #08449d 100%);
  background: linear-gradient(180deg, var(--mb-primary-900) 0%, #08449d 100%);
  opacity: 1;
}



.stm-directory-grid-loop .image .stm-car-medias {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 2;
}

.stm-directory-grid-loop .image .stm-car-medias>div {
  display: inline-block;
  margin: 0;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  color: var(--mb-base-white);
}



.stm-directory-grid-loop .image .stm-car-medias>div:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 1);
}



.stm-directory-grid-loop .image:hover .stm-listing-compare,
.stm-directory-grid-loop .image:hover .stm-listing-favorite,
.stm-directory-grid-loop .image:hover .stm-car-medias {
  opacity: 1;
}


.stm-car-medias .stm-listing-photos-unit, .stm-car-medias .stm-listing-videos-unit, .stm-car-views, .kms-singlCar-gallery-actions .stm-gallery-action-unit, .stm-phone-reveals, .stm-car-views {
  all: unset;
  
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0.375rem 1rem;
  color: var(--mb-base-black);
  border-radius: 9999px;
  background-color: var(--mb-base-white);
  box-shadow: rgb(26 26 26 / 8%) 0px -1px 4px 0px, rgb(26 26 26 / 12%) 0px 4px 8px 0px;
  z-index: 2;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm-car-views {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
}




.stm_edit_disable_car {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5rem;
  right: auto;
  bottom: auto;
  opacity: 1;
  z-index: 55;
  z-index: 2;
}

/*gray-add featured-car*/
.stm_edit_disable_car span.featured {
  display: inline-block;
  padding: 0 10px;
  margin-right: 8px;
  margin-bottom: 10px;
  height: 30px;
  height: auto;
  line-height: 30px;
  font-size: 1rem;
  font-weight: 600;
  background: var(--mb-success-500);
  color: var(--mb-base-white);
  vertical-align: middle;
  text-decoration: none;
  border-radius: 0.5rem;
}

/*...end gray-add*/
.stm_edit_disable_car a {
  display: inline-block;
  position: relative;
  margin: 1rem 0rem;
  padding: 0.5rem 1rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
}




.stm_edit_disable_car a i {
  position: relative;
  top: -1px;
  left: 3px;
  vertical-align: middle;
  font-size: 13px;
  margin-left: 5px;
}

.stm_edit_disable_car span.featured i.fa.fa-star {
  position: relative;
  top: -1px;
  left: 3px;
  vertical-align: middle;
  font-size: 13px;
  margin-left: 5px;
}

.listing-list-loop-edit {
  position: relative;
  max-height: 500px;
  max-height: inherit;
  /*Fuck You*/
  opacity: 1;
  visibility: visible;
}

.listing-list-loop-edit.stm-invisible {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.listing-list-loop-edit.draft:before,
.listing-list-loop-edit.pending:before,
.listing-list-loop-edit.as_sold:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.5rem;
  z-index: 4;
}

.listing-list-loop-edit.draft:hover .stm_edit_disable_car,
.listing-list-loop-edit.pending:hover .stm_edit_disable_car {
  opacity: 1;
}

.listing-list-loop-edit .image:hover .stm_edit_disable_car {
  opacity: 1;
}

.stm_car_move_to_trash {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  z-index: 4;
}
.kms_edit_car_move_to_trash {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: inherit;
}

.stm_car_move_to_trash a {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.5rem 2rem;
  color: #FF5630;
  font-weight: bold;
  background-color: #FFEBE6;
  border-width: 1px;
  border-style: solid;
  border-color: #FF8F73;
  border-radius: 0.25rem;
  opacity: 1;
}

.kms_edit_car_move_to_trash a {
    margin: 0;
    color: var(--mb-danger-500);
    border-width: 0;
    border-style: solid;
    border-color: transparent;
}
.kms_edit_car_move_to_trash a {
    background-color: var(--mb-danger-50);
}


.stm_car_move_to_trash a:hover {
  opacity: 1;
}



.car-as-sold {
  position: relative;
}

.car-as-sold .stm-badge-directory {
  z-index: 100;
}

.car-as-sold.stm-listing-directory-list-loop .image a {
  z-index: 56;
}

.car-as-sold.stm-listing-directory-list-loop .content .meta-top .title a {
  z-index: 56;
}

.car-as-sold.stm-listing-directory-list-loop .listing-archive-dealer-info .dealer-img {
  overflow: hidden;
  position: relative;
}

.car-as-sold.stm-listing-directory-list-loop a {
  display: block;
  overflow: hidden;
}

.car-as-sold.stm-listing-directory-list-loop a:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 55;
}

.car-as-sold>a:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 55;
}

.stm-user-private-main .stm-alert {
  margin-bottom: 40px;
}

.stm-user-private .stm-user-private-main .stm-user-private-settings-wrapper .stm-seller-title {
  margin: 1rem 0;
  padding: 0 1rem;
  color: var(--mb-base-black);
}

.stm-my-profile-settings {
  margin: 0px 0 0;
  padding: 0;
  border-width: 0px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-600);
}



.stm-my-profile-settings .stm-image-unit .image {
  position: relative;
  float: left;
  margin: 0 1rem 0 0;
  padding: 0;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.stm_image_upl img {
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 9999px;
}

.stm-my-profile-settings .stm-image-unit .image:hover img {
  border-color: #e62117;
}

.stm-my-profile-settings .stm-image-unit .image:hover .fa-remove {
  display: block;
}

.stm_image_upl:hover>i {
  display: block;
}

.stm_image_upl:focus>i {
  display: block;
}

.stm_image_upl:active>i {
  display: block;
}





.stm-my-profile-settings .stm-image-unit .image .fa-remove {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 25px;
  height: 25px;
  line-height: 24px;
  background-color: #e62117;
  color: var(--mb-base-white);
  text-align: center;
  border-radius: 9999px;
  cursor: pointer;
  z-index: 2;
  display: none;
}

.stm-my-profile-settings .stm-image-unit .image .stm-empty-avatar-icon {
  width: 160px;
  height: 160px;
  background-color: var(--mb-gray-300);
  line-height: 160px;
  text-align: center;
  /* background-image: url("../../../root/assets/images/ui-icon-user.png"); */
  background-size: cover;
  background-position: 50% 50%;
}

.stm-my-profile-settings .stm-image-unit .image .stm-empty-avatar-icon i {
  vertical-align: middle;
  font-size: 70px;
  /*color: #acb9bd;*/
  color: var(--mb-base-white);
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar {
  margin: 0px;
  padding: 0rem;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  overflow: hidden;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .heading-font {
  margin-bottom: 24px;
  font-size: 1rem;
  font-weight: bold;
  
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-choose-file {
  float: left;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area {
  position: relative;
  padding: 1rem;
  background-color: var(--mb-base-white);
  border-width: 2px;
  border-style: dashed;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
  
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
}
.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area:before {
  content: '\eeb4';
  font-family: "bb-icons";
  font-weight: 300;
  display: block;
  font-size: 24px;
  height: 54px;
  line-height: 54px;
  width: 54px;
  margin: 0rem 0 1rem;
  color: var(--mb-gray-400);
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 9999px;
  text-align: center;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area .button {
  display: block;
  margin: 0;
  padding: 0.25rem 0.5rem;
  min-width: 100%;
  color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
  background-color: var(--mb-primary-500);
  font-weight: bold;
  text-align: center;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name="stm-dealer-image"],
.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name="stm-avatar"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name="stm-dealer-image"]:hover,
.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area input[name="stm-avatar"]:hover {
  cursor: pointer;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area .stm-remove-file {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  color: #bb0000;
  z-index: 20;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area .stm-remove-file:hover {
  cursor: pointer;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-new-upload-area .stm-new-file-label {
  margin: 1rem 0 0;
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 300;
}

.stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar .stm-label {
  margin: 1rem 0 0;
  padding: 0;
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: 300;
  font-style: italic;
}



.stm-my-profile-settings .stm-change-block .title {
  margin: 0 0 0rem;
  padding: 0 0 1rem;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
  border-width: 0 0 0.25rem;
  border-style: solid;
  border-color: var(--mb-gray-900);
}
.stm-my-profile-settings .stm-change-block .title:after {
  
}






.stm-my-profile-settings .form-group .stm-label {
  font-size: 0.875rem;
  margin: 1rem 0 0.75rem;
  line-height: normal;
  font-weight: inherit;
}
.stm_socials_settings .input-group {
    margin: 0 !important;
}



.stm-my-profile-settings .form-group label:hover {
  cursor: pointer;
}



.stm-my-profile-settings .form-group label>span {
  position: relative;
  top: 0px;
  font-size: 0.875rem;
  color: var(--mb-gray-500);
}

.stm_socials_settings .fa {
  position: relative;
  top: 0px;
  width: 25px;
  height: 25px;
  padding: 2px 0px 0px 1px;
  margin-right: 7px;
  text-align: center;
  
  vertical-align: middle;
  color: var(--mb-base-white);
  /*font-size: 1rem;*/
  border-radius: 9999px;
}

.stm_socials_settings .fa.fa-facebook {
  background-color: #3b5998;
  /*background-color: #ccc;*/
}

.stm_socials_settings .fa.fa-twitter {
  background-color: #22b7ef;
  /*background-color: #ccc;*/
}

.stm_socials_settings .fa.fa-linkedin {
  background-color: #007bb6;
  /*background-color: #ccc;*/
}

.stm_socials_settings .fa.fa-youtube-play {
  background-color: #dd0000;
  /*background-color: #ccc;*/
}









.stm_edit_pending_car {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 178px;
  padding: 13px 5px 13px;
  margin: -40px 0 0 -89px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 99;
}

.stm_edit_pending_car h4 {
  margin-bottom: 4px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

.stm_edit_pending_car .stm-dots {
  height: 5px;
  margin: 10px 0;
}

.stm_edit_pending_car .stm-dots span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--mb-gray-300);
  vertical-align: top;
  margin: 0 1px;
  border-radius: 9999px;
}

.stm_edit_pending_car a {
  display: inline-block;
  padding: 8px 20px;
  margin: 0px 10px 5px 10px;
  height: auto;
  line-height: initial;
  font-size: 1rem;
  font-weight: bold;
  background: rgba(78, 144, 204, 0.8);
  color: var(--mb-base-white);
  vertical-align: middle;
  text-decoration: none;
  border-radius: 0.5rem;
}

.stm_edit_pending_car a i {
  position: relative;
  top: -1px;
  left: 3px;
  vertical-align: middle;
  font-size: 13px;
  margin-left: 5px;
}

.stm_edit_pending_car a:last-child {
  margin-right: 0;
}

.stm_edit_pending_car a:hover {
  background-color: #008cc9;
}

.stm-delete-confirmation-popup {
  position: fixed;
  top: 50%;
  transform: translate(0px, -50%);
  left: 0;
  right: 0;
  width: auto;
  max-width: 500px;
  margin: 0 auto;
  padding: 3rem 2rem;
  background-color: var(--mb-base-white);
  border-width: 2px;
  border-style: solid;
  border-color: #c70900;
  border-radius: 1rem;
  z-index: 99999;
}

.stm-delete-confirmation-popup.stm-disabled {
  top: -100%;
  opacity: 0;
  visibility: hidden;
}

.stm-delete-confirmation-popup .fa-close {
  position: absolute;
  padding: 5px;
  top: 5px;
  right: 10px;
  font-size: 20px;
  color: #000;
  opacity: .5;
}

.stm-delete-confirmation-popup .fa-close:hover {
  cursor: pointer;
  opacity: 1;
}

.stm-delete-confirmation-popup .stm-confirmation-text {
  margin: 0 0 2rem;
  font-weight: bold;
  font-size: 1.5rem;
}

.stm-delete-confirmation-popup .stm-confirmation-text .stm-danger {
  color: #e62117;
}

.alert.alert-danger {
  margin: 15px 0 20px;
  padding: 10px 10px;
  text-align: center;
  border: 1px solid #ff2325;
  /*fa0f0f*/
  color: #ff2325;
  background-color: #ffe0e0;
}

/***Modal***/
.motors-gdpr {
  margin: 20px 0 0;
}






.stm-request-test-drive {
  width: 100%;
  margin: 15px 0;
}



.stm-delete-confirmation-popup .actions a {
  display: inline-block;
  vertical-align: top;
  margin-right: 13px;
}

.stm-delete-confirmation-popup .actions a.stm-red-btn {
  background-color: #e62117;
  box-shadow: 0 2px 0 #c60909;
}

.stm-delete-confirmation-popup .actions a.stm-red-btn:active {
  box-shadow: none;
}

.stm-delete-confirmation-popup .actions a.stm-grey-btn {
  background-color: #bbb;
  box-shadow: 0 2px 0 #a0a0a0;
}

.stm-delete-confirmation-popup .actions a.stm-grey-btn:active {
  box-shadow: none;
}

.stm-delete-confirmation-popup .actions a:last-child {
  margin-right: 0;
}

.stm-delete-confirmation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 99998;
}

.stm-delete-confirmation-overlay.stm-disabled {
  opacity: 0;
  visibility: hidden;
}

.stm-listing-fav-loop-grid,
.stm-listing-fav-loop {
  position: relative;
}

.stm-listing-fav-loop-grid .stm-car-overlay-disabled,
.stm-listing-fav-loop .stm-car-overlay-disabled {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 90;
}

.stm-listing-fav-loop-grid .stm_edit_pending_car,
.stm-listing-fav-loop .stm_edit_pending_car {
  left: 50px;
  top: 46px;
  margin-left: 0;
  margin-top: 0;
  padding-top: 32px;
  padding-bottom: 17px;
  z-index: 99;
}

.stm-listing-fav-loop-grid .stm-listing-favorite,
.stm-listing-fav-loop .stm-listing-favorite {
  z-index: 3;
}

.stm-deleted-adds .stm-deleted-add {
  padding: 0.75rem 0.75rem;
  margin-bottom: 30px;
  border: 1px solid var(--mb-gray-300);
  background-color: var(--mb-base-white);
}

.stm-deleted-adds .stm-deleted-add .heading-font {
  position: relative;
  margin: 0;
  padding: 3rem 1rem;
  font-size: 1rem;
  background-color: var(--mb-gray-100);
  text-align: center;
  font-weight: bold;
}

.stm-deleted-adds .stm-deleted-add .heading-font .fa-close {
  position: absolute;
  padding: 0px;
  top: 5px;
  right: 10px;
  font-size: 25px;
  color: #aaaaaa;
  /* opacity: 0.5; */
}

.stm-deleted-adds .stm-deleted-add .heading-font .fa-close:hover {
  cursor: pointer;
  opacity: 1;
}

.stm-single-listing-car-features {
  margin-bottom: 0px;
}




.stm-single-listing-car-features .lists-inline ul {
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  font-size: 0.875rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm-single-listing-car-features .lists-inline > ul li {
  width: 25%;
  color: var(--mb-gray-500);
}
.stm-single-listing-car-features .lists-inline ul li:before {
  color: var(--mb-gray-400);
  margin: 0 0.5rem 0 0;
  content: '\e875';
  font-family: bb-icons;
  font-style: normal;
  font-weight: 300;
  font-size: 2rem;
}


.stm-single-car-listing-data, .stm-single-listing-car-features, .gray_txt-car-description-P._gray-P {
  margin: 1rem 0 0;
}






.stm_add_car_form .stm-border-top-unit .step_number {
  position: absolute;
  top: 0px;
  right: 0;
  background-color: var(--bs-dark);
  text-transform: uppercase;
  
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}



.stm-form1-intro-unit {
    display: block;
    position: relative;
    margin: 0;
    padding: 0rem;
    border-width: 0 0 0px;
    border-style: solid;
    border-color: var(--mb-gray-200);
}

.stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-label {
  display: block;
  position: relative;
  margin: 0 0 0.5rem;
  padding: 0;
  color: var(--mb-gray-900);
}

.stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-form-1-selects {
  position: relative;
  margin: 0px auto;
  padding: 0px 1rem 0 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
} .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-form-1-selects:last-child {
  padding: 0;
}




.xdsoft_datetimepicker {
  z-index: 4;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit {
  margin: 1rem 0 0;
  padding: 0;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}





.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter {
  position: relative;
  margin: 0 0 0rem;
  padding: 0;
  width: 33.333%;
  
  width: calc((100%/3) - 1rem);
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: stretch;
}

.stm_add_car_form .stm-history-popup .inner .fa-remove {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    padding: 0rem 0 0;
    font-size: 1.25rem;
    cursor: pointer;
}
.stm-years-datepicker {
    all: unset;
    width: auto !important;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter:hover i {
    color: var(--mb-gray-400);
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single {
  padding: 20px 0;
  
  margin-bottom: 0;
  margin-top: 20px;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single .title {
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap {
  display: flex;
  min-width: 100%;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 31.5%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap .stm-form-1-quarter .stm-location-input-wrap .stm-label {
  margin-top: 0;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-link-lat-lng-wrap {
  display: block;
  width: 100%;
  text-align: right;
}













.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label {
  position: relative;
  margin: 0 0 0.5rem;
  padding: 0;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label i {
  display: none;
}












.stm_add_car_form .stm_add_car_form_1,
.stm_add_car_form .stm-form-2-features, 
.stm_add_car_form .stm-form-3-photos, 
.stm_add_car_form .stm-form-4-videos,
.stm_add_car_form .stm-form-5-notes,
.stm_add_car_form .stm-form-price-edit,
.stm-car-listing-data-single.stm-border-top-unit.kms-StepsAddCar-Block .stm_add_car_title_form  {
  margin: 1rem 0;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
  
  
}

.stm-form-2-features {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.stm-form-3-photos .row {
    display: flex;
    flex-direction: row-reverse;
    margin: 0;
}
.stm-add-videos-unit .row {
    margin: 0;
}
.row.stm-relative {
    margin: 0;
}
.stm-form-price-edit .row {
    margin: 0;
}

.checker {
  position: relative;
  top: -2px;
  margin: 0 10px 0 0;
  padding: 0;
}

.kms-addPost-main-form2Step2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.stm_add_car_form .stm-form-2-features .stm-single-feature {
  display: inline-block;
  margin: 0;
}

.stm_add_car_form .stm-form-2-features .stm-single-feature .heading-font {
  color: var(--mb-gray-700);
  margin: 0 0 0rem;
  font-weight: bold;
}

 .feature-single label {
  width: 100%;
  padding: 0;
  margin: 1rem 0 0rem;
}

 .feature-single label:hover {
  cursor: pointer;
}



.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input {
  display: block;
  position: relative;
  width: 100%;
  min-height: 465px;
  min-height: 25rem;
  margin: 0 0rem 1rem 0;
  background-color: var(--mb-gray-50);
  border-width: 2px;
  border-style: dashed;
  border-color: var(--mb-gray-200);
  border-radius: 1rem;
  text-align: center;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-service-icon-photos {
  display: block;
  font-size: 5rem;
  margin: 0 0 1rem;
  color: var(--mb-gray-400);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input .stm-image-preview .fa {
  display: none;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input input[type="file"] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input input[type="file"]:hover {
  cursor: pointer;
}



 .stm-media-car-main-input .stm-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

 .stm-media-car-main-input .stm-placeholder.hasPreviews .stm_fake_button {
  opacity: 0;
  visibility: hidden;
  padding: 0;
  max-height: 0;
}

 .stm-media-car-main-input .stm-placeholder.hasPreviews .stm-service-icon-photos {
  margin-bottom: 0;
  font-size: 67px;
  color: var(--mb-primary-500);
}

 .stm-media-car-main-input .stm-placeholder.hasPreviews .stm-service-icon-photos:after {
  position: absolute;
  content: '';
  display: block;
  width: 135px;
  height: 135px;
  top: 0;
  left: 50%;
  margin-left: -67px;
  margin-top: -27px;
  background-color: var(--mb-base-white);
  z-index: -1;
  border-radius: 9999px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input:hover .hasPreviews .stm-service-icon-photos {
  color: var(--mb-base-white);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input:hover .hasPreviews .stm-service-icon-photos:after {
  background-color: var(--mb-primary-500);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder {
  padding: 0 0rem;
  margin: 0 auto;
  width: calc( (100% / 5) - 0.75rem);
  width: 100%;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native {
  display: none;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4),
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5) {
  display: block;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4):hover,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5):hover {
  cursor: default;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1):hover .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2):hover .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3):hover .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4):hover .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5):hover .inner {
  cursor: default;
  border-color: transparent;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(1) .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(2) .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(3) .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(4) .inner,
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder.stm-placeholder-native:nth-child(5) .inner {
  color: var(--mb-gray-200);
  background-color: var(--mb-gray-50);
  border-width: 2px;
  border-style: dashed;
  border-color: var(--mb-gray-200);
  border-radius: 1rem;
}

.stm-media-car-main-input .stm-placeholder a {
    padding: 0.375rem 1rem;
    border-radius: 0.5rem;
}

.stm-add-media-car .stm-service-icon-photos:before {
  content: "\f030";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
}

.stm-media-car-main-input .stm-placeholder i {
  display: block;
  position: relative;
  margin: 0 0 0rem;
  font-size: 5rem;
  color: var(--mb-gray-200);
}
.stm-media-car-main-input .stm-placeholder a i {
    display: inline-block;
    margin: 0 0.5rem 0rem 0;
    font-size: 1.5rem;
    font-weight: 300;
    color: inherit;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner {
  position: relative;
  min-width: 5rem;
  min-height: 8rem;
  width: auto;
  height: auto;
  
  padding: 2rem 1rem;
  color: var(--mb-gray-400);
  font-size: 1rem;
  text-align: center;
  border-width: 2px;
  border-style: dashed;
  border-color: var(--mb-gray-300);
  border-radius: 0rem;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  object-fit: cover;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging {
  border: 3px solid var(--mb-primary-500);
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging:before {
  opacity: 1;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging .fa {
  opacity: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging:hover .fa {
  opacity: 1;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable:before {
  position: absolute;
  content: '';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: '\f047';
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  font-size: 1rem;
  text-align: center;
  line-height: 24px;
  text-indent: -2px;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  opacity: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fa {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 13px;
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  border-radius: 9999px;
  color: var(--mb-base-white);
  opacity: 0;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fa:before {
  display: block;
  margin-top: 5px;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview .fa:hover {
  background-color: #e62117;
  cursor: pointer;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview .fa {
  opacity: 1;
}

/*.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview:hover .fa {
	 opacity: 1; }*/
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active .stm-image-preview:before {
  opacity: 1;
}

/*
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview:hover:before {
	 opacity: 1; }
*/
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner .stm-image-preview.ui-draggable-dragging {
  z-index: 99;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner.active {
  border: 3px solid var(--mb-primary-500);
  cursor: move;
}

/*.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner {
	 border: 3px solid $listing_green;
	 cursor: move; }*/
.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting {
  border: 3px solid #e62117;
}

.stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder:hover .inner.deleting .stm-image-preview:before {
  opacity: 0;
}

.stm_add_car_form .stm-media-car-add-nitofication {
  font-size: 0.75rem;
}



.stm_add_car_form .stm-media-car-add-nitofication h4 {
  font-size: 1rem;
}

.stm_add_car_form .stm-media-car-add-nitofication strong {
  display: inline-block;
  line-height: normal;
}



.stm_add_car_form .stm-form-4-videos .stm-add-videos-unit {
  padding: 0;
}





.stm_add_car_form .stm-form-4-videos .stm-add-videos-unit .heading-font {
  position: relative;
  margin: 0 0 0.5rem;
  padding: 0;
}




.stm_add_car_form .stm-form-4-videos .stm-video-link-unit {
  position: relative;
  padding: 0px 3rem 0 0;
}

.stm_add_car_form .stm-form-4-videos .stm-add-videos-unit input[type=text] {
  width: 100%;
  margin: 0rem 0 1rem;
}
.stm_add_car_form .stm-form-4-videos .stm-add-videos-unit input[type=text]:focus {
  background-color: #ffffff:
}

.stm_add_car_form .stm-form-4-videos .stm-add-videos-unit input[type=text]:first-child,
.stm_add_car_form .stm-form-4-videos .stm-add-videos-unit input[type=text]:last-child {
  margin: 0rem 0 0;
}

 .stm-video-link-unit .stm-after-video {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0px, -50%);
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background-color: var(--mb-primary-500);
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:hover {
  cursor: pointer;
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.125rem;
  height: 1rem;
  background-color: var(--mb-base-white);
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 0.125rem;
  background-color: var(--mb-base-white);
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active {
  background-color: var(--mb-primary-500);
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:hover {
  cursor: default;
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:before {
  top: 17px;
  left: 13px;
  height: 8px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.stm_add_car_form .stm-form-4-videos .stm-video-link-unit .stm-after-video.active:after {
  top: 18px;
  left: 14px;
  width: 17px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



.stm_add_car_form .stm-form-5-notes .stm-border-top-unit {
  margin-bottom: 10px;
}

.stm_add_car_form .stm-form-5-notes textarea {
  height: 150px;
  
  padding: 1rem;
  color: var(--mb-gray-900);
  background-color: #fafafa;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
}



.stm_add_car_form .stm-form-5-notes textarea:focus {
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: var(--mb-base-white);
  --tw-ring-color: var(--mb-primary-100);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
}

 .stm-seller-notes-phrases {
  position: relative;
  margin: 5rem 0;
  text-align: center;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner > span {
    display: block;
    position: relative;
    margin: 0 0 0.75rem 85%;
    right: 0;
    text-align: left;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fas {
  position: absolute;
  padding: 0px;
  top: -1rem;
  right: 0;
  font-size: 0.875rem;
  color: var(--mb-gray-400);
}
.stm_phrases.activated i:after {
    content: 'fermer';
    font-family: var(--mb-font-family-sans-serif);
    font-weight: bold;
    margin: 0 0 0 0.5rem;
    text-transform: capitalize;
}



.stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases {
  line-height: 1.5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
  position: relative;
  margin: 1rem auto;
  text-align: center;
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-100);
  border: 1px solid var(--mb-primary-300);
  padding: 0.125rem 1rem;
  border-radius: 0.625rem;
}
.stm-seller-notes-phrases:before {
    content: '\eef9';
    font-family: bb-icons;
    font-weight: 400;
    font-size: 1.5rem;
    margin: 0 1rem 0 0;
}
/*
color: var(--mb-base-black);
background-color: rgb(0 0 0 / 10%);
*/

.stm_add_car_form .stm-form-5-notes .stm-seller-notes-phrases:hover {
  cursor: pointer;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases {
  position: absolute;
  padding: 1rem;
  width: 500px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  border-width: 5px 0 0;
  border-style: solid;
  border-color: var(--mb-primary-500);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  
  background-color: var(--mb-base-white);
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner {
  position: relative;
  z-index: 2;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fa {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 10px;
  font-size: 20px;
  opacity: 0.5;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner .fa:hover {
  cursor: pointer;
  opacity: 1;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1rem;
  background-color: var(--mb-base-white);
  z-index: 3;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:after {
  content: '';
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  left: -0.5rem;
  top: 50%;
  margin: 0;
  background-color: var(--mb-base-white);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 0 5px 29px rgb(0 0 0 / 24%);
  z-index: 1;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases.activated {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases h5 {
  margin: 0rem 0 1rem;
  color: var(--mb-base-black);
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix {
  margin: 0 -15px 20px;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix label {
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding: 0 15px;
}

.stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .button {
  display: inline-block;
  position: relative;
  margin: 0.75rem 0 0;
  padding: 0.75rem 1rem;
  line-height: 1.5;
  width: 50%;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
}






.stm_add_car_form .stm-form-checking-user {
  position: relative;
  padding: 0px;
  background-color: transparent;
  border-width: 0px 0;
  border-style: solid;
  border-color: #e5f1fc;
}







#footer-copyright,
#footer-main {
  background-color: #232628;
  background-color: var(--mb-base-white);
  border-top: 0px solid #e6ecf0;
}

.stm_add_car_form .stm-form-checking-user .stm-form-inner .form-group-submit .stm-icon-load1 {
  top: 0.75rem;
  font-size: 18px;
}



.stm_add_car_form .stm-form-checking-user .stm-form-inner .stm-icon-load1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  font-size: 30px;
  color: var(--mb-primary-500);
  -webkit-animation: rotating 1s infinite linear;
  animation: rotating 1s infinite linear;
  opacity: 0;
  visibility: hidden;
  z-index: 50;
}

.stm_add_car_form .stm-form-checking-user .stm-form-inner.activated .stm-icon-load1,
.stm_add_car_form .stm-form-checking-user .stm-form-inner.activated:before {
  opacity: 1;
  visibility: visible;
}



.stm_add_car_form .stm-form-checking-user .stm-text {
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--mb-gray-900);
  text-align: justify;
}

.stm_add_car_form .stm-form-checking-user .stm_register_title {
  margin: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-form-1-selects {
  margin: 0px auto 0.75rem;
  padding: 0px 1rem 0 0;
}




.stm_add_car_form .stm-form-checking-user .stm_register_title h3 {
  font-size: 1rem;
  font-weight: bold;
  color: var(--mb-base-black);
}
.stm_add_car_form .stm-form-checking-user .stm-title {
  margin: 1rem 0;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--mb-gray-900);
}

.stm_add_car_form .stm-form-checking-user .stm_register_title h3 {
  float: left;
  font-size: 30px;
  margin: 0;
}

.stm_register_title .stm_login_me a {
  margin: 0 0.5rem;
  color: var(--mb-primary-500);
}

.stm_add_car_form .stm-form-checking-user .stm_register_title .stm_login_me {
  margin: 0px 0 0;
  text-align: center;
  /* float: right; */
  font-size: 1rem;
  color: var(--mb-gray-500);
}





.stm_add_car_form .stm-form-checking-user .stm-login-register-form {
  margin: 0;
  padding: 0px 0 0 1rem;
}

.stm_add_car_form .stm-form-checking-user .stm-login-register-form .stm-register-form form .stm-listing-loader.visible i {
  margin-left: 10px;
  visibility: visible;
  color: var(--mb-primary-500);
  opacity: 1;
}




.stm_add_car_form .stm-form-checking-user button[type="submit"].disabled {
  background-color: #838588;
  border-color: #838588;
  opacity: 0.33;
}

.stm_add_car_form .stm-form-checking-user button[type="submit"].disabled:hover {
  cursor: not-allowed;
}

.stm_add_car_form .stm-history-popup {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.stm_add_car_form .stm-history-popup .inner {
  position: relative;
  width: 100%;
  padding: 1rem;
  background-color: var(--mb-base-white);
  border-style: solid;
  border-width: 1px;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  box-shadow: 0 5px 30px rgb(0 0 0 / 30%);
  
  
  z-index: 2;
  overflow: hidden;
}

.stm_add_car_form .stm-history-popup .inner .fa-remove {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 10px;
  font-size: 20px;
  cursor: pointer;
}

.stm-history-popup a {
    display: block;
    position: relative;
    margin: 1rem 0 0 !important;
}

.stm_add_car_form .stm-history-popup h5 {
  margin: 0 0 1rem;
  color: var(--mb-gray-900);
  font-size: 1rem;
}

.stm_add_car_form .stm-history-popup .labels-units {
  margin: 0 0px 20px;
}

.stm_add_car_form .stm-history-popup .labels-units label {
  display: inline-block;
  margin: 0 13px;
}

.stm-add-a-car-user-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.stm_add_car_form .stm-history-popup .button {
  display: inline-block;
}

.stm_add_car_form .stm-history-popup.stm-invisible {
  opacity: 0;
  visibility: hidden;
  bottom: 110%;
}

.stm-non-relative {
  position: static;
}

.stm-relative {
  position: relative;
}

.stm-add-a-car-user {
  position: relative;
  margin: 0;
  padding: 1rem;
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
  z-index: 1;
}

.btn-add-edit button.enabled {
    color: var(--mb-primary-700);
    background-color: var(--mb-base-white);
    border: 1px solid var(--mb-primary-300);
    
    color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
    border: 1px solid var(--mb-primary-500);
}
li.btn-ppl button.enabled[data-load=pay] {
  color: var(--mb-success-700);
  background-color: var(--mb-success-25);
  border: 1px solid var(--mb-success-300);
  
  color: var(--mb-base-white);
  background-color: var(--bs-purple);
  border: 1px solid var(--bs-purple);
}

.stm-add-a-car-user .left-info {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}



.stm-add-a-car-user .left-info.left-dealer-info h4 {
  margin-bottom: 7px;
  font-size: 20px;
}

.stm-add-a-car-user .left-info .avatar {
  width: 5rem;
  height: 5rem;
  margin: 0 1rem 0 0;
  border-radius: 9999px;
  
  background-color: #eaedf0;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  text-align: center;

  /*background-image: url(../../../root/assets/images/ui-icon-user.png);*/
  background-size: cover;
  background-position: 50% 50%;
  background-position: center;
  background-repeat: no-repeat;
  
  overflow: hidden;
}

.stm-add-a-car-user .left-info .avatar i {
  visibility: hidden;
}

img.gray-rounded-img-user {
  border-radius: 9999px;
}

.stm-add-a-car-user .left-info .avatar .stm-service-icon-user {
  position: relative;
  left: 1px;
  line-height: 75px;
  text-align: center;
  font-size: 34px;
  color: #acb9bd;
}

.stm-add-a-car-user .left-info .user-info {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.stm-add-a-car-user .left-info .user-info h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--mb-base-black);
}

.stm-add-a-car-user .left-info .user-info .stm-label {
  font-size: 13px;
  color: var(--mb-gray-500);
}

.stm-add-a-car-user .right-info {
 display: inline-block;
 position: relative;
 margin: 0;
 text-align: right;
 overflow: hidden;
}

.stm-add-a-car-user .right-info .fa.fa-external-link {
  position: relative;
  top: 1px;
  margin-right: 7px;
}

.stm-add-a-car-user .right-info .stm_logout {
  margin: 1rem 0 0;
  color: var(--mb-gray-900);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}

.stm-not-enabled {
  display: none;
}

.stm-add-a-car-login-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.stm-add-a-car-login-overlay.visiblity {
  opacity: 1;
  visibility: visible;
}

.stm-add-a-car-login {
  position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

.stm-add-a-car-login.visiblity {
  opacity: 1;
  visibility: visible;
}

.stm-add-a-car-login .stm-listing-loader .stm-icon-load1 {
  margin-left: 10px;
}

.stm-add-a-car-login .stm-listing-loader.visible .stm-icon-load1 {
  font-size: 18px;
  visibility: visible;
  opacity: 1;
}

.stm-add-a-car-login .stm-login-form {
  margin: 0;
}

.stm-add-a-car-login .stm-login-form form {
  padding: 0;
  margin: 0 auto;
}

.stm-add-a-car-login .stm-login-form form h4 {
  color: var(--mb-base-white);
  font-size: 1rem;
  margin-bottom: 14px;
  
}

.stm-add-a-car-login .stm-login-form form .form-checker {
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 1);
  font-size: 13px;
}

.stm-add-a-car-login .stm-login-form form .form-checker label:hover {
  cursor: pointer;
}

.stm-add-a-car-login .stm-login-form form .form-group {
  margin: 0 0 0px;
}

.stm-add-a-car-login .stm-login-form form .form-group.form-checker {
  margin: 0px;
  font-size: 1rem;
}

.stm-add-a-car-login .stm-login-form form .form-group label {
  margin: 0.75rem 0;
}

.stm-add-a-car-login .stm-login-form form .form-group.form-checker .checker {
  margin-right: 5px;
}

.stm-add-a-car-login .stm-login-form form input [type="text"],
.stm-add-a-car-login .stm-login-form form input [type="number"],
.stm-add-a-car-login .stm-login-form form input [type="tel"],
.stm-add-a-car-login .stm-login-form form input [type="email"],
.stm-add-a-car-login .stm-login-form form input [type="search"],
.stm-add-a-car-login .stm-login-form form input [type="password"] {
  padding-left: 17px;
  border-color: #f0f2f5;
  background-color: #f0f2f5;
}

.stm-add-a-car-login .stm-login-form form input [type="text"].form-error,
.stm-add-a-car-login .stm-login-form form input [type="number"].form-error,
.stm-add-a-car-login .stm-login-form form input [type="tel"].form-error,
.stm-add-a-car-login .stm-login-form form input [type="email"].form-error,
.stm-add-a-car-login .stm-login-form form input [type="search"].form-error,
.stm-add-a-car-login .stm-login-form form input [type="password"].form-error {
  border-color: #ff2325;
}

.stm-add-a-car-login .stm-login-form form input [type="submit"] {
  display: inline-block;
  margin-right: 10px;
  font-size: 1rem;
  padding: 10px 30px;
  visibility: inherit;
  font-weight: bold;
  border-radius: 0.5rem;
}

.stm-add-a-car-login .stm-login-form form .stm-listing-loader {
  position: relative;
  top: 1px;
  color: var(--mb-base-white);
  font-size: 15px;
  line-height: 15px;
  visibility: hidden;
  opacity: 0;
}

.stm-add-a-car-login .stm-login-form form .stm-listing-loader i {
  display: inline-block;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-add-a-car-login .stm-login-form form .stm-listing-loader.visible {
  display: block;
  margin: 1rem auto;
  text-align: center;
  visibility: visible;
  opacity: 1;
}

.stm-add-a-car-login .stm-login-form form .stm-message-ajax-validation {
  margin-top: 18px;
  padding: 10px;
  text-align: center;
  background-color: var(--mb-base-white);
  border-radius: 0.5rem;
  font-size: 13px;
}

.stm-add-a-car-loader {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
}

.stm-add-a-car-loader .stm-icon-load1 {
  margin: 0.75rem 0 0;
  position: static;
  font-size: 18px;
}

.stm-add-a-car-loader.activated i {
  opacity: 1;
  visibility: visible;
}

.stm-add-a-car-message {
  display: none;
  margin: 1rem auto;
  padding: 1rem;
  position: relative;
  color: var(--mb-primary-700);
  background-color: var(--mb-primary-100);
  border: 1px solid var(--mb-primary-300);
  border-radius: 0.5rem;
  font-size: .875rem;
  font-weight: 700;
  text-align: center;
}

.stm-big-car-gallery .stm-single-image {
  max-height: 466px;
  max-height: 300px;
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image {
  margin-top: 53px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #e9ebee;
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image img {
  border-radius: 0;
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image .stm-empty-avatar-icon {
  width: 236px;
  height: 60px;
  line-height: 58px;
  background-color: var(--mb-base-white);
}

.stm-my-profile-settings.stm-become-a-dealer .stm-image-unit .image .stm-empty-avatar-icon i {
  font-size: 20px;
}



.alert.alert-info .fa-check {
  color: var(--mb-primary-500);
  margin-right: 15px;
}

.alert.alert-warning .fa-info {
  color: #ed262c;
  margin-right: 15px;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image {
  margin-top: 0px;
  border-radius: 3px;
  border: 0px solid #eee;
  cursor: pointer;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image.no_empty:hover {
  border-color: #ed262c;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image.no_empty:hover i.fa-remove {
  display: block;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image i.fa-remove {
  display: none;
  top: -18px;
  right: -18px;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image img {
  border-radius: 0;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-profile-information .title {
  margin-bottom: 5px;
  text-decoration: none;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar {
  float: none;
  margin: 0 5px 20px 0px;
  padding: 0px;
  border-radius: 9999px;
  border: 0px solid #ccc;
  background-color: #e9ebee;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar .img-avatar {
  /*width: 236px;*/
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 9999px;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar .stm-empty-avatar-icon {
  width: 118px;
  height: 30px;
  line-height: 13px;
  border-radius: 9999px;
  border: 1px solid #e9ebee;
  vertical-align: middle;
  vertical-align: top;
  background-color: transparent;

  width: 100px;
  height: 100px;
  line-height: 100px;
  /*background-image: url(../../../root/assets/images/ui-icon-user.png);*/
  border: 4px solid var(--mb-base-white);
  background-size: cover;
  background-position: 50% 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.stm-user-private.stm-dealer-private .stm-user-private-sidebar .stm-user-avatar .stm-empty-avatar-icon i {
  font-size: 1rem;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image {
  max-width: 248px;
  margin-top: 2px;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image img {
  /*border-color: transparent;*/
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image .fa-remove {
  display: none;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image .stm-empty-avatar-icon {
  width: 236px;
  height: 141px;
  line-height: 141px;
}

.stm-user-private.stm-dealer-private .stm-my-profile-settings .stm-image-unit.stm-dealer-image-front .image .stm-empty-avatar-icon i {
  font-size: 50px;
}

.stm-star-rating {
  margin: 5px 0 20px;
  position: relative;
  top: 5px;
}

.stm-dealer-top-left.kms-anti-dealer-top-left-mobilapp .stm-star-rating {
  margin: 0px 0;
}

.stm-star-rating .inner {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.stm-star-rating .inner .stm-star-rating-lower {
  margin-left: 0px;
}

.stm-star-rating .inner .stm-star-rating-lower:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f006 \f006 \f006 \f006 \f006";
  
  color: var(--mb-warning-300);
}

.stm-star-rating .inner .stm-star-rating-upper {
  position: absolute;
  top: 0;
  left: 0px;
  overflow: hidden;
}

.stm-star-rating .inner .stm-star-rating-upper:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f005 \f005 \f005 \f005 \f005";
  
  color: var(--mb-warning-300);
  white-space: nowrap;
}

.stm-star-rating .heading-font {
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-size: 1rem;
  color: var(--mb-gray-900);
}

.stm-dealer-top-left>h1 {
  font-size: 25px;
  margin: 20px 0;
}

.stm-dealer-public-profile .stm-dealer-top-left {
  float: left;
  margin-bottom: 0px;
}

.stm-dealer-public-profile .stm-dealer-top-left h3 {
  margin-bottom: 6px;
  
}

.stm-dealer-public-profile .stm-dealer-top-right {
  float: right;
  margin: 8px 7px 0 0;
  margin: 0 0;
}

.stm-dealer-public-profile .stm-dealer-top-right img {
  padding: 0px;
  max-width: 150px;
  border: 0px solid var(--mb-gray-300);
  border-radius: 0px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-image {
  float: left;
  float: inherit;
  margin: -5px -5px 10px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info {
  overflow: hidden;
  margin-bottom: 25px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info.stm-inline-icons .stm-dealer-info-unit {
  float: left;
  width: 33%;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info.stm-inline-icons .stm-dealer-info-unit .inner {
  margin-right: 15px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit {
  position: relative;
  padding-left: 60px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner .stm-show-number {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
  font-size: 0.75rem;
  color: #00bc50;
  font-weight: bold;
  vertical-align: top;
  border-bottom: 1px dotted;
  cursor: pointer;
  text-transform: inherit;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit.sales_hours .inner span {
  line-height: 24px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit i {
  position: absolute;
  top: 0;
  left: 0px;
  color: var(--mb-gray-400);
  /*bfccd9*/
  font-size: 30px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit i .stm-service-icon-sales_hours {}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner:after {
  content: '';
  display: block;
  position: relative;
  height: 1px;
  width: 100%;
  left: 0;
  top: 11px;
  background-image: linear-gradient(to right, rgba(200, 200, 201, 0) 0%, var(--mb-gray-300) 50%, rgba(200, 200, 201, 0) 100%);
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner h5 {
  position: relative;
  margin-bottom: 5px;
  color: var(--mb-gray-900);
  font-size: 1rem;
  line-height: inherit;
  font-weight: bold;
  text-transform: uppercase;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info .stm-dealer-info-unit .inner span {
  margin-left: 0px;
  color: var(--mb-primary-500);
  font-size: 1rem;
  text-transform: capitalize;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info {
  padding-left: 0px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .stm_website_url {
  float: left;
  font-size: 13px;
  
  vertical-align: top;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .stm_website_url .fa {
  color: var(--mb-gray-400);
  position: relative;
  top: 0px;
  font-size: 1rem;
  margin-right: 10px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials {
  text-align: left;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials a {
  display: inline-block;
  margin: 0 auto;
  padding: 5px 0px;
  width: 25px;
  width: 24%;
  height: auto;
  line-height: inherit;
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  font-size: 1rem;
  border-radius: 9999px;
  text-align: center;
  vertical-align: top;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials a:hover {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .socials a i.fa-youtube-play {
  text-indent: 1px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-seller-notes {
  margin-top: 5px;
  margin-bottom: 30px;
  border-top: 4px solid var(--mb-gray-900);
  /*051b2b*/
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-seller-notes .heading-font {
  padding-top: 0px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  
}

.stm-dealer-tabs {
  margin-top: 30px;
}

.stm-dealer-tabs .stm_listing_tabs_style_2 {
  margin-bottom: 18px;
  padding-top: 10px;
  border-top: 0;
}

.stm-dealer-tabs .stm_listing_tabs_style_2 .stm-seller-title {
  float: left;
  padding-top: 17px;
  font-size: 20px;
  
  font-weight: bold;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list {
  list-style: none;
  padding: 0;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  border-right: 4px solid var(--mb-gray-900);
  /*051b2b*/
  border-left: 4px solid var(--mb-gray-900);
  /*051b2b*/
  vertical-align: top;
  border-radius: 0px;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li {
  display: block;
  float: left;
  margin: 0;
  color: var(--mb-base-white);
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li.active a {
  background-color: var(--mb-base-white);
  color: var(--mb-gray-900);
  /*051b2b*/
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li.active a:before {
  visibility: visible;
  opacity: 1;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li a {
  position: relative;
  display: block;
  padding: 15px 23px 11px;
  padding-left: 49px;
  vertical-align: top;
  color: var(--mb-base-white);
  font-size: 0.75rem;
  
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li a:before {
  position: absolute;
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--mb-primary-500);
  visibility: hidden;
  opacity: 0;
}

.stm-dealer-tabs ul.heading-font.stm-dealer-tabs-list li a i {
  position: absolute;
  top: 50%;
  left: 23px;
  margin-top: -6px;
  font-size: 15px;
}

#stm-dealer-gmap {
  width: 264px;
  height: 264px;
  margin: 0.75rem 0 25px -5px;
}

.stm-load-more-dealer-reviews,
.stm-load-more-dealer-cars {
  padding-top: 27px;
  text-align: center;
  border-top: 1px solid #e9ebee;
}

.stm-load-more-dealer-reviews a,
.stm-load-more-dealer-cars a {
  position: relative;
  display: inline-block;
  height: 42px;
  padding: 10px 18px;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  vertical-align: top;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 4px;
  text-transform: uppercase;
  color: var(--mb-base-white);
  text-decoration: none;
}

.stm-load-more-dealer-reviews a span,
.stm-load-more-dealer-cars a span {
  opacity: 1;
}

.stm-load-more-dealer-reviews a:hover,
.stm-load-more-dealer-cars a:hover {
  background-color: var(--mb-primary-500);
}

.stm-load-more-dealer-reviews.not-clickable a,
.stm-load-more-dealer-cars.not-clickable a {
  padding: 10px 0;
  background-color: #aaa;
}

.stm-load-more-dealer-reviews.not-clickable a span,
.stm-load-more-dealer-cars.not-clickable a span {
  opacity: 0;
}

.stm-load-more-dealer-reviews.not-clickable a:hover,
.stm-load-more-dealer-cars.not-clickable a:hover {
  cursor: not-allowed;
}

.stm-load-more-dealer-reviews.not-clickable a:before,
.stm-load-more-dealer-cars.not-clickable a:before {
  position: absolute;
  content: '';
  display: block;
  font-family: 'stm-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -7px;
  content: "\e91b";
  
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-dealer-review-tab>h4 {
  padding: 0 0;
  font-size: 20px;
  font-weight: bold;
  
}

.stm-dealer-review-tab .stm-dealer-rating {
  margin: 10px 0 0px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average {
  width: 33.4%;
  float: left;
  padding: 30px 10px;
  margin-right: 20px;
  background-color: var(--mb-gray-900);
  /*051b2b*/
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-label {
  font-size: 0.75rem;
  opacity: 0.5;
  color: var(--mb-base-white);
  font-weight: 300;
  margin-top: 5px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating,
.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number {
  text-align: center;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number {
  margin-bottom: 0.75rem;
  color: var(--mb-base-white);
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number .stm-first {
  margin-left: 4px;
  font-size: 70px;
  line-height: 70px;
  font-weight: bold;
  
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-average-number .stm-last {
  position: relative;
  left: -2px;
  top: -3px;
  opacity: 0.5;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average h5.text-center {
  margin-bottom: 10px;
  color: var(--mb-base-white);
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating {
  margin-left: 3px;
  margin-bottom: 6px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating .inner .stm-star-rating-upper:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average .stm-star-rating .inner .stm-star-rating-lower:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall {
  overflow: hidden;
  padding: 35px 30px;
  background-color: #f0f0f8;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-overall-inner {
  margin: 0;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part {
  float: left;
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part:last-child,
.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part:nth-last-child(2) {
  margin-bottom: 0.75rem;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part h4 {
  margin-bottom: 10px;
  font-size: 1rem;
  
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating {
  margin-left: 2px;
  margin-bottom: 6px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating .inner {
  margin-right: 4px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating .inner .stm-star-rating-upper:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating .inner .stm-star-rating-lower:before {
  font-size: 20px;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part .stm-star-rating span {
  position: relative;
  top: 0px;
  font-size: 1rem;
  color: var(--mb-gray-900);
  font-weight: normal;
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part-rec .dp-in {
  margin-right: 10px;
  color: var(--mb-gray-900);
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part-rec h4 {
  margin-bottom: 5px;
  
}

.stm-dealer-review-tab .stm-dealer-rating .stm-dealer-overall .stm-dealer-rate-part-rec .fa {
  position: relative;
  top: 1px;
  left: 1px;
  font-size: 18px;
  margin-right: 2px;
  color: var(--mb-gray-900);
  /*051b2b*/
}

.stm-dealer-review-title {
  margin: 15px 0;
  padding: 0px 0;
  border-bottom: 0px solid var(--mb-gray-300);
  font-size: 20px;
  font-weight: bold;
  
}

.stm-dealer-review-title span {
  position: relative;
  top: -2px;
  left: 10px;
  font-size: 1rem;
  color: var(--mb-warning-500);
  font-weight: bold;
  
}

.stm-comment-dealer-wrapper {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--mb-gray-300);
  margin-bottom: 37px;
}

.stm-comment-dealer-wrapper:last-child {
  margin-bottom: 0;
}

.stm-comment-dealer-wrapper .average {
  float: left;
  padding: 15px 10px 15px 25px;
  margin-bottom: 20px;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  width: 30%;
  padding: 31px 20px;
}

.stm-comment-dealer-wrapper .average .heading-font {
  color: var(--mb-base-white);
  font-size: 30px;
  font-weight: bold;
  
}

.stm-comment-dealer-wrapper .average .stm-star-rating {
  display: inline-block;
  margin: 1px 0 0 10px;
  vertical-align: top;
  max-width: 100%;
}

.stm-comment-dealer-wrapper .overall {
  float: right;
  width: 70%;
  padding: 1rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-gray-100);
}

.stm-comment-dealer-wrapper .title {
  margin: 10px 0;
  font-weight: bold;
  font-size: 1rem;
}

.stm-comment-dealer-wrapper .content {
  margin-bottom: 0px;
  line-height: 24px;
}

.stm-comment-dealer-wrapper .stm-bottom {
  position: relative;
  padding-right: 0px;
  font-size: 1rem;
  color: var(--mb-gray-300);
  margin-top: 40px;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-report-review {
  position: relative;
  top: 0px;
  right: 0;
  left: 0;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-report-review a {
  color: #3a7cbe;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-report-review a.reported {
  color: #fa4c4c;
  cursor: not-allowed;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-added-by {
  float: left;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-added-by a {
  color: var(--mb-gray-900);
  /*051b2b*/
  font-weight: bold;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend {
  position: relative;
  overflow: hidden;
  padding-left: 15px;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend:before {
  position: absolute;
  content: '';
  display: block;
  top: 0px;
  left: 6px;
  width: 2px;
  height: 20px;
  background-color: var(--mb-gray-300);
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend .fa {
  color: var(--mb-gray-900);
  /*051b2b*/
  font-size: 1rem;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend strong {
  margin: 0px 0;
  color: var(--mb-gray-900);
  font-weight: bold;
}

.stm-write-dealer-review {
  margin-top: 30px;
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  padding: 20px 20px;
}

.stm-write-dealer-review .form-group {
  margin-bottom: 33px;
}

.stm-write-dealer-review .form-group h4 {
  margin-bottom: 15px;
  font-size: 1rem;
}

.stm-write-dealer-review .form-group textarea {
  min-height: 210px;
}

.stm-write-dealer-review .left {
  float: left;
  width: 58.5%;
}

.stm-write-dealer-review .left .stm-checker-required {
  padding-top: 2px;
  margin-bottom: 25px;
}

.stm-write-dealer-review .left .stm-checker-required .checker {
  margin-right: 0.75rem;
}

.stm-write-dealer-review .left .stm-checker-required label:hover {
  cursor: pointer;
}

.stm-write-dealer-review .left .stm-checker-required .stm-label {
  font-size: 1rem;
  color: var(--mb-gray-900);
}

.stm-write-dealer-review .left .stm-icon-load1 {
  display: inline-block;
  margin: 17px 0 0 20px;
  vertical-align: top;
  max-width: 100%;
  color: var(--mb-primary-500);
  opacity: 0;
  visibility: hidden;
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

.stm-write-dealer-review .left .stm-icon-load1.activated {
  opacity: 1;
  visibility: visible;
}

.stm-write-dealer-review .left .button.disabled {
  background-color: #c9cccf;
  box-shadow: 0 2px 0 rgba(201, 204, 207, 0.5);
}

.stm-write-dealer-review .left .button.disabled:hover {
  cursor: not-allowed;
}

.stm-write-dealer-review .right {
  float: right;
  margin-top: 30px;
  width: 34%;
}

.stm-write-dealer-review .right h4 {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  
}

.stm-write-dealer-review .right .stm-star-rating {
  margin-right: 0px;
  margin-bottom: 34px;
}

.stm-write-dealer-review .right .stm-star-rating[data-width="0"] span {
  opacity: 0.5;
}

.stm-write-dealer-review .right .stm-star-rating:hover span {
  opacity: 1;
}

.stm-write-dealer-review .right .stm-star-rating .inner {
  margin-right: 4px;
}

.stm-write-dealer-review .right .stm-star-rating .inner:hover {
  cursor: pointer;
}

.stm-write-dealer-review .right .stm-star-rating .inner .stm-star-rating-upper {
  width: 0%;
}

.stm-write-dealer-review .right .stm-star-rating .inner .stm-star-rating-upper:before {
  font-size: 25px;
}

.stm-write-dealer-review .right .stm-star-rating .inner .stm-star-rating-lower:before {
  font-size: 25px;
}

.stm-write-dealer-review .right .stm-star-rating span {
  position: relative;
  top: 2px;
  margin-left: 10px;
  font-size: 1rem;
  color: var(--mb-gray-900);
}

.stm-write-recommend label {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  margin-right: 15px;
}

#write-review-message {
  margin-top: 30px;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  color: var(--mb-base-white);
  border-radius: 3px;
  padding: 10px 20px;
  display: none;
}

.stm-login-review-leave {
  margin: 0;
  font-size: 1rem;
}



.stm_user_added_review {
 background-color: var(--mb-warning-50);
 border: 1px solid var(--mb-warning-300);
 color: var(--mb-warning-700);
 border-radius: 0.5rem;
 padding: 1rem 1rem;
 margin: 1rem;
}

.stm_add_car_title_form .title {
    margin: 0 0 0.5rem;
}

.stm-dealer-image-custom-view img {
  width: auto;
  height: auto;
  object-fit: cover;
}

img._2left-info-kms-dealer-image-custom-view1 ._2left-info-kms-dealer-image-custom-view2 {
  width: 100%;
}

.stm-no-text-decoration {
  text-decoration: none;
}

.stm-posts-available-number {
  margin: 1rem;
  text-align: center;
  color: inherit;
  font-size: 1rem;
  font-weight: bold;
}

.stm-posts-available-number span {
  
  color: #30b34e;
  /*30b34e*/
  font-weight: bold;
}

.stm-no-available-adds-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}

/* Annonces disponibles :  quotas */

.stm-no-available-adds {
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    margin: 0;
    padding: 1rem;
    background-color: var(--mb-base-white);
    border-width: 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0.5rem;
    z-index: 99;
}

.stm-no-available-adds h3 {
  margin-bottom: 20px;
  text-align: center;
}

.stm-no-available-adds h3 span {
  color: #e62117;
}

.stm-no-available-adds p {
  padding: 0 25px;
  margin-bottom: 25px;
  text-align: center;
}

.stm-no-available-adds .clearfix {
  text-align: center;
}

.stm-no-available-adds .clearfix a {
  display: inline-block;
  padding: 10px 15px 10px;
  font-size: 1rem;
  
}

.stm-no-available-adds .clearfix .stm-green {
  margin-right: 15px;
  background-color: var(--mb-success-500);
}

.stm-no-available-adds .clearfix .stm-green-dk {
  background-color: var(--mb-primary-500);
  /*051b2b*/
  box-shadow: 0 2px 0 #fed14f;
}

.stm-no-available-adds .clearfix .stm-green-dk:active {
  box-shadow: none;
}







 .stm_price_input .stm_label {
  margin: 1rem 0 0.75rem;
}

.stm-form-price-edit h4 {
  margin-bottom: 28px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
}

.stm-form-price-edit p {
  color: #10101a;
  line-height: 1.5;
  font-size: 1rem;
}

.stm-form-price-edit input {
  font-size: 20px;
  color: #282828;
}

.stm_edit_car_form .stm_logout {
  display: none;
}

.stm-banner-image-filter {
  position: absolute;
  max-height: 410px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 37px;
  background-position: 50% 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: -1;
}

.stm-banner-image-filter:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.stm-banner-fullwidth {
  position: static;
}

.listing-menu-mobile-wrapper #top-bar {
  display: none;
}

.stm-user-mobile-info-wrapper {
  display: none;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered {
  padding: 10px 14px 25px 0.75rem;
  padding: 10px;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm-message-ajax-validation {
  margin-top: 20px;
  padding: 10px 10px;
  background-color: var(--mb-base-white);
  color: #232628;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.75rem;

  position: relative;
  border: 1px solid var(--mb-primary-500);
  padding: 10px 10px 10px 35px;
  background: transparent;
  color: var(--mb-gray-900);
  background: var(--mb-base-white);
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm-listing-loader {
  margin: 0 0px;
  opacity: 0;
  visibility: hidden;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm-listing-loader i {
  display: inline-block;
  display: block;
  position: relative;
  top: 10px;
  margin: 0 0px;
  width: 20px;
  height: 20px;
  width: 100%;
  height: auto;
  text-align: center;
  color: var(--mb-base-white);
  /*007fcf*/
  -webkit-animation: rotating 1s infinite linear;
  animation: rotating 1s infinite linear;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm-listing-loader.visible {
  opacity: 1;
  visibility: visible;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered h4 {
  color: var(--mb-base-white);
  font-size: 1rem;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .form-group {
  margin-bottom: 0.75rem;
}

.stm-login-form-mobile-unregistered .form-group.form-checker {
  padding: 2px 0;
  margin: 0 0 20px;
}


.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .form-group.form-checker label {
  margin: 0;
}






.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm_label {
  display: block;
  color: var(--mb-base-white);
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 0.5rem;
  padding: 10px 20px;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);*/
  /*Go with first box-shadow*/
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;

  background-color: #41cd00;
  /*00a050*/
  /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#41cd00),color-stop(100%,#19ab0f));*/
  background-image: -webkit-linear-gradient(top, #41cd00, #19ab0f);
  /* 80af50/4a8030 __ 75ab4b/4a8532 __ 67ae55/578843 */
  background-image: -moz-linear-gradient(top, #41cd00, #19ab0f);
  background-image: -ms-linear-gradient(top, #41cd00, #19ab0f);
  background-image: -o-linear-gradient(top, #41cd00, #19ab0f);
  background-image: linear-gradient(to bottom, #41cd00, #19ab0f);
  border-width: 1px;
  border-style: solid;
  border-color: #3fbe09 #25a608 #0f8f08 #25a608;
  /* #3b6e22#3b6e22#2c5115 ___ #68954c #427329 #386a24; */
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0.5px -1px rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/*Gray adds*/
.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .stm_label a:hover {
  font-size: 13px;
  color: var(--mb-primary-500);
}

/*fin*/
.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .form-checker span {
  cursor: pointer;
  color: #475259;
}

/*Gray adds*/
.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .form-checker span:hover {
  color: var(--mb-primary-500);
  cursor: pointer;
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .form-checker span:active {
  color: var(--mb-primary-500);
}

.stm-user-mobile-info-wrapper .stm-login-form-mobile-unregistered .form-checker label:active {
  color: var(--mb-primary-500);
}

/*fin*/
.stm-user-mobile-info-wrapper .stm-user-private-sidebar {
  padding: 15px 20px 0 30px;
}

/*Adds*/


.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-select-col .stm_listing_filter_text {
  border: none;
  color: var(--mb-gray-900);
}

.stm_dynamic_listing_filter .tab-content .stm-filter-tab-selects .stm-select-col .stm_listing_filter_text::-webkit-input-placeholder {
  color: var(--mb-gray-900);
}



.stm-login-register-form .stm-login-form form.stm_forgot_password_send {
  display: none;
  margin: 0.75rem 0 0;
  padding: 0.75rem 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.625rem;
  background-color: var(--mb-gray-100);
}





.stm_password_recovery .stm-validation-message {
  margin-top: 15px;
  padding: 10px 15px;
  background-color: var(--mb-base-white);
  color: var(--mb-gray-900);
  /*051b2b*/
  border-radius: 0.5rem;
  text-align: center;
}



.stm-boxed #stm-vivus-arrow {
  display: none;
}

.stm_dynamic_listing_filter .tab-content button[type="submit"]:active {
  box-shadow: none;
}


/*Dropdown select front page styling*/






.stm-dealer-tabs .stm_listing_tabs_style_2.stm-car-listing-sort-units {
  border-bottom: none;
}

.stm-dealer-tabs .row-no-border-last .listing-list-loop:last-child {
  border-color: transparent;
  border: 1px solid #ccc;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image.private-logo-dealer-placeholder {
  margin-top: 49px;
}

.stm-dealer-private-settings-unit .stm-my-profile-settings .stm-image-unit .image:hover img {
  /*border-color: transparent;*/
}

.stm_dynamic_listing_filter.stm_dynamic_listing_dealer_filter {
  margin-bottom: 100px;
}

.stm_dynamic_listing_filter.stm_dynamic_listing_dealer_filter:before {
  display: none;
}

.stm_dynamic_listing_filter.stm_dynamic_listing_dealer_filter .tab-content {
  padding: 1rem;
}
.dealer-search-title {
    margin: 1rem 0;
    padding: 1rem;
    background-color: var(--mb-base-white);
    border: 1px solid var(--mb-gray-300);
}

.dealer-search-results {
  margin: 20px 0;
  padding: 20px 0 0;
  border-top: 4px solid var(--mb-gray-900);
  /*051b2b*/
}

.dealer-search-results .heading-font {
  color: #232628;
  text-transform: capitalize;
}

.dealer-search-results table.stm_dealer_list_table {
  margin: 0 0 1rem;
  background-color: var(--mb-base-white);
}

.dealer-search-results table.stm_dealer_list_table tr.dealer-single-divider {
  border-bottom: 1px solid var(--mb-gray-300);
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-cars {
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
}
.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-info {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.image {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
  width: 5rem;
  height: 5rem;
  margin: 0 1rem;
  padding: 0;
  border: 0;
  line-height: normal;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.image a {
  display: block;
  min-height: auto;
  padding: 0.5rem;
  max-width: inherit;
  border-radius: 0.5rem;
  border: 1px solid var(--mb-gray-200);
}


.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-phone {
    width: auto;
    color: var(--mb-gray-900);
    padding: 0;
    border: 0;
}

.dealer-search-results table.stm_dealer_list_table tr.stm-single-dealer td.dealer-location {
    width: auto;
    color: var(--mb-gray-900);
    padding: 0;
    margin: 0;
    border: 0;
}









.stm-load-more-dealers.button {
  display: inline-block;
  position: relative;
  background-color: var(--mb-gray-900);
  /*051b2b*/
  box-shadow: none;
  padding: 14px 24px 0.75rem;
  font-size: 0.75rem;
}

.stm-load-more-dealers.button.not-clickable {
  padding: 14px 0 0.75rem;
  background-color: #aaa;
}

.stm-load-more-dealers.button.not-clickable span {
  opacity: 0;
}

.stm-load-more-dealers.button.not-clickable:hover {
  cursor: not-allowed;
}

.stm-load-more-dealers.button.not-clickable:before {
  position: absolute;
  content: '';
  display: block;
  font-family: 'stm-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -7px;
  content: "\e91b";
  
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
}

body.stm-template-car_dealer .filter-sidebar #ca_location_listing_filter {
  display: none;
}

#header.stm-header-was-fixed {
  z-index: 100;
}

.stm-icon-counter {
  padding: 15px 0;
  color: var(--mb-base-white);
}

.stm-icon-counter .stm-icon-counter-left {
  float: left;
  margin-top: 8px;
  margin-right: 14px;
}

.stm-icon-counter .stm-icon-counter-left i {
  font-size: 56px;
}

.stm-icon-counter .stm-counter-meta {
  overflow: hidden;
  color: var(--mb-base-white);
}

.stm-icon-counter .stm-counter-meta .stm-value-wrapper {
  font-weight: bold;
  word-spacing: 0.2px;
  font-size: 0;
}

.stm-icon-counter .stm-counter-meta .stm-value-wrapper .stm-value {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  font-size: 45px;
  
}

.stm-icon-counter .stm-counter-meta .stm-value-wrapper .stm-value-affix {
  display: inline-block;
  vertical-align: top;
  font-size: 45px;
  max-width: 100%;
}

.stm-icon-counter .stm-counter-meta .stm-label {
  margin: 6px 0 0 4px;
  text-transform: uppercase;
  
  font-weight: bold;
}

.stm-fixed-attachment {
  position: relative;
  background-attachment: fixed;
}

.stm-fixed-attachment:before {
  content: '';
  /*display: block;*/
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

body.stm-firefox .listing-archive-dealer-info .dealer-info-block {
  display: inline-block;
}

.stm-user-registration-unit .stm-social-login-wrap {
  margin-bottom: 30px;
  padding: 20px 30px 5px;
}

.stm-social-login-wrap {
  display: block;
  padding: 15px 30px 10px;
  background-color: var(--mb-base-white);
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); */
  border-width: 4px 1px 1px;
  border-style: solid;
  border-color: var(--mb-gray-900) #9aa5ae #9aa5ae;
  border-radius: 0.5rem;
}

.stm-social-login-wrap .wp-social-login-connect-with {
  font-size: 1rem;
  color: #232628;
  font-weight: bold;
}

.stm-social-login-wrap .wp-social-login-provider-list {
  padding: 10px 0;
}

.stm-social-login-wrap .wp-social-login-provider-list a {
  text-decoration: none;
  margin-right: 10px;
}


.stm-current-slider-labels {
  display: none;
  display: inline-block;
  position: relative;
  visibility: visible;
  padding: 0.25rem 0.375rem;
  font-size: 0.75rem;
  color: var(--mb-primary-500);
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-warning-200);
  border-radius: 9999px;
  background-color: var(--mb-warning-50);
  text-align: center;
}



.stm-slider-filter-type-unit .row {
  margin: 0;
}

.stm-filter-type-slider {
  height: 0.25rem;
  margin: 0.5rem 1.25rem 1rem 0;
  background-color: var(--mb-primary-500);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
}












/*gray-add*/
.return-to-shop {
  margin-bottom: 50px;
  margin-top: 25px;
}





/* Featured badge */
.stm-badge-directory {
  background-color: #ffaa00;
  position: absolute;
  right: -65px;
  padding: 0 55px;
  top: 20px;
  width: 200px;
  height: 30px;
  line-height: 30px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 5;
}

.special-label {
  background-color: #ff0000;
  position: absolute;
  top: 20px;
  left: -90px;
  height: 30px;
  padding: 0 100px;
  line-height: 30px;
  color: var(--mb-base-white);
  text-transform: uppercase;
  background-color: #fab637;
  -webkit-transform: rotate(-45deg) translateZ(0);
  transform: rotate(-45deg) translateZ(0);
  -webkit-transform-origin: 50% 50%;
  z-index: 10;
}

.stm-featured-top-cars-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0rem 0 0rem;
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
  padding: 0;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-base-white);
  background-color: transparent;
  overflow: hidden;
}

.wpb_tour_tabs_wrapper.ui-tabs ul.wpb_tabs_nav>li>a:before {
  position: absolute;
  content: '';
  display: block;
  top: 0px;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #cc6119;
  opacity: 0;
  top: auto;
  bottom: 0;
}

.stm-featured-top-cars-title .heading-font {
  display: inline-block;
  position: relative;
  padding: 0 0;
  color: var(--mb-gray-900);
  background-color: transparent;
  font-weight: bold;
  font-size: 1rem;
}

.kms-featured-top-showAll {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.375rem;
  background-color: var(--mb-base-white);
}
.kms-featured-top-showAll:hover {
  color: var(--mb-base-white);
  border-color: var(--mb-primary-500);
  background-color: var(--mb-primary-500);
}
.kms-featured-top-showAll i, .kms-featured-top-showAll i:before {
  font-weight: 900;
}
.kms-featured-top-showAll:hover i {
  color: var(--mb-base-white);
}


/*featured post*/

.stm-special-car-top-on, .stm-isotope-sorting-featured-top .listing-list-loop:before {
  content: '';
}

.stm-special-car-top-on, .stm-isotope-sorting-featured-top .listing-list-loop:after {
  content: '';
}

.stm-special-car-top-on, .stm-isotope-sorting-featured-top .listing-list-loop .image-inner:before {
  content: '↑ À la une';
  font-weight: bold;
  position: absolute;
  float: inherit;
  right: 0.25rem;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0.25rem 0.5rem;
  color: #fff;
  fill: var(--mb-base-white);
  background-color: #0095ff;
  font-size: 0.625rem;
  border-radius: 0 0 0.25rem 0.25rem;
  text-transform: initial;
  z-index: 2;
}


/* Annonces vedette à la une*/

.stm-special-car-top-on, .stm-isotope-sorting-featured-top .listing-list-loop {
  box-shadow: 0 2px 5px 1px rgb(0 0 0 / 5%), 0 5px 30px 0 rgb(18 43 70 / 5%);
}

.car-listing-row .stm-isotope-sorting-featured-top .car-meta-top {
  border-bottom: 3px solid var(--mb-primary-500);
}




/*pack-filter-siler-input*/
.kms-pack-slide-filter-range-max-radius {
  margin: 0.5rem 0 1rem;
  padding: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.5rem;
}

.kms-pack-slider-filter-price-range-unit {
  margin: 0;
}

.kms-pack-price-range-slider-price {
  margin: 0 20px 0 0px;
}

.kms-inner-pack-slide-filter-range-max-radius-fuck-form-group>.form-group {
  margin: 0;
}

.kms-pack-filter-multiple-features {
  margin: 10px 0 0;
}



.stm-template-listing .filter-sidebar #ca_location_listing_filter.empty {
  position: relative;
}
.stm-template-listing .filter-sidebar #ca_location_listing_filter {
  position: relative;
}

.sidebar-action-units {
  position: relative;
  margin: 1rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.sidebar-action-units div {
  width: calc((100% / 2) - 0.25rem);
}
.kmstm-classic-filter-submit {
  position: relative;
}


.stm-classic-filter-submit{
  all: unset !important;
}

.sidebar-action-units span:hover, 
.sidebar-action-units span, 
.sidebar-action-units a:hover span {
  text-decoration: none !important;
}

 .sidebar-action-units a {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
}
.sidebar-action-units a:hover {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

/*button submit on filter*/


.stm-inventory-map-body #comments {
  display: none;
}

.stm-inventory-map-wrap {
  background-color: var(--mb-base-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 700px;
  overflow: hidden;
  position: relative;
  /* arrow first */
  /* arrow second */
}

.stm-inventory-map-wrap .stm-listing-directory-checkboxes.stm-one_col .stm-checkbox-submit {
  display: none;
}

.stm-inventory-map-wrap .stm_gmap {
  display: block;
}

.stm-inventory-map-wrap .stm_gmap.stm-loading:before {
  display: block;
  content: '';
  background-color: var(--mb-base-white);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap {
  display: block;
  position: relative;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow {
  display: block;
  position: absolute;
  top: 50%;
  left: -50px;
  -webkit-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  overflow: hidden;
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 100;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow.stm-map-filter-close:before {
  content: '\f053';
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow.stm-map-filter-close+div.stm-inventory-map-filter-wrap {
  width: 0;
  opacity: 0;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow.stm-map-filter-open:before {
  content: '\f054';
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow.stm-map-filter-open+div.stm-inventory-map-filter-wrap {
  opacity: 1;
  margin-bottom: 25px;
  margin-right: 95px;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--mb-base-white);
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-wrap {
  display: block;
  width: 350px;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: ease-out .2s;
  transition: ease-out .2s;
}

.stm-inventory-map-wrap .stm-inventory-map-filter-wrap .stm-filter-scrollbar {
  display: block;
  width: 350px;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 111px;
  padding: 0;
}





.stm-inventory-map-wrap .stm-inventory-map-filter-wrap .stm-inventory-map-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 15px 3px 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  max-width: 340px;
  z-index: 20;
  border: 1px solid #cccccc;
  margin: 0;
  padding: 20px 20px;
  background-color: var(--mb-base-white);
  box-shadow: 0 -10px 20px rgba(0, 0, 0, .5);
}

.stm-inventory-map-wrap .stm-inventory-map-filter-wrap .stm-inventory-map-btn .stm-inventory-map-cars-count {
  display: block;
  font-weight: bold;
  font-size: 20px;
  
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  padding: 5px 0 20px;
  text-align: center;
}



.stm-inventory-map-wrap .stm_iw_link {
  display: block;
  background: var(--mb-base-white);
  text-decoration: none;
}

.stm-inventory-map-wrap .stm_iw_link:hover {
  text-decoration: none;
}

.stm-inventory-map-wrap .stm_map_info_window_group_wrap {
  display: block;
  position: relative;
  overflow: hidden;
  max-height: 500px;
  padding-bottom: 20px;
}



.stm-inventory-map-wrap .stm_map_info_window_group_wrap:after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 16px solid var(--mb-base-white);
  -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.4));
  z-index: -1;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  padding: 15px;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap .stm_iw_condition {
  display: block;
  color: var(--mb-primary-500);
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap .stm_iw_title {
  display: block;
  max-width: 250px;
  overflow: hidden;
  color: var(--mb-gray-900);
  /*051b2b*/
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap .stm_iw_car_data_wrap {
  display: block;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap .stm_iw_car_data_wrap .stm_iw_img_wrap {
  display: block;
  max-width: 120px;
  min-height: 73px;
  width: 50%;
  float: left;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap .stm_iw_car_data_wrap .stm_iw_img_wrap img {
  width: 100%;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap .stm_iw_car_data_wrap .stm_iw_car_info {
  display: block;
  overflow: hidden;
  width: 50%;
  float: left;
  padding-left: 15px;
}






.single-car-prices .single-regular-sale-price .regular-price-with-sale strong {
  display: block;
}

.stm-gallery-action-unit {
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  overflow: visible;
}

.stm-gallery-action-unit .stm-a2a-popup {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--mb-base-white);
  padding: 5px 5px 1px;
  border-radius: 3px;
  border: 1px solid #e9ebee;
}

.stm-gallery-action-unit .stm-a2a-popup.stm-a2a-popup-active {
  display: block;
  top: 100%;
  left: -100%;
  opacity: 1;
  z-index: 10;
  margin-top: 2px;
  -webkit-transform: translateX(-68%);
  transform: translateX(-68%);
}

.stm-gallery-action-unit .stm-a2a-popup .addtoany_shortcode .a2a_kit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}




/*Gray-tuch copy13 gray-blur filter gray-wrapper-blur open  */
.modal-open #wrapper {
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}


/*gray-add copy13 display-checker*/
div.checker, div.checker span, div.checker input {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}




.vc_column_container>.vc_column-inner {
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0px;
  padding-right: 0px;
}

.stm-user-sidebar>.vc_row.wpb_row.vc_row-fluid>.wpb_column.vc_column_container.vc_col-sm-12>.vc_column-inner {
  padding: 0;
}



.stm_gdpr_popup-content {
  max-width: 1180px;
}

.header-listing .header-inner-content {
  padding: 0 0px;
}

.stm-blog-fullwidth-info {
  position: relative;
  margin-left: -160px;
  /*gray-add-defaut 145*/
}

.stm_breadcrumbs_unit .navxtBreads {
  padding: 10px 0px;
  margin: 0 10px 10px;
  color: var(--mb-gray-500);
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 1px solid #ccd6dd;
}




/*input media add-car*/


/*input text add-car*/
.stm-non-relative {
  position: static;
  padding: 0;
}

.stm-prices-add {
  margin: 0;
  padding: 0 0px;
}

._3gray_col-md-4_price:first-child {
  padding: 0;
}

._3gray_col-md-4_price:last-child {
  padding: 0;
}

.vc_row {
  margin: 0;
}

.vc_column_container {
  padding: 0;
}




.car-action-unit.add-to-compare.stm-added > i {
  color: var(--mb-base-white);
  color: var(--mb-primary-500);
  /*30b34e*/
}









.kems-nomobilapp.help_kms-enGlobe_li-list-loop-action li {
  min-width: 80%;
}

.kms-anti-dealer-top-right-mobilapp {
  float: right;
  float: left;
  min-width: 100%;
}

.kms-anti-dealer-top-left-mobilapp {
  float: right;
  float: inherit;
}

.stm-compare-row .col-md-3.col-sm-3 {
  padding: 0 50px 0 0;
}

/*gray-add-pb-compare*/
.single-add-to-compare.single-add-to-compare-visible {
  top: 0%;
  opacity: 1;

  transition-timing-function: linear;
  transition-timing-function: ease;
  transition-timing-function: ease-in;
  transition-timing-function: ease-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  transition: all 500ms ease-in-out;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-added-by {
  float: left;
  margin-bottom: 5px;
  color: #3a7cbe;
  color: #76a5d5;
}

.stm-comment-dealer-wrapper .stm-bottom .stm-recommend {
  padding-left: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #3a7cbe;
  /* color: #76a5d5; */
  color: #ffad0d;
}

.kms-package-dealr-alldata {
  display: block;
  visibility: visible;
  float: left;
  margin: 0 0 10px;
  padding: 10px;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
}

.clearfix.kms-container-datas_dealer-public-profil {
  margin-bottom: 10px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-info {
  overflow: hidden;
  margin-bottom: 0px;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  padding: 30px 30px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-seller-notes {
  color: var(--mb-gray-500);
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: var(--mb-base-white);
  border-top: 4px solid var(--mb-gray-900);
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  padding: 0.75rem 0.75rem;
}

/*** WOO-Commerce ***/

.woocommerce-Button {
 display: block;
 position: relative;
 width: 100%;
 margin: 1rem 0 1rem;
 padding: 0.5rem 1rem;
 background-color: rebeccapurple;
 line-height: 1.5;
}

.woocommerce-cart .entry-header {
  margin-bottom: 0px;
}

.woocommerce table.shop_table {
 width: 100%;
 margin: 1rem 0;
 padding: 1rem;
 text-align: left;
 border-collapse: separate;
 border-radius: 0.5rem;
 border: 1px solid var(--mb-gray-300);
 background-color: var(--mb-base-white);
}

.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
  padding: 10px 10px;
  vertical-align: middle;
}

 .stm-billing-fields {
  padding: 35px 30px 30px;
  background-color: var(--mb-base-white);
  border-top: 4px solid #153e4d;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

 .woocommerce form .form-row .input-checkbox {
  margin: 0px 10px 0 0;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  float: left;
  z-index: 1;
  height: 20px;
  width: 20px;
  top: 0;
}

.cart_totals {
  display: block;
  width: 100%;
}

.woocommerce form .form-row {
  margin: 10px 0 10px;
}

.woocommerce .order_details {
  padding: 0;
  margin: 1.5rem 0 1.5em;
  list-style: none;
}

.woocommerce-order-received .woocommerce-thankyou-order-details li strong span,
.woocommerce-order-received .woocommerce-thankyou-order-details li strong {
  font-weight: bold;
  font-size: 1rem;
  opacity: 1;
  color: var(--mb-base-white);
}

.woocommerce-order-received .woocommerce-thankyou-order-details li strong {
  margin-top: 5px;
}

/*Bootstrap horizontal menu scroll*/
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  border-width: 0 0 4px;
  border-style: solid;
  border-color: var(--mb-primary-500);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: var(--mb-primary-500);
  border-width: 0 0 4px;
  border-style: solid;
  border-color: var(--mb-primary-500);
}

.nav-tabs>li>a {
  margin-right: 0px;
  border-radius: 0;
  line-height: inherit;
}

.stm-user-private-main .archive-listing-page .nav-tabs>li>a:hover {
  background-color: aliceblue;
}

ul.nav.nav-tabs {
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
}

li.nav-item {
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

/* gray-add make-horizontal-scrolling-bar1 apple*/
ul.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

li.nav-item {
  flex: 0 0 auto;
}

.car-action-unit {
  display: block;
  position: relative;
  padding: 0;
  color: var(--mb-gray-900);
  font-weight: bold;
  font-size: 0.875rem;
  text-decoration: none;
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ...end BOOTstrap */

/*btn user follow*/
._3gray_kntr-btn2 {
  line-height: 18px;
  padding: 5px 10px;
}

._3gray_kntr-btn3-setings2 {
  line-height: 18px;
  padding: 5px 10px;
}

/* gray-add make-horizontal-scrolling-bar2 */
ul.stm-filter-chosen-units-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}



ul.stm-filter-chosen-units-list::-webkit-scrollbar {
  display: none;
  width: 0;
}


.single-listing-car-sidebar-unit.stm_dealer_car_info {
  margin: 0.5rem 0 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-base-white);
  border-radius: 10px;
}

.stm-border-bottom-unit .SinglCarListng_titleCard {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--mb-gray-900);
}
.stm-single-listing-car-sidebar .title.heading-font {
  margin: 0;
  padding: 1rem;
  color: var(--mb-gray-900);
  font-weight: bold;
  background-color: transparent;
  
  border-width: 0 0 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}
.single-listing-car-sidebar-unit .stm_dealer_car_info {
  display: block;
  position: relative;
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 10px;
  overflow: hidden;
}



.single-listing-car-sidebar-unit.widget_execphp {
  display: block;
  position: relative;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 3px;
}

.execphpwidget {
  margin: 0;
  padding: 20px 20px;
  background-color: var(--mb-base-white);
  border: 0px solid #e5ecf0;
  border-radius: 0 0px 3px 3px;
}

div#listings-result h3 {
  font-size: 20px;
}

/****************** Gray Kms SOCIAL NETWORK DESIGN ************************/







.stm-car-listing-data-single.stm-border-top-unit .SinglCarListng_titleCard {
  margin: 0;
  padding: 0;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: bold;
  
}

.stm-car-listing-data-single.stm-border-top-unit {
  display: block;
  position: relative;
  margin: 2rem 0 0;
  padding: 0rem 0 1.25rem;
}

.kms-singleCAr-MainInfo  .stm-car-listing-data-single.stm-border-top-unit:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-width: 0 0 0.375rem;
    border-style: solid;
    border-color: var(--mb-gray-900);
    border-radius: 9999px;
}
.stm_add_car_form .stm-border-top-unit {
  display: block;
  position: relative;
  min-width: 100%;
  margin: 0rem 0 2rem;
  padding: 0rem;
  border-width: 0px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.stm-single-listing-car-sidebar .stm-listing-car-dealer-info.stm-common-user {
  margin: 0;
  padding: 1rem;
}

/*-======================...end BLOCKS======================*/


.stm-filter-chosen-units:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #edf2f7));
  /*eff2f7*/
}






.stm-sort-by-options > span {
  position: relative;
  min-width: max-content;
  margin: 0 0.5rem 0 0;
  font-size: 0.875rem;
  color: var(--mb-gray-500);
}
.stm-sort-by-options > span svg {
  display: inline-block;
  position: relative;
  stroke: var(--mb-gray-400);
}



.stm-user-private-main .archive-listing-page ul.nav.nav-tabs {
  margin: 10px 0;
}

.stm-pricing__features li {
  max-height: 50px;
}

/* -----------------------------------
		POMME apple ipad 768px - 991px
------------------------------------ */

/* DAISY UI*/




/**/

._io_gray_content_store_btn {
  display: none;
  visibility: hidden;
}



/* SORT BY */
.kms-Sort-Show-by {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}


.stm-view-by {
 
    position: relative;
    background-color: var(--mb-gray-200);
    padding: 0.25rem;
    border-radius: 0.75rem;
    
    display: flex;
}
.view-type {
   min-width: calc(100% / 3);
   color: var(--mb-base-black);
   padding: 0.5rem;
   line-height: 1;
   text-align: center;
   
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: space-evenly;
   align-items: center;
}
.view-type.active {
    background-color: var(--mb-base-white);
    border-radius: calc(0.625rem + 0rem);
}







.stm-add-a-car-login .stm-login-form form h4,
.stm-add-a-car-login .stm-login-form form .form-checker {
  color: #657585;
  font-size: 1rem;
  margin: 0 0 10px;
}


.kms-dealerViewBy {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.kms-dealer-view-by {
  width: 100%;
  margin: 0rem 0 1rem;
}
.kms-dealer-view-by .view-type.active {
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  border-color: var(--mb-primary-500);
}



/************* GRAY END *******************/

div#wpadminbar {
  direction: ltr;
  color: #c3c4c7;
  font-size: 13px;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 2.46153846;
  height: 32px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 600px;
  z-index: 99999;
  background-color: #1d2327;
}




/* Login & register forms */

.stm-login-register-form .stm-login-form form input[type=text],
.stm-login-register-form .stm-login-form form input[type=number],
.stm-login-register-form .stm-login-form form input[type=tel],
.stm-login-register-form .stm-login-form form input[type=email],
.stm-login-register-form .stm-login-form form input[type=search],
.stm-login-register-form .stm-login-form form input[type=password],

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=text],
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=number],
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=tel],
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=email],
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=search],
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=password] {
  width: 100%;
}

/* input : error */

input.user_validated_field.input_normal.form-error, 
input.user_validated_field.input_mdp.form-error,

.stm-login-register-form .stm-login-form form input[type=text].form-error,
.stm-login-register-form .stm-login-form form input[type=number].form-error,
.stm-login-register-form .stm-login-form form input[type=tel].form-error,
.stm-login-register-form .stm-login-form form input[type=email].form-error,
.stm-login-register-form .stm-login-form form input[type=search].form-error,
.stm-login-register-form .stm-login-form form input[type=password].form-error,

.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=text].form-error,
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=number].form-error,
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=tel].form-error,
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=email].form-error,
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=search].form-error,
.stm_motors_listing_types_multilisting_active .stm-login-register-form .stm-login-form form input[type=password].form-error {
  border-color: #ff2325;
  border-width: 1px;
  border-style: solid;
  border-color: #ff0000;
  border-radius: 0.25rem;
  
  animation: gray_animation_shake 1s ease 0s 1 normal forwards;
}


/*BTN*/



/* woo commerce woocommerce */

.woocommerce {
background-color: var(--mb-base-white);
padding: 0rem;

overflow: scroll;
clear: both;
}

.woocommerce-breadcrumb, .woocommerce-result-count {
    margin: 1rem 0;
    padding: 0 1rem;
}

.woocommerce-ordering {
    margin: 1rem 0rem 0;
    padding: 0 1rem;
}
.products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.woocommerce-LoopProduct-link, .woocommerce-loop-product__link {
    display: block;
    position: relative;
    margin: 1rem;
    padding: 1rem;
    background-color: var(--mb-base-white);
    border: 1px solid var(--mb-gray-300);
    border-radius: 0.5rem;
}
.woocommerce .button {
  color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    
}

.added_to_cart.wc-forward {
    
    position: relative;
    margin: 0 1rem;
    color: var(--mb-success-500);
    background-color: var(--mb-success-100);
    border: 1px solid var(--mb-success-200);
    padding: 0.75rem 1rem;
    border-radius: 0.625rem;
}
.woocommerce .button {
    display: block;
    position: relative;
    width: auto;
    margin: 1rem auto;
    padding: 0.75rem 1rem;
    line-height: 1.5;
    font-weight: bold;
    border-radius: 0.625rem;
    color: var(--mb-base-white);
    background-color: var(--bs-purple);
    text-align: center;
    font-weight: bold;
}



.button {
    
    
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 9999px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    
    
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.button {
    color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
    border-radius: 0.625rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
}


/*!******************************!*\ 
!***  id : kms-CSS-12
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/styles.css
\**********************************/

@charset "UTF-8";
/*CSS Document */
/*Gray touch redesign*/

/*********************** example *****************************/




.modal-title {
    color: var(--mb-gray-900);
}

/* gray ioS
 ========================================================================== */

.ioStatusBar {
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background-color: var(--mb-base-white);
  border-width: 0 0 0px;
  border-style: solid;
  border-color: #edf2f7;
  opacity: 1;
  z-index: 99999;
  height: env(safe-area-inset-top);
  height: constant(safe-area-inset-top);
}

.kms-ioStatusBar-border {
  border-bottom: 1px solid #e2e8f0;
}


/*
 ========================================================================== */



/* framework */

 .z-index-1, .index-1 {
  z-index: 1;
}
/*bootstrap framework*/
.hidden {
  display: none!important;
}
.show {
  display: block;
  opacity: 1;
  visibility: visible;
}

.collapse.in {
    display: block;
}
/*moi*/
.lh-0 {
  line-height: normal !important;
}
.fs-7 {
  font-size: 0.875rem !important;
}

/*buddyboss*/
.mfp-hide {
    display: none!important;
}


/**/

.btn-light {
  color: var(--mb-primary-500);
  background-color: #ebf2ff;
  border-color: #ebf2ff;
}





.title.kmSinglCarUserName {
  line-height: inherit;
}

.stm-service-icon-listing_car_plus:before {
  content: "\f044";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}




.circle.responsive-img {
  width: 50px;
  height: auto;
  border-radius: 9999px;
}

.kms-PosTopBar-btn {
  vertical-align: middle;
  font-size: 12px;
  font-weight: 700;
}

.historyBack-btn {
    background-color: var(--mb-primary-100);
    
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    text-decoration: none;
}


.kms-pkb-ftr-srch-invntory label {
  margin: 0 0 0 0;
}

.gray_user-stock-actions-3-SN ul {
  display: inline;
  margin: 0;
  padding: 0;
}


/* gray Verify account confirm your email
 ========================================================================== */

.verify-msg-de {
  position: fixed;

  bottom: 15px;
  left: 15px;
  right: 15px;
  z-index: 9999;
  max-width: 450px;
  margin: 0 0 0 auto;
}

.verify-msg-success-de {
  background-image: linear-gradient(to bottom, #419aff, #017ee5);
  color: var(--mb-base-white);
  padding: 30px;
  border-radius: 0.5rem;
  border: 1px solid #017ee5;
}

.verify-msg-error-de {
  background-image: linear-gradient(to bottom, #419aff, #017ee5);
  color: var(--mb-base-white);
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #017ee5;
}

.fa-times.verify-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.verify-msg-error-de {
  background-image: linear-gradient(to bottom, #FF7931, #FF4C00);
  color: var(--mb-base-white);
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #FF4C00;
}

.verify-btn-msg-de a {
  background: var(--mb-base-white);
  padding: 10px;
  display: block;
  text-align: center;
  max-width: 150px;
  border-radius: 4px;
  margin-top: 15px;
}

.verify-success-msg-de {
  display: flex;
  max-width: 250px;
}

.verify-btn-msg-de a {
  background: var(--mb-base-white);
  padding: 10px;
  display: block;
  text-align: center;
  max-width: 150px;
  border-radius: 4px;
  margin: 0 0 0 auto;
  float: right;
}

.verify-msg-de-msg {
  display: flex;
  align-items: center;
  justify-content: center;
}


/**/
.kms-RememberMeInfo {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 300;
}



/* gray ADD CAR AND BUTON SHOW/HIDE
 ========================================================================== */



.stm_add_car_title_form .form-label-group {
  margin-bottom: .5rem;
}

.kms-backdrop-overlay-popovr-body {
  display: inline-block;
}

/*SH btn show read more Ads*/
.kms-SH-btn-DataTarget-Ads:hover {
  box-shadow: none;
}

.kms-SH-btn-DataTarget-Ads.collapsed {
  color: var(--mb-primary-500);
  border: 0px solid #ffb700;
  background-color: inherit;
}

.kms-SH-btn-DataTarget-Ads {
  display: inline-block;
  min-width: inherit;
  width: auto;
  margin: 0 0px;
  padding: 0px;
  color: #007fff;
  border: 0px solid #ffb700;
  background-color: inherit;
  border-radius: 3px;
  z-index: 2;
}

.kms-SH-btn-DataTarget-Ads.collapsed:before {
  content: "Afficher";
  /*"\f06e"*/
  font-family: "Font Awesome 5 Free";
  color: var(--mb-primary-500);
  font-weight: inherit;
}

.kms-SH-btn-DataTarget-Ads:before {
  content: "Masquer";
  /*"\f070"*/
  font-family: "Font Awesome 5 Free";
  color: #007fff;
  font-weight: inherit;
}

#kms-SHCollapseAds {
  margin-bottom: 20px;
}


/* gray Redesign HOME mobilapp
 ========================================================================== */

/* Aligne horizontal 3 block */

.kms-sticky-header-left {
  display: block;
  position: relative;
}

.kms-sticky-header-right {
  display: block;
}

.kms-sticky-header-center {
  display: block;
  position: relative;
}

/*...end*/

.kms-sticky-hdr-back-btn {
  display: inline-block;
  visibility: visible;
  visibility: inherit;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0;
  right: auto;
  background-color: inherit;
  box-shadow: none;
  line-height: inherit;
}

.kms-sticky-hdr-back-btn i {
  position: absolute;
  color: var(--mb-primary-500);
  font-size: 20px;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  text-align: center;
}

.kms-sticky-hdr-BrandName {
  color: var(--mb-gray-900);
  font-weight: 800;
  text-align: center;
  text-transform: lowercase;
  vertical-align: middle;
}

.kms-sticky--brandname {
  color: var(--mb-gray-900);
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  text-transform: lowercase;
  vertical-align: middle;
}

.back-to-top.kms-sticky-hdr-back-top-btn {
  display: inline-block;
  visibility: visible;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0;
  background-color: inherit;
  box-shadow: none;
}

.back-to-top.kms-sticky-hdr-back-top-btn i {
  position: absolute;
  color: var(--mb-primary-500);
  font-size: 18px;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  text-align: center;
}

.kms-sticky-header--standard-wrap {
  min-width: 100%;
}


/*_______*/


.notifications_content img.circle {
  border-radius: 9999px;
}

div#footer-copyright {
  padding: 0px 0;
}

._2kms-btns-floating {
  display: inline-block;
  visibility: visible;
  width: 40px;
  height: 40px;
  bottom: 60px;
  right: 5px;
  background-color: #008fff;
}

.kms-BackReturn-floating-btn {
  left: 5px;
  right: auto;

}

._2kms-btns-floating i {
  position: absolute;
  color: var(--mb-base-white);
  font-size: 20px;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  text-align: center;
}

form.kms-BackReturn-floating-form {
  height: inherit;
  line-height: inherit;
}

input.kms-BackReturn-floating-input {
  border: 0px solid var(--mb-warning-500);
}



/* gray Regino btn linklogin register 
 ========================================================================== */

.ndas_container_LoginSignup {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ndas_LoginSignup {
  min-width: 45%;
  padding: 0rem 1rem;
  border-radius: 9999px;
  font-weight: 700;
  text-align: center;
}

.ndas_LogIn {
  color: var(--mb-primary-500);
  border: 1px solid var(--mb-primary-500);
  background-color: var(--mb-base-white);
}

.ndas_SignUp {
  color: var(--mb-base-white);
  border: 1px solid var(--mb-primary-500);
  background-color: var(--mb-primary-500);
}





/* gray Bibliothèque de médias filebird plugin sur le site
 ========================================================================== */

div#njt-filebird-attachment {
  visibility: hidden;
  display: none;
}

.BlockinfoMoneyArtcl {
  margin: 0px 12px 12px 12px;
  padding: 12px;
}

.infoMoneyArtcl {
  color: var(--mb-gray-500);
}


/* ---------------------
    1.0 - knowledge
------------------------ */
.uk-section {
  background-color: var(--mb-base-white);
}






/* gray Google ads
 ========================================================================== */

.kms-mb-adsense-container {
  display: block;
  min-width: 100%;
  margin: 10px 0;
  overflow: hidden;
}

.kms-container-G-ads {
  display: block;
  min-width: 100%;
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin: 10px 0;
  /*padding: 10px 0;*/
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
}

.kms-container-G-ads-title {
  /*margin-bottom: 12px;*/
  background-color: #f5f7fa;
}

.kms-container-G-ads-title .title {
  text-align: left;
}


.kms-ggle-post-ads-block {
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0px;
  border-style: solid;
  border-width: 0px 0px;
  border-color: #cfdae6;
  border-radius: 0px;
}

.kms-fuck-pub-url {
  display: block;
  overflow: hidden;
}



/* gray io 
 ========================================================================== */

.kms-io-ftr-lgal {
  display: block;
  position: absolute;
  position: relative;
  bottom: 0;
  border: 0px solid var(--mb-gray-300);
  background-color: var(--mb-base-white);
  z-index: 999;
}

.kms-io-ftr-lgal .kms-footer-roaming-module {
  display: inline-block;
  margin: 0;
  padding: 12px;
}

.kms-io-ftr-lgal .kms-footer- {
  display: inline-block;
  min-width: 100%;
}

.kmyio-SH-btn {
  display: inline-block;
  color: #0095ff;
  background-color: inherit;
  min-width: 50%;
  margin: 25px auto;
  padding: 0px 50px;
  border: 1px solid #0095ff;
}

.kms-io-ftr-lgal p,
.kms-io-ftr-lgal a,
.kms-io-ftr-lgal span {
  color: var(--mb-primary-500);
}


div#js_0 io_0 span {
  color: #003580;
  vertical-align: middle;
  font-weight: 700;
  text-align: center;
  width: auto;
  margin: 0 5px;
}

span.io-spn-presentation-link {
  margin: 0px 0px 0 3px;
  font-size: 25px;
  vertical-align: sub;
}

.kms-io-ftr-lgal span.kms-footer-u-hiddenVisually {
  color: #50aaf0;
}

/*______*/

.kmyio-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  /*50%*/
  transform: translate(-50%, -50%);
}

.kmyio-arrow span {
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 3px solid #06A8FF;
  border-right: 3px solid #06A8FF;
  transform: rotate(45deg);
  margin: -10px 0px;
  animation: animate 2s infinite;
}

.kmyio-arrow span:nth-child(2) {
  animation-delay: -0.2s;
}

.kmyio-arrow span:nth-child(3) {
  animation-delay: -0.4s;
}

.kmyio-arrow-L {
  left: auto;
  left: 10%;
  right: auto;
}

.kmyio-arrow-R {
  left: auto;
  right: 0;
}




/* ==========================================================================
   WP-form
   ========================================================================== */
/* Resets
----------------------------------------------------------------------------- */

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  color: var(--mb-base-white);
  background-color: #0095ff;
  border: 1px solid #0095ff;
  border-radius: 0.5rem;
  font-size: 14px;
  padding: 5px 20px;
}

body div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  color: var(--mb-base-white);
  background-color: #0095ff;
  border: 1px solid #0095ff;
  border-radius: 0.5rem;
  font-size: 14px;
  padding: 5px 20px;
}

body#io-kms-LOGIN div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  color: var(--mb-base-white);
  background-color: #0095ff;
  border: 1px solid #0095ff;
  border-radius: 0.5rem;
  font-size: 14px;
  padding: 5px 20px;
}

body#io-kms-LOGIN button#wpforms-submit-4138 {
  color: var(--mb-base-white);
  background-color: #0095ff;
  border: 1px solid #0095ff;
  border-radius: 0.5rem;
  font-size: 14px;
  padding: 5px 20px;
}

/* --------------------------------------------------------------------
    1.0 - single car listing dealer
----------------------------------------------------------------------- */

.ProfilePage-emptyModule {
  text-align: center;
}

.kms-TabInfos-emptyTitle {
  color: var(--mb-gray-900);
  font-size: 1rem;
}

.kms-Txtlwrcaz {
  text-transform: lowercase;
}

.kms-TabInfos-emptySubTitle {
  color: var(--mb-gray-500);
  font-size: 1rem;
}

.kms-TabInfos-emptyBtn {
  margin: 10px 0 0;
  padding: 10px 20px;
  border-radius: 9999px;
}

.kms-TabInfos-emptyBtn a,
.kms-TabInfos-emptyBtn a:hover {
  color: var(--mb-base-white);
}


a#gray-dlr-sup2i {
  display: none;
  visibility: hidden;
}

h3.title.kms-title-dealer-center {
  text-align: center;
  margin: 20px 0;
}







/* -----------------------------------
    1.0 - ShareHub
------------------------------------ */

.Rmore-link {
  display: inline-block;
  position: relative;
  padding: 0px 0 15px;
}

a.text_exposed_link {
  color: #005bc0;
}

.Rmore-link p {
  font-weight: normal;
  color: var(--mb-gray-900);
}


.media_body>h6 {
  font-size: 12px;
}

.kms-ads-sh-pub-beta {
  position: relative;
  padding: 5px 10px;
  top: 0px;
  right: 0;
  float: right;
  color: var(--mb-gray-500);
  background-color: #f7fafc;
  border: 1px solid #cfdae6;
  font-size: 10px;
  font-weight: 900;
  line-height: inherit;
  border-radius: 4px;
  text-transform: uppercase;
  opacity: 0.2;
}

.kms-sh-section__passed {
  font-size: 0.75rem;
  color: var(--mb-gray-500);
}

.kms-sh-section__content {
  position: relative;
}

.kms-sh-ads-line:after {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 100%;
  left: calc(-50px);
  background-color: #ccd5dc;
  border-radius: 9999px;
  opacity: .5;
  visibility: hidden;
}

.kms-sh-section__head {
  padding: 0 0 5px;
  border: 0px solid var(--mb-gray-300);
}

.kms-sh-avatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 20px 0 0;
  border-radius: 9999px;
  background-color: lightgray;
}

.kms-sh-section__head div {
  display: inline-block;
}

.kms-sh-section__name {
  display: block;
  color: var(--mb-gray-900);
  font-weight: 700;
}

.kms-sh-avatar img {
  border-radius: 9999px;
}

.kms-sh-section__image img {
  border-radius: 10px;
}

.kms-sh-section__image-info {
  padding: 15px;
  border: 1px solid #cfdae6;
  border-radius: 0 0 10px 10px;
}

.kms-sh-section {
  padding: 12px;
  margin: 5px 0 0;
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
  box-shadow: none;
}

.kmshsction2 {
  border: 0px solid var(--mb-gray-300);
}

.kms-sh-section__content {
  /*margin: 0 0 0 calc(12px + 50px + 10px); */
  padding: 12px 0px;
  border: 0px solid var(--mb-gray-300);
  border-radius: 0.5rem;
}

.kms-sh-section__footer {
  padding: 0px 0px 0px;
  display: none;
}

.kms-sh-section__image {
  margin: 0 0px;
}

.kms-sh-section__content>p {
  font-size: 1rem;
  padding: 0px 0 12px;
  font-weight: normal;
}


.kms-sh-ads-18u37iz {
  display: inline-block;
  /*margin: 0 0 0 calc(12px + 50px + 10px);*/
}

svg.kms-sh-ads-4qtqp9 {
  display: inline-block;
  color: var(--mb-gray-500);
  fill: currentcolor;
  height: 1em;
  margin-right: 5px;
}

.kms-sh-ads-1re7ezh {
  display: inline-block;
  color: var(--mb-gray-500);
}

p.kms-sh-ads-subtitle-description-link {
  font-weight: normal;
  margin: 8px 0;
  color: var(--mb-gray-500);
}

p.kms-ads__sh__p-descript {
  padding: 0px 0 15px;
  font-weight: normal;
}

.kms-sh-s__ii {
  display: inline-block;
  position: relative;
  margin: -1px 0 0;
}

a.kms-sh-ads-link--link {
  color: #005bc0;
}

.kms-sh-btn {
  position: relative;
  height: auto;
  line-height: inherit;
  right: 25px;
  bottom: 25px;
  margin: 0 0px 0 0;
  padding: 10px 20px;
  font-weight: 700;
  border-radius: 0.5rem;
}

.kms-ads-sh__s__img-c-t {
  position: relative;
  left: 25px;
  bottom: 25px;
  margin: 0;
}

p.kms-sh-Name-adsense {
  font-weight: 900;
}

span.kms-sh-SpBottm {
  font-weight: 500;
  font-size: 1rem;
}

a.kms-sh-ads-link--link:after {
  content: "→";
  width: 1.4em;
  height: 1.4em;
  margin-left: 5px;
  float: inherit;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

p.kmSH-main-p-btn-readmore {
  display: inline-block;
  position: relative;
  min-width: auto;
  width: auto;
}

.kmSHpbtn2 {
  margin: -12px 0px 0;
}


/* -----------------------------------
    1.0 - For PIKABU
------------------------------------ */

.kms-inventory-sidebar-blog-search-lda {
  visibility: hidden;
  display: none;
}


/*post page*/

.kms-add-a-car-user-end {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

._2Kpxj-kms-add-car-title {
  max-width: 60%;
}

._3iulv-kms-add-car-title {
  max-width: max-content;
  padding: 0.5rem 0.75rem;
  color: var(--mb-primary-900);
  background-color: var(--mb-primary-100);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-100);
  border-radius: 0.375rem;
}
._3iulv-kms-add-car-title i, ._3iulv-kms-add-car-title svg {
  color: var(--mb-primary-400);
  margin: 0 0.25rem 0 0;
}

._3k12h-kms-add-car-title {
  font-weight: 300;
}

._3k12h2-kms-add-car-description {
  position: relative;
  margin: 0.5rem 0px 0px;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--mb-primary-900);
  background-color: var(--mb-primary-100);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-100);
  border-radius: 0.375rem;
}
._3k12h2-kms-add-car-description i, ._3k12h2-kms-add-car-description svg {
  margin: 0 0.25rem 0 0;
  color:  var(--mb-primary-400);
}

._3iulv2-kms-add-car-description {
  font-weight: 300;
}

._3ixki-kms-accept-closes-to-publish-post {
  width: fit-content;
  margin: 10px 0 12px;
  padding: 10px 10px;
  color: #e15800;
  font-size: 0.75rem;
  font-weight: normal;
  background-color: #fff4ec;
  border: 1px solid #fa710e;
  border-radius: 0.5rem;
}

._3ixki-kms-accept-closes-to-publish-post.kms-checked {
  color: #179a35;
  background-color: #eaf8ed;
  border: 1px solid var(--mb-success-500);
}

._3ixki-kms-accept-closes-to-publish-post.kms-checked .kms-include-gdpr-in-div .motors-gdpr label {
  font-weight: normal;
}

.stm_add_car_form .stm-form-4-videos .stm-simple-notice {
  position: relative;
  padding: 0.5rem 1rem;
  color: var(--mb-primary-700);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-200);
  border-radius: 0.5rem;
  background-color: var(--mb-primary-100);
}
.stm_add_car_form .stm-form-4-videos .stm-simple-notice i {
  position: relative;
  margin: 0 0.5rem 0 0;
  color: var(--mb-primary-400);
}

.stm-video-link-unit-wrap .count {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
    background-color: var(--mb-gray-400);
    
    font-weight: 700;
    margin: 0 0.5rem;
}



.kms-include-gdpr-in-div .motors-gdpr label {
  margin: 10px 0 0;
  font-weight: 700;
  cursor: pointer;
}

.checker span input[type="checkbox"] {
  cursor: pointer;
}

.kms-include-gdpr-in-div {
  color: #000;
  font-size: 1rem;
  cursor: pointer;
}

.kms-include-gdpr-in-div .motors-gdpr {
  margin: 0px 0 0px;
}


/*Delete user*/
.stm-user-private form#plugin_delete_me_shortcode_form input[type="submit"] {
  color: var(--mb-base-white);
  border: 1px solid #b32424;
  background-color: #d33;
}

/*404*/
._404-kms-bg-img {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: initial;
  background-position: center;
  background-position: 80% 100%;
}

/*GDPR_COOKIES************/
.gray_gdpr_popup-blur {
  display: none;
  visibility: hidden;
}

.stm_gdpr_popup-main {
  position: static;
  width: 100%;
  padding: 10px 0;

}

.stm_gdpr_popup-main .stm_gdpr_popup-links a.stm_gdpr_popup-accept {
  float: right;
  margin-right: 0px;
}

.stm_gdpr_popup-content>p {
  text-align: center;
  /*font-size: 1rem;*/
}


.stm_gdpr_popup-main .stm_gdpr_popup-links {
  text-align: center;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 1200px;
  margin: 10px auto 5px;
}




.myButton {
  background-color: #00ca50;
  border: 1px solid #00ca50;
  width: 100%;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: none;
}

.myButton:hover {
  box-shadow: none;
}

/*_______________________________________*/

/*GDPR_DATA************/
label[for=stm_gpdr_type_export] {
  /*
    color: mediumseagreen;
	color: #00c050;
	*/
}

label[for=stm_gpdr_type_remove] {
  /*
    color: orangered;
	*/
}

label[for=stm_gpdr] {
  font-weight: 700;
}

/*contre kms mobilapp*/
.kms-package-dealr-alldata {
  display: block;
  visibility: visible;
}

/*contre kms-nomobilapp*/


.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    box-shadow: none;
    border-color: var(--mb-gray-300);
}
.mce-ico {
    color: var(--mb-base-white);
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    overflow-x: scroll;
}
.mce-btn button {
    line-height: normal !important;
    font-size: 0.875rem !important;
    padding: 0.5rem 0.25rem !important;
    color: var(--mb-base-black) !important;
    background-color: var(--mb-base-white) !important;
    box-shadow: none !important;
}
.mce-btn.mce-active, .mce-btn.mce-active:hover, .mce-btn.mce-active:focus, .mce-btn.mce-active:active {
    background: var(--mb-primary-500) !important;
}
.mce-btn.mce-active button, .mce-btn.mce-active:hover button, .mce-btn.mce-active i, .mce-btn.mce-active:hover i {
    color: var(--mb-primary-500) !important;
}
.mce-btn-group .mce-btn {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 0.25rem;
    margin: 0 0 0 0.25rem;
    text-shadow: none;
    
}
.mce-tinymce {
    box-shadow: none !important;
}
.mce-panel {
    background-color: var(mb-base-white);
    border-width: 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0.25rem;
}

.mce-ico {
    width: 1rem !important;
    height: 1rem !important;
    color: var(--mb-base-black) !important;
    font-size: 1rem !important;
    line-height: normal !important;
}
/**/



.modal-backdrop {
    background-color: rgb(0 0 0 / 75%);
}
.mobile-close-modal {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    font-size: 1.25rem;
}


.modal-footer p._12kms-infos {
  font-size: 0.75rem;
  color: var(--mb-gray-500);
}


.kms-find-find-local-professionals-title {
  color: var(--mb-gray-900);
  ;
  font-size: 25px;
  margin: 0 0 20px;
}


.kms-AddPostDate {
  font-size: 0.75rem;
  margin-top: 10px;
  color: var(--mb-gray-500);
}


.kms-required-title-add-car {
  margin-left: 2px;
}

/************************* gray dealerrr ***********************/

.stm-dealer-tabs {
  display: none;
}

/*dealer review*/
.stm-dealer-review-tab {
  margin: 0px 0;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}

#stm-dealer-reviews-units {
  margin: 0px 0;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}

.stm-dealer-top-left._h3-kms--dealer-top-left-name {
  display: block;
  position: relative;
  min-width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
  max-width: -moz-available;
  max-width: fill-available;
  max-width: -webkit-fill-available;
  margin: 0;
}

.stm-dealer-top-left>h1:after {
  content: "\e901";
  font-family: 'kms-UIcons-check';
  position: relative;
  top: 1px;
  right: 0px;
  margin-left: 0;
  font-size: 20px;
  color: #0090ff;
  font-weight: 100;
}



.kms-covr-dealer-image {
  width: 100%;
  height: fit-content;
  height: max-content;
  height: 200px;
  object-fit: cover;
}

span.kms-pro-subtitle-dealer {
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: normal;
}

span.kms-pro-subtitle-dealer:before {
  content: "\f508";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: -1px;
  margin-right: 3px;
  font-size: 10px;
}

.add-margin-toast-msg-dealer-review {
  margin: 0 10px 20px;
}

.kms-dlr-tab-panes {
  height: 100%;
  min-height: max-content;
  max-height: 100%;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  padding: 0px 10px 50px;
  margin: 20px 0;
}

.clearfix.pack-kms-container_s1glcar-contre-addcar_kms-dealer-image-custom-view .dealer-image.kms-container_s1glcar-contre-addcar_kms-dealer-image-custom-view {
  max-width: 50%;
  min-width: 50%;
}

.pack-kms-container_s1glcar-contre-addcar_kms-dealer-image-custom-view {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

/*accordion add-car*/
h3#title-remplir-formulaire {
  font-size: 30px;
  margin-top: 50px;
}

.stm_add_car_form .stm-media-car-add-nitofication {
  display: none;
  visibility: hidden;
}

.stm_add_car_form .kms-media-car-add-notification {
  display: block;
  visibility: visible;
}

.stm_add_car_form .kms-video-car-add-notification {
  margin: 5px 0 0;
}

.kms-registration-infos-accordion_1 {
  display: none;
  visibility: hidden;
}

.kms-registration-infos-accordion_2 {
  display: block;
  visibility: visible;
}

.kms-vs-stm-text-add-car-user-registration {
  display: none;
  visibility: hidden;
}

.stm-filter-listing-directory-price .kms-accordion-content-wrapper_media-car-add-notif {
  padding: 15px 10px 20px;
  color: var(--mb-gray-500);
  font-weight: normal;
  /*word-wrap: break-word;*/
  /*-webkit-hyphens: auto;*/
  /*-ms-hyphens: auto;*/
  /*hyphens: auto;*/
}

.stm-filter-listing-directory-price .kms-accordion-content-wrapper_video-car-add-notif {
  padding: 10px 10px 20px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  /*hyphens: auto;*/
}

.kms-accordion-content-wrapper_video-car-add-notif {
  background-color: #fff5d0;
  /*fbdb7e*/
  color: var(--mb-gray-500);
}

.kms-video-text-add-car-notif {
  font-size: 0.75rem;
}

.kms-accordion-single-unit-media-car-add-notif {
  margin: 0;
}

.kms-accordion-single-unit-registration-car-add-notif {
  margin: 0;
}

.kms-accordion-single-unit-video-car-add-notif {
  margin: 0;
}

a.title_kms-media-car-add-notif {
  padding: 10px 10px;
}

a.title_kms-registration-car-add-notif {
  padding: 10px 10px;
}

a.title.title_kms-video-car-add-notif.collapsed {
  border: 0;
}

.stm_add_car_form .kms-media-car-add-notification h4 {
  margin-bottom: 0px;
  font-size: 18px;
  color: var(--mb-base-white);
}

.stm_add_car_form .kms-video-car-add-notification h4 {
  margin-bottom: 0px;
  font-size: 18px;
  color: var(--mb-base-white);
}

.stm_add_car_form .stm-form-checking-user .kms-title-registration-car-add-notif {
  font-size: 16px;
  text-transform: inherit;
  margin: 0;
}

a.title.title_kms-media-car-add-notif>h4._h4kms-media-car-add-notif {
  color: var(--mb-base-white);
  font-size: 18px;
  margin: 0;
}

h4.heading-font.stm-title.kms-title-registration-car-add-notif {
  color: var(--mb-base-white);
}

h4.heading-font.stm-title.kms-title-video-car-add-notif {
  color: var(--mb-base-white);
  font-size: 14px;
  font-weight: 700;
}

.stm-accordion-single-unit>a.title.title_kms-video-car-add-notif.collapsed {
  background: var(--mb-primary-500);
  /*fbdb7e*/
  border-radius: 0.5rem;
  padding: 5px 10px;
  border: 1px solid var(--mb-primary-500);
}


/*à resoudre opnlst header*/
.header_area ul li .dropdown-button img {
  float: left;

  position: relative;
  display: block;
  margin: 0px 0 0 0;
  padding: 0px 0 0;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
  font-size: 0.75rem;
  width: 30px;
  height: 30px;
  right: -10px;
  text-align: center;
  line-height: inherit;
  border-radius: 9999px;
  text-decoration: none;
}

/*end*/

/*top img*/
._no_gray-sgl-car-actions-top-img {}

/*...end top img*/

.gray-s1gl-car-usr-blok-info-cardealr {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

/*---------------Opnlst ksm work Xtract of  gray-style---------------------------*/
.lOffer-account-unit .dropdown-content.kms-login-form-unregistered input[type="submit"] {
  visibility: inherit;
  display: inline-block;
  /* padding: 8px 15px; */
  font-size: 1rem;
  width: 100%;
  margin-bottom: 0px;
}

.lOffer-account-unit .dropdown-content.kms-login-form-unregistered .stm-listing-loader {
  margin: 0 0px;
  opacity: 1;
  color: #00cc00;
  visibility: hidden;
  /*loader ne tourne pas*/
}

.kms-login-form-unregistered {
  padding: 20px 20px;
  border-radius: 3px;
  width: 280px;
}

.kms-login-form-remember-me {
  color: #000;
}

.kms-login-form-unregistered_signup {
  /*line-height: 0;*/
}

.kms-login-form-unregistered .stm-validation-message {
  margin-top: 0px;
  padding: 0;
  border: 0px solid #F0F0F0;
  border-radius: 0.5rem;
  font-weight: normal;
  line-height: 50px;
}


/*---------------...end Opnlst ksm work--------------------*/

/*force olympus*/
form.form-group.with-button.custom-status {
  padding: 5px;
  margin: 0;
}

form.form-group.with-button.custom-status {
  box-shadow: none;
}

.chat-settings {
  margin-top: 10px;
  margin: 10px 0px;
}

/*end force olympus*/

/*----------- Kms Drop Down Menu status private mobilapp -------------------*/
.kms-dd-private-sidebar-mobilapp {
  color: #555;
  margin: 3px -22px 0 0;
  width: 143px;
  position: relative;
  height: 17px;
  text-align: left;
}

.kms-dd-submenu-private-sidebar-mobilapp {
  background: var(--mb-base-white);
  position: absolute;
  top: -12px;
  left: -20px;
  z-index: 100;
  width: 135px;
  display: none;
  margin-left: 10px;
  padding: 40px 0 5px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.kms-dd-private-sidebar-mobilapp li a {
  color: #555555;
  display: block;
  font-family: arial;
  font-weight: 700;
  padding: 6px 15px;
  cursor: pointer;
  text-decoration: none;
}

.kms-dd-private-sidebar-mobilapp li a:hover {
  background-color: #155FB0;
  color: var(--mb-base-white);
  text-decoration: none;
}

a.kms-dd-account-private-sidebar-mobilapp {
  font-size: 11px;
  line-height: 16px;
  color: #555;
  position: absolute;
  z-index: 110;
  display: block;
  padding: 11px 0 0 20px;
  height: 28px;
  width: 121px;
  margin: -11px 0 0 -10px;
  text-decoration: none;
  background: url(arrow.png) 116px 17px no-repeat;
  cursor: pointer;
}

.kms-dd-root-private-sidebar-mobilapp {
  list-style: none;
  margin: 0px;
  padding: 11px 0 0 0px;
  font-size: 11px;
  border-top: 1px solid #dedede;
}

/*----------- ...end  Gray-Kms Drop Down Menu Toggle -------------------*/

/*----------- Gray toggle switch btn-------------------*/

.gray-toggle-switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.gray-toggle-switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.gray-toggle-switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background-color: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}

.gray-toggle-switch-label:before,
.gray-toggle-switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.gray-toggle-switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.gray-toggle-switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.gray-toggle-switch-input:checked~.gray-toggle-switch-label {
  background-color: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.gray-toggle-switch-input:checked~.gray-toggle-switch-label:before {
  opacity: 0;
}

.gray-toggle-switch-input:checked~.gray-toggle-switch-label:after {
  opacity: 1;
}

.gray-toggle-switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.gray-toggle-switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background-color: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}

.gray-toggle-switch-input:checked~.gray-toggle-switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.gray-toggle-switch-green>.gray-toggle-switch-input:checked~.gray-toggle-switch-label {
  background-color: #4fb845;
}

/*-----------...end Gray toggle switch btn-------------------*/


/*----------- Gray utilisateur en linge/déconnecté User-Online-Offline-------------------*/

._2gray-user-status {
  height: auto;
  
}

._2gray-user-status-mobilapp {
  display: none;
  visibility: hidden;
}

.gray-user_online-status {
  font-size: 0.75rem;
  color: #000;
}

.gray-user_offline-status {
  font-size: 0.75rem;
  color: #bfccd9;
}

.gray-user_online-status:before {
  content: "\f111";
  color: #00e900;
  /*59e99d 1ed760 26f126*/
  font-size: 10px;
  font-style: initial;
  margin-right: 0px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.gray-user_online-status._dot-img-kms-publik-profil:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: 0px;
  right: 0px;
  color: #00e900;
  font-size: 0.75rem;
  font-style: initial;
  margin-right: 0px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
}

.gray-user_online-status._dot-img-kms-publik-profil-single-car:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00e900;
  position: relative;
  top: -20px;
  right: -15px;
  font-size: 10px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
}

.gray-user_offline-status:before {
  content: "\f111";
  color: #ff4f60;
  font-size: 10px;
  font-style: initial;
  margin-right: 0px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

span.gray-user_offline-status.kms-title-desc._dot-img-kms-publik-profil:before {
  content: "\f111";
  color: #ff4f60;
  font-size: 0.75rem;
  font-style: initial;
  margin-right: 0px;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.gray-user_offline-status._dot-img-kms-publik-profil-single-car:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00e900;
  position: relative;
  top: -20px;
  right: -25px;
  font-size: 0.75rem;
  border: 2px solid var(--mb-base-white);
  border-radius: 9999px;
}

.gray-user_online-status-private-sidebar:before {
  border: 2px solid var(--mb-gray-900);
  font-size: 0.75rem;
  visibility: hidden;
}

.gray-user_offline-status-private-sidebar:before {
  border: 0;
}

.gray-user_online-status-private-sidebar {
  color: var(--mb-base-white);
}

.gray-user_offline-status-private-sidebar {
  color: var(--mb-base-white);
}

._2gray-user-status-dot-img {
  width: auto;
  height: auto;
  line-height: 0;
  visibility: hidden;
}

.gray-user_online-status-dot-img {
  top: -10px;
  left: 38px;
  position: relative;
}

.gray-user_offline-status-dot-img {}

span.gray-user_offline-status.gray-user_offline-status-dot-img {
  float: right;
  position: relative;
  top: -8px;
}

._2gray-user-status._2gray-user-status-dot-private-desktop {
  display: block;
    position: absolute;
    margin-left: 0px;
    float: right;
    top: 20px;
    right: 1rem;
}

.gray-OS_radio-label {
  font-size: 0.875rem;
}

/*Work User-publik-Profil w/ kounter-ads-------------*/
._gray-user-name_publik-prof_mobilapp2 {
  display: none;
  visibility: hidden;
}

._gray-user-name-title_publik-prof_mobilapp2 {}

._gray-pack-mobilapp_3gray_kntr-publik-content {
  display: none;
  visibility: hidden;
}

.kms-dlr-show-ktr-dsktop {
  display: block;
  visibility: visible !important
}

._3gray_kntr-btn3-setings2 {
  color: var(--mb-gray-900);
  ;
  font-size: 1rem;
  padding: 5px 20px;
  border: 1px solid #bfccd9;
  border-radius: 0.5rem;
  background-image: none;
  background-color: inherit;
  /*position: absolute;*/
}

.gr_singlad_btn_setting2 {
  position: inherit;
  width: 100%;
  text-align: center;
}

._2gray-user-status._dot-img-kms-publik-profil-cntnr {
  position: absolute;
  right: 0;
  bottom: 10px;
}

span.kms-user-date-signup-profil {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
}

/*...end Work User-publik-Profil w/ kounter-ads-----------*/


.gray-ftr-copyright-my_brand {
  margin-top: 5px;
}

/*---------------gray btn bootstrap select---------------*/


/*---------------gray add submit btn classic filter---------------*/

.fa-angle-down:before {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
}

.blogname>h1 {
  margin: 0;
  font-size: 1.675rem;
  font-weight: 900;
  color: #2970ff;
  background: -webkit-linear-gradient(-70deg, #a2facf 0%, #64acff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}






.gray-hdr-logo-bg {
  display: none;
  visibility: hidden;
}

.gray-hdr-logo {
  display: none;
  visibility: hidden;
}

/*.gray-listing-single-price-title-1 {
	display: none;
    visibility: hidden; }*/
.gray-listing-single-price-title-2 {
  display: block;
  visibility: hidden;
  position: relative;
}

.stm-listing-single-price-title.heading-font.clearfix.gray-listing-single-price-title-2 {
  margin-bottom: 10px;
  display: none;
  visibility: hidden;
}

.gray-header-cd-tabs-navigation {
  display: none;
  visibility: hidden;
}

._gray-content-fluid-subnav {
  display: none;
  visibility: hidden;
}



.listing-right-actions.clearfix.gray-mobilapp-header-2 {
  display: none;
  visibility: hidden;
}

body.stm-boxed #wrapper {
  position: relative;
  max-width: 1220px;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.50);
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); */
  background-color: var(--mb-base-white);
  z-index: 999;
  /* min-height: 810px; */
  /*border: 2px solid var(--mb-base-white);*/
  /*border-radius: 0.5rem;*/
}

/*-------------------*/

/*.car-action-unit.gray-favorite-like-btn > i {
	color: #fbb818; }
.car-action-unit.gray-favorite-like-btn.active > i:active {
	color: #cc0000; }

.car-action-unit.gray-favorite-like-btn {
    font-family: inherit;
    cursor: pointer;}

.car-action-unit.gray-favorite-like-btn:active {
    font-family: inherit;
	color: #fbb818;
    border-color: #fbb818; } */

/*.car-action-unit.gray-compare-like-btn {
    font-family: inherit; }
.car-action-unit.gray-compare-like-btn:active {
    font-family: inherit;
    color: #fbb818;
    border-color: #fbb818; }*/

/*-----disable-off mask-----*/

/*FAVORIS LIKE BTN*/






/*-------------------*/

.graycounter-user-inventory.graycounter-user-public-profil-tabs-nav {
  display: block;
  position: relative;
  float: inherit;
  color: #000;
  background: inherit;
  border: inherit;
  border: 0;
  border-radius: inherit;
  box-shadow: inherit;
  padding: inherit;
  margin: inherit;
  text-shadow: inherit;
}

.grayuser-delete-account-title {
  padding-bottom: 8px;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 700;
  
  border-bottom: 4px solid #001f30;
}



.graystep4.step_number {
  font-family: inherit;
  margin-top: 20px;
  font-size: 0.75rem;
  text-transform: capitalize;
  visibility: hidden;
  display: none;
}

.gray-TDdSb {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  margin: 1rem 0;
}
.gray-TDdSb i {
  margin: 0 0.5rem 0 0;
}

.graytitle-dropdownsidebar {
  color: var(--mb-gray-600);
  margin: 0;
  padding: 0rem 0rem;
  font-size: 0.875rem;
  font-weight: 700;
  border-width: 0px;
  border-style: solid;
  border-color: red;
  text-transform: uppercase;
}

.grayposts-available-user {
  margin-top: 15px;
  margin-bottom: 15px;
}



.graycounter-post-available {
  display: block;
  position: relative;
  float: right;
  padding: 0.125rem 0.5rem;
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-100);
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  text-align: center;
}

.stm-user-current-plan-info .sub-title {
  font-size: 1rem;
  color: var(--mb-gray-500);
}

/**** Counter ads et favorites ****/
.kms-count-my-offers-my-favorites {
  position: absolute;
  float: right;
  right: 2rem;
  top: 50%;
  transform: translate(0rem, -50%);
  padding: 0.25rem 0.5rem;
  font-weight: 700;
  border-radius: 9999px;
  text-align: center;
  color: var(--mb-gray-500);
  background-color: var(--mb-gray-100);
}

.kms-count-my-offers-my-favorites>.fep-font-red {
  color: var(--mb-base-white);
}

.i-kms-coming-soon-sb {
  background-color: #efa000;
  text-align: center;
  overflow: hidden;
}

.i-kms-coming-soon-sb i {
  line-height: inherit;
  vertical-align: middle;
  color: var(--mb-base-white);
  padding: 0;
  float: inherit;
  margin: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: inherit;
  background-image: none;
  box-shadow: none;
  border-radius: inherit;
  text-shadow: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}




.graycounter-user-inventory {
  font-family: inherit;
  display: block;
  position: relative;
  float: right;
  font-size: 0.75rem;
  margin-top: 0px;
  margin-top: 1px;
  margin-right: 5px;
  background-color: #48515c;
  border-radius: 10px;
  padding: 1px 12px;
  width: auto;
  height: 20px;
}

.graycounter-user-inventory {
  color: #bfc5d2;
  text-align: center;
  border-radius: .769em;

  -webkit-border-radius: .769em;
  -moz-border-radius: .769em;
  /*
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
	*/
  text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
  background-color: #3e485e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3E485E), color-stop(1, #323A4D));
  background: -moz-linear-gradient(left top, left bottom, color-stop(0, #3E485E), color-stop(1, #323A4D));
  border-top: 1px solid #505A63;

  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.graycounter-user-inventory:active {
  background: rgba(0, 31, 48, 0.8);
}

.graycounter-user-favorites {
  font-family: inherit;
  display: block;
  position: relative;
  float: right;
  font-size: 0.75rem;
  margin-top: 1px;
  margin-right: 5px;
  background-color: #48515c;
  border-radius: 10px;
  padding: 1px 12px;
  width: auto;
  height: 20px;
}

.graycounter-user-favorites {
  color: #bfc5d2;
  text-align: center;
  border-radius: .769em;
  -webkit-border-radius: .769em;
  -moz-border-radius: .769em;
  /*
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
		-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
		-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
	*/
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
  background-color: #3e485e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3E485E), color-stop(1, #323A4D));
  background: -moz-linear-gradient(left top, left bottom, color-stop(0, #3E485E), color-stop(1, #323A4D));
  border-top: 1px solid #505A63;
}

.graycounter-user-favorites:active {
  background: rgba(0, 31, 48, 0.8);
}

.stm-user-private .stm-user-private-sidebar .stm-actions-list a:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: inherit;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  right: 10px;
  float: right;
  /*
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
    background-image: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#3e4d5a) );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
	*/
  /*visibility: hidden;*/
}

.listing-menu-mobile-wrapper .stm-opened-menu-listing .listing-menu-mobile>li>a:after {
  content: "\f054";
  /*content: "→";*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: inherit;
  position: relative;
  right: 0;
  left: 0;
  top: 50%;
  transform: translate(0px, -50%);
  float: right;
  /*
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
    background-image: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#3e4d5a) );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
	*/
  /*visibility: hidden;*/
}

.listing-menu-mobile-wrapper .stm-opened-menu-listing .listing-menu-mobile {
  max-width: inherit;
  min-width: inherit;
}

.lg-toolbar .lg-close:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}



.kmstm-classic-filter-submit i {
  position: absolute;
  color: var(--mb-base-white);
  top: 50%;
  transform: translate(0px, -50%);
  left: 0.5rem;
  right: auto;
  z-index: 1;
}

.graycounter-user-inventory {
  margin-right: 10px;
}

.graycounter-user-favorites {
  margin-right: 10px;
}

.stm-listing-favorite.car-action-unit.gray-favorite-like-btn.active {
  text-shadow: none;
}

.car-action-unit.add-to-compare.stm-added {
  text-shadow: none;
}




.stm-pricing__filters a {
  background-color: var(--mb-base-white);
  color: #6b6b6b;
}

.stm-user-public-profile .stm-user-public-profile-top {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 4px solid #1c232f;
}

.stm-icon-date:before {
  content: "\e922";
  color: var(--mb-primary-500);
}

.stm-icon-author:before {
  content: "\e921";
  color: #0095ff;
}

.stm-inventory-map-wrap .stm_map_info_window_wrap {
  display: block;
  overflow: hidden;
  position: relative;
  width: 300px;
  /*font-family: 'Montserrat';*/
  padding: 15px;

}

.stm-counter-meta.heading-font {
  text-align: center;
}

/*.header-listing .listing_add_cart>div::before {
    content: '';
    z-index: 5;
    width: 3px;
    position: absolute;
    left: 48px;
    top: 0px;
    bottom: 0px;
    filter: alpha(opacity=40);
     opacity: .4;
    display: block;
    border-right: 1px solid rgba(0,0,0,0.4);
    box-shadow: 1px 0px rgba(255,255,255,0.2); }*/

.gray-postads.button {
  margin: 5px auto 0px;
  padding: 4px 8px;

  text-transform: none;
  display: inline-block;
  position: relative;
}

.gray-postads.button::after {
  content: '';
  z-index: 5;
  width: 2px;
  position: absolute;
  left: 32px;
  top: 0px;
  bottom: 0px;
  /*filter: alpha(opacity=40);*/
  /* opacity: .4; */
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 1px 0px rgba(255, 255, 255, 0.2);
}

.gray-list-alt {
  vertical-align: middle;
  margin-right: 10px;
  top: 0px;
  /*font-size: 18px;*/
  padding-right: 10px;
  /*border-right: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0.5px 0px rgba(255,255,255,0.2);*/
}

/* CSS Document */

/** Map **/
.stm-inventory-map-wrap .stm-inventory-map-filter-arrow-wrap .stm-filter-arrow.stm-map-filter-open+div.stm-inventory-map-filter-wrap {
  margin-right: 0;
}

body #wrapper .stm-inventory-map-wrap .gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div:first-child>div {
  transition: unset;
  transform: unset;
}

/* ------------------------------------------
    text-transform
------------------------------------------- */



.fa-location-arrow:before {
  content: "\f124";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-map-marker:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-archive:before {
  content: "\f187";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-folder-open:before {
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-listing-car-gallery .stm-gallery-actions>.stm-gallery-action-unit>i.fas.fa-share:before {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  content: "\e98a";
  font-family: 'Octiconmonster';
  display: inline-block;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.stm-listing-car-gallery .stm-gallery-actions>.stm-gallery-action-unit>i.far.fa-heart:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  content: "\e977";
  font-family: 'feather';
}

.stm-listing-car-gallery .stm-gallery-actions>.stm-gallery-action-unit>i.far.fa-bookmark:before {
  content: "\f02e";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
  content: "\e924";
  font-family: 'feather';
  font-size: inherit;
}

.fa-print:before {
  content: "\f21a";
  font-family: 'Ionicons';
}


.fa-user-times:before {
  content: "\f506";
}

.fa-film:before {
  content: "\f03d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


.stm-service-icon-listing-compare:before {
  content: "\f02e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-service-icon-compare-new:before {
  content: "\f02e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-icon-remove:before {
  /*content: "\e16c";
	font-family: 'gray';*/
  /* content: "\f1f8"; */
  content: "\f2ed";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-icon-speedometr2:before {
  content: "\f02e";
  font-family: "Font Awesome 5 Free";
}

.fa-external-link:before {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-service-icon-user:before {
  vertical-align: middle;
  content: "\e08f";
  font-family: 'iconmonstr-iconic-font';
  content: "\f213";
  font-family: "Ionicons";
}

.stm-service-icon-listing_car_plus:before {
  content: "\e921";
  font-family: 'stm-icon';
}

.stm-icon-list:before {
  content: "\f04d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.social-menu-tabs .fa-edit:before {
  content: "\ea7f";
  font-family: 'booticon';
}

.sidebar-entry-header i.stm-icon-car_search:before {
  content: "\ef10";
  font-family: bb-icons;
  font-weight: 400;
  font-style: normal;
  color: var(--mb-gray-400);
  font-size: 1.25rem;
}

.stm-service-icon-star-o:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-cog:before {
  content: "\f4fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-envelope-o:before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-sign-out:before {
  content: "\f2f5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*.listing-list-loop .content .meta-top .price .normal-price::before {
	content: "\f02b";
	font-family: 'FontAwesome';
	margin-right: 4px; } */
/*f02b ou f02c eb6d*/

/*.fa-send:before, .fa-paper-plane::before {
	content: "\e901";
	font-family: 'grayawesome';
	/*font-size: 30px;
}*/

.stm-service-icon-body_type:before {
  content: "\e91b";
}

.stm-service-icon-add_check:before {
  content: "\f00c";
  font-family: 'FontAwesome';
}

/* e877 gray*/
.stm-icon-key:before {
  content: "\e922";
}

.stm-icon-add_car:before {
  content: "\e911";
}

.fa-car:before {
  content: "\f0c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}



/**programer un rendez-vous**/

.stm-icon-steering_wheel:before {
  /*font-size: 1rem;*/
  content: "\f271";
  font-family: "Font Awesome 5 Free";
  /* font-weight: 900; */
}

.stm-icon-brochure:before {
  content: "\e911";
  /*font-size: 18px;*/
  /*brochure*/
}

.stm-icon-share:before {
  content: "\e98a";
  font-family: 'Octiconmonster';
  font-weight: 900;

  display: inline-block;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}



/** modifier l'annonce **/

.stm-service-icon-inventory:before {
  content: "\f0c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.gray-list-alt:before {
  content: "\e9c0";
  /*e9d5*/
  font-family: 'graydash';
  font-size: 1rem;
}





.fa-print:before {
  content: "\f02f";
  /*color: #aaa;*/
}

/** color grid and list view **/







.stm-icon-grid:before {
  content: "\f0ca";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/** page d'accueil  **/

.stm-service-icon-car-listing:before {
  content: "\f56c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-service-icon-two_users:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-service-icon-reviews:before {
  content: "\eadc";
  font-family: 'gray';
}

.stm-service-icon-shield-o:before {
  content: "\e8e8";
  font-family: 'gray';
}

.gray-top-navbar-icon-search:before {
  color: #001b40;
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-shadow: none;
}

.fa-check-square-o:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.fa-pencil:before {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}









.fa-paper-plane:before {
  /*content: "\f0e0";*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-service-icon-write_message:before {
  content: "\f044";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.stm-service-icon-user-2:before {
  content: "\f406";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.75rem;
}

.stm-service-icon-mail-o:before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.75rem;
}

.stm-service-icon-phone_2:before {
  content: "\e915";
  color: inherit;
  color: inherit;
}

.stm-service-icon-pin_2:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* font-size: 0.75rem; */
}





.stm-icon-added:before {
  content: "\f02e";
  /*f00c*/
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.fa-facebook-messenger:before {
  content: "\f39f";
  /*font-size: 22px;*/
}





.graytitleinfouser {
  display: block;
  position: relative;
  color: var(--mb-base-black);
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

a.graytitleinfouser:hover {
  color: #0095ff;
}

.graytitleinfodealer {
  color: var(--mb-gray-900);
  ;
  text-decoration: none;
  font-weight: 900;
}

.graytitleinfodealer:hover {
  color: #0095ff;
}


.stm-thumbs-car-gallery.owl-carousel.owl-theme.owl-loaded {
  margin-top: 20px;
}

.stm-thumbs-car-gallery.owl-carousel.owl-theme.owl-loaded {
  margin-top: 10px;
}




/** boutons désactiver annonce **/

.stm_edit_disable_car.heading-font {
  top: 50%;
  transform: translateY(-50%);
}

/** Blog **/

.post-grid-single-unit .image {
  margin-bottom: 0px;
}

.post-grid-single-unit .content {
  padding: 0 0.75rem 2rem;
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.625rem;
}

/** footer **/

.footer_widgets_wrapper .widget-title h6 {
  font-size: 1rem;
  color: #003570;
  font-weight: 900;
  border-bottom: 2px solid #003570;
  padding-bottom: 5px;
  text-transform: uppercase;
  text-transform: none;
}

.footer_widgets_wrapper .widget-title h6:hover {
  color: var(--mb-primary-500);
  text-decoration: none;
}

.footer_widgets_wrapper a {
  color: #005fa3;
  /*003570 0069b4 007fcf 7f8e99*/

}

.footer_widgets_wrapper {
  color: #104f9f;
}

.footer_widgets_wrapper a:hover {
  color: var(--mb-primary-500);
  text-decoration: underline;
}


.cols_4 aside:nth-child(5) .widget-wrapper,
.cols_4 aside:nth-child(6) .widget-wrapper,
.cols_4 aside:nth-child(7) .widget-wrapper,
.cols_4 aside:nth-child(8) .widget-wrapper {
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-top: 1px solid transparent;
  /*gray-add footer-link-origin*/
}

.more_8 aside .widget-wrapper {
  padding-bottom: 15px;
}



/*counter notifications----------------------------*/

.graynotifications-container-link {
  font-family: inherit;
}

.graycounter-notification {
  font-family: inherit;
  display: block;
  position: relative;
  float: right;
  font-size: 0.75rem;
  margin-top: -16px;
  margin-right: 5px;
  background-color: #ff0000;
  background: -moz-linear-gradient(#ff0000, #a6000f);
  background: -webkit-gradient(#ff0000, #a6000f);
  background: linear-gradient(#ff0000, #a6000f);
  /* border: 1px solid var(--mb-base-white); */
  border-radius: 10px;
  padding: 2px 15px;
  width: auto;
  height: 20px;
}

.graycounter-notification {
  text-align: center;
  /*border-radius: .769em;
-webkit-border-radius: .769em;
-moz-border-radius: .769em;*/
  /*-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .5);*/
  text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
}


/*----- GDPR ---------------------------------------------------------------------*/

div#stm_gdpr_popup-main {
  padding: 10px;
  font-size: 13px;
  background-color: var(--mb-gray-900);
  ;
  /*003663 212121 23282d 10151f*/
  border: 1px solid var(--mb-gray-900);
  top: 0;
  right: 0px;
  left: 0;
  bottom: 0px;
  font-weight: 400;
  overflow: hidden;
  border-radius: 0px;
  box-shadow: inset 0 -1px #000;
  /* rgba(0,0,0,.85);
border: 0;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
*/
}

.stm_gdpr_popup-content {
  text-align: justify;
  position: relative;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  max-width: 1200px;
  margin: 0 auto;
}

.stm_gdpr_popup-content>p {
  font-size: 0.75rem;
  line-height: 1.34;
  font-weight: normal;
}

.stm_gdpr_popup-main .stm_gdpr_popup-links {
  margin-top: 15px;
  font-size: 1rem;
  font-weight: 700;
}



.stm_gdpr_popup-main .stm_gdpr_popup-links a.stm_gdpr_popup-accept {
  float: left;
  background-color: #0095ff;
  /*3595f0 039be5*/
  border: 1px solid #0095ff;
  margin-left: 0px;

  background-color: #419aff;
  /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#008adf),color-stop(100%,#0070c0));*/
  background-image: -webkit-linear-gradient(top, #419aff, #017ee5);
  background-image: -moz-linear-gradient(top, #419aff, #017ee5);
  background-image: -ms-linear-gradient(top, #419aff, #017ee5);
  background-image: -o-linear-gradient(top, #419aff, #017ee5);
  background-image: linear-gradient(to bottom, #419aff, #017ee5);
  border-width: 1px;
  border-style: solid;
  border-color: #368def #3182e6 #2667d0 #3182e6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  /*inset 0 0 1px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0.5px -1px rgba(0, 0, 0, .7);*/
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.stm_gdpr_popup-main .stm_gdpr_popup-links a:hover {
  background-color: #0095ff;
  color: var(--mb-base-white);

  background-color: #419aff;
  /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#008adf),color-stop(100%,#0070c0));*/
  background-image: -webkit-linear-gradient(top, #419aff, #017ee5);
  background-image: -moz-linear-gradient(top, #419aff, #017ee5);
  background-image: -ms-linear-gradient(top, #419aff, #017ee5);
  background-image: -o-linear-gradient(top, #419aff, #017ee5);
  background-image: linear-gradient(to bottom, #419aff, #017ee5);
  border-width: 1px;
  border-style: solid;
  border-color: #368def #3182e6 #2667d0 #3182e6;
  /*#0062ac #004378 #003663*/
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0.5px -1px rgba(0, 0, 0, .7);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.stm_gdpr_popup-main .stm_gdpr_popup-links a {
  float: right;
  width: 173px;
  width: auto;
  padding: 5px 20px;
  text-align: center;
  position: relative;
  /*text-transform: uppercase;*/
  text-transform: none;
  background-color: transparent;
  border: 1px solid var(--mb-base-white);
  text-decoration: none;
  border-radius: 3px;
  font-size: 0.75rem;
  color: var(--mb-base-white);
  transition: all .3s;
}

.gray_txt-car-description-P p {
  color: var(--mb-gray-900);
  font-weight: normal;
}


#stm-gpdr-form .stm-gdpr-errors {
  color: #ce0000;
}

#stm-gpdr-form .stm-gdpr-success {
  color: #056d05;
}

ul.nav.nav-tabs.social-menu-tabs li.nav-item a.nav-link i {
  margin-right: 10px;
}


/*-------------------------------------------- Olympus New style Tabbed Navigation tab pane -----------------------------------------------------*/
.social-menu-tabs.nav-tabs .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  padding: 8px 12px;
  color: var(--mb-gray-900);
  font-weight: 700;
  border: none;
  border-bottom: 3px solid transparent;
  border-right: 1px solid #e6ecf5;
  border-radius: 0;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-menu-tabs.nav-tabs .nav-link:hover {
  background-color: transparent;
}


ul.nav.nav-tabs.social-menu-tabs {
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

ul.nav.nav-tabs.social-menu-tabs {
  margin: 12px 0 20px;
}

.kms-container-profile-section-social-menu-tabs {
  width: 100%;
}

.social-menu-tabs.nav-tabs .nav-link.active {
  color: var(--mb-primary-500);
  border-bottom-color: var(--mb-primary-500);
  border-bottom-width: 3px;
}

.social-menu-tabs {
  border-bottom: none;
  -webkit-box-pack: inherit;
  /*center*/
  -ms-flex-pack: inherit;
  /*center*/
  justify-content: inherit;
  /*center*/
}



/*-------------------------------------------- style Tabbed Navigation -----------------------------------------------------*/



ul.cd-tabs__content.js-cd-content {
  width: 100%;
}

.cd-tabs__content.js-cd-content {
  height: 100%;
  /*height: auto;*/
}

.gray-cd-tabs-user-public-navigation {
  margin-top: 0px;
}

._gray-blur-fluid-subnav {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: linear-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: -moz-linear-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: linear-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: -moz-linear-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);

  height: 40px;
  position: absolute;
  pointer-events: none;
  float: right;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 5;
}

._gray-blur-fluid-subnav-vertikal {
  height: 50px;
  position: absolute;
  pointer-events: none;
  float: right;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 2;

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: linear-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: -moz-linear-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: linear-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: -moz-linear-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, from(0%, rgba(255, 255, 255, 0)), (100%, rgb(255, 255, 255, 1)));
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);
}

.gblsnv2 {
  float: left;
  left: 0;
  top: 0px;
  width: 30px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);
}

.cd-tabs__navigation.js-cd-navigation {
  display: inline-flex;
  margin: 0;
  padding: 0;
  min-width: 100%;
  width: max-content;
  max-width: max-content;
  background: var(--mb-base-white);
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.cd-tabs__content.js-cd-content {
  padding-left: 0;
  margin-bottom: 0;
}

.list-unstyled.clearfix {
  margin: 5px;
  margin: 0px;
}

/*gray urgent*/

/* cd tabs navigation live style */
.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  top: 0;
  left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-nugget-info a {
  width: 160px;
  position: relative;
  font-size: 1rem;
  color: #6375ad;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.cd-nugget-info a:hover {
  opacity: .8;
}

.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}

.cd-nugget-info span svg {
  display: block;
}

.cd-nugget-info .cd-nugget-info-arrow {
  fill: #6375ad;
}

/* --------------------------------

Primary style Tabbed Navigation

-------------------------------- */


/********************************gray-disable cd-tabs-nav

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "PT Sans", sans-serif;
  color: #f8f7ee;
  background-color: #29324e;
}

a {

	color: var(--mb-primary-500);

  text-decoration: none;
}

img, embed, object, video, svg {
  max-width: 100%;
}

input, textarea {
  font-family: inherit;
  font-size: 1.6rem;
}

*************************************...end gray-disable cd-tabs-nav/

/* --------------------------------

Responsive Tabbed Navigation

-------------------------------- */

.cd-tabs {
  position: relative;
  width: 100%;
  /*90%*/
  max-width: 960px;
  margin: 0;
  /*2em auto*/
}

@supports (background: linear-gradient(to left, #000, #000)) or (background: -webkit-linear-gradient(to left, #000, #000)) {

  /* if linear-gradient is supported */
  .cd-tabs::after {
    /* subtle gradient layer on top right of the tabbed navigation- to indicate it's possible to scroll */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    z-index: 1;
    pointer-events: none;
    background: -webkit-gradient(linear, right top, left top, from(#f8f7ee), to(rgba(248, 247, 238, 0)));
    background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }

  .cd-tabs.cd-tabs--scroll-ended::after {
    /* class added in JavaScript - remove the gradient layer when it's no longer possible to scroll */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
}

.cd-tabs nav {
  overflow: auto;
  /*
	box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  		-webkit-overflow-scrolling: touch;
  		-webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
	*/
  box-shadow: none;
  border-top: 0px solid #b1c1d1;
  border-bottom: 0px solid #b1c1d1;
  background: var(--mb-base-white);
}


a.kms-data-content-i:before {
  font-size: 20px;
  font-weight: 900;
}


.cd-tabs__navigation {
  width: 360px;
}

.cd-tabs__navigation:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-tabs__navigation li {
  float: left;
  margin-bottom: 0px;
}

.cd-tabs__navigation a {
  display: inline-block;
  position: relative;
  min-width: max-content;
  width: max-content;
  width: auto;
  text-align: center;
  font-weight: 700;
  color: #273444;
  padding: 0 10px 0 25px;
}

.cd-tabs__navigation a:hover {
  color: var(--mb-gray-900);
}

.cd-tabs__navigation a:hover {
  background-color: var(--mb-base-white);
  box-shadow: inherit;
  /*
	-webkit-box-shadow: inset 0 2px 0 var(--mb-primary-500);
          box-shadow: inset 0 2px 0 var(--mb-primary-500);
	*/
  color: var(--mb-primary-500);
  border-bottom: 3px solid var(--mb-primary-500);
  text-decoration: none;
}

.cd-tabs__navigation a.cd-chosen {
  background-color: var(--mb-base-white);
  color: var(--mb-primary-500);
  border-bottom: 4px solid var(--mb-primary-500);
  box-shadow: inherit;
  /*
	box-shadow: inset 0 2px 0 var(--mb-primary-500);
	-webkit-box-shadow: inset 0 2px 0 var(--mb-primary-500);
	*/
}

.cd-tabs__navigation a::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 5px;
  margin-left: 0px;
  display: inline-block;
  height: 16px;
  width: 16px;
  /*background-image: url("/wp-content/themes/motors-child/redesign/assets/images/svg/cd-icons.svg");*/
  background-repeat: no-repeat;
}

.cd-tabs__navigation a[data-content='messages']::before {
  background-position: -80px 0;
}

.cd-tabs__navigation a[data-content='messages'].cd-chosen::before {
  background-position: -80px -16px;
}

.cd-tabs__navigation a[data-content='chat']::before {
  background-position: 0 0;
}

.cd-tabs__navigation a[data-content='chat'].cd-chosen::before {
  background-position: 0 -16px;
}

.cd-tabs__navigation a[data-content='userinventory']::before {
  /*background-position: -80px 0;*/
  content: "\f5fd";
  font-family: "Font Awesome 5 Free";
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='userinventory'].cd-chosen::before {
  /*background-position: -80px -16px;*/
  content: "\f5fd";
  font-family: "Font Awesome 5 Free";
  color: var(--mb-primary-500);
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='dealerinventory']::before {
  /*background-position: -80px 0;*/
  content: "\f5fd";
  font-family: "Font Awesome 5 Free";
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='dealerinventory'].cd-chosen::before {
  /*background-position: -80px -16px;*/
  content: "\f5fd";
  font-family: "Font Awesome 5 Free";
  color: var(--mb-primary-500);
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='writeareview']::before {
  /*background-position: 0 0;*/
  content: "\f044";
  font-family: "Font Awesome 5 Free";
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='writeareview'].cd-chosen::before {
  /*background-position: 0 -16px;*/
  content: "\f044";
  font-family: "Font Awesome 5 Free";
  color: var(--mb-primary-500);
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='dealerreviews']::before {
  /*background-position: -16px 0;*/
  content: "\f5c0";
  font-family: "Font Awesome 5 Free";
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='dealerreviews'].cd-chosen::before {
  /*background-position: -16px -16px;*/
  content: "\f5c0";
  font-family: "Font Awesome 5 Free";
  color: var(--mb-primary-500);
  top: 7px;
  left: 5px;
}

.cd-tabs__navigation a[data-content='like']::before {
  background-position: -32px 0;
}

.cd-tabs__navigation a[data-content='like'].cd-chosen::before {
  background-position: -32px -16px;
}

.cd-tabs__navigation a[data-content='musique']::before {
  background-position: -48px 0;
}

.cd-tabs__navigation a[data-content='musique'].cd-chosen::before {
  background-position: -48px -16px;
}

.cd-tabs__navigation a[data-content='à-propos']::before {
  background-position: -64px 0;
}

.cd-tabs__navigation a[data-content='à-propos'].cd-chosen::before {
  background-position: -64px -16px;
}


.cd-tabs__content {
  background-color: var(--mb-base-white);
  background: inherit;
}

.cd-tabs__content li {
  display: none;
  padding: 1.4em;
  padding: 0px;
}

.cd-tabs__content li.cd-chosen {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
  margin-bottom: 0;
}

.cd-tabs__content li p {
  color: inherit;
  margin-bottom: 2em;
  margin-bottom: 1em;
  font-size: inherit;
  line-height: 1.6;
}


/*Artem Header mobile*/
nav#ul1_ {
  min-width: 100%;
}


/**/

.ndas_logIn_signUp-nav {
  background-color: var(--mb-base-white);
}

.ndas_logIn_signUp-ul {
  
  margin: 0;
  padding: 0.75rem 0rem;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
  background-color: var(--mb-base-white);
  box-shadow: 0 -3px 5px 0px rgb(0 0 0 / 5%);
}

.ndas_logIn_signUp-li {
  flex: 1 0 0; /*grow shrink basis*/
}

.ndas_logIn_signUp {
  display: block;
  margin: 0 1rem;
  padding: 0.5rem 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mb-gray-900);
  background-color: var(--mb-base-white);
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 9999px;
  text-align: center;
}

.ndas_logIn, .ndas_logIn:hover, .ndas_logIn:focus, .ndas_logIn:active {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}
.ndas_signUp, .ndas_signUp:hover, .ndas_signUp:focus, .ndas_signUp:active {
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  border-color: var(--mb-primary-500);
}

/**/

.kms_mobile_header_bottom {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0px;
  background-color: var(--mb-base-white);
  border-width: 0px 0 0;
  border-style: solid;
  border-color: #cfdae6;
  transition: bottom .3s;
  box-shadow: 0 -5px 5px rgb(0 0 0 / 10%);
  z-index: 5;
}

.header_bottoMenu_userLoggedin-ul {
  margin: 0;
  padding: 0rem 0rem 0;
  background-color: var(--mb-base-white);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.header_bottoMenu_userLoggedin-li {
  /* flex: 0 0 0; */
  /* flex: 1 1 auto; */
  min-width: calc(100% / 6);
  width: calc(100% / 6);
  max-width: calc(100% / 6);
  overflow: hidden;
}

.header_bottoMenu_userLoggedin-a {
 display: block;
 position: relative;
 padding: 0.5rem 0 0.5rem;
 color: var(--mb-gray-500);
 border-width: 0 0 0rem;
 border-style: solid;
 border-color: transparent;
 text-align: center;
}
.header_bottoMenu_userLoggedin-a.header_bottoMenu_userLoggedin-a_img {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header_bottoMenu_userLoggedin-a.activePage:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0.25rem;
    top: 0;
    left: 0;
    background-color: var(--bs-blue);
    border-radius: 9999px;
}

.header_bottoMenu_userLoggedin-a.activePage {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

.header_bottoMenu_userLoggedin-a.activePage i {
    font-weight: 300;
}

.header_bottoMenu_userLoggedin-a i {
  font-size: 2rem;
}
.bottoMenu_counter-unread-N {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.125rem 0.375rem;
  font-size: 0.75rem;
  font-weight: 700;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-danger-500);
  border-radius: 9999px;
  color: var(--mb-base-white);
  background-color: var(--mb-danger-500);
  text-align: center;
  z-index: 1;
}

.header-bottom-icon-img {
  display: block;
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--mb-gray-100);
  border-radius: 9999px;
  overflow: hidden;
}




/*------------------------------- Reset style css cd-tabs Tabbed Navigation --------------------------------------------*/

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------ Gray-Ol focuss-label-floating--- */
.form-group.label-floating.is-focused>label.control-label.active {
  color: var(--mb-primary-500);
}

.form-group.label-floating.is-focused>label.control-label {
  color: #0070ff;
  font-weight: 500;
}

.form-group.with-icon-right .form-control,
.form-group.with-icon-right input,
.form-group.with-icon-right textarea {
  padding-right: 60px;
}

.label-floating.with-icon .form-control,
.label-floating.with-icon input,
.label-floating.with-icon textarea {
  padding-left: 60px;
}

.form-group.with-icon.label-floating {
  position: relative;
}

.news-feed-form .form-group.with-icon::after {
  display: none
}

.form-group.with-icon i,
.form-group.with-icon svg {
  top: -5px;
}

.form-group.with-icon i,
.form-group.with-icon svg {
  top: -5px;
}

.form-group.with-icon i,
.form-group.with-icon svg {
  display: block;
  position: relative;
  width: auto;
  margin: 1rem 0px;
  text-align: center;
}

.form-group.with-icon input {
  padding-left: 70px;
}

.label-floating.with-icon label.control-label,
.label-placeholder.with-icon label.control-label {
  left: 70px;
}



.c-twitter {
  color: #38bff1;
}

.c-facebook {
  color: #2f5b9d;
}

.c-Youtube {
  color: #ff0f0f;
}

.c-linkedin {
  color: #007bb6;
}



.ul-dd-bodybox {
  margin: 0;
  padding: 0;
}
.ul-dd-bodybox li {
  margin: 0.5rem 0 1rem;
}
.stm-deleted-adds {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 0;
}
.stm-deleted-adds .stm-deleted-add {
  width: 100%;
  margin: 0 0 0.5rem;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
  overflow: hidden;
}


















/*-----------Ol counter-link*/


.items-round-little {
  text-align: center;
  background-color: #ff0000;
  font-family: inherit;
  float: right;
  font-size: 0.75rem;
  margin-right: 10px;
  margin-top: -32px;
  border-radius: 50px;
  padding: 0px 0px;
  width: 20px;
  height: 20px;
  line-height: inherit;
  text-shadow: none;
  border: 0;
  margin: -32px 10px 0px 0;
}

.items-round-little:hover {
  color: var(--mb-base-white);
}

.calendar-events-tabs .nav-item,
.calendar-events-tabs.nav-tabs .items-round-little {
  display: inline-block;
}

.bg-primary {
  background-color: #ff5e3a
}

.bg-primary-opacity {
  background-color: rgba(255, 94, 58, .95)
}

.control-icon .ui-block-title a {
  display: inline-block;
  float: right;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 0;
}



.mobile-app .top-header-author .author-name,
.mobile-app .ui-block-title a {
  color: var(--mb-gray-900);
}

.mobile-app .ui-block-title .items-round-little {
  color: var(--mb-base-white);
}





.ui-block .ui-block-title:last-child {
  border-bottom: 0;
}

.ui-block-title {
  display: table;
  position: relative;
  width: 100%;
  padding: 12px 20px;
  background-color: #fafbfc;
  border-bottom: 1px solid var(--mb-gray-300);
  border-radius: 3px 3px 0 0;
}

.btn-md,
.btn-md-2 {
  border-radius: .3rem
}

.ui-block-title .more {
  padding-left: 25px;
  text-align: right;
  width: 16px;
}

.ui-block-title>* {
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  font-size: 1rem;
  text-shadow: none;
  border-radius: inherit;
  box-shadow: inherit;
  border: 0;
}

.ui-block-title.ui-block-title-small {
  padding: 10px 25px;
}

.ui-block-title.ui-block-title-small .title {
  font-size: 0.75rem;
  text-transform: inherit;
  color: #9a9fbf;
}

.ui-block-title:first-child {
  border-top: none;
}

.ui-block-title .btn {
  display: inline-block;
  margin-bottom: 0;
}

.ui-block-title .btn+* {
  margin-left: 20px;
}

.ui-block-title.inline-items .more {
  float: right;
  margin-top: 6px;
  padding-left: 0;
}

.ui-block-title+.ui-block-title {
  border-bottom: none;
}

.ui-block-title .icon-add {
  margin-right: 0;
}

#accordion+.ui-block-title {
  border-top: none;
  border-bottom: none;
}

.ui-block-content {
  padding: 24px 23px 23px;
}



.fixed-sidebar .ui-block-title {
  margin: 15px 0
}

.fixed-sidebar .ui-block-title:first-child {
  margin-top: 0
}

.fixed-sidebar .search-friend svg {
  height: 20px;
  width: 20px
}

.fixed-sidebar .search-friend svg:hover {
  fill: #ff5e3a
}

.fixed-sidebar .ui-block-title a {
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 0
}

.fixed-sidebar .ui-block-title a+a {
  float: right;
  color: var(--mb-gray-900);
}

.ui-block-title .points {
  font-size: 9px;
  float: right;
  margin-bottom: 0;
  margin-top: 5px
}

/*-----Gray Pilote-icon 2---------*/
._4gricon-sgl-glrie {
  font-size: 14px;
  text-decoration: none;
  color: #000;
  top: 0;
  right: 0;
  left: 0;
  /*vertical-align: middle;*/
  padding: 0px;
  margin: 0 auto;
}

/*---------Socials Icons-------*/

.fa-facebook:before {
  content: "\f09a";
  font-family: FontAwesome;
}



.fa-linkedin:before {
  content: "\f0e1";
  font-family: FontAwesome;
}

.fa.fa-youtube-play::before {
  content: "\e95f";
  font-family: 'grayUIcon';
  font-weight: 100;
}


/*Gray notif toast-message (normal-warning-danger green-yellow-red*/
.toast__container {
  display: table-cell;
  vertical-align: middle;
}

.toast__cell {
  display: inline-block;
}

.add-margin-toast {
  margin-top: 20px;
}

.toast__svg {
  fill: var(--mb-base-white);
}

.toast {
  position: relative;
  top: 0px;
  margin: 0;
  padding: 1rem;
  background-color: var(--mb-base-white);
  border-radius: 10px;

  opacity: 1;
  max-width: 100%;
  text-align: left;

  box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.2);
  word-break: break-all;
  word-break: inherit;
}


.toast:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.toast__icon {
  position: absolute;
  top: 23px;
  left: 15px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  padding: 10px;
  border-radius: 50%;
  display: inline-block;
}

.toast__type {
  font-size: 1rem;
  color: var(--mb-gray-900);
  font-weight: 700;
  margin: 0 0 1rem 2rem;
  
}

.toast__type-video-notif-add-car {
  margin: 0;
  font-size: 1rem;
}

.toast__type-video-notif-add-car-message {
  color: var(--mb-gray-900);
}

.strong-kms-video-notif-add-car-message {
  font-weight: 500;
}

.toast__message {
  margin: 0 0 0.5rem;
  color: var(--mb-gray-900);
  font-size: 0.875rem;
  font-weight: normal;
}

.toast__content {
  padding: 0 0px;
}

.toast__content-video-notif-add-car {
  padding: 0;
}

.toast__close {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 20px;
  height: 20px;
  padding: 0px;
  font-size: 1rem;
  fill: #000;
  cursor: pointer;
  transform: translateY(-50%);
}

.toast--green .toast__icon {
  background-color: #2BDE3F;
}

.toast--green:before {
  background-color: #2BDE3F;
}

.toast--blue .toast__icon {
  background-color: var(--mb-primary-500);
  /*1d72f3*/
}

.toast--blue:before {
  background-color: var(--mb-primary-500);
  /*1d72f3*/
}

.toast--blue {
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  /*1d72f3*/
  /*
		word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	*/
}

.toast--yellow {
  /*background-color: #fff7d5;*/
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-warning-500);
  /*
		word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	*/
}

.toast--yellow .toast__icon {
  background-color: var(--mb-warning-500);
}

.toast--yellow:before {
  background-color: var(--mb-warning-500);
}


.toast--info {
  background-color: var(--mb-base-white);
  /*e5f1fb*/
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500);
}

.toast--info .toast__icon {
  background-color: var(--mb-primary-500);
}

.toast--info:before {
  background-color: var(--mb-primary-500);
}

.toast--success {
  background-color: #eaf8ed;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-success-500);
}

.toast--success .toast__icon {
  background-color: var(--mb-success-500);
}

.toast--success:before {
  background-color: var(--mb-success-500);
}

.toast--warning {
  background-color: #fff4ec;
  background-color: var(--mb-base-white);
  border-width: 2px;
  border-style: solid;
  border-color: #fa710e;
}

.toast--warning .toast__icon {
  background-color: #fa710e;
}

.toast--warning:before {
  background-color: #fa710e;
}

.toast--error {
  background-color: #fdedeb;
  border-width: 2px;
  border-style: solid;
  border-color: #e02200;
}

.toast--error .toast__icon {
  background-color: #e02200;
}

.toast--error:before {
  background-color: #e02200;
}

.gray-taost-msg-link_learn-more {
  font-size: 0.875rem;
  color: var(--mb-primary-500);
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.gray-taost-msg-link_learn-more :hover {
  color: var(--mb-primary-500);
}



.gr-toast-i {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 2.5rem;
  line-height: 0;
  left: 8px;
  font-size: 0.75rem;
  color: var(--mb-base-white);
}


/*...end Gray notif toast-message (normal-warning-danger green-yellow-red) #codepen*/


/*---------------------------Gray Konteur Publik*/

._3gray_kntr-publik-content {
  display: block;
  /*display: inline;*/
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
}

._3gray_kntr-publik {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
  flex: 1 1 0;
}

._3gray_kntr-publik.kms_3gray_kntr-publik-single-car:not(:last-child) {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-200);
}

.kms_3gray_kntr-publik-dealer {
  margin: 0 0px;
  width: 32%;
  /*auto; calc(95% / 3)*/
}

._3gray_kntr-nbr {
  margin: 0;
  font-size: 0.875rem;
}

._3gray_kntr-nbr-Coming_Soon {
  color: var(--mb-gray-500);
  font-size: 1rem;
  font-weight: 900;
}

._3gray_kntr-nbr > div {
  margin: 0;
  color: var(--mb-gray-500);
  font-weight: normal;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

._3gray_kntr-txt {
  font-size: 0.75rem;
  font-weight: normal;
  margin: 0px;
}

._3gray_kntr-btn {
  display: inline-block;
  position: relative;
  float: left;
  width: 80%;
}

._3gray_kntr-btn2 {
  color: var(--mb-base-white);
  /*00449e*/
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  /*00449e*/
  border-radius: 0.5rem;
  background-image: none;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  width: 100%;
  /*style 1
	background: transparent;
	border-radius: 0.5rem;
*/
  /*style 2*/
  background: var(--mb-primary-500);
  border: none;
}

._3gray_kntr-btn2:hover {
  background: var(--mb-primary-500);
}

.gray-taost-msg-link_learn-more.btn.btn-secondary.btn-lg.full-width:hover {
  box-shadow: none;
  background: transparent;
  border: none;
  text-decoration: none;
}

._3gray_kntr-publik-content-singlad {
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  overflow: visible;
}

._3gray_kntr-btn-singlad {
  float: none;
  width: 100%;
}

._3gray_kntr-publik-singlad {
  margin: 0 auto 10px;
}

a.gray-taost-msg-link_learn-more.kms-pricelabel-lrnmor.btn.btn-secondary.btn-lg.full-width {
  margin-top: 20px;
  z-index: 2;
}


/*...end -----------Gray Konteur Publik---------------------------------------------------------*/


.kms-none-ftr-srch-btom {
  display: none;
  visibility: hidden;
}


/**============================ icon ===========================**/
.fa-thumbs-o-up:before {
  content: "\f087";
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
}

.fa-thumbs-o-down:before {
  content: "\f088";
  content: "\f165";
  font-family: "Font Awesome 5 Free";
  font-weight: 100;
}

.fa-facebook-f:before {
  background: inherit;
  color: inherit;
  /*
    content: "\e0a5";
    font-family: 'iconmonstr-iconic-font';
	*/
  content: "\f09a";
  font-family: FontAwesome;
}



.fa-linkedin-in:before {
  background: inherit;
  color: inherit;
  padding: 0px 0px;
  margin-right: 0px;
  border-radius: 9999px;
  content: "\f0e1";
  font-family: FontAwesome;
}

.fa-youtube:before {
  background: inherit;
  color: inherit;
  content: "\f167";
  font-family: FontAwesome;
}



/**============================ ...end icons ===========================**/


/*C-btn & C-btn-group =========================== */

.c-btn {
  padding: 5px 5px;
  /*.25em .5em;*/
  border: solid 1px var(--mb-gray-300);
  border-radius: 4px;
  display: inline-block;
  text-align: center;
}

.c-btn:hover,
.c-btn:focus {
  cursor: pointer;
  background-color: var(--mb-primary-500);
  color: var(--mb-base-white);
}

.c-btn-group {
  display: inline-flex;
  border: 1px solid var(--mb-gray-300);
  overflow: hidden;
  border-radius: 4px;
}

.c-btn-group>.c-btn {
  border-radius: 0;
  border: none;
  border-right: 1px solid var(--mb-gray-300);
  border-right: 1px solid var(--mb-gray-500);
}

.c-btn-group>.c-btn:last-child {
  border-right: none;
}

.c-btn-group--block {
  display: flex;
}

.c-btn-group--block>.c-btn {
  flex-grow: 1;
}

.c-btn-group--vertical-block {
  display: flex;
  flex-direction: column;
}

.c-btn-group--vertical-block>.c-btn {
  flex-grow: 1;
  border: none;
  border-bottom: 1px solid var(--mb-gray-300);
}

.c-btn-group--vertical-block>.c-btn:last-child {
  border-bottom: none;
}

/*Gray-add*/
.c-btn,
.c-btn a {
  color: var(--mb-gray-500);
  font-weight: 700;
}

.c-btn i {
  margin-right: 3px;
}

.c-btn-settings {
  width: 100%;
  border: 1px solid #8595a6;
  background-color: #f5f7fa;
}

.c-btn-group2 {
  border-color: var(--mb-gray-500);
}

.c-btn-follow {
  background-color: var(--mb-gray-1000);
  color: var(--mb-base-white);
}

.c-btn-message,
.c-btn-message:hover,
.c-btn-message:active,
.c-btn-plus,
.c-btn-plus:hover,
.c-btn-plus:active .c-btn-plus a,
.c-btn-plus a:hover,
.c-btn-plus a:active {
  background-color: var(--mb-base-white);
  color: var(--mb-gray-900);
}

.c-btn-message a {
  background-color: inherit;
}

/*===========================*/

.c-li-list-style {
  list-style-type: disc;
  margin-left: 40px;
}

.gray-c-red-lrnmore {
  color: #ff0000;
  fill: #ff0000;
}

.c-white {
  color: var(--mb-base-white);
  fill: var(--mb-base-white);
}

.c-red {
  color: #ff0000;
  fill: #ff0000;
}

.c-black {
  color: var(--mb-gray-900);
  ;
  fill: var(--mb-gray-900);
}

.c-green {
  color: var(--mb-success-500);
  fill: var(--mb-success-500);
}

.c-gray {
  color: #7c90a5;
  fill: #7c90a5;
}

.c-blue {
  color: var(--mb-primary-500);
  fill: var(--mb-primary-500);
}

.c-yellow {
  color: var(--mb-warning-500);
  fill: var(--mb-warning-500);
}

.c-info-blue-l {
  color: #e5f1fb;
  fill: #e5f1fb;
}

.c-info-blue {
  color: var(--mb-primary-500);
  fill: var(--mb-primary-500);
}

.c-info-blue-d {
  color: #005bc0;
  fill: #005bc0;
}

.c-success-green-l {
  color: #eaf8ed;
  fill: #eaf8ed;
}

.c-success-green {
  color: #30b34e;
  fill: var(--mb-success-500);
}

.c-success-green-d {
  color: #179a35;
  fill: #179a35;
}

.c-warning-orange-l {
  color: #fff4ec;
  fill: #fff4ec;
}

.c-warning-orange {
  color: #fa710e;
  fill: #fa710e;
}

.c-warning-orange-d {
  color: #e15800;
  fill: #e15800;
}

.c-error-red-l {
  color: #fdedeb;
  fill: #fdedeb;
}

.c-error-red {
  color: #e02200;
  fill: #e02200;
}

.c-error-red-d {
  color: #c70900;
  fill: #c70900;
}

.fa-times:before {
  content: "\f00d";
  font-weight: 900;
}


.gray-minus {
  display: block;
  visibility: visible;
  background: inherit;
  border: 0;
}

/*=========== gray store btn =========== */

/*------ iofrm gray store btn ------*/
._io_gray_content_store_btn {
  margin-top: 30px;
  /*
	display: none;
visibility: hidden;
	*/
}

span._4kru_2title_gray {
  font-weight: 900;
}

/*------ iofrm gray store btn ------*/

span._4kru_2title_gray {
  color: var(--mb-base-white);
}

._7kru_gray._6kru_2ib_gray._app_store_gray {
  float: left;
}

._7kru_gray._6kru_2ib_gray._play_store_gray {
  float: right;
}

._6kru_2ib_gray,
._7kru_gray._6kru_2ib_gray {
  display: inline-block;
  width: auto;
  float: none;
}

.kc-col-inner-container>._7kru_gray {
  margin-bottom: 30px;
}

.entry-content a {
  box-shadow: none;
}

._1kru_2btn_gray {
  background-color: #121921;
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, .5);
  text-transform: none;
  text-align: left;
  fill: var(--mb-base-white);
  padding: 13px 26px;
}

._2kru_stbtn_gray {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 8px 12px;
  font-size: 1rem;
  text-transform: inherit;
  color: var(--mb-base-white);
  fill: var(--mb-base-white);
  font-weight: 900;
  border-radius: 0.5rem;
  /*border-radius: 50px;*/
  position: relative;
  transition: all .3s ease;
  text-align: center;
  line-height: 1;
}

._1kru_2btn_gray ._crutuch_2icon_gray {
  margin-right: 5px;
  height: 20px;
  width: 20px;
}

._1kru_2btn_gray>* {
  display: inline-block;
  vertical-align: middle;
}

._1kru_2btn_gray ._3kru_2txt_gray {
  overflow: hidden;
}

._1kru_2btn_gray ._5kru_2sup_title_gray {
  font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
  font-size: 6px;
  color: var(--mb-base-white);
  opacity: 1;
  font-weight: 500;

}

._1kru_2btn_gray span {
  display: block;
}

._1kru_2btn_gray ._4kru_2title_gray {
  font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
  font-size: 11px;
}

._1kru_2btn_gray span {
  display: block;
}

.stm-car-carousels.stm-listing-car-gallery.kms-btn-ftr-overbottom-sngl-img {
  display: block;
  visibility: visible;
  height: 50px;
  width: auto;
  margin: 20px 0 0;
}

.stm-gallery-actions.kms-mobilapp-gallery-actions {
  display: block;
  visibility: visible;
  left: 0;
}


/*=========== bdPress =========== */











.vc_custom_heading.vc_custom_1530994890044 {
  color: var(--mb-gray-900);
  font-size: 24px;
  margin-bottom: 25px;
}






.kms-main-contain-cgu-body-page {
  margin: 25px 0 50px;
}

.p-kms-cgu-body-page {
  margin: 20px 10px;
}

.h1-kms-cgu-body-page {
  font-size: 30px;
  opacity: .5;
}

li.li-kms-cgu-body-page {
  margin: 20px 0px;
}

li.ol-li-kms-cgu-body-page {
  padding-left: 40px;
  margin-bottom: 20px;
}

ol li:before {
  counter-increment: list1;
  content: counter(list1) " ";
  color: #888da8;
  display: inline-block;
  margin-right: 10px;
  font-size: 1rem;
}

span.p-kms-cookies-body-page_remarque {
  /* text-decoration: underline; */
  /* text-decoration-color: #ff0000; */
  background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#f45d22, #f45d22);
  background-size: .05em 2px, .05em 2px, 2px 2px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 var(--mb-base-white);
  background-position: 0 98%, 100% 98%;
}

.kms-main-contain-cookies-body-page {
  margin: 25px 0 50px;
}

.p-kms-cookies-body-page {
  margin: 20px 10px;
}

li.style-li-kms-cgu-body-page {
  list-style-type: disc;
  list-style: disc;
  margin: 20px 0 20px 40px;
}

.vc_toggle_content p {
  margin: 20px 0;
}

.kms-main-contain-privacy-policy-body-page {
  margin: 25px 0 50px;
}

.kms-main-contain-privacy-policy-body-page p {
  margin: 20px 0;
}

.kms-main-contain-privacy-policy-body-page ul li {
  margin-left: 40px;
}

.kms-rules-diffusion {
  margin: 50px 0 100px;
}

.kms-rules-diffusion p {
  margin: 20px 0;
}


.kms-where-is-my-data-settings {
  margin: 50px 0 100px;
}

.h3-kms-where-is-my-data-settings {
  margin: 20px 0;
}

.kms-where-is-my-data-settings ul {
  margin: 20px 0px;
}

/*------------------------------- Close All CSS cd-tabs Tabbed Navigation --------------------------------------------*/

/***************NEW DDROPDOWN******************/

/** Component: Dropdown
 -------------------------------------------------- */

.c-dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
}

.c-dropdown__list {
  margin: 5px 0 0 0;
  padding: 6px 0;
  list-style: none;
  position: absolute;
  top: 125%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  border-radius: 3px;
  background: var(--mb-base-white);
  transition: opacity .25s linear, top .25s linear;
}

.c-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.c-dropdown__item {
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 20px;
  cursor: pointer;
  color: #434A54;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color .25s linear;
}

.c-dropdown__item :hover {
  background-color: #E6E9ED;
}

/** Component: Button Dropdown
 -------------------------------------------------- */

.c-button {
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  overflow: visible;
  font: inherit;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  user-select: none;
}

.c-button :hover {
  outline: none;
  text-decoration: none;
}

.c-button :focus {
  outline: none;
  text-decoration: none;
}

.c-button:not(:disabled) {
  cursor: pointer;
}

/** Component: Button Modifier: Dropdown
-------------------------------------------------- */

.c-button--dropdown {
  padding: 6px 34px 6px 12px;
  background-color: #967ADC;
  color: #E6E9ED;
  font-size: 1rem;
  line-height: 20px;
  min-height: 32px;
  border-radius: 3px;
  transition: background-color .2s linear;
}

.c-button--dropdown :hover {
  background-color: #AC92EC;
}

.c-button--dropdown :after {
  content: "";
  position: absolute;
  top: 14px;
  right: 11px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #E6E9ED;
}

.kms-dd-dropdown-toggle.btn.btn-default.btn-sm.dropdown-toggle::after {
  visibility: hidden;
  display: none;
}

.kms-dd-dropdown-toggle.btn.btn-default.btn-sm.dropdown-toggle,
.kms-dd-dropdown-toggle.btn.btn-default.btn-sm.dropdown-toggle i {
  min-width: 25px;
  width: auto;
  margin: 0 auto;
  padding: 0;
  color: var(--mb-gray-900);
  ;
  font-size: 1rem;
  background: none;
  border-radius: 0;
  box-shadow: none;
  float: right;
  right: 0px;
  text-align: left;
}

.kms-dd-dropdown-toggle.btn.btn-default.btn-sm.dropdown-toggle :hover {
  background: none;
  box-shadow: none;
}

.kms-dd-dropdown-toggle.btn.btn-default.btn-sm.dropdown-toggle :active {
  background: none;
  box-shadow: none;
}


.kms-dd-dropdown-no_col-lg-12.col-lg-12 {}

.button-group.open>.dropdown-backdrop {
  display: none;
  visibility: hidden;
}

.storck-num-in-juju-dd {
  padding: 5px 20px;
  border-radius: 0;
}

.kms-dd-dropdown-menu.dropdown-menu {
  position: relative;
  padding: 0px 0;
  width: 95%;
  margin: 0 auto;
  float: inherit;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid var(--mb-gray-900);
  border-radius: 10px;
  text-align: left;
  box-shadow: 0 2px 20px 5px rgba(0, 0, 0, .8);
  transform: translate3d(0px, 35px, 0px);
}

ul.kms-dd-dropdown-menu.dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 15px;
  border-width: 0 12px 12px 12px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent;
  border-color: rgba(79, 79, 79, 1) transparent;
}

ul.kms-dd-dropdown-menu.dropdown-menu:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 17px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: #fff transparent;
}


/************___Gray-kms Bootstrap Popover__************/

button.kms-btn-popovr {
  background: none;
  padding: 0;
  color: #657585;
  /*9000f0*/
  /*z-index: 1050;*/
}

button.kms-btn-popovr.btn.btn-default {
  padding: 0;
  color: #07c;
  /*007fcf*/
  font-size: 0.75rem;
  /*z-index: 1050;*/
}

.kms-btn-popovr.active,
.kms-btn-popovr.focus,
.kms-btn-popovr:active,
.kms-btn-popovr:focus,
.kms-btn-popovr:hover {
  background: none;
  box-shadow: none;
  color: #0095ff;
  /*9000f0*/
  /*z-index: 1050;*/
}

button.kms-btn-popovr.btn.btn-default>i.fas.fa-question-circle {
  font-size: 1rem;
}


.popover {
  padding: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
  z-index: 1050;
}

.popover-header {
  font-size: 1rem;
}


.popover>.arrow {
  border-width: 10px;
}

.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
  border-right-color: rgba(0, 0, 0, .25);
  top: -8px;
  left: -10px;
}

.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
  left: -19px;
  border-right-color: var(--mb-base-white);
  top: -10px;
}

bs-popover-auto[x-placement^=left] .arrow::before,
.bs-popover-left .arrow::before {
  border-left-color: rgba(0, 0, 0, .25);
  top: -8px;
  left: 2px;
}

.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-left .arrow::after {
  left: -1px;
  border-left-color: var(--mb-base-white);
  top: -10px;
}

.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
  bottom: -10px;
  border-top-color: rgba(0, 0, 0, .25);
}

.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
  bottom: -19px;
  border-top-color: var(--mb-base-white);
  left: -2px;
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::before {
  top: -10px;
  border-bottom-color: rgba(0, 0, 0, .25);
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
  top: -19px;
  border-bottom-color: #f7f7f7;
  left: -2px;
  z-index: 1;
}


#kms-overlay-popovr {
  position: fixed;
  display: none;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  z-index: 100;
}

.user-pp-no-post-block-infos {
  margin: 12px 0;
  padding: 20px 10px;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
}

p.ProfilePage-emptyModuleBody {
  color: var(--mb-gray-500);
}

.kms-user-private-noinventory-block-infos {
  margin: 0px 0 10px;
  padding: 20px 12px;
  border: 1px solid var(--mb-gray-300);
  background-color: var(--mb-base-white);
}

.kms-user-private-nofavorite-block-infos {
  margin: 0px 0 10px;
  padding: 20px 12px;
  border: 1px solid var(--mb-gray-300);
  background-color: var(--mb-base-white);
}

.kms-usr-private-first-post-btn {
  padding: 8px 12px 8px 18px;
  margin: 20px 0 0;
}

.kms-upnibi_h4msg-btn {
  margin: 20px 0 0;
}

._2idiv-kms-upnf2 {
  display: inline-block;
  position: relative;
  margin: 12px 0;
  padding: 12px;
  text-align: center;
  min-width: 100%;
}

._2ispan-kms-upnf2 {
  color: var(--mb-gray-400);
}

._2ispan-kms-upnf2 i {
  margin: 0 12px;

}

._2ispan-kms-upnf2 i:before {
  margin-right: 5px;
}

._1i-kms-upnf2:before {
  content: "\f164";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

._2i-kms-upnf2:before {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.gray-OS_radio-label {
  color: var(--mb-gray-500);
}

.kms-pricelabel-lrnmor {
  display: inline-block;
  margin: 1rem 0 0;
  padding: 0;
  color: var(--mb-primary-500);
  font-weight: 700;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
}

.feature-single,
.stm_phrases.activated span {
  color: var(--mb-gray-500);
}

/*BRUT FORCE in-filter category 100/2=50*/

.cntnr-kms-pack-in-filter-types-annonces-profils {
  display: none;
  visibility: hidden;
}

.kms-OS_radio-in-filter-siebar {
  width: 49%;
  display: inline-table;
  margin: 10px 0 0;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.5rem;
  border: 1px solid #d69e2e;
}

.kms-OS_radio-label-in-filter-siebar {
  color: var(--mb-primary-500);
  font-weight: 500;
  margin: 0;
}

.kms-cntnr-checkbox-btn-in-filter-sidebar {
  margin: 0px 0 20px;
}

.kms-cntnr-radios-btn-in-filter-sidebar {
  margin: 20px 0;
}

._2kms-cntnr-checkbox-btn-in-filter-sidebar {
  margin: 10px 0px;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 1);
  border-width: 1px 0;
  border-style: solid;
  border-color: #d69e2e;
  border-radius: 0.5rem;
}

label.kms-label-radio-in-filter-sidebar>.radio {
  display: inline-block;
  visibility: visible;
}

label.kms-label-radio-in-filter-sidebar {
  color: var(--mb-primary-500);
  font-weight: 500;
}

label.kms-label-checkbox-in-filter-sidebar {
  padding: 0;
  margin: 0;
  color: var(--mb-primary-500);
  font-weight: 500;
}

.kms-checkbox-in-filter-sidebar {
  display: inline-block;
  min-width: 45%;
  width: auto;
  margin: 0px 0 0px;
}




/*MODAL FAQSpopup Gray-*/

/*
div#faqs-popup #faqs-popup-single-car-main {
    overflow-y: scroll;
    background: rgba(0, 0, 0, .5);
}
*/
.modal.fade.show {
  background: rgba(0, 0, 0, .25);
  opacity: 1;
  visibility: visible;
}

.modal,
.modal .show,
.modal.fade.show {
  overflow-y: scroll;
}

/*
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .0);
}
*/
.modal-backdrop.fade.in {
  background-color: rgba(0, 0, 0, .7);
}

/*
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    opacity: 1;
}
*/


.modal-header.modal-header-iconed {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.test-drive-car-name {
    color: var(--mb-primary-900);
}

.modal-dialog.window-popup.faqs-popup {
 

  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);

  overflow-y: scroll;
}


.close.icon-close {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0.3rem 1rem;
  color: var(--mb-base-black);
  font-size: 1rem;
  font-weight: 700;
  text-shadow: none;
  text-align: center;
  border-radius: 9999px 9999px 0 0;
  opacity: 1;
  z-index: 2;
}

a.close.icon-close:hover {
  color: var(--mb-base-white);
  background-color: #b32424;
  opacity: 1;
}

.modal-content a.close.icon-close i.fas.fa-times {
  font-size: 1rem;
  position: relative;
  top: 2px;
  margin-right: 5px;
}





.faqs-popup .card-header i,
.faqs-popup .card-header svg {
  margin: 0;
  color: var(--mb-primary-500);
}



.faqs-popup .card-header a {
  font-size: 1rem;
  color: var(--mb-primary-500);
  display: block;
  margin: 0 0 0rem;
  padding: 1rem 0;
  border-width: 0 0 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.faqs-popup .card-header a:hover {
  color: var(--mb-primary-500);
}

.modal-header.gray-modal-header_learn-more_popup {
  text-align: center;
}

.title.gray-title-header_learn-more_popup {
  color: var(--mb-gray-900);
  margin: 0 auto;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
}









/******************* Header tab-nav-mobilapp *********************************************/

._gray-fluid-subnav {
  position: relative;
  min-width: 300px;
  min-width: 250px;
  width: 100%;
  max-width: 600px;
  max-width: 800px;
  background-color: #e6e6e6;
  -webkit-overflow-scrolling: touch;
}

._gray-navigation {
  display: flex;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  background: var(--mb-base-white);
  border-bottom: 1px solid var(--mb-gray-300);

  position: relative;
  /* min-width: max-content; */
  /* width: max-content; */
}

._gray-navigation__item-contre-lOffer-compare {
  height: inherit;
  padding: 25px 0 0;
}

a.lOffer-compare._gray-navigation__item._gray-navigation__item-contre-lOffer-compare {
  padding: 25px 0 0;
  height: inherit;
}

._gray-navigation__item-contre-lOffer-compare :hover {
  color: var(--mb-primary-500);
}

._gray-navigation__item {
  display: inline-block;
  position: relative;
  min-width: 80px;
  padding: 30px 0 5px;
  color: inherit;
  /*1e2225*/
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}

._gray-navigation__item:active ._gray-navigation__item:hover ._gray-navigation__item:focus {
  color: var(--mb-primary-500);
}

._kms-btn-hdr-nav-icons {
  display: inline-block;
  position: absolute;
  color: var(--mb-gray-500);
  top: 5px;
  left: 30px;
  font-size: 20px;
}



/******************************* tabs Accccccccoordion cgu cgv ***********************************/

.vc_toggle .vc_toggle_title>h4 {
  display: inline-block;
  color: #001f3a;
  font-size: 1rem;
  font-weight: 700;
}

.vc_toggle {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  margin: 0 0 20px;
}

.vc_toggle .vc_toggle_title {
  position: relative;
  min-height: 30px;
  /* background-color: #001f3a;*/
  border: 1px solid #001f3a;
  border-radius: 0.5rem;
  padding: 15px 10px 15px 50px;
}

.vc_toggle.vc_toggle_.vc_toggle_active>.vc_toggle_title {
  background-color: #400080;
  border: 1px solid #400080;
  border-radius: 5px 5px 0 0;
}

.vc_toggle.vc_toggle_.vc_toggle_active>.vc_toggle_title>h4 {
  color: var(--mb-base-white);
}

.vc_toggle .vc_toggle_content {
  margin: 0px 0 0px;
  padding: 2rem;
  /*20px*/
  border-width: 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
}

.vc_toggle .vc_toggle_icon {
  position: absolute;
  left: 10px;
  top: 8px;
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #7c5ac2;
  background-color: #7c5ac2;
  border-radius: 3px;
}

.vc_toggle .vc_toggle_icon:before {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  top: 12px;
  left: 9px;
  background-color: var(--mb-base-white);
}

.vc_toggle .vc_toggle_icon:after {
  position: absolute;
  content: '';
  display: block;
  width: 2px;
  height: 8px;
  top: 9px;
  left: 12px;
  background-color: var(--mb-base-white);
  opacity: 1;
}

/************* EXtra class ******************************************************************/

.textTop.wpb_column.vc_column_container.vc_col-sm-12 {
  margin-top: 5px;
  font-weight: 500;
  font-size: 0.75rem;
  text-align: center;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.grayhome-postads {
  margin: auto;
}

#stm-fixed-coveridgrayhomecounter-fixed-attachment {
  display: none;
  visibility: hidden;
}

.textFooter.wpb_column.vc_column_container.vc_col-sm-12 {
  font-weight: 700;
  text-align: center;
  font-size: 0.75rem;
}


/********* Gray-icons filter icons DON'T DELETE ***************/







.has-error .form-control:focus {
  border-color: #e43534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

/*Private user sidebar*/
.kms-container-counter-number-private-profil {
  position: relative;
  width: 100%;
  margin: 1rem 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.swiper-slide {
  margin: 1rem 0 0;
}

.friend-since {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  color: var(--mb-gray-500);
}

.kms-ccnpp-mobile {
  margin: 10px auto 0px;
  padding: 0 0 0 12px;
}

.kms-3gkp-nbr-mobile {
  color: var(--mb-gray-900);
}

.kms-3gkp-txt-mobile {
  color: var(--mb-gray-500);
}

.kms-3gkp-mobile {
  margin: 0;
  width: 32%;
}

/*Public profil DD dropdown*/
.kms-container-counter-number-public-profil {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.kms-container-counter-number-public-profil-single-car {
  width: 100%;
  margin: 0.75rem 0 0;
}

.kms-container-counter-btn_s-public-profil {
  display: inline-block;
  position: relative;
  float: right;
  width: 40%;
}

.kms-container-counter-btn_s-public-profil-single-car {
  width: 100%;
  margin: 1rem 0 0;
}

.kms-btn-public-profil-user-more {
  display: inline-block;
  position: relative;
  float: right;
  right: 0;
  padding: 5px;
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  text-align: center;
  width: 15%;
  margin-left: 5%;
  color: #345770;
}

.juju-no-li {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  list-style: none;
}

.juju-no-li:after {
  content: '';
  display: block;
  position: relative;
  height: 1px;
  width: 100%;
  left: 0;
  top: 11px;
  background-image: linear-gradient(to right, rgba(200, 200, 201, 0) 0%, #aaa 50%, rgba(200, 200, 201, 0) 100%);
}

.juju-no-li.in-juju-no-li-kms-mask-ad-icon {
  list-style: none;
}

h6.title-inner-juju-dd-dropdown {
  font-size: 1rem;
  font-weight: 500;
  padding: 0px 10px 0px 60px;
  margin: 0 0 5px;
  color: #607080;
}

.kms-in_juju-dd_in_li {
  margin-left: 60px;
}


button.kms-dd-dropdown-toggle-publik-profil.btn.btn-default.btn-sm.dropdown-toggle {
  min-width: 25px;
  width: auto;
  margin: 0 auto;
  padding: 0;
  color: #345770;
  font-size: 1rem;
  background: none;
  border-radius: 0;
  box-shadow: none;
  float: right;
  right: 10px;
  right: 0;
}

.in-juju-no-li-kms-share-profil-ad-icon:before {
  content: "\f14d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: 5px;
  left: 20px;
  float: left;
  color: var(--mb-gray-500);
  font-size: 22px;
}

.in-juju-no-li-kms-block-user-icon:before {
  content: "\f504";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 5px;
  left: 20px;
  position: relative;
  font-size: 23px;
  float: left;
  color: var(--mb-gray-500);
}

.in-juju-no-li-kms-signalize-user-icon:before {
  content: "\f071";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 5px;
  left: 20px;
  position: relative;
  font-size: 23px;
  float: left;
  color: var(--mb-gray-500);
}

.in-juju-no-li-kms-signalize-dealer-icon:before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 5px;
  left: 20px;
  position: relative;
  font-size: 23px;
  float: left;
  color: var(--mb-gray-500);
}

.in-juju-no-li-kms-block-dealer-icon:before {
  content: "\f21b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 5px;
  left: 20px;
  position: relative;
  font-size: 23px;
  float: left;
  color: var(--mb-gray-500);
}


/***** icon close modal *****/
/*
.window-popup .icon-close {
    opacity: 1;
    margin-top: 0;
    margin-right: 0; }

.close {
    margin-top: -15px;
    margin-right: 10px;
    float: right; }
.icon-close {
    position: absolute;
    top: -25px;
    right: -25px; }
*/


/************************** Olympus *************************************/
.mobile-app-tabs .nav-link {
  height: 100%;
  border-color: transparent;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 3px solid transparent;
}

.fixed-sidebar.right {
  top: 140px;
  z-index: 100;
  right: 0;
  min-height: 100%;
}

.fixed-sidebar {
  position: fixed;
  z-index: 22;
  width: 80px;
  min-height: 1000vh;
}

.fixed-sidebar-right {
  border-left: 1px solid #e6ecf5;
  z-index: 20;
  right: 0;
  top: 0;
  bottom: 70px;
  bottom: 0;
  bottom: 150px;
  background-color: var(--mb-base-white);
  transition: -webkit-transform .5s cubic-bezier(.55, 0, .1, 1);
  transition: transform .5s cubic-bezier(.55, 0, .1, 1);
  transition: transform .5s cubic-bezier(.55, 0, .1, 1), -webkit-transform .5s cubic-bezier(.55, 0, .1, 1);
  padding-bottom: 140px;
}

.fixed-sidebar-right.sidebar--small {
  width: 80px;
  transition-delay: .3s;
}

.fixed-sidebar-left.sidebar--small {
  width: 80px;
  transition-delay: .3s;
}

.fixed-sidebar.open .fixed-sidebar-left.sidebar--large {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition-delay: .3s;
}


.kms-fixed-sidebar {
  top: 140px;
  z-index: 100;
}

.kms-fixed-sidebar-left {
  position: absolute;
}



.mCSB_container {
  overflow: hidden;
  width: auto;
  width: 100%;
  height: auto;
}

.mCSB_scrollTools {
  position: absolute;
  width: 15px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.back-to-top .back-icon {
  height: 15px;
  width: 15px;
  position: relative;
  top: -12px;
}

.back-to-top {
  position: fixed;
  /*z-index: 100;*/
  width: 30px;
  height: 30px;
  line-height: 50px;
  display: block;
  fill: var(--mb-base-white);
  stroke: inherit;
  transition: all .3s ease;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  box-shadow: 0 0 10px 0 rgba(63, 66, 87, .5);
  border-radius: 9999px;
  background-color: #ff5e3a;
  background-color: #7000e3;
  text-align: center;

  display: none;
  visibility: hidden;
}


/*chat Olympus*/

.popup-chat {
  width: 350px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, .5);
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.popup-chat .modal-header .title {
  margin-right: auto;
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: 700;
}


.kms-modal-content-chat {
  border-radius: 10px 10px 0 0;
}

.kms-modal-header-chat {
  border-radius: 5px 5px 0 0;
  min-height: 100%;
  height: 100%;
  padding: 15px;
}


.popup-chat-responsive {
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-1000px);
  /*-100% -200%*/
  -webkit-transform: translateY(-1000px);
  /*-100% -200%*/
  max-width: 300px;
  max-width: 350px;
  opacity: 1;
  visibility: visible;
  display: block;
  transition: all .3s ease;
  margin-bottom: 0;
  z-index: 999;
  max-height: 100vh;
}

.popup-chat-responsive.open-chat {
  margin: 0;
  top: auto;
  bottom: 0;
  right: 150px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.popup-chat .form-group.label-floating textarea.form-control {
  padding-right: 80px;
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  border-radius: 0;
  padding: 20px 20px 6px;
}

.ui-block.popup-chat.popup-chat-responsive.open-chat {
  border-radius: 10px 10px 0 0;
}


.kms-fixed-sidebar {
  display: none;
  visibility: hidden;
}

.fixed-sidebar.right {
  display: none;
  visibility: hidden;
}

.widget+.widget {
  margin-top: 35px;
  margin-top: inherit;
}

/*...end Olympus*/


/********************************* USER unregistered **************************************************/
.kms-lOffer-account2 {
  margin: 0 10px;
  padding: 0;
  height: 100%;
  width: 100%;
  border-radius: 50px;
  text-align: center;
}

.kms-lOffer-account2:hover {
  background-color: transparent;
}

h4.h4_kms-login-form-unregistered-dd {
  margin-bottom: 10px;
}

label.label-kms-login-form-unregistered-dd {
  margin: 0;
}

span.stm-listing-loader>i.stm-icon-load1 {
  font-size: inherit;
}

.dropdown-content.kms-login-form-unregistered.stm-login-form-unregistered input[type="submit"] {
  width: 100%;
}

.kms-login-form-unregistered_signup.stm_label {
  display: block;
  min-width: 100%;
  padding: 8px 20px;
  color: var(--mb-base-white);
  background-color: #00c000;
  border-radius: 0.5rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.kms-login-form-unregistered_signup.stm_label:hover {
  color: var(--mb-base-white);
}

.kms-login-form-unregistered {
  padding: 15px 15px;
  border-radius: 3px;
  width: 280px;
  min-width: 250px;
  max-width: 350px;
  left: -230px;
}

li.notifications>.dropdown-content.kms-login-form-unregistered.stm-login-form-unregistered {
  left: -230px;
}



/****** redesign favoris ****************/




.kms-favorites-item-was-removed {
  display: inline-block;
  position: relative;
  max-width: inherit;
  /*calc(100% - 325px)*/
  float: inherit;
  /*right*/
  margin: 10px 0;
}

h6.h6_kms-kms-favorites-item-was-removed {
  font-weight: normal;
}

a._12kms-infos {
  font-size: 0.75rem;
}

.kms-name-user-near-img-avatar-dropdown {
  display: inline-block;
  font-weight: 700;
  font-size: 0.75rem;
  color: var(--mb-base-white);
}

.kms-dropdown-user-small-avatar-top-bar {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

i.kms-user-name-caret-down-dd {
  margin-left: 5px;
  position: relative;
  top: 2px;
  line-height: inherit;
}

._2gray-user-status._2gray-user-status-small-dot-img-header {
  display: block;
  position: absolute;
  margin-left: 0px;
  float: left;
  top: 2px;
  left: 0px;
}

span.gray-user_online-status.gray-user_online-status-header-avatar:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00e900;
  font-size: 6px;
  border: 2px solid #001f3a;
  border-radius: 9999px;
}

._2gray-user-status._2gray-user-status-small-dot-img-header2 {
  display: block;
  position: absolute;
  margin-left: 0px;
  float: left;
  top: -5px;
  left: 0px;
}

span.gray-user_online-status.gray-user_online-status-header-avatar2:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #00e900;
  font-size: 5px;
  border: 2px solid #001f3a;
  border-radius: 9999px;
}

/**************** filter search popup modal info ************************/

.kms-filter-search-popup-infos {
  display: block;
  position: relative;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  margin: 1rem 0 0;
  padding: 0.5rem 0.75rem;
  background-color: var(--mb-gray-100);
}

.kms-filter-search-popup-infos-txt {
  text-align: center;
}

._h5-kms-filter-search-popup-infos-txt {
  color: var(--mb-warning-500) !important;
  font-size: 0.75rem;
}

._h6-kms-filter-search-popup-infos-txt {
  color: var(--mb-gray-500);
  /*00449e*/
  font-size: 10px;
  font-weight: normal;
}

.kms-filter-search-popup-infos.kms-mobilapp:before,
.kms-filter-search-popup-infos.kms-mobilapp:after {
  font-weight: 900;
  display: inline-block;
  position: absolute;
  top: 10px;
  color: var(--mb-gray-500);
  font-size: 20px;
}

.kms-filter-search-popup-infos.kms-mobilapp:before {
  content: "\f05a";
  font-family: "Font Awesome 5 Free";
  left: 10px;

}

.kms-filter-search-popup-infos.kms-mobilapp:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  right: 10px;
}

a.kms-btn-modal-filter-search-popup {
  z-index: 1;
  display: block;
  position: relative;
  cursor: pointer;
}

.kms-modal-body-filter-search {
  padding: 20px 15px;
  font-size: 0.75rem;
}

.kms-modal-body-add-step4-videos {
  padding: 20px 15px;
  font-size: 0.75rem;
}

.kms-modal-content-filter-search {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.kms-modal-content-add-step4-videos {
  min-width: 95%;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

img.pictures-kms-modal-in_body-add-step4-videos {
  margin: 10px 0 20px;
  border: 1px solid var(--mb-gray-300);
}



/*********** Counter offers-favorites ***********/

span.kms-private-counter-my-offers_my-fav {
  display: block;
  position: relative;
  float: right;
  font-size: 0.75rem;
  margin-right: 5px;
  padding: 4px 10px;
  color: var(--mb-base-white);
  font-weight: 700;
  text-align: center;
  background: var(--mb-primary-500);
  border-radius: 100px;
}

/*Header top-bar notif n-number dd*/

.kms_unread_announcement_count_text-header {
  position: relative;
  top: 0px;
}

a.dropdown-button {
  cursor: pointer;
}

.gray-div-small-avatar-dd {
  display: inline-block;
  position: relative;
}

.kms-empty-avatar-icon {
  display: inline-block;
  position: relative;
}

img.gray-img-small-avatar-dd {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  display: none;
  visibility: hidden;
}



/*icons arrow dancing********************************/
a.c-blue.gray-taost-msg-link_learn-more.kms-pricelabel-lrnmor.btn.btn-secondary.btn-lg.full-width:after {
  content: "\f30b";
  font-family: "Font Awesome 5 Free";
  margin: 0 0px 0 0px;
  padding: 2px 5px;
  color: var(--mb-base-white);
  background-color: dodgerblue;
  border-radius: 9999px;
}

/*videos ifram ambed ********************************/
.kms-modal-body-add-step4-videos {
  font-size: 1rem;
}

.clearfix.kms-container-datas_dealer-public-profil {
  margin-bottom: 20px;
}


.stm-icon-time:before {
  content: "\f2d2";
  font-family: "Font Awesome 5 Free";
}


/******************************** GDPR ********************************/
/*
form#stm-gpdr-form {
    background-color: var(--mb-base-white);
    border: 2px solid var(--mb-gray-300);
    padding: 20px 20px; }
*/
form#stm-gpdr-form p {
  margin-bottom: 20px;
}

form#stm-gpdr-form p:last-child {
  margin-bottom: 20px;
}

.kms-private-user-notification-timeline {
  margin-top: 30px;
  padding: 12px;
  border: 2px solid #ffa099;
  /*f2ab99*/
  border-color: #fa710e;
  background-color: #fff4ec;
  border-radius: 0.5rem;
}

.p-kms-kms-notif-data-private-timeline {
  color: var(--mb-gray-900);
  /*af5000*/
  font-weight: normal;
}

.kms-container-private-user-data {
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  padding: 20px;
}

.kms-private-user-notification-data {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: var(--mb-warning-50);
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-warning-100);
  border-radius: 0.625rem;
}

.txtprvt-noads {
  color: #6f8ca5;
}


.h6-kms-notif-data-private-user {
  display: block;
  max-width: max-content;
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mb-base-white);
  background-color: var(--mb-warning-500);
  border-radius: 0.25rem;
}

.p-kms-kms-notif-data-private-user {
  margin: 0;
  color: var(--mb-gray-900);
}

.kms-container-private-twttr-user-message-data {
  margin: 0 0 50px;
}

h4._h4-kms-private-twttr-user-message-data {
  margin: 0 0 15px;
}

form#stm-gpdr-form label {
  /*font-weight: 500;*/
}

.en_savoir_plus {
  margin: 10px 0;
  color: #0095ff;
  font-size: 1rem;
  font-weight: 700;
}

._p-kms-private-twttr-user-message-data {
  font-size: 1rem;
  font-weight: normal;
  color: var(--mb-gray-500);
}

.kms-fepmsg-progrss-bar .skills-item-info {
  margin: 5px 0 10px;
  color: #515365;
  font-size: 0.75rem;
}

.skills-item .kms-fepmsg-progrss-bar {
  margin-bottom: 0px;
}

a#stm_gdpr_popup_accept {
  margin-right: 2%;
}

/*loader loading*/

.fa-stream:before {
  content: "\f550";
  content: "\e901";
  font-family: 'GrayUIcon-awesome';
}




/**************************** Olympus Timeline (delete) ********************************/
#kms-timeline-main-content {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.hentry.post.video {
  padding: 25px;
}

.hentry.post {
  padding: 25px;
}

.kms-timeline-btn_btn-control {
  display: block;
  margin-bottom: 6px;
  margin-right: 0;
  background-color: #9a9fbf;
  width: 34px;
  height: 34px;
  line-height: 36px;
  border-radius: 9999px;
  padding: 0;
}

button.btn.btn-primary.btn-md-2 {
  /*margin: 0;*/
}

button.btn.btn-md-2.btn-border-think.btn-transparent.c-grey {
  /*margin: 0;*/
}

a#load-more-button {
  margin: 0;
}

.author-thumb.img-user-author-thumb-kms-private-timeline {
  top: 10px;
  left: 10px;
}

.author-thumb.img-user-author-thumb-kms-private-timeline>img.avatar.avatar-60.photo {
  width: 40px;
}

.kms-private-user-notification-timeline p {
  color: #555;
  font-weight: 500;
}

/*------------*/



.socials i,
.socials svg {
  font-size: 15px;
  font-size: inherit;
  transition: all .3s ease;
}

.stm-dealer-bot-info .socials i,
.socials svg {
  font-size: 0.75rem;
}




/********************* Date Artem ********************/
.regDateDiv {
  display: block;
  position: relative;
  padding-top: 0px;
  color: var(--mb-gray-500);
  font-weight: normal;
}

.regDateTitle {
  color: var(--mb-gray-900);
}

.regDate {
  color: var(--mb-gray-500);
  font-weight: normal;
  font-size: 0.75rem;
}

.kms-regDateDiv-signle-car {
  margin: 10px 0 20px;
}

.kms-regDate-signle-car {
  font-size: 1rem;
}

.dealer-info-block .regDate:after {
  content: "\f57c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 2px;
}


/* ---------------------------------------------------------------------
    STM BUTTONS USER PUBLIC PROFIL
---------------------------------------------------------------------- */

.kms-stm_user-public-profil-settings-btn {
  width: 100%;
  padding: 5px 12px;
  line-height: inherit;
  font-weight: 700;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border: 1px solid var(--mb-primary-500);
  box-shadow: none;
}

.kms-stm_user-public-profil-settings-btn:hover {
  box-shadow: none;
}

.kms-stm_user-public-profil-settings-btn:before {
  content: "\f4ff";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}


.kms-stm_dealer-public-profil-settings-btn {
  width: 100%;
  padding: 5px 12px;
  line-height: inherit;
  font-weight: 700;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border: 1px solid var(--mb-primary-500);
  box-shadow: none;
}

.kms-stm_dealer-public-profil-settings-btn:hover {
  box-shadow: none;
}

.kms-stm_dealer-public-profil-settings-btn:before {
  content: "\f4ff";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

.kms-stm_user-public-profil-follow_Me-btn {
  width: 100%;
  margin: 0rem 0 0;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.5rem;
  font-weight: 700;
  
  box-shadow: none;
}

.kms-stm_user-public-profil-follow_Me-btn:hover {
  box-shadow: none;
}


.kms-stm_dealer-public-profil-follow_Me-btn {
  width: 80%;
  width: 100%;
  padding: 0.25rem 0.75rem;
  font-weight: 700;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.5rem;
  box-shadow: none;
}

.kms-stm_dealer-public-profil-follow_Me-btn:hover {
  box-shadow: none;
}

.kms-stm_dealer-public-profil-follow_Me-btn:before {
  /*
    content: "\f234";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
	*/
}

.kms-ui-btn-message_me-public-profil:before {
  content: "\f27a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

.kms-dealer-public-profil-website_url {
  font-size: 1rem;
}

.kms-dealer-public-profil-website_url i:before {
  font-size: 25px;
  color: var(--mb-gray-400);
}

.edit_myprofile {
  color: var(--mb-primary-500);
  border: 1px solid var(--mb-primary-500);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}

/*Message*/
.execphpwidget {
  border: 2px solid #001f3a;
  border-radius: 0 0px 5px 5px;
  padding: 20px 25px;
  margin-bottom: 20px;
  background-color: var(--mb-base-white);
}


/*Openlist*******************************/
.header_area ul li.user_dropdown .dropdown-content li a:hover,
.header_area ul li.user_dropdown .dropdown-content li a:focus,
.header_area ul li.user_dropdown .dropdown-content li a.active {
  background: var(--mb-primary-500);
  color: var(--mb-base-white);
  padding: 0 20px;
  text-decoration: none;
}

/*fuck you tooltip --> openlist/js/materialise.js*/
.tooltip.fade.show.bs-tooltip-right {
  display: none;
  visibility: hidden;
}


/* ******************************** Openlst top-bar menu-icon ******************************** */


.header_area ul li.user_dropdown .dropdown-content li a {
  font-size: 14px;
  font-weight: 600;
  display: block;
  padding: 0 10px;
  color: #758690;
  color: #657585;
  border-radius: 0.5rem;
  width: 100%;
}

.header_area ul li.user_dropdown .dropdown-content li a:hover {
  color: var(--mb-base-white);
}

.header_area ul li a:hover,
a.lOffer-compare.kms-top-bar-openlst-lOffer-compare:hover {
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
}

.kms-opnlst-top-bar-icon-btn {
  color: #003560;
  padding: 0 0px 0;
  margin: 0 0px 0;
  line-height: inherit;
  font-size: 1px;
  visibility: hidden;
}

.kms-fz0-vh {
  position: relative;
}

.kms-fz0-vh .member-status {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-base-white);
  border-radius: 9999px;
  background: #00cc00;
}
.profile_avatar .member-status.online {
  position: absolute;
  right: 1.5rem;
  top: auto;
  bottom: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.25rem;
  border-style: solid;
  border-color: var(--mb-base-white);
  border-radius: 9999px;
  background: #00cc00;
}

.kms-accessibleName-txt {
  display: block;
  position: relative;
  background-color: var(--mb-gray-100); 
  border-radius: 9999px;
  overflow: hidden;
}

.kms-opnlst-top-bar-icon-btn:hover {
  background-color: transparent;
}

.header_area ul li.notifications .dropdown-content {
  min-width: 400px;
  top: 40px;
  left: -350px;
  transition: all 500ms ease-in-out;
  border-radius: 3px;
  border: 1px solid #e0e9ed;
  overflow: visible;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}

.header_area ul li.user_dropdown .dropdown-content {
  min-width: 250px;
  padding: 10px 10px;
  top: 38px;
  left: -200px;
  overflow: visible;
  box-shadow: 0px -2px 18px 0px rgba(0, 36, 90, 0.1);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  transition: all 500ms ease-in-out;
  border: 1px solid #e0e9ed;
  border-radius: 2px;
  max-height: none;
}

.header_area ul li.user_dropdown .dropdown-content:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 20px;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #ffffff transparent;
}

.header_area ul li.notifications .dropdown-content:before {
  content: "";
  position: absolute;
  top: -12px;
  right: 15px;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #ffffff transparent;
}

.dropdown-content {
  position: absolute;
  min-width: 100px;
  max-height: inherit;
  /*650px*/
  margin: 0;
  background-color: var(--mb-base-white);
  overflow-y: auto;
  z-index: 999;
  will-change: width, height;
}

.pull-right.kms-top-bar-compare {
  display: block;
  visibility: visible;
  float: left;
}

.kms-top-bar-openlst-lOffer-compare {
  width: auto;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #003560;
}

.kms-service-icon-listing-compare-top-bar {
  font-size: 20px;
}

.a_kms-notifications-dropdown-header {
  display: inline-block;
}

.a_kms-messages-dropdown-header {
  display: inline-block;
}

.a_kms-notifications-dropdown-header:hover {
  color: var(--mb-primary-500);
}

.a_kms-messages-dropdown-header:hover {
  color: var(--mb-primary-500);
}

.a_top-bar-dd-fep-settings-i {
  display: inline-block;
  position: relative;
  float: right;
  right: auto;
  margin: 0 0 0 30px;
  padding: 0;
}

.a_top-bar-dd-fep-settings-i:hover {
  color: var(--mb-primary-500);
  cursor: pointer;
}

.a_top-bar-dd-fep-settings-i i {
  display: inline-block;
  font-size: 16px;
  line-height: inherit;
  width: inherit;
  height: inherit;
  margin: 0;
  padding: 0;
  float: inherit;
}

.span_kms-top-bar-dd {
  display: inline-block;
  position: relative;
  font-size: 12px;
}

a.a_kms-hed_notic-hdr-left {
  display: inline-block;
  position: relative;
  float: left;
  left: auto;
}

.a_kms-hed_notic-hdr-right {
  display: inline-block;
  position: relative;
  float: right;
  right: auto;
}

.header_area ul li.notifications .dropdown-content li .media {
  border-width: 0 0 1px;
  border-color: #e0e9ed;
  border-style: solid;
  background-color: #f9fbfc;
  padding: 10px 12px;
}

.header_area ul li.messages .dropdown-content .chack_all_btn {
  background-color: var(--mb-base-white);
  /*ecf5fa*/
}

a.waves-effect.chack_all_btn {
  background-color: var(--mb-base-white);
  /*ecf5fa*/
}

a.waves-effect.chack_all_btn:hover {
  color: var(--mb-primary-500);
}

a.a_kms-messages-dropdown-header {
  padding: 0;
}

a.a_kms-notifications-dropdown-header:hover {
  color: var(--mb-primary-500);
}

.hed_notic {
  min-height: auto;
  height: 100%;
  color: #263843;
  background: var(--mb-base-white);
  font-size: 14px;
  font-weight: 700;
  line-height: inherit;
  padding: 12px 12px;
  border-bottom: 1px solid #e0e9ed;
}

.kms-hed_notic-msg-dd {
  display: flow-root;
  position: relative;
  padding: 10px 12px;
}

.notifications .hed_notic span {
  color: #263843;
  display: inline-block;
  padding: 0;
  float: inherit;
  font-size: 12px;
  line-height: inherit;
}

.header_area ul li.notifications .dropdown-content li.hed_notic {
  color: #758690;
  font-size: 14px;
  min-height: auto;
  padding: 10px 12px;
  margin: 0;
  overflow: hidden;
}

.notifications .hed_notic span i {
  margin-left: 15px;
  display: inline-block;
  font-size: 14px;
  line-height: inherit;
}

.header_area ul li .dropdown-content li a {
  line-height: inherit;
}

.header_area ul li.user_dropdown .dropdown-content li a i {
  font-size: 20px;
  line-height: inherit;
  float: left;
  margin: 0 5px 0 0;
  width: 25px;
}

.header_area ul li.user_dropdown .dropdown-content li {
  line-height: 50px;
  background-color: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
}

/*Add to anny plugin*/
.a2a_full_footer a {
  visibility: hidden;
  display: none;
}

.kms-notifications-sub-header-notifs-note {
  padding: 12px;
}

.kms-notifications-sub-header-notifs-note p {
  color: #6f8ba6;
  font-size: 0.75rem;
  font-weight: normal;
}

.kms-dashboard-private-user-infos-notes {
  padding: 12px;
}

.kms-dashboard-private-user-infos-notes p {
  color: #6f8ba6;
  font-size: 0.75rem;
  font-weight: normal;
}

/* ******************************** SOCIAL NETWORK DESIGN ******************************** */

.kms-user-private-main-notification-fep-wrapper div#fep-wrapper {
  min-width: 100%;
}

.kms-user-private-main-notification-fep-wrapper .fep_unread_message_count_text {
  color: #e02200;
}

.kms-user-private-main-notification-fep-wrapper .fep_unread_announcement_count_text {
  color: #e02200;
}

.kms-user-private-main-notification-fep-wrapper ._p-kms_fepm-mask-message-box-size_notification {
  color: #6f8ba6;
}

.kms-SN-no-title-heading-font {}

.kms-SN-no-title-heading-font>.kms-price-title-txt_rmv_txt_drctn {
  display: none;
  visibility: hidden;
}

/*Chez dealer*/
.kms-SN-no-title-heading-font>a.rmv_txt_drctn {
  visibility: hidden;
  display: none;
}

/*...end desktop mediaQ SOCIAL NETWORK REDESIGN */


/*FOOTER SOCIAL RIGHT SIDEBAR*/
.kms-footer-roaming-module {
  display: block;
  position: relative;
  margin: 12px 0;
  padding: 12px;
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-gray-300);
  border-radius: 3px;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

li.kms-footer-Footer-item {
  display: inline;
  float: left;
  margin: 0;
  padding-right: 10px;
  color: var(--mb-gray-500);
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
}

a.kms-footer-Footer-link {
  color: var(--mb-gray-500);
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: normal;
}

a.kms-footer-Footer-link:hover {
  text-decoration: underline;
}

.kms-footer-flex-module.kms-footer-Footer-adsModule {
  display: inline-block;
  min-width: 100%;
  margin: 10px 0 0;
  padding: 10px 0 0px;
  line-height: 1.5;
  border-top: 1px solid #e5ecf0;
}

.kms-footer-flex-module-footer {
  color: var(--mb-gray-500);
  color: var(--mb-gray-500);
  font-size: 0.75rem;
}

.kms-footer-u-table {
  display: table;
}

span.kms-footer-u-hiddenVisually {
  color: #50aaf0;
}

span.kms-footer-u-hiddenVisually:before {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0 10px 0 0px;
}

span.kms-footer-divider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background-color: var(--mb-base-white);
  margin: 0 0px;
  height: 12px;
  width: 0px;
}

/******** _______ ********/
/*footer menu on mobile menu*/
h3.h3-kms-ftr-mm {
  display: none;
  font-size: 1rem;
  text-align: center;
  color: var(--mb-base-white);
  margin: 20px 0 10px;
}

h4.h4-kms-ftr-mm {
  display: block;
  position: relative;
  min-height: 100%;
  height: 100%;
  min-width: max-content;
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
  font-size: 0.75rem;
  color: var(--mb-base-white);
  margin: 0px 0px;
  padding: 5px 15px;
  border-bottom: 0px solid rgba(255, 255, 255, .5);
  text-transform: capitalize;
}

.kms-ftr-mm-roaming-module {
  display: block;
  position: relative;
  padding: 0px;
  overflow: hidden;
  box-sizing: border-box;
}

ul.kms-ftr-mm-u-cf {
  display: inline-grid;
  position: relative;
  min-height: 100%;
  height: 100%;
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
  margin: 0px 0 0px;
  padding: 0px 0px;
}

li.kms-ftr-mm-Footer-item {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 12px 10px 12px 15px;
  min-width: 100%;
  color: var(--mb-base-white);
  font-size: 1rem;
  line-height: 1.5;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #e2e8f0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.kms-ftr-mm-Footer-link {
  color: var(--mb-gray-500);
  font-size: 1rem;
}


.kms-ftr-mm-flex-module.kms-ftr-mm-Footer-adsModule {
  display: inline-block;
  position: relative;
  margin: 10px;
}

span.kms-ftr-mm-u-hiddenVisually:before {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0 10px 0 0px;
}

span.kms-ftr-mm-u-hiddenVisually {
  font-size: 0.75rem;
  text-align: center;
}

.kms-ftr-mm-Footer-link:after {
  content: "\f054";
  /*content: "→";*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: auto;
  /*1.4em*/
  height: auto;
  /*1.4em*/
  float: right;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

/*...end FOOTER SOCIAL RIGHT SIDEBAR*/



/* category-sidebar */
.kms-content-category-sidebar {
  display: block;
  position: relative;
  background-color: var(--mb-base-white);
  border: 1px solid #bfccd9;
  border-radius: 0.5rem;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.kms-header-category-sidebar {
  display: flex;
  min-height: inherit;
  color: var(--mb-gray-900);
  font-weight: 700;
  background-color: #fafbfc;
  justify-content: flex-start;
  padding: 12px 20px;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e5ecf0;
}

.kms-card-category-sidebar {
  position: relative;
  padding: 15px 20px 0;
  background-color: var(--mb-base-white);
  border-radius: 0px;
  border-top: 1px solid #e5ecf0;
  border-top-color: #cfdae6;
  font-weight: normal;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.kms-title-category-sidebar {
  font-size: 1rem;
  font-weight: 700;
}

.kms-body-category-sidebar {
  position: relative;
  padding: 0px;
}

.kms-card-header-category-sidebar {
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 15px;
  outline: none;
}

.kms-card-header-category-sidebar a {
  color: var(--mb-primary-500);
  /*1e2225 1ca0f0*/
  display: block;
  font-size: 1rem;
  font-weight: 500;
}

.id-kms-collapse-category-sidebar {
  border-top: 1px solid #e6ecf0;
  color: #000;
  font-size: 1rem;
  margin-top: 5px;
  margin-bottom: 0;
  padding-top: 15px;
}

.kms-collapse-category-sidebar {
  color: #000;
  margin: 0px 0 0;
  padding: 15px 0;
  border-top: 1px solid #e5ecf0;
}


.kms-footer-gray-ftr-copyright-trademark {
  color: var(--mb-gray-500);
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
}

.kms-footer-gray-ftr-copyright-my_brand {
  margin: 5px 0 0;
  color: var(--mb-gray-500);
  color: var(--mb-gray-500);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
}

i.i-kms-category-sidebar {
  display: block;
  position: absolute;
  float: right;
  top: 50%;
  /*transform: translate(0px, -50%);*/
  top: 16px;
  bottom: auto;
  right: 25px;
  left: auto;
  margin: 0;
}

.kms-collapse-category-sidebar ul {
  padding: 0px 0 0 15px;
}

.kms-collapse-category-sidebar a:hover {
  text-decoration: underline;
}

/*...end category-sidebar*/



/*********** SignIn-Signup-OU ****************/
.dropdown-content.kms-login-form-unregistered.stm-login-form-unregistered span.stm-listing-loader {
  display: none;
  visibility: hidden;
}

.dropdown-content.kms-login-form-unregistered.stm-login-form-unregistered span.stm-listing-loader.visible {
  display: block;
  visibility: visible;
}

.kms-container-SignIn-SignUp-OU {
  width: 90%;
  margin: 20px auto;
}

.kms-main-SignIn-SignUp-OU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0%;
}

.kms-SignIn-SignUp-OU-left {
  height: 1px;
  width: 100%;
  background-color: #cfdae6;
}

.kms-SignIn-SignUp-OU {
  white-space: nowrap;
  margin: 0 10px;
  color: var(--mb-gray-400);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: inherit;
  text-transform: uppercase;
}

.kms-SignIn-SignUp-OU2 {
  color: var(--mb-gray-500);
}

.kms-SignIn-SignUp-OU-right {
  height: 1px;
  width: 100%;
  background-color: #cfdae6;
}

/*4 Buttons group ui profil *********************************************************/

/*btns group ui 1*/
.kms-main-btns-group-user-public-profil {
  margin: 8px 0px;
  padding: 0 0px;
}

._4da-kms-btns-group-justified {
  /*
    overflow: hidden;
    display: flex;
    display: inline-flex;
	*/
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #bfccd9;
  border-radius: 0.5rem;
}

._4a-kms-btns-group-user-pp {
  display: inline-grid;
  width: 25%;
  padding: 5px;
  color: #3c4858;
  font-size: 14px;
  font-weight: 700;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #bfccd9;
  background-color: var(--mb-base-white);
}

._4a-kms-btns-group-user-pp:hover {
  color: var(--mb-base-white);
  border: 1px solid #204c74;
  background-color: #286090;
}

._4a-kms-btns-group-user-pp:focus {
  color: var(--mb-base-white);
  border: 1px solid #204c74;
  background-color: #286090;
}

._4a-kms-btns-group-user-pp:active {
  color: var(--mb-base-white);
  border: 1px solid #204c74;
  background-color: #286090;
}

._4a-kms-btns-group-user-pp:hover:after {
  visibility: hidden;
}

._4a-kms-btns-group-user-pp:active:after {
  visibility: hidden;
}

._4a-kms-btns-group-user-pp:focus:after {
  visibility: hidden;
}

._4a-kms-btns-group-user-pp i {
  font-size: 1rem;
  margin: 0 0 0px;
}

._4a-kms-btns-group-user-pp:after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 1px;
  right: 1px;
  top: 0px;
  background-image: linear-gradient(to top, rgba(200, 200, 201, 0) 0%, #bfccd9 50%, rgba(200, 200, 201, 0) 100%);
}

._4a-kms-btns-group-user-pp:last-child:after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 1px;
  right: 0px;
  top: 0px;
  background-image: linear-gradient(to top, rgba(200, 200, 201, 0) 0%, #bfccd9 50%, rgba(200, 200, 201, 0) 100%);
  visibility: visible;
}

/*btns group ui2*/
._4_4dda {
  display: inline-block;
  width: 25%;
  margin: 0 0px;
}

._4_4ddaa {
  width: 100%;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #bfccd9;
  border-radius: 0;
}

._4a-lc:after {
  visibility: hidden;
}

._4_4ddaa:hover:after {
  visibility: hidden;
}

/*3*/
.mb__ProfileCover_4da-btns-group {
  display: inline-flex;
  width: auto;
  padding: 0 0px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #bfccd9;
  border-radius: 0.5rem;
}

.mb__PC_4a-bgupp {
  display: inline-block;
  width: 100%;
  padding: 5px 15px;
  color: var(--mb-gray-900);
  ;
  font-size: 14px;
  font-weight: 700;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #bfccd9;
  background-color: var(--mb-base-white);
  border-radius: 0px 0 0 0px;
  line-height: inherit;
  
  box-shadow: none;
}

.mb__4_4dda {
  display: inline-block;
  width: auto;
  margin: 0 0px;
  padding: 0px;
  border-width: 0px 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-base-white);
}

.mb__PC-main-bgupp {
  display: inline-block;
  position: relative;
  margin: 10px 0px;
  padding: 0 0px;
  float: right;
  right: 0;
  text-align: right;
  min-width: calc(100% - 160px - 20px - 20px);
}

.mb__PC_4a-bgupp i {
  margin: 0 8px 0 0;
  color: var(--mb-gray-400);
}

._4a-fc {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #bfccd9;
  border-radius: 3px 0 0 3px;
}

._4a-lc {
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #bfccd9;
  border-radius: 0px 3px 3px 0px;
}

/*KNOWLEDGE *********************************************************/

.kms-knowledge-call-user-name {
  font-weight: 700;
  text-transform: lowercase;
}


/*Les display *********************************************************/

.entry-header.left.small_title_box {
  visibility: hidden;
  display: none;
}

/*fil d'ariane*/
.stm_breadcrumbs_unit.heading-font {
  display: none;
  visibility: hidden;
}

/*footer cotegory on widget*/
.gray-ftr-widget-cols_4 {
  display: none;
  visibility: hidden;
  padding: 50px 0 50px;
}

/*..........end Les display*/


/* ******************************** KEMS desktop/mobilapp application ******************************** */
body#body-no-head div#top-bar {
  display: none;
  visibility: hidden;
}

body#body-no-head div#header {
  display: none;
  visibility: hidden;
}




.kms-Cookies-Consent-only-desktop {
  display: block;
  visibility: visible;
}

.kms-Cookies-Consent-only-mobilapp {
  display: none;
  visibility: hidden;
}

/*Contre-attaque*/
.help_kms-enGlobe_li-list-loop-action {
  display: inline-block;
  /*pour-scroll*/
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

._gray-content-fluid-subnav {
  /*
	display: block;
	visibility: visible;
	*/
  position: relative;
  background-color: #ccc;

  display: none;
  visibility: hidden;
}

.kms-contre-mobilapp-minus-for-desktop {
  display: block;
  visibility: visible;
}


/*MODAL POPUP SHARE*/

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: var(--mb-base-white);
  margin: 0.5em
}

.resp-sharing-button {
    border-radius: 0.5rem;
  transition: 25ms ease-out;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: var(--mb-base-white);
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: var(--mb-base-white);
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
  background-color: #FF6600
}

.resp-sharing-button--hackernews:hover,
.resp-sharing-button--hackernews:focus {
  background-color: #FB6200
}

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

.resp-sharing-button--vk {
  background-color: #507299;
  border-color: #507299;
}

.resp-sharing-button--vk:hover .resp-sharing-button--vk:active {
  background-color: #43648c;
  border-color: #43648c;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;
}

/**/
.kms-resp-sharing-button__link,
.kms-resp-sharing-button__link:hover .kms-resp-sharing-button__link:active {
  display: block;
  margin: -1px 0;
  color: var(--mb-gray-500);
  border-width: 1px 0 1px;
  border-style: solid;
  border-color: #f5f7fa;
}

.kms-resp-sharing-button,
.kms-resp-sharing-button:hover,
.kms-resp-sharing-button:active {
  font-size: 1rem;
  font-weight: normal;
  color: var(--mb-gray-500);
  background-color: transparent;
}

.kms-window-popup-modal-Share {
  width: 400px;
}

.resp-sharing-button__icon i {
  display: inline-block;
  position: relative;
  
  margin: 0 10px 0 0;
  padding: 5px 15px;
  padding: 0;
  font-weight: 100;
  color: var(--mb-gray-400);
  border: 0px solid #cfdae6;
  border-radius: 9999px;
  background-color: rgba(245, 247, 250, .25);
  text-align: center;
  vertical-align: middle;
}

.ibtnAnnulerShare {
  border: 0px solid #cfdae6;
  background-color: rgba(245, 247, 250, .0);
}

.kms-isharePastAd {
  top: 0;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}


/*User*/

.stm_listing_tabs_style_2 .stm-seller-title {
  font-size: 1rem;
  color: var(--mb-gray-900);
  font-weight: 700;
}

.kms-HeadTop-ui-pprofil {
  display: block;
  width: 100%;
  padding: 8px 10px 5px;
  background-color: var(--mb-base-white);
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #cfdae6;
}

.back-btn-upp,
.kms-upp-HeadTop-LeftRight-btns {
  display: block;
  position: relative;
  width: auto;
  padding: 5px 10px;
  color: var(--mb-gray-500);
  font-size: 1rem;
  font-weight: normal;
  border-style: solid;
  border-width: 1px;
  border-color: var(--mb-gray-500);
  border-radius: 9999px;
  overflow: hidden;
  text-align: center;
}

.kms-UserName-UserCountPost {
  text-align: center;
}

.kms-HeadTop-UserName {
  color: var(--mb-gray-900);
  font-weight: 700;
}

.kms-SubHeadTop-UserCountPost {
  display: block;
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: normal;
  text-transform: lowercase;
}

.back-btn-upp i {
  top: 0px;
  line-height: inherit;
}



/*Header sticky rest*/
.kms_top-container_rest {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

.kms_header_rest {
  padding: 0px 0px;
  background: var(--mb-base-white);
  color: #f1f1f1;
  z-index: 999;
  /*
				position: fixed;
				top: 0;
				width: 100%;
			*/
}

.kms_content_rest {
  padding: 16px;
}

.kms_sticky_rest {
  position: fixed;
  top: 0;
  width: 100%;
}

.kms_sticky_rest+.kms_content_rest {
  padding-top: 102px;
}

/**/
.kms_headerREST {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

#kms_navbarREST {
  overflow: hidden;
  background-color: #333;
}

#kms_navbarREST a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#kms_navbarREST a:hover {
  background-color: #ddd;
  color: black;
}

#kms_navbarREST a.active {
  background-color: #4CAF50;
  color: white;
}

.kms_contentREST {
  padding: 16px;
}

.kms_stickyREST {
  position: fixed;
  top: 0;
  width: 100%;
}

.kms_stickyREST+.kms_contentREST {
  padding-top: 60px;
}

/**/
.kms-inherit {
  display: inherit;
  min-width: inherit;
  width: inherit;
  line-height: inherit;
  padding: 0;
  color: inherit;
  background: inherit;
  background-color: inherit;
  border: 0;
}

.tooltiptext {
  background-color: #fef6e7;
  border: 1px solid #fc3;
  color: #ac6600;
  padding: 6px 10px;
  font-weight: 500;
  border-radius: 0.5rem;
  font-size: 0.75rem;
}

/************* GRAY1 END *******************/

/**-- ----------------------------------------------------
	 Sticky header
---------------------------------------------------------- **/

.js_app_header_topSticky, .app_header-SingleCar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
  position: fixed;
  top: 0;
  width: 100%;
  height: 55px;
  height: 4rem;
  padding: 0rem 1rem;
  background-color: var(--mb-base-white);
  border-width: 0 0 0px;
  border-style: solid;
  border-color: var(--mb-gray-50);
  
  box-shadow: 0 5px 5px 0px rgb(0 0 0 / 5%);
  
  z-index: 10;
  transition: top 0.5s;
}

.SingleCar-header-userAvatar {
  display: block;
  position: relative;
  width: 2rem;
  height: auto;
  border-radius: 9999px;
  overflow: hidden;
}

.kms-user-pp-HeadTop {
  display: block;
  position: relative;
  padding: 10px 10px;
  background-color: #f5f7fa;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #cfdae6;
  z-index: 56;
}



/*Inverse*/
.js_app_header_bottomSticky {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0px;
  background-color: var(--mb-base-white);
  border-width: 0px 0 0;
  border-style: solid;
  border-color: #cfdae6;
  transition: bottom .3s;
  box-shadow: 0 -5px 5px rgb(0 0 0 / 10%);
  z-index: 10;
}

.HomenuBottom0 {
  bottom: 0;
  transition: bottom .3s;
}

.HomenuBottom-100 {
  bottom: -100px;
  transition: bottom .3s;
}

/**-- ----------------------------------------------------
	 LIGHT SN
---------------------------------------------------------- **/

.nav>li {
  display: inline-block;
}



.kms-UserAsideLeft {
  padding: 0;
  width: 25%;
  max-width: 25%;
  flex: inherit;
}

.kms-UserinAside-Main {
  float: right;
  width: 75%;
  max-width: 75%;
  flex: inherit;
  padding-right: 0;
}

.kms-BottomProfilCover-infos {
  padding: 12px;
}



.ads_blank {
  display: block;
  width: 100%;
  height: 100%;
}

/**-- ----------------------------------------------------
	 olympus
---------------------------------------------------------- **/



.top-header.top-header-favorit .author-name {
  color: var(--mb-base-white);
}

.top-header-thumb {
  position: relative;
}

.top-header-author {
  position: absolute;
}

.stunning-header {
  position: relative;
}

.profile-section {
  position: relative;
  padding: 38px 0;
  z-index: 3;
}

.profile-section.with-social-menu-tabs {
  padding: 0;
}

.header--standard.header--standard-landing {
  width: 100%;
  left: auto;
  top: 0;
}

.stunning-header .content-bg-wrap {
  z-index: -1;
}

.stunning-header-content {
  z-index: 5;
  text-align: center;
  position: relative;
  padding: 0 10px;
}

.stunning-header-bg1 {
  background-image: url(/wp-content/themes/montbouet/redesign/ol/img/landing-users.png);
}

.content-bg-wrap {
  background-position: 0 0;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  -webkit-animation: slide 50s linear infinite;
  animation: slide 50s linear infinite;
  will-change: background-position;
  background-size: auto;
}

.header--standard-landing {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  color: var(--mb-base-white);
}



/**-- ----------------------------------------------------
	 olympus STYCKY
---------------------------------------------------------- **/

li.nav-item.active a.nav-link {
  color: var(--mb-primary-500);
  border-width: 0 0 3px;
  border-style: solid;
  border-color: var(--mb-primary-500);
}


.stunning-header {
  padding-bottom: 120px;
  position: relative;
  color: var(--mb-base-white);
}

.stunning-header {
  position: relative;
}

.header--standard.header--standard-landing {
  width: 100%;
  left: auto;
  top: 0;
}

.header--standard-landing {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  color: var(--mb-base-white);
}



/**-- ----------------------------------------------------
	 Kms Floating labels in yellow
---------------------------------------------------------- **/
.kms_AddCarForm1_label {
  position: absolute;
  padding: 5px 0px 0px 10px;
  margin: 0;
  z-index: 1;
}



.kms-title-video-car-add-notif {
  position: relative;
  padding: 0px 0 0 0px;
}







/**-- ----------------------------------------------------
	 Floating labels
---------------------------------------------------------- **/



.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group input,
.form-label-group label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group label {
  display: block;
  position: relative;
  width: 100%;
  color: var(--mb-gray-900);
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}





/**/
#kms-b00tstrap-input:focus {
  color: var(--mb-gray-900);
}

#kms__input__type__text__login:focus {
  color: var(--mb-gray-900);
}

#kms__input__type__password__login:focus {
  color: var(--mb-gray-900);
}






/* ---------------------------------------------------------------------
    Pull to Refresh
---------------------------------------------------------------------- */

div#uniform-shouldptr {
  display: none;
}

/* ---------------------------------------------------------------------
    Horizontal scrolling apple
---------------------------------------------------------------------- */
.upp-socials-show {
  margin: 0.5rem 0;
  
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
  
  -webkit-overflow-scrolling: touch;
}



/* ---------------------------------------------------------------------
    INPUT
---------------------------------------------------------------------- */
.has-error .form-control {
  border: 1px solid #c70900;
}

/* ---------------------------------------------------------------------
    SHOW HIDE PASSWORD
---------------------------------------------------------------------- */

.kms-form-group-psswd {
  
}

.button-psswd {
  display: block;
  position: relative;
  float: right;
  /*
    top: 50%;
    transform: translateY(-50%);
	*/
  top: 0%;
  transform: translateY(0%);
  bottom: auto;
  right: 0;
  left: auto;
  padding: 10px;
  color: #000;
  background-color: inherit;
  background-color: transparent;
}

/*hide button password if is input empty*/
.is-empty .button-psswd {
  visibility: hidden;
  display: none;
}

input#psswd {
  flex: 1;
  float: left;
  background-color: #f5f7fa;
  background-color: transparent;
  border: 0px solid #cfdae6;
}



/*
 .is-focused > .button-psswd {
    color: #0070ff;
}
input#psswd:hover {
    color: #0070ff;
}
input#psswd:active {
    color: #0070ff;
}
*/


/* ---------------------------------------------------------------------
    Share native 2
---------------------------------------------------------------------- */

.kms-native-shareble-post .share-button.kmshare-native-btn {
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 16px;
  border-radius: 0.5rem;
  text-decoration: none;
  background: 0 0;
  color: var(--mb-gray-500);
  font-weight: 700;
  border: 0 solid var(--mb-gray-300);
  border: 0 solid #7a8b93;
  padding: 0;
  min-width: 89px;
  background-color: inherit;
}

/* ---------------------------------------------------------------------
    Réparation css minify combine Start CSS Minify/ CSS Combine
---------------------------------------------------------------------- */

.toast__type-video-notif-add-car {
  margin: 0 0 10px;
}

.strong-kms-video-notif-add-car-message {
  font-weight: normal;
}

.header_area ul li.notifications {
  position: relative;
  display: inline-block;
}

.header_area ul li a .n-number

/*,.lOffer-compare .stm-current-cars-in-compare*/
  {
  position: absolute;
  top: -5px;
  right: 0px;
  width: 22px;
  height: 22px;
  color: var(--mb-base-white);
  background-color: #f63c3c;
  border: 3px solid var(--mb-primary-500);
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 16px;
  border-radius: 9999px;
  text-align: center;
  text-decoration: none;
}

.header_area ul li.notifications .dropdown-content {
  top: 42px;
}

.header_area ul li.user_dropdown .dropdown-content {
  top: 42px;
}

.header_area ul li.user_dropdown .dropdown-content li a:hover,
.header_area ul li.user_dropdown .dropdown-content li a:focus,
.header_area ul li.user_dropdown .dropdown-content li a.active {
  background: var(--mb-primary-500);
}

form#lsc__kms-srch-topbar-dsktop>span.twitter-typeahead>span:first-child {
  position: fixed;
}

.io-kms-_forgot_password_send {
  display: block;
}

.io-kms-login-form-forget .stm-forgot-password a {
  display: none;
  visibility: hidden;
}

/*/*Réparation css minify combine ...end*/


/* ----------------------------------------------------------------------
    1.0 - icons
------------------------------------------------------------------------- */

.stm-settings-confirm-password i.fa.fa-spinner:before {
  content: "\e97c";
  font-family: 'icomoon';
}

/* ----------------------------------------------------------------------
    1.0 - io modal pop up
---------------------------------------------------------------------- */

.card.io-kms-card {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #e6ecf5;
  border-radius: 0;
}

body#io-kms-LOGIN .modal-backdrop.fade.show {
  display: none;
}

#io-kms-REGISTER .modal-backdrop.fade.show {
  display: none;
}

#io-kms-FORGET .modal-backdrop.fade.show {
  display: none;
}

body#io-kms-LOGIN .modal-backdrop,
body#io-kms-REGISTER .modal-backdrop,
body#io-kms-FORGET .modal-backdrop {
  opacity: 1;
}


.stm-label.h4 i.fa.fa-youtube-play:before {
  content: "\e912";
  font-family: 'icomoon';
}

.col-kms-cb-badges {
  min-width: 100%;
}



.more {
  position: relative;
  transition: all .3s ease;
  color: var(--mb-gray-400);
  fill: #adbdcc;
}

.social-menu-tabs.nav-tabs .nav-link svg {
  margin-right: 10px;
  fill: #adbdcc;
}

/*Delete-me*/
.kms-delete-me-global-container {
  margin: 0 0 12px;
  padding: 20px 20px;
  border: 1px solid var(--mb-gray-300);
  border-radius: 0.5rem;
  color: var(--mb-gray-500);
  background-color: var(--mb-base-white);
}

.kms-delete-me-global-container a {
  color: #1fb6ff;
  color: #009eeb;
}

.kms-delete-me-main-title {
  margin: 12px 0 12px;
  padding: 12px 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.kms-delete-me-main-contain {
  font-weight: normal;
}

.kms-delete-me-download-my-data {
  padding: 10px 20px;
  font-size: 0.75rem;
}

._h6-kms-dmdmd {
  display: inline-block;
}

.i-kms-dmdmd {
  color: #e0e6ed;
  font-size: 20px;
  margin: 0 5px 10px 0px;
}

._42ft-kms-dmdmd {
  display: inline-block;
  position: relative;
  margin: 10px 0 0;
  padding: 3px 10px;
  color: var(--mb-gray-900);
  ;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid var(--mb-gray-300);
  border-radius: 3px;
  background-color: #f9fafc;
}

.grayuser-delete-account {
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  border-color: #b32424;
  background-color: #fee7e6;
  color: var(--mb-gray-900);
}

.grayuser-delete-account p {
  margin: 0;
}


.grayuser-delete-account input#plugin_delete_me_shortcode_password {
  margin: 1rem 0;
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.kms-delete-me-global-container input[type="submit"] {
  color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: #b32424;
  background-color: #d33;
}



/**/


.kms-ProSeller {
  visibility: hidden;
  display: none;
}

.kmSinglCarUserName {
  line-height: 60px;
}

.kms_ImgDlrSingleCar {
  display: flex;
  width: 5rem;
  height: auto;
  margin: 0 auto;
}

.ImgDlrSingleCar {
  width: 100px;
  height: 100px;
  border-radius: 9999px;
}

.stm-no-text-decoration {
  display: block;
  margin: 0.75rem 0;
  min-width: 100%;
  font-weight: 700;
}

/*
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 1;
}
*/


/**/
.kms-main-PostDscription {
  padding: 8px;
  border: 0px solid #ccc;
  background-color: var(--mb-base-white);
  text-transform: lowercase;
  white-space: nowrap;
  overflow: hidden;
}

.kms-PostDscription p {
  color: #2d3748;
}

.kms-main-PostDscription i {
  color: var(--mb-gray-400);
  font-size: 0.75rem;
}



.mb__4_4dda:last-child {
  border-radius: 0 5px 5px 0;
}

.mb__4_4dda:first-child {
  border-radius: 5px 0 0 5px;
}


.kms-ProfileNav-item--userActions {
  margin: 0px 0 0;
}

.kms-mob_user-pp-actions-btns {
  min-width: 100%;
}

.kms-actions-follow-btn {
  width: 48%;
  /*calc(100% - 15% - 5px)*/
  margin: 0 auto;
  padding: 5px 12px;
  font-weight: 700;
  
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 5px 5px 5px 5px;
  border-radius: 9999px;
  line-height: inherit;
}

.pp-mob-msg-me {
  display: inline-block;
  width: 48%;
  float: right;
  padding: 5px 5px;
  text-align: center;
  font-weight: 700;
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  line-height: inherit;
  box-shadow: none;
}

.kms-upp-mobile-EditProfil-btn {
  display: inline-block;
  width: calc(100% - 15% - 5px);
  width: 100%;
  margin: 0;
  padding: 5px 12px;
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  font-weight: 700;
  text-align: center;
}

.kms-actions-dd-tggl {
  width: 15%;
  padding: 5px 12px;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 5px 5px 5px 5px;
  border-radius: 9999px;
  line-height: inherit;
  box-shadow: none;
}

.kms-actions-dd-tggl i {
  font-size: 1rem;
}

.kms-actions-follow-btn i {
  margin: 0 0px 0 0;
}


.kms-actions-dd-tggl-li {
  margin: 0;
}

.kms-actions-dd-tggl-li:after {
  content: '';
  display: block;
  position: relative;
  height: 1px;
  width: 100%;
  left: 0;
  top: 1px;
  background-image: linear-gradient(to right, rgba(200, 200, 201, 0) 0%, #bfccd9 50%, rgba(200, 200, 201, 0) 100%);
}

.kms-actions-dd-tggl-a {
  padding: 5px 0px;
  font-size: 14px;
  font-weight: 700;
  color: #607080;
  background-color: transparent;
  border: 0px solid #bfccd9;
  text-align: left;
  line-height: inherit;
}

.kms-actions-dd-tggl-a i {
  margin: 0 10px 0 0;
  font-size: 20px;
  color: #607080;
}

ul.dropdown-menu.kms-actions-dd-tggl-ul {
  padding: 0 12px;
  overflow-y: scroll;
}

.kms-UserSubName {
  display: inline-block;
  display: block;
  font-size: 0.875rem;
  color: var(--mb-gray-500);
  text-transform: lowercase;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: text-bottom;
  
}

.kms-UserSubName:before {
  display: none;
}

.kms-no-ml svg {
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
}

body .media .media_body {
  display: inline-block;
  font-weight: normal;
  margin-left: 12px;
  flex: 1;
  text-decoration: none;
}


.accordion-faqs svg {
  width: 15px;
  height: 15px;
}

.widget.w-action {
  margin-bottom: 0;
}


.w-activity-feed .notification-event {
  max-width: 80%;
  display: inline-block;
  padding: 0 0 0 12px;
}

.w-activity-feed .author-thumb {
  height: 50px;
  width: 50px;
  float: left;
}

.w-activity-feed .author-thumb img {
  height: 50px;
  width: 50px;
  display: block;
}

ul.widget.w-activity-feed.notification-list {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #ddd;
}

ul.widget.w-friend-pages-added.notification-list.friend-requests {
  padding: 0;
  margin: 0;
  border: 0;
}



.w-friend-pages-added .author-thumb {
  height: 50px;
  width: 50px;
}







.mobile-app-tabs .nav-item {
  margin-bottom: 0;
  height: 70px;
  height: inherit;
}

ul.nav.nav-tabs.mobile-app-tabs li.nav-item {
  position: relative;
  width: auto;
  overflow: visible;
}


.social-menu-tabs.nav-tabs .nav-item:first-child .nav-link {
  border-left: 1px solid #e2e8f0;
  border-radius: 0;
}


.notifications .notifications_content li .media img {
  width: 40px;
  height: 40px;
}

.notifications .notifications_content li .media {
  padding: 20px 12px;
}


.kms-mod-footer-category-sidebar p {
  font-weight: normal;
  font-size: 0.75rem;
}

/* ----------------------------------------------------------------------
    1 - UI profil User Redesign
----------------------------------------------------------------------*/

/*refactoring profil
---------------------------------------------------------------------- */

.kms-max-w-md {
  max-width: 100%;
}

.kms-px-3 {
  padding: 0;
}

.kms-px-5 {
  margin: 0rem -.5rem 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.kms-ml-3 {
  margin-left: .75rem;
}

.kms-no-ml {
  min-width: 100%;
  margin: 0;
  /*Alternative for overflow-hidden*/
  width: 100%;
  clear: both;
  display: inline-block;
}

.kms-ui-socials-public-profil {
  min-width: 100%;
}

.kms-pad-12-counters {
  padding: 0 1.25rem 0rem;
}


.kms-cover-public-profil {
  height: 200px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.kms-ui-avatar-public-profil {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  max-height: max-content;
  height: auto;
  margin: -40px 0 0 0;

  background-color: #eee;
  /*border-width: 2px;*/
  border-radius: 9999px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}

.kms-ui-avatar-public-profil>i.stm-service-icon-user {
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 70px;
  font-size: 50px;
  margin: 0 auto;
  color: #555;
}

.kms-ui-avatar-public-profil img {
  border-radius: 9999px;
}


._3-w-2 {
  width: 32%;
  margin: 10px auto;
  text-align: center;
}

.kms-container-ui-profil {
  border-style: solid;
  border-width: 1px;
  border-radius: .5px .5rem 0rem 0rem;
  border-radius: 0.5rem;
}

.kms-fw-counter {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

._3-w-2-txt {
  font-size: 10px;
}


/*Buttons public profil
----------------------------------------------------------------------*/

.kms-contain-ui-btns-public-profil {
  display: flex;
  display: inline-flex;
  min-width: 100%;
}

.kms-ui-btns-public-profil {
  width: 50%;
  margin: 0rem .5rem;
  padding: .25rem 0;
  padding: 0px 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  background-color: inherit;
  border-style: solid;
  border-width: 2px;
  /*border-radius: 9999px;*/
}

.kms-ui-btn-setting_my-public-profil {
  color: var(--mb-gray-900);
  ;
  border-color: #cfdae6;
}

.kms-ui-btn-setting_my-public-profil:hover {
  color: #000;
  border-color: #657585;
}

.kms-ui-btn-follow_me-public-profil {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  /*007fcf*/
  border-color: var(--mb-primary-500);
}

.kms-ui-btn-follow_me-public-profil:hover {
  background-color: #005fa3;
  /*3182ce*/
  border-color: #005fa3;
}

.a_kms-ui-btn-follow_me-public-profil {
  color: var(--mb-base-white);
}

.kms-ui-btn-message_me-public-profil {
  color: var(--mb-base-white);
  /*1e2225*/
  background-color: #48bb78;
  border-color: #38a169;
  border-color: #48bb78;
  /*cfdae6*/
}

.kms-ui-btn-message_me-public-profil:hover {
  color: var(--mb-base-white);
  border-color: #38a169;
  /*657585*/
}

.a_kms-ui-btn-message_me-public-profil {
  color: var(--mb-gray-900);
  color: var(--mb-base-white);
  display: inline-block;
  padding: 4px 0px;
}

.a_kms-ui-btn-message_me-public-profil:hover {
  color: #000;
  color: var(--mb-base-white);
}

a.kms-btn-ui-user-public-profil {}

.kms-btn-ui-setting-my-profil {
  color: var(--mb-gray-900);
  background-color: var(--mb-base-white);
}

.kms-no-rounded-lg {
  border-radius: 0.5rem;
}


.ui-dealer-cover-img-pp {
  margin: 0 0px 0 0;
  height: 15rem;
  min-width: auto;
  width: auto;
  max-width: 100%;
}

.kms-ui-dealer-clearfix-logo_star-rating {
  margin: 70px 0 0;
  padding: 0 0 0 12px;
}

.block-dppfmb {
  margin: 0px 0px 12px;
  padding: 0px 10px;
}

.dppfmb {
  width: auto;
  min-width: 45%;
}

.kms-anti-dealer-top-left-mobilapp {
  display: inline-block;
  margin: 0;
}

.kms-dlr-no_m-btn {
  margin: 0;
  float: right;
}



.friend-item-content {
  position: relative;
}

.more-dropdown {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  width: 180px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, .1);
  background-color: var(--mb-base-white);
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear .3s, opacity .3s linear;
  text-align: left;
  padding: 15px 20px;
  z-index: 5;
}


.kms-ol-friend-since {
  
}

.friend-item .swiper-container {
  padding: 0;
}

.friend-avatar {
  position: relative;
  margin: 0;
}

.friend-avatar .author-thumb {
  margin: 0 auto;
  text-align: center;
}

.kms-ol-socials-clearfix-private {
  width: 100%;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}



.friend-item {
  border-radius: 0px;
  border: 0px solid var(--mb-gray-300);
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-dealer-bot-info .stm_website_url {
  float: left;
  font-size: 0.75rem;
  
  vertical-align: top;
  width: 100%;
  /*margin: 0px 0 25px;*/
}

/*404*/
._404-kms-refacto-steeve {
  display: inline-block;
  position: relative;
  min-height: -webkit-fill-available;
  height: auto;
  max-height: inherit;
  overflow: scroll;
}

._404-kms-refacto {
  display: inline-block;
  position: relative;
  min-height: -webkit-fill-available;
  height: auto;
  max-height: inherit;
  overflow: scroll;
}

._404-kms-refacto-inner {
  /*
	display: inline-block;
    position: relative;
	min-height: -webkit-fill-available;
    height: auto;
    max-height: inherit;
	max-width: inherit;
	margin: 2rem;
	overflow: scroll;
	*/
}

._4-dp {
  font-size: 20px;
}

._4-dq {
  font-size: 1rem;
  font-weight: 500;
  line-height: 30px;
  margin: 20px 0;
}

div#js_0 {
  margin: 25px 0;
  padding: 20px 0;
}

div#js_0 a {
  font-size: 1rem;
  font-weight: normal;
  color: #003580;
  cursor: pointer;
}

button._404kms-btn-go-home {
  font-weight: 700;
  border-width: 2px;
  border-radius: .5rem;
  padding: 1rem 0;
  text-transform: uppercase;
  color: #000;
  background-color: transparent;
}

._404kms-a-go-home {
  font-weight: 700;
  border-width: 2px;
  border-radius: .5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-transform: uppercase;
  color: #000;
}

.uppDD-mobile2 {
  /*
    visibility: hidden;
    display: none;
	*/
}


/*OPENLIST*/
.notifications .follow .media .media_body .btn_group {
  float: right;
  line-height: 1;
  padding-top: 5px;
  display: inline-flex;
}

/* ----------------------------------------------------------------------
   1 - UI profil User Redesign mobile
----------------------------------------------------------------------*/


/* ----------------------------------------------------------------------
   1 - DISCONNECTED MESSAGE BUTTON
----------------------------------------------------------------------*/
.kms-Dscncted-MsgBtn-Modalfade {
  text-align: left;
}

#DisconnectedMsgBtnUSER {
  background-color: rgba(0, 0, 0, .8);
}

#DisconnectedMsgBtnDEALER {
  background-color: rgba(0, 0, 0, .8);
}

.kms-Dscncted-MsgBtn-ModalContent {
  width: 90%;
}

.kms-Dscncted-MsgBtn-ModalHeader {
  border: 0;
  background-color: var(--mb-base-white);
  border-radius: 20px 20px 0 0 !important
}

.kms-Dscncted-MsgBtn-ModalFooter {
  border: 0;
  text-align: left;
  background-color: var(--mb-base-white);
  border-radius: 0 0 20px 20px;
}

.kms-Dscncted-MsgBtn-ModalTitle {
  color: var(--mb-gray-900);
  font-size: 20px;
  font-weight: 700;
}

.kms-Dscncted-MsgBtn-close {
  opacity: inherit;
  color: #657585;
}

.kms-Dscncted-MsgBtn-close i {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
}

.kms-Dscncted-MsgBtn-Modalbody {
  padding: 0px 15px;
}

.kms-Dscncted-MsgBtn {
  width: 48%;
  text-align: center;
  font-size: 1rem;
  color: var(--mb-primary-500);
  font-weight: 700;
  border: 1px solid var(--mb-primary-500);
  border-radius: 9999px;
  padding: 6px 12px;
}

.DscnctedMsgBtns_logIn {
  color: var(--mb-primary-500);
  background-color: var(--mb-base-white);
  border: 1px solid var(--mb-primary-500);
  float: left;
}

.DscnctedMsgBtns_signUp {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  border: 1px solid var(--mb-primary-500);
  float: right;
}


/*Putain de select 2*/






/*saodat radio button checked start*/

div.radio span {
  background-image: none;
  background-color: #dfe1e5;
  border-radius: 9999px;
}

div.radio span.checked {
  background-image: none;
  background-color: var(--mb-primary-500);
  /*1bc744*/
  border-radius: 9999px;
}

div.radio span.checked:after {
  content: '';
  background-color: var(--mb-base-white);
  z-index: 100;
  width: 6px;
  /*8*/
  height: 6px;
  /*8*/
  position: absolute;
  left: 5px;
  /*4*/
  top: 5px;
  /*4*/
  border-radius: 9999px;
}

/*saodat radio button checked end*/

/*saodat checkbox checked start*/
div.checker span {
  background-image: none;
  background-color: var(--mb-base-white);
  /*f5f7fa dfe1e5*/
  border-radius: 4px;
  border: 2px solid var(--mb-gray-500);
  width: 18px;
  height: 18px;
}

div.checker span.checked {
  background-image: none;
  background-color: var(--mb-primary-500);
  /*1bc744*/
  border: 2px solid var(--mb-primary-500);
  /*1BC744*/
  border-radius: 3px;
  width: 18px;
  height: 18px;
}

div.checker span.checked:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
}

/*sao checkbox checked end*/

._3-w-2-nbr {
  color: var(--mb-base-white);
  font-size: 18px;
  font-weight: 900;
}

._3-w-2 {
  /*
    width: calc(100% / 3);
	width: auto;
	*/
}

.kms-pad-container-count-pp {
  margin: -60px 0 60px;
  padding: 0;
  height: auto;
  /*60px*/
  line-height: inherit;
  /*60px*/
  min-width: 100%;
}

.kms-vertical-effect-black {
  display: inline-block;
  position: absolute;
  min-height: 100px;
  height: 100px;
  min-width: 100%;
  right: 0;
  left: 0;
  margin: -100px 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  background-color: transparent;
  background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9));
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
  overflow: hidden;
}

._3-w-2-txt {
  color: var(--mb-base-white);
  font-weight: 500;
}



/* Regino
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ---------------------------------------------------------------------
    NATIVE SHARE BUTTON
---------------------------------------------------------------------- */










.share-button,
.copy-link {
  padding-left: 30px;
  padding-right: 30px;
}

.share-button,
.share-dialog {
  /*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	*/
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0px, 0px);
}

.share-dialog {
  display: none;
  width: auto;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .15);
  z-index: -1;
  border: 1px solid var(--mb-gray-300);
  padding: 10px;
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}


.share-dialog.is-open {
  display: block;
  z-index: 2;
}

.kmshare-dialog-header-native {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.targets {
  display: grid;

  grid-template-rows: 1fr 1fr;
  /*Je sais mais pas touche*/
  grid-template-columns: 1fr 1fr;
  /*Don't touch*/

  grid-gap: 5px;
  margin-bottom: 10px;
}

.close-button {
  background-color: transparent;
  border: none;
  padding: 0;
}

.close-button svg {
  margin-right: 0;
}

.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eee;
}

.pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.kmshare-dialog-nonative-btns {
  display: block;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: auto;
  right: auto;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all .3s ease;
}

.kmshare-dialog-nonative-btns.is-open {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
  left: auto;
  right: auto;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: all .3s ease;
}

.kmshare-nonative-btn {
  height: auto;
  line-height: inherit;
  min-width: auto;
  padding: 5px;
  color: var(--mb-gray-900);
  ;
  background-color: inherit;
  border-radius: 0.5rem;
  border: 1px solid #bfccd9;
  border-color: #cfdae6;
  
  text-align: center;
}

.kmshare-btns-capricieux {
  height: auto;
  min-width: auto;
  padding: 5px;
  color: var(--mb-gray-900);
  ;
  background-color: inherit;
  border-radius: 0.5rem;
  border: 2px solid #bfccd9;
  border-color: #cfdae6;
  
  text-align: center;
}

.kmshare-nonative-btn-cloz {
  color: var(--mb-gray-900);
  ;
  background-color: #f7fafc;
  border-radius: 0.5rem;
  border: 1px solid #bfccd9;
  border-color: #cfdae6;
  
  padding: 0 12px;
}

.link.kmshare-CopyLink {
  padding: 0px 0px 0 10px;
  color: var(--mb-gray-400);
  background-color: #edf2f7;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
}

.kmshare-CopyLink-btn {
  /*
	color: var(--mb-base-white);
    border: 0px solid var(--mb-primary-500);
    background-color: var(--mb-primary-500);
		*/
  color: var(--mb-gray-900);
  ;
  border: 1px solid #bfccd9;
  background-color: #f9fafc;
  
}

input#kmsInputLinkToCopy {
  border: 0 solid #cfdae6;
  background-color: inherit;
  border-radius: 0;
  padding: 0;
  text-overflow: ellipsis;
}

.kmshare-native-btn {
  border: 0px solid var(--mb-primary-500);
  background-color: var(--mb-primary-500);
  
}

.kmshare-nonative-title {
  height: inherit;
  line-height: inherit;
  margin: 0;
}

.kmshare-nonative-btn div#fb-root {
  display: inline-block;
}

.kmshare-nonative-btn .kms-fb-share-iframe span {
  margin: 0;
  display: inline-block;
  display: inline-flex;
}

.kmshare-nonative-title svg {
  margin: 0 5px 0 0px;
}

.kmshare-nonative-btn a span span button {
  opacity: 1;
  font-size: 13px;
  height: inherit;
  line-height: inherit;
  border-radius: 4px;
  
  padding: 0 20px;
  font-weight: 700;
}

.kmshare-linkedin-capricieux {
  opacity: 1;
  display: inline-block;
  position: relative;
  width: auto;
}

.kmshare-nonative-dialog-title {
  font-size: 25px;
  color: var(--mb-gray-900);
}

.kmshare-nonative-title {
  color: var(--mb-gray-900);
  ;
  
}

.kms-user-pp-native-share-btn .share-button.kmshare-native-btn {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 700;
  color: #607080;
  background-color: transparent;
  border: 0 solid #bfccd9;
  text-align: left;
  line-height: inherit;
}

.kms-single-car-native-share-btn {
  float: left;
  width: 30px;
  height: 30px;
  font-size: 22px;
  margin-right: 12px;
  background: inherit;
  display: inline-block;
  position: relative;
  text-align: center;
}

.kms-single-car-native-share-btn .share-button.kmshare-native-btn {
  min-width: inherit;
  padding: 0;
  color: #adbdcc;
  background-color: inherit;
  vertical-align: text-top;
}

.kms-single-car-native-share-btn .kmshare-native-txt {
  visibility: hidden;
  display: none;
}

.kms-single-car-native-share-btn svg {
  margin: 0;
}

.kms-btn-ftr-overbottom-sngl-img {
  min-width: 100%;
}

.mb__4_4dda .share-button.kmshare-native-btn {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 5px 15px;
  padding: inherit;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--mb-gray-900);
  ;
  font-size: 14px;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-color: #bfccd9;
  background-color: var(--mb-base-white);
  border-radius: 0;
  line-height: inherit;
  
}

.mb__4_4dda i {
  margin: 0 8px 0 0;
  color: var(--mb-gray-400);
}

.mb__4_4dda svg {
  margin: 0 8px 0 0;
  color: var(--mb-gray-400);
}

.kmshare-linkedin-capricieux-iframe svg {
  color: var(--mb-base-white);
}

.mb__4_4dda .kmshare-dialog-nonative-btns.is-open {
  top: 15%;
}

.kmshare-nonative-title {
  visibility: hidden;
  display: none;
}

.right.right_menu.hide-on-med-and-down {
  display: flex;
  margin: 0;
  padding: 0;
}


/*fb notifications*/

#nav,
#msgnav {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#nav li,
#msgnav li {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

#nav li a,
#msgnav li a {
  color: #333333;
  text-decoration: none
}

#nav li a:hover,
#msgnav li a:hover {
  color: #006699;
  text-decoration: none
}

#notification_li,
messageson_ i {
  position: relative
}

#notificationContainer,
#messagesContainer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  width: 400px;
  background-color: var(--mb-base-white);
  border: 1px solid rgba(100, 100, 100, .4);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  overflow: visible;
  z-index: 99;
}

#notificationContainer {
  top: 50px;
  left: 0%;
  transform: translate(-50%, 0%);
}

#messagesContainer {
  top: 20%;
  left: 50%;
  transform: translate(40%, 0%);
}

#notificationContainer:before,
#messagesContainer:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  color: transparent;
  border: 10px solid black;
  border-color: transparent transparent white;
  margin-top: -20px;
  margin-left: 188px;
}

#notificationTitle,
#messagesTitle {
  width: 100%;
  padding: 10px 12px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--mb-gray-900);
  background-color: var(--mb-base-white);
  border-bottom: 1px solid #ddd;
  z-index: 1000;
}

#notificationsBody,
#messagesBody {
  padding: 0px 0px 0px 0px;
  min-height: 200px;
}

#notificationFooter,
#messagesFooter {
  padding: 10px;
  font-size: 1rem;
  font-weight: 700;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  color: var(--mb-gray-900);
  background-color: #f5f7fa;
  text-align: center;
}

#notification_count,
#messages_count {
  position: absolute;
  padding: 2px 6px;
  margin: -10px 0 0 25px;
  font-size: 0.75rem;
  color: var(--mb-base-white);
  background-color: #c00;
  font-weight: 900;
  border: 3px solid var(--mb-primary-500);
  border-radius: 9999px;
  z-index: 1;
}



/*UserDrodown*/

.dropdown-el {
  overflow: hidden;
  color: #444;
  display: inline-block;
  position: relative;
  max-height: 3em;
  max-width: 3em;
  margin: 0;
  top: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f7fa;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  transition: .3s all ease-in-out;
}

.dropdown-el input:focus+label {
  background-color: #def;
}

.dropdown-el input {
  width: 1px;
  height: 1px;
  display: inline-block;
  position: absolute;
  opacity: 0.01;
}

.dropdown-el label {
  border-top: .06em solid #d9d9d9;
  display: block;
  height: 2em;
  line-height: 2em;
  padding-left: 1em;
  padding-right: 3em;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
}

.dropdown-el label:nth-child(2) {
  margin-top: 2em;
  border-top: .06em solid #d9d9d9;
}

.dropdown-el input:checked+label {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.dropdown-el input:checked+label:nth-child(2) {
  margin-top: 0;
  position: relative;
}

.dropdown-el::after {
  content: "";
  position: absolute;
  right: 0.8em;
  top: 0.9em;
  border: 0.3em solid #3694d7;
  border-color: #3694d7 transparent transparent transparent;
  transition: .4s all ease-in-out;
}

.dropdown-el.expanded {
  border: 0.06em solid #3694d7;
  background: var(--mb-base-white);
  border-radius: .25em;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
  max-height: 15em;
  max-height: inherit;
  max-width: inherit;
  position: absolute;
  z-index: 99;
  top: 90px;
}

.kms-dropdown-el.kms-ddEl-expanded {
  border: 0.06em solid #3694d7;
  background: var(--mb-base-white);
  border-radius: .25em;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
  max-height: 15em;
  max-height: inherit;
  max-width: inherit;
  position: absolute;
  z-index: 99;
  top: 90px;
}

.dropdown-el.expanded label {
  border-top: .06em solid #d9d9d9;
}

.dropdown-el.expanded label:hover {
  color: #3694d7;
}

.dropdown-el.expanded input:checked+label {
  color: #3694d7;
}

.dropdown-el.expanded::after {
  transform: rotate(-180deg);
  top: .55em;
}

.kms-dd-el-header {
  display: inline-flex;
  width: 100%;
  margin: 0;
  padding: 12px 12px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.kms-dd-el-header li {
  margin: 0;
}

.kms-dd-el-header a {
  color: var(--mb-gray-500);
  font-weight: 700;
}

.kms-dd-el-header i {
  margin: 0 5px 0 0;
  font-size: 20px;
}

.kms-dd-el-body {
  padding: 0px;
}

.kms-ul-dd-elBody li {
  width: 100%;
  margin: 0;
  padding: 15px 10px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #f5f7fa;
}

.kms-ul-dd-elBody a {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  color: var(--mb-gray-500);
  font-size: 1rem;
  font-weight: 700;
}

.kms-dd-el-footer {
  display: inline-flex;
  width: 100%;
  margin: 0;
  padding: 12px 12px;
  border-width: 1px 0 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.kms-dd-el-footer i {
  margin: 0 5px 0 0;
}


/*NEWDD*/

.kms-UserTopBarDDMenu {
  min-width: 250px;
  top: 35px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.kms-ul-dd-elBody {
  margin: 0;
  padding: 0;
}

.ul-user-dd-content {
  margin: 0;
  padding: 0;
}

.ul-user-dd-content li {
  margin: 0;
  padding: 0;
  width: 100%;
  border-width: 0px 0 0px;
  border-style: solid;
  border-color: #f5f7fa;
}

.kms_h5multiple-select-filter-sidebar {
  display: block;
  margin: 0 0 0.5rem;
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: 700;
}

.ksm-user-dropdown-content .ul-user-dd-content a,
.kms-dd-el-header a {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  color: #657585;
  font-weight: 700;
  font-size: 14px;
  border-width: 0px 0 0px;
  border-style: solid;
  border-color: #f5f7fa;
  text-decoration: none;
  line-height: inherit;
  vertical-align: middle;
}

.ul-user-dd-content a:hover {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
}

.ul-user-dd-content i {
  margin: 0 5px 0 0;
  font-size: 20px;
  position: relative;
  top: 2px;
}

.kms-dd-el-header ul {
  margin: 0;
  padding: 0;
}

.kms-dd-el-footer ul,
.kms-dd-el-footer li {
  margin: 0;
  padding: 0;
}

.kms-dd-el-footer a {
  color: var(--mb-gray-500);
  font-weight: 700;
  text-decoration: none;
}

.kms-dd-el-footer i {
  font-size: 20px;
  font-weight: 700;
}

.kms-dd-el-footer a:hover {
  color: red;
}

.kms-UserTopBarDDMenuMsgsNotifs {
  margin: 0;
  padding: 0;
  border-color: #4f4f4f;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.kms-piker:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 100%;
  left: 15px;
  border-width: 0px 12px 12px;
  border-style: solid;
  border-color: rgb(79, 79, 79) transparent;
  left: 50%;
  transform: translate(-50%, 0%);
}

.kms-piker:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 100%;
  left: 17px;
  border-width: 0px 10px 10px;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent;
  left: 50%;
  transform: translate(-50%, 0%);
}

.kms-n-number-notif-dd {
  position: absolute;
  right: 0;
  margin: -5px 5px 0 0;
  padding: 0 5px;
  font-size: 0.75rem;
  font-weight: 900;
  color: rgb(255, 255, 255);
  background: rgb(204, 0, 0);
  border-width: 3px;
  border-style: solid;
  border-color: rgb(0, 68, 158);
  border-image: initial;
  border-radius: 9999px;
  overflow: hidden;
  z-index: 1;
}

.kms-opnlst-top-bar-icon-btn i,
.kms-service-icon-listing-compare-top-bar {
  color: rgba(255, 255, 255, .8);
  font-size: 20px;
  margin: 0 10px;
}

.kms-accessibleName-TopBar-i {
  visibility: visible;
  font-size: 20px;
}

.ulTopBariconsMenu {
  display: flex;
  margin: 0;
  padding: 0;
}

.header-login-url a {
  color: var(--mb-base-white);
  font-weight: 700;
  font-size: 1rem;
  line-height: inherit;
}

#top-bar .header-login-url a {
  font-size: 1rem;
}

.notificationsContainer {
  padding: 10px 12px;
}

.media_body {
  color: var(--mb-gray-500);
}



.kms-dd-login-form-unregistered {
  padding: 10px 12px;
  min-width: 250px;
}

.h4_kms-login-form-unregistered-dd {
  font-size: 1rem;
  margin: 0 0 10px;
}

.kms-dd-login-form-unregistered input[type="submit"] {
  min-width: 100%;
  margin: 10px 0 0;
}

.kms-dd-login-form-unregistered .kms-container-SignIn-SignUp-OU {
  width: 80%;
  margin: 0px auto 10px;
}

.kms-dd-login-form-unregistered .form-group {
  margin: 5px 0 5px;
}


/**-- -----------------------------------------------------------------------------------------------
		Gray-add Preloader iospinner
---------------------------------------------------------------------------------------------------- **/

.kms-site-preloader {
  display: none;
  visibility: hidden;
}

.stm-site-preloader .kms-site-preloader {
  display: block;
  visibility: visible;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
}

.kms-iospinner-blades-txt {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
}

.kms-ispinner-blades {
  display: inline-block;
  margin: 0 5px 0 0;
  left: 0;
  text-align: center;
}

.kms-ispinner-txt {
  display: inline-block;
  margin: 0 auto;
  left: 0;
}

.kms-ispnner-txt-loading {
  position: relative;
  margin: 0 auto;
  left: auto;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--mb-gray-500);
}


.ispinner {
  position: relative;
  width: 20px;
  height: 20px;
}

.ispinner .ispinner-blade {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10%;
  height: 25%;
  background-color: var(--mb-gray-500);
  /*8e8e93 657580 333*/
  background-color: #333333;
  border-radius: 9999px;
  border-radius: 50%/20%;
  -webkit-animation: iSpinnerBlade 1s linear infinite;
  animation: iSpinnerBlade 1s linear infinite;
  will-change: opacity;
}

.ispinner .ispinner-blade:nth-child(1) {
  -webkit-transform: rotate(30deg) translate(0, -150%);
  transform: rotate(30deg) translate(0, -150%);
  -webkit-animation-delay: -1.6666666667s;
  animation-delay: -1.6666666667s;
}

.ispinner .ispinner-blade:nth-child(2) {
  -webkit-transform: rotate(60deg) translate(0, -150%);
  transform: rotate(60deg) translate(0, -150%);
  -webkit-animation-delay: -1.5833333333s;
  animation-delay: -1.5833333333s;
}

.ispinner .ispinner-blade:nth-child(3) {
  -webkit-transform: rotate(90deg) translate(0, -150%);
  transform: rotate(90deg) translate(0, -150%);
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s;
}

.ispinner .ispinner-blade:nth-child(4) {
  -webkit-transform: rotate(120deg) translate(0, -150%);
  transform: rotate(120deg) translate(0, -150%);
  -webkit-animation-delay: -1.4166666667s;
  animation-delay: -1.4166666667s;
}

.ispinner .ispinner-blade:nth-child(5) {
  -webkit-transform: rotate(150deg) translate(0, -150%);
  transform: rotate(150deg) translate(0, -150%);
  -webkit-animation-delay: -1.3333333333s;
  animation-delay: -1.3333333333s;
}

.ispinner .ispinner-blade:nth-child(6) {
  -webkit-transform: rotate(180deg) translate(0, -150%);
  transform: rotate(180deg) translate(0, -150%);
  -webkit-animation-delay: -1.25s;
  animation-delay: -1.25s;
}

.ispinner .ispinner-blade:nth-child(7) {
  -webkit-transform: rotate(210deg) translate(0, -150%);
  transform: rotate(210deg) translate(0, -150%);
  -webkit-animation-delay: -1.1666666667s;
  animation-delay: -1.1666666667s;
}

.ispinner .ispinner-blade:nth-child(8) {
  -webkit-transform: rotate(240deg) translate(0, -150%);
  transform: rotate(240deg) translate(0, -150%);
  -webkit-animation-delay: -1.0833333333s;
  animation-delay: -1.0833333333s;
}

.ispinner .ispinner-blade:nth-child(9) {
  -webkit-transform: rotate(270deg) translate(0, -150%);
  transform: rotate(270deg) translate(0, -150%);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.ispinner .ispinner-blade:nth-child(10) {
  -webkit-transform: rotate(300deg) translate(0, -150%);
  transform: rotate(300deg) translate(0, -150%);
  -webkit-animation-delay: -0.9166666667s;
  animation-delay: -0.9166666667s;
}

.ispinner .ispinner-blade:nth-child(11) {
  -webkit-transform: rotate(330deg) translate(0, -150%);
  transform: rotate(330deg) translate(0, -150%);
  -webkit-animation-delay: -0.8333333333s;
  animation-delay: -0.8333333333s;
}

.ispinner .ispinner-blade:nth-child(12) {
  -webkit-transform: rotate(360deg) translate(0, -150%);
  transform: rotate(360deg) translate(0, -150%);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}

.ispinner.ispinner-large {
  width: 35px;
  height: 35px;
}

.ispinner.ispinner-large .ispinner-blade {
  width: 8.5714285714%;
  height: 25.7142857143%;
  border-radius: 50%/16.67%;
}


.kms_3left {
  display: inline-block;
  position: relative;
  width: auto;
  float: left;
}

.kms_3center {
  display: flex;
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.kms_3right {
  display: inline-block;
  position: relative;
  width: auto;
  float: right;
}


/*Olympus*/
.card-header i,
.card-header svg {
  float: right;
  transition: all .3s ease;
  margin-top: 4px;
}

.card-header .collapsed i,
.card-header .collapsed svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*...END */

.kms-RgstrEmail-info {
  display: block;
  margin: 0.5rem 0 0;
  color: var(--mb-gray-500);
  font-size: 0.75rem;
  font-weight: 300;
  font-style: italic;
}



.stm-listing-favorite.car-action-unit.gray-favorite-like-btn:hover {
  color: var(--mb-gray-500);
  background-color: inherit;
}

.stm-listing-favorite.car-action-unit.gray-favorite-like-btn:active {
  background-color: inherit;
}

.stm-listing-favorite.car-action-unit.gray-favorite-like-btn i {
  color: var(--mb-gray-400);
}

.image .tooltip.fade.right.in {
  margin: 0;
  top: auto;
  bottom: 15px;
  left: 50px;
  right: auto;
}

.image .tooltip-arrow {
  border-right-color: #232628;
  top: 50%;
  transform: translateY(-50%);
}

.image .tooltip-inner {
  padding: 5px 10px;
  color: var(--mb-base-white);
  font-weight: 700;
  text-transform: none;
  border-radius: 9999px;
  font-size: 10px;
  border: 0px solid var(--mb-base-white);
  background-color: #232628;
}





.flex.items-start i {
  color: var(--mb-gray-400);
}

.kms-removehttp {
  color: var(--mb-primary-500);
}

.kms-Proverified:after {
  content: "";
  display: inline-block;
  position: relative;
  padding: 0;
  width: 70px;
  height: 14px;
  top: 0px;
  background: transparent url("/wp-content/themes/montbouet/redesign/assets/images/svg/pro-badge-outline-2.0.f84c499.svg") no-repeat 0 0;
  background-size: 65px 14px;
}


#Kms-ClassicFilterCollapse {
  display: block;
  visibility: visible;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}



/************* GRAY1 END *******************/


/* ---------------------
    1.0 - MESSAGE
------------------------ */




/**/
.kms_f-header_listing-layout .kms_f-header_SearchInventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion {
  color: #8595A6;
  padding: 0.875rem 1rem;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #eeeeee;
}


/**/

.kms_f-header_listing-layout {
  display: block;
  visibility: visible;
}

/* ========================================================================
   header : SearchBar
 ========================================================================== */

.kms_f-header_listing-layout .kms_f-header_SearchInventory {
  display: block;
  visibility: visible;
  opacity: 1;
  margin: 0 auto;
  float: none;
  text-align: start;
}

.kms_f-header_form-SearchBar {
  display: flex;
  align-items: center;
  color: #8a94a6;
  font-size: 14px;
  background-color: #f1f3f4;
  border-radius: 10px;
}

.kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_form-SearchBar input,
.kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_form-SearchBar input:focus {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  min-width: 500px;
  min-width: 37rem;
  width: 500px;
  height: auto;
  
  padding: 12px;

  color: #8a94a6;
  font-size: 0.875rem;
  font-weight: normal;
  background-color: #e1e8ed;

  border-width: 1px;
  border-style: solid;
  border-color: #e1e8ed;
  border-radius: 8px;

  box-shadow: inherit;
  outline: none;
}

/* SearchBar Button
   ========================================================================== */

.kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_btn-SearchBar,
.kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_btn-SearchBar :hover,
.kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_btn-SearchBar :focus {
  position: absolute;
  right: 0;
  top: auto;
  min-width: 50px;
  width: auto;
  height: auto;
  height: 100%;
  
  padding: 12px;
  border: 1px solid transparent;
  background-color: transparent;
  text-align: center;
  box-shadow: none;
}

.kms_f-header_listing-layout .kms_f-header_SearchInventory button i {
  color: var(--mb-gray-400);
}

/* SearchBar Search Bar tt-menu
   ========================================================================== */




.kms_f-header_listing-layout .kms_f-header_SearchInventory .tt-menu {
  top: inherit;
  top: 100%;
  width: 100%;
  background-color: var(--mb-base-white);
}

.kms_f-header_listing-layout .kms_f-header_SearchInventory .tt-menu .tt-dataset-stm_footer_terms {
  padding: 10px 0px;
  background: var(--mb-base-white);
  border: 1px solid #cfdae6;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 6px 12px rgb(0, 0, 0, 0.5);
  margin-top: 10px;
}

.kms_f-header_listing-layout .kms_f-header_SearchInventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion {
  color: #8595A6;
  padding: 5px 20px;
  border-bottom: 1px solid #eee;
}

.kms_f-header_listing-layout .kms_f-header_SearchInventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion:hover {
  color: var(--mb-gray-900);
  border-bottom: 1px solid #eee;
  background-color: #f5f7fa;
}

.kms_f-header_listing-layout .kms_f-header_SearchInventory .tt-menu .tt-dataset-stm_footer_terms .tt-suggestion:hover:after {
  content: "\59";
  font-family: 'grayedge';
  float: right;
}




@media (max-width: 992px) {

  /*mobile show search box clicked, hide before*/
  .show-searchbox .left_side {
    display: none;
  }

  /**/
  .kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_form-SearchBar input,
  .kms_f-header_listing-layout .kms_f-header_SearchInventory .kms_f-header_form-SearchBar input:focus {
    min-width: 100%;
    width: 100%;
  }
}



/**/
.action_PostOptions {
  color: var(--mb-gray-500);
}

.car-action-dealer-info {
  margin: 0;
}



/* SINGLE CAR : gray Carroussel brazzer bottom img slider
 ========================================================================== */
 
.brazzers-daddy {
    position: relative;
}
.tmb-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.tmb-wrap .tmb-wrap-table {
    display: table;
    height: 100%;
    width: 100%;
}
.tmb-wrap-table div {
    display: table-cell;
    border-width: 0 0 0.25rem;
    border-style: solid;
    border-color: var(--mb-gray-200);
    border-radius: 4px;
    
    transition: all .3s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.tmb-wrap-table div.active {
    border-color: var(--mb-primary-100);
}
.tmb-wrap-table div:first-child:last-child {
    border-color: transparent;
}

.brazzers-daddy img {
    width: 100%;
    position: relative;
    display: none;
    top: 0;
    left: 0;
    margin-bottom: 10px;
}
.stm-isearch-results-carousel-wrap img {
    margin: 0 0 0.75rem;
    border-radius: 0.5rem;
    height: 10rem;
    object-fit: cover;
}


.brazzers-daddy:after {
    content: "";
    display: table;
    clear: both;
}




/* public listing list : gray Carroussel img slider with table and table cell
 ========================================================================== */
 
.image a.rmv_txt_drctn {
  display: block;
    position: relative;
}

.listing-list-loop .image .image-inner {
    position: relative;
}
.image-inner.interactive-hoverable {
    width: 100%;
    min-height: 15rem;
    height: 15rem;
    max-height: 15rem;
    
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap {
   top: 0;
   left: 0;
   right: 0;
   bottom: 5px;
   display: table;
   position: absolute;
   position: relative;
   height: 100%;
   width: 100%;
   z-index: 1;
   overflow: hidden;
   
}
.stm-hoverable-interactive-galleries.stm-template-listing .listing-list-loop .interactive-hoverable .hoverable-wrap {
    min-height: unset;
}

.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit {
    display: table-cell;
    height: 100%;
    transition: all .3s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .thumb {
    border: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    opacity: 0;
    z-index: -2;
}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit.active .thumb {
    opacity: 1;
    z-index: -2;
}

.image-inner.interactive-hoverable img {
  display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.listing-list-loop .image .image-inner img {
    z-index: 2;
    position: relative;
}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .thumb img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity 0.15s;
    width: 100%;
}


/*indicators*/
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators {
    position: relative;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    
    width: 100%;
    height: 0.75rem;
    padding: 0 0.75rem;
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    
    gap: 0.5rem;
}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator {
    width: 100%;
    height: 0.25rem;
    background-color: var(--mb-gray-200);
}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator.active {
    background-color: var(--mb-primary-100);
}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator:nth-child(2n) {

}
.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-indicators .indicator:last-child {

}


.lg-actions .lg-next, .lg-actions .lg-prev {
    display: block;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%) !important;
    margin: 0;
    padding: 0.5rem;
    color: #999;
    background-color: rgba(0,0,0,.45);
    border: none;
    outline: 0;
    border-radius: 9999px;
    cursor: pointer;
    z-index: 1080;
}

/* gray loadind loaders  SITE PRELOADER 
 ========================================================================== */

/* sidebar filter loadind */



/* added compare btn */
.car-action-unit.add-to-compare.disabled:after {
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  -webkit-animation: rotating 2s infinite linear;
  animation: rotating 2s infinite linear;
  z-index: 20;
  
  /*Gray-add*/
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  left: auto;
  bottom: 50%;
  width: 1rem;
  height: 1rem;
  
  margin: 0 auto;
  border-width: 2px;
  border-style: solid;
  border-color: #000000 rgb(0 0 0 / 25%) rgb(0 0 0 / 25%);
  border-radius: 9999px;
  text-indent: -9999em;
  
  z-index: 99;
  
  animation: kms_spin3 1s;
  -webkit-animation: kms_spin3 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* loading listing*/



.stm-ajax-row:before {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  z-index: 4;
}
.stm-ajax-row.stm-loading:before {
  display: block;
  /*gray-add*/
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

.stm-ajax-row:after {
  content: '';
  opacity: 0;
  visibility: hidden;
  z-index: -1;

  display: block;
  position: absolute;
  margin: auto;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-width: 3px;
  border-style: solid;
  border-color: var(--mb-primary-500) var(--mb-primary-100) var(--mb-primary-100) var(--mb-primary-100);
  border-radius: 9999px;
  vertical-align: middle;
  

  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: rotating .5s infinite linear;
  animation: rotating 1s infinite linear;
  
  -webkit-animation: kms_spin3 1s;
  animation: kms_spin3 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.stm-ajax-row.stm-loading:after {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 5;
  /*because beafore z-index is 50*/
}


/* show phone loader */

.listing-archive-dealer-info .dealer-info-block .dealer-information .stm-show-number.load_number {
  color: transparent;
  color: blue;
  border-width: 0;
  border-style: dashed;
  border-color: transparent;
}

.listing-archive-dealer-info .dealer-info-block .dealer-information .stm-show-number.load_number:before {
  content: "\f1ce";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  position: relative;
  color: var(--mb-primary-500);
  left: 0;
  bottom: 0;
  content: '';
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500) var(--mb-primary-100) var(--mb-primary-100) var(--mb-primary-100);
  border-radius: 9999px;
  -webkit-animation: spin 1s;
  animation: spin 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/*single car listing show phone loarder*/
.stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.phone span.load_number {
  color: transparent;
  border-width: 0;
  border-style: dotted;
  border-color: transparent;
}
.stm-listing-car-dealer-info .dealer-contacts .dealer-contact-unit.phone span.load_number:before {
  content: "\f1ce";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  left: 0;
  content: '';
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500) var(--mb-primary-100) var(--mb-primary-100) var(--mb-primary-100);
  border-radius: 9999px;
  -webkit-animation: spin 1s;
  animation: spin 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/*Login loading*/

.stm-icon-load1:before {
  content: "\f1ce";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500) var(--mb-primary-100) var(--mb-primary-100) var(--mb-primary-100);
  border-radius: 9999px;
  text-indent: -9999em;
  z-index: 9999;
  animation: kms_spin3 1s;
  -webkit-animation: kms_spin3 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.stm-settings-confirm-password i.fa.fa-spinner:before {  
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  border-width: 2px;
  border-style: solid;
  border-color: var(--mb-primary-500) var(--mb-primary-100) var(--mb-primary-100) var(--mb-primary-100);
  border-radius: 9999px;
  text-indent: -9999em;
  z-index: 9999;
  animation: kms_spin3 1s;
  -webkit-animation: kms_spin3 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}





/* save settings icon loading */
.stm-settings-confirm-password .fa-spinner::before {
    content: "\f110";
    content: "\f1ce";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    border-width: 2px;
    border-style: solid;
    border-color: var(--mb-primary-500) var(--mb-primary-100) var(--mb-primary-100) var(--mb-primary-100);
    border-radius: 9999px;
    text-indent: -9999em;
    z-index: 9999;
    animation: kms_spin3 1s;
    -webkit-animation: spin 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/*buddyboss spinner*/
/*
::after {
    content: '\ef30';
    content: '';
    display: inline-block;
    height: 25px;
    width: 25px;
    font: normal normal normal 25px/1 "bb-icons";
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    border-radius: 50%;
    border: 2px solid rgba(var(--bb-alternate-text-color-rgb), 0.2);
    border-top-color: var(--bb-alternate-text-color);
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 1s infinite linear;
}
*/

/*!******************************!*\ 
!***  id : kms-CSS-13
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/partials/map/gab/app.css
\**********************************/



/* 
https://jobclass.laraclassifier.com/latest-jobs 
https://codecanyon.net/item/jobclass-geolocalized-job-portal-script/18776089#
*/
._1gray-container-MapList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

._1gray-container-MapList {
  margin: 0rem auto 50px;
  padding: 0rem;
  border-style: solid;
  border-width: 0px;
  border-color: #e2e2e2;
  /* background-color: #f5f5f5 none repeat scroll 0 0; */
  border-radius: 0.5rem;
}

.map {
    position: relative;
    overflow: hidden;
	max-width: 100%;
	min-height: 400px;
	margin: 0 auto;
	/*box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px rgba(0, 0, 0, 0.24);*/
}

.map__image {
    position:absolute; 
	width: 75%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
	
	display: inline-block;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}

.map__image svg {
    width: 100%;
    height: 100%;
}
.map__image > svg {
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width: 60%;
}

.map__image path {
    fill: rgb(220, 226, 234);
    stroke: rgb(76, 106, 146);
    stroke-width: 4px;
    /*
    color: rgb(0 117 255 / 10%);;
    fill: rgb(0 117 255 / 10%);;
    stroke: #0075E4; 
    */
    
    transition: fill 0.5s;
	cursor: pointer;
}

.map__image .is-active path, .map__image .is-hover path, .map__image a:hover path, .map__image a:active path,
.map__list a.is-active, .map__list a:active, .map__list a:hover, .map__list a.is-hover {
    color: rgb(76, 106, 146);
    fill: rgb(76, 106, 146);
    /*
    color: #0075E4; 
    fill: #0075E4; 
    */
    
}



/* gray-sidebar-separator
   ========================================================================== */

.gray-sidebar-separator {
    margin: 5px;
    height: 2px;
    background-color: var(--rec-black);
    border-bottom: 1px solid #2b313a; }



/* Liste
   ========================================================================== */
.map__list {
    float: right;
    min-width: 25%;
	/*height: 450px;*/
	text-align: right;
	padding: 0px 0 0 0;
    border-left: 0px solid #dbdbdb;
	font-family: ".SF NS Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Roboto", Droid Sans, Arial, sans-serif !important;
	font-weight: bold;
}

.map__list ul, .map__list li{
    margin: 0;
    padding: 0px;
    list-style: none;
}

.map__list a {
    /*padding-left: 10px;*/
    display: inline-block;
    height: auto;
    width: 100%;
    padding: 0.5rem 1rem;
	color: #0052cc;
  color: rgb(76, 106, 146);
    text-decoration: none !important;
    transition: 0.3s;
}
.map__list a.is-active, .map__list a:active, .map__list a:hover, .map__list a.is-hover {
    color: #0075E4;
    fill: #0075E4;
    background-color: rgb(0 117 255 / 10%);
    border-radius: 0.5rem;
    font-weight: 900;
}




/* Liste responsive menu dropdown
   ========================================================================== */

.map__list__mobilapp {
		float:none;
	    display: none;
        visibility: hidden; }


/* Before and After MapListe 
   ========================================================================== */

.gray-call-bootstrap_bfor-maplist {
    display: block;
    position: relative;
    height: auto;
	padding: 0 !important;
	margin: 15px auto;
	margin: 0 auto;
	border: 0px solid #fafafa;
}

.top-text-maplist {
	color: var(--rec-gray-darker);
	font-size: 14px;
    font-weight: 500; 
    text-align: center;
}

.aftr-maplist_botom-text {
    display: block;
    position: relative;
	width: 100%;
    margin: 0 auto 50px; }

.footer-text-maplist {
	color: var(--rec-gray-darker);
    font-size: 14px;
    font-weight: 500;
	text-align: center;
}


@media screen and (max-width: 720px){
    .map__list {
        float:none;
        width: 100%;
        border-left: 0px solid #dbdbdb;
		text-align: right;
		display:none;
	    visibility: hidden; }
	
	.map__list__mobilapp {
		float:none;
        width: 100%;
		margin-top: 15px;
	    visibility: visible;
	    display: inline-flex; }
	
    .map__image {
		 /*padding: 5px 10px 0px 10px;*/
		 position: relative;
		 width: 100%; }
	
	.map__image svg {
    width: 100%;
    height: 400px; }
	
}

@media screen and (max-width: 991px) {
	.map__list__mobilapp {
		float:none;
		width: 100%;
		margin: 20px 0;
		visibility: visible;
		display: inline-flex; }
	
	.top-text-maplist {
		color: rgba(0, 0, 0, 1);
		color: inherit;
		font-size: 14px;
		font-weight: normal;
		text-align: center;
		line-height: 1.5;
	
	word-wrap: break-word;
		/*
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	*/ }
	
	.gray-call-bootstrap_bfor-maplist {
    padding: 0 !important;
    margin: 10px 0 20px; }
	
	.map__image>svg {
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
}

.footer-text-maplist {
	color: rgba(0, 0, 0, 1);
	color: inherit;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
	
	word-wrap: break-word;
	/*
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	*/ }
	
	.aftr-maplist_botom-text {
    margin: 1rem auto;
    padding: 0 1rem;
   }
	
	._1gray-container-MapList {
    margin: 0 auto; 
  padding: 0 1rem;
}
	
}

span#select2-gray-regions-list-mobile-container {
    background-color: #f5f7fa;
    border: 1px solid #cad0d9;
    border-radius: 3px;
    font-weight: bold;
	/* Color: #003580; */
	height: 45px;
    line-height: 43px;
}

/* gray-add Arrow b select gray-select-arrow */
.map__list__mobilapp >.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px !important;
}
.map__list__mobilapp >.select2-container--default .select2-selection--single .select2-selection__arrow >b {
    top: 60% !important;
}


/* Mobiscroll CSS Includes
   ========================================================================== */


    .demo-non-form {
        color: initial;
        width: 100%;
        padding: 10px;
        margin: 6px 0 12px 0;
        border: 1px solid #ccc;
        border-radius: 0;
        font-family: arial, verdana, sans-serif;
        font-size: 14px;
        box-sizing: border-box;
        -webkit-appearance: none;
    }
    
    .demo-container {
        padding: 0 1em;
    }
    
    .external-container {
        display: flex;
    }
    
    .external-container button.external-button {
        font-weight: normal;
        padding: 10px;
        margin: 6px 0 13px 0;
        width: 100%;
    }

/*The end*/


/*!******************************!*\ 
!***  id : kms-CSS-14
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/others.css
\**********************************/

@charset "UTF-8";


/*
* aaroniker
* 2020 Toggles
src : https://codepen.io/aaroniker/pen/ZEYoxEY
*/

/*

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox],
input[type=radio] {
    --active: #275EFE;
    --active-inner: #ffffff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #275EFE;
    --background: #ffffff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    height: 1.25rem;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    border-width: 1px;
    border-style: solid;
    border-color: var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type=checkbox]:after,
input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type=checkbox]:checked,
input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  input[type=checkbox]:disabled,
input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox]:disabled:checked,
input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox]:hover:not(:checked):not(:disabled),
input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox]:focus,
input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type=checkbox]:not(.switch),
input[type=radio]:not(.switch) {
    width: 21px;
    width: 1.25rem;
  }
  input[type=checkbox]:not(.switch):after,
input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type=checkbox]:not(.switch):checked,
input[type=radio]:not(.switch):checked {
    --o: 1;
  }
  input[type=checkbox] + label,
input[type=radio] + label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }

  input[type=checkbox]:not(.switch) {
    border-radius: 5px;
    border-radius: 0.25rem;
  }
  input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
  input[type=checkbox].switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type=checkbox].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }

  input[type=radio] {
    border-radius: 50%;
  }
  input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type=radio]:checked {
    --s: .5;
  }
}

*/







/**/

  /**
   * The switch widget!
   * Usage:
   *   <input type="checkbox" switch[="type"] id="toggleSwitch" />
   *   <label for="toggleSwitch" data-on-label="On" data-off-label="Off"></label>
   * 
   * src : https://codepen.io/oobleck/pen/MYjdbx
   * https://webdesign.tutsplus.com/tutorials/toggle-switch-component-with-css-checkbox-hack--cms-35011
   */
   
   
   /*
   EXEMPLE HTML 
   
   <p>
     Here are a few types of switches. Icons appear to be broken. Something changed with the FontAwesome font I'm including. I'll work it out later.</span>
   </p>
   <p>
     <input type="checkbox" id="switch1" checked switch="none" /> 
     <label for="switch1" data-on-label="On" data-off-label="Off"></label>
   
     <input type="checkbox" id="switch2" switch="default" /> 
     <label for="switch2" data-on-label="&#xf00c" data-off-label="&#xf00d"></label>
   
     <input type="checkbox" id="switch3" switch="bool" /> 
     <label for="switch3" data-on-label="Yes" data-off-label="No"></label>
   </p>
   
   <p>
     I'm not sure why you would ever do this, but it does work: Radio button toggle switches.
   </p>
   <p>
     <input type="radio" name="switch-list" id="radio1" switch="default" value="01" />
     <label for="radio1" data-on-label="01"></label><br>
     <input type="radio" name="switch-list" id="radio2" switch="success" value="02" checked />
     <label for="radio2" data-on-label="02"></label><br>
     <input type="radio" name="switch-list" id="radio3" switch="warning" value="03" />
     <label for="radio3" data-on-label="03"></label>
   </p>
   */
   
  input[switch] {
    display: none;
  }
  input[switch] + label {
    display: inline-block;
    position: relative;
    
    width: 4rem;
    height: 2rem;
    padding: 0.1666666667rem;
    font-size: 1em;
    font-family: inherit;
    background-color: #ddd;
    background-image: none;
    border-radius: 9999px;
    text-align: center;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
    
    transition: all 0.1s ease-in-out;
    cursor: pointer;
  }
  input[switch] + label:before {
    /* Label */
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-family: FontAwesome, inherit;
    
    position: absolute;
    right: 0.2166666667rem;
    top: 50%;
    transform: translate(0, -50%);
    min-width: 1.6666666667rem;
    margin: 0 0.25rem;
    color: #b7b7b7;
    font-weight: 900;
    font-size: 0.625rem;
    text-align: center;
    text-transform: uppercase;
    
    overflow: hidden;
    transition: all 0.1s ease-in-out;
  }
  input[switch] + label:after {
    /* Slider */
    content: "";
    position: absolute;
    left: 0.1666666667rem;
    top: 50%;
    transform: translate(0, -50%);
    height: 1.6666666667rem;
    width: 1.6666666667rem;
    background-color: #f7f7f7;
    border-radius: 9999px;
    box-shadow: none;
    transition: all 0.1s ease-in-out;
  }
  input[switch]:checked + label {
    background-color: lightblue;
    background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.2));
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) inset;
  }
  input[switch]:checked + label:before {
    color: #ffffff;
    content: attr(data-on-label);
    right: auto;
    left: 0.2166666667rem;
  }
  input[switch]:checked + label:after {
    left: 2.1666666667rem;
    background-color: #f7f7f7;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
  }
  
  input[switch=bool] + label {
    background-color: #ee6562;
    background-color: var(--mb-danger-300);
  }
  input[switch=bool] + label:before {
    color: #fff !important;
  }
  input[switch=bool]:checked + label {
    background-color: #BCE954;
    background-color: var(--mb-success-300);
  }
  input[switch=bool]:checked + label:before {
    color: #fff !important;
  }
  
  input[switch=default]:checked + label {
    background-color: #a2a2a2;
  }
  input[switch=default]:checked + label:before {
    color: #fff !important;
  }
  
  input[switch=success]:checked + label {
    background-color: #BCE954;
  }
  input[switch=success]:checked + label:before {
    color: #fff !important;
  }
  
  input[switch=warning]:checked + label {
    background-color: gold;
  }
  input[switch=warning]:checked + label:before {
    color: #fff !important;
  }




/**************************	Table of content *************************
 1.	Detect AdBlock (coding nepal)
 2.	Toast Notification to Detect Internet Connection
 *********************************************************************/
 
 /*!
 * BunnyBro Collapse Accordion
 * https://codepen.io/bunnybro44/pen/ExbeYqj?editors=1010
 */
 
 .BunnyBro_container-inner {
   width: 90%;
   max-width: 1200px;
     margin: 0 auto;
     padding: 60px 0;
 }
 .BunnyBro_section-title{
     padding: 10px 7rem;
 }
 .BunnyBro_section-title h1{
     margin: 0;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     font-size: 1.63rem;
     line-height: 26px;
     color: var(--mb-primary-500);
 }
 .BunnyBro_tab-container{
     padding: 20px 7rem;
 }
 
 /* Tab Accordian */
 
 .BunnyBro_tab-accordian {
    width: 100%;
    box-shadow: 0 0px 10px rgb(0 0 0 / 5%);
    border-width: 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0;
    background-color: transparent;
    overflow: hidden;
 }
 
 .BunnyBro_titleWrapper {
     padding: 1rem 2rem 1rem 1rem;
     
     border-width: 1px;
     border-style: solid;
     border-color: var(--mb-primary-500);
     border-radius: 0.5rem 0.5rem 0 0;
     background: var(--mb-base-white);
     
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     
     -webkit-user-select: none;
      user-select: none;
      transition: background-color .8s linear;
     
     cursor: pointer;
 }
 /* .BunnyBro_titleWrapper.active{
     background-color: #ffffff;
 } */
 .BunnyBro_desWrapper {
   display: none;
    max-height: 500px;
    padding: 0.75rem;
    
   border-width: 2px 2px 2px;
   border-style: solid;
   border-color: var(--mb-primary-700);
   border-radius: 0 0 0.5rem 0.5rem;
     background: var(--mb-base-white);
     
     transition: max-height 1s ease-in;
     /*gray-add*/
     overflow: scroll;
 }
 
 .fchild_Active .BunnyBro_desWrapper {
   display: block;
 }.fchild_inactiv .BunnyBro_desWrapper {
    display: none;
  }
 /* Collapse Icon */
 
 .BunnyBro_collapse-icon{
     position: relative;
 }
 .BunnyBro_collapse-icon .BunnyBro_acc-close{
     height: 20px;
     border-width: 0 0 0 3px;
     border-style: solid;
     border-color: var(--mb-primary-500);
     transition: all .5s ease-in-out;
     transform: rotate(-90deg);
     opacity: 1;
 }
 .BunnyBro_titleWrapper.active .BunnyBro_collapse-icon .BunnyBro_acc-close {
   border-color: var(--mb-base-white);
 }
 
 .BunnyBro_collapse-icon .BunnyBro_acc-open {
   width: 20px;
   position: absolute;
   border-width: 3px 0 0 0;
   border-style: solid;
   border-color: var(--mb-primary-500);
   transition: all .5s ease-in-out;
   transform: rotate(90deg);
   top: 43%;
   right: -8px;
 }
 
 .BunnyBro_titleWrapper.active .BunnyBro_collapse-icon{
     transition: all .5s ease-in-out;
   transform: rotate(180deg);
 }
 
 .BunnyBro_titleWrapper.BunnyBro_inactive .BunnyBro_collapse-icon{
     transition: all .5s ease-in-out;
   transform: rotate(-180deg);
 }
 
 .BunnyBro_titleWrapper.active .BunnyBro_collapse-icon .BunnyBro_acc-open{ 
     opacity: 0;
 }

/* Gray-add */

.BunnyBro_titleWrapper a, 
.BunnyBro_titleWrapper h1, 
.BunnyBro_titleWrapper h2, 
.BunnyBro_titleWrapper h3, 
.BunnyBro_titleWrapper h4,
.BunnyBro_titleWrapper h5,
.BunnyBro_titleWrapper h6 {
  margin: 0;
  color: var(--mb-primary-500);
  font-size: 0.875rem;
  font-weight: 700;
}


.BunnyBro_titleWrapper.BunnyBro_inactive {
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.5rem;
  background-color: var(--mb-base-white);
}

.BunnyBro_titleWrapper.BunnyBro_inactive a,
.BunnyBro_titleWrapper.BunnyBro_inactive h1, 
.BunnyBro_titleWrapper.BunnyBro_inactive h2, 
.BunnyBro_titleWrapper.BunnyBro_inactive h3, 
.BunnyBro_titleWrapper.BunnyBro_inactive h4,
.BunnyBro_titleWrapper.BunnyBro_inactive h5,
.BunnyBro_titleWrapper.BunnyBro_inactive h6 {
  color: var(--mb-primary-500);
}

.BunnyBro_titleWrapper.active {
  background-color: var(--mb-primary-700);
  border-color: var(--mb-primary-700);
}
.BunnyBro_titleWrapper.active a,
.BunnyBro_titleWrapper.active h1,
.BunnyBro_titleWrapper.active h2,
.BunnyBro_titleWrapper.active h3,
.BunnyBro_titleWrapper.active h4,
.BunnyBro_titleWrapper.active h5,
.BunnyBro_titleWrapper.active h6 {
  color: var(--mb-base-white);
}






/*!
  * Basic CSS-Only Modal
  * https://codepen.io/timothylong/pen/AJxrPR?editors=1100
  */
  
.adBlock_modal-window {
   position: fixed;
   background-color: rgba(0, 0, 0, 0.75);
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999;
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s;
 }
 .adBlock_modal-window:target {
   visibility: visible;
   opacity: 1;
   pointer-events: auto;
 }
 .adBlock_modal-container {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 500px;
   padding: 2em 2rem;
   background-color: var(--mb-base-white);
   border-radius: 10px;
 }
 .adBlock_modal-window header {
   font-weight: 700;
 }
 .adBlock_modal-window h1 {
   font-size: 150%;
   margin: 0 0 15px;
 }
 
 .adBlock_modal-close {
   position: absolute;
   top: 10px;
   right: 20px;
   color: #aaaaaa;
   text-decoration: none;
   text-align: center;
 }
 .adBlock_modal-close:hover {
   color: black;
 }
 
 .adBlock_modal-window div:not(:last-of-type) {
   margin-bottom: 15px;
 }
 
.kms_CN_adBlock_moreLink {
  background: -webkit-linear-gradient(-70deg, #db469f 0%, #2188ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  
  font-size: 1rem;
  font-weight: 700;
}

 
 

/*!
 * Detect AdBlock
 * CN
 * https://www.codingnepalweb.com/detect-adblock-with-javascript/
 */
 
.kms_container_CN_adBlock {
   width: 350px;
   max-width: 90%;
   margin: 0 auto;
   padding: 2rem 2rem;
   border: 1px solid #cccccc;
   border-radius: 20px;
   background-color: var(--mb-base-white);
   box-shadow: 10px 10px 15px rgb(0 0 0 / 6%);
   transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
 }
 
.kms_CN_adBlock_title {
    margin: 1rem 0;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    color: #14171A;
  }
  .kms_CN_adBlock_detail {
    font-size: 1rem;
    color: #657585;
    text-align: center;
  }
 .kms_CN_adBlock_button {
   margin: 1rem 0 0;
   padding: 0.5rem 5rem !important;
   font-size: 1rem !important;
   color: #ffffff !important;
   background: none;
   border: none;
   outline: none;
   border-radius: 9999px !important;
   cursor: pointer;
   
   background: -webkit-linear-gradient(135deg, #9b27ca, #d33639, #9b27ca, #d33639) !important;
   transition: all 0.4s ease;
 }
 .kms_CN_adBlock_button :hover {
   background: -webkit-linear-gradient(135deg, #d33639, #9b27ca, #d33639, #9b27ca,);
   transition: all 0.4s ease;
 }


/**/

.CN_adBlock_wrapper {
  position: absolute;
  max-width: 480px;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 40px 30px;
  background-color: #ffffff;
  border-radius: 15px;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 10px 10px 15px rgba(0,0,0,0.06);
  transition: opacity 0.2s 0s ease-in-out,
              transform 0.2s 0s ease-in-out;
              
  
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  background-color: var(--mb-base-white);
  border-radius: 0;
  box-shadow: none;
  background: linear-gradient(135deg, #9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
  transform: translate(0%, 0%);
  
  z-index: 99;
}
.CN_adBlock_wrapper.show {
  opacity: 1;
  pointer-events: auto;
  transform:translate(-50%, -50%) scale(1);

  transform: translate(0%, 0%) scale(1);
}
.CN_adBlock_wrapper .CN_adBlock_content,
.CN_adBlock_content .CN_adBlock_warn-icon,
.CN_adBlock_warn-icon .CN_adBlock_icon{
  display: flex;
  align-items: center;
  justify-content: center;
}
.CN_adBlock_wrapper .CN_adBlock_content{
  flex-direction: column;
}
.CN_adBlock_content .CN_adBlock_warn-icon{
  width: 8rem;
  height: 8rem;
  border-radius: 9999px;
  background: linear-gradient(#9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
}
.CN_adBlock_warn-icon .CN_adBlock_icon{
  height: 7rem;
  width: 7rem;
  background-color: var(--mb-base-white);
  border-radius: inherit;
}
.CN_adBlock_warn-icon .CN_adBlock_icon i{
  font-size: 4rem;
  background: linear-gradient(#9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/*!
 * Gray ui framwork
 * Tonga
 * MIT licensed
 */


/*
:before, :after, ::before, ::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
*/

  .gray--ui__notification {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    margin: 1rem 0;
    padding: 0rem 0rem;
    border-width: 0.125rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 1rem;
    background-color: var(--mb-base-white);
    overflow: hidden;
  }
  .gray--ui__notification-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 1rem;
    padding: 1rem 1rem 0;
    color: var(--mb-gray-600);
    font-size: 1rem;
    font-weight: 700;
  }
  .gray--ui__notification-header1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 0 1rem;
    padding: 1rem 1rem 0;
    color: var(--mb-base-black);
    font-size: 1rem;
    font-weight: 700;
  }
  .gray--ui__notification-header2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1rem;
    padding: 1rem 1rem 0;
    color: var(--mb-gray-600);
    font-size: 1rem;
    font-weight: 700;
  }
  
  .gray--ui__notification-header i, .gray--ui__notification-header svg, .gray--ui__notification-header2 i, .gray--ui__notification-header2 svg {
    margin: 0 0.5rem 0 0;
    padding: 0.5rem;
    width: auto;
    height: auto;
    border-radius: 9999px;
    color: var(--mb-gray-500);
    background-color: var(--mb-gray-100);
    
  }
  
  
  
  
  .gray--ui__notification-main {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    margin: 0 0 1rem;
    padding: 0rem 1rem 0rem;
    color: var(--mb-gray-500);
    font-size: 0.875rem;
    border-width: 0px 0px 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
  }
  
  .gray--ui__notification-main2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0rem;
    padding: 0rem 0rem 0rem 0rem;
    color: var(--mb-gray-500);
    font-size: 0.875rem;
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
  }
  
  
  
  .gray--ui__notification-bodyLeft {
    padding: 1rem 1rem;
  }
  
  .gray--ui__notification-bodyRight {
    display: flex;
    padding: 0rem 0rem;
    border-width: 0px 0px 0 1px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  
  .gray--ui__notification-bodyRight div:not(:last-child) {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
  }
  .gray--ui__notification-bodyRight div {
    padding: 1rem 1rem;
    width: 100%;
  }
  
  
  
  
  .gray--ui__notification-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    color: var(--mb-gray-600);
    font-weight: 700;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-300);
    outline-width: 0px;
    outline-style: solid;
    outline-color: var(--mb-gray-200);
    text-align: center;
  }
  .gray--ui__notification-footer1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 1rem 1rem;
    color: var(--mb-gray-600);
    font-weight: 700;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-300);
    outline-width: 0px;
    outline-style: solid;
    outline-color: var(--mb-gray-200);
    text-align: center;
  }
  .gray--ui__notification-footer2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 0rem;
    color: var(--mb-gray-500);
    font-weight: 700;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-200);
    outline-width: 0px;
    outline-style: solid;
    outline-color: var(--mb-gray-200);
    text-align: center;
  }
  
  
  
  .gray--ui__notification-footer2 div, 
  .gray--ui__notification-footer2 a {
    padding: 0.75rem;
    width: 100%;
    color: var(--mb-base-black);
  }
  .gray--ui__notification-footer2 div:not(:last-child), 
  .gray--ui__notification-footer2 a:not(:last-child) {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-200);
  }
  
  .gray--ui__notification-footer div:hover, 
  .gray--ui__notification-footer1 div:hover, 
  .gray--ui__notification-footer2 div:hover,
  .gray--ui__notification-footer a:hover, 
  .gray--ui__notification-footer1 a:hover, 
  .gray--ui__notification-footer2 a:hover {
    color: var(--mb-base-black);
    background-color: var(--mb-gray-100);
  }
  
  .gray--ui__notification-footer a, .gray--ui__notification-footer1 a, .gray--ui__notification-footer2 a {
    color: var(--mb-gray-900);
  }
  
  
  
  .gray--ui__notification_close {
    cursor: pointer;
  }
  
  
  /*COLOR*/
  
  /* Warning yellow */
  .gray--ui__notification__warning {
    border-color: var(--mb-warning-300);
  }
  .gray--ui__notification__warning .gray--ui__notification-header {
    color: var(--mb-warning-500);
  }
  .gray--ui__notification__warning .gray--ui__notification-header i, 
  .gray--ui__notification__warning .gray--ui__notification-header svg, 
  .gray--ui__notification__warning .gray--ui__notification-header2 i, 
  .gray--ui__notification__warning .gray--ui__notification-header2 svg {
    color: var(--mb-warning-400);
    background-color: var(--mb-warning-50);
  }
  
  .gray--ui__notification__warning .gray--ui__notification-main {
      color: var(--mb-warning-500);
  }
  
  .gray--ui__notification__warning .gray--ui__notification-footer div:hover, 
  .gray--ui__notification__warning .gray--ui__notification-footer1 div:hover, 
  .gray--ui__notification__warning .gray--ui__notification-footer2 div:hover,
  .gray--ui__notification__warning .gray--ui__notification-footer a:hover, 
  .gray--ui__notification__warning .gray--ui__notification-footer1 a:hover, 
  .gray--ui__notification__warning .gray--ui__notification-footer2 a:hover {
    color: var(--mb-warning-700);
    background-color: var(--mb-warning-50);
  }
  
  .gray--ui__notification__warning .gray--ui__notification-footer2 {
      border-color: var(--mb-warning-300);
  }
  
  .gray--ui__notification__warning .gray--ui__notification-footer2 div:not(:last-child), .gray--ui__notification__warning .gray--ui__notification-footer2 a:not(:last-child) {
      border-color: var(--mb-warning-300);
  }
  
  
  /* info blue */
  .gray--ui__notification__info {
    border-color: var(--mb-primary-300);
  }
  .gray--ui__notification__info .gray--ui__notification-header {
    color: var(--mb-primary-500);
  }
  .gray--ui__notification__info .gray--ui__notification-header i, 
  .gray--ui__notification__info .gray--ui__notification-header svg, 
  .gray--ui__notification__info .gray--ui__notification-header2 i, 
  .gray--ui__notification__info .gray--ui__notification-header2 svg {
    color: var(--mb-primary-400);
    background-color: var(--mb-primary-50);
  }
  
  .gray--ui__notification__info .gray--ui__notification-main {
      color: var(--mb-primary-700);
  }
  
  .gray--ui__notification__info .gray--ui__notification-footer div:hover, 
  .gray--ui__notification__info .gray--ui__notification-footer1 div:hover, 
  .gray--ui__notification__info .gray--ui__notification-footer2 div:hover,
  .gray--ui__notification__info .gray--ui__notification-footer a:hover, 
  .gray--ui__notification__info .gray--ui__notification-footer1 a:hover, 
  .gray--ui__notification__info .gray--ui__notification-footer2 a:hover {
    color: var(--mb-primary-500);
    background-color: var(--mb-primary-50);
  }




/* ---------------------------------------------------------------------
      Pull to Refresh
  ---------------------------------------------------------------------- */
  .ptr--top {

  }
  
  .ptr--ptr {
      box-shadow: inset 0 -3px 5px rgb(0 0 0 / 12%);
      pointer-events: none;
      font-size: 0.85em;
      font-weight: bold;
      top: 0;
      height: 0;
      height: 4rem;
      transition: height 0.3s, min-height 0.3s;
      text-align: center;
      width: 100%;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      align-content: stretch;
      
      
      position: fixed;
      background-color: #0069CD; /*SAME IN HEADER COLOR THEME */
      z-index: 9999;
  }
  .ptr--box {
      padding: 1rem;
      flex-basis: 100%;
  }
  .ptr--content {
  }
  
  .ptr--icon {
      color: var(--mb-base-white) !important;
      transition: transform .3s;
  }
  .ptr--text {
      margin: 1rem 0rem 0;
      color: var(--mb-base-white) !important;
  }
  /* Pull to refresh icon loading */
  .ptr--ptr.ptr--refresh .ptr--text:before {
      content: '';
      display: block;
      width: 1rem;
      height: 1rem;
      margin: 0 auto;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(255 255 255 / 100%) rgb(0 0 0 / 10%) rgb(0 0 0 / 10%);
      border-radius: 9999px;
      text-indent: -9999em;
      z-index: 9999;
      animation: kms_spin3 1s;
      -webkit-animation: kms_spin3 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
  }


/*!******************************!*\ 
!***  id : kms-CSS-15
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/gray-reset.css
\**********************************/

@charset "UTF-8";




/*
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
*/

/*

fieldset {
  font-family: inherit;
  border: 1px solid rgba(0, 0, 0, .1);
  padding: 2rem;
  margin-bottom: 2rem;
  margin-top: 2rem
}

input,
textarea,
select {
  display: inline-block;
  font-family: inherit;
  font-style: inherit;
  font-size: 15px;
  height: 41px;
  outline: none;
  vertical-align: middle;
  background-color: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-input-radius);
  box-shadow: none;
  padding: 0 12px;
  color: var(--bb-body-text-color)
}

input.placeholder,
textarea.placeholder,
select.placeholder {
  color: #c3c6c9
}

input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #c3c6c9
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #c3c6c9
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #c3c6c9
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #c3c6c9
}
*/

/* @import url(http://weloveiconfonts.com/api/?family=fontawesome); */

/*.parent:hover .child, .parent.hover .child { display: block; }*/

/**/
/* 1.2 Form controls, form groups */

/*
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],

input[type="submit"] {
  
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="submit"] {
  
}

textarea:focus,

input[type="text"]::placeholder

input[type="submit"]:active,


div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none;
}


input[type="file"] 

textarea
*/








/* hide scroll bar */
::-webkit-scrollbar {
    display: none;
}
/* width */
::-webkit-scrollbar {
  width: 0;
}
/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 9999px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: #d8d8d8;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8c8;
}



/* à voir */

input[type="checkbox"] {
    margin: 0 0.5rem 0 0;
}

button:active,
.button:active,
input[type=button]:active,
input[type=submit]:active {
  outline: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none
}

input:invalid {
  animation: gray_animation_shake 1s ease 0s 1 normal forwards;
}


input[type="date"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"] {
  
  /*bootstrap*/
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: var(--mb-gray-900);
  background-color: var(--mb-gray-25);
  background-clip: padding-box;
  border: 1px solid var(--mb-gray-300);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.5rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder,
/* Internet Explorer 10-11 */
:-ms-input-placeholder,
/* Microsoft Edge */
::-ms-input-placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder,
input[type="password"]::placeholder {
  color: var(--mb-gray-300);
  opacity: 1; /* Firefox */
}

input[type="text"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="password"]:hover {
  border-color: var(--mb-primary-500);
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
  color: var(--mb-gray-900);
  background-color: var(--mb-base-white);
  
  border-color: var(--mb-primary-500);
  /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 8%), inset 0 -1px 0 #ececec; */
  
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #ffffff;
  --tw-ring-color: var(--mb-primary-100);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
}

/*
input[type="submit"],
input[type="submit"] i,
input[type="submit"] svg,
button[type="submit"],
button[type="submit"] i,
button[type="submit"] svg {
  color: var(--mb-gray-500);
}

button[type="submit"]:hover,
button[type="submit"] i:hover,
button[type="submit"] svg:hover {
  color: var(--mb-primary-500);
}
*/

label {
  margin: 0 0 0.5rem;
}

button,
button:hover,
a,
a:hover {
  text-decoration: none;
}

button:focus {
  box-shadow: none;
}


/**/
input[type=submit],
button[type=submit] {
}




/**
 * 1. Inherit box-sizing to make it easier to change the property for components
 *    that leverage other behavior.
 *    https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */

*, *:before, *:after, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  font-style: normal;
  /*
  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; 
   */
}


*::selection {
  color: #ffffff;
  background-color: #0070F7;
}

*:focus {
  outline: none;
}

/* fix for Font Awesome family being overriden by IcoMoon generated custom font family declaration */
i.fa,
i.far,
i.fas {
  font-family: "Font Awesome 5 Free";
}

i.fab {
  font-family: "Font Awesome 5 Brands";
}

/* 6. Improve media defaults */


img {
  image-rendering: -webkit-optimize-contrast;
}

/* ----> the fix! */
@font-face {
  font-display: swap;
}


/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}




/**
 * 1. Remove border when inside 'a' element in IE 8/9/10. [normalize.css]
 * 2. Offset 'alt' text from surrounding copy.
 * 3. Make sure images are scaled correctly.
 * 4. Fluid images for responsive purposes.
 * 5. Setting 'vertical-align' removes the whitespace that appears under 'img'
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using 'display: block;'.
 *
 */
img {
  border: 0;
  /* [1] */
  font-style: italic;
  /* [2] */
  height: auto;
  /* [3] */
  max-width: 100%;
  /* [4] */
  vertical-align: middle;
  /* [5] */
}


/**/

/* gray ioS
 ========================================================================== */
 
 /*
 -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
 filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.12));
 pointer-events: none;
 background: transparent;
 background: rgb(255 255 255 / 80%);
 backdrop-filter: blur(33px);
 background-blend-mode: overlay;
 */

/* width */
/*
::-webkit-scrollbar {
  width: 10px;
}
*/

/* Track */
/*
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
*/

/* Handle */
/*
::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}
*/

/* Handle on hover */
/*
::-webkit-scrollbar-thumb:hover {
  background-color: #b30000;
}
*/



.uk-modal {
  background: rgba(0,0,0,.6);
  background: rgba(250,251,253,.9);
}
.uk-modal-dialog {
  box-shadow: 0 12px 28px 0 rgb(18 43 70 / 15%), 0 2px 7px 0 rgb(18 43 70 / 8%);
  border-radius: 0.75rem;
  overflow: hidden;
}




/*
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*/

html {
  color: #000000;
  background-color: #ffffff;
  font-size: 100%;
  /*base 1rem->16px --> 14px->0.875rem;*/
  font-size: 1rem;

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;

/*
  scroll-behavior: smooth;
  touch-action: manipulation;
  */
}



body {
  margin: 0;
  line-height: normal;
  font-size: 0.875rem;
  font-weight: normal;
  color: var(--mb-gray-500);
  background-color: var(--mb-gray-100);
  
  font-family: var(--mb-font-family-sans-serif);
  text-decoration: none;
  text-rendering: optimizeSpeed;
  
  /*
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto; 
  */
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  /* Disable text selection */
  /*
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
  
  /* Disable highlighting : surbrillance texte */
  -webkit-tap-highlight-color: transparent;
  
}











/*BRAZZER*/

/*

.stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap {
  position: relative;
}
.brazzers-daddy {
  position: relative;
}

.tmb-wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap {
  top: -4px;
}
.tmb-wrap .tmb-wrap-table {
  display: table;
  height: 100%;
  width: 100%;
}


.tmb-wrap-table div {
  display: table-cell;
  transition: all .3s ease;
  border-bottom: 5px solid transparent;
  padding-top: 10px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div {
  border-bottom-width: 3px;
}

.stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div:not(.active) {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: #ccc;
}

.stm-template-listing .stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .tmb-wrap .tmb-wrap-table div.active {
  border-color: #1bc742;
}

.brazzers-daddy img {
  width: 100%;
  position: relative;
  display: none;
  top: 0;
  left: 0;
  margin-bottom: 10px;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}


.stm-isearch-results-carousel-wrap .stm-template-front-loop .image .listing-car-item-meta {
  padding-top: 0;
  position: absolute;
  right: 0;
  bottom: 0px;
}
.stm-isearch-results-carousel-wrap .stm-template-front-loop .image .brazzers-wrap .listing-car-item-meta {
  bottom: 10px;
}

*/


/*!******************************!*\ 
!***  id : kms-CSS-16
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/esgi.css
\**********************************/

@charset "UTF-8";


.uk-close {
    color: var(--mb-gray-500);
    transition: .1s ease-in-out;
    transition-property: color, opacity;
}
.uk-notification-close {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.uk-notification-message {
    position: relative;
    padding: 1rem;
    background: var(--mb-base-white);
    color: var(--mb-gray-500);
    font-size: 0.875rem;
    line-height: normal;
    border: 2px solid var(--mb-gray-300);
    border-radius: 0.75rem;
    box-shadow: rgb(0 0 0 / 12%) 0px 4px 16px;
    cursor: pointer;
}

.uk-notification-message-danger {
    color: var(--mb-danger-500);
    border-color: var(--mb-danger-300);
}
.uk-notification-message-warning {
    color: var(--mb-warning-500);
    border-color: var(--mb-warning-300);
}
.uk-notification-message-success {
    color: var(--mb-success-500);
    border-color: var(--mb-success-300);
}
.uk-notification-message-primary {
    color: var(--mb-primary-500);
    border-color: var(--mb-primary-300);
}


/* notifications */

.kms-feedback {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    
    margin: 1rem 0 0;
    padding: 0.5rem 1rem;
    color: var(--mb-gray-900);
    background-color: var(--mb-gray-100);
    border: 1px solid var(--mb-gray-200);
    border-radius: 0.75rem;
}
.kms-feedback-primary {
    color: var(--mb-primary-700);
    background-color: var(--mb-primary-50);
    border-color: var(--mb-primary-200);
}
.kms-feedback-warning {
    color: var(--mb-warning-700);
    background-color: var(--mb-warning-50);
    border-color: var(--mb-warning-200);
}
.kms-feedback-success {
    color: var(--mb-success-700);
    background-color: var(--mb-success-50);
    border-color: var(--mb-success-200);
}
.kms-feedback-danger {
    color: var(--mb-danger-700);
    background-color: var(--mb-danger-50);
    border-color: var(--mb-danger-200);
}




/* ----------------------------------------------
 * Generated by Animista on 2022-8-1 16:41:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
 
 
/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/


/* google recaptcha login resgister forms */

.grecaptcha-badge {
    visibility: hidden;
}

/**/

.uk-offcanvas-overlay::before {
  content: "";
  background: rgba(0,0,0,.8);
}
  .kms-offcanvas-sidebar{
    width: 300px;
    padding: 1rem;
    background-color: var(--mb-base-white);
  }
  
  
  div#stm_gdpr_popup-main {
      display: none;
  }
  
/*i hide Buddy boss */

/*
.main-navs, .bp-navs, .bp-subnavs, .users-header {
    display: none !important;
}
*/
.post-media-gif-support {
    display: block;
}
ul.medium-editor-toolbar-actions li {
    display: inline-block;
}

/**/

.blogname img, .logo img {
  max-width: 8rem;
}
svg#Layer_1 {
  width: 12rem;
}
g#logo g#light path, g#logo g#light circle {
  fill: #0065ff !important;
}
g#logo g#dark path, g#logo g#dark circle {
  fill: #CCE0FF !important;
}
g#name_tagline path, g#name_tagline circle {
  fill: #172B4D !important;
}




/**/

.stm-form-5-notes .row.stm-relative {
    display: flex;
}
.stm-form-price-edit .row.stm-relative {
    display: block;
}

.row.form-group {
    display: block;
}


.col-md-6 h4 {
    font-size: 1rem;
    color: var(--mb-gray-900);
}


.li_gray-toast-collapse-lrn-more {
  margin: 1rem 0;
  padding: 0rem 0;
  text-align: justify;
}

.stm-form1-intro-unit .row {
    margin: 0;
}

.row.form-group {
    margin: 0;
}

/**/

hr {
  height: 1px;
  margin: 1rem 0;
  color: inherit;
  background-color: var(--mb-gray-100);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  opacity: 1;
}

/*contre bootstrap*/
ol, ul {
    padding: 0;
}


.blogname svg {
  max-width: 12rem;
}






.kms-topArchives-SortBy0ptions {
  display: block;
  position: relative;
  margin: 0 0 1rem;
}

.kms-topArchives-view-by {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--mb-gray-500);
  font-size: 0.875rem;
  border-width: 0 0 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0px;
}
.kms-topArchives-SortBy0ptions ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.kms-topArchives-SortBy0ptions ul::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0;
  
  border-width: 0 0 0.25rem;
  border-style: solid;
  border-color: var(--mb-gray-200);
}
.kms-topArchives-SortBy0ptions li {
  width: calc(100% / 3);
  width: 100%;
}

.kms-topArchives-view-by .view-type {
  position: relative;
  margin: 0 0;
  padding: 0 0 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mb-gray-500);
  border-width: 0px 0px 0.25rem;
  border-style: solid;
  border-color: transparent;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
}
.kms-topArchives-view-by .view-type.active {
  margin: 0;
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
  border-radius: 0;
  background-color: transparent;
}



/*
.kms-tab-ArchiveListings::before {
  border-width: 0 0 3px;
  border-style: solid;
  border-color: #E5E5E5;
  border-color: var(--mb-gray-200);
}
.kms-tab-ArchiveListings a {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  justify-content: center;
  padding: 0 0.25rem 0.75rem;
  color: var(--mb-gray-500);
  font-size: 0.875rem;
  font-weight: 700;
  border-width: 0 0 3px;
  border-style: solid;
  border-color: transparent;
  text-transform: uppercase;
  transition: color .1s ease-in-out;
}
.kms-tab-ArchiveListings a:hover {
  color: var(--mb-primary-500);
}
.kms-tab-ArchiveListings .uk-active a {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

*/



.gray_header{
  
}
/*
.gray_header-desktop {
  position: fixed !important;
  width: 100%;
  top: 0 !important;
  left: 0;
  height: 55px;
  padding: 0 10rem;
  
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-base-white);
  
  
  
  box-shadow: 0 1px 0 0 rgb(139 141 157 / 5%), 10px 1px 7px 0 rgb(65 71 108 / 15%);
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
  z-index: 10;
  
  
}
*/

.gray_header-desktop {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    padding: 0.5rem 10rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    background-color: var(--mb-base-white);
}


.gray_header_center-rightSide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* padding: 0 0 0 0.75rem;*/
}

/*
.kms-offcanvas-sidebar .uk-offcanvas-close.uk-icon.uk-close {
  padding: 0;
  color: var(--mb-gray-900);
  border-radius: 0.25rem;
  
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.kms-offcanvas-sidebar > .uk-offcanvas-close.uk-icon.uk-close svg, 
.kms-offcanvas-sidebar > .uk-offcanvas-close.uk-icon.uk-close svg line {
  width: 1rem;
  height: 1rem;
  margin: 0 0.25rem 0 0;
  fill: var(--mb-base-black);
  color: var(--mb-base-black);
  stroke-width: 2px;
}
.kms-offcanvas-sidebar .uk-offcanvas-close.uk-icon.uk-close:hover, 
.kms-offcanvas-sidebar .uk-offcanvas-close.uk-icon.uk-close:hover svg, 
.kms-offcanvas-sidebar > .uk-offcanvas-close.uk-icon.uk-close:hover svg,
.kms-offcanvas-sidebar > .uk-offcanvas-close.uk-icon.uk-close:hover svg line {
  color: var(--mb-danger-500);
  fill: color: var(--mb-danger-500);
  background-color: var(--mb-danger-50);
}
*/

.userPrivate-menuNav-close {
  top: 1rem;
  right: 1rem;
}

.uk-offcanvas-close.uk-icon.uk-close {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    color: var(--mb-gray-900);
    background-color: var(--mb-gray-100);
    margin: 0 0 1rem;
    padding: 1rem 0;
    border-radius: 0.625rem;
}
.uk-offcanvas-close.uk-icon.uk-close:hover {
    background-color: var(--mb-primary-100);
    color: var(--mb-primary-500);
}

.uk-search-default .esgi_headerSearch_input {
  background-color: var(--mb-base-white);
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-radius: 0.5rem;
}

.kms-lbl-hdr-srch.m-0 svg {
    position: absolute;
    z-index: 2;
    padding: 0px;
    height: 100%;
    left: 0.75rem;
}

.kms-hdr-search-icon-svg svg circle, .kms-hdr-search-icon-svg svg path, 
.kms-lbl-hdr-srch.m-0 svg circle, .kms-lbl-hdr-srch.m-0 svg path {
    stroke: var(--mb-gray-300);
    stroke-width: 2px;
}

.kms-hdr-search-icon-svg {
  /*
    position: absolute;
    left: 1rem;
    */
    margin: 0 0.5rem 0 0;
}

.kms-header-search-btn {
  /*
  position: absolute;
    right: 1rem;
  */
    
  margin: 0 0 0 0.5rem;
    padding: 0rem !important;
    
  background-color: transparent !important;
  border-width: 1px;
  border-style: solid;
  border-color: transparent !important;
}




.gray_header_leftSide, 
.gray_header_center, 
.gray_header_rightSide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.gray_header_leftSide {
  min-width: calc((300px - 0.75rem) );
  padding: 0 0.75rem 0 0;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.gray_header_center-search-inner {
  
}


/* mb-menu */
.mb-dynamik-menu {
  display: block;
  color: var(--mb-base-black);
  overflow: hidden;
}

.mb-dynamik-menu-title {
    display: block;
    position: relative;
    margin: 1rem 0 !important;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mb-base-black);
}

.mb-dynamik-menu li {
    position: relative;
}

.mb-dynamik-menu i {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2rem;
  font-weight: 400;
}
.mb-dynamik-menu .sub-menu i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%,-50%);
    text-align: center;
}
.mb-dynamik-menu li:has(.sub-menu) > i {
    all: unset;
    position: absolute;
    top: 0.5rem;
    font-size: 2rem;
    font-weight: 400;
}

.mb-dynamik-menu a {
  position: relative;
  
  
  color: var(--mb-gray-900);
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
 
  margin: 0rem 0rem 0rem 3rem;
  padding: 1rem 0rem;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.sub-menu a {
    margin: 0rem 0rem 0rem 3rem;
}
.mb-dynamik-menu a:after {
    content: '\e827';
    font-family: bb-icons;
    font-style: normal;
    font-weight: 400;
    display: block;
    margin: 0 0 0 auto;
    font-size: 1.5rem;
}

  .mb-dynamik-menu .sub-menu {
      min-width: 100%;
      padding: 0 0 0 2rem;
  }
  
  .menu-gray-sidebar-footer-copyright-li {
      list-style: none;
  }
  
  /* active menu link */
  .mb-dynamik-menu .current-menu-item, .mb-dynamik-menu .current_page_item {
      color: var(--mb-primary-500);
      background-color: var(--mb-primary-100);
      border-width: 0px 0px;
      border-style: solid;
      border-color: var(--mb-primary-100);
      margin: -1px 0 1px;
  }
  .mb-dynamik-menu .current-menu-item a, .mb-dynamik-menu .current_page_item a {
      position: relative;
      color: var(--mb-primary-500);
      background-color: var(--mb-primary-100);
      border-width: 0 0 0px;
      border-style: solid;
      border-color: var(--mb-primary-100);
      margin: 0rem 0rem 0rem 3rem !important;
      padding: 0.75rem 0rem;
  }
  
  .mb-dynamik-menu .current-menu-item:has(.sub-menu),
  .mb-dynamik-menu .current_page_item:has(.sub-menu),
  .mb-dynamik-menu .menu:has(.sub-menu) a,
  .mb-dynamik-menu .current_page_item:has(.sub-menu) a {
    color: inherit;
      background-color: transparent;
  }
  .mb-dynamik-menu .sub-menu li, 
  .mb-dynamik-menu .sub-menu li a {
      background-color: transparent;
  }
  .mb-dynamik-menu .sub-menu .current-menu-item, 
  .mb-dynamik-menu .sub-menu .current-menu-item a {
    color: var(--mb-primary-500);
      background-color:  var(--mb-primary-100);
  }
  
  
  /* menu-user */


.header-user-dd-menu {
  min-width: max-content;
  max-height: calc(100vh - 10rem);
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0 / 5%), 0 6px 32px 0 rgb(18 43 70 / 10%);
  
  overflow: scroll;
}
.ab-sub-wrapper.wrapper {
    padding: 0 0 0 0rem;
}
.ab-sub-wrapper.wrapper li {
  position: relative;
    display: flex;
}
.ab-sub-wrapper.wrapper li i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: auto;
    height: auto;
    line-height: normal;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 400;
    color: var(--mb-gray-900);
    text-align: center;
}
.ab-item, li.logout-link a {
    color: var(--mb-gray-900);
}
.logout-link a {
    padding: 0rem 0 0rem 2rem;
}
.ab-item .count {
    display: inline-block;
    color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
    border-radius: 9999px;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0px 0rem 0 1rem;
    text-align: center;
}
/*
color: var(--mb-danger-700);
background-color: var(--mb-danger-200);
border: 1px solid var(--mb-danger-300);
*/
.ab-item:after {
    content: '\e827';
    font-family: bb-icons;
    font-style: normal;
    font-weight: 400;
    display: block;
    margin: 0 0 0 auto;
    font-size: 1.5rem;
}

.ab-sub-wrapper.wrapper .ab-submenu li a {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: var(--mb-gray-200);
    width: 100%;
    position: relative;
    margin: 0rem 0rem 0rem 2rem;
    padding: 1rem 0rem;
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.ab-sub-wrapper.wrapper .ab-submenu li a:hover {
  color: var(--mb-gray-900);
}

.menupop.parent {
    margin: 1rem 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
}
.menupop.parent > .ab-item {
    display: block;
    position: relative;
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mb-base-black);
}
.menupop.parent > .ab-item:after {
    content: '';
}

.logout-link, .logout-link-app {
  display: block;
  position: relative;
  margin: 0rem 0 0rem !important;
  padding: 1rem 0 0 !important;
}
.logout-link a {
    display: inline-block;
    position: relative;
    margin: 0rem 0rem 0rem 3rem;
    padding: 0;
    line-height: 2rem;
}
.logout-link i {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 100%;
  transform: translate(0%, 0%);
  font-size: 2rem;
  font-weight: 400;
  color: var(--mb-gray-900);
  min-width: max-content;
}




.kms-hdr-btn-logout {
  position: relative;
  margin: 0rem 0 0;
  padding: 0.75rem 0.75rem;
  color: var(--mb-danger-500) !important;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
}
.kms-hdr-btn-logout:hover {
  color: var(--mb-danger-600) !important;
  background-color: var(--mb-danger-50) !important;
}

.kms-hdr-btn-logout i {
  color: var(--mb-danger-500) !important;
}
.header-user-dd-menu i {
  margin: 0 0.75rem 0 0;
  font-style: normal;
}


.kms-hdr-search-frm {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    
    padding: 0.5rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-gray-200);
    border-radius: 0.5rem;
    background-color: var(--mb-gray-100);
}
.stm-footer-search-inventory.active .kms-hdr-search-frm {
  background-color: var(--mb-base-white);
  border-color: var(--mb-primary-500);
  --tw-ring-inset: var(--tw-empty);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: var(--mb-primary-50);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);
}
.stm-footer-search-inventory.active .kms-header-search-btn, 
.stm-footer-search-inventory.active .kms-hdr-search-icon-svg circle, svg.kms-hdr-search-icon-svg path
.stm-footer-search-inventory.active .kms-header-search-btn svg,
 {
  color: var(--mb-primary-500);
}

.stm-listing-layout-footer .stm-footer-search-inventory input:focus {
  background-color: #ffffff !important;
  color: var(--mb-base-black);
  box-shadow: none;
}



 .stm-footer-search-inventory button,
 .stm-footer-search-inventory button i,
 .stm-footer-search-inventory button svg {
  font-size: 0.875rem;
  color: var(--mb-gray-900);
  
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
 .stm-footer-search-inventory button:hover,
 .stm-footer-search-inventory button:hover i,
 .stm-footer-search-inventory button:hover svg {
  color: var(--mb-primary-500);
}

 .stm-footer-search-inventory button i, 
 .stm-footer-search-inventory button svg {
  margin: 0 0.25rem 0 0;
  padding: 0;
}


 .stm-footer-search-inventory.active .kms-header-search-btn {
    color: var(--mb-primary-500);
 }
 .kms-hdr-search-icon-svg circle, 
 .kms-hdr-search-icon-svg path {
     stroke: var(--mb-gray-400);
     stroke-width: 2px;
 }
 .stm-footer-search-inventory.active .kms-hdr-search-icon-svg circle, 
.stm-footer-search-inventory.active .kms-hdr-search-icon-svg path {
   stroke: var(--mb-primary-500);
  }
 
 
.gray_header_rightSide_inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}



.header_rightSide_link {
  position: relative;
    margin: 0 1rem 0 0;
    padding: 0.5rem 1rem;
    color: var(--mb-primary-700);
    font-size: 0.875rem;
    font-weight: 700;
    border-width: 0px;
    border-style: solid;
    border-color: var(--mb-gray-200);
    border-radius: 0.25rem;
    background-color: var(--mb-primary-100);
}
.header_rightSide_link:last-child {
  margin: 0;
}
.header_rightSide_link:hover {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-primary-100);
}

.kms-compare_NotifBadge {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  width: 1.75rem;
  height: auto;
  line-height: 1.5rem;
  color: var(--mb-danger-500);
  background-color: var(--mb-danger-100);
  border-width: 3px;
  border-style: solid;
  border-color: var(--mb-danger-200);
  border-color: var(--mb-base-white);
  border-radius: 9999px;
  text-align: center;
  background-color: var(--mb-gray-100);
  color: var(--mb-gray-900);
}
.header_rightSide_link:hover .list-badge.kms-compare_NotifBadge {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}
.header_rightSide_link i,
.sidebar_menu_link i {
  /* color: var(--mb-gray-400); */
}

.header_rightSide_link:hover i,
.sidebar_menu_link:hover i { 
  color: var(--mb-primary-500); 
}



/*user connected icon header*/

.header-opts-icon {
  display: block;
  position: relative;
  margin: 0 0.75rem 0 0;
  padding: 1.125rem;
  color: var(--mb-gray-900);
  font-weight: 700;
  border-radius: 9999px;
  background-color: var(--mb-gray-100);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  
  text-align: center;
}
.header-opts-icon:hover {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-100);
  border-color: var(--mb-primary-100);
}
.header-opts-icon-img {
  margin: 0;
  width: 2rem;
  height: 2rem;
  border-width: 0;
  overflow: hidden;
}

.header-opts-icon svg, .header-opts-icon i, .header-opts-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.125rem;
  border-radius: 9999px;
}



.header-dd-notifications-container {
  width: 375px;
  margin: 0;
  padding: 0rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0 / 5%), 0 6px 32px 0 rgb(18 43 70 / 10%);
  overflow: hidden;
}
.header-dd-notifications-head {
  margin: 0;
  padding: 0.75rem 1rem;
  font-weight: 700;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-gray-100);
  color: var(--mb-gray-900);
}
.header-dd-notifications-body {
  height: 400px;
  overflow: scroll;
}
.header-dd-notifications-footer {
  margin: 0;
  padding: 0.75rem 1rem;
  font-weight: 700;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  text-align: center;
  background-color: var(--mb-gray-100);
  color: var(--mb-gray-900);
}

.header-dd-notifications-head a, .header-dd-notifications-footer a {
  color: var(--mb-gray-600);
}
.header-dd-notifications-footer a {
  color: var(--mb-primary-500);
}

.header-notif-number {
  position: absolute;
  top: -0.5rem;
  right: -0.75rem;
  width: auto;
  height: auto;
  
  padding: 2px 5px;
  font-weight: 700;
  font-size: 0.75rem;
  color: var(--mb-base-white);
  background-color: var(--mb-danger-500);
  border-width: 3px;
  border-style: solid;
  border-color: #fff;
  border-radius: 9999px;
  text-align: center;
}


.kms-counter-unread-N {
  position: absolute;
  top: -0.25rem;
  right: -0.75rem;
  padding: 0.125rem 0.375rem;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 700;
  font-style: normal;
  color: var(--mb-base-white);
  background-color: var(--mb-danger-500);
  border-radius: 9999px;
}

.header-user-dd-imgName {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background-color: var(--mb-gray-100);
  border-width: 0;
  border-radius: 9999px;
}

.header-user-dd-imgName:hover, .header-user-dd-imgName:hover span, .header-user-dd-imgName:hover a {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}

.header-udd-userName {
  position: relative;
  color: var(--mb-gray-500);
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: initial;
}
.header-udd-userName:after {
  content: '\f0d7';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0 0 0 0.25rem;
}


.apphbtxt {
  display: block;
  position: relative;
  /*
    font-size: 0.625rem;
    font-size: 75%;
    */
    font-size: max(0.875rem, 0.625rem);
    text-align: center;
    font-weight: 700;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**/



/*!Main*/
.gray_main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  
  align-content: center;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  
  overflow: hidden;
}

.gray_main_section2 {
  display: block;
  position: relative;
  margin: 55px 0 0 300px;
  padding: 0.75rem;
  width: calc(100% - 300px);
  
  margin: 0 auto;
  padding: 1rem 0 0;
  width: calc(100% - 20rem);
}


.gray_main_section_STM {
  display: block;
  position: relative;
  /*
  margin: 0rem 0 0 300px;
  padding: 0.25rem 0.75rem 0.75rem;
  width: calc(100% - 300px);
  */
}



.gray_main_section1 {
  width: 300px;
  background-color: var(--mb-base-white);
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100vh;
  height: 100vh;
  margin: 55px 0 0;
  padding: 1rem 0 5rem;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  box-shadow: 0px 0px 5px 0px var(--mb-gray-300);
  /*
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 300ms 0s ease-in-out;
  transition: all 300ms 0s ease-in-out;
  */
  overflow-y: scroll;
  z-index: 1;
}

.gray_sidebar {
  padding: 0 0.75rem;
}
.gray_sidebar_inner ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0 0 0 0.25rem;
}
.gray_sidebar_inner ul li {
  display: block;
  position: relative;
  width: 100%;
  margin: 0rem 0;
}
/*for li*/
.sidebar_li-have-ul > a:before {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  right: 1rem;
}
.sidebar_li-have-ul.li-have-ul_collapsed > a:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: inherit;
}

.gray_sidebar_inner ul li a {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 0rem;
  padding: 0.75rem;
  color: var(--mb-gray-500) !important;
  font-size: 1rem;
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.gray_sidebar_inner ul li a:hover {
  background-color: var(--mb-gray-100);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}
.gray_sidebar_ul-menu li a svg, 
.gray_sidebar_ul-menu li ul li a svg, 
.gray_sidebar_ul-menu li a i, 
.gray_sidebar_ul-menu li ul li a i,
.sml_seeMoreLess svg, 
.sml_seeMoreLess i {
  width: 1.5rem;
  height: 1.5rem;
}


.sml_seeMoreLess {
  display: block;
  position: relative;
  margin: 1rem 0;
  padding: 0.5rem;
  color: var(--mb-gray-600) !important;
  font-weight: 700;
  border-radius: 0.5rem;
  background-color: var(--mb-gray-100);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  text-align: center;
}
.sml_seeMoreLess:hover {
  color: var(--mb-primary-500) !important;
  background-color: var(--mb-primary-50);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.upp-seeMoreLess-dealer {
  display: block;
  position: relative;
  margin: 1rem 0;
  padding: 0.5rem;
  color: var(--mb-gray-600) !important;
  font-weight: 700;
  border-radius: 0.5rem;
  background-color: var(--mb-gray-100);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  text-align: center;
}
.upp-seeMoreLess-dealer:hover {
  color: var(--mb-primary-500) !important;
  background-color: var(--mb-primary-50);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
}

.upp-seeMoreLess-dealer i {
  width: auto;
  height: auto;
}

.gray-sidebar-footer-copyright {
  font-size: 0.75rem;
  color: var(--mb-gray-500);
}
.gray-sidebar-footer-copyright a {
  color: var(--mb-primary-500);
}

.side-title {
  color: var(--mb-gray-900) !important;
  font-size: 1.25rem;
}

.GiftBrandNew {
  padding: 0.5rem 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.625rem;
  background-color: var(--mb-base-white);
}
.GiftBrandNew_title {
  color: var(--mb-gray-900);
  font-size: 1rem;
  font-weight: 700;
}


/**/
.kms-home-RightSideBar {
  
}
 .homeRightSbar {
  padding: 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  height: 100%;
  overflow: scroll;
}



/*post*/
.post-header-img {
  margin: 0 0 1rem;
  padding: 1rem 1rem 0;
}
.post-user-infos-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin: 0;
}
.post-user-infos {
  
}
.listing-archive-dealer-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.dealer-image {
  width: 50px;
  height: 50px;
  margin: 0 0.75rem 0 0;
}
.dealer-info-block {
  position: relative;
  top: 0px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  overflow: hidden;
  vertical-align: middle;
}


/*togle btn*/
.btn-night-mode .btn-night-mode-switch {
  display: inline-block;
  height: 17.5px;
  width: 36px;
  top: 35%;
  right: 13px;
  position: absolute;
}
.btn-night-mode .uk-switch-button {
  background-color: rgba(0, 0, 0, 0.09);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 500px;
  bottom: 0;
  cursor: pointer;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-box-shadow: inset 0 0 2px rgb(0 0 0 / 7%);
  box-shadow: inset 0 0 2px rgb(0 0 0 / 7%);
}
.btn-night-mode .uk-switch-button:before {
  content: '';
  background-color: #a9a9a9;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  bottom: -1px;
  border-radius: 50%;
  -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
  transition-property: -webkit-transform, -webkit-box-shadow;
  transition-property: transform, box-shadow;
  transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
.dark .btn-night-mode .uk-switch-button::before {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-box-shadow: 0 0 6px rgb(0 0 0 / 22%);
  box-shadow: 0 0 6px rgb(0 0 0 / 22%);
  -webkit-transform: translateX(17px);
  transform: translateX(17px);
  background-color: #62d76b;
}


/*sidebar menu active page*/
 .current_page_item > a, .current-menu-item.current_page_item > a {
  margin: 0.25rem 0;
  color: var(--mb-primary-500);
  /* background-color: var(--mb-primary-50); */
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-primary-100);
}



/* Single car listing */

.form-btn-back-historik {
  padding: 0.25rem 0.5rem;
  padding: 0;
  color: var(--mb-primary-500);
  color: var(--mb-base-black);
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  font-weight: 700;
  font-size: 1.25rem;
}
.input-btn-back-historik, .input-btn-back-historik:hover, .input-btn-back-historik:active, .input-btn-back-historik:focus {
  all: unset;
}

.fjfjfh {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.kms-singleCAr-MainInfo {
  margin: 1rem 0 0;
  padding: 0 1rem 1rem;
}

.kms-singlCar-sliderMain {
  position: relative;
}
 .kms-singlCar-sliderItems li {
   width: 100%;
   height: 500px;
   overflow: hidden;
 }
 .kms-singlCar-sliderItems img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
 
 
 .kms-singlCar-slider-dotnav {
   margin: 0.5rem 0 0;
   margin: 0;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
   align-items: center;
 }
 
 
 .singleCar-sliderContainer a {
   width: 2rem;
   height: 2rem;
   
    color: rgba(var(--mb-rgb-black), 0.5);
    background-color: rgba(var(--mb-rgb-white), 0.5);
    backdrop-filter: blur(12px);
    border-radius: 9999px;
    width: 2rem;
    height: 2rem;
    
    text-align: center;
    box-shadow: rgb(26 26 26 / 8%) 0px -1px 4px 0px, rgb(26 26 26 / 12%) 0px 4px 8px 0px;
    transition: box-shadow 300ms ease 0s;
  }
  .singleCar-sliderContainer a svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 50%;
  }
  .singleCar-sliderContainer polyline {
    color: rgba(var(--mb-rgb-black), 0.5);
    stroke-width: 5px;
  }
 
 .kms-singlCar-slider-dotnav > * > * {
   display: block;
   width: 0.625rem;
   height: 0.625rem;
   
   border-radius: 9999px;
   text-indent: 100%;
   border-width: 0px;
   border-style: solid;
   border-color: rgb(255 255 255 / 25%);
   background-color: rgb(255 255 255 / 25%);
   
   transition: .2s ease-in-out;
   transition-property: background-color,border-color;
   overflow: hidden;
   white-space: nowrap;
 }
 .kms-singlCar-slider-dotnav > .uk-active > * { 
   background-color: var(--mb-base-white);
 }
  
.kms-singlCar-sliderMain .uk-slider.uk-slider-container {
     position: relative;
 }
.kms-singlCar-slider-dotnav {
     position: absolute;
     z-index: 2;
     top: auto;
     left: 0;
     right: 0;
     bottom: 1rem;
     margin: 0 auto;
 }
 

.kms-vs-secondCol {
  margin: 0 !important;
  z-index: 1;
}

.gray_singlePost-main {
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.75rem;
  background-color: var(--mb-base-white);
  overflow: hidden;
}
.gray_singlePost-author {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0 1rem;
}
.gray_sp-author-avatar {
  width: 4rem;
  height: auto;
  margin: 0 0.75rem 0 0;
  border-radius: 9999px;
  overflow: hidden;
}
.scl_author-names {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: stretch;
}
.scl_postedby_un {
  font-size: 0.875rem;
  color: var(--mb-gray-900);
}
.scl_postedby_unn {
  font-size: 0.875rem;
  color: var(--mb-gray-500);
}

.scl_postedate {
  font-size: 0.875rem;
  color: var(--mb-gray-500);
}

.back-search-results.heading-font a {
  display: inline-block;
  position: relative;
  padding: 0.5rem 0.75rem;
  color: var(--mb-primary-500);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 9999px;
  font-weight: 700;
  font-size: 0.875rem;
}

/* public POST */
.post-user-name {
    color: var(--mb-gray-900);
    font-size: 0.875rem;
    font-weight: 700;
}
.member-status.online {
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 0.5rem;
}
.bp-message-link .member-status.online {
    position: absolute;
    width: 12px;
    height: 12px;
    top: auto;
    bottom: 0rem;
    left: auto;
    right: 0rem;
    border: 3px solid var(--mb-base-white);
}
.thread-avatar .member-status.online {
    width: 12px;
    height: 12px;
    bottom: 0;
    right: 0;
    border: 3px solid var(--bb-content-background-color);
}
.notification-avatar .member-status.online {
    width: 12px;
    height: 12px;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    border: 3px solid var(--bb-content-background-color);
}
.dealer-image .member-status.online {
    position: absolute;
    width: 12px;
    height: 12px;
    top: auto;
    bottom: 0rem;
    left: auto;
    right: 0rem;
    border: 3px solid var(--mb-base-white);
}

._2gray-user-status-dot-private-desktop .member-status.online {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    top: auto;
    bottom: 0rem;
    left: auto;
    right: 0rem;
}
.sglCr-img-dlr .member-status.online {
    top: auto;
    bottom: 0rem;
    left: auto;
    right: 0rem;
    border-width: 0.25rem;
}


/* PROFILE*/

.publicProfile-header {
  position: relative;
}

.upp-counters-btns {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 3;
}

.upp-counters-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.upp-counters-main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
}

.upp-headerBanner-btns {
  color: var(--mb-base-black);
  font-size: 0.875rem;
  font-weight: 700;
  
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  background-color: var(--mb-base-white);
}
.upp-headerBanner-btns:hover {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
}

.upp-headerBanner-btns a {
  color: var(--mb-gray-900);
}
.upp-headerBanner-btns a:hover {
  color: var(--mb-primary-500);
}
.upp-headerBanner-btns i {
  color: var(--mb-gray-400);
}
.upp-headerBanner-btns a:hover i {
  color: var(--mb-primary-500);
}

.bdbt_follow_count {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
}
.upp-counters-main, .bdbt_follow_count .followers-wrap, span.bdbt_follow_count .following-wrap {
  color: var(--mb-gray-900);
  font-size: 0.875rem;
  line-height: inherit;
  
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
}


.upp-names {
  position: relative;
  min-width: 200px;
  /*max-width: max-content;*/
  margin: 0.75rem 0;
  text-align: center;
  
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.upp-userName, .upp-dealerName {
  position: relative;
  margin: 0;
  color: var(--mb-base-black);
  font-size: 1.5rem;
  font-weight: 900;
  
}

.upp-dealerName i, .graytitleinfodealer i, .kmsp--certified i {
  color: var(--mb-primary-500);
}


.upp-block-infos {
    position: relative;
    width: 100%;
    margin: 1rem 0 0rem;
    padding: 0 0 0 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.upp-block-infos-dtail {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}


.upp-about-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}


.upp-block-infos i {
  margin: 0 0.5rem 0 0;
  font-size: 1rem;
}

.upp-about i {
  color: var(--mb-gray-400);
}
.upp-about-body i {
   font-size: 2rem;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translate(0px, -50%);
   color: var(--mb-gray-400);
}

.publicProfile-banner {
  display: block;
  position: relative;
  width: 100%;
  height: 15rem;
  
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  
  outline-width: 0px;
  outline-style: solid;
  outline-color: var(--mb-gray-200);
  background-color: var(--mb-base-white);
  border-radius: 1rem 1rem 0rem 1rem;
  z-index: 0;
  overflow: hidden;
}
.publicProfile-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  /*filter: blur(5px);*/
  transform: scale(1);
}
.publicProfile-banner:before {
  content: '';
  /*
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));
  border-radius: 0.625rem;
  z-index: 1;
  */
}
.profile_avatar_holder img {
  width: 100%;
  height: auto;
}
.profile_avatar_holder {
  position: relative;
  width: 100%;
  height: auto;
  border-width: 5px;
  border-style: solid;
  border-color: var(--mb-base-white);
  border-radius: 9999px;
  outline-width: 1px;
  outline-style: solid;
  outline-color: var(--mb-gray-200);
  /* box-shadow: 0 2px 5px 0 rgb(18 43 70 / 12%), 0 0 0 1px #e0dfdb; */
  overflow: hidden;
}
.profile_avatar {
  position: relative;
  width: 200px;
  margin: -100px 0 0;
  margin: -100px auto 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 9999px;
  z-index: 2;
}


.upp-main-nav {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
  width: 100%;
  padding: 0 0rem;
  outline-width: 0;
  outline-style: solid;
  outline-color: var(--mb-gray-300);
  
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  
  background-color: var(--mb-base-white);
  border-radius: 0 0 1rem 1rem;
}
.upp-main-nav .responsive-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.upp-nav {
  overflow-x: scroll;
}
.upp-main-nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.upp-main-nav ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.upp-main-nav ul li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  
  position: relative;
  padding: 0 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mb-gray-900);
  
  border-width: 0 0 0rem;
  border-style: solid;
  border-color: transparent;
  
  line-height: normal;
}
.upp-main-nav ul li a, .upp-main-nav ul li a span div {
  color: var(--mb-gray-500);
}

.upp-main-nav ul li.uk-active a {
  color: var(--mb-primary-500);
  border-color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}
.upp-main-nav ul li.uk-active a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0.25rem;
    bottom: 0;
    left: 0;
    background-color: var(--bs-blue);
    border-radius: 9999px;
}

.upp-main-nav ul li a i {
  color: var(--mb-gray-400);
  margin: 0 0.125rem 0 0;
  font-weight: 400;
  font-size: 1.75rem;
}
.upp-main-nav ul li.uk-active a i {
  color: var(--mb-primary-500);
  font-weight: 300;
}

.upp-main-nav ul li a span,
.upp-main-nav ul li a span b {
  margin: 0 0 0 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mb-base-white);
  background-color: var(--mb-gray-300);
  border-radius: 9999px;
  line-height: normal;
}
.upp-main-nav ul li.uk-active a span, .upp-main-nav ul li.uk-active a span b  {
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
}
.upp-main-nav ul li.uk-active a span div  {
  color: var(--mb-primary-500);
}


.menu_bdbt_follow_count {
  border-radius: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0rem;
}
.menu_bdbt_follow_count > div {
  display: flex;
  flex-direction: row-reverse;
  border-radius: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 9999px;
  font-weight: 700;
  background-color: transparent;
  line-height: inherit;
}
.menu_bdbt_follow_count > div b {
  margin: 0 0 0 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(42, 65, 232, 0.08);
  border-radius: 9999px;
  font-weight: 700;
  background-color: var(--mb-gray-100);
  
}


/* icons */
 a.friendship-button.not_friends:before,
 a.friendship-button.awaiting_response_friend.requested:before,
 a.friendship-button.pending_friend:before,
 a.friendship-button.is_friend:before {
   font-family: bb-icons;
   font-weight: 400;
   font-size: 2rem;
   margin: 0 1rem 0 0;
 }
 
  a.friendship-button.not_friends:before {
    content: '\ea0c';
    /*
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translate(0, -50%);
    */
  }
  a.friendship-button.awaiting_response_friend.requested:before {
      content: '\ef57';
  }
  a.friendship-button.pending_friend:before {
    content: '\ef57';
  }
  a.friendship-button.is_friend:before {
    content: '\ef56';
  }
  /* follow */
  button.follow-button.not_following:before {
      position: relative;
      content: '\ef0d';
      font-family: bb-icons;
      font-weight: 400;
      font-size: 2rem;
      margin: 0 1rem 0 0;
  }
  button.follow-button.following:before {
    position: relative;
    content: '\ef0d';
    font-family: bb-icons;
    font-weight: 300;
    font-size: 2rem;
    margin: 0 1rem 0 0;
  }
  
  .waze-upp-btns-actions-msg:before {
    content: '\ee34';
    font-family: bb-icons;
    font-weight: 400;
    font-size: 2rem;
    margin: 0 1rem 0 0;
  }
  
  .waze-upp-btns-actions-whoAreYou:before {
      content: '\ea0c';
      font-family: bb-icons;
      font-weight: 400;
      font-size: 2rem;
      margin: 0 1rem 0 0;
  }
  
  
  .upp-btns-group {
    border-width: 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0.25rem;
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  .upp-btns-group button, .upp-btns-group a {
    margin: 0 -1px;
    padding: 0.25rem 0.75rem;
    color: var(--mb-gray-900);
    font-weight: 700;
    border-width: 0 1px;
    border-style: solid;
    border-color: var(--mb-gray-200);
    border-radius: 0;
    background-color: var(--mb-base-white);
  }
  .upp-btns-group button:hover, .upp-btns-group a:hover {
    color: var(--mb-primary-500);
  }
  
  .upp-btns-group button i, .upp-btns-group a i, .upp-btns-group a:before, .upp-btns-group button::before {
    color: var(--mb-gray-300);
    margin: 0 0.25rem 0 0;
  }
  .upp-btns-group button:hover i, .upp-btns-group a:hover i, .upp-btns-group a:hover:before, .upp-btns-group button:hover::before {
  }
  
  
  
  .sc-btns-group button i, .sc-btns-group a i, .sc-btns-group a:before, .sc-btns-group button::before {
    font-size: 1rem;
    color: var(--mb-primary-500);
    margin: 0 0.25rem 0 0;
  }
  .sc-btns-group button:hover i, .sc-btns-group a:hover i, .sc-btns-group a:hover:before, .sc-btns-group button:hover::before {
    
  }
  
  /*Single car*/
  .sc-btns-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    
    min-width: 100%;
    border-width: 1px 0 0;
    border-color: var(--mb-gray-200);
    margin: 1rem 0 0;
    padding: 1rem 0 0;
    border-radius: 0;
    
  }
  
  .sc-btns-group > div {
    margin: 0.5rem auto;
}

  .sc-btns-group button, .sc-btns-group a {
    position: relative;
    min-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0.5rem 0.25rem;
    font-size: 0.875rem;
    
    border: 1px solid var(--mb-primary-500);
    border-radius: 0.5rem;
    color: var(--mb-primary-500);
    background-color: transparent;
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
.sc-btns-group button:hover, .sc-btns-group a:hover {
  color: var(--mb-base-white);
    background-color: var(--mb-primary-500);
}

.upp-btn-more-dd {
  min-width: max-content;
  padding: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0 / 5%), 0 6px 32px 0 rgb(18 43 70 / 10%);
}
  
  .upp-btn-more-dd a {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: inherit;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
  }
  
.sc-btn-more-dd a {
      color: var(--mb-gray-300);
      background-color: var(--mb-base-white);
      padding: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
  }
  .sc-btn-more-dd a:hover {
    color: var(--mb-gray-300);
      background-color: var(--mb-base-white);
  }
.sc-btn-more-dd a i {
      margin: 0 0.5rem 0 0;
      color: inherit;
      font-size: inherit;
  }
  
  
  ._3gray_kntr-nbr b {
      color: var(--mb-gray-900);
  }
  
  .car-meta-top.heading-font {
      display: block;
      position: relative;
      width: 100%;
      overflow: hidden;
  }
  
  .owl-stage-outer .owl-stage {
      padding: 0.5rem 2rem 0;
  }
  
  .owl-stage .owl-item {
      margin: 0 1rem 1rem 0;
      padding: 0.25rem;
      border-width: 1px;
      border-style: solid;
      border-color: var(--mb-gray-300);
      border-radius: 0.75rem;
      
      overflow: hidden;
  }
  
  .listing-car-item-meta .price {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      
      display: flex;
      position: relative;
      width: 100%;
  }

/*DELETE annonce*/
.stm-delete-confirmation-popup .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.stm-delete-confirmation-popup .actions a.stm-red-btn, .stm-delete-confirmation-popup .actions a:last-child {
  width: 50%;
  padding: 0.5rem 2rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-primary-500);
  border-radius: 0.25rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  box-shadow: none;
  text-align: center;
}




/*private*/
.kms_public_ActionsPost, .kms_userPrivate_ActionsPost {
  padding: 0 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.625rem;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0 / 5%), 0 6px 32px 0 rgb(18 43 70 / 10%);
}
.kms_edit_disable_car {
  all: unset;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: stretch;
}

.kms_public_ActionsPost a, 
.kms_edit_disable_car a {
  display: block;
  position: relative;
  margin: 0rem 0;
  padding: 1rem 0rem 1rem 3rem;
  color: var(--mb-gray-500);
  font-weight: normal;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 0.5rem;
  background-color: transparent;
}

.kms_public_ActionsPost a:hover,
.kms_edit_disable_car a:hover {
  background-color: var(--mb-gray-100);
  
  background-color: var(--mb-primary-50);
  color: var(--mb-primary-500);
}

.kms_edit_disable_car a i {
 position: absolute;
 left: 0;
 top: 50%;
 transform: translate(0, -50%);
 font-size: 2rem;
}
.kms_public_ActionsPost i,
.kms_edit_disable_car i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2rem;
}


.kms_edit_disable_car .stm-delete-confirmation {
  color: var(--mb-danger-500);
}
.kms_edit_disable_car .stm-delete-confirmation:hover {
  color: var(--mb-danger-600);
  background-color:  var(--mb-danger-50);
}

.kms_btn-call-PostActions, 
.kms-UserPrivate_btn-call-PostActions {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.25rem 0.5rem;
  color: var(--mb-gray-400);
  font-size: 1.5rem;
  
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-300);
  border-radius: 9999px;
  z-index: 3;
  
  position: absolute;
  top: 0rem;
  right: 0rem;
  left: auto;
  transform: translate(0rem, 0rem);
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
}
.kms-UserPrivate_btn-call-PostActions {
  
}
/*
.kms_btn-call-PostActions:hover, 
.kms-UserPrivate_btn-call-PostActions:hover {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
  border-color: var(--mb-primary-100);
}
*/

.kms_public_ActionsPost, .kms_userPrivate_ActionsPost.uk-dropdown.uk-open {
  left: auto !important;
  right: 0 !important;
  min-width: max-content;
}


.kms-Uprivate-main-btn-actionsPost {
  z-index: 4;
}
.publicPost-btnMore-postActions {
  z-index: 4;
}



.adpostddlabel {
    display: block;
    position: relative;
    min-width: 100%;
    color: var(--mb-gray-900);
}


.sc-btns-is-myProfile {
  min-width: 100%;
  margin: 1rem 0 0;
  padding: 1rem 0 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--mb-gray-200);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sc-btns-is-myProfile a {
    color: var(--mb-primary-500);
    font-size: 0.875rem;
    margin: 0.5rem 0;
    padding: 0.5rem 1rem;
    border: 1px solid var(--mb-primary-300);
    background-color: var(--mb-primary-100);
    border-radius: 0.625rem;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    min-width: 100%;
    
    color: var(--mb-base-black);
    background-color: rgb(0 0 0 / 10%);
    border-color: rgb(0 0 0 / 3%);
}
.sc-btns-is-myProfile a i {
   font-size: 2rem;
   font-weight: 300;
}



/*public archive listings*/

/*btns like compare*/

 .stm-car-medias>div:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6);
}




 .stm-listing-compare.active {
  background: linear-gradient(180deg, #1bc744 0%, #169f36 100%);
  opacity: 1;
}

 .stm-listing-favorite {
  position: absolute;
  left: 7px;
  bottom: 7px;
  padding: 3px 5px 3px 6px;
  background: rgba(0, 0, 0, 0.3);
  color: var(--mb-base-white);
  border-radius: 2px;
  font-size: 1rem;
  opacity: 0;
  z-index: 3;
}

 .stm-listing-favorite:hover {
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

 

 .image:hover .stm-listing-compare,
 .image:hover .stm-listing-favorite,
 .image:hover .stm-car-medias {
  opacity: 1;
}

.tooltip-inner {
  white-space: normal;
}

.kms-public-list-loop-actions ul {
  margin: 0;
  padding: 0;
  min-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.kms-public-list-loop-actions li {
  width: calc((100% / 3) - 0.25rem);
  flex: 1 1 auto;
}

.kms-public-list-loop-actions a {
  all: unset;
  
  display: block;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  
  margin: 0.5rem 0 0;
 
  font-size: 0.875rem;
  font-weight: 700;
  
  color: var(--mb-gray-900);
  
  
  border-radius: 0.5rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  z-index: 1;
  
  animation: shake_car-action-unit 1s linear 0s 1 normal forwards;
  cursor: pointer;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

 
.kms-public-list-loop-actions a:hover {
  color: var(--mb-primary-500);
  background-color: transparent;
}
.kms-public-list-loop-actions a:hover i {
  color: var(--mb-primary-500);
}




.stm-listing-favorite.active, 
.stm-listing-favorite.active:hover,
.stm-listing-favorite.active:before,
.stm-listing-favorite.active:hover:before {
  color: var(--mb-primary-500);
  
  opacity: 1;
}

.kms-natShare-dd a:hover {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}
.kms-natShare-dd a:hover i {
  color: var(--mb-primary-500);
}





/**/
.stm-car-view-more {
  position: relative;
  margin: 0 0 0.5rem;
  padding: 0.5rem;
  color: var(--mb-gray-900);
  background-color: var(--mb-gray-100);
  
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0.375rem;
  font-weight: 700;
  text-align: center;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.stm-car-view-more i {
  margin: 0 0.5rem;
}

.kms-public-list-loop-actions a i, .kms-public-list-loop-actions a::before {
    position: relative;
    color: var(--mb-gray-900);
    margin: 0 0rem 0 0;
}
.kms-public-list-loop-actions a:hover i, .kms-public-list-loop-actions a:hover::before {
  color: var(--mb-primary-500);
}
/**/
.NatShare_scPost_ul {
  margin: 0;
  padding: 0;
}
.NatShare_scPost_ul .resp-sharing-button {
  font-size: 0.875rem;
}

.kms-natShare-sc-dd a:hover, .NatShare_scPost_ul a:hover .resp-sharing-button {
  color: var(--mb-primary-500);
  background-color: var(--mb-primary-50);
}
.kms-natShare-sc-dd a:hover i {
  color: var(--mb-primary-500);
}
/**/





/**/


.stm-car-view-more:before {
    content: '\ee69';
    font-family: bb-icons;
    font-weight: 400;
    font-size: 1.75rem;
}
/*btn favorite*/
.stm-listing-favorite::before {
  content: "\f004";
  font-family: 'Font Awesome 5 Free';
  
  content: '\eeb2';
  font-family: bb-icons;
  font-weight: 400;
  font-size: 1.75rem;
}
.stm-listing-favorite.active::before {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  
  content: '\eeb2';
  font-family: bb-icons;
  font-weight: 300;
  font-size: 1.75rem;
}


.kms-iforshare i {
  font-size: 1.75rem;
}
.kms-iforshare i:before {
    content: '\ef15';
    font-size: 1.75rem;
    font-family: bb-icons;
    font-weight: 400;
}

/*btn add compare*/

.car-action-unit.add-to-compare::before {
  content: "\f02e";
  font-family: 'Font Awesome 5 Free';
}
.car-action-unit.add-to-compare.stm-added:before {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
}

.car-action-unit.add-to-compare.stm-added, 
.car-action-unit.add-to-compare.stm-added:before {
  color: var(--mb-success-500);
  background-color: var(--mb-success-50);
}
.car-action-unit.add-to-compare.stm-added > i {
  color: var(--mb-base-white);
  color: var(--mb-primary-500);
  /*30b34e*/
}

/**/
.car-action-unit.add-to-compare.stm-added > i {
  color: var(--mb-base-white);
}




.car-action-unit.add-to-compare.stm-added .stm-unhover {
  opacity: 1;
}
/*REMOVE*/
.car-action-unit.add-to-compare.stm-added:hover .stm-unhover {
  opacity: 0;
}

.car-action-unit.add-to-compare.stm-added .stm-show-on-hover {
  opacity: 0;
  position: absolute;
  top: 50%;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
  
  color: var(--mb-danger-500);
  background-color: var(--mb-danger-50);
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
/*REMOVE*/
.car-action-unit.add-to-compare.stm-added:hover .stm-show-on-hover {
  opacity: 1;
  color: var(--mb-danger-500);
  background-color: var(--mb-danger-50);
}

.car-action-unit.add-to-compare.stm-added .stm-show-on-hover > i {
  color: inherit;
}

.car-action-unit.add-to-compare.stm-added:hover .stm-show-on-hover > i {
  color: var(--mb-danger-500);
}


/* Header notif */
.single-add-to-compare .single-add-to-compare-left {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  text-align: center;
}
.single-add-to-compare.success {
  opacity: 1;
  z-index: 999;
  width: 100%;
  min-height: 55px;
  padding: 0rem 1.5rem;
  color: var(--mb-base-white);
  background-color: var(--mb-primary-500);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: stretch;
}
.single-add-to-compare .single-add-to-compare-left .stm-title {
  display: block;
  margin: 0;
  color: var(--mb-base-white);
  font-size: 1rem;
  font-weight: 700;
}
.compare-fixed-link {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translate(0, -50%);
  padding: 0.5rem 1rem;
  color: #000000;
  background-color: var(--mb-warning-500);
  font-size: 0.875rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-warning-500);
  border-radius: 0.5rem;
}

.single-add-to-compare.success .container {
  margin: 0;
  padding: 0;
  min-width: 100%;
  min-height: auto;
}

/*Maximum atteint*/
.stm-template-listing .single-add-to-compare.danger,
.stm-template-listing .single-add-to-compare.overadded {
  min-height: 55px;
  background-color: #ff0000;
  color: var(--mb-base-white);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  
}
/**/



/**/
.stm-template-listing .listing-list-loop .image .image-inner svg {
  width: 100%;
  height: 100%;
  background-color: var(--mb-gray-300);
}
.stm-template-listing .listing-list-loop .image .image-inner svg g {
  fill: rgb(0 0 0 / 25%);
}


/*publier*/
.vc_row.wpb_row.vc_row-fluid {
  margin: 0 !important;
}

.vc_row.wpb_row.vc_row-fluid .wpb_text_column.wpb_content_element {
  margin: 0;
}
.vc_row.wpb_row.vc_row-fluid .wpb_text_column.wpb_content_element .wpb_wrapper {
  margin: 0;
}

.vc_row.wpb_row.vc_row-fluid .wpb_text_column.wpb_content_element p, 
.vc_row.wpb_row.vc_row-fluid .wpb_text_column.wpb_content_element span {
  margin: 0;
  font-weight: 300;
  color: inherit !important;
}

.vc_row.wpb_row.vc_row-fluid .wpb_text_column.wpb_content_element .wpb_wrapper > p {
  margin: 0;
  font-weight: 500;
}

.stm_add_car_form {
    margin: 0 0rem;
    padding: 0;
}


/*single car */

.kms-s1glePost-Main-Medias {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  padding: 1rem;
  z-index: 1;
}

.kms-s1glePost-Main-Medias i {
    font-size: 1.5rem;
    font-weight: 400;
}
.kms-singlCar-gallery-actions .stm-listing-favorite-action.active i {
    font-weight: 300;
}





 .kms-s1glePost-Main-Medias .stm-listing-photos-unit,
 .kms-s1glePost-Main-Medias .stm-listing-videos-unit {
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}




/**/

.normal-price span.heading-font, .sale-price span.heading-font {
  color: var(--mb-success-500);
  font-weight: 900;
}
.price.discounted-price .regular-price {
  margin: 0 1rem 0 0;
  font-size: 0.875rem;
  color: var(--mb-gray-500);
  text-decoration-line: line-through;
  text-decoration-color: var(--mb-gray-900);
}

/**/
.stm-video-link-unit input[type="text"]:focus {
  background-color: inherit;
}







/*bdb*/

.notification-list li.read-item {
  display: flex;
}



/*MEMBERS LIST*/


  .sort {
    /*
    min-width: max-content;
    margin: 0 0.25rem;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    border: none;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    background-color: #28a8e0;
    */
    
    padding: 0.5rem 0.25rem;
    color: var(--mb-primary-500);
    background-color: var(--mb-base-white);
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-primary-500);
    font-weight: normal;
    font-size: 0.875rem;
    line-height: normal;
    
  }
  .sort:hover {
    /*
    text-decoration: none;
    background-color:#1b8aba;
    */
    color: var(--mb-primary-500);
    background-color: var(--mb-primary-100);
  }
  .sort:focus {
   outline: none;
   box-shadow: none;
  }
  .sort:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
  }
  .sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    border-top-color: color: var(--mb-primary-500);
    content:"";
    position: relative;
    top:13px;
    right:-5px;
  }
  .sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-bottom-color: var(--mb-primary-500);
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
  }
  
  
  /* gray-add */
  
  .usersList-sidebar .sort {
    padding: 0.25rem 0.25rem;
    font-size: 0.75rem;
    border-width: 1px;
  }
  
  
  .body-users-list {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0.625rem;
    background-color: var(--mb-base-white);
    overflow: hidden;
  }
  .upp-myFollowers_list {
    border-width: 0px;
    border-style: solid;
    border-color: var(--mb-gray-200);
  }
  .users_list_user {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 0px;
    padding: 0rem 0;
    border-width: 0px 0 0px;
    border-style: solid;
    border-color: var(--mb-gray-100);
    border-radius: 0;
    background-color: var(--mb-base-white);
    z-index: 1;
  }
  .users_list_user:not(:last-child) {
    margin: 0 0 1rem;
    padding: 0rem;
  }
  
  .users_list_user:hover {
    box-shadow: 0 3px 24px 0 rgb(18 43 70 / 8%);
    z-index: 2;
  }
  .usersList-sidebar .users_list_user {
    padding: 0.5rem 0.75rem;
  }
  
  .users_list_user_link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    
    color: var(--mb-primary-500);
  }
  .users_list_user_link:hover, .users_list_user_link:hover span, .users_list_user_link:hover p {
    color: var(--mb-primary-500);
  }
  .users_list_user_name {
    margin: 0;
    font-size: 0.875rem;
    color: var(--mb-gray-900);
    
  }
  .usersList-sidebar .users_list_user_name {
    font-size: 0.875rem;
  }
  
  .users_list_user_uname {
    margin: 0;
    color: var(--mb-gray-500);
    font-size: 0.875rem;
    font-weight: normal;
  }
  .usersList-sidebar .users_list_user_uname {
    font-size: 0.75rem;
  }
  
  .users_list_user_udate {
    margin: 0;
    color: var(--mb-gray-500);
    font-size: 0.75rem;
    font-weight: 300;
  }
  .usersList-sidebar .users_list_user_udate {
    font-size: 0.75rem;
  }
  
  .users_list_user_image {
    width: 3rem;
    height: 3rem;
    margin: 0 0.75rem 0 0;
    
  }
  .users_list_user_image i, .users_list_user_image svg {
    min-width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    fill: rgba(0, 0, 0, 0.5);
  }
  
  .usersList-sidebar .users_list_user_image {
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem 0 0;
  }
  
  .kms-search-users-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    min-width: 500px;
  }
  .search-users-list-input {
    min-width: 300px;
    margin: 0;
    padding: 0.5rem 0.75rem 0.5rem 2.25rem !important;
    background-color: var(--mb-base-white) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--mb-gray-300) !important;
  }
  
  .usersList-sidebar .search-users-list-input {
    min-width: 100%;
  }
  
  .gray_search_user-label {
    position: relative;
    margin: 0 0 1rem;
  }
  .usersList-sidebar .gray_search_user-label {
    min-width: 100%;
    margin: 0 0 0.5rem;
  }
  
  .gray_search_user-label svg, .gray_search_user-label i {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    transform: translate(0, -50%);
  }
  .gray_search_user-label svg path, .gray_search_user-label svg circle {
    stroke: var(--mb-gray-500);
  }
  .gray_search_user-label svg path, .gray_search_user-label svg circle {
    stroke: var(--mb-gray-200);
    stroke-width: 2px;
  }
  
  .header-users-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 50%;
    width: 100%;
    margin: 0 0 1rem;
  }
  .users-list-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    margin: 1rem auto;
    text-align: center;
  }
  .users-list-pagination li {
    border-width: 0px;
    border-style: solid;
    border-color: #ccc;
    outline-width: 0px;
    outline-style: solid;
    outline-color: #ccc;
  }
  .users-list-pagination a {
    margin: 0 -1px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    outline-width: 0px;
    outline-style: solid;
    outline-color: #ccc;
    border-radius: 0.125rem;
    color: var(--mb-gray-900);
    background-color: var(--mb-base-white);
  }
  .users-list-pagination .active a {
    color: var(--mb-primary-500);
    color: var(--mb-base-white);
    font-weight: 700;
    color: var(--mb-base-white) !important;
    background-color: var(--mb-primary-500);
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-primary-500)!important;
    cursor: text;
  }
  
  .user-list-msg-button {
    padding: 0.5rem 1.5rem;
    color: var(--mb-gray-500);
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0.25rem;
    font-weight: 700;
  }
  .user-list-msg-button:hover {
    color: var(--mb-primary-500);
    background-color: var(--mb-primary-100);
    border-color: var(--mb-primary-100);
  }
  
  .usersList-sidebar .user-list-msg-button {
    padding: 0.25rem 0.5rem;
  }
  
  .usersDealers-list_tab {
    margin: 0;
  }
  .usersDealers-list_tab li {
    padding: 0;
  }
  
  .usersDealers-list_tab .usersDealers-list_tabTitle {
    padding: 0.5rem 1rem !important;
    color: var(--mb-gray-700);
    font-size: .875rem !important;
    font-weight: normal;
    border-width: 0 0 0.25rem !important;
    border-style: solid;
    border-color: transparent;
  }
  .uk-active .usersDealers-list_tabTitle {
    
  }
  .uk-tab>.uk-active>a {
    color: var(--mb-primary-500);
    border-color: var(--mb-primary-500);
    font-weight: 700;
  }
  
 
  
  .usersDealers-list_tab:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-width: 0 0 0.25rem;
    border-style: solid;
    border-color: var(--mb-gray-200);
  }
  
  
  .users_list_user_pro {
    position: relative;
  }

  .users_list_user_pro:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    position: relative;
    color: var(--mb-base-white);
    font-weight: 900;
    position: absolute;
    right: -1.23rem;
    top: 50%;
    transform: translate(0px, -50%);
    font-size: 0.5rem;
  }
  .dealer.users_list_user_pro i {
      color: var(--mb-primary-500);
  }
  
  
  
  
  
  .upp-stats-app {
    margin: 1rem 0;
      padding: 0 1rem;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
  }
  .upp-stats-app-count-i {
     color: var(--mb-gray-900);
     font-size: 1rem;
     font-weight: 900;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
  }
  
  .upp-stats-app-count-i i {
    font-size: 2rem;
      color: var(--mb-gray-400);
      font-weight: 400;
  }


/* share post */

.kms-natShare-dd, .kms-natShare-sc-dd {
  min-width: max-content;
  padding: 0rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.625rem;
  background-color: var(--mb-base-white);
  box-shadow: 0 2px 7px 1px rgb(0 0 0 / 5%), 0 6px 32px 0 rgb(18 43 70 / 10%);
}

.kms-natShare-dd a, .kms-natShare-sc-dd a {
  margin: 0rem 0rem;
  padding: 1rem 0 1rem 3rem;
  border-width: 0px;
  border-style: solid;
  border-color: var(--mb-gray-200);
  border-radius: 0.375rem;
  text-align: left;
}
.kms-natShare-dd .resp-sharing-button {
  padding: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--mb-gray-900);
}
.kms-natShare-dd i, .kms-natShare-sc-dd i {
  width: auto;
  height: auto;
  
  margin: 0 0.25rem 0 0;
  font-size: inherit;
  font-weight: 900;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  border-radius: 9999px;
  background-color: transparent;
}

.CancelClose-SharePost {
  color: var(--mb-danger-500) !important;
}
.CancelClose-SharePost:hover {
  background-color: var(--mb-danger-50) !important;
}




.kms-natShare-dd .NatShare_post_ul, .kms-natShare-sc-dd .NatShare_post_ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  
  margin: 0;
  padding: 0;
}
.NatShare_post_ul li, .kms-natShare-sc-dd li {
  min-width: 100%;
}






.kms-SharePost-copyLink i {
  color: var(--mb-gray-900);
  position: absolute !important;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2rem;
  font-weight: 400;
}
.kms-natShare-dd a:hover, .resp-sharing-button:hover {
  color: var(--mb-primary-500);
}

.kms-natShare-sc-dd a:hover, .resp-sharing-button:hover {
  color: var(--mb-primary-500);
}


.CancelClose-SharePost i {
  color: var(--mb-danger-500) !important;
  position: absolute !important;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 2rem;
  font-weight: 400;
}
.CancelClose-SharePost:hover i {
  color: var(--mb-danger-500) !important;
}


/* icon nativ share */
.resp-sharing-button__icon i {
    font-size: 2rem;
    font-weight: 400;
    display: inline-block;
    position: absolute !important;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
    padding: 0;
    color: inherit;
    border: 0px solid #cfdae6;
    border-radius: 9999px;
    background-color: rgba(245, 247, 250, .25);
    text-align: center;
    vertical-align: middle;
}


/**/



  
  .kms-CarSimilar-author-avatar img {
      display: block;
      position: relative;
  }
  
  .kms-CarSimilar-author-avatar {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5rem 0 0;
    border-radius: 9999px;
    overflow: hidden;
  }
  
  
  /* page_etc*/
  
  .page_etc {
    padding: 0rem 1rem;
    background-color: var(--mb-base-white);
    text-align: justify;
  }
  
  
  /*mobilapp*/
  
  .app_btn-menu {
    all: unset;
    color: var(--mb-base-black);
    font-weight: 700;
    font-size: 1.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  
  .headerMobile-btnSearchToggle svg circle, .headerMobile-btnSearchToggle svg path {
    stroke-width: 2px;
    fill: transparent;
    color: var(--mb-base-black);
  }
  
  
  
  /* Waze user public profil */
  
 
.waze-upp-btns-actions {
      /*
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      */
      
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
  }
  .waze-upp-btns-actions > div {
      display: inline-block;
  }
  
  .waze-upp-btns-actions a, .waze-upp-btns-actions button {
    position: relative;
    color: var(--mb-base-black);
    background-color: var(--mb-base-white);
    padding: 0rem 1rem;
    border: 1px solid var(--mb-gray-300);
    border-radius: 9999px;
    font-weight: 700;
    text-align: center;
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .waze-upp-btns-actions-addMe {
      display: inline-block;
      position: relative;
      min-width: calc(75% - 1rem);
      width: -webkit-fill-available;
  }
  .waze-upp-btns-actions-more a {
      padding: 0 0rem;
  }
  
  .waze-upp-btns-actions-dd a, .waze-upp-btns-actions-dd button {
      border: 0;
      margin: 0rem 0;
      padding: 0.5rem 1rem;
      min-width: 100%;
      font-size: 0.875rem;
      text-align: left;
      
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: flex-start;
      align-items: center;
  }
  .waze-upp-btns-actions-dd a:hover, .waze-upp-btns-actions-dd button:hover {
      color: var(--mb-primary-500);
      background-color: var(--mb-primary-100);
      border-radius: 0.625rem;
  }
  
  
  
  a.waze-upp-btns-actions-whoAreYou {
      color: var(--mb-base-white);
      background-color: var(--mb-primary-500);
      border-color: var(--mb-primary-500);
  }
  a.waze-upp-btns-actions-whoAreYou:before {
      color: var(--mb-base-white);
  }
  
  a.waze-upp-btns-actions-itMe {
      color: var(--mb-base-white);
      background-color: var(--mb-base-black);
      border: 1px solid var(--mb-base-black);
  }
  a.waze-upp-btns-actions-itMe a i, a.waze-upp-btns-actions-itMe a i:before {
      color: var(--mb-base-white);
  }
  
  .friendship-button.not_friends.add {
      color: var(--mb-base-white);
      background-color: var(--mb-primary-500);
      border-color: var(--mb-primary-500);
  }
  .friendship-button.not_friends.add:before {
      color: var(--mb-base-white);
  }
  
  .sc-btns-group a, .sc-btns-group button {
      color: var(--mb-primary-500);
      background-color: transparent;
      border: 1px solid var(--mb-primary-500);
  }
  .sc-btns-group a i, .sc-btns-group button i, .sc-btns-group a:before, .sc-btns-group button:before {
      font-size: 2rem !important;
      margin: 0 !important;
  }
  
  .friendship-button.awaiting_response_friend.requested {
      color: var(--mb-base-white);
      background-color: var(--bb-secondary-button-background-hover);
      border-color: var(--bb-secondary-button-background-hover);
  }
  .friendship-button.awaiting_response_friend.requested:before {
      color: var(--mb-base-white);
  }
  
  a.friendship-button.is_friend {
      color: var(--mb-base-white);
      background-color: var(--mb-success-500);
      border: 1px solid var(--mb-success-500);
  }
  a.friendship-button.is_friend:before {
      color: var(--mb-base-white);
      content: '\ef56';
      font-family: 'bb-icons';
      font-weight: 300;
  }


/* listings result percentage graphik */

.kmstm-total-matches {
  position: relative;
  
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.updatePrcentGraph {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  
    position: relative;
    top: 0;
    font-size: 0.875rem;
    font-weight: bold;
    border-width: 0 0 1px;
    border-style: dashed;
}
.updatePrcentGraph.success {
    color: var(--mb-success-500);
    fill: var(--mb-success-400);
}
.updatePrcentGraph.warning {
    color: var(--mb-warning-500);
    fill: var(--mb-warning-400);
}
.updatePrcentGraph.danger {
    color: var(--mb-danger-500);
    fill: var(--mb-danger-400);
}
.updatePrcentGraph.null {
    color: var(--mb-gray-400);
    fill: var(--mb-gray-400);
}
.svgraphiklistings {
  display: inline-block;
  position: relative;
  width: 1.125rem;
  height: auto;
  margin: 0 0 0 0.125rem;
}


/*!******************************!*\ 
!***  id : kms-CSS-17
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/app.css
\**********************************/

/* Desktop : no Mobile & no app */
@media (min-width: 993px) {
  .mobilapp {
    display: none !important;
  }
  .nomobilapp {
    display: block !important;
  }
  
  /*select 2*/
  .select2-container--default .select2-selection--single {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      min-width: 100%;
      padding: 0.75rem 1rem;
      border: 1px solid var(--mb-gray-300);
      border-radius: 0.5rem;
      
      background-color: var(--mb-base-white);
  }
  
  .bb-icon, .bb-icon-, .bb-icon-l, .bb-icon-f {
      font-size: 1.5rem !important;
  }
  .stm-single-listing-car-features .lists-inline ul li:before {
      font-size: 1.5rem;
  }
  .waze-upp-btns-actions-more a i {
      font-size: 2rem !important;
  }
  i.bb-icon-sidebar.bb-icon-l.btn-menusidebar-i {
      font-size: 2.5rem !important;
      color: var(--mb-gray-500);
  }
  
  /* login register */
  .stm-login-register-form {
      margin: 0 0rem;
      padding: 0 0rem;
  }
  .stm-login-register-form .stm-register-form {
      max-width: 75%;
      margin: 0 auto;
  }
  
  
}



/* Mobile & app */
@media (max-width: 992px) {
  /* Special */
  body {
      font-weight: 500;
  }

  
  /* Gray UI */
  
  .nomobilapp {
    display: none !important;
  }
  .mobilapp {
    display: block !important;
  }
  .mobilapp-w-100 {
    width: 100% !important;
  }
  

  
  
  .buddypress-wrap .bp-pagination {
      padding: 1rem 0;
  }
 
 #message-threads .bp-message-link {
    margin: 0 auto;
    padding: 0;
 }
 #message-threads .bp-message-link .thread-content {
     margin: 0 0 -1px;
     padding: 1rem 0;
     border-width: 1px 0 1px;
     border-style: solid;
     border-color: var(--mb-gray-200);
 }
 
 #message-threads .bp-message-link .thread-avatar {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin: 0 1rem 0 0;
     max-width: max-content;
 }
 
 /* ---------------------- ui kit ui-kit ----------------------------- */
 
 .uk-offcanvas-flip.uk-offcanvas-container-animation {
     left: -100%;
 }
 :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
     left: 100%;
 }
 
 .uk-offcanvas-bar {
     width: 100%;
 }
 
 
  /* ---------------------- SELECT 2 ----------------------------- */
  
  
  /* hide */
  .send-to-input.select2-hidden-accessible,
  .select2, 
  .select2-container, 
  .select2-container--default {
    display: none;
    
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }
  
  /* restore */
  select, .select2-hidden-accessible,
  /* message */
  .select2-container--open {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0.75rem 1rem;
    line-height: normal;
    color: var(--mb-base-black);
    background-color: var(--mb-base-white);
    
    overflow: visible;
    clip: inherit;
    border: 1px solid var(--mb-gray-300);
    border-radius: 0.5rem;
    
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  /* select multiple */
  .form-select[multiple] {
      overflow: hidden;
  }
  
  
  /* --------------------------------------------------- */
  
  
  #buddypress .comment-reply-link,
  #buddypress .generic-button a,
  #buddypress .standard-form button,
  #buddypress a.button,
  #buddypress input[type=button],
  #buddypress input[type=reset],
  #buddypress input[type=submit],
  #buddypress ul.button-nav li a,
  a.bp-title-button {
    display: block;
    min-width: max-content;
    width: 100%;
    /* height: 3.125rem; */
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    font-size: .875rem;
    font-weight: 700;
    background-color: var(--mb-primary-500);
    color: var(--mb-base-white);
    border: 1px solid var(--mb-primary-500);
    border-radius: 0.625rem;
    
    text-decoration: none;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-transition: .3s all;
    transition: .3s all;
    
    overflow: hidden;
  }
  
  
  
  #buddypress #bp-delete-avatar, #buddypress #bp-delete-cover-image {
    display: flex;
    position: relative;
    width: 100%;
    
   
    padding: 0.5rem 1rem;
    line-height: 1.5;
    font-size: 0.875rem;
    font-family: system-ui;
    
    color: var(--mb-base-white);
    background-color: var(--mb-danger-500);
    border: 1px solid var(--mb-danger-500);
    border-radius: 0.625rem;
    overflow: hidden;
  }
  
  
  #buddypress .profile.edit .visibility-toggle-link {
      background-color: var(--mb-primary-100);
      margin: 1rem 0;
      padding: 1rem;
      display: block;
      position: relative;
      border-radius: 0.75rem;
  }
  
  .btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-radius: 0.625rem;
  }
  
  .back-search-results.heading-font a {
      padding: 0.75rem;
  }
  
  .stm-isearch-prev, .stm-isearch-next {
      width: 2.5rem;
      height: 2.5rem;
      line-height: 2.5rem;
  }
  
  .card {
      --bs-card-cap-padding-y: 1rem;
      --bs-card-cap-padding-x: 1rem;
      
      border-radius: 0;
      border-width: 1px 0;
  }
  
  .gray--ui__notification-footer2 div, .gray--ui__notification-footer2 a {
      padding: 1rem;
  }
  
  .kms_public_ActionsPost, .kms_userPrivate_ActionsPost {
      padding: 0rem 1rem;
  }
  .kms_public_ActionsPost a, .kms_edit_disable_car a {
     margin: 1rem 0;
     padding: 0rem 0rem 0 3rem;
     line-height: 1.5;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: space-between;
     justify-content: center;
     align-items: stretch;
  }
  
  .stm-accordion-single-unit > a.title {
      padding: 1rem;
  }
  
  #item-body, .single-screen-navs {
      padding: 0rem 1rem 0rem;
      background-color: var(--mb-base-white);
  }
  .messages-wrapper {
      border: 0;
  }
  
  .bp-messages-nav-panel #subnav {
      padding: 0 0rem;
  }
  .buddypress-wrap .subnav-filters.bp-messages-filters .messages-search {
      margin: 0rem 0 1rem;
      padding: 0 0rem;
  }
  
  .bp-messages-content #bp-message-thread-list {
      margin: 0 0rem;
      padding: 0rem 0;
  }
  .bp-messages-content #bp-message-thread-list li {
      padding: 1rem 0rem;
  }
  .bp-messages-content-wrapper {
      padding: 0 0rem;
  }
  
  
  .bp-navs {
      border-width: 0 0 1px;
      border-radius: 0;
  }
  
  
  .stm-media-car-main-input .stm-placeholder a {
    margin: 3rem auto 0;
      padding: 0.5rem 1rem;
      border-radius: 0.625rem;
      min-width: max-content;
      line-height: normal;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
  }
  
  .btn-add-edit button.enabled, .btn-ppl button.enabled[data-load=pay] {
      padding: 0.75rem 1rem;
      border-radius: 0.625rem;
  }
  /*single car*/
  .stm-border-top-unit .title {
      margin: 0 0 1rem;
      padding: 0px 0 1rem;
  }
  /*add car*/
  .title.heading-font {
      margin: 0;
      padding: 0;
  }
  
  .stm-border-bottom-unit .SinglCarListng_titleCard {
      margin: 0 0 0rem;
      padding: 1rem 1rem;
      font-size: 1rem;
      font-weight: 700;
      color: var(--mb-gray-900);
  }
  
  
  .bb-media-container {
      background: var(--bb-content-background-color);
      border: 0px solid var(--bb-content-border-color);
      border-radius: var(--bb-block-radius);
      padding: 1rem 0;
      margin: 0rem 0 0;
  }
  
  .stm-video-link-unit .stm-after-video {
      width: 3rem;
      height: 3rem;
      border-radius: 9999px;
  }
  
  .stm-user-private .stm-car-listing-sort-units {
    border-radius: 0;
  }
  
  
  .stm-view-by {
      position: relative;
      background-color: var(--mb-gray-200);
      
      margin: 1rem 0 0;
      padding: 0.125rem;
      border-radius: 0.75rem;
      
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
  }
  .view-type {
      display: inline-block;
      min-width: calc(100% / 3);
      color: var(--mb-base-black);
      padding: 0.25rem 0.5rem;
      line-height: normal;
      text-align: center;
      
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
  }
  .view-type.active {
      border-radius: calc(0.625rem + 0rem);
  }
  
  .kms-dealer-view-by {
      width: 100%;
  }
  
  
  .stm-sort-private-my-cars .select-type .stm-label-type {
      display: block;
      position: relative;
      margin: 0 1rem 0 0;
      color: var(--mb-gray-500);
      min-width: max-content;
      width: auto;
      text-align: left;
  }
  .stm-user-private .stm-user-private-main .stm-seller-title.stm-main-title {
      display: inline-block;
      margin: 0 0 1rem;
      padding: 0 1rem;
      font-size: 1.5rem;
      color: var(--mb-gray-900);
      line-height: 1.5;
  }
  .stm-sort-private-my-cars .select-type {
      margin: 0;
      padding: 0 1rem;
  }
  
  .stm-filter-chosen-units-list {
      margin: 0.5rem 0;
  }
  
  /* --------------------------------------------------- */
  
  
  /* emoji */
  .emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom {
      margin: 0;
  }
  
  .activity-update-form.modal-popup .emojionearea .emojionearea-picker, .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker {
    margin: 0px 0rem;
    top: auto;
    left: auto;
    right: auto;
    bottom: 3rem;
    transform: translate(-75%, 0%);
  }
  
  .emojionearea .emojionearea-picker .emojionearea-wrapper {
      position: relative;
      height: auto;
      width: auto;
  }
  
  .activity-update-form.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper, .bp-nouveau-activity-form-placeholder-.modal-popup .emojionearea .emojionearea-picker .emojionearea-wrapper {
      height: auto;
  }
  
  
  /* DEALER REVIEWS */
  
  .stm-dealer-review-tab {
      margin: 1rem 0px 0;
      padding: 0 1rem;
      border-width: 0px;
      border-style: solid;
      border-color: var(--mb-gray-300);
      border-radius: 0;
      background-color: var(--mb-base-white);
  }
  #stm-dealer-reviews-units {
      margin: 0px 0;
      padding: 0 1rem;
      border-width: 0px;
      border-style: solid;
      border-color: var(--mb-gray-300);
      border-radius: 0;
      background-color: var(--mb-base-white);
  }
  .stm-dealer-review-tab .stm-dealer-rating {
      margin: 1rem 0 0;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: stretch;
  }
  .stm-dealer-review-tab .stm-dealer-rating .stm-dealer-average {
      width: 100%;
      float: none;
      padding: 1rem;
      margin: 0;
      background-color: var(--mb-gray-900);
  }
  
  .stm-comment-dealer-wrapper .average {
      float: none;
      margin: 0 0rem 1rem;
      background-color: var(--mb-gray-900);
      width: 100%;
      padding: 1rem;
      text-align: center;
  }
  
  .stm-dealer-review-title {
      margin: 1rem 0;
      padding: 0 1rem;
      border-bottom: 0px solid var(--mb-gray-300);
      font-size: 1rem;
      font-weight: 700;
  }
  
  
  /* --------------------------------------------------- */
  
  .gray--ui__notification {
    margin: 0.5rem 0;
  }
  
  .card-mobile {
    margin: 0.5rem 0;
  }
  
  /*header*/
  .blogname h1 {
    font-size: 2rem;
  }
  
  .gray_header-desktop {
    position: relative;
    padding: 0;
    overflow: hidden;
  }
  
  /*header mobile*/
  
  .kms-mobile-headerSearch-dd {
    top: 0 !important;
    left: 0 !important;
    height: 4rem;
    min-width: 100%;
    padding: 1.5rem 1rem 0;
  }
  .kms-mobile-headerSearch-dd .twitter-typeahead {
    min-width: 100%;
  }
  .kms-mobileHeader-inputSearch {
    min-width: 100% !important;
  }
  
  .headerMobile-btnSearchToggle {
    min-height: auto;
    padding: 0 0rem;
    color: var(--mb-gray-900);
  }
  
  .uk-navbar-dropdown-close.uk-icon.uk-close {
    color: var(--mb-gray-900);
  }
  
  .btn-menusidebar i {
      font-size: 2.5rem;
      color: var(--mb-gray-500);
  }
  .headerMobile-btnSearchToggle i {
      font-size: 2rem;
      color: var(--mb-gray-500);
  }
  .headerMobile-btnSearchToggle svg {
      display: none;
  }
  
  /* fuck ui kit */
  .kms-mobile-headerSearch-dd .uk-grid-small.uk-flex-middle.uk-grid {
      all: unset;
      margin: 0 !important;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
  }
  
  .kms-mobile-headerSearch-dd .kms-mobileHeader-inputSearch {
      font-size: 1rem;
  }
  
  /*...*/
  
  .ab-sub-wrapper.wrapper .ab-submenu li a {
      margin: 0rem 0rem 0rem 3rem;
  }
  
  
  /**/
  .gray_main_section1 {
    width: 0px;
    min-height: auto;
    height: auto;
  }
  /**/
  
  .kms-topArchives-SortBy0ptions {
    margin: 1rem 0;
  }
  

  .gray_main_section2 {
    width: 100%;
    margin: 4rem 0 0; 
    padding: 0;
  }
  .gray_main_section_STM {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 5em;
    
    margin: 0 0 0em;
    padding: 0 0 5rem;
  }
  
.dealer-search-title .stm-car-listing-sort-units {
      margin: 0;
      padding: 0;
      border: 0;
      background-color: transparent;
  }
  .dealer-search-title .stm-listing-directory-title {
      margin: 0 0 1rem;
  }
  
  .stm-sort-by-options, .kmstm-sort-by-options, .kms-package-sortView > div {
    min-width: 100%;
  }
  
  .kms-archiveListings-feed {
    width: 100%;
    margin: 0 !important;
    padding: 0;
  }
  
  .stm-featured-top-cars-title {
    margin: 0.5rem 0;
    padding: 0.25rem 0.5rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    background-color: var(--mb-base-white);
  }
  
  .listing-list-loop.stm-listing-directory-list-loop.stm-isotope-listing-item {
    border-radius: 0;
  }
  

  
 .stm-filter-chosen-units {
     padding: 0 1rem;
 }
  

  .stm-car-view-more {
  margin: 0 0 0.75rem;
  padding: 0.5rem; 
}
 

  

  
 
  .kms-archiveListings-filter {
    width: 100%;
    padding: 0;
  }
  
  .stm-accordion-single-unit {
    margin: 0.5rem 0;
    border-radius: 0;
  }
  
  .kms-listings-result {
      margin: 0.5rem 0 0;
  }
  .stm-blog-pagination {
      margin: 1rem 0 0;
  }
  


  
  .stm-filter-chosen-units-list li {
    margin: 0 1rem 0 0;
    padding: 0.5rem 0.75rem;
  }
  


.image-inner.interactive-hoverable {
  position: relative;
    min-height: 12rem;
    height: 12rem;
    max-height: 12rem;
}
.listing-list-loop .image .image-inner img {
    z-index: 2;
    position: absolute;
    left: 0px;
    width: -webkit-fill-available;
    margin: 0 -1px;
    min-width: -webkit-fill-available;
}


.kms-public-list-loop-actions a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

/* listing grid view*/

.stm-directory-grid-loop {
    border-radius: 0;
}

.stm-directory-grid-loop.stm-isotope-listing-item a.rmv_txt_drctn {
    min-width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.car-listing-modern-grid .stm-isotope-listing-item {
    margin: 0 0 0.5rem;
    padding: 0.25rem;
}
.stm-template-listing .car-listing-row .listing-car-item-meta {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    
    margin: 0rem 0 0 0.5rem;
}
.stm-directory-grid-loop .image {
    display: block;
    position: relative;
    min-width: 5rem;
    width: 5rem;
    max-width: 5rem;
    height: 100%;
    margin: 0 0.25rem 0 0;
    border-radius: 0.5rem;
    overflow: hidden;
}
.stm-directory-grid-loop .image img {
    display: block;
    width: 5rem;
    height: 5rem;
    object-fit: cover;
}

.car-listing-row .car-meta-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.car-listing-row .car-meta-bottom ul li i {
    display: none;
    color: var(--mb-gray-400);
    vertical-align: middle;
}


.meta-middle-unit .name {
    position: relative;
    width: 100%;
    line-height: 1.5;
    color: var(--mb-gray-500);
    margin: 0px 0 0rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


  /*Single car page */
  
 .kms-singlCar-sliderItems img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: relative;
     margin: 0 -1px;
     min-width: -webkit-fill-available;
     width: -webkit-fill-available;
 }
 
  ._3gray_kntr-publik {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  
  .sc-btns-myProfile a {
      font-size: 0.875rem;
  }
  
  .gray_singlePost-main {
    border-width: 0px 0 1px;
    border-radius: 0;
  }
  
  .kms-singlCar-sliderItems li {
    width: 100%;
    height: 300px;
    overflow: hidden;
  }
  
 
  

  .kms-stm_user-public-profil-follow_Me-btn {
      margin: 0rem 0 0;
      padding: 0.75rem 0.5rem;
      font-size: 0.875rem;
  }


  
  .stm-single-car-listing-data .stm-table-main {
    border-width: 0px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .stm-single-car-listing-data .stm-table-main .inner-table {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    
    width: 100%;
    margin: 0 0px;
    padding: 1rem 0;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: var(--mb-gray-200);
  }
  
  .stm-single-car-listing-data .stm-table-main .inner-table:nth-child(odd) {
      /* background-color: var(--mb-base-white); */
  }
  .stm-single-car-listing-data .stm-table-main .inner-table:nth-child(even) {
      /* background-color: var(--mb-gray-100); */
  }
  
  .stm-single-listing-car-features .lists-inline ul {
    width: 100%;
    margin: 1rem 0;
    padding: 0;
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .stm-single-listing-car-features .lists-inline > ul li {
    width: 50%;
    margin: 0.25rem 0;
    color: var(--mb-gray-500);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  
  .single-listing-car-sidebar-unit.stm_dealer_car_info {
    margin: 0.5rem 0;
    border-radius: 0;
  }
  
  .stm-isearch-results-carousel-wrap {
    margin: 0;
    border-radius: 0;
  }
  


  /* user settings social settings */
  .stm_socials_settings .input-group-text {
      padding: 0 1rem;
  }
  .stm_socials_settings i {
      font-size: 2rem;
  }
  
  .kms-editLoop-image i {
      font-size: 1.25rem;
      font-weight: 400;
      margin: 0 0rem 0 0;
  }
  
  .kms-editLoop-image .stm-car-medias .stm-listing-photos-unit, 
  .kms-editLoop-image .stm-car-medias .stm-listing-videos-unit, 
  .kms-editLoop-image .stm-car-views, .kms-singlCar-gallery-actions .stm-gallery-action-unit, 
  .kms-editLoop-image .stm-phone-reveals, 
  .kms-editLoop-image .stm-car-views {
      margin: 0 0.5rem;
      padding: 0.375rem 0.75rem;
  }
  
  
  /* add car */
  
  .stm_add_car_form .stm-form-checking-user {
    position: relative;
    margin: 0.5rem 0;
    padding: 0;
    background-color: transparent;
    border-width: 0px 0;
    border-style: solid;
    border-color: #e5f1fc;
}

  .stm_add_car_form .stm-border-top-unit .step_number {
     position: relative;
     font-size: 0.625rem;
     margin: 0 0 1rem;
     top: auto;
     left: auto;
     right: auto;
     bottom: auto;
  }
  .stm-user-registration-unit, .stm-add-a-car-user {
     
  }
  
  .stm_add_car_title_form {
    display: block;
    position: relative;
    min-width: 100%;
      padding: 0 1rem;
  }
  .stm_add_car_title_form input {
      min-width: 100%;
      margin: 1rem auto 0;
  }
  
  
  .stm-form1-intro-unit .row {
      display: flex;
      flex-direction: column;
  }
  .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-form-1-selects {
      padding: 0;
  }
  
  .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter {
      min-width: 100%;
  }
  
  .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stn-add-car-location-wrap {
      display: flex;
      min-width: 100%;
      flex-direction: column;
  }
  
  .stm-form-1-quarter .stm-location-input-wrap {
      display: block;
      position: relative;
      min-width: 100%;
  }
  
  .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-car-listing-data-single {
      margin: 1rem 0 1rem;
      padding: 0;
  }
  
  .stm-form-2-features .stm-single-feature {
  width: 100%; 
  }
  
  .feature-single {
      display: inline-flex;
      margin: 1rem 1rem 1rem;
      padding: 0 0rem 0 0;
  }
  .feature-single label {
      padding: 0;
      margin: 0rem 0 0rem;
  }
  
  .stm-form-3-photos .row {
      display: flex;
      flex-direction: column-reverse;
      flex-wrap: wrap;
      align-content: space-between;
      justify-content: center;
      align-items: center;
  }
  
  .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery {
      display: grid;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 0.75rem;
      height: 100%;
  }
  .stm-placeholder.stm-placeholder-native.ui-droppable {
      min-width: 100%;
  }
  .stm-placeholder.stm-placeholder-native.ui-droppable:nth-child(1) {
      grid-row-start: 1;
      grid-column-start: 1;
      grid-row-end: 2;
      grid-column-end: 2;
  }
  .stm-placeholder.stm-placeholder-native.ui-droppable:nth-child(2) {
      grid-row-start: 1;
      grid-column-start: 2;
      grid-row-end: 2;
      grid-column-end: 3;
  }
  .stm-placeholder.stm-placeholder-native.ui-droppable:nth-child(3) {
      grid-row-start: 2;
      grid-column-start: 1;
      grid-row-end: 3;
      grid-column-end: 3;
  }
  .stm-placeholder.stm-placeholder-native.ui-droppable:nth-child(4) {
      grid-row-start: 3;
       grid-column-start: 1;
       grid-row-end: 4;
       grid-column-end: 2;
  }
  .stm-placeholder.stm-placeholder-native.ui-droppable:nth-child(5) {
      grid-row-start: 3;
       grid-column-start: 2;
       grid-row-end: 4;
       grid-column-end: 3;
  }
  .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder .inner {
      padding: 1rem 0;
      font-size: 2rem;
  }
  
  .stm-form-3-photos .col-md-12, .stm-form-3-photos .col-md-9.col-sm-12.col-md-pull-3, .stm-form-3-photos .col-md-3.col-sm-12.col-md-push-9 {
      padding: 0;
  }
  
  
  
  .stm-add-videos-unit .row {
      display: block;
  }
  .stm-form-5-notes.clearfix .row.stm-relative {
      display: block;
  }
  
  .stm-form-price-edit .row {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: space-between;
      justify-content: center;
      align-items: center;
  }
  
  .stm-form-price-edit .col-md-12.col-sm-12, .stm-form-price-edit .row .col-md-4.col-sm-12 {
      padding: 0;
  }
  
  .stm-form-price-edit .row.stm-relative {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: space-between;
      justify-content: center;
      align-items: center;
  }
  
  .stm-user-registration-unit .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    
    margin: 0;
  }
  
h3.vc_custom_heading {
    margin: 1rem 0 !important;
    padding: 0 1rem !important;
    font-size: calc(1.3rem + .6vw) !important;
    color: var(--mb-gray-900) !important;
  }
  
  .stm_dynamic_listing_filter .tab-content {
      padding: 1rem;
      border-radius: 0;
      background-color: var(--mb-warning-300);
  }
  .dealer-search-title .stm-listing-directory-title div.title {
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--mb-gray-900);
  }
  .dealer-search-results {
      margin: 0rem auto;
      padding: 1rem 0 0;
      border-width: 1px;
      border-style: solid;
      border-color: var(--mb-gray-300);
  }
  
  
  
 
  
  
  
  
  .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit {
      margin: 1rem 0 0;
      padding: 0;
      border-width: 0px;
      border-style: solid;
      border-color: var(--mb-gray-300);
      border-radius: 0.5rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
  }
  .stm_add_car_form .stm-border-top-unit {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    
      margin: 0rem 0 1rem;
      padding: 0rem;
      border-color: var(--mb-gray-200);
  }
  
  
  .stm_add_car_form .stm_add_car_form_1 .stm-form1-intro-unit .stm-label {
      display: block;
      position: relative;
      margin: 1rem 0;
      padding: 0;
      color: var(--mb-gray-500);
  }
  
  .stm_add_car_form .stm_add_car_form_1 .stm-form-1-end-unit .stm-form-1-quarter .stm-label {
      position: relative;
      margin: 0rem 0 1rem;
      padding: 0;
  }
  
  .stm_add_car_form {
    margin: 0;
    padding: 0;
  }
  
  .stm_add_car_form .stm_add_car_form_1, 
  .stm_add_car_form .stm-form-2-features, 
  .stm_add_car_form .stm-form-3-photos, 
  .stm_add_car_form .stm-form-4-videos, 
  .stm_add_car_form .stm-form-5-notes, 
  .stm_add_car_form .stm-form-price-edit, 
  .stm-car-listing-data-single.stm-border-top-unit.kms-StepsAddCar-Block .stm_add_car_title_form {
    margin: 0.5rem 0;
    border-width: 1px 0;
    border-color: var(--mb-gray-300);
    border-radius: 0rem;
  }
  .stm-add-a-car-user {
    border-width: 1px 0;
    border-radius: 0;
  }
  
  .add-car-btns-wrap {
      padding: 0 1rem;
  }
  
  .kms-addPost-register-formFieldsets fieldset {
    width: 100%;
  }
  
  .stm_add_car_form .stm-form-checking-user .stm-login-register-form {
    margin: 0.75rem 0 0;
    padding: 0;
  }
  
  .stm-media-car-main-input .stm-placeholder {
    min-width: 75%;
  }
  
  .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery {
    margin: 1rem 0;
  }
  
  .stm_add_car_form .stm-form-3-photos .stm-add-media-car .stm-media-car-main-input {
    min-height: 15rem;
  }
  
  .stm_add_car_form .stm-form-2-features .stm-single-feature .heading-font {
    margin: 1rem 0 0rem;
    padding: 0 0 1rem;
    font-weight: 700;
    border-width: 0 0 5px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    line-height: 1.5;
  }
  
  .stm-add-videos-unit .col-md-6.col-sm-12 {
    margin: 1rem auto 0rem;
    padding: 0;
  }
  
  ._3gray_col-md-4_price {
    margin: 0.25rem 0;
    padding: 0;
  }
  
  .stm-add-a-car-user .right-info {
   min-width: 100%;
   margin: 2rem 0 0;
   text-align: center;
  }
  .stm-add-a-car-user .right-info > a {
      position: relative;
      padding: 0.5rem 1rem;
      background-color: var(--mb-primary-100);
      border: 1px solid var(--mb-primary-200);
      border-radius: 0.5rem;
      line-height: 1.5;
      
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
  }
  .stm-add-a-car-user .right-info > a i {
      font-size: 1.5rem;
      margin: 0 0.5rem 0 0;
  }
  
  .stm-add-a-car-user .right-info .stm_logout {
      margin: 1rem 0 0;
      padding: 1rem 0 0;
      color: var(--mb-gray-900);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      border-width: 1px 0 0;
      border-style: solid;
      border-color: var(--mb-gray-100);
  }
  
  .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases {
      position: absolute;
      width: auto;
      max-width: 100%;
      padding: 1rem;
      top: 0;
      left: auto;
      right: 0;
      bottom: auto;
      -webkit-transform: inherit;
      transform: inherit;
      margin: 0 auto;
      
      background-color: var(--mb-base-white);
      border: 1px solid var(--mb-gray-300);
      border-radius: 0.5rem;
      
      box-shadow: 0 2px 7px 1px rgb(0 0 0 / 5%), 0 6px 32px 0 rgb(18 43 70 / 10%);
  }
   
  .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:before,
  .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .inner:after {
    display: none;
  }
  
  .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix label {
      display: block;
      width: 50%;
      float: left;
      margin: 0 0 1rem;
      padding: 0 1rem;
  }
  .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .clearfix {
      margin: 0 -1rem 0rem;
  }
  .stm_add_car_form .stm-form-5-notes .stm-phrases-unit .stm_phrases .button {
      display: inline-block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0.5rem 1rem;
      color: var(--mb-base-white);
      background-color: var(--mb-primary-500);
      border-width: 1px;
      border-style: solid;
      border-color: var(--mb-primary-500);
      border-radius: 0.5rem;
      font-size: 0.875rem;
      font-weight: 700;
      text-align: center;
  }
  
  .stm-video-link-unit-wrap span.count {
      width: 1.5rem;
      height: 1.5rem;
      line-height: 1.5rem;
      margin: 0 0 0 1rem;
      padding: 0;
      font-size: 0.875rem;
      font-weight: 700;
      border-radius: 9999px;
      color: var(--mb-base-white);
      background-color: var(--mb-gray-1000);
      letter-spacing: normal;
      box-shadow: none;
  }
  .stm_add_car_form .stm-form-4-videos .stm-video-link-unit {
      position: relative;
      margin: 1rem 0;
      padding: 0px 4rem 0 0;
  }
  
  .stm-form-price-edit input {
      min-width: 100%;
  }
  
  .stm_add_car_form .stm-form-4-videos .stm-add-videos-unit .heading-font {
      position: relative;
      margin: 0 0 1rem;
      padding: 0;
  }
  
  .add-car-btns-wrap li {
      width: 100%;
  }
  .add-car-btns-wrap button {
      width: 100%;
  }
  
  
  /*private*/
  .stm-sort-private-my-cars.mb-3 {
    width: 100%;
  }
  
  /*public profil*/
  
  .publicProfile-banner {
    width: 100%;
    height: 5rem;
    border-width: 0;
    border-radius: 0;
    outline: 0;
  }
  
  
  .upp-socials-show {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: flex-start;
      align-items: center;
      
      margin: 0;
  }
  .upp-block-infos {
      position: relative;
      width: 100%;
      margin: 0.5rem 0;
      padding: 0 0 0 3rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: flex-start;
      align-items: center;
  }
  .upp-social-link {
    
      flex: auto;
      width: 100%;
      margin: 0.5rem 0;
      padding: 0 0 0 3rem;
      text-align: left;
  }
  

.publicProfile-infos.px-0 {
 margin: -2.5rem 0 0;
 padding: 2rem 0 0;
    background-color: var(--mb-base-white);
}

  .profile_avatar {
    width: 5rem;
    margin: -2.5rem 0 0;
  }
  .profile_avatar_holder {
    border-width: 0.25rem;
    box-shadow: none;
    outline-width: 0;
  }
  
  .upp-counters-btns {
    position: absolute;
    right: 1rem;
    bottom: -4rem;
    transform: translate(0rem, 0rem);
    width: 100%;
    max-width: calc(100% - 8rem);
    height: 5rem;
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
    
    z-index: 3;
  }
  
  .upp-counters-main, .upp-headerBanner-btns {
    font-size: 0.75rem;
  }
  .upp-counters-main, .bdbt_follow_count .followers-wrap, span.bdbt_follow_count .following-wrap {
    font-weight: normal;
    font-size: 0.75rem;
    text-transform: lowercase;
  }
  
  .upp-names {
    min-width: 5rem;
    max-width: max-content;
    margin: 1rem 0;
    padding: 0 1rem;
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
  }
  .upp-names-dealer {
    min-width: 5rem;
    max-width: 100%;
    margin: 0rem 0 0.75rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
  }
  
  .upp-userName, .upp-dealerName {
    position: relative;
    margin: 0;
    color: var(--mb-base-black);
    font-size: 1rem;
  }
  
  .profile_avatar .member-status.online {
    position: absolute;
    right: 1rem;
    top: auto;
    bottom: 0rem;
    width: 0.75rem;
    height: 0.75rem;
    border-width: 3px;
    border-style: solid;
    border-color: var(--mb-base-white);
    border-radius: 9999px;
    background: #00ff00;
  }
  
  
  .waze-upp-btns-actions i, .waze-upp-btns-actions *:before {
      font-size: 2rem;
  }

  
  .upp-main-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .upp-main-nav {
    border-width: 1px 0px;
    border-style: solid;
    border-color: var(--mb-gray-300);
    border-radius: 0;
  }
  
  .upp-main-nav ul li a {
    min-width: max-content;
    margin: 0rem 0rem 0 0rem;
    padding: 0.5rem 1rem;
  }
  .upp-main-nav ul li a i {
      font-size: 2rem;
  }
  
  .upp-btns-group {
    border-radius: 0.25rem;
    background-color: var(--mb-base-white);
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    }
    .upp-btns-group div {
      flex: 1 0 auto;
    }
    
    .sc-btns-group > div {
      min-width: 100%;
    max-width: 100%;
}
    
  .upp-btns-group button, .upp-btns-group a {
    margin: 0rem 0rem;
    padding: 0.5rem 0.5rem;
    
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .sc-btns-group button, .sc-btns-group a {
      min-width: 100%;
      width: 100%;
  }
  
  .kms-upp-cntn-nav::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0rem;
    background-color: var(--mb-base-white);
    background: linear-gradient(90deg, #ffffff, transparent);
    z-index: 2;
  }
  
  .kms-upp-cntn-nav::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1rem;
    right: 0;
    background-color: var(--mb-base-white);
    background: linear-gradient(-90deg, #ffffff, transparent);
    z-index: 2;
  }
  
  .sc-btn-more-dd a {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
  }
  
  /*modal*/
  .uk-modal-title {
    color: var(--mb-base-black);
    font-size: 1rem;
    font-weight: 700;
  }
  .uk-modal-footer {
    display: flow-root;
    padding: 0.75rem 0.75rem;
    background: var(--mb-base-white);
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--mb-gray-300);
    font-size: 0.625rem;
    text-align: justify;
  }
  
  
  /* tarification*/
  .stm-pricing__filters ul {
      display: inline-flex;
      position: relative;
      float: none;
      padding-left: 0;
      margin-bottom: 0;
      border-width: 2px;
      border-style: solid;
      border-color: var(--mb-primary-500);
      border-radius: 0.5rem;
      overflow: hidden;
      list-style: none;
      min-width: 100%;
  }
  .stm-pricing__filters li {
      min-width: 50%;
      float: none;
      margin: 0;
      font-size: 1rem;
      text-transform: capitalize;
  }
  .stm-pricing__filters a {
      display: block;
      padding: 0.5rem 1rem;
      line-height: normal;
      color: var(--mb-gray-900);
      text-align: center;
      font-weight: 700;
  }
  .stm-pricing__side-panel {
     float: none;
     width: 100%;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-content: space-between;
     justify-content: center;
     align-items: stretch;
  }
  .stm-pricing__filters {
      margin: 1rem 0;
      min-height: 2rem;
      min-width: 100%;
  }
  
  .stm-pricing__tables {
      float: inherit;
      width: 100%;
      margin: 0 auto;
  }
  .stm-pricing_3 .stm-pricing__tables-col {
      width: 100%;
  }
  .stm-pricing_3 .stm-pricing__tables-col .stm-pricing__tables-col-inner {
      padding: 0;
      margin: 1rem;
  }
  

  
  
  /* search user */
  .gray_search_user-label {
      display: block;
      position: relative;
      width: auto !important;
      margin: 0 auto 1rem !important;
  }
  
  
  .dealer-search-title {
      margin: 0.5rem 0;
      padding: 1rem;
      background-color: var(--mb-base-white);
      border: 1px solid var(--mb-gray-300);
  }
  
  
  /* blog */
  
  .post-grid-single-unit {
      position: relative;
      margin: 0;
      padding: 0;
  }
  .post-grid-single-unit .content .title-relative {
      position: relative;
      min-height: auto;
  }
  .blog-posts-excerpt {
      display: block;
      position: relative;
      margin: 1rem 0;
  }
  .post-grid-single-unit .content .post-meta-bottom {
      margin: 0;
      padding: 1rem 0 0;
      border-width: 1px 0 0;
      border-style: solid;
      border-color: var(--mb-gray-200);
  }
  .post-grid-single-unit .content {
      margin: 0 0 1rem;
      padding: 1rem 1rem;
      background-color: var(--mb-base-white);
      border-width: 1px;
      border-style: solid;
      border-color: var(--mb-gray-300);
      border-radius: 0.625rem;
  }
  

  
  /* woo commerce woo-commerce */
  
  .woocommerce-breadcrumb, .woocommerce-result-count {
      margin: 1rem 0;
      padding: 0 1rem;
  }
  
  .woocommerce-ordering {
      margin: 1rem 0rem;
      padding: 0 1rem;
  }
  
  .woocommerce-LoopProduct-link, .woocommerce-loop-product__link {
      display: block;
      position: relative;
      margin: 1rem auto;
      padding: 1rem;
      background-color: var(--mb-base-white);
      border: 1px solid var(--mb-gray-300);
      border-radius: 0.5rem;
  }
  
  .products {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      padding: 0 1rem;
  }
  
  nav.woocommerce-breadcrumb {
      display: none;
  }
  
  .woocommerce-MyAccount-content {
      display: block;
      position: relative;
      margin: 1rem 1rem;
      padding: 0rem 0rem 0rem;
      border: 0px solid var(--mb-gray-300);
      border-radius: 0.5rem;
  }
  
  nav.woocommerce-MyAccount-navigation {
      display: block;
      position: relative;
      margin: 1rem 1rem;
      padding: 0 1rem;
      border: 1px solid var(--mb-gray-300);
      border-radius: 0.5rem;
      background-color: var(--mb-base-white);
  }
  
  li.woocommerce-MyAccount-navigation-link a {
    display: block;
    position: relative;
    margin: 0.5rem 0;
    padding: 1rem;
    font-size: 1rem;
    color: var(--mb-gray-900);
    background: transparent;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
    text-align: center;
  }
  
  li.woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--mb-primary-500);
    border: 1px solid var(--mb-primary-300);
    background-color: var(--mb-primary-100);
    border-radius: 0.5rem;
    font-weight: 700;
  }
  
  form.checkout.woocommerce-checkout {
      margin: 1rem auto;
      padding: 0 1rem;
  }
  form.woocommerce-EditAccountForm.edit-account {
      padding: 0;
      border: 0px solid var(--mb-gray-300);
      background-color: var(--mb-base-white);
  }
  
  .woocommerce-MyAccount-content .addresses .address {
      padding: 0;
  }
  
  
  .woocommerce-input-wrapper {
      position: relative;
      width: 100%;
  }
  .woocommerce-input-wrapper .input-text {
      min-width: 100%;
      padding: 0.75rem;
      border: 1px solid var(--mb-gray-300);
      border-radius: 0.5rem;
  }
  
  .stm-billing-fields {
    margin: 1rem 0;
      padding: 1rem;
      background-color: var(--mb-base-white);
      border-width: 0.25rem 1px 1px;
      border-style: solid;
      border-color: var(--mb-gray-900) var(--mb-gray-300) var(--mb-gray-300);
      border-radius: 0.5rem;
      box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
  }
  
  .woocommerce-checkout-payment {
      margin: 1rem 0;
      padding: 1rem;
      background-color: var(--mb-base-white);
      border-width: 0.25rem 1px 1px;
      border-style: solid;
      border-color: var(--mb-gray-900) var(--mb-gray-300) var(--mb-gray-300);
      border-radius: 0.5rem;
  }
  .payment_methods.methods {
      margin: 0 0 2rem;
  }
  
  .colored-separator .first-long, .colored-separator .last-short {
      display: inline-block;
      margin: 1rem auto;
      vertical-align: middle;
      width: 75%;
      height: 0.25rem;
      -webkit-transform: skew(-40deg, 0deg);
      transform: skew(-40deg, 0deg);
      border-radius: 2px;
      background-color: #cc6119;
  }
  .colored-separator .last-short {
      width: 25%;
  }
  
  .stm-product-inner {
      display: block;
      position: relative;
      overflow: hidden;
  }
  
  .woocommerce-form-coupon-toggle {
      margin: 1rem;
  }
  
  .woocommerce .button {
    display: block;
    position: relative;
      width: 100%;
      margin: 1rem auto;
      padding: 0.75rem 1rem;
      line-height: 1.5;
      font-weight: bold;
      border-radius: 0.625rem;
      color: var(--mb-base-white);
      background-color: rebeccapurple;
      text-align: center;
      font-weight: bold;
  }
  
  .woocommerce-info {
      margin: 0;
      padding: 1rem;
      font-size: 1rem;
      color: var(--mb-primary-500);
      font-weight: bold;
      border: 0.125rem solid var(--mb-primary-300);
      background-color: var(--mb-primary-50);
      text-transform: none;
  }
  
  .woocommerce-message {
      margin: 1rem;
      padding: 1rem;
      font-size: 1rem;
      color: var(--mb-primary-500);
      font-weight: bold;
      border: 0.125rem solid var(--mb-primary-300);
      background-color: var(--mb-primary-50);
      text-transform: none;
      border-radius: 0.5rem;
  }
  
  
}

/* iphone 3 4 5 */
@media (max-width: 600px) {
  .apphbtxt {
      font-size: 75%;
      font-weight: 700;
  }
}


/*!******************************!*\ 
!***  id : kms-CSS-18
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/gray-animations.css
\**********************************/

@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]

1. Message Styles.
2.
3.
-------------------------------------------------------------------*/


/* gray_animation_shake : 
loader 
loading
 ========================================================================== */
@keyframes gray_animation_rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}


/* gray_animation_shake : 
input error
 ========================================================================== */
 
@keyframes gray_animation_shake {
  0%,
  100% {
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70% {
    transform: translateX(-10px);
  }

  20%,
  40%,
  60% {
    transform: translateX(10px);
  }

  80% {
    transform: translateX(8px);
  }

  90% {
    transform: translateX(-8px);
  }
}


/**/

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}


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



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


@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}



@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}



@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}



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


/* keyframes
 ========================================================================== */
 
 @keyframes spin2 {
   to { -webkit-transform: rotate(360deg); }
 }
 @-webkit-keyframes spin2 {
   to { -webkit-transform: rotate(360deg); }
 }
@keyframes spin2 {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spinreverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes spinreverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}



@keyframes preloader {
  0% {
    height: 5px;
    transform: translateY(0px);
    background-color: #6c98e1;
  }

  25% {
    height: 30px;
    transform: translateY(15px);
    background-color: #6c98e1;
  }

  50% {
    height: 5px;
    transform: translateY(0px);
    background-color: #6c98e1;
  }

  100% {
    height: 5px;
    transform: translateY(0px);
    background-color: #6c98e1;
  }
}







/* liste spinner
 ========================================================================== */
@keyframes kms_rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(180deg);
  }
}

/*liste spinner*/
@keyframes kms_spin1 {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}


@keyframes kms_spin2 {
  0% {
    transform: rotate(0turn) scale(1);
  }

  25% {
    transform: rotate(1turn) scale(1);
  }

  50% {
    transform: rotate(1turn) scale(1.5);
  }

  75% {
    transform: rotate(0turn) scale(1.5);
  }

  100% {
    transform: rotate(0turn) scale(1);
  }
}

@keyframes kms_spin3 {
  0% {
    transform: rotate(0turn);
  }

  100% {
    transform: rotate(1turn)
  }
}

@keyframes kms_spin4 {
  0% {
    transform: rotate(0turn);
  }

  25% {
    transform: rotate(0.25turn);
  }

  50% {
    transform: rotate(0.5turn);
  }

  75% {
    transform: rotate(0.75turn);
  }

  100% {
    transform: rotate(1turn);
  }
}

@keyframes kms_spin5 {
  0% {
    transform: rotate(0turn) scale(0.5);
  }

  50% {
    transform: rotate(0.5turn) scale(1);
  }

  100% {
    transform: rotate(1turn) scale(0.5);
  }
}

@keyframes kms_spin6 {
  0% {
    transform: rotate(0turn) scale(1);
  }

  25% {
    transform: rotate(1turn) scale(0.75);
  }

  50% {
    transform: rotate(2turn) scale(1);
  }

  75% {
    transform: rotate(3turn) scale(0.75);
  }

  100% {
    transform: rotate(4turn) scale(1);
  }
}

@keyframes kms_spin7 {
  0% {
    transform: rotate(0turn) scale(1);
  }

  25% {
    transform: rotate(1turn) scale(0.75);
  }

  50% {
    transform: rotate(2turn) scale(1);
  }

  75% {
    transform: rotate(1turn) scale(0.75);
  }

  100% {
    transform: rotate(2turn) scale(1);
  }
}

@keyframes kms_spin8 {
  0% {
    transform: rotate(0turn) scale(1);
  }

  25% {
    transform: rotate(1turn) scale(0.75);
  }

  50% {
    transform: rotate(2turn) scale(1);
  }

  75% {
    transform: rotate(2turn) scale(0.75);
  }

  100% {
    transform: rotate(4turn) scale(1);
  }
}



/**/

/*!******************************!*\ 
!***  id : kms-CSS-19
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/all.css
\**********************************/

/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
          transform: rotate(var(--fa-rotate-angle, none)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0::before {
  content: "\30"; }

.fa-1::before {
  content: "\31"; }

.fa-2::before {
  content: "\32"; }

.fa-3::before {
  content: "\33"; }

.fa-4::before {
  content: "\34"; }

.fa-5::before {
  content: "\35"; }

.fa-6::before {
  content: "\36"; }

.fa-7::before {
  content: "\37"; }

.fa-8::before {
  content: "\38"; }

.fa-9::before {
  content: "\39"; }

.fa-a::before {
  content: "\41"; }

.fa-address-book::before {
  content: "\f2b9"; }

.fa-contact-book::before {
  content: "\f2b9"; }

.fa-address-card::before {
  content: "\f2bb"; }

.fa-contact-card::before {
  content: "\f2bb"; }

.fa-vcard::before {
  content: "\f2bb"; }

.fa-align-center::before {
  content: "\f037"; }

.fa-align-justify::before {
  content: "\f039"; }

.fa-align-left::before {
  content: "\f036"; }

.fa-align-right::before {
  content: "\f038"; }

.fa-anchor::before {
  content: "\f13d"; }

.fa-anchor-circle-check::before {
  content: "\e4aa"; }

.fa-anchor-circle-exclamation::before {
  content: "\e4ab"; }

.fa-anchor-circle-xmark::before {
  content: "\e4ac"; }

.fa-anchor-lock::before {
  content: "\e4ad"; }

.fa-angle-down::before {
  content: "\f107"; }

.fa-angle-left::before {
  content: "\f104"; }

.fa-angle-right::before {
  content: "\f105"; }

.fa-angle-up::before {
  content: "\f106"; }

.fa-angles-down::before {
  content: "\f103"; }

.fa-angle-double-down::before {
  content: "\f103"; }

.fa-angles-left::before {
  content: "\f100"; }

.fa-angle-double-left::before {
  content: "\f100"; }

.fa-angles-right::before {
  content: "\f101"; }

.fa-angle-double-right::before {
  content: "\f101"; }

.fa-angles-up::before {
  content: "\f102"; }

.fa-angle-double-up::before {
  content: "\f102"; }

.fa-ankh::before {
  content: "\f644"; }

.fa-apple-whole::before {
  content: "\f5d1"; }

.fa-apple-alt::before {
  content: "\f5d1"; }

.fa-archway::before {
  content: "\f557"; }

.fa-arrow-down::before {
  content: "\f063"; }

.fa-arrow-down-1-9::before {
  content: "\f162"; }

.fa-sort-numeric-asc::before {
  content: "\f162"; }

.fa-sort-numeric-down::before {
  content: "\f162"; }

.fa-arrow-down-9-1::before {
  content: "\f886"; }

.fa-sort-numeric-desc::before {
  content: "\f886"; }

.fa-sort-numeric-down-alt::before {
  content: "\f886"; }

.fa-arrow-down-a-z::before {
  content: "\f15d"; }

.fa-sort-alpha-asc::before {
  content: "\f15d"; }

.fa-sort-alpha-down::before {
  content: "\f15d"; }

.fa-arrow-down-long::before {
  content: "\f175"; }

.fa-long-arrow-down::before {
  content: "\f175"; }

.fa-arrow-down-short-wide::before {
  content: "\f884"; }

.fa-sort-amount-desc::before {
  content: "\f884"; }

.fa-sort-amount-down-alt::before {
  content: "\f884"; }

.fa-arrow-down-up-across-line::before {
  content: "\e4af"; }

.fa-arrow-down-up-lock::before {
  content: "\e4b0"; }

.fa-arrow-down-wide-short::before {
  content: "\f160"; }

.fa-sort-amount-asc::before {
  content: "\f160"; }

.fa-sort-amount-down::before {
  content: "\f160"; }

.fa-arrow-down-z-a::before {
  content: "\f881"; }

.fa-sort-alpha-desc::before {
  content: "\f881"; }

.fa-sort-alpha-down-alt::before {
  content: "\f881"; }

.fa-arrow-left::before {
  content: "\f060"; }

.fa-arrow-left-long::before {
  content: "\f177"; }

.fa-long-arrow-left::before {
  content: "\f177"; }

.fa-arrow-pointer::before {
  content: "\f245"; }

.fa-mouse-pointer::before {
  content: "\f245"; }

.fa-arrow-right::before {
  content: "\f061"; }

.fa-arrow-right-arrow-left::before {
  content: "\f0ec"; }

.fa-exchange::before {
  content: "\f0ec"; }

.fa-arrow-right-from-bracket::before {
  content: "\f08b"; }

.fa-sign-out::before {
  content: "\f08b"; }

.fa-arrow-right-long::before {
  content: "\f178"; }

.fa-long-arrow-right::before {
  content: "\f178"; }

.fa-arrow-right-to-bracket::before {
  content: "\f090"; }

.fa-sign-in::before {
  content: "\f090"; }

.fa-arrow-right-to-city::before {
  content: "\e4b3"; }

.fa-arrow-rotate-left::before {
  content: "\f0e2"; }

.fa-arrow-left-rotate::before {
  content: "\f0e2"; }

.fa-arrow-rotate-back::before {
  content: "\f0e2"; }

.fa-arrow-rotate-backward::before {
  content: "\f0e2"; }

.fa-undo::before {
  content: "\f0e2"; }

.fa-arrow-rotate-right::before {
  content: "\f01e"; }

.fa-arrow-right-rotate::before {
  content: "\f01e"; }

.fa-arrow-rotate-forward::before {
  content: "\f01e"; }

.fa-redo::before {
  content: "\f01e"; }

.fa-arrow-trend-down::before {
  content: "\e097"; }

.fa-arrow-trend-up::before {
  content: "\e098"; }

.fa-arrow-turn-down::before {
  content: "\f149"; }

.fa-level-down::before {
  content: "\f149"; }

.fa-arrow-turn-up::before {
  content: "\f148"; }

.fa-level-up::before {
  content: "\f148"; }

.fa-arrow-up::before {
  content: "\f062"; }

.fa-arrow-up-1-9::before {
  content: "\f163"; }

.fa-sort-numeric-up::before {
  content: "\f163"; }

.fa-arrow-up-9-1::before {
  content: "\f887"; }

.fa-sort-numeric-up-alt::before {
  content: "\f887"; }

.fa-arrow-up-a-z::before {
  content: "\f15e"; }

.fa-sort-alpha-up::before {
  content: "\f15e"; }

.fa-arrow-up-from-bracket::before {
  content: "\e09a"; }

.fa-arrow-up-from-ground-water::before {
  content: "\e4b5"; }

.fa-arrow-up-from-water-pump::before {
  content: "\e4b6"; }

.fa-arrow-up-long::before {
  content: "\f176"; }

.fa-long-arrow-up::before {
  content: "\f176"; }

.fa-arrow-up-right-dots::before {
  content: "\e4b7"; }

.fa-arrow-up-right-from-square::before {
  content: "\f08e"; }

.fa-external-link::before {
  content: "\f08e"; }

.fa-arrow-up-short-wide::before {
  content: "\f885"; }

.fa-sort-amount-up-alt::before {
  content: "\f885"; }

.fa-arrow-up-wide-short::before {
  content: "\f161"; }

.fa-sort-amount-up::before {
  content: "\f161"; }

.fa-arrow-up-z-a::before {
  content: "\f882"; }

.fa-sort-alpha-up-alt::before {
  content: "\f882"; }

.fa-arrows-down-to-line::before {
  content: "\e4b8"; }

.fa-arrows-down-to-people::before {
  content: "\e4b9"; }

.fa-arrows-left-right::before {
  content: "\f07e"; }

.fa-arrows-h::before {
  content: "\f07e"; }

.fa-arrows-left-right-to-line::before {
  content: "\e4ba"; }

.fa-arrows-rotate::before {
  content: "\f021"; }

.fa-refresh::before {
  content: "\f021"; }

.fa-sync::before {
  content: "\f021"; }

.fa-arrows-spin::before {
  content: "\e4bb"; }

.fa-arrows-split-up-and-left::before {
  content: "\e4bc"; }

.fa-arrows-to-circle::before {
  content: "\e4bd"; }

.fa-arrows-to-dot::before {
  content: "\e4be"; }

.fa-arrows-to-eye::before {
  content: "\e4bf"; }

.fa-arrows-turn-right::before {
  content: "\e4c0"; }

.fa-arrows-turn-to-dots::before {
  content: "\e4c1"; }

.fa-arrows-up-down::before {
  content: "\f07d"; }

.fa-arrows-v::before {
  content: "\f07d"; }

.fa-arrows-up-down-left-right::before {
  content: "\f047"; }

.fa-arrows::before {
  content: "\f047"; }

.fa-arrows-up-to-line::before {
  content: "\e4c2"; }

.fa-asterisk::before {
  content: "\2a"; }

.fa-at::before {
  content: "\40"; }

.fa-atom::before {
  content: "\f5d2"; }

.fa-audio-description::before {
  content: "\f29e"; }

.fa-austral-sign::before {
  content: "\e0a9"; }

.fa-award::before {
  content: "\f559"; }

.fa-b::before {
  content: "\42"; }

.fa-baby::before {
  content: "\f77c"; }

.fa-baby-carriage::before {
  content: "\f77d"; }

.fa-carriage-baby::before {
  content: "\f77d"; }

.fa-backward::before {
  content: "\f04a"; }

.fa-backward-fast::before {
  content: "\f049"; }

.fa-fast-backward::before {
  content: "\f049"; }

.fa-backward-step::before {
  content: "\f048"; }

.fa-step-backward::before {
  content: "\f048"; }

.fa-bacon::before {
  content: "\f7e5"; }

.fa-bacteria::before {
  content: "\e059"; }

.fa-bacterium::before {
  content: "\e05a"; }

.fa-bag-shopping::before {
  content: "\f290"; }

.fa-shopping-bag::before {
  content: "\f290"; }

.fa-bahai::before {
  content: "\f666"; }

.fa-baht-sign::before {
  content: "\e0ac"; }

.fa-ban::before {
  content: "\f05e"; }

.fa-cancel::before {
  content: "\f05e"; }

.fa-ban-smoking::before {
  content: "\f54d"; }

.fa-smoking-ban::before {
  content: "\f54d"; }

.fa-bandage::before {
  content: "\f462"; }

.fa-band-aid::before {
  content: "\f462"; }

.fa-barcode::before {
  content: "\f02a"; }

.fa-bars::before {
  content: "\f0c9"; }

.fa-navicon::before {
  content: "\f0c9"; }

.fa-bars-progress::before {
  content: "\f828"; }

.fa-tasks-alt::before {
  content: "\f828"; }

.fa-bars-staggered::before {
  content: "\f550"; }

.fa-reorder::before {
  content: "\f550"; }

.fa-stream::before {
  content: "\f550"; }

.fa-baseball::before {
  content: "\f433"; }

.fa-baseball-ball::before {
  content: "\f433"; }

.fa-baseball-bat-ball::before {
  content: "\f432"; }

.fa-basket-shopping::before {
  content: "\f291"; }

.fa-shopping-basket::before {
  content: "\f291"; }

.fa-basketball::before {
  content: "\f434"; }

.fa-basketball-ball::before {
  content: "\f434"; }

.fa-bath::before {
  content: "\f2cd"; }

.fa-bathtub::before {
  content: "\f2cd"; }

.fa-battery-empty::before {
  content: "\f244"; }

.fa-battery-0::before {
  content: "\f244"; }

.fa-battery-full::before {
  content: "\f240"; }

.fa-battery::before {
  content: "\f240"; }

.fa-battery-5::before {
  content: "\f240"; }

.fa-battery-half::before {
  content: "\f242"; }

.fa-battery-3::before {
  content: "\f242"; }

.fa-battery-quarter::before {
  content: "\f243"; }

.fa-battery-2::before {
  content: "\f243"; }

.fa-battery-three-quarters::before {
  content: "\f241"; }

.fa-battery-4::before {
  content: "\f241"; }

.fa-bed::before {
  content: "\f236"; }

.fa-bed-pulse::before {
  content: "\f487"; }

.fa-procedures::before {
  content: "\f487"; }

.fa-beer-mug-empty::before {
  content: "\f0fc"; }

.fa-beer::before {
  content: "\f0fc"; }

.fa-bell::before {
  content: "\f0f3"; }

.fa-bell-concierge::before {
  content: "\f562"; }

.fa-concierge-bell::before {
  content: "\f562"; }

.fa-bell-slash::before {
  content: "\f1f6"; }

.fa-bezier-curve::before {
  content: "\f55b"; }

.fa-bicycle::before {
  content: "\f206"; }

.fa-binoculars::before {
  content: "\f1e5"; }

.fa-biohazard::before {
  content: "\f780"; }

.fa-bitcoin-sign::before {
  content: "\e0b4"; }

.fa-blender::before {
  content: "\f517"; }

.fa-blender-phone::before {
  content: "\f6b6"; }

.fa-blog::before {
  content: "\f781"; }

.fa-bold::before {
  content: "\f032"; }

.fa-bolt::before {
  content: "\f0e7"; }

.fa-zap::before {
  content: "\f0e7"; }

.fa-bolt-lightning::before {
  content: "\e0b7"; }

.fa-bomb::before {
  content: "\f1e2"; }

.fa-bone::before {
  content: "\f5d7"; }

.fa-bong::before {
  content: "\f55c"; }

.fa-book::before {
  content: "\f02d"; }

.fa-book-atlas::before {
  content: "\f558"; }

.fa-atlas::before {
  content: "\f558"; }

.fa-book-bible::before {
  content: "\f647"; }

.fa-bible::before {
  content: "\f647"; }

.fa-book-bookmark::before {
  content: "\e0bb"; }

.fa-book-journal-whills::before {
  content: "\f66a"; }

.fa-journal-whills::before {
  content: "\f66a"; }

.fa-book-medical::before {
  content: "\f7e6"; }

.fa-book-open::before {
  content: "\f518"; }

.fa-book-open-reader::before {
  content: "\f5da"; }

.fa-book-reader::before {
  content: "\f5da"; }

.fa-book-quran::before {
  content: "\f687"; }

.fa-quran::before {
  content: "\f687"; }

.fa-book-skull::before {
  content: "\f6b7"; }

.fa-book-dead::before {
  content: "\f6b7"; }

.fa-bookmark::before {
  content: "\f02e"; }

.fa-border-all::before {
  content: "\f84c"; }

.fa-border-none::before {
  content: "\f850"; }

.fa-border-top-left::before {
  content: "\f853"; }

.fa-border-style::before {
  content: "\f853"; }

.fa-bore-hole::before {
  content: "\e4c3"; }

.fa-bottle-droplet::before {
  content: "\e4c4"; }

.fa-bottle-water::before {
  content: "\e4c5"; }

.fa-bowl-food::before {
  content: "\e4c6"; }

.fa-bowl-rice::before {
  content: "\e2eb"; }

.fa-bowling-ball::before {
  content: "\f436"; }

.fa-box::before {
  content: "\f466"; }

.fa-box-archive::before {
  content: "\f187"; }

.fa-archive::before {
  content: "\f187"; }

.fa-box-open::before {
  content: "\f49e"; }

.fa-box-tissue::before {
  content: "\e05b"; }

.fa-boxes-packing::before {
  content: "\e4c7"; }

.fa-boxes-stacked::before {
  content: "\f468"; }

.fa-boxes::before {
  content: "\f468"; }

.fa-boxes-alt::before {
  content: "\f468"; }

.fa-braille::before {
  content: "\f2a1"; }

.fa-brain::before {
  content: "\f5dc"; }

.fa-brazilian-real-sign::before {
  content: "\e46c"; }

.fa-bread-slice::before {
  content: "\f7ec"; }

.fa-bridge::before {
  content: "\e4c8"; }

.fa-bridge-circle-check::before {
  content: "\e4c9"; }

.fa-bridge-circle-exclamation::before {
  content: "\e4ca"; }

.fa-bridge-circle-xmark::before {
  content: "\e4cb"; }

.fa-bridge-lock::before {
  content: "\e4cc"; }

.fa-bridge-water::before {
  content: "\e4ce"; }

.fa-briefcase::before {
  content: "\f0b1"; }

.fa-briefcase-medical::before {
  content: "\f469"; }

.fa-broom::before {
  content: "\f51a"; }

.fa-broom-ball::before {
  content: "\f458"; }

.fa-quidditch::before {
  content: "\f458"; }

.fa-quidditch-broom-ball::before {
  content: "\f458"; }

.fa-brush::before {
  content: "\f55d"; }

.fa-bucket::before {
  content: "\e4cf"; }

.fa-bug::before {
  content: "\f188"; }

.fa-bug-slash::before {
  content: "\e490"; }

.fa-bugs::before {
  content: "\e4d0"; }

.fa-building::before {
  content: "\f1ad"; }

.fa-building-circle-arrow-right::before {
  content: "\e4d1"; }

.fa-building-circle-check::before {
  content: "\e4d2"; }

.fa-building-circle-exclamation::before {
  content: "\e4d3"; }

.fa-building-circle-xmark::before {
  content: "\e4d4"; }

.fa-building-columns::before {
  content: "\f19c"; }

.fa-bank::before {
  content: "\f19c"; }

.fa-institution::before {
  content: "\f19c"; }

.fa-museum::before {
  content: "\f19c"; }

.fa-university::before {
  content: "\f19c"; }

.fa-building-flag::before {
  content: "\e4d5"; }

.fa-building-lock::before {
  content: "\e4d6"; }

.fa-building-ngo::before {
  content: "\e4d7"; }

.fa-building-shield::before {
  content: "\e4d8"; }

.fa-building-un::before {
  content: "\e4d9"; }

.fa-building-user::before {
  content: "\e4da"; }

.fa-building-wheat::before {
  content: "\e4db"; }

.fa-bullhorn::before {
  content: "\f0a1"; }

.fa-bullseye::before {
  content: "\f140"; }

.fa-burger::before {
  content: "\f805"; }

.fa-hamburger::before {
  content: "\f805"; }

.fa-burst::before {
  content: "\e4dc"; }

.fa-bus::before {
  content: "\f207"; }

.fa-bus-simple::before {
  content: "\f55e"; }

.fa-bus-alt::before {
  content: "\f55e"; }

.fa-business-time::before {
  content: "\f64a"; }

.fa-briefcase-clock::before {
  content: "\f64a"; }

.fa-c::before {
  content: "\43"; }

.fa-cake-candles::before {
  content: "\f1fd"; }

.fa-birthday-cake::before {
  content: "\f1fd"; }

.fa-cake::before {
  content: "\f1fd"; }

.fa-calculator::before {
  content: "\f1ec"; }

.fa-calendar::before {
  content: "\f133"; }

.fa-calendar-check::before {
  content: "\f274"; }

.fa-calendar-day::before {
  content: "\f783"; }

.fa-calendar-days::before {
  content: "\f073"; }

.fa-calendar-alt::before {
  content: "\f073"; }

.fa-calendar-minus::before {
  content: "\f272"; }

.fa-calendar-plus::before {
  content: "\f271"; }

.fa-calendar-week::before {
  content: "\f784"; }

.fa-calendar-xmark::before {
  content: "\f273"; }

.fa-calendar-times::before {
  content: "\f273"; }

.fa-camera::before {
  content: "\f030"; }

.fa-camera-alt::before {
  content: "\f030"; }

.fa-camera-retro::before {
  content: "\f083"; }

.fa-camera-rotate::before {
  content: "\e0d8"; }

.fa-campground::before {
  content: "\f6bb"; }

.fa-candy-cane::before {
  content: "\f786"; }

.fa-cannabis::before {
  content: "\f55f"; }

.fa-capsules::before {
  content: "\f46b"; }

.fa-car::before {
  content: "\f1b9"; }

.fa-automobile::before {
  content: "\f1b9"; }

.fa-car-battery::before {
  content: "\f5df"; }

.fa-battery-car::before {
  content: "\f5df"; }

.fa-car-burst::before {
  content: "\f5e1"; }

.fa-car-crash::before {
  content: "\f5e1"; }

.fa-car-on::before {
  content: "\e4dd"; }

.fa-car-rear::before {
  content: "\f5de"; }

.fa-car-alt::before {
  content: "\f5de"; }

.fa-car-side::before {
  content: "\f5e4"; }

.fa-car-tunnel::before {
  content: "\e4de"; }

.fa-caravan::before {
  content: "\f8ff"; }

.fa-caret-down::before {
  content: "\f0d7"; }

.fa-caret-left::before {
  content: "\f0d9"; }

.fa-caret-right::before {
  content: "\f0da"; }

.fa-caret-up::before {
  content: "\f0d8"; }

.fa-carrot::before {
  content: "\f787"; }

.fa-cart-arrow-down::before {
  content: "\f218"; }

.fa-cart-flatbed::before {
  content: "\f474"; }

.fa-dolly-flatbed::before {
  content: "\f474"; }

.fa-cart-flatbed-suitcase::before {
  content: "\f59d"; }

.fa-luggage-cart::before {
  content: "\f59d"; }

.fa-cart-plus::before {
  content: "\f217"; }

.fa-cart-shopping::before {
  content: "\f07a"; }

.fa-shopping-cart::before {
  content: "\f07a"; }

.fa-cash-register::before {
  content: "\f788"; }

.fa-cat::before {
  content: "\f6be"; }

.fa-cedi-sign::before {
  content: "\e0df"; }

.fa-cent-sign::before {
  content: "\e3f5"; }

.fa-certificate::before {
  content: "\f0a3"; }

.fa-chair::before {
  content: "\f6c0"; }

.fa-chalkboard::before {
  content: "\f51b"; }

.fa-blackboard::before {
  content: "\f51b"; }

.fa-chalkboard-user::before {
  content: "\f51c"; }

.fa-chalkboard-teacher::before {
  content: "\f51c"; }

.fa-champagne-glasses::before {
  content: "\f79f"; }

.fa-glass-cheers::before {
  content: "\f79f"; }

.fa-charging-station::before {
  content: "\f5e7"; }

.fa-chart-area::before {
  content: "\f1fe"; }

.fa-area-chart::before {
  content: "\f1fe"; }

.fa-chart-bar::before {
  content: "\f080"; }

.fa-bar-chart::before {
  content: "\f080"; }

.fa-chart-column::before {
  content: "\e0e3"; }

.fa-chart-gantt::before {
  content: "\e0e4"; }

.fa-chart-line::before {
  content: "\f201"; }

.fa-line-chart::before {
  content: "\f201"; }

.fa-chart-pie::before {
  content: "\f200"; }

.fa-pie-chart::before {
  content: "\f200"; }

.fa-chart-simple::before {
  content: "\e473"; }

.fa-check::before {
  content: "\f00c"; }

.fa-check-double::before {
  content: "\f560"; }

.fa-check-to-slot::before {
  content: "\f772"; }

.fa-vote-yea::before {
  content: "\f772"; }

.fa-cheese::before {
  content: "\f7ef"; }

.fa-chess::before {
  content: "\f439"; }

.fa-chess-bishop::before {
  content: "\f43a"; }

.fa-chess-board::before {
  content: "\f43c"; }

.fa-chess-king::before {
  content: "\f43f"; }

.fa-chess-knight::before {
  content: "\f441"; }

.fa-chess-pawn::before {
  content: "\f443"; }

.fa-chess-queen::before {
  content: "\f445"; }

.fa-chess-rook::before {
  content: "\f447"; }

.fa-chevron-down::before {
  content: "\f078"; }

.fa-chevron-left::before {
  content: "\f053"; }

.fa-chevron-right::before {
  content: "\f054"; }

.fa-chevron-up::before {
  content: "\f077"; }

.fa-child::before {
  content: "\f1ae"; }

.fa-child-dress::before {
  content: "\e59c"; }

.fa-child-reaching::before {
  content: "\e59d"; }

.fa-child-rifle::before {
  content: "\e4e0"; }

.fa-children::before {
  content: "\e4e1"; }

.fa-church::before {
  content: "\f51d"; }

.fa-circle::before {
  content: "\f111"; }

.fa-circle-arrow-down::before {
  content: "\f0ab"; }

.fa-arrow-circle-down::before {
  content: "\f0ab"; }

.fa-circle-arrow-left::before {
  content: "\f0a8"; }

.fa-arrow-circle-left::before {
  content: "\f0a8"; }

.fa-circle-arrow-right::before {
  content: "\f0a9"; }

.fa-arrow-circle-right::before {
  content: "\f0a9"; }

.fa-circle-arrow-up::before {
  content: "\f0aa"; }

.fa-arrow-circle-up::before {
  content: "\f0aa"; }

.fa-circle-check::before {
  content: "\f058"; }

.fa-check-circle::before {
  content: "\f058"; }

.fa-circle-chevron-down::before {
  content: "\f13a"; }

.fa-chevron-circle-down::before {
  content: "\f13a"; }

.fa-circle-chevron-left::before {
  content: "\f137"; }

.fa-chevron-circle-left::before {
  content: "\f137"; }

.fa-circle-chevron-right::before {
  content: "\f138"; }

.fa-chevron-circle-right::before {
  content: "\f138"; }

.fa-circle-chevron-up::before {
  content: "\f139"; }

.fa-chevron-circle-up::before {
  content: "\f139"; }

.fa-circle-dollar-to-slot::before {
  content: "\f4b9"; }

.fa-donate::before {
  content: "\f4b9"; }

.fa-circle-dot::before {
  content: "\f192"; }

.fa-dot-circle::before {
  content: "\f192"; }

.fa-circle-down::before {
  content: "\f358"; }

.fa-arrow-alt-circle-down::before {
  content: "\f358"; }

.fa-circle-exclamation::before {
  content: "\f06a"; }

.fa-exclamation-circle::before {
  content: "\f06a"; }

.fa-circle-h::before {
  content: "\f47e"; }

.fa-hospital-symbol::before {
  content: "\f47e"; }

.fa-circle-half-stroke::before {
  content: "\f042"; }

.fa-adjust::before {
  content: "\f042"; }

.fa-circle-info::before {
  content: "\f05a"; }

.fa-info-circle::before {
  content: "\f05a"; }

.fa-circle-left::before {
  content: "\f359"; }

.fa-arrow-alt-circle-left::before {
  content: "\f359"; }

.fa-circle-minus::before {
  content: "\f056"; }

.fa-minus-circle::before {
  content: "\f056"; }

.fa-circle-nodes::before {
  content: "\e4e2"; }

.fa-circle-notch::before {
  content: "\f1ce"; }

.fa-circle-pause::before {
  content: "\f28b"; }

.fa-pause-circle::before {
  content: "\f28b"; }

.fa-circle-play::before {
  content: "\f144"; }

.fa-play-circle::before {
  content: "\f144"; }

.fa-circle-plus::before {
  content: "\f055"; }

.fa-plus-circle::before {
  content: "\f055"; }

.fa-circle-question::before {
  content: "\f059"; }

.fa-question-circle::before {
  content: "\f059"; }

.fa-circle-radiation::before {
  content: "\f7ba"; }

.fa-radiation-alt::before {
  content: "\f7ba"; }

.fa-circle-right::before {
  content: "\f35a"; }

.fa-arrow-alt-circle-right::before {
  content: "\f35a"; }

.fa-circle-stop::before {
  content: "\f28d"; }

.fa-stop-circle::before {
  content: "\f28d"; }

.fa-circle-up::before {
  content: "\f35b"; }

.fa-arrow-alt-circle-up::before {
  content: "\f35b"; }

.fa-circle-user::before {
  content: "\f2bd"; }

.fa-user-circle::before {
  content: "\f2bd"; }

.fa-circle-xmark::before {
  content: "\f057"; }

.fa-times-circle::before {
  content: "\f057"; }

.fa-xmark-circle::before {
  content: "\f057"; }

.fa-city::before {
  content: "\f64f"; }

.fa-clapperboard::before {
  content: "\e131"; }

.fa-clipboard::before {
  content: "\f328"; }

.fa-clipboard-check::before {
  content: "\f46c"; }

.fa-clipboard-list::before {
  content: "\f46d"; }

.fa-clipboard-question::before {
  content: "\e4e3"; }

.fa-clipboard-user::before {
  content: "\f7f3"; }

.fa-clock::before {
  content: "\f017"; }

.fa-clock-four::before {
  content: "\f017"; }

.fa-clock-rotate-left::before {
  content: "\f1da"; }

.fa-history::before {
  content: "\f1da"; }

.fa-clone::before {
  content: "\f24d"; }

.fa-closed-captioning::before {
  content: "\f20a"; }

.fa-cloud::before {
  content: "\f0c2"; }

.fa-cloud-arrow-down::before {
  content: "\f0ed"; }

.fa-cloud-download::before {
  content: "\f0ed"; }

.fa-cloud-download-alt::before {
  content: "\f0ed"; }

.fa-cloud-arrow-up::before {
  content: "\f0ee"; }

.fa-cloud-upload::before {
  content: "\f0ee"; }

.fa-cloud-upload-alt::before {
  content: "\f0ee"; }

.fa-cloud-bolt::before {
  content: "\f76c"; }

.fa-thunderstorm::before {
  content: "\f76c"; }

.fa-cloud-meatball::before {
  content: "\f73b"; }

.fa-cloud-moon::before {
  content: "\f6c3"; }

.fa-cloud-moon-rain::before {
  content: "\f73c"; }

.fa-cloud-rain::before {
  content: "\f73d"; }

.fa-cloud-showers-heavy::before {
  content: "\f740"; }

.fa-cloud-showers-water::before {
  content: "\e4e4"; }

.fa-cloud-sun::before {
  content: "\f6c4"; }

.fa-cloud-sun-rain::before {
  content: "\f743"; }

.fa-clover::before {
  content: "\e139"; }

.fa-code::before {
  content: "\f121"; }

.fa-code-branch::before {
  content: "\f126"; }

.fa-code-commit::before {
  content: "\f386"; }

.fa-code-compare::before {
  content: "\e13a"; }

.fa-code-fork::before {
  content: "\e13b"; }

.fa-code-merge::before {
  content: "\f387"; }

.fa-code-pull-request::before {
  content: "\e13c"; }

.fa-coins::before {
  content: "\f51e"; }

.fa-colon-sign::before {
  content: "\e140"; }

.fa-comment::before {
  content: "\f075"; }

.fa-comment-dollar::before {
  content: "\f651"; }

.fa-comment-dots::before {
  content: "\f4ad"; }

.fa-commenting::before {
  content: "\f4ad"; }

.fa-comment-medical::before {
  content: "\f7f5"; }

.fa-comment-slash::before {
  content: "\f4b3"; }

.fa-comment-sms::before {
  content: "\f7cd"; }

.fa-sms::before {
  content: "\f7cd"; }

.fa-comments::before {
  content: "\f086"; }

.fa-comments-dollar::before {
  content: "\f653"; }

.fa-compact-disc::before {
  content: "\f51f"; }

.fa-compass::before {
  content: "\f14e"; }

.fa-compass-drafting::before {
  content: "\f568"; }

.fa-drafting-compass::before {
  content: "\f568"; }

.fa-compress::before {
  content: "\f066"; }

.fa-computer::before {
  content: "\e4e5"; }

.fa-computer-mouse::before {
  content: "\f8cc"; }

.fa-mouse::before {
  content: "\f8cc"; }

.fa-cookie::before {
  content: "\f563"; }

.fa-cookie-bite::before {
  content: "\f564"; }

.fa-copy::before {
  content: "\f0c5"; }

.fa-copyright::before {
  content: "\f1f9"; }

.fa-couch::before {
  content: "\f4b8"; }

.fa-cow::before {
  content: "\f6c8"; }

.fa-credit-card::before {
  content: "\f09d"; }

.fa-credit-card-alt::before {
  content: "\f09d"; }

.fa-crop::before {
  content: "\f125"; }

.fa-crop-simple::before {
  content: "\f565"; }

.fa-crop-alt::before {
  content: "\f565"; }

.fa-cross::before {
  content: "\f654"; }

.fa-crosshairs::before {
  content: "\f05b"; }

.fa-crow::before {
  content: "\f520"; }

.fa-crown::before {
  content: "\f521"; }

.fa-crutch::before {
  content: "\f7f7"; }

.fa-cruzeiro-sign::before {
  content: "\e152"; }

.fa-cube::before {
  content: "\f1b2"; }

.fa-cubes::before {
  content: "\f1b3"; }

.fa-cubes-stacked::before {
  content: "\e4e6"; }

.fa-d::before {
  content: "\44"; }

.fa-database::before {
  content: "\f1c0"; }

.fa-delete-left::before {
  content: "\f55a"; }

.fa-backspace::before {
  content: "\f55a"; }

.fa-democrat::before {
  content: "\f747"; }

.fa-desktop::before {
  content: "\f390"; }

.fa-desktop-alt::before {
  content: "\f390"; }

.fa-dharmachakra::before {
  content: "\f655"; }

.fa-diagram-next::before {
  content: "\e476"; }

.fa-diagram-predecessor::before {
  content: "\e477"; }

.fa-diagram-project::before {
  content: "\f542"; }

.fa-project-diagram::before {
  content: "\f542"; }

.fa-diagram-successor::before {
  content: "\e47a"; }

.fa-diamond::before {
  content: "\f219"; }

.fa-diamond-turn-right::before {
  content: "\f5eb"; }

.fa-directions::before {
  content: "\f5eb"; }

.fa-dice::before {
  content: "\f522"; }

.fa-dice-d20::before {
  content: "\f6cf"; }

.fa-dice-d6::before {
  content: "\f6d1"; }

.fa-dice-five::before {
  content: "\f523"; }

.fa-dice-four::before {
  content: "\f524"; }

.fa-dice-one::before {
  content: "\f525"; }

.fa-dice-six::before {
  content: "\f526"; }

.fa-dice-three::before {
  content: "\f527"; }

.fa-dice-two::before {
  content: "\f528"; }

.fa-disease::before {
  content: "\f7fa"; }

.fa-display::before {
  content: "\e163"; }

.fa-divide::before {
  content: "\f529"; }

.fa-dna::before {
  content: "\f471"; }

.fa-dog::before {
  content: "\f6d3"; }

.fa-dollar-sign::before {
  content: "\24"; }

.fa-dollar::before {
  content: "\24"; }

.fa-usd::before {
  content: "\24"; }

.fa-dolly::before {
  content: "\f472"; }

.fa-dolly-box::before {
  content: "\f472"; }

.fa-dong-sign::before {
  content: "\e169"; }

.fa-door-closed::before {
  content: "\f52a"; }

.fa-door-open::before {
  content: "\f52b"; }

.fa-dove::before {
  content: "\f4ba"; }

.fa-down-left-and-up-right-to-center::before {
  content: "\f422"; }

.fa-compress-alt::before {
  content: "\f422"; }

.fa-down-long::before {
  content: "\f309"; }

.fa-long-arrow-alt-down::before {
  content: "\f309"; }

.fa-download::before {
  content: "\f019"; }

.fa-dragon::before {
  content: "\f6d5"; }

.fa-draw-polygon::before {
  content: "\f5ee"; }

.fa-droplet::before {
  content: "\f043"; }

.fa-tint::before {
  content: "\f043"; }

.fa-droplet-slash::before {
  content: "\f5c7"; }

.fa-tint-slash::before {
  content: "\f5c7"; }

.fa-drum::before {
  content: "\f569"; }

.fa-drum-steelpan::before {
  content: "\f56a"; }

.fa-drumstick-bite::before {
  content: "\f6d7"; }

.fa-dumbbell::before {
  content: "\f44b"; }

.fa-dumpster::before {
  content: "\f793"; }

.fa-dumpster-fire::before {
  content: "\f794"; }

.fa-dungeon::before {
  content: "\f6d9"; }

.fa-e::before {
  content: "\45"; }

.fa-ear-deaf::before {
  content: "\f2a4"; }

.fa-deaf::before {
  content: "\f2a4"; }

.fa-deafness::before {
  content: "\f2a4"; }

.fa-hard-of-hearing::before {
  content: "\f2a4"; }

.fa-ear-listen::before {
  content: "\f2a2"; }

.fa-assistive-listening-systems::before {
  content: "\f2a2"; }

.fa-earth-africa::before {
  content: "\f57c"; }

.fa-globe-africa::before {
  content: "\f57c"; }

.fa-earth-americas::before {
  content: "\f57d"; }

.fa-earth::before {
  content: "\f57d"; }

.fa-earth-america::before {
  content: "\f57d"; }

.fa-globe-americas::before {
  content: "\f57d"; }

.fa-earth-asia::before {
  content: "\f57e"; }

.fa-globe-asia::before {
  content: "\f57e"; }

.fa-earth-europe::before {
  content: "\f7a2"; }

.fa-globe-europe::before {
  content: "\f7a2"; }

.fa-earth-oceania::before {
  content: "\e47b"; }

.fa-globe-oceania::before {
  content: "\e47b"; }

.fa-egg::before {
  content: "\f7fb"; }

.fa-eject::before {
  content: "\f052"; }

.fa-elevator::before {
  content: "\e16d"; }

.fa-ellipsis::before {
  content: "\f141"; }

.fa-ellipsis-h::before {
  content: "\f141"; }

.fa-ellipsis-vertical::before {
  content: "\f142"; }

.fa-ellipsis-v::before {
  content: "\f142"; }

.fa-envelope::before {
  content: "\f0e0"; }

.fa-envelope-circle-check::before {
  content: "\e4e8"; }

.fa-envelope-open::before {
  content: "\f2b6"; }

.fa-envelope-open-text::before {
  content: "\f658"; }

.fa-envelopes-bulk::before {
  content: "\f674"; }

.fa-mail-bulk::before {
  content: "\f674"; }

.fa-equals::before {
  content: "\3d"; }

.fa-eraser::before {
  content: "\f12d"; }

.fa-ethernet::before {
  content: "\f796"; }

.fa-euro-sign::before {
  content: "\f153"; }

.fa-eur::before {
  content: "\f153"; }

.fa-euro::before {
  content: "\f153"; }

.fa-exclamation::before {
  content: "\21"; }

.fa-expand::before {
  content: "\f065"; }

.fa-explosion::before {
  content: "\e4e9"; }

.fa-eye::before {
  content: "\f06e"; }

.fa-eye-dropper::before {
  content: "\f1fb"; }

.fa-eye-dropper-empty::before {
  content: "\f1fb"; }

.fa-eyedropper::before {
  content: "\f1fb"; }

.fa-eye-low-vision::before {
  content: "\f2a8"; }

.fa-low-vision::before {
  content: "\f2a8"; }

.fa-eye-slash::before {
  content: "\f070"; }

.fa-f::before {
  content: "\46"; }

.fa-face-angry::before {
  content: "\f556"; }

.fa-angry::before {
  content: "\f556"; }

.fa-face-dizzy::before {
  content: "\f567"; }

.fa-dizzy::before {
  content: "\f567"; }

.fa-face-flushed::before {
  content: "\f579"; }

.fa-flushed::before {
  content: "\f579"; }

.fa-face-frown::before {
  content: "\f119"; }

.fa-frown::before {
  content: "\f119"; }

.fa-face-frown-open::before {
  content: "\f57a"; }

.fa-frown-open::before {
  content: "\f57a"; }

.fa-face-grimace::before {
  content: "\f57f"; }

.fa-grimace::before {
  content: "\f57f"; }

.fa-face-grin::before {
  content: "\f580"; }

.fa-grin::before {
  content: "\f580"; }

.fa-face-grin-beam::before {
  content: "\f582"; }

.fa-grin-beam::before {
  content: "\f582"; }

.fa-face-grin-beam-sweat::before {
  content: "\f583"; }

.fa-grin-beam-sweat::before {
  content: "\f583"; }

.fa-face-grin-hearts::before {
  content: "\f584"; }

.fa-grin-hearts::before {
  content: "\f584"; }

.fa-face-grin-squint::before {
  content: "\f585"; }

.fa-grin-squint::before {
  content: "\f585"; }

.fa-face-grin-squint-tears::before {
  content: "\f586"; }

.fa-grin-squint-tears::before {
  content: "\f586"; }

.fa-face-grin-stars::before {
  content: "\f587"; }

.fa-grin-stars::before {
  content: "\f587"; }

.fa-face-grin-tears::before {
  content: "\f588"; }

.fa-grin-tears::before {
  content: "\f588"; }

.fa-face-grin-tongue::before {
  content: "\f589"; }

.fa-grin-tongue::before {
  content: "\f589"; }

.fa-face-grin-tongue-squint::before {
  content: "\f58a"; }

.fa-grin-tongue-squint::before {
  content: "\f58a"; }

.fa-face-grin-tongue-wink::before {
  content: "\f58b"; }

.fa-grin-tongue-wink::before {
  content: "\f58b"; }

.fa-face-grin-wide::before {
  content: "\f581"; }

.fa-grin-alt::before {
  content: "\f581"; }

.fa-face-grin-wink::before {
  content: "\f58c"; }

.fa-grin-wink::before {
  content: "\f58c"; }

.fa-face-kiss::before {
  content: "\f596"; }

.fa-kiss::before {
  content: "\f596"; }

.fa-face-kiss-beam::before {
  content: "\f597"; }

.fa-kiss-beam::before {
  content: "\f597"; }

.fa-face-kiss-wink-heart::before {
  content: "\f598"; }

.fa-kiss-wink-heart::before {
  content: "\f598"; }

.fa-face-laugh::before {
  content: "\f599"; }

.fa-laugh::before {
  content: "\f599"; }

.fa-face-laugh-beam::before {
  content: "\f59a"; }

.fa-laugh-beam::before {
  content: "\f59a"; }

.fa-face-laugh-squint::before {
  content: "\f59b"; }

.fa-laugh-squint::before {
  content: "\f59b"; }

.fa-face-laugh-wink::before {
  content: "\f59c"; }

.fa-laugh-wink::before {
  content: "\f59c"; }

.fa-face-meh::before {
  content: "\f11a"; }

.fa-meh::before {
  content: "\f11a"; }

.fa-face-meh-blank::before {
  content: "\f5a4"; }

.fa-meh-blank::before {
  content: "\f5a4"; }

.fa-face-rolling-eyes::before {
  content: "\f5a5"; }

.fa-meh-rolling-eyes::before {
  content: "\f5a5"; }

.fa-face-sad-cry::before {
  content: "\f5b3"; }

.fa-sad-cry::before {
  content: "\f5b3"; }

.fa-face-sad-tear::before {
  content: "\f5b4"; }

.fa-sad-tear::before {
  content: "\f5b4"; }

.fa-face-smile::before {
  content: "\f118"; }

.fa-smile::before {
  content: "\f118"; }

.fa-face-smile-beam::before {
  content: "\f5b8"; }

.fa-smile-beam::before {
  content: "\f5b8"; }

.fa-face-smile-wink::before {
  content: "\f4da"; }

.fa-smile-wink::before {
  content: "\f4da"; }

.fa-face-surprise::before {
  content: "\f5c2"; }

.fa-surprise::before {
  content: "\f5c2"; }

.fa-face-tired::before {
  content: "\f5c8"; }

.fa-tired::before {
  content: "\f5c8"; }

.fa-fan::before {
  content: "\f863"; }

.fa-faucet::before {
  content: "\e005"; }

.fa-faucet-drip::before {
  content: "\e006"; }

.fa-fax::before {
  content: "\f1ac"; }

.fa-feather::before {
  content: "\f52d"; }

.fa-feather-pointed::before {
  content: "\f56b"; }

.fa-feather-alt::before {
  content: "\f56b"; }

.fa-ferry::before {
  content: "\e4ea"; }

.fa-file::before {
  content: "\f15b"; }

.fa-file-arrow-down::before {
  content: "\f56d"; }

.fa-file-download::before {
  content: "\f56d"; }

.fa-file-arrow-up::before {
  content: "\f574"; }

.fa-file-upload::before {
  content: "\f574"; }

.fa-file-audio::before {
  content: "\f1c7"; }

.fa-file-circle-check::before {
  content: "\e493"; }

.fa-file-circle-exclamation::before {
  content: "\e4eb"; }

.fa-file-circle-minus::before {
  content: "\e4ed"; }

.fa-file-circle-plus::before {
  content: "\e4ee"; }

.fa-file-circle-question::before {
  content: "\e4ef"; }

.fa-file-circle-xmark::before {
  content: "\e494"; }

.fa-file-code::before {
  content: "\f1c9"; }

.fa-file-contract::before {
  content: "\f56c"; }

.fa-file-csv::before {
  content: "\f6dd"; }

.fa-file-excel::before {
  content: "\f1c3"; }

.fa-file-export::before {
  content: "\f56e"; }

.fa-arrow-right-from-file::before {
  content: "\f56e"; }

.fa-file-image::before {
  content: "\f1c5"; }

.fa-file-import::before {
  content: "\f56f"; }

.fa-arrow-right-to-file::before {
  content: "\f56f"; }

.fa-file-invoice::before {
  content: "\f570"; }

.fa-file-invoice-dollar::before {
  content: "\f571"; }

.fa-file-lines::before {
  content: "\f15c"; }

.fa-file-alt::before {
  content: "\f15c"; }

.fa-file-text::before {
  content: "\f15c"; }

.fa-file-medical::before {
  content: "\f477"; }

.fa-file-pdf::before {
  content: "\f1c1"; }

.fa-file-pen::before {
  content: "\f31c"; }

.fa-file-edit::before {
  content: "\f31c"; }

.fa-file-powerpoint::before {
  content: "\f1c4"; }

.fa-file-prescription::before {
  content: "\f572"; }

.fa-file-shield::before {
  content: "\e4f0"; }

.fa-file-signature::before {
  content: "\f573"; }

.fa-file-video::before {
  content: "\f1c8"; }

.fa-file-waveform::before {
  content: "\f478"; }

.fa-file-medical-alt::before {
  content: "\f478"; }

.fa-file-word::before {
  content: "\f1c2"; }

.fa-file-zipper::before {
  content: "\f1c6"; }

.fa-file-archive::before {
  content: "\f1c6"; }

.fa-fill::before {
  content: "\f575"; }

.fa-fill-drip::before {
  content: "\f576"; }

.fa-film::before {
  content: "\f008"; }

.fa-filter::before {
  content: "\f0b0"; }

.fa-filter-circle-dollar::before {
  content: "\f662"; }

.fa-funnel-dollar::before {
  content: "\f662"; }

.fa-filter-circle-xmark::before {
  content: "\e17b"; }

.fa-fingerprint::before {
  content: "\f577"; }

.fa-fire::before {
  content: "\f06d"; }

.fa-fire-burner::before {
  content: "\e4f1"; }

.fa-fire-extinguisher::before {
  content: "\f134"; }

.fa-fire-flame-curved::before {
  content: "\f7e4"; }

.fa-fire-alt::before {
  content: "\f7e4"; }

.fa-fire-flame-simple::before {
  content: "\f46a"; }

.fa-burn::before {
  content: "\f46a"; }

.fa-fish::before {
  content: "\f578"; }

.fa-fish-fins::before {
  content: "\e4f2"; }

.fa-flag::before {
  content: "\f024"; }

.fa-flag-checkered::before {
  content: "\f11e"; }

.fa-flag-usa::before {
  content: "\f74d"; }

.fa-flask::before {
  content: "\f0c3"; }

.fa-flask-vial::before {
  content: "\e4f3"; }

.fa-floppy-disk::before {
  content: "\f0c7"; }

.fa-save::before {
  content: "\f0c7"; }

.fa-florin-sign::before {
  content: "\e184"; }

.fa-folder::before {
  content: "\f07b"; }

.fa-folder-blank::before {
  content: "\f07b"; }

.fa-folder-closed::before {
  content: "\e185"; }

.fa-folder-minus::before {
  content: "\f65d"; }

.fa-folder-open::before {
  content: "\f07c"; }

.fa-folder-plus::before {
  content: "\f65e"; }

.fa-folder-tree::before {
  content: "\f802"; }

.fa-font::before {
  content: "\f031"; }

.fa-football::before {
  content: "\f44e"; }

.fa-football-ball::before {
  content: "\f44e"; }

.fa-forward::before {
  content: "\f04e"; }

.fa-forward-fast::before {
  content: "\f050"; }

.fa-fast-forward::before {
  content: "\f050"; }

.fa-forward-step::before {
  content: "\f051"; }

.fa-step-forward::before {
  content: "\f051"; }

.fa-franc-sign::before {
  content: "\e18f"; }

.fa-frog::before {
  content: "\f52e"; }

.fa-futbol::before {
  content: "\f1e3"; }

.fa-futbol-ball::before {
  content: "\f1e3"; }

.fa-soccer-ball::before {
  content: "\f1e3"; }

.fa-g::before {
  content: "\47"; }

.fa-gamepad::before {
  content: "\f11b"; }

.fa-gas-pump::before {
  content: "\f52f"; }

.fa-gauge::before {
  content: "\f624"; }

.fa-dashboard::before {
  content: "\f624"; }

.fa-gauge-med::before {
  content: "\f624"; }

.fa-tachometer-alt-average::before {
  content: "\f624"; }

.fa-gauge-high::before {
  content: "\f625"; }

.fa-tachometer-alt::before {
  content: "\f625"; }

.fa-tachometer-alt-fast::before {
  content: "\f625"; }

.fa-gauge-simple::before {
  content: "\f629"; }

.fa-gauge-simple-med::before {
  content: "\f629"; }

.fa-tachometer-average::before {
  content: "\f629"; }

.fa-gauge-simple-high::before {
  content: "\f62a"; }

.fa-tachometer::before {
  content: "\f62a"; }

.fa-tachometer-fast::before {
  content: "\f62a"; }

.fa-gavel::before {
  content: "\f0e3"; }

.fa-legal::before {
  content: "\f0e3"; }

.fa-gear::before {
  content: "\f013"; }

.fa-cog::before {
  content: "\f013"; }

.fa-gears::before {
  content: "\f085"; }

.fa-cogs::before {
  content: "\f085"; }

.fa-gem::before {
  content: "\f3a5"; }

.fa-genderless::before {
  content: "\f22d"; }

.fa-ghost::before {
  content: "\f6e2"; }

.fa-gift::before {
  content: "\f06b"; }

.fa-gifts::before {
  content: "\f79c"; }

.fa-glass-water::before {
  content: "\e4f4"; }

.fa-glass-water-droplet::before {
  content: "\e4f5"; }

.fa-glasses::before {
  content: "\f530"; }

.fa-globe::before {
  content: "\f0ac"; }

.fa-golf-ball-tee::before {
  content: "\f450"; }

.fa-golf-ball::before {
  content: "\f450"; }

.fa-gopuram::before {
  content: "\f664"; }

.fa-graduation-cap::before {
  content: "\f19d"; }

.fa-mortar-board::before {
  content: "\f19d"; }

.fa-greater-than::before {
  content: "\3e"; }

.fa-greater-than-equal::before {
  content: "\f532"; }

.fa-grip::before {
  content: "\f58d"; }

.fa-grip-horizontal::before {
  content: "\f58d"; }

.fa-grip-lines::before {
  content: "\f7a4"; }

.fa-grip-lines-vertical::before {
  content: "\f7a5"; }

.fa-grip-vertical::before {
  content: "\f58e"; }

.fa-group-arrows-rotate::before {
  content: "\e4f6"; }

.fa-guarani-sign::before {
  content: "\e19a"; }

.fa-guitar::before {
  content: "\f7a6"; }

.fa-gun::before {
  content: "\e19b"; }

.fa-h::before {
  content: "\48"; }

.fa-hammer::before {
  content: "\f6e3"; }

.fa-hamsa::before {
  content: "\f665"; }

.fa-hand::before {
  content: "\f256"; }

.fa-hand-paper::before {
  content: "\f256"; }

.fa-hand-back-fist::before {
  content: "\f255"; }

.fa-hand-rock::before {
  content: "\f255"; }

.fa-hand-dots::before {
  content: "\f461"; }

.fa-allergies::before {
  content: "\f461"; }

.fa-hand-fist::before {
  content: "\f6de"; }

.fa-fist-raised::before {
  content: "\f6de"; }

.fa-hand-holding::before {
  content: "\f4bd"; }

.fa-hand-holding-dollar::before {
  content: "\f4c0"; }

.fa-hand-holding-usd::before {
  content: "\f4c0"; }

.fa-hand-holding-droplet::before {
  content: "\f4c1"; }

.fa-hand-holding-water::before {
  content: "\f4c1"; }

.fa-hand-holding-hand::before {
  content: "\e4f7"; }

.fa-hand-holding-heart::before {
  content: "\f4be"; }

.fa-hand-holding-medical::before {
  content: "\e05c"; }

.fa-hand-lizard::before {
  content: "\f258"; }

.fa-hand-middle-finger::before {
  content: "\f806"; }

.fa-hand-peace::before {
  content: "\f25b"; }

.fa-hand-point-down::before {
  content: "\f0a7"; }

.fa-hand-point-left::before {
  content: "\f0a5"; }

.fa-hand-point-right::before {
  content: "\f0a4"; }

.fa-hand-point-up::before {
  content: "\f0a6"; }

.fa-hand-pointer::before {
  content: "\f25a"; }

.fa-hand-scissors::before {
  content: "\f257"; }

.fa-hand-sparkles::before {
  content: "\e05d"; }

.fa-hand-spock::before {
  content: "\f259"; }

.fa-handcuffs::before {
  content: "\e4f8"; }

.fa-hands::before {
  content: "\f2a7"; }

.fa-sign-language::before {
  content: "\f2a7"; }

.fa-signing::before {
  content: "\f2a7"; }

.fa-hands-asl-interpreting::before {
  content: "\f2a3"; }

.fa-american-sign-language-interpreting::before {
  content: "\f2a3"; }

.fa-asl-interpreting::before {
  content: "\f2a3"; }

.fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3"; }

.fa-hands-bound::before {
  content: "\e4f9"; }

.fa-hands-bubbles::before {
  content: "\e05e"; }

.fa-hands-wash::before {
  content: "\e05e"; }

.fa-hands-clapping::before {
  content: "\e1a8"; }

.fa-hands-holding::before {
  content: "\f4c2"; }

.fa-hands-holding-child::before {
  content: "\e4fa"; }

.fa-hands-holding-circle::before {
  content: "\e4fb"; }

.fa-hands-praying::before {
  content: "\f684"; }

.fa-praying-hands::before {
  content: "\f684"; }

.fa-handshake::before {
  content: "\f2b5"; }

.fa-handshake-angle::before {
  content: "\f4c4"; }

.fa-hands-helping::before {
  content: "\f4c4"; }

.fa-handshake-simple::before {
  content: "\f4c6"; }

.fa-handshake-alt::before {
  content: "\f4c6"; }

.fa-handshake-simple-slash::before {
  content: "\e05f"; }

.fa-handshake-alt-slash::before {
  content: "\e05f"; }

.fa-handshake-slash::before {
  content: "\e060"; }

.fa-hanukiah::before {
  content: "\f6e6"; }

.fa-hard-drive::before {
  content: "\f0a0"; }

.fa-hdd::before {
  content: "\f0a0"; }

.fa-hashtag::before {
  content: "\23"; }

.fa-hat-cowboy::before {
  content: "\f8c0"; }

.fa-hat-cowboy-side::before {
  content: "\f8c1"; }

.fa-hat-wizard::before {
  content: "\f6e8"; }

.fa-head-side-cough::before {
  content: "\e061"; }

.fa-head-side-cough-slash::before {
  content: "\e062"; }

.fa-head-side-mask::before {
  content: "\e063"; }

.fa-head-side-virus::before {
  content: "\e064"; }

.fa-heading::before {
  content: "\f1dc"; }

.fa-header::before {
  content: "\f1dc"; }

.fa-headphones::before {
  content: "\f025"; }

.fa-headphones-simple::before {
  content: "\f58f"; }

.fa-headphones-alt::before {
  content: "\f58f"; }

.fa-headset::before {
  content: "\f590"; }

.fa-heart::before {
  content: "\f004"; }

.fa-heart-circle-bolt::before {
  content: "\e4fc"; }

.fa-heart-circle-check::before {
  content: "\e4fd"; }

.fa-heart-circle-exclamation::before {
  content: "\e4fe"; }

.fa-heart-circle-minus::before {
  content: "\e4ff"; }

.fa-heart-circle-plus::before {
  content: "\e500"; }

.fa-heart-circle-xmark::before {
  content: "\e501"; }

.fa-heart-crack::before {
  content: "\f7a9"; }

.fa-heart-broken::before {
  content: "\f7a9"; }

.fa-heart-pulse::before {
  content: "\f21e"; }

.fa-heartbeat::before {
  content: "\f21e"; }

.fa-helicopter::before {
  content: "\f533"; }

.fa-helicopter-symbol::before {
  content: "\e502"; }

.fa-helmet-safety::before {
  content: "\f807"; }

.fa-hard-hat::before {
  content: "\f807"; }

.fa-hat-hard::before {
  content: "\f807"; }

.fa-helmet-un::before {
  content: "\e503"; }

.fa-highlighter::before {
  content: "\f591"; }

.fa-hill-avalanche::before {
  content: "\e507"; }

.fa-hill-rockslide::before {
  content: "\e508"; }

.fa-hippo::before {
  content: "\f6ed"; }

.fa-hockey-puck::before {
  content: "\f453"; }

.fa-holly-berry::before {
  content: "\f7aa"; }

.fa-horse::before {
  content: "\f6f0"; }

.fa-horse-head::before {
  content: "\f7ab"; }

.fa-hospital::before {
  content: "\f0f8"; }

.fa-hospital-alt::before {
  content: "\f0f8"; }

.fa-hospital-wide::before {
  content: "\f0f8"; }

.fa-hospital-user::before {
  content: "\f80d"; }

.fa-hot-tub-person::before {
  content: "\f593"; }

.fa-hot-tub::before {
  content: "\f593"; }

.fa-hotdog::before {
  content: "\f80f"; }

.fa-hotel::before {
  content: "\f594"; }

.fa-hourglass::before {
  content: "\f254"; }

.fa-hourglass-2::before {
  content: "\f254"; }

.fa-hourglass-half::before {
  content: "\f254"; }

.fa-hourglass-empty::before {
  content: "\f252"; }

.fa-hourglass-end::before {
  content: "\f253"; }

.fa-hourglass-3::before {
  content: "\f253"; }

.fa-hourglass-start::before {
  content: "\f251"; }

.fa-hourglass-1::before {
  content: "\f251"; }

.fa-house::before {
  content: "\f015"; }

.fa-home::before {
  content: "\f015"; }

.fa-home-alt::before {
  content: "\f015"; }

.fa-home-lg-alt::before {
  content: "\f015"; }

.fa-house-chimney::before {
  content: "\e3af"; }

.fa-home-lg::before {
  content: "\e3af"; }

.fa-house-chimney-crack::before {
  content: "\f6f1"; }

.fa-house-damage::before {
  content: "\f6f1"; }

.fa-house-chimney-medical::before {
  content: "\f7f2"; }

.fa-clinic-medical::before {
  content: "\f7f2"; }

.fa-house-chimney-user::before {
  content: "\e065"; }

.fa-house-chimney-window::before {
  content: "\e00d"; }

.fa-house-circle-check::before {
  content: "\e509"; }

.fa-house-circle-exclamation::before {
  content: "\e50a"; }

.fa-house-circle-xmark::before {
  content: "\e50b"; }

.fa-house-crack::before {
  content: "\e3b1"; }

.fa-house-fire::before {
  content: "\e50c"; }

.fa-house-flag::before {
  content: "\e50d"; }

.fa-house-flood-water::before {
  content: "\e50e"; }

.fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f"; }

.fa-house-laptop::before {
  content: "\e066"; }

.fa-laptop-house::before {
  content: "\e066"; }

.fa-house-lock::before {
  content: "\e510"; }

.fa-house-medical::before {
  content: "\e3b2"; }

.fa-house-medical-circle-check::before {
  content: "\e511"; }

.fa-house-medical-circle-exclamation::before {
  content: "\e512"; }

.fa-house-medical-circle-xmark::before {
  content: "\e513"; }

.fa-house-medical-flag::before {
  content: "\e514"; }

.fa-house-signal::before {
  content: "\e012"; }

.fa-house-tsunami::before {
  content: "\e515"; }

.fa-house-user::before {
  content: "\e1b0"; }

.fa-home-user::before {
  content: "\e1b0"; }

.fa-hryvnia-sign::before {
  content: "\f6f2"; }

.fa-hryvnia::before {
  content: "\f6f2"; }

.fa-hurricane::before {
  content: "\f751"; }

.fa-i::before {
  content: "\49"; }

.fa-i-cursor::before {
  content: "\f246"; }

.fa-ice-cream::before {
  content: "\f810"; }

.fa-icicles::before {
  content: "\f7ad"; }

.fa-icons::before {
  content: "\f86d"; }

.fa-heart-music-camera-bolt::before {
  content: "\f86d"; }

.fa-id-badge::before {
  content: "\f2c1"; }

.fa-id-card::before {
  content: "\f2c2"; }

.fa-drivers-license::before {
  content: "\f2c2"; }

.fa-id-card-clip::before {
  content: "\f47f"; }

.fa-id-card-alt::before {
  content: "\f47f"; }

.fa-igloo::before {
  content: "\f7ae"; }

.fa-image::before {
  content: "\f03e"; }

.fa-image-portrait::before {
  content: "\f3e0"; }

.fa-portrait::before {
  content: "\f3e0"; }

.fa-images::before {
  content: "\f302"; }

.fa-inbox::before {
  content: "\f01c"; }

.fa-indent::before {
  content: "\f03c"; }

.fa-indian-rupee-sign::before {
  content: "\e1bc"; }

.fa-indian-rupee::before {
  content: "\e1bc"; }

.fa-inr::before {
  content: "\e1bc"; }

.fa-industry::before {
  content: "\f275"; }

.fa-infinity::before {
  content: "\f534"; }

.fa-info::before {
  content: "\f129"; }

.fa-italic::before {
  content: "\f033"; }

.fa-j::before {
  content: "\4a"; }

.fa-jar::before {
  content: "\e516"; }

.fa-jar-wheat::before {
  content: "\e517"; }

.fa-jedi::before {
  content: "\f669"; }

.fa-jet-fighter::before {
  content: "\f0fb"; }

.fa-fighter-jet::before {
  content: "\f0fb"; }

.fa-jet-fighter-up::before {
  content: "\e518"; }

.fa-joint::before {
  content: "\f595"; }

.fa-jug-detergent::before {
  content: "\e519"; }

.fa-k::before {
  content: "\4b"; }

.fa-kaaba::before {
  content: "\f66b"; }

.fa-key::before {
  content: "\f084"; }

.fa-keyboard::before {
  content: "\f11c"; }

.fa-khanda::before {
  content: "\f66d"; }

.fa-kip-sign::before {
  content: "\e1c4"; }

.fa-kit-medical::before {
  content: "\f479"; }

.fa-first-aid::before {
  content: "\f479"; }

.fa-kitchen-set::before {
  content: "\e51a"; }

.fa-kiwi-bird::before {
  content: "\f535"; }

.fa-l::before {
  content: "\4c"; }

.fa-land-mine-on::before {
  content: "\e51b"; }

.fa-landmark::before {
  content: "\f66f"; }

.fa-landmark-dome::before {
  content: "\f752"; }

.fa-landmark-alt::before {
  content: "\f752"; }

.fa-landmark-flag::before {
  content: "\e51c"; }

.fa-language::before {
  content: "\f1ab"; }

.fa-laptop::before {
  content: "\f109"; }

.fa-laptop-code::before {
  content: "\f5fc"; }

.fa-laptop-file::before {
  content: "\e51d"; }

.fa-laptop-medical::before {
  content: "\f812"; }

.fa-lari-sign::before {
  content: "\e1c8"; }

.fa-layer-group::before {
  content: "\f5fd"; }

.fa-leaf::before {
  content: "\f06c"; }

.fa-left-long::before {
  content: "\f30a"; }

.fa-long-arrow-alt-left::before {
  content: "\f30a"; }

.fa-left-right::before {
  content: "\f337"; }

.fa-arrows-alt-h::before {
  content: "\f337"; }

.fa-lemon::before {
  content: "\f094"; }

.fa-less-than::before {
  content: "\3c"; }

.fa-less-than-equal::before {
  content: "\f537"; }

.fa-life-ring::before {
  content: "\f1cd"; }

.fa-lightbulb::before {
  content: "\f0eb"; }

.fa-lines-leaning::before {
  content: "\e51e"; }

.fa-link::before {
  content: "\f0c1"; }

.fa-chain::before {
  content: "\f0c1"; }

.fa-link-slash::before {
  content: "\f127"; }

.fa-chain-broken::before {
  content: "\f127"; }

.fa-chain-slash::before {
  content: "\f127"; }

.fa-unlink::before {
  content: "\f127"; }

.fa-lira-sign::before {
  content: "\f195"; }

.fa-list::before {
  content: "\f03a"; }

.fa-list-squares::before {
  content: "\f03a"; }

.fa-list-check::before {
  content: "\f0ae"; }

.fa-tasks::before {
  content: "\f0ae"; }

.fa-list-ol::before {
  content: "\f0cb"; }

.fa-list-1-2::before {
  content: "\f0cb"; }

.fa-list-numeric::before {
  content: "\f0cb"; }

.fa-list-ul::before {
  content: "\f0ca"; }

.fa-list-dots::before {
  content: "\f0ca"; }

.fa-litecoin-sign::before {
  content: "\e1d3"; }

.fa-location-arrow::before {
  content: "\f124"; }

.fa-location-crosshairs::before {
  content: "\f601"; }

.fa-location::before {
  content: "\f601"; }

.fa-location-dot::before {
  content: "\f3c5"; }

.fa-map-marker-alt::before {
  content: "\f3c5"; }

.fa-location-pin::before {
  content: "\f041"; }

.fa-map-marker::before {
  content: "\f041"; }

.fa-location-pin-lock::before {
  content: "\e51f"; }

.fa-lock::before {
  content: "\f023"; }

.fa-lock-open::before {
  content: "\f3c1"; }

.fa-locust::before {
  content: "\e520"; }

.fa-lungs::before {
  content: "\f604"; }

.fa-lungs-virus::before {
  content: "\e067"; }

.fa-m::before {
  content: "\4d"; }

.fa-magnet::before {
  content: "\f076"; }

.fa-magnifying-glass::before {
  content: "\f002"; }

.fa-search::before {
  content: "\f002"; }

.fa-magnifying-glass-arrow-right::before {
  content: "\e521"; }

.fa-magnifying-glass-chart::before {
  content: "\e522"; }

.fa-magnifying-glass-dollar::before {
  content: "\f688"; }

.fa-search-dollar::before {
  content: "\f688"; }

.fa-magnifying-glass-location::before {
  content: "\f689"; }

.fa-search-location::before {
  content: "\f689"; }

.fa-magnifying-glass-minus::before {
  content: "\f010"; }

.fa-search-minus::before {
  content: "\f010"; }

.fa-magnifying-glass-plus::before {
  content: "\f00e"; }

.fa-search-plus::before {
  content: "\f00e"; }

.fa-manat-sign::before {
  content: "\e1d5"; }

.fa-map::before {
  content: "\f279"; }

.fa-map-location::before {
  content: "\f59f"; }

.fa-map-marked::before {
  content: "\f59f"; }

.fa-map-location-dot::before {
  content: "\f5a0"; }

.fa-map-marked-alt::before {
  content: "\f5a0"; }

.fa-map-pin::before {
  content: "\f276"; }

.fa-marker::before {
  content: "\f5a1"; }

.fa-mars::before {
  content: "\f222"; }

.fa-mars-and-venus::before {
  content: "\f224"; }

.fa-mars-and-venus-burst::before {
  content: "\e523"; }

.fa-mars-double::before {
  content: "\f227"; }

.fa-mars-stroke::before {
  content: "\f229"; }

.fa-mars-stroke-right::before {
  content: "\f22b"; }

.fa-mars-stroke-h::before {
  content: "\f22b"; }

.fa-mars-stroke-up::before {
  content: "\f22a"; }

.fa-mars-stroke-v::before {
  content: "\f22a"; }

.fa-martini-glass::before {
  content: "\f57b"; }

.fa-glass-martini-alt::before {
  content: "\f57b"; }

.fa-martini-glass-citrus::before {
  content: "\f561"; }

.fa-cocktail::before {
  content: "\f561"; }

.fa-martini-glass-empty::before {
  content: "\f000"; }

.fa-glass-martini::before {
  content: "\f000"; }

.fa-mask::before {
  content: "\f6fa"; }

.fa-mask-face::before {
  content: "\e1d7"; }

.fa-mask-ventilator::before {
  content: "\e524"; }

.fa-masks-theater::before {
  content: "\f630"; }

.fa-theater-masks::before {
  content: "\f630"; }

.fa-mattress-pillow::before {
  content: "\e525"; }

.fa-maximize::before {
  content: "\f31e"; }

.fa-expand-arrows-alt::before {
  content: "\f31e"; }

.fa-medal::before {
  content: "\f5a2"; }

.fa-memory::before {
  content: "\f538"; }

.fa-menorah::before {
  content: "\f676"; }

.fa-mercury::before {
  content: "\f223"; }

.fa-message::before {
  content: "\f27a"; }

.fa-comment-alt::before {
  content: "\f27a"; }

.fa-meteor::before {
  content: "\f753"; }

.fa-microchip::before {
  content: "\f2db"; }

.fa-microphone::before {
  content: "\f130"; }

.fa-microphone-lines::before {
  content: "\f3c9"; }

.fa-microphone-alt::before {
  content: "\f3c9"; }

.fa-microphone-lines-slash::before {
  content: "\f539"; }

.fa-microphone-alt-slash::before {
  content: "\f539"; }

.fa-microphone-slash::before {
  content: "\f131"; }

.fa-microscope::before {
  content: "\f610"; }

.fa-mill-sign::before {
  content: "\e1ed"; }

.fa-minimize::before {
  content: "\f78c"; }

.fa-compress-arrows-alt::before {
  content: "\f78c"; }

.fa-minus::before {
  content: "\f068"; }

.fa-subtract::before {
  content: "\f068"; }

.fa-mitten::before {
  content: "\f7b5"; }

.fa-mobile::before {
  content: "\f3ce"; }

.fa-mobile-android::before {
  content: "\f3ce"; }

.fa-mobile-phone::before {
  content: "\f3ce"; }

.fa-mobile-button::before {
  content: "\f10b"; }

.fa-mobile-retro::before {
  content: "\e527"; }

.fa-mobile-screen::before {
  content: "\f3cf"; }

.fa-mobile-android-alt::before {
  content: "\f3cf"; }

.fa-mobile-screen-button::before {
  content: "\f3cd"; }

.fa-mobile-alt::before {
  content: "\f3cd"; }

.fa-money-bill::before {
  content: "\f0d6"; }

.fa-money-bill-1::before {
  content: "\f3d1"; }

.fa-money-bill-alt::before {
  content: "\f3d1"; }

.fa-money-bill-1-wave::before {
  content: "\f53b"; }

.fa-money-bill-wave-alt::before {
  content: "\f53b"; }

.fa-money-bill-transfer::before {
  content: "\e528"; }

.fa-money-bill-trend-up::before {
  content: "\e529"; }

.fa-money-bill-wave::before {
  content: "\f53a"; }

.fa-money-bill-wheat::before {
  content: "\e52a"; }

.fa-money-bills::before {
  content: "\e1f3"; }

.fa-money-check::before {
  content: "\f53c"; }

.fa-money-check-dollar::before {
  content: "\f53d"; }

.fa-money-check-alt::before {
  content: "\f53d"; }

.fa-monument::before {
  content: "\f5a6"; }

.fa-moon::before {
  content: "\f186"; }

.fa-mortar-pestle::before {
  content: "\f5a7"; }

.fa-mosque::before {
  content: "\f678"; }

.fa-mosquito::before {
  content: "\e52b"; }

.fa-mosquito-net::before {
  content: "\e52c"; }

.fa-motorcycle::before {
  content: "\f21c"; }

.fa-mound::before {
  content: "\e52d"; }

.fa-mountain::before {
  content: "\f6fc"; }

.fa-mountain-city::before {
  content: "\e52e"; }

.fa-mountain-sun::before {
  content: "\e52f"; }

.fa-mug-hot::before {
  content: "\f7b6"; }

.fa-mug-saucer::before {
  content: "\f0f4"; }

.fa-coffee::before {
  content: "\f0f4"; }

.fa-music::before {
  content: "\f001"; }

.fa-n::before {
  content: "\4e"; }

.fa-naira-sign::before {
  content: "\e1f6"; }

.fa-network-wired::before {
  content: "\f6ff"; }

.fa-neuter::before {
  content: "\f22c"; }

.fa-newspaper::before {
  content: "\f1ea"; }

.fa-not-equal::before {
  content: "\f53e"; }

.fa-note-sticky::before {
  content: "\f249"; }

.fa-sticky-note::before {
  content: "\f249"; }

.fa-notes-medical::before {
  content: "\f481"; }

.fa-o::before {
  content: "\4f"; }

.fa-object-group::before {
  content: "\f247"; }

.fa-object-ungroup::before {
  content: "\f248"; }

.fa-oil-can::before {
  content: "\f613"; }

.fa-oil-well::before {
  content: "\e532"; }

.fa-om::before {
  content: "\f679"; }

.fa-otter::before {
  content: "\f700"; }

.fa-outdent::before {
  content: "\f03b"; }

.fa-dedent::before {
  content: "\f03b"; }

.fa-p::before {
  content: "\50"; }

.fa-pager::before {
  content: "\f815"; }

.fa-paint-roller::before {
  content: "\f5aa"; }

.fa-paintbrush::before {
  content: "\f1fc"; }

.fa-paint-brush::before {
  content: "\f1fc"; }

.fa-palette::before {
  content: "\f53f"; }

.fa-pallet::before {
  content: "\f482"; }

.fa-panorama::before {
  content: "\e209"; }

.fa-paper-plane::before {
  content: "\f1d8"; }

.fa-paperclip::before {
  content: "\f0c6"; }

.fa-parachute-box::before {
  content: "\f4cd"; }

.fa-paragraph::before {
  content: "\f1dd"; }

.fa-passport::before {
  content: "\f5ab"; }

.fa-paste::before {
  content: "\f0ea"; }

.fa-file-clipboard::before {
  content: "\f0ea"; }

.fa-pause::before {
  content: "\f04c"; }

.fa-paw::before {
  content: "\f1b0"; }

.fa-peace::before {
  content: "\f67c"; }

.fa-pen::before {
  content: "\f304"; }

.fa-pen-clip::before {
  content: "\f305"; }

.fa-pen-alt::before {
  content: "\f305"; }

.fa-pen-fancy::before {
  content: "\f5ac"; }

.fa-pen-nib::before {
  content: "\f5ad"; }

.fa-pen-ruler::before {
  content: "\f5ae"; }

.fa-pencil-ruler::before {
  content: "\f5ae"; }

.fa-pen-to-square::before {
  content: "\f044"; }

.fa-edit::before {
  content: "\f044"; }

.fa-pencil::before {
  content: "\f303"; }

.fa-pencil-alt::before {
  content: "\f303"; }

.fa-people-arrows-left-right::before {
  content: "\e068"; }

.fa-people-arrows::before {
  content: "\e068"; }

.fa-people-carry-box::before {
  content: "\f4ce"; }

.fa-people-carry::before {
  content: "\f4ce"; }

.fa-people-group::before {
  content: "\e533"; }

.fa-people-line::before {
  content: "\e534"; }

.fa-people-pulling::before {
  content: "\e535"; }

.fa-people-robbery::before {
  content: "\e536"; }

.fa-people-roof::before {
  content: "\e537"; }

.fa-pepper-hot::before {
  content: "\f816"; }

.fa-percent::before {
  content: "\25"; }

.fa-percentage::before {
  content: "\25"; }

.fa-person::before {
  content: "\f183"; }

.fa-male::before {
  content: "\f183"; }

.fa-person-arrow-down-to-line::before {
  content: "\e538"; }

.fa-person-arrow-up-from-line::before {
  content: "\e539"; }

.fa-person-biking::before {
  content: "\f84a"; }

.fa-biking::before {
  content: "\f84a"; }

.fa-person-booth::before {
  content: "\f756"; }

.fa-person-breastfeeding::before {
  content: "\e53a"; }

.fa-person-burst::before {
  content: "\e53b"; }

.fa-person-cane::before {
  content: "\e53c"; }

.fa-person-chalkboard::before {
  content: "\e53d"; }

.fa-person-circle-check::before {
  content: "\e53e"; }

.fa-person-circle-exclamation::before {
  content: "\e53f"; }

.fa-person-circle-minus::before {
  content: "\e540"; }

.fa-person-circle-plus::before {
  content: "\e541"; }

.fa-person-circle-question::before {
  content: "\e542"; }

.fa-person-circle-xmark::before {
  content: "\e543"; }

.fa-person-digging::before {
  content: "\f85e"; }

.fa-digging::before {
  content: "\f85e"; }

.fa-person-dots-from-line::before {
  content: "\f470"; }

.fa-diagnoses::before {
  content: "\f470"; }

.fa-person-dress::before {
  content: "\f182"; }

.fa-female::before {
  content: "\f182"; }

.fa-person-dress-burst::before {
  content: "\e544"; }

.fa-person-drowning::before {
  content: "\e545"; }

.fa-person-falling::before {
  content: "\e546"; }

.fa-person-falling-burst::before {
  content: "\e547"; }

.fa-person-half-dress::before {
  content: "\e548"; }

.fa-person-harassing::before {
  content: "\e549"; }

.fa-person-hiking::before {
  content: "\f6ec"; }

.fa-hiking::before {
  content: "\f6ec"; }

.fa-person-military-pointing::before {
  content: "\e54a"; }

.fa-person-military-rifle::before {
  content: "\e54b"; }

.fa-person-military-to-person::before {
  content: "\e54c"; }

.fa-person-praying::before {
  content: "\f683"; }

.fa-pray::before {
  content: "\f683"; }

.fa-person-pregnant::before {
  content: "\e31e"; }

.fa-person-rays::before {
  content: "\e54d"; }

.fa-person-rifle::before {
  content: "\e54e"; }

.fa-person-running::before {
  content: "\f70c"; }

.fa-running::before {
  content: "\f70c"; }

.fa-person-shelter::before {
  content: "\e54f"; }

.fa-person-skating::before {
  content: "\f7c5"; }

.fa-skating::before {
  content: "\f7c5"; }

.fa-person-skiing::before {
  content: "\f7c9"; }

.fa-skiing::before {
  content: "\f7c9"; }

.fa-person-skiing-nordic::before {
  content: "\f7ca"; }

.fa-skiing-nordic::before {
  content: "\f7ca"; }

.fa-person-snowboarding::before {
  content: "\f7ce"; }

.fa-snowboarding::before {
  content: "\f7ce"; }

.fa-person-swimming::before {
  content: "\f5c4"; }

.fa-swimmer::before {
  content: "\f5c4"; }

.fa-person-through-window::before {
  content: "\e433"; }

.fa-person-walking::before {
  content: "\f554"; }

.fa-walking::before {
  content: "\f554"; }

.fa-person-walking-arrow-loop-left::before {
  content: "\e551"; }

.fa-person-walking-arrow-right::before {
  content: "\e552"; }

.fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553"; }

.fa-person-walking-luggage::before {
  content: "\e554"; }

.fa-person-walking-with-cane::before {
  content: "\f29d"; }

.fa-blind::before {
  content: "\f29d"; }

.fa-peseta-sign::before {
  content: "\e221"; }

.fa-peso-sign::before {
  content: "\e222"; }

.fa-phone::before {
  content: "\f095"; }

.fa-phone-flip::before {
  content: "\f879"; }

.fa-phone-alt::before {
  content: "\f879"; }

.fa-phone-slash::before {
  content: "\f3dd"; }

.fa-phone-volume::before {
  content: "\f2a0"; }

.fa-volume-control-phone::before {
  content: "\f2a0"; }

.fa-photo-film::before {
  content: "\f87c"; }

.fa-photo-video::before {
  content: "\f87c"; }

.fa-piggy-bank::before {
  content: "\f4d3"; }

.fa-pills::before {
  content: "\f484"; }

.fa-pizza-slice::before {
  content: "\f818"; }

.fa-place-of-worship::before {
  content: "\f67f"; }

.fa-plane::before {
  content: "\f072"; }

.fa-plane-arrival::before {
  content: "\f5af"; }

.fa-plane-circle-check::before {
  content: "\e555"; }

.fa-plane-circle-exclamation::before {
  content: "\e556"; }

.fa-plane-circle-xmark::before {
  content: "\e557"; }

.fa-plane-departure::before {
  content: "\f5b0"; }

.fa-plane-lock::before {
  content: "\e558"; }

.fa-plane-slash::before {
  content: "\e069"; }

.fa-plane-up::before {
  content: "\e22d"; }

.fa-plant-wilt::before {
  content: "\e43b"; }

.fa-plate-wheat::before {
  content: "\e55a"; }

.fa-play::before {
  content: "\f04b"; }

.fa-plug::before {
  content: "\f1e6"; }

.fa-plug-circle-bolt::before {
  content: "\e55b"; }

.fa-plug-circle-check::before {
  content: "\e55c"; }

.fa-plug-circle-exclamation::before {
  content: "\e55d"; }

.fa-plug-circle-minus::before {
  content: "\e55e"; }

.fa-plug-circle-plus::before {
  content: "\e55f"; }

.fa-plug-circle-xmark::before {
  content: "\e560"; }

.fa-plus::before {
  content: "\2b"; }

.fa-add::before {
  content: "\2b"; }

.fa-plus-minus::before {
  content: "\e43c"; }

.fa-podcast::before {
  content: "\f2ce"; }

.fa-poo::before {
  content: "\f2fe"; }

.fa-poo-storm::before {
  content: "\f75a"; }

.fa-poo-bolt::before {
  content: "\f75a"; }

.fa-poop::before {
  content: "\f619"; }

.fa-power-off::before {
  content: "\f011"; }

.fa-prescription::before {
  content: "\f5b1"; }

.fa-prescription-bottle::before {
  content: "\f485"; }

.fa-prescription-bottle-medical::before {
  content: "\f486"; }

.fa-prescription-bottle-alt::before {
  content: "\f486"; }

.fa-print::before {
  content: "\f02f"; }

.fa-pump-medical::before {
  content: "\e06a"; }

.fa-pump-soap::before {
  content: "\e06b"; }

.fa-puzzle-piece::before {
  content: "\f12e"; }

.fa-q::before {
  content: "\51"; }

.fa-qrcode::before {
  content: "\f029"; }

.fa-question::before {
  content: "\3f"; }

.fa-quote-left::before {
  content: "\f10d"; }

.fa-quote-left-alt::before {
  content: "\f10d"; }

.fa-quote-right::before {
  content: "\f10e"; }

.fa-quote-right-alt::before {
  content: "\f10e"; }

.fa-r::before {
  content: "\52"; }

.fa-radiation::before {
  content: "\f7b9"; }

.fa-radio::before {
  content: "\f8d7"; }

.fa-rainbow::before {
  content: "\f75b"; }

.fa-ranking-star::before {
  content: "\e561"; }

.fa-receipt::before {
  content: "\f543"; }

.fa-record-vinyl::before {
  content: "\f8d9"; }

.fa-rectangle-ad::before {
  content: "\f641"; }

.fa-ad::before {
  content: "\f641"; }

.fa-rectangle-list::before {
  content: "\f022"; }

.fa-list-alt::before {
  content: "\f022"; }

.fa-rectangle-xmark::before {
  content: "\f410"; }

.fa-rectangle-times::before {
  content: "\f410"; }

.fa-times-rectangle::before {
  content: "\f410"; }

.fa-window-close::before {
  content: "\f410"; }

.fa-recycle::before {
  content: "\f1b8"; }

.fa-registered::before {
  content: "\f25d"; }

.fa-repeat::before {
  content: "\f363"; }

.fa-reply::before {
  content: "\f3e5"; }

.fa-mail-reply::before {
  content: "\f3e5"; }

.fa-reply-all::before {
  content: "\f122"; }

.fa-mail-reply-all::before {
  content: "\f122"; }

.fa-republican::before {
  content: "\f75e"; }

.fa-restroom::before {
  content: "\f7bd"; }

.fa-retweet::before {
  content: "\f079"; }

.fa-ribbon::before {
  content: "\f4d6"; }

.fa-right-from-bracket::before {
  content: "\f2f5"; }

.fa-sign-out-alt::before {
  content: "\f2f5"; }

.fa-right-left::before {
  content: "\f362"; }

.fa-exchange-alt::before {
  content: "\f362"; }

.fa-right-long::before {
  content: "\f30b"; }

.fa-long-arrow-alt-right::before {
  content: "\f30b"; }

.fa-right-to-bracket::before {
  content: "\f2f6"; }

.fa-sign-in-alt::before {
  content: "\f2f6"; }

.fa-ring::before {
  content: "\f70b"; }

.fa-road::before {
  content: "\f018"; }

.fa-road-barrier::before {
  content: "\e562"; }

.fa-road-bridge::before {
  content: "\e563"; }

.fa-road-circle-check::before {
  content: "\e564"; }

.fa-road-circle-exclamation::before {
  content: "\e565"; }

.fa-road-circle-xmark::before {
  content: "\e566"; }

.fa-road-lock::before {
  content: "\e567"; }

.fa-road-spikes::before {
  content: "\e568"; }

.fa-robot::before {
  content: "\f544"; }

.fa-rocket::before {
  content: "\f135"; }

.fa-rotate::before {
  content: "\f2f1"; }

.fa-sync-alt::before {
  content: "\f2f1"; }

.fa-rotate-left::before {
  content: "\f2ea"; }

.fa-rotate-back::before {
  content: "\f2ea"; }

.fa-rotate-backward::before {
  content: "\f2ea"; }

.fa-undo-alt::before {
  content: "\f2ea"; }

.fa-rotate-right::before {
  content: "\f2f9"; }

.fa-redo-alt::before {
  content: "\f2f9"; }

.fa-rotate-forward::before {
  content: "\f2f9"; }

.fa-route::before {
  content: "\f4d7"; }

.fa-rss::before {
  content: "\f09e"; }

.fa-feed::before {
  content: "\f09e"; }

.fa-ruble-sign::before {
  content: "\f158"; }

.fa-rouble::before {
  content: "\f158"; }

.fa-rub::before {
  content: "\f158"; }

.fa-ruble::before {
  content: "\f158"; }

.fa-rug::before {
  content: "\e569"; }

.fa-ruler::before {
  content: "\f545"; }

.fa-ruler-combined::before {
  content: "\f546"; }

.fa-ruler-horizontal::before {
  content: "\f547"; }

.fa-ruler-vertical::before {
  content: "\f548"; }

.fa-rupee-sign::before {
  content: "\f156"; }

.fa-rupee::before {
  content: "\f156"; }

.fa-rupiah-sign::before {
  content: "\e23d"; }

.fa-s::before {
  content: "\53"; }

.fa-sack-dollar::before {
  content: "\f81d"; }

.fa-sack-xmark::before {
  content: "\e56a"; }

.fa-sailboat::before {
  content: "\e445"; }

.fa-satellite::before {
  content: "\f7bf"; }

.fa-satellite-dish::before {
  content: "\f7c0"; }

.fa-scale-balanced::before {
  content: "\f24e"; }

.fa-balance-scale::before {
  content: "\f24e"; }

.fa-scale-unbalanced::before {
  content: "\f515"; }

.fa-balance-scale-left::before {
  content: "\f515"; }

.fa-scale-unbalanced-flip::before {
  content: "\f516"; }

.fa-balance-scale-right::before {
  content: "\f516"; }

.fa-school::before {
  content: "\f549"; }

.fa-school-circle-check::before {
  content: "\e56b"; }

.fa-school-circle-exclamation::before {
  content: "\e56c"; }

.fa-school-circle-xmark::before {
  content: "\e56d"; }

.fa-school-flag::before {
  content: "\e56e"; }

.fa-school-lock::before {
  content: "\e56f"; }

.fa-scissors::before {
  content: "\f0c4"; }

.fa-cut::before {
  content: "\f0c4"; }

.fa-screwdriver::before {
  content: "\f54a"; }

.fa-screwdriver-wrench::before {
  content: "\f7d9"; }

.fa-tools::before {
  content: "\f7d9"; }

.fa-scroll::before {
  content: "\f70e"; }

.fa-scroll-torah::before {
  content: "\f6a0"; }

.fa-torah::before {
  content: "\f6a0"; }

.fa-sd-card::before {
  content: "\f7c2"; }

.fa-section::before {
  content: "\e447"; }

.fa-seedling::before {
  content: "\f4d8"; }

.fa-sprout::before {
  content: "\f4d8"; }

.fa-server::before {
  content: "\f233"; }

.fa-shapes::before {
  content: "\f61f"; }

.fa-triangle-circle-square::before {
  content: "\f61f"; }

.fa-share::before {
  content: "\f064"; }

.fa-arrow-turn-right::before {
  content: "\f064"; }

.fa-mail-forward::before {
  content: "\f064"; }

.fa-share-from-square::before {
  content: "\f14d"; }

.fa-share-square::before {
  content: "\f14d"; }

.fa-share-nodes::before {
  content: "\f1e0"; }

.fa-share-alt::before {
  content: "\f1e0"; }

.fa-sheet-plastic::before {
  content: "\e571"; }

.fa-shekel-sign::before {
  content: "\f20b"; }

.fa-ils::before {
  content: "\f20b"; }

.fa-shekel::before {
  content: "\f20b"; }

.fa-sheqel::before {
  content: "\f20b"; }

.fa-sheqel-sign::before {
  content: "\f20b"; }

.fa-shield::before {
  content: "\f132"; }

.fa-shield-blank::before {
  content: "\f132"; }

.fa-shield-cat::before {
  content: "\e572"; }

.fa-shield-dog::before {
  content: "\e573"; }

.fa-shield-halved::before {
  content: "\f3ed"; }

.fa-shield-alt::before {
  content: "\f3ed"; }

.fa-shield-heart::before {
  content: "\e574"; }

.fa-shield-virus::before {
  content: "\e06c"; }

.fa-ship::before {
  content: "\f21a"; }

.fa-shirt::before {
  content: "\f553"; }

.fa-t-shirt::before {
  content: "\f553"; }

.fa-tshirt::before {
  content: "\f553"; }

.fa-shoe-prints::before {
  content: "\f54b"; }

.fa-shop::before {
  content: "\f54f"; }

.fa-store-alt::before {
  content: "\f54f"; }

.fa-shop-lock::before {
  content: "\e4a5"; }

.fa-shop-slash::before {
  content: "\e070"; }

.fa-store-alt-slash::before {
  content: "\e070"; }

.fa-shower::before {
  content: "\f2cc"; }

.fa-shrimp::before {
  content: "\e448"; }

.fa-shuffle::before {
  content: "\f074"; }

.fa-random::before {
  content: "\f074"; }

.fa-shuttle-space::before {
  content: "\f197"; }

.fa-space-shuttle::before {
  content: "\f197"; }

.fa-sign-hanging::before {
  content: "\f4d9"; }

.fa-sign::before {
  content: "\f4d9"; }

.fa-signal::before {
  content: "\f012"; }

.fa-signal-5::before {
  content: "\f012"; }

.fa-signal-perfect::before {
  content: "\f012"; }

.fa-signature::before {
  content: "\f5b7"; }

.fa-signs-post::before {
  content: "\f277"; }

.fa-map-signs::before {
  content: "\f277"; }

.fa-sim-card::before {
  content: "\f7c4"; }

.fa-sink::before {
  content: "\e06d"; }

.fa-sitemap::before {
  content: "\f0e8"; }

.fa-skull::before {
  content: "\f54c"; }

.fa-skull-crossbones::before {
  content: "\f714"; }

.fa-slash::before {
  content: "\f715"; }

.fa-sleigh::before {
  content: "\f7cc"; }

.fa-sliders::before {
  content: "\f1de"; }

.fa-sliders-h::before {
  content: "\f1de"; }

.fa-smog::before {
  content: "\f75f"; }

.fa-smoking::before {
  content: "\f48d"; }

.fa-snowflake::before {
  content: "\f2dc"; }

.fa-snowman::before {
  content: "\f7d0"; }

.fa-snowplow::before {
  content: "\f7d2"; }

.fa-soap::before {
  content: "\e06e"; }

.fa-socks::before {
  content: "\f696"; }

.fa-solar-panel::before {
  content: "\f5ba"; }

.fa-sort::before {
  content: "\f0dc"; }

.fa-unsorted::before {
  content: "\f0dc"; }

.fa-sort-down::before {
  content: "\f0dd"; }

.fa-sort-desc::before {
  content: "\f0dd"; }

.fa-sort-up::before {
  content: "\f0de"; }

.fa-sort-asc::before {
  content: "\f0de"; }

.fa-spa::before {
  content: "\f5bb"; }

.fa-spaghetti-monster-flying::before {
  content: "\f67b"; }

.fa-pastafarianism::before {
  content: "\f67b"; }

.fa-spell-check::before {
  content: "\f891"; }

.fa-spider::before {
  content: "\f717"; }

.fa-spinner::before {
  content: "\f110"; }

.fa-splotch::before {
  content: "\f5bc"; }

.fa-spoon::before {
  content: "\f2e5"; }

.fa-utensil-spoon::before {
  content: "\f2e5"; }

.fa-spray-can::before {
  content: "\f5bd"; }

.fa-spray-can-sparkles::before {
  content: "\f5d0"; }

.fa-air-freshener::before {
  content: "\f5d0"; }

.fa-square::before {
  content: "\f0c8"; }

.fa-square-arrow-up-right::before {
  content: "\f14c"; }

.fa-external-link-square::before {
  content: "\f14c"; }

.fa-square-caret-down::before {
  content: "\f150"; }

.fa-caret-square-down::before {
  content: "\f150"; }

.fa-square-caret-left::before {
  content: "\f191"; }

.fa-caret-square-left::before {
  content: "\f191"; }

.fa-square-caret-right::before {
  content: "\f152"; }

.fa-caret-square-right::before {
  content: "\f152"; }

.fa-square-caret-up::before {
  content: "\f151"; }

.fa-caret-square-up::before {
  content: "\f151"; }

.fa-square-check::before {
  content: "\f14a"; }

.fa-check-square::before {
  content: "\f14a"; }

.fa-square-envelope::before {
  content: "\f199"; }

.fa-envelope-square::before {
  content: "\f199"; }

.fa-square-full::before {
  content: "\f45c"; }

.fa-square-h::before {
  content: "\f0fd"; }

.fa-h-square::before {
  content: "\f0fd"; }

.fa-square-minus::before {
  content: "\f146"; }

.fa-minus-square::before {
  content: "\f146"; }

.fa-square-nfi::before {
  content: "\e576"; }

.fa-square-parking::before {
  content: "\f540"; }

.fa-parking::before {
  content: "\f540"; }

.fa-square-pen::before {
  content: "\f14b"; }

.fa-pen-square::before {
  content: "\f14b"; }

.fa-pencil-square::before {
  content: "\f14b"; }

.fa-square-person-confined::before {
  content: "\e577"; }

.fa-square-phone::before {
  content: "\f098"; }

.fa-phone-square::before {
  content: "\f098"; }

.fa-square-phone-flip::before {
  content: "\f87b"; }

.fa-phone-square-alt::before {
  content: "\f87b"; }

.fa-square-plus::before {
  content: "\f0fe"; }

.fa-plus-square::before {
  content: "\f0fe"; }

.fa-square-poll-horizontal::before {
  content: "\f682"; }

.fa-poll-h::before {
  content: "\f682"; }

.fa-square-poll-vertical::before {
  content: "\f681"; }

.fa-poll::before {
  content: "\f681"; }

.fa-square-root-variable::before {
  content: "\f698"; }

.fa-square-root-alt::before {
  content: "\f698"; }

.fa-square-rss::before {
  content: "\f143"; }

.fa-rss-square::before {
  content: "\f143"; }

.fa-square-share-nodes::before {
  content: "\f1e1"; }

.fa-share-alt-square::before {
  content: "\f1e1"; }

.fa-square-up-right::before {
  content: "\f360"; }

.fa-external-link-square-alt::before {
  content: "\f360"; }

.fa-square-virus::before {
  content: "\e578"; }

.fa-square-xmark::before {
  content: "\f2d3"; }

.fa-times-square::before {
  content: "\f2d3"; }

.fa-xmark-square::before {
  content: "\f2d3"; }

.fa-staff-aesculapius::before {
  content: "\e579"; }

.fa-rod-asclepius::before {
  content: "\e579"; }

.fa-rod-snake::before {
  content: "\e579"; }

.fa-staff-snake::before {
  content: "\e579"; }

.fa-stairs::before {
  content: "\e289"; }

.fa-stamp::before {
  content: "\f5bf"; }

.fa-star::before {
  content: "\f005"; }

.fa-star-and-crescent::before {
  content: "\f699"; }

.fa-star-half::before {
  content: "\f089"; }

.fa-star-half-stroke::before {
  content: "\f5c0"; }

.fa-star-half-alt::before {
  content: "\f5c0"; }

.fa-star-of-david::before {
  content: "\f69a"; }

.fa-star-of-life::before {
  content: "\f621"; }

.fa-sterling-sign::before {
  content: "\f154"; }

.fa-gbp::before {
  content: "\f154"; }

.fa-pound-sign::before {
  content: "\f154"; }

.fa-stethoscope::before {
  content: "\f0f1"; }

.fa-stop::before {
  content: "\f04d"; }

.fa-stopwatch::before {
  content: "\f2f2"; }

.fa-stopwatch-20::before {
  content: "\e06f"; }

.fa-store::before {
  content: "\f54e"; }

.fa-store-slash::before {
  content: "\e071"; }

.fa-street-view::before {
  content: "\f21d"; }

.fa-strikethrough::before {
  content: "\f0cc"; }

.fa-stroopwafel::before {
  content: "\f551"; }

.fa-subscript::before {
  content: "\f12c"; }

.fa-suitcase::before {
  content: "\f0f2"; }

.fa-suitcase-medical::before {
  content: "\f0fa"; }

.fa-medkit::before {
  content: "\f0fa"; }

.fa-suitcase-rolling::before {
  content: "\f5c1"; }

.fa-sun::before {
  content: "\f185"; }

.fa-sun-plant-wilt::before {
  content: "\e57a"; }

.fa-superscript::before {
  content: "\f12b"; }

.fa-swatchbook::before {
  content: "\f5c3"; }

.fa-synagogue::before {
  content: "\f69b"; }

.fa-syringe::before {
  content: "\f48e"; }

.fa-t::before {
  content: "\54"; }

.fa-table::before {
  content: "\f0ce"; }

.fa-table-cells::before {
  content: "\f00a"; }

.fa-th::before {
  content: "\f00a"; }

.fa-table-cells-large::before {
  content: "\f009"; }

.fa-th-large::before {
  content: "\f009"; }

.fa-table-columns::before {
  content: "\f0db"; }

.fa-columns::before {
  content: "\f0db"; }

.fa-table-list::before {
  content: "\f00b"; }

.fa-th-list::before {
  content: "\f00b"; }

.fa-table-tennis-paddle-ball::before {
  content: "\f45d"; }

.fa-ping-pong-paddle-ball::before {
  content: "\f45d"; }

.fa-table-tennis::before {
  content: "\f45d"; }

.fa-tablet::before {
  content: "\f3fb"; }

.fa-tablet-android::before {
  content: "\f3fb"; }

.fa-tablet-button::before {
  content: "\f10a"; }

.fa-tablet-screen-button::before {
  content: "\f3fa"; }

.fa-tablet-alt::before {
  content: "\f3fa"; }

.fa-tablets::before {
  content: "\f490"; }

.fa-tachograph-digital::before {
  content: "\f566"; }

.fa-digital-tachograph::before {
  content: "\f566"; }

.fa-tag::before {
  content: "\f02b"; }

.fa-tags::before {
  content: "\f02c"; }

.fa-tape::before {
  content: "\f4db"; }

.fa-tarp::before {
  content: "\e57b"; }

.fa-tarp-droplet::before {
  content: "\e57c"; }

.fa-taxi::before {
  content: "\f1ba"; }

.fa-cab::before {
  content: "\f1ba"; }

.fa-teeth::before {
  content: "\f62e"; }

.fa-teeth-open::before {
  content: "\f62f"; }

.fa-temperature-arrow-down::before {
  content: "\e03f"; }

.fa-temperature-down::before {
  content: "\e03f"; }

.fa-temperature-arrow-up::before {
  content: "\e040"; }

.fa-temperature-up::before {
  content: "\e040"; }

.fa-temperature-empty::before {
  content: "\f2cb"; }

.fa-temperature-0::before {
  content: "\f2cb"; }

.fa-thermometer-0::before {
  content: "\f2cb"; }

.fa-thermometer-empty::before {
  content: "\f2cb"; }

.fa-temperature-full::before {
  content: "\f2c7"; }

.fa-temperature-4::before {
  content: "\f2c7"; }

.fa-thermometer-4::before {
  content: "\f2c7"; }

.fa-thermometer-full::before {
  content: "\f2c7"; }

.fa-temperature-half::before {
  content: "\f2c9"; }

.fa-temperature-2::before {
  content: "\f2c9"; }

.fa-thermometer-2::before {
  content: "\f2c9"; }

.fa-thermometer-half::before {
  content: "\f2c9"; }

.fa-temperature-high::before {
  content: "\f769"; }

.fa-temperature-low::before {
  content: "\f76b"; }

.fa-temperature-quarter::before {
  content: "\f2ca"; }

.fa-temperature-1::before {
  content: "\f2ca"; }

.fa-thermometer-1::before {
  content: "\f2ca"; }

.fa-thermometer-quarter::before {
  content: "\f2ca"; }

.fa-temperature-three-quarters::before {
  content: "\f2c8"; }

.fa-temperature-3::before {
  content: "\f2c8"; }

.fa-thermometer-3::before {
  content: "\f2c8"; }

.fa-thermometer-three-quarters::before {
  content: "\f2c8"; }

.fa-tenge-sign::before {
  content: "\f7d7"; }

.fa-tenge::before {
  content: "\f7d7"; }

.fa-tent::before {
  content: "\e57d"; }

.fa-tent-arrow-down-to-line::before {
  content: "\e57e"; }

.fa-tent-arrow-left-right::before {
  content: "\e57f"; }

.fa-tent-arrow-turn-left::before {
  content: "\e580"; }

.fa-tent-arrows-down::before {
  content: "\e581"; }

.fa-tents::before {
  content: "\e582"; }

.fa-terminal::before {
  content: "\f120"; }

.fa-text-height::before {
  content: "\f034"; }

.fa-text-slash::before {
  content: "\f87d"; }

.fa-remove-format::before {
  content: "\f87d"; }

.fa-text-width::before {
  content: "\f035"; }

.fa-thermometer::before {
  content: "\f491"; }

.fa-thumbs-down::before {
  content: "\f165"; }

.fa-thumbs-up::before {
  content: "\f164"; }

.fa-thumbtack::before {
  content: "\f08d"; }

.fa-thumb-tack::before {
  content: "\f08d"; }

.fa-ticket::before {
  content: "\f145"; }

.fa-ticket-simple::before {
  content: "\f3ff"; }

.fa-ticket-alt::before {
  content: "\f3ff"; }

.fa-timeline::before {
  content: "\e29c"; }

.fa-toggle-off::before {
  content: "\f204"; }

.fa-toggle-on::before {
  content: "\f205"; }

.fa-toilet::before {
  content: "\f7d8"; }

.fa-toilet-paper::before {
  content: "\f71e"; }

.fa-toilet-paper-slash::before {
  content: "\e072"; }

.fa-toilet-portable::before {
  content: "\e583"; }

.fa-toilets-portable::before {
  content: "\e584"; }

.fa-toolbox::before {
  content: "\f552"; }

.fa-tooth::before {
  content: "\f5c9"; }

.fa-torii-gate::before {
  content: "\f6a1"; }

.fa-tornado::before {
  content: "\f76f"; }

.fa-tower-broadcast::before {
  content: "\f519"; }

.fa-broadcast-tower::before {
  content: "\f519"; }

.fa-tower-cell::before {
  content: "\e585"; }

.fa-tower-observation::before {
  content: "\e586"; }

.fa-tractor::before {
  content: "\f722"; }

.fa-trademark::before {
  content: "\f25c"; }

.fa-traffic-light::before {
  content: "\f637"; }

.fa-trailer::before {
  content: "\e041"; }

.fa-train::before {
  content: "\f238"; }

.fa-train-subway::before {
  content: "\f239"; }

.fa-subway::before {
  content: "\f239"; }

.fa-train-tram::before {
  content: "\f7da"; }

.fa-tram::before {
  content: "\f7da"; }

.fa-transgender::before {
  content: "\f225"; }

.fa-transgender-alt::before {
  content: "\f225"; }

.fa-trash::before {
  content: "\f1f8"; }

.fa-trash-arrow-up::before {
  content: "\f829"; }

.fa-trash-restore::before {
  content: "\f829"; }

.fa-trash-can::before {
  content: "\f2ed"; }

.fa-trash-alt::before {
  content: "\f2ed"; }

.fa-trash-can-arrow-up::before {
  content: "\f82a"; }

.fa-trash-restore-alt::before {
  content: "\f82a"; }

.fa-tree::before {
  content: "\f1bb"; }

.fa-tree-city::before {
  content: "\e587"; }

.fa-triangle-exclamation::before {
  content: "\f071"; }

.fa-exclamation-triangle::before {
  content: "\f071"; }

.fa-warning::before {
  content: "\f071"; }

.fa-trophy::before {
  content: "\f091"; }

.fa-trowel::before {
  content: "\e589"; }

.fa-trowel-bricks::before {
  content: "\e58a"; }

.fa-truck::before {
  content: "\f0d1"; }

.fa-truck-arrow-right::before {
  content: "\e58b"; }

.fa-truck-droplet::before {
  content: "\e58c"; }

.fa-truck-fast::before {
  content: "\f48b"; }

.fa-shipping-fast::before {
  content: "\f48b"; }

.fa-truck-field::before {
  content: "\e58d"; }

.fa-truck-field-un::before {
  content: "\e58e"; }

.fa-truck-front::before {
  content: "\e2b7"; }

.fa-truck-medical::before {
  content: "\f0f9"; }

.fa-ambulance::before {
  content: "\f0f9"; }

.fa-truck-monster::before {
  content: "\f63b"; }

.fa-truck-moving::before {
  content: "\f4df"; }

.fa-truck-pickup::before {
  content: "\f63c"; }

.fa-truck-plane::before {
  content: "\e58f"; }

.fa-truck-ramp-box::before {
  content: "\f4de"; }

.fa-truck-loading::before {
  content: "\f4de"; }

.fa-tty::before {
  content: "\f1e4"; }

.fa-teletype::before {
  content: "\f1e4"; }

.fa-turkish-lira-sign::before {
  content: "\e2bb"; }

.fa-try::before {
  content: "\e2bb"; }

.fa-turkish-lira::before {
  content: "\e2bb"; }

.fa-turn-down::before {
  content: "\f3be"; }

.fa-level-down-alt::before {
  content: "\f3be"; }

.fa-turn-up::before {
  content: "\f3bf"; }

.fa-level-up-alt::before {
  content: "\f3bf"; }

.fa-tv::before {
  content: "\f26c"; }

.fa-television::before {
  content: "\f26c"; }

.fa-tv-alt::before {
  content: "\f26c"; }

.fa-u::before {
  content: "\55"; }

.fa-umbrella::before {
  content: "\f0e9"; }

.fa-umbrella-beach::before {
  content: "\f5ca"; }

.fa-underline::before {
  content: "\f0cd"; }

.fa-universal-access::before {
  content: "\f29a"; }

.fa-unlock::before {
  content: "\f09c"; }

.fa-unlock-keyhole::before {
  content: "\f13e"; }

.fa-unlock-alt::before {
  content: "\f13e"; }

.fa-up-down::before {
  content: "\f338"; }

.fa-arrows-alt-v::before {
  content: "\f338"; }

.fa-up-down-left-right::before {
  content: "\f0b2"; }

.fa-arrows-alt::before {
  content: "\f0b2"; }

.fa-up-long::before {
  content: "\f30c"; }

.fa-long-arrow-alt-up::before {
  content: "\f30c"; }

.fa-up-right-and-down-left-from-center::before {
  content: "\f424"; }

.fa-expand-alt::before {
  content: "\f424"; }

.fa-up-right-from-square::before {
  content: "\f35d"; }

.fa-external-link-alt::before {
  content: "\f35d"; }

.fa-upload::before {
  content: "\f093"; }

.fa-user::before {
  content: "\f007"; }

.fa-user-astronaut::before {
  content: "\f4fb"; }

.fa-user-check::before {
  content: "\f4fc"; }

.fa-user-clock::before {
  content: "\f4fd"; }

.fa-user-doctor::before {
  content: "\f0f0"; }

.fa-user-md::before {
  content: "\f0f0"; }

.fa-user-gear::before {
  content: "\f4fe"; }

.fa-user-cog::before {
  content: "\f4fe"; }

.fa-user-graduate::before {
  content: "\f501"; }

.fa-user-group::before {
  content: "\f500"; }

.fa-user-friends::before {
  content: "\f500"; }

.fa-user-injured::before {
  content: "\f728"; }

.fa-user-large::before {
  content: "\f406"; }

.fa-user-alt::before {
  content: "\f406"; }

.fa-user-large-slash::before {
  content: "\f4fa"; }

.fa-user-alt-slash::before {
  content: "\f4fa"; }

.fa-user-lock::before {
  content: "\f502"; }

.fa-user-minus::before {
  content: "\f503"; }

.fa-user-ninja::before {
  content: "\f504"; }

.fa-user-nurse::before {
  content: "\f82f"; }

.fa-user-pen::before {
  content: "\f4ff"; }

.fa-user-edit::before {
  content: "\f4ff"; }

.fa-user-plus::before {
  content: "\f234"; }

.fa-user-secret::before {
  content: "\f21b"; }

.fa-user-shield::before {
  content: "\f505"; }

.fa-user-slash::before {
  content: "\f506"; }

.fa-user-tag::before {
  content: "\f507"; }

.fa-user-tie::before {
  content: "\f508"; }

.fa-user-xmark::before {
  content: "\f235"; }

.fa-user-times::before {
  content: "\f235"; }

.fa-users::before {
  content: "\f0c0"; }

.fa-users-between-lines::before {
  content: "\e591"; }

.fa-users-gear::before {
  content: "\f509"; }

.fa-users-cog::before {
  content: "\f509"; }

.fa-users-line::before {
  content: "\e592"; }

.fa-users-rays::before {
  content: "\e593"; }

.fa-users-rectangle::before {
  content: "\e594"; }

.fa-users-slash::before {
  content: "\e073"; }

.fa-users-viewfinder::before {
  content: "\e595"; }

.fa-utensils::before {
  content: "\f2e7"; }

.fa-cutlery::before {
  content: "\f2e7"; }

.fa-v::before {
  content: "\56"; }

.fa-van-shuttle::before {
  content: "\f5b6"; }

.fa-shuttle-van::before {
  content: "\f5b6"; }

.fa-vault::before {
  content: "\e2c5"; }

.fa-vector-square::before {
  content: "\f5cb"; }

.fa-venus::before {
  content: "\f221"; }

.fa-venus-double::before {
  content: "\f226"; }

.fa-venus-mars::before {
  content: "\f228"; }

.fa-vest::before {
  content: "\e085"; }

.fa-vest-patches::before {
  content: "\e086"; }

.fa-vial::before {
  content: "\f492"; }

.fa-vial-circle-check::before {
  content: "\e596"; }

.fa-vial-virus::before {
  content: "\e597"; }

.fa-vials::before {
  content: "\f493"; }

.fa-video::before {
  content: "\f03d"; }

.fa-video-camera::before {
  content: "\f03d"; }

.fa-video-slash::before {
  content: "\f4e2"; }

.fa-vihara::before {
  content: "\f6a7"; }

.fa-virus::before {
  content: "\e074"; }

.fa-virus-covid::before {
  content: "\e4a8"; }

.fa-virus-covid-slash::before {
  content: "\e4a9"; }

.fa-virus-slash::before {
  content: "\e075"; }

.fa-viruses::before {
  content: "\e076"; }

.fa-voicemail::before {
  content: "\f897"; }

.fa-volcano::before {
  content: "\f770"; }

.fa-volleyball::before {
  content: "\f45f"; }

.fa-volleyball-ball::before {
  content: "\f45f"; }

.fa-volume-high::before {
  content: "\f028"; }

.fa-volume-up::before {
  content: "\f028"; }

.fa-volume-low::before {
  content: "\f027"; }

.fa-volume-down::before {
  content: "\f027"; }

.fa-volume-off::before {
  content: "\f026"; }

.fa-volume-xmark::before {
  content: "\f6a9"; }

.fa-volume-mute::before {
  content: "\f6a9"; }

.fa-volume-times::before {
  content: "\f6a9"; }

.fa-vr-cardboard::before {
  content: "\f729"; }

.fa-w::before {
  content: "\57"; }

.fa-walkie-talkie::before {
  content: "\f8ef"; }

.fa-wallet::before {
  content: "\f555"; }

.fa-wand-magic::before {
  content: "\f0d0"; }

.fa-magic::before {
  content: "\f0d0"; }

.fa-wand-magic-sparkles::before {
  content: "\e2ca"; }

.fa-magic-wand-sparkles::before {
  content: "\e2ca"; }

.fa-wand-sparkles::before {
  content: "\f72b"; }

.fa-warehouse::before {
  content: "\f494"; }

.fa-water::before {
  content: "\f773"; }

.fa-water-ladder::before {
  content: "\f5c5"; }

.fa-ladder-water::before {
  content: "\f5c5"; }

.fa-swimming-pool::before {
  content: "\f5c5"; }

.fa-wave-square::before {
  content: "\f83e"; }

.fa-weight-hanging::before {
  content: "\f5cd"; }

.fa-weight-scale::before {
  content: "\f496"; }

.fa-weight::before {
  content: "\f496"; }

.fa-wheat-awn::before {
  content: "\e2cd"; }

.fa-wheat-alt::before {
  content: "\e2cd"; }

.fa-wheat-awn-circle-exclamation::before {
  content: "\e598"; }

.fa-wheelchair::before {
  content: "\f193"; }

.fa-wheelchair-move::before {
  content: "\e2ce"; }

.fa-wheelchair-alt::before {
  content: "\e2ce"; }

.fa-whiskey-glass::before {
  content: "\f7a0"; }

.fa-glass-whiskey::before {
  content: "\f7a0"; }

.fa-wifi::before {
  content: "\f1eb"; }

.fa-wifi-3::before {
  content: "\f1eb"; }

.fa-wifi-strong::before {
  content: "\f1eb"; }

.fa-wind::before {
  content: "\f72e"; }

.fa-window-maximize::before {
  content: "\f2d0"; }

.fa-window-minimize::before {
  content: "\f2d1"; }

.fa-window-restore::before {
  content: "\f2d2"; }

.fa-wine-bottle::before {
  content: "\f72f"; }

.fa-wine-glass::before {
  content: "\f4e3"; }

.fa-wine-glass-empty::before {
  content: "\f5ce"; }

.fa-wine-glass-alt::before {
  content: "\f5ce"; }

.fa-won-sign::before {
  content: "\f159"; }

.fa-krw::before {
  content: "\f159"; }

.fa-won::before {
  content: "\f159"; }

.fa-worm::before {
  content: "\e599"; }

.fa-wrench::before {
  content: "\f0ad"; }

.fa-x::before {
  content: "\58"; }

.fa-x-ray::before {
  content: "\f497"; }

.fa-xmark::before {
  content: "\f00d"; }

.fa-close::before {
  content: "\f00d"; }

.fa-multiply::before {
  content: "\f00d"; }

.fa-remove::before {
  content: "\f00d"; }

.fa-times::before {
  content: "\f00d"; }

.fa-xmarks-lines::before {
  content: "\e59a"; }

.fa-y::before {
  content: "\59"; }

.fa-yen-sign::before {
  content: "\f157"; }

.fa-cny::before {
  content: "\f157"; }

.fa-jpy::before {
  content: "\f157"; }

.fa-rmb::before {
  content: "\f157"; }

.fa-yen::before {
  content: "\f157"; }

.fa-yin-yang::before {
  content: "\f6ad"; }

.fa-z::before {
  content: "\5a"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }
:root, :host {
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands';
  font-weight: normal; }

.fa-42-group:before {
  content: "\e080"; }

.fa-innosoft:before {
  content: "\e080"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-audible:before {
  content: "\f373"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-aws:before {
  content: "\f375"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bilibili:before {
  content: "\e3d9"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-bots:before {
  content: "\e340"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-cloudflare:before {
  content: "\e07d"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cmplid:before {
  content: "\e360"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envira:before {
  content: "\f299"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-figma:before {
  content: "\f799"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-fly:before {
  content: "\f417"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-flag:before {
  content: "\f2b4"; }

.fa-font-awesome-logo-full:before {
  content: "\f2b4"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golang:before {
  content: "\e40f"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guilded:before {
  content: "\e07e"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hashnode:before {
  content: "\e499"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-hive:before {
  content: "\e07f"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\e055"; }

.fa-instalod:before {
  content: "\e081"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-less:before {
  content: "\f41d"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f23a"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-nfc-directional:before {
  content: "\e530"; }

.fa-nfc-symbol:before {
  content: "\e531"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-octopus-deploy:before {
  content: "\e082"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-padlet:before {
  content: "\e4a0"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-perbyte:before {
  content: "\e083"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-square:before {
  content: "\e01e"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pix:before {
  content: "\e43a"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-screenpal:before {
  content: "\e570"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sith:before {
  content: "\f512"; }

.fa-sitrox:before {
  content: "\e44a"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f198"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ab"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-square-font-awesome:before {
  content: "\f425"; }

.fa-square-font-awesome-stroke:before {
  content: "\f35c"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f2c6"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-uncharted:before {
  content: "\e084"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-unity:before {
  content: "\e049"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-viber:before {
  content: "\f409"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-watchman-monitoring:before {
  content: "\e087"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wirsindhandwerk:before {
  content: "\e2d0"; }

.fa-wsh:before {
  content: "\e2d0"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wodu:before {
  content: "\e088"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }
:root, :host {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); 
  font-display: swap; /*----> the fix!*/
}

.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free';
  font-weight: normal; }
:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
font-display: swap; /*----> the fix!*/
}

.fas,
.fa-solid {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900; }
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: normal;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); 
font-display: swap; /*----> the fix!*/
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); 
  font-display: swap; /*----> the fix!*/
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: normal;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); 
font-display: swap; /*----> the fix!*/
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); font-display: swap; /*----> the fix!*/
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); 
font-display: swap; /*----> the fix!*/
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; 
font-display: swap; /*----> the fix!*/
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F250,U+F252,U+F27A; 
font-display: swap; /*----> the fix!*/
}


/*!******************************!*\ 
!***  id : kms-CSS-20
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/bb-icons.2.2.3.css
\**********************************/

/*!
 * BuddyBoss Icon 1.0.0 - https://buddyboss.com
 * License - MIT
 * Copyright 2022
 */
@font-face {
  font-family: bb-icons;
  src: url('../webfonts/bb-icons/round-lined%EF%B9%961663929374.eot');
  src: url('../webfonts/bb-icons/round-lined%EF%B9%961663929374.eot#iefix') format('embedded-opentype'), url('../webfonts/bb-icons/round-lined%EF%B9%961663929374.woff2') format('woff2'), url('../webfonts/bb-icons/round-lined%EF%B9%961663929374.woff') format('woff'), url('../webfonts/bb-icons/round-lined%EF%B9%961663929374.ttf') format('truetype'), url('../webfonts/bb-icons/round-lined.svg%EF%B9%961663929374.html#round-lined') format('svg');
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: bb-icons;
  src: url('../webfonts/bb-icons/round-filled%EF%B9%961663929374.eot');
  src: url('../webfonts/bb-icons/round-filled%EF%B9%961663929374.eot#iefix') format('embedded-opentype'), url('../webfonts/bb-icons/round-filled%EF%B9%961663929374.woff2') format('woff2'), url('../webfonts/bb-icons/round-filled%EF%B9%961663929374.woff') format('woff'), url('../webfonts/bb-icons/round-filled%EF%B9%961663929374.ttf') format('truetype'), url('../webfonts/bb-icons/round-filled.svg%EF%B9%961663929374.html#round-lined') format('svg');
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: bb-icons;
  src: url('../webfonts/bb-icons/filled%EF%B9%961663929374.eot');
  src: url('../webfonts/bb-icons/filled%EF%B9%961663929374.eot#iefix') format('embedded-opentype'), url('../webfonts/bb-icons/filled%EF%B9%961663929374.woff2') format('woff2'), url('../webfonts/bb-icons/filled%EF%B9%961663929374.woff') format('woff'), url('../webfonts/bb-icons/filled%EF%B9%961663929374.ttf') format('truetype'), url('../webfonts/bb-icons/filled.svg%EF%B9%961663929374.html#round-lined') format('svg');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: bb-icons;
  src: url('../webfonts/bb-icons/lined%EF%B9%961663929374.eot');
  src: url('../webfonts/bb-icons/lined%EF%B9%961663929374.eot#iefix') format('embedded-opentype'), url('../webfonts/bb-icons/lined%EF%B9%961663929374.woff2') format('woff2'), url('../webfonts/bb-icons/lined%EF%B9%961663929374.woff') format('woff'), url('../webfonts/bb-icons/lined%EF%B9%961663929374.ttf') format('truetype'), url('../webfonts/bb-icons/lined.svg%EF%B9%961663929374.html#round-lined') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: bb-icons;
  src: url('../webfonts/bb-icons/box-lined%EF%B9%961663929374.eot');
  src: url('../webfonts/bb-icons/box-lined%EF%B9%961663929374.eot#iefix') format('embedded-opentype'), url('../webfonts/bb-icons/box-lined%EF%B9%961663929374.woff2') format('woff2'), url('../webfonts/bb-icons/box-lined%EF%B9%961663929374.woff') format('woff'), url('../webfonts/bb-icons/box-lined%EF%B9%961663929374.ttf') format('truetype'), url('../webfonts/bb-icons/box-lined.svg%EF%B9%961663929374.html#round-lined') format('svg');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: bb-icons;
  src: url('../webfonts/bb-icons/box-filled%EF%B9%961663929374.eot');
  src: url('../webfonts/bb-icons/box-filled%EF%B9%961663929374.eot#iefix') format('embedded-opentype'), url('../webfonts/bb-icons/box-filled%EF%B9%961663929374.woff2') format('woff2'), url('../webfonts/bb-icons/box-filled%EF%B9%961663929374.woff') format('woff'), url('../webfonts/bb-icons/box-filled%EF%B9%961663929374.ttf') format('truetype'), url('../webfonts/bb-icons/box-filled.svg%EF%B9%961663929374.html#round-lined') format('svg');
  font-weight: 600;
  font-style: normal
}

[class*=" bb-icon-"]:before,
[class^=bb-icon-]:before {
  font-family: bb-icons;
  font-style: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  
  /*
  width: 1em;
  margin-right: .2em;
  line-height: 1em;
  margin-left: .2em;
  */
  
  text-align: center;
  font-variant: normal;
  text-transform: none;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bb-icon-rl,
.bb-icon-round-lined {
  font-family: bb-icons;
  font-weight: 100
}

.bb-icon-rf,
.bb-icon-round-filled {
  font-family: bb-icons;
  font-weight: 200
}

.bb-icon-f,
.bb-icon-filled {
  font-family: bb-icons;
  font-weight: 300
}

.bb-icon-l,
.bb-icon-lined {
  font-family: bb-icons;
  font-weight: 400
}

.bb-icon-bl,
.bb-icon-box-lined {
  font-family: bb-icons;
  font-weight: 500
}

.bb-icon-bf,
.bb-icon-box-filled {
  font-family: bb-icons;
  font-weight: 600
}

.bb-icon-brand-meetup:before {
  content: '\e800'
}

.bb-icon-ball-soccer:before {
  content: '\e801'
}

.bb-icon-brand-onesignal:before {
  content: '\e802'
}

.bb-icon-calendar:before {
  content: '\e803'
}

.bb-icon-thumbtack:before {
  content: '\e804'
}

.bb-icon-award-slash:before {
  content: '\e805'
}

.bb-icon-car-small:before {
  content: '\e806'
}

.bb-icon-brand-facebook-f:before {
  content: '\e807'
}

.bb-icon-angle-down:before {
  content: '\e826'
}

.bb-icon-angle-right:before {
  content: '\e827'
}

.bb-icon-times:before {
  content: '\e828'
}

.bb-icon-activity:before {
  content: '\e854'
}

.bb-icon-question-triangle:before {
  content: '\e855'
}

.bb-icon-align-center:before {
  content: '\e856'
}

.bb-icon-airplay:before {
  content: '\e857'
}

.bb-icon-align-justify:before {
  content: '\e858'
}

.bb-icon-align-left:before {
  content: '\e859'
}

.bb-icon-align-right:before {
  content: '\e85a'
}

.bb-icon-anchor:before {
  content: '\e85d'
}

.bb-icon-brand-aperture:before {
  content: '\e85e'
}

.bb-icon-arrow-left:before {
  content: '\e85f'
}

.bb-icon-arrow-right:before {
  content: '\e860'
}

.bb-icon-arrow-down:before {
  content: '\e861'
}

.bb-icon-arrow-up:before {
  content: '\e864'
}

.bb-icon-award:before {
  content: '\e865'
}

.bb-icon-at:before {
  content: '\e867'
}

.bb-icon-chart-bar-v:before {
  content: '\e868'
}

.bb-icon-battery:before {
  content: '\e869'
}

.bb-icon-bell-slash:before {
  content: '\e86a'
}

.bb-icon-battery-empty:before {
  content: '\e86b'
}

.bb-icon-bluetooth:before {
  content: '\e86c'
}

.bb-icon-bell:before {
  content: '\e86d'
}

.bb-icon-book:before {
  content: '\e86e'
}

.bb-icon-briefcase:before {
  content: '\e86f'
}

.bb-icon-camera-slash:before {
  content: '\e870'
}

.bb-icon-bookmark:before {
  content: '\e872'
}

.bb-icon-cube:before {
  content: '\e873'
}

.bb-icon-checkbox:before {
  content: '\e875'
}

.bb-icon-check:before {
  content: '\e876'
}

.bb-icon-cast:before {
  content: '\e878'
}

.bb-icon-angle-up:before {
  content: '\e87c'
}

.bb-icon-angle-double-down:before {
  content: '\e87d'
}

.bb-icon-angle-double-right:before {
  content: '\e87e'
}

.bb-icon-angle-double-up:before {
  content: '\e87f'
}

.bb-icon-angle-double-left:before {
  content: '\e880'
}

.bb-icon-circle:before {
  content: '\e881'
}

.bb-icon-clipboard:before {
  content: '\e882'
}

.bb-icon-brand-chrome:before {
  content: '\e883'
}

.bb-icon-clock:before {
  content: '\e884'
}

.bb-icon-cloud-lightning:before {
  content: '\e885'
}

.bb-icon-cloud-drizzle:before {
  content: '\e886'
}

.bb-icon-cloud-slash:before {
  content: '\e888'
}

.bb-icon-cloud-download:before {
  content: '\e889'
}

.bb-icon-sidebar:before {
  content: '\e8a0'
}

.bb-icon-bell-plus:before {
  content: '\e8a5'
}

.bb-icon-angle-left:before {
  content: '\e8ab'
}

.bb-icon-cloud:before {
  content: '\e945'
}

.bb-icon-bold:before {
  content: '\e94a'
}

.bb-icon-users:before {
  content: '\e95d'
}

.bb-icon-comment-activity:before {
  content: '\e967'
}

.bb-icon-book-open:before {
  content: '\e96f'
}

.bb-icon-certificate:before {
  content: '\e975'
}

.bb-icon-box:before {
  content: '\e976'
}

.bb-icon-browser-code:before {
  content: '\e977'
}

.bb-icon-comment:before {
  content: '\e979'
}

.bb-icon-file-attach:before {
  content: '\e980'
}

.bb-icon-attach:before {
  content: '\e9e6'
}

.bb-icon-upload:before {
  content: '\e9e8'
}

.bb-icon-thumbtack-star:before {
  content: '\e9e9'
}

.bb-icon-brand-bunnynet:before {
  content: '\e9ea'
}

.bb-icon-hand-pointer:before {
  content: '\e9ec'
}

.bb-icon-image-plus:before {
  content: '\e9ed'
}

.bb-icon-minimize:before {
  content: '\e9ee'
}

.bb-icon-spinner-alt:before {
  content: '\e9ef'
}

.bb-icon-picture-in-picture:before {
  content: '\e9f0'
}

.bb-icon-video-plus:before {
  content: '\e9f1'
}

.bb-icon-cart-slash:before {
  content: '\e9f2'
}

.bb-icon-brand-intercom:before {
  content: '\e9f3'
}

.bb-icon-cloud-check:before {
  content: '\e9f4'
}

.bb-icon-cloud-exclamation:before {
  content: '\e9f5'
}

.bb-icon-cloud-times:before {
  content: '\e9f6'
}

.bb-icon-crown:before {
  content: '\e9f7'
}

.bb-icon-emoticon-confused:before {
  content: '\e9f8'
}

.bb-icon-folder-download:before {
  content: '\e9f9'
}

.bb-icon-folder-move:before {
  content: '\e9fa'
}

.bb-icon-folder-upload:before {
  content: '\e9fb'
}

.bb-icon-grip-h:before {
  content: '\e9fc'
}

.bb-icon-grip-v:before {
  content: '\e9fd'
}

.bb-icon-image-move:before {
  content: '\e9fe'
}

.bb-icon-mobile-slash:before {
  content: '\e9ff'
}

.bb-icon-split:before {
  content: '\ea00'
}

.bb-icon-star-slash:before {
  content: '\ea01'
}

.bb-icon-stopwatch:before {
  content: '\ea02'
}

.bb-icon-strikethrough:before {
  content: '\ea03'
}

.bb-icon-trophy-slash:before {
  content: '\ea04'
}

.bb-icon-u-turn-down:before {
  content: '\ea05'
}

.bb-icon-u-turn-left:before {
  content: '\ea06'
}

.bb-icon-u-turn-right:before {
  content: '\ea07'
}

.bb-icon-u-turn-up:before {
  content: '\ea08'
}

.bb-icon-user-arrow-down:before {
  content: '\ea09'
}

.bb-icon-user-arrow-up:before {
  content: '\ea0a'
}

.bb-icon-user-crown:before {
  content: '\ea0b'
}

.bb-icon-user-friends-plus:before {
  content: '\ea0c'
}

.bb-icon-file-article:before {
  content: '\ea0d'
}

.bb-icon-globe-alt:before {
  content: '\ea0e'
}

.bb-icon-newspaper:before {
  content: '\ea0f'
}

.bb-icon-user-cancel:before {
  content: '\ea10'
}

.bb-icon-user-info:before {
  content: '\ea11'
}

.bb-icon-activity-slash:before {
  content: '\ed90'
}

.bb-icon-address-book:before {
  content: '\ed91'
}

.bb-icon-alarm:before {
  content: '\ed93'
}

.bb-icon-album:before {
  content: '\ed94'
}

.bb-icon-arrows:before {
  content: '\eda5'
}

.bb-icon-arrows-h:before {
  content: '\eda6'
}

.bb-icon-arrows-v:before {
  content: '\eda7'
}

.bb-icon-article:before {
  content: '\eda9'
}

.bb-icon-article-slash:before {
  content: '\edaa'
}

.bb-icon-asterisk:before {
  content: '\edab'
}

.bb-icon-audio-description:before {
  content: '\edad'
}

.bb-icon-backward:before {
  content: '\edaf'
}

.bb-icon-brand-memberpress:before {
  content: '\edb0'
}

.bb-icon-bars:before {
  content: '\edb1'
}

.bb-icon-bars-2:before {
  content: '\edb2'
}

.bb-icon-battery-full:before {
  content: '\edb5'
}

.bb-icon-battery-half:before {
  content: '\edb6'
}

.bb-icon-battery-quarter:before {
  content: '\edb7'
}

.bb-icon-battery-slash:before {
  content: '\edb8'
}

.bb-icon-battery-three-quarters:before {
  content: '\edb9'
}

.bb-icon-bolt:before {
  content: '\edbf'
}

.bb-icon-books:before {
  content: '\edc3'
}

.bb-icon-brand-android:before {
  content: '\edc5'
}

.bb-icon-brand-apple:before {
  content: '\edc7'
}

.bb-icon-brand-buddyboss:before {
  content: '\edc8'
}

.bb-icon-brand-buddyboss-app:before {
  content: '\edc9'
}

.bb-icon-brand-buddyboss-bolt:before {
  content: '\edca'
}

.bb-icon-brand-buddypress:before {
  content: '\edcb'
}

.bb-icon-brand-clubhouse:before {
  content: '\edcd'
}

.bb-icon-brand-codepen:before {
  content: '\edce'
}

.bb-icon-brand-dribbble:before {
  content: '\edcf'
}

.bb-icon-brand-edge:before {
  content: '\edd0'
}

.bb-icon-brand-elementor:before {
  content: '\edd1'
}

.bb-icon-brand-facebook:before {
  content: '\edd2'
}

.bb-icon-brand-firefox:before {
  content: '\edd3'
}

.bb-icon-brand-flickr:before {
  content: '\edd4'
}

.bb-icon-brand-gamipress:before {
  content: '\edd5'
}

.bb-icon-brand-github:before {
  content: '\edd6'
}

.bb-icon-brand-google:before {
  content: '\edd7'
}

.bb-icon-brand-gitlab:before {
  content: '\edd8'
}

.bb-icon-brand-google-admob:before {
  content: '\edd9'
}

.bb-icon-brand-google-firebase:before {
  content: '\edda'
}

.bb-icon-brand-google-fonts:before {
  content: '\eddb'
}

.bb-icon-brand-instagram:before {
  content: '\eddc'
}

.bb-icon-brand-learndash:before {
  content: '\eddd'
}

.bb-icon-brand-lifterlms:before {
  content: '\edde'
}

.bb-icon-brand-linkedin:before {
  content: '\eddf'
}

.bb-icon-brand-medium:before {
  content: '\ede0'
}

.bb-icon-brand-paidmembershipspro:before {
  content: '\ede4'
}

.bb-icon-brand-pinterest:before {
  content: '\ede5'
}

.bb-icon-brand-pusher:before {
  content: '\ede6'
}

.bb-icon-brand-quora:before {
  content: '\ede7'
}

.bb-icon-brand-reddit:before {
  content: '\ede8'
}

.bb-icon-brand-restrictcontentpro:before {
  content: '\ede9'
}

.bb-icon-brand-safari:before {
  content: '\edea'
}

.bb-icon-brand-skype:before {
  content: '\edeb'
}

.bb-icon-brand-snapchat:before {
  content: '\edec'
}

.bb-icon-brand-slack:before {
  content: '\eded'
}

.bb-icon-brand-spotify:before {
  content: '\edee'
}

.bb-icon-brand-telegram:before {
  content: '\edef'
}

.bb-icon-brand-tiktok:before {
  content: '\edf0'
}

.bb-icon-brand-tumblr:before {
  content: '\edf1'
}

.bb-icon-brand-tutorlms:before {
  content: '\edf2'
}

.bb-icon-brand-twitch:before {
  content: '\edf3'
}

.bb-icon-brand-twitter:before {
  content: '\edf4'
}

.bb-icon-brand-vimeo:before {
  content: '\edf5'
}

.bb-icon-brand-vk:before {
  content: '\edf6'
}

.bb-icon-brand-whatsapp:before {
  content: '\edf7'
}

.bb-icon-brand-wishlistmember:before {
  content: '\edf8'
}

.bb-icon-brand-woocommerce:before {
  content: '\edf9'
}

.bb-icon-brand-wordpress:before {
  content: '\edfa'
}

.bb-icon-brand-xing:before {
  content: '\edfb'
}

.bb-icon-brand-youtube:before {
  content: '\edfc'
}

.bb-icon-brand-zoom:before {
  content: '\edfd'
}

.bb-icon-browser:before {
  content: '\edff'
}

.bb-icon-browser-terminal:before {
  content: '\ee01'
}

.bb-icon-bug:before {
  content: '\ee02'
}

.bb-icon-bullhorn:before {
  content: '\ee03'
}

.bb-icon-bullseye:before {
  content: '\ee04'
}

.bb-icon-lightbulb:before {
  content: '\ee05'
}

.bb-icon-camera:before {
  content: '\ee06'
}

.bb-icon-cancel:before {
  content: '\ee08'
}

.bb-icon-caret-down:before {
  content: '\ee09'
}

.bb-icon-caret-left:before {
  content: '\ee0a'
}

.bb-icon-caret-right:before {
  content: '\ee0b'
}

.bb-icon-caret-up:before {
  content: '\ee0c'
}

.bb-icon-chart-area:before {
  content: '\ee10'
}

.bb-icon-chart-bar-h:before {
  content: '\ee11'
}

.bb-icon-chart-bar-trending:before {
  content: '\ee12'
}

.bb-icon-chart-line:before {
  content: '\ee14'
}

.bb-icon-chart-pie:before {
  content: '\ee15'
}

.bb-icon-closed-capitioning:before {
  content: '\ee1b'
}

.bb-icon-cloud-rain:before {
  content: '\ee20'
}

.bb-icon-cloud-snow:before {
  content: '\ee22'
}

.bb-icon-cloud-sync:before {
  content: '\ee23'
}

.bb-icon-cloud-upload:before {
  content: '\ee24'
}

.bb-icon-code:before {
  content: '\ee25'
}

.bb-icon-code-branch:before {
  content: '\ee26'
}

.bb-icon-cog:before {
  content: '\ee27'
}

.bb-icon-cogs:before {
  content: '\ee28'
}

.bb-icon-coin:before {
  content: '\ee29'
}

.bb-icon-coins:before {
  content: '\ee2a'
}

.bb-icon-columns:before {
  content: '\ee2b'
}

.bb-icon-command:before {
  content: '\ee2c'
}

.bb-icon-comment-dots:before {
  content: '\ee2f'
}

.bb-icon-comment-notification:before {
  content: '\ee30'
}

.bb-icon-comments:before {
  content: '\ee31'
}

.bb-icon-comment-slash:before {
  content: '\ee32'
}

.bb-icon-comment-square:before {
  content: '\ee33'
}

.bb-icon-comment-square-dots:before {
  content: '\ee34'
}

.bb-icon-comment-square-slash:before {
  content: '\ee35'
}

.bb-icon-comments-slash:before {
  content: '\ee36'
}

.bb-icon-comments-square:before {
  content: '\ee37'
}

.bb-icon-comments-square-slash:before {
  content: '\ee38'
}

.bb-icon-compass:before {
  content: '\ee39'
}

.bb-icon-compress:before {
  content: '\ee3a'
}

.bb-icon-copy:before {
  content: '\ee3b'
}

.bb-icon-copyright:before {
  content: '\ee3c'
}

.bb-icon-corner-left:before {
  content: '\ee3d'
}

.bb-icon-corner-right:before {
  content: '\ee3e'
}

.bb-icon-course:before {
  content: '\ee3f'
}

.bb-icon-course-slash:before {
  content: '\ee40'
}

.bb-icon-cpu:before {
  content: '\ee41'
}

.bb-icon-credit-card:before {
  content: '\ee42'
}

.bb-icon-crop:before {
  content: '\ee43'
}

.bb-icon-crosshairs:before {
  content: '\ee44'
}

.bb-icon-currency-bitcoin:before {
  content: '\ee46'
}

.bb-icon-currency-crypto:before {
  content: '\ee47'
}

.bb-icon-currency-dollar:before {
  content: '\ee48'
}

.bb-icon-currency-euro:before {
  content: '\ee49'
}

.bb-icon-currency-lira:before {
  content: '\ee4a'
}

.bb-icon-currency-peso:before {
  content: '\ee4b'
}

.bb-icon-currency-pound:before {
  content: '\ee4c'
}

.bb-icon-currency-ruble:before {
  content: '\ee4d'
}

.bb-icon-currency-rupee:before {
  content: '\ee4e'
}

.bb-icon-currency-won:before {
  content: '\ee4f'
}

.bb-icon-currency-yen:before {
  content: '\ee50'
}

.bb-icon-cut:before {
  content: '\ee51'
}

.bb-icon-database:before {
  content: '\ee52'
}

.bb-icon-delete-tag:before {
  content: '\ee53'
}

.bb-icon-desktop:before {
  content: '\ee54'
}

.bb-icon-divide:before {
  content: '\ee55'
}

.bb-icon-dot-circle:before {
  content: '\ee56'
}

.bb-icon-download:before {
  content: '\ee57'
}

.bb-icon-droplet:before {
  content: '\ee58'
}

.bb-icon-duplicate:before {
  content: '\ee59'
}

.bb-icon-edit:before {
  content: '\ee5a'
}

.bb-icon-eject:before {
  content: '\ee5b'
}

.bb-icon-ellipsis-h:before {
  content: '\ee5c'
}

.bb-icon-ellipsis-v:before {
  content: '\ee5d'
}

.bb-icon-emoticon-frown:before {
  content: '\ee5e'
}

.bb-icon-emoticon-smile:before {
  content: '\ee5f'
}

.bb-icon-emoticon-wink:before {
  content: '\ee60'
}

.bb-icon-emotion-laugh:before {
  content: '\ee61'
}

.bb-icon-envelope:before {
  content: '\ee62'
}

.bb-icon-envelope-open:before {
  content: '\ee63'
}

.bb-icon-exchange:before {
  content: '\ee64'
}

.bb-icon-exclamation:before {
  content: '\ee65'
}

.bb-icon-exclamation-triangle:before {
  content: '\ee66'
}

.bb-icon-expand:before {
  content: '\ee67'
}

.bb-icon-external-link:before {
  content: '\ee68'
}

.bb-icon-eye:before {
  content: '\ee69'
}

.bb-icon-eye-slash:before {
  content: '\ee6a'
}

.bb-icon-fast-backward:before {
  content: '\ee6b'
}

.bb-icon-fast-forward:before {
  content: '\ee6c'
}

.bb-icon-feather:before {
  content: '\ee6d'
}

.bb-icon-file:before {
  content: '\ee6e'
}

.bb-icon-file-album:before {
  content: '\ee6f'
}

.bb-icon-file-archive:before {
  content: '\ee70'
}

.bb-icon-file-audio:before {
  content: '\ee72'
}

.bb-icon-file-bookmark:before {
  content: '\ee73'
}

.bb-icon-file-checklist:before {
  content: '\ee74'
}

.bb-icon-file-cloud:before {
  content: '\ee75'
}

.bb-icon-file-code:before {
  content: '\ee76'
}

.bb-icon-file-contact:before {
  content: '\ee77'
}

.bb-icon-file-css:before {
  content: '\ee78'
}

.bb-icon-file-design:before {
  content: '\ee79'
}

.bb-icon-file-doc:before {
  content: '\ee7a'
}

.bb-icon-file-dollar:before {
  content: '\ee7b'
}

.bb-icon-file-download:before {
  content: '\ee7c'
}

.bb-icon-file-excel:before {
  content: '\ee7d'
}

.bb-icon-file-exclamation:before {
  content: '\ee7e'
}

.bb-icon-file-export:before {
  content: '\ee7f'
}

.bb-icon-file-font:before {
  content: '\ee80'
}

.bb-icon-file-gif:before {
  content: '\ee81'
}

.bb-icon-file-globe:before {
  content: '\ee82'
}

.bb-icon-file-image:before {
  content: '\ee83'
}

.bb-icon-file-import:before {
  content: '\ee84'
}

.bb-icon-file-info:before {
  content: '\ee85'
}

.bb-icon-file-list:before {
  content: '\ee86'
}

.bb-icon-file-list-numeric:before {
  content: '\ee87'
}

.bb-icon-file-minus:before {
  content: '\ee88'
}

.bb-icon-file-mobile:before {
  content: '\ee89'
}

.bb-icon-file-pdf:before {
  content: '\ee8a'
}

.bb-icon-file-plus:before {
  content: '\ee8b'
}

.bb-icon-file-powerpoint:before {
  content: '\ee8c'
}

.bb-icon-file-presentation:before {
  content: '\ee8d'
}

.bb-icon-file-question:before {
  content: '\ee8e'
}

.bb-icon-file-rss:before {
  content: '\ee8f'
}

.bb-icon-file-share:before {
  content: '\ee90'
}

.bb-icon-file-signature:before {
  content: '\ee91'
}

.bb-icon-file-spreadsheet:before {
  content: '\ee92'
}

.bb-icon-file-text:before {
  content: '\ee93'
}

.bb-icon-file-times:before {
  content: '\ee94'
}

.bb-icon-file-upload:before {
  content: '\ee95'
}

.bb-icon-file-vector:before {
  content: '\ee96'
}

.bb-icon-file-video:before {
  content: '\ee97'
}

.bb-icon-file-word:before {
  content: '\ee98'
}

.bb-icon-film:before {
  content: '\ee99'
}

.bb-icon-filter:before {
  content: '\ee9a'
}

.bb-icon-filter-alt:before {
  content: '\ee9b'
}

.bb-icon-flag:before {
  content: '\ee9c'
}

.bb-icon-flask:before {
  content: '\ee9d'
}

.bb-icon-folder:before {
  content: '\ee9e'
}

.bb-icon-folder-alt:before {
  content: '\ee9f'
}

.bb-icon-folder-alt-slash:before {
  content: '\eea0'
}

.bb-icon-folder-open:before {
  content: '\eea1'
}

.bb-icon-folder-plus:before {
  content: '\eea2'
}

.bb-icon-folder-slash:before {
  content: '\eea3'
}

.bb-icon-font:before {
  content: '\eea4'
}

.bb-icon-forest:before {
  content: '\eea5'
}

.bb-icon-forward:before {
  content: '\eea6'
}

.bb-icon-gem:before {
  content: '\eea7'
}

.bb-icon-gif:before {
  content: '\eea8'
}

.bb-icon-gift:before {
  content: '\eea9'
}

.bb-icon-globe:before {
  content: '\eeaa'
}

.bb-icon-globe-layers:before {
  content: '\eeab'
}

.bb-icon-graduation-cap:before {
  content: '\eeac'
}

.bb-icon-grid-large:before {
  content: '\eead'
}

.bb-icon-grid-small:before {
  content: '\eeae'
}

.bb-icon-hashtag:before {
  content: '\eeaf'
}

.bb-icon-heading:before {
  content: '\eeb0'
}

.bb-icon-headphones:before {
  content: '\eeb1'
}

.bb-icon-heart:before {
  content: '\eeb2'
}

.bb-icon-home:before {
  content: '\eeb3'
}

.bb-icon-image:before {
  content: '\eeb4'
}

.bb-icon-images:before {
  content: '\eeb5'
}

.bb-icon-image-slash:before {
  content: '\eeb6'
}

.bb-icon-images-slash:before {
  content: '\eeb7'
}

.bb-icon-image-video:before {
  content: '\eeb8'
}

.bb-icon-image-video-slash:before {
  content: '\eeb9'
}

.bb-icon-inbox:before {
  content: '\eeba'
}

.bb-icon-indent:before {
  content: '\eebb'
}

.bb-icon-info:before {
  content: '\eebc'
}

.bb-icon-info-triangle:before {
  content: '\eebd'
}

.bb-icon-italic:before {
  content: '\eebe'
}

.bb-icon-key:before {
  content: '\eebf'
}

.bb-icon-keyboard:before {
  content: '\eec0'
}

.bb-icon-key-slash:before {
  content: '\eec1'
}

.bb-icon-laptop:before {
  content: '\eec2'
}

.bb-icon-layers:before {
  content: '\eec3'
}

.bb-icon-less-than:before {
  content: '\eec4'
}

.bb-icon-less-than-equal:before {
  content: '\eec5'
}

.bb-icon-life-ring:before {
  content: '\eec6'
}

.bb-icon-link:before {
  content: '\eec8'
}

.bb-icon-list:before {
  content: '\eec9'
}

.bb-icon-list-number:before {
  content: '\eeca'
}

.bb-icon-location-arrow:before {
  content: '\eecb'
}

.bb-icon-lock:before {
  content: '\eecc'
}

.bb-icon-lock-alt:before {
  content: '\eecd'
}

.bb-icon-lock-alt-open:before {
  content: '\eece'
}

.bb-icon-lock-open:before {
  content: '\eecf'
}

.bb-icon-map:before {
  content: '\eed0'
}

.bb-icon-map-marker:before {
  content: '\eed1'
}

.bb-icon-marketplace:before {
  content: '\eed2'
}

.bb-icon-maximize:before {
  content: '\eed3'
}

.bb-icon-membership-card:before {
  content: '\eed4'
}

.bb-icon-merge:before {
  content: '\eed5'
}

.bb-icon-microphone:before {
  content: '\eed6'
}

.bb-icon-microphone-slash:before {
  content: '\eed7'
}

.bb-icon-minus:before {
  content: '\eed8'
}

.bb-icon-mobile:before {
  content: '\eed9'
}

.bb-icon-money:before {
  content: '\eeda'
}

.bb-icon-moon:before {
  content: '\eedb'
}

.bb-icon-more-than:before {
  content: '\eedc'
}

.bb-icon-more-than-equal:before {
  content: '\eedd'
}

.bb-icon-mouse-pointer:before {
  content: '\eede'
}

.bb-icon-music:before {
  content: '\eedf'
}

.bb-icon-music-note:before {
  content: '\eee0'
}

.bb-icon-music-note-slash:before {
  content: '\eee1'
}

.bb-icon-music-slash:before {
  content: '\eee2'
}

.bb-icon-outdent:before {
  content: '\eee3'
}

.bb-icon-oxtagon:before {
  content: '\eee4'
}

.bb-icon-package:before {
  content: '\eee5'
}

.bb-icon-paperclip:before {
  content: '\eee6'
}

.bb-icon-paper-plane:before {
  content: '\eee7'
}

.bb-icon-paragraph:before {
  content: '\eee8'
}

.bb-icon-paste:before {
  content: '\eee9'
}

.bb-icon-pause:before {
  content: '\eeea'
}

.bb-icon-pen:before {
  content: '\eeeb'
}

.bb-icon-pencil:before {
  content: '\eeec'
}

.bb-icon-percentage:before {
  content: '\eeed'
}

.bb-icon-phone:before {
  content: '\eeee'
}

.bb-icon-phone-call:before {
  content: '\eeef'
}

.bb-icon-phone-forwarded:before {
  content: '\eef0'
}

.bb-icon-phone-incoming:before {
  content: '\eef1'
}

.bb-icon-phone-missed:before {
  content: '\eef2'
}

.bb-icon-phone-slash:before {
  content: '\eef3'
}

.bb-icon-pin:before {
  content: '\eef4'
}

.bb-icon-pin-star:before {
  content: '\eef5'
}

.bb-icon-pizza-slice:before {
  content: '\eef6'
}

.bb-icon-play:before {
  content: '\eef7'
}

.bb-icon-plug:before {
  content: '\eef8'
}

.bb-icon-plus:before {
  content: '\eef9'
}

.bb-icon-pocket:before {
  content: '\eefa'
}

.bb-icon-poll:before {
  content: '\eefb'
}

.bb-icon-poll-h:before {
  content: '\eefc'
}

.bb-icon-power-on:before {
  content: '\eefd'
}

.bb-icon-printer:before {
  content: '\eefe'
}

.bb-icon-question:before {
  content: '\eeff'
}

.bb-icon-quiz:before {
  content: '\ef01'
}

.bb-icon-quote-left:before {
  content: '\ef02'
}

.bb-icon-quote-right:before {
  content: '\ef03'
}

.bb-icon-radio:before {
  content: '\ef04'
}

.bb-icon-random:before {
  content: '\ef05'
}

.bb-icon-receipt:before {
  content: '\ef06'
}

.bb-icon-redo:before {
  content: '\ef07'
}

.bb-icon-registered:before {
  content: '\ef08'
}

.bb-icon-repeat:before {
  content: '\ef09'
}

.bb-icon-reply:before {
  content: '\ef0a'
}

.bb-icon-reply-all:before {
  content: '\ef0b'
}

.bb-icon-rocket:before {
  content: '\ef0c'
}

.bb-icon-rss:before {
  content: '\ef0d'
}

.bb-icon-save:before {
  content: '\ef0e'
}

.bb-icon-scissors:before {
  content: '\ef0f'
}

.bb-icon-search:before {
  content: '\ef10'
}

.bb-icon-search-minus:before {
  content: '\ef11'
}

.bb-icon-search-plus:before {
  content: '\ef12'
}

.bb-icon-server:before {
  content: '\ef13'
}

.bb-icon-share:before {
  content: '\ef14'
}

.bb-icon-share-dots:before {
  content: '\ef15'
}

.bb-icon-share-square:before {
  content: '\ef16'
}

.bb-icon-shield:before {
  content: '\ef17'
}

.bb-icon-shield-half:before {
  content: '\ef18'
}

.bb-icon-shopping-bag:before {
  content: '\ef19'
}

.bb-icon-shopping-basket:before {
  content: '\ef1a'
}

.bb-icon-shopping-cart:before {
  content: '\ef1b'
}

.bb-icon-signal-1:before {
  content: '\ef1d'
}

.bb-icon-signal-2:before {
  content: '\ef1e'
}

.bb-icon-signal-3:before {
  content: '\ef1f'
}

.bb-icon-signal-full:before {
  content: '\ef20'
}

.bb-icon-signal-slash:before {
  content: '\ef21'
}

.bb-icon-sign-in:before {
  content: '\ef22'
}

.bb-icon-sign-out:before {
  content: '\ef23'
}

.bb-icon-sliders-h:before {
  content: '\ef24'
}

.bb-icon-sliders-v:before {
  content: '\ef25'
}

.bb-icon-sort:before {
  content: '\ef26'
}

.bb-icon-sort-alpha-down:before {
  content: '\ef27'
}

.bb-icon-sort-alpha-up:before {
  content: '\ef28'
}

.bb-icon-sort-amount-down:before {
  content: '\ef29'
}

.bb-icon-sort-amount-up:before {
  content: '\ef2a'
}

.bb-icon-sort-down:before {
  content: '\ef2b'
}

.bb-icon-sort-numeric-down:before {
  content: '\ef2c'
}

.bb-icon-sort-numeric-up:before {
  content: '\ef2d'
}

.bb-icon-sort-up:before {
  content: '\ef2e'
}

.bb-icon-speaker:before {
  content: '\ef2f'
}

.bb-icon-spinner:before {
  content: '\ef30'
}

.bb-icon-spinner-third:before {
  content: '\ef31'
}

.bb-icon-star:before {
  content: '\ef32'
}

.bb-icon-star-half:before {
  content: '\ef33'
}

.bb-icon-step-backward:before {
  content: '\ef34'
}

.bb-icon-step-forward:before {
  content: '\ef35'
}

.bb-icon-stop:before {
  content: '\ef36'
}

.bb-icon-sun:before {
  content: '\ef37'
}

.bb-icon-sunrise:before {
  content: '\ef38'
}

.bb-icon-sync:before {
  content: '\ef39'
}

.bb-icon-tablet:before {
  content: '\ef3a'
}

.bb-icon-tag:before {
  content: '\ef3b'
}

.bb-icon-tags:before {
  content: '\ef3c'
}

.bb-icon-terminal:before {
  content: '\ef3d'
}

.bb-icon-text:before {
  content: '\ef3e'
}

.bb-icon-thermometer:before {
  content: '\ef3f'
}

.bb-icon-thumbs-down:before {
  content: '\ef40'
}

.bb-icon-thumbs-up:before {
  content: '\ef41'
}

.bb-icon-times-triangle:before {
  content: '\ef43'
}

.bb-icon-toggle-off:before {
  content: '\ef44'
}

.bb-icon-toggle-on:before {
  content: '\ef45'
}

.bb-icon-tools:before {
  content: '\ef46'
}

.bb-icon-trademark:before {
  content: '\ef47'
}

.bb-icon-trash:before {
  content: '\ef48'
}

.bb-icon-trash-restore:before {
  content: '\ef49'
}

.bb-icon-trending-down:before {
  content: '\ef4a'
}

.bb-icon-trending-up:before {
  content: '\ef4b'
}

.bb-icon-trophy:before {
  content: '\ef4c'
}

.bb-icon-tv:before {
  content: '\ef4d'
}

.bb-icon-umbrella:before {
  content: '\ef4e'
}

.bb-icon-underline:before {
  content: '\ef4f'
}

.bb-icon-undo:before {
  content: '\ef50'
}

.bb-icon-unlink:before {
  content: '\ef51'
}

.bb-icon-user:before {
  content: '\ef52'
}

.bb-icon-user-avatar:before {
  content: '\ef53'
}

.bb-icon-user-badge:before {
  content: '\ef54'
}

.bb-icon-user-card:before {
  content: '\ef55'
}

.bb-icon-user-check:before {
  content: '\ef56'
}

.bb-icon-user-clock:before {
  content: '\ef57'
}

.bb-icon-user-cog:before {
  content: '\ef58'
}

.bb-icon-user-edit:before {
  content: '\ef59'
}

.bb-icon-user-friends:before {
  content: '\ef5a'
}

.bb-icon-user-friends-alt:before {
  content: '\ef5b'
}

.bb-icon-user-friends-alt-slash:before {
  content: '\ef5c'
}

.bb-icon-user-friends-slash:before {
  content: '\ef5d'
}

.bb-icon-user-lock:before {
  content: '\ef5e'
}

.bb-icon-user-minus:before {
  content: '\ef5f'
}

.bb-icon-user-plus:before {
  content: '\ef60'
}

.bb-icon-user-slash:before {
  content: '\ef62'
}

.bb-icon-users-slash:before {
  content: '\ef63'
}

.bb-icon-user-times:before {
  content: '\ef64'
}

.bb-icon-video:before {
  content: '\ef65'
}

.bb-icon-video-slash:before {
  content: '\ef66'
}

.bb-icon-voicemail:before {
  content: '\ef67'
}

.bb-icon-volume-down:before {
  content: '\ef68'
}

.bb-icon-volume-mute:before {
  content: '\ef69'
}

.bb-icon-volume-off:before {
  content: '\ef6a'
}

.bb-icon-volume-slash:before {
  content: '\ef6b'
}

.bb-icon-volume-up:before {
  content: '\ef6c'
}

.bb-icon-wallet:before {
  content: '\ef6d'
}

.bb-icon-watch:before {
  content: '\ef6e'
}

.bb-icon-wheelchair:before {
  content: '\ef6f'
}

.bb-icon-wifi:before {
  content: '\ef70'
}

.bb-icon-wifi-slash:before {
  content: '\ef71'
}

.bb-icon-wind:before {
  content: '\ef72'
}

.bb-icon-wrench:before {
  content: '\ef73'
}

/*!******************************!*\ 
!***  id : kms-CSS-21
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/bb-emojionearea.css
\**********************************/

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] {
  position: absolute;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item {
  font-size: 14px;
  padding: 1px 3px;
  border: 0
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a {
  text-decoration: none;
  display: block;
  height: 100%;
  line-height: 1.8em;
  padding: 0 1.54em 0 .615em;
  color: #4f4f4f
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active,
.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover {
  background-color: #e4e4e4
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a,
.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a {
  color: #333
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: 0 5px .2ex 0;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0
}

.emojionearea-text .emojioneemoji,
.emojionearea-text [class*=emojione-] {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0
}

.emojionearea,
.emojionearea * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.emojionearea.emojionearea-disable {
  position: relative;
  background-color: #eee;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none
}

.emojionearea.emojionearea-disable:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: .3;
  position: absolute;
  background-color: #eee
}

.emojionearea.form-control {
  display: block;
  position: relative !important;
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 14px;
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-transition: border-color .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.emojionearea.focused {
  border-color: #66afe9;
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.emojionearea .emojionearea-editor {
  display: block;
  height: auto;
  min-height: 8em;
  max-height: 15em;
  overflow: auto;
  padding: 6px 24px 6px 12px;
  line-height: 1.42857143;
  font-size: inherit;
  color: #555;
  background-color: transparent;
  border: 0;
  cursor: text;
  margin-right: 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #bbb
}

.emojionearea .emojionearea-editor:focus {
  border: 0;
  outline: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.emojionearea .emojionearea-editor .emojioneemoji,
.emojionearea .emojionearea-editor [class*=emojione-] {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0
}

.emojionearea.emojionearea-inline {
  height: 34px
}

.emojionearea.emojionearea-inline>.emojionearea-editor {
  height: 32px;
  min-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 12px;
  right: 24px;
  padding: 6px 0
}

.emojionearea.emojionearea-inline>.emojionearea-button {
  top: 4px
}

.emojionearea .emojionearea-button {
  line-height: 1;
  cursor: pointer
}

.emojionearea .emojionearea-button:before {
  content: "\263A";
  font-size: 24px;
  top: 0;
  line-height: 1
}

.emojionearea .emojionearea-button:hover {
  opacity: 1
}

.emojionearea .emojionearea-picker {
  background: #fff;
  position: absolute;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .32);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .32);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .32);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 340px;
  width: 300px;
  top: -15px;
  right: -15px;
  z-index: 90;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none
}

.emojionearea .emojionearea-picker.hidden {
  display: none
}

.emojionearea .emojionearea-picker .emojionearea-wrapper {
  position: relative;
  height: 340px;
  width: 300px
}

.emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 91
}

.emojionearea .emojionearea-picker .emojionearea-filters {
  width: 100%;
  position: absolute;
  z-index: 95
}

.emojionearea .emojionearea-picker .emojionearea-filters {
  background: #f5f7f9;
  padding: 0;
  height: 40px
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
  display: block;
  float: left;
  height: 40px;
  width: 32px;
  filter: inherit;
  padding: 0;
  cursor: pointer;
  opacity: .45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
  background: #fff
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active,
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover {
  opacity: 1
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>i {
  width: 24px;
  height: 24px;
  top: 0
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>img {
  width: auto;
  height: auto
}

.emojionearea .emojionearea-picker .emojionearea-search-panel {
  height: 50px;
  position: absolute;
  z-index: 95;
  top: 40px;
  left: 0;
  right: 0;
  padding: 10px
}

.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
  float: right;
  margin-top: 4px
}

.emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones {
  position: absolute;
  top: 4px;
  left: 171px
}

.emojionearea .emojionearea-picker .emojionearea-search {
  float: left;
  padding: 0;
  height: 30px;
  width: 140px
}

.emojionearea .emojionearea-picker .emojionearea-search>input {
  outline: 0;
  width: 100%;
  min-width: 100%;
  height: 30px;
  margin: 0
}

.emojionearea .emojionearea-picker .emojionearea-tones {
  padding: 0;
  width: 120px;
  height: 20px;
  line-height: 20px
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone {
  display: inline-block;
  padding: 0;
  border: 0;
  vertical-align: middle;
  outline: 0;
  background: 0 0;
  cursor: pointer;
  position: relative
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0,
.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0:after {
  background-color: #ffcf3e
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1,
.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1:after {
  background-color: #fae3c5
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2,
.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2:after {
  background-color: #e2cfa5
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3,
.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3:after {
  background-color: #daa478
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4,
.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4:after {
  background-color: #a78058
}

.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5,
.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5:after {
  background-color: #5e4d43
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone {
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: transparent
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after {
  content: "";
  position: absolute;
  display: block;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone.active:after,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone.active:after {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone {
  width: 16px;
  height: 16px;
  margin: 0 2px
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone.active:after,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone.active:after {
  content: "";
  position: absolute;
  display: block;
  background-color: transparent;
  border: 2px solid #fff;
  width: 8px;
  height: 8px;
  top: 2px;
  left: 2px;
  box-sizing: initial
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone:after {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone:after,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone,
.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area {
  height: 236px
}

.emojionearea .emojionearea-picker .emojionearea-search-panel+.emojionearea-scroll-area {
  height: 260px
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area {
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  position: absolute;
  padding: 0 0 5px
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
  z-index: 1
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #b2b2b2;
  background: #fff;
  line-height: 20px;
  margin: 0;
  padding: 10px 4px
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after,
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before {
  content: " ";
  display: block;
  clear: both
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block {
  padding: 0
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category {
  padding: 0 6px !important
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:after,
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:before {
  content: " ";
  display: block;
  clear: both
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after,
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before {
  content: " ";
  display: block;
  clear: both
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
  width: 24px;
  height: 24px;
  top: 0
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  margin: 3px;
  padding: 3px
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e4e4e4;
  cursor: pointer
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i,
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
  opacity: 0
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
  top: 0;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area {
  bottom: 0
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area {
  top: 40px
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel {
  top: initial;
  bottom: 0
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
  bottom: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area {
  top: 0
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel {
  top: initial;
  bottom: 40px
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area {
  top: initial;
  bottom: 40px
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel {
  top: 0
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
  margin-top: -286px;
  right: -14px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
  width: 19px;
  height: 10px;
  background-position: -2px -49px;
  bottom: -10px;
  right: 20px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
  background-position: -2px -80px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left,
.emojionearea .emojionearea-picker.emojionearea-picker-position-right {
  margin-right: -326px;
  top: -8px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,
.emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
  width: 10px;
  height: 19px;
  background-position: 0 -60px;
  top: 13px;
  left: -10px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after,
.emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
  background-position: right -60px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
  margin-top: 10px;
  left: -20px;
  top: 47px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  width: 19px;
  height: 10px;
  background-position: -2px -100px;
  top: -10px;
  left: 22px
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
  background-position: -2px -90px
}

.emojionearea .emojionearea-button.active+.emojionearea-picker {
  opacity: 1;
  visibility: visible
}

.emojionearea .emojionearea-button.active+.emojionearea-picker-position-top {
  margin-top: -269px
}

.emojionearea .emojionearea-button.active+.emojionearea-picker-position-left,
.emojionearea .emojionearea-button.active+.emojionearea-picker-position-right {
  margin-right: -309px
}

.emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom {
  margin-top: -14px
}

.emojionearea.emojionearea-standalone {
  display: inline-block;
  width: auto;
  box-shadow: none;
  min-height: 1px;
  padding: 0
}

.emojionearea.emojionearea-standalone .emojionearea-editor {
  display: none
}

.emojionearea.emojionearea-standalone .emojionearea-editor:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  bottom: 4px;
  border-left: 1px solid #e6e6e6
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
  background-repeat: no-repeat;
  background-position: 20px 4px
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji {
  opacity: .4
}

.emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=') !important
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=') !important
}

/*!******************************!*\ 
!***  id : kms-CSS-22
!*** ver : 
!*** src : https://preprod.mont-bouet.com/wp-content/themes/montbouet/root/assets/cssDev/tonga.css
\**********************************/

:root {
  --fs-8px: 0.5em;
  --fs-9px: 0.5625em;
  --fs-10px: 0.625rem;
  --fs-11px: 0.6875rem;
  --fs-12px: 0.75rem;
  --fs-13px: 0.8125rem;
  --fs-14px: 0.875rem;
  --fs-15px: 0.9375rem;
  --fs-16px: 1rem;
  --fs-17px: 1.0625rem;
  --fs-18px: 1.125rem;
  --fs-19px: 1.1875rem;
  --fs-20px: 1.25rem;
  --fs-21px: 1.3125rem;
  --fs-22px: 1.375rem;
  --fs-23px: 1.4375rem;
  --fs-24px: 1.5rem;
  --fs-25px: 1.5625rem;
  --fs-26px: 1.625rem;
  --fs-27px: 1.6875rem;
  --fs-28px: 1.75rem;
  --fs-29px: 1.8125rem;
  --fs-30px: 1.875rem;
  --fs-31px: 1.9375rem;
  --fs-32px: 2rem;
  --fs-33px: 2.0625rem;
  --fs-34px: 2.125rem;
  --fs-35px: 2.1875rem;
  --fs-36px: 2.25rem;
  --fs-37px: 2.3125rem;
  --fs-38px: 2.375rem;
  --fs-39px: 2.4375rem;
  --fs-40px: 2.5rem;
  --fs-41px: 2.5625rem;
  --fs-42px: 2.625rem;
  --fs-43px: 2.6875rem;
  --fs-44px: 2.75rem;
  --fs-45px: 2.8125rem;
  --fs-46px: 2.875rem;
  --fs-47px: 2.9375rem;
  --fs-48px: 3rem;
  --fs-49px: 3.0625rem;
  --fs-50px: 3.125rem;
  --fs-51px: 3.1875rem;
  --fs-52px: 3.25rem;
  --fs-53px: 3.3125rem;
  --fs-54px: 3.375rem;
  --fs-55px: 3.4375rem;
  --fs-56px: 3.5rem;
  --fs-57px: 3.5625rem;
  --fs-58px: 3.625rem;
  --fs-59px: 3.6875rem;
  --fs-60px: 3.75rem;
  --fs-61px: 3.8125rem;
  --fs-62px: 3.875rem;
  --fs-63px: 3.9375rem;
  --fs-64px: 4rem;
}

/* font-size */
.fs-8px { font-size: 0.5rem; }
.fs-9px { font-size: 0.5625rem; }
.fs-10px { font-size: 0.625rem; }
.fs-11px { font-size: 0.6875rem; }
.fs-12px { font-size: 0.75rem; }
.fs-13px { font-size: 0.8125rem; }
.fs-14px { font-size: 0.875rem; }
.fs-15px { font-size: 0.9375rem; }
.fs-16px { font-size: 1rem; }
.fs-17px { font-size: 1.0625rem; }
.fs-18px { font-size: 1.125rem; }
.fs-19px { font-size: 1.1875rem; }
.fs-20px { font-size: 1.25rem; }
.fs-21px { font-size: 1.3125rem; }
.fs-22px { font-size: 1.375rem; }
.fs-23px { font-size: 1.4375rem; }
.fs-24px { font-size: 1.5rem; }
.fs-25px { font-size: 1.5625rem; }
.fs-26px { font-size: 1.625rem; }
.fs-27px { font-size: 1.6875rem; }
.fs-28px { font-size: 1.75rem; }
.fs-29px { font-size: 1.8125rem; }
.fs-30px { font-size: 1.875rem; }
.fs-31px { font-size: 1.9375rem; }
.fs-32px { font-size: 2rem; }
.fs-33px { font-size: 2.0625rem; }
.fs-34px { font-size: 2.125rem; }
.fs-35px { font-size: 2.1875rem; }
.fs-36px { font-size: 2.25rem; }
.fs-37px { font-size: 2.3125rem; }
.fs-38px { font-size: 2.375rem; }
.fs-39px { font-size: 2.4375rem; }
.fs-40px { font-size: 2.5rem; }
.fs-41px { font-size: 2.5625rem; }
.fs-42px { font-size: 2.625rem; }
.fs-43px { font-size: 2.6875rem; }
.fs-44px { font-size: 2.75rem; }
.fs-45px { font-size: 2.8125rem; }
.fs-46px { font-size: 2.875rem; }
.fs-47px { font-size: 2.9375rem; }
.fs-48px { font-size: 3rem; }
.fs-49px { font-size: 3.0625rem; }
.fs-50px { font-size: 3.125rem; }
.fs-51px { font-size: 3.1875rem; }
.fs-52px { font-size: 3.25rem; }
.fs-53px { font-size: 3.3125rem; }
.fs-54px { font-size: 3.375rem; }
.fs-55px { font-size: 3.4375rem; }
.fs-56px { font-size: 3.5rem; }
.fs-57px { font-size: 3.5625rem; }
.fs-58px { font-size: 3.625rem; }
.fs-59px { font-size: 3.6875rem; }
.fs-60px { font-size: 3.75rem; }
.fs-61px { font-size: 3.8125rem; }
.fs-62px { font-size: 3.875rem; }
.fs-63px { font-size: 3.9375rem; }
.fs-64px { font-size: 4rem; }


/* font-weght */

.fw-1, .fw-100 {
  font-weight: 100;
}
.fw-2, .fw-200 {
  font-weight: 200;
}
.fw-3, .fw-300 {
  font-weight: 300;
}
.fw-4, .fw-400 {
  font-weight: 400;
}
.fw-5, .fw-500 {
  font-weight: 500;
}
.fw-6, .fw-600 {
  font-weight: 600;
}
.fw-7, .fw-700 {
  font-weight: 700;
}
.fw-8, .fw-800 {
  font-weight: 800;
}
.fw-9, .fw-900 {
  font-weight: 900;
}

/* font-size */

.fs-1 {
  font-size: calc(1.375rem + 1.5vw);
}

.fs-2 {
  font-size: calc(1.325rem + .9vw);
}

.fs-3 {
  font-size: calc(1.3rem + .6vw);
}

.fs-4 {
  font-size: calc(1.275rem + .3vw);
}

.fs-5 {
  font-size: 1.25rem;
}

.fs-6 {
  font-size: 1rem;
}


/* border radius */

.br0 {        border-radius: 0; }
.br1 {        border-radius: .125rem; }
.br2 {        border-radius: .25rem; }
.br3 {        border-radius: .5rem; }
.br4 {        border-radius: 1rem; }
.br-100 {     border-radius: 100%; }
.br-pill {    border-radius: 9999px; }
.br--bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.br--top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.br--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.br--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/* ios switch */

/**************************	Table of content *************************
 1.	ios
 2.	switch
 https://www.cssscript.com/demo/switch-checkbox-more-toggles/
 *********************************************************************/
 
 :root {
   --tonga-ioswitch-green: #13bf11;
    --tonga-ioswitch-blue: #1fc1c8;
    --tonga-ioswitch-red: #f35f42;
    --tonga-ioswitch-c: #cccccc;
    --tonga-ioswitch-d: #dddddd;
    --tonga-ioswitch-e: #eeeeee;
    --tonga-ioswitch-f8: #f8f8f8;
    --tonga-ioswitch-f: #ffffff;
  }
  
  .tonga-switch-ios,
  .tonga-switch-ios-blue,
  .tonga-switch-ios-red {
    box-sizing: border-box;
    display: inline-block
  }
  
  .tonga-switch-ios-blue label,
  .tonga-switch-ios-red label,
  .tonga-switch-ios label {
    background: var(--tonga-ioswitch-f8);
    border-radius: 1.5em;
    box-shadow: inset 0 0 0 0 var(--tonga-ioswitch-green), 0 0 0 .1875em var(--tonga-ioswitch-d);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 3em;
    position: relative;
    transition: .25s ease-in-out;
    width: 5em
  }
  
  .tonga-switch-ios-blue label:before,
  .tonga-switch-ios-red label:before,
  .tonga-switch-ios label:before {
    background: var(--tonga-ioswitch-f);
    border-radius: 1.5em;
    box-shadow: 0 .375em .375em rgba(0, 0, 0, .2), 0 0 0 .1875em var(--tonga-ioswitch-d);
    content: "";
    display: block;
    height: 3em;
    position: absolute;
    transition: .25s ease-in-out;
    width: 3em
  }
  
  .tonga-switch-ios-blue input,
  .tonga-switch-ios-red input,
  .tonga-switch-ios input {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    font-size: inherit;
    height: 0;
    margin: 0;
    position: absolute;
    width: 0;
    z-index: 1
  }
  
  .tonga-switch-ios-blue input:focus,
  .tonga-switch-ios-red input:focus,
  .tonga-switch-ios input:focus {
    outline: none
  }
  
  .tonga-switch-ios-blue input:checked+label,
  .tonga-switch-ios-red input:checked+label,
  .tonga-switch-ios input:checked+label {
    box-shadow: inset 0 0 0 1.5em var(--tonga-ioswitch-green), 0 0 0 .1875em var(--tonga-ioswitch-green)
  }
  
  .tonga-switch-ios-blue input:checked+label:before,
  .tonga-switch-ios-red input:checked+label:before,
  .tonga-switch-ios input:checked+label:before {
    box-shadow: 0 0 0 .1875em transparent, 0 .375em .375em rgba(0, 0, 0, .3);
    transform: translateX(2em)
  }
  
  .tonga-switch-ios-blue input:disabled+label,
  .tonga-switch-ios-red input:disabled+label,
  .tonga-switch-ios input:disabled+label {
    background: var(--tonga-ioswitch-d) !important;
    box-shadow: inset 0 0 0 0 var(--tonga-ioswitch-green), 0 0 0 .1875em var(--tonga-ioswitch-c) !important;
    cursor: not-allowed !important
  }
  
  .tonga-switch-ios-blue input:disabled+label:before,
  .tonga-switch-ios-red input:disabled+label:before,
  .tonga-switch-ios input:disabled+label:before {
    background: var(--tonga-ioswitch-e) !important;
    box-shadow: none !important
  }
  
  .tonga-switch-ios-red label {
    box-shadow: inset 0 0 0 0 var(--tonga-ioswitch-red), 0 0 0 .1875em var(--tonga-ioswitch-d)
  }
  
  .tonga-switch-ios-red input:checked+label {
    box-shadow: inset 0 0 0 1.5em var(--tonga-ioswitch-red), 0 0 0 .1875em var(--tonga-ioswitch-red)
  }
  
  .tonga-switch-ios-blue label {
    box-shadow: inset 0 0 0 0 var(--tonga-ioswitch-blue), 0 0 0 .1875em var(--tonga-ioswitch-d)
  }
  
  .tonga-switch-ios-blue input:checked+label {
    box-shadow: inset 0 0 0 1.5em var(--tonga-ioswitch-blue), 0 0 0 .1875em var(--tonga-ioswitch-blue)
  }
  
  /* gray-add fix */
  
  .tonga-switch-ios label {
      font-size: inherit;
      margin: 0 auto;
  }
 
 .tonga-switch-main {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
  }




/* tonga btn radio card */

  /* https://codepen.io/dromo77/pen/ZEQWyaZ */

:root {
  --DRomo-card-line-height: 1rem;
  --DRomo-card-padding: 1rem;
  --DRomo-card-radius: 1rem;
  --DRomo-color-blue: #0075ff;
  --DRomo-color-blue: var(--mb-primary-500);
   --DRomo-color-gray: #e2ebf6;
   --DRomo-color-dark-gray: #c4d1e1;
   --DRomo-color-white: #ffffff;
   --DRomo-radio-border-width: 2px;
   --DRomo-radio-size: 1.5rem;
}

.DRomo-main {
    min-width: 100%;
    margin: 0 auto 1rem;
    padding: 0 0rem;
}

.DRomo-grid {
  display: grid;
  grid-gap: var(--card-padding);
  margin: 0 auto;
  max-width: 60em;
  padding: 0;
}
.DRomo-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 0 1rem;
}


@media (min-width: 42em) {
  .DRomo-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.DRomo-card {
  width: calc( (100% / 3) - 1rem );
  background-color: var( --DRomo-color-white );
  border-radius: var(--DRomo-card-radius);;
  position: relative;
  overflow: hidden;
}
.DRomo-card:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.DRomo-radio {
  font-size: inherit;
  margin: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .DRomo-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: var( --DRomo-radio-border-width) solid var( --DRomo-color-gray);
    border-radius: 50%;
    cursor: pointer;
    height: var( --DRomo-radio-size );
    outline: none;
    transition: background 0.2s ease-out, border-color 0.2s ease-out;
    width: var( --DRomo-radio-size );
  }
  .DRomo-radio::after {
    border: var( --DRomo-radio-border-width) solid #fff;
    border-top: 0;
    border-left: 0;
    content: "";
    display: block;
    height: 0.75rem;
    left: 25%;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    width: 0.375rem;
  }
  .DRomo-radio:checked {
    background: var( --DRomo-color-blue);
    border-color: var( --DRomo-color-blue);
  }

  .DRomo-card:hover .DRomo-radio {
    border-color: var( --DRomo-color-dark-gray);
  }
  .DRomo-card:hover .DRomo-radio:checked {
    border-color: var( --DRomo-color-blue);
  }
}
.DRomo-plan-details {
  background-color: var( --DRomo-color-white );
  border: var( --DRomo-radio-border-width) solid var( --DRomo-color-gray);
  border-radius: var(--DRomo-card-radius);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: var(--DRomo-card-padding);
  transition: border-color 0.2s ease-out;
}

.DRomo-card:hover .DRomo-plan-details {
  border-color: var( --DRomo-color-dark-gray);
}

.DRomo-radio:checked ~ .DRomo-plan-details {
  border-color: var( --DRomo-color-blue);
}

.DRomo-radio:focus ~ .DRomo-plan-details {
  box-shadow: 0 0 0 2px var( --DRomo-color-dark-gray);
}

.DRomo-radio:disabled ~ .DRomo-plan-details {
  color: var( --DRomo-color-dark-gray);
  cursor: default;
}

.DRomo-radio:disabled ~ .DRomo-plan-details .DRomo-plan-type {
  color: var( --DRomo-color-dark-gray);
}



.DRomo-card:hover .DRomo-radio:disabled ~ .DRomo-plan-details {
  border-color: var( --DRomo-color-gray);
  box-shadow: none;
}

.DRomo-card:hover .DRomo-radio:disabled {
  border-color: var( --DRomo-color-gray);
}

.DRomo-plan-type {
  color: var(--mb-gray-700);
  font-size: 0.875rem;
  font-weight: 900;
}
.DRomo-radio:checked ~ .DRomo-plan-details .DRomo-plan-type {
    color: var(--DRomo-color-blue);
}

.DRomo-plan-cost {
  font-size: 2.5rem;
  font-weight: bold;
  padding: 0.5rem 0;
}

.DRomo-slash {
  font-weight: normal;
}

.DRomo-plan-cycle {
  font-size: 2rem;
  font-variant: none;
  border-bottom: none;
  cursor: inherit;
  text-decoration: none;
}

.DRomo-hidden-visually {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.DRomo-radio:checked {
    background: var( --DRomo-color-blue);
    border-color: var( --DRomo-color-blue);
}

  .DRomo-radio {
      all: unset;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: #fff;
      border: var( --DRomo-radio-border-width) solid var( --DRomo-color-gray);
      border-radius: 50%;
      cursor: pointer;
      height: var( --DRomo-radio-size);
      outline: none;
      transition: background 0.2s ease-out, border-color 0.2s ease-out;
      width: var( --DRomo-radio-size);
      
      font-size: inherit;
      margin: 0;
      position: absolute;
      right: 1rem;
      top:  1rem;
      
      
  }
  
  label.DRomo-card input.DRomo-radio:after {
      border: var( --DRomo-radio-border-width) solid #fff;
      border-top: 0;
      border-left: 0;
      content: "";
      display: block;
      height: 0.75rem;
      left: 25%;
      position: absolute;
      top: 50%;
      transform: rotate(45deg) translate(-50%, -50%);
      width: 0.375rem;
  }
  
  @media ( max-width: 992px ) {
    .DRomo-card {
      width: 100%;
    }
    .DRomo-main {
        min-width: 100%;
        margin: 0 auto 1rem;
        padding: 0 1rem;
    }
    
  }