* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
/*
::-webkit-scrollbar { 
    display: none; 
}
*/

:root {
  --theme-color: #000000;
  --theme-color-rgb: 21, 31, 198;
  --theme-color-shade: #00780c;
  --theme-color-tint: #0c5e0b;
  --theme-color-light: #FFFFFF;
  --theme-color-lighter: #E7FFDB;
  --theme-color-dark: #1c215e;
  --theme-color-darker: #103610;
}

body {
    background-color:#FFFFFF;
    height:100vh;
    padding: 0px;
    margin:0px;
    width:100%;
    overflow-x: hidden !important;
}

div[class^="col-"], div[class*=" col-"] {
	/*overflow-y: hidden !important;*/
}


.numbered.color ol>li::before {
	border: 1px solid var(--theme-color);
	color: var(--theme-color)
}

.numbered.color.filled ol>li::before {
	border: 1px solid var(--theme-color);
	background-color: var(--theme-color)
}

.radio input[type=radio]:checked+label .radio-label {
	background-color: var(--theme-color);
	border-color: var(--theme-color)
}

.checkbox input:checked+label span.checkbox-icon {
	background-color: var(--theme-color);
	border-color: var(--theme-color)
}

.slider-handle {
	border: 2px solid var(--theme-color)
}

.infoBox-close:hover {
	color: #fff;
	background-color: var(--theme-color)
}

.message-bubble.me .message-text:before {
	border-left: 6px solid #E0F6C6
}

a {
	color: #333;
	-webkit-user-drag: none !important;
}

.header-widget .log-in-button:hover i,
.notification-text span.color,
.header-notifications-content .notification-text span.color,
ul.user-menu-small-nav li a:hover,
ul.user-menu-small-nav li a:hover i,
/*#navigation ul li:hover a:after,
#navigation ul li a.current,
#navigation ul li a.current:after,
#navigation ul li:hover a,
*/
#breadcrumbs ul li a:hover,
#breadcrumbs.white ul li a:hover,
.single-page-header .header-details li a:hover,
.blog-post-content h3 a:hover,
#posts-nav li a:hover,
.task-tags span,
.freelancer-detail-item a:hover,
.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before,
.share-buttons-content span strong,
.keyword,
.banner-headline strong.color,
.category-box-icon,
.recommended .pricing-plan-label,
.recommended .pricing-plan-label strong,
.testimonial-box:before,
.single-counter h3,
.popup-tabs-nav li.active a,
.dialog-with-tabs .forgot-password:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.bootstrap-select .dropdown-menu li.selected a span.check-mark:before,
.bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before,
.boxed-list-headline h3 i,
.boxed-list-item .item-details .detail-item a:hover,
.job-overview .job-overview-inner ul li i,
.dashboard-nav ul li.active-submenu a i,
/*.dashboard-nav ul li.active a i,*/
/*.dashboard-nav ul li:hover a i,*/
.dashboard-nav ul li.active-submenu a,
/*.dashboard-nav ul li:hover a,*/
.dashboard-nav ul li.active a,
.dashboard-nav ul li.active-submenu a:after,
.dashboard-nav ul li.active a:after,
.dashboard-nav ul li:hover a:after,
.dashboard-box .headline h3 i,
.help-icon,
.header-widget .log-in-button:hover,
.header-widget .log-in-button:hover i {
	color: var(--theme-color)
}

#navigation ul li:hover a:after,
#navigation ul li a.current,
#navigation ul li a.current:after,
#navigation ul li:hover a {
	color: #333;
}


.boxed-widget.summary li.total-costs span {
	color: #333;
}

.dashboard-nav ul:before {
	color: #333;
}


#backtotop a,
.header-notifications-trigger span,
a.header-notifications-button,
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
#navigation ul ul.dropdown-nav li:hover a:after,
.mm-menu em.mm-counter,
.language-switcher.bootstrap-select.btn-group.open button,
.language-switcher.bootstrap-select.btn-group button:hover,
.footer-links ul li a span:before,
.newsletter button,
.pagination ul li a.current-page,
a.blog-post-info:hover,
#posts-nav li a:hover span,
.comment-by a.reply:hover,
.contact-address-headline:after,
.enable-filters-button span,
.enable-filters-button i,
.job-listing.with-apply-button:hover .list-apply-button,
.letters-list a.current,
span.button,
/*button.button,*/
input[type=button],
input[type=submit],
a.button,
.list-1 li:before,
mark.color,
.copy-url .copy-url-button,
.keyword-input-container .keyword-input-button,
.tags-container input[type=checkbox]:checked+label,
input:checked+.switch-button,
.radio input[type=radio]+label .radio-label:after,
.uploadButton .uploadButton-button:hover,
.pricing-plan .button:hover,
.pricing-plan.recommended .button,
.pricing-plan .recommended-badge,
.payment-tab-trigger>input:checked~label::after,
.breathing-icon,
.icon-box-check,
.testimonial-author span,
.qtyInc:hover,
.qtyDec:hover,
#sign-in-dialog .mfp-close:hover,
#small-dialog-1 .mfp-close:hover,
#small-dialog-2 .mfp-close:hover,
#small-dialog-3 .mfp-close:hover,
#small-dialog-4 .mfp-close:hover,
#small-dialog .mfp-close:hover,
.slider-selection,
.cluster-visible,
.marker-container,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
#geoLocation:hover,
#streetView:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
a.attachment-box:hover,
.freelancer-indicators .indicator-bar span,
.dashboard-nav ul li span.nav-tag,
.dashboard-box .button.dark:not(.ico):hover,
.messages-inbox ul li:before,
.message-by h5 i {
/*.message-bubble.me .message-text {*/
	background-color: var(--theme-color);
	border: none;
	color: #fff;
}

.button {
	background: var(--theme-color);
	color: #fff;
	border-radius: 10px !important;
	font-weight: 400 !important;
	letter-spacing: 0px !important;
/*	letter-spacing: 0.2px !important;*/
	font-size: 1rem !important;
}

.button.small {
	font-size: 14px !important;
}

.button i {
	color: #ffffff;
	margin-left: 5px;
}

table.basic-table th {
	background: #f9f9f9;
	/*font-weight: bold;*/
	color: #666 !important;
	font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

a.apply-now-button {
	background: #30ab4a;
}

.transparent-header #navigation>ul li:hover ul li:hover a:after,
.transparent-header #navigation>ul li:hover a:after,
.transparent-header #navigation>ul li a.current:after,
/*.compact-list-layout .job-listing:before,*/
.tasks-list-container.compact-list .task-listing:before,
.compact-list.freelancers-list-layout .freelancer:before,
.accordion-header,
/*.tabs-header,*/
/*.intro-search-field .field-title,*/
.category-box:hover,
.slick-prev:hover,
.slick-next:hover,
.bootstrap-select.btn-group .bs-actionsbox div button:hover {
	background: var(--theme-color);
	color: #333;
}

.photo-box:not(.small):hover:before {
	/*background: #333 !important;*/
}

.photo-box.small:hover:before {
	/*background: var(--theme-color) !important;*/
}
/*.photo-box.small .photo-box-content span {*/



.uploadButton .uploadButton-button,
.pricing-plan .button {
	color: #ffffff;
	background-color: var(--theme-color);
	border: 1px solid var(--theme-color);
}

.payment-tab-trigger>input:checked~label::before,
.dashboard-nav ul li.active-submenu,
.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
	border-color: var(--theme-color)
}

#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
#navigation ul ul.dropdown-nav li:hover a:after,
#navigation ul li:hover a:after {
	background: rgba(42, 65, 232, .13)
}

#navigation ul li a.current:after {
	background: rgba(42, 65, 232, .13)
}

.pagination ul li a.current-page {
	box-shadow: 0 2px 8px rgba(42, 65, 232, .25)
}

.sidebar-search-button-container button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .1)
}

.sidebar-search-button-container button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .25)
}

.job-listing.with-apply-button:hover .list-apply-button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.task-listing-bid-inner .button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.task-listing-bid-inner .button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .25)
}

.task-tags span {
	background-color: rgba(42, 65, 232, .07)
}

.freelancers-grid-layout .freelancer-details a.button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .1)
}

.freelancer-details a.button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .2)
}

.freelancers-list-layout .freelancer-details a.button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.freelancers-list-layout .freelancer-details a.button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .25)
}

.letters-list a.current {
	box-shadow: 0 2px 8px rgba(42, 65, 232, .25)
}

span.button,
button.button,
input[type=button],
input[type=submit],
a.button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.move-on-hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .1)
}

.move-on-hover:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .2)
}

.keyword {
	background-color: rgba(42, 65, 232, .07)
}

@keyframes switch-shadow-color {
	0% {
		box-shadow: 0 0 0 0 rgba(42, 65, 232, .6)
	}
	100% {
		box-shadow: 0 0 0 10px transparent
	}
}

@keyframes radius-shadow {
	0% {
		box-shadow: 0 0 0 0 rgba(42, 65, 232, .4)
	}
	100% {
		box-shadow: 0 0 0 10px transparent
	}
}

.uploadButton .uploadButton-button {
	box-shadow: 0 3px 10px rgba(42, 65, 232, .1)
}

.uploadButton .uploadButton-button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.category-box:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .2)
}

.photo-box:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .25)
}

.recommended .pricing-plan-label {
	background-color: rgba(42, 65, 232, .06)
}

.pricing-plan .button:hover,
.pricing-plan.recommended .button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.pricing-plan .button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .1)
}

.pricing-plan .button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.breathing-icon {
	box-shadow: 0 0 0 15px rgba(42, 65, 232, .07)
}

@keyframes bicokAnim {
	0%,
	100% {
		box-shadow: 0 0 0 15px rgba(42, 65, 232, .07)
	}
	50% {
		box-shadow: 0 0 0 28px rgba(42, 65, 232, .12)
	}
}

.icon-box-check {
	box-shadow: 0 0 0 5px rgba(42, 65, 232, .1)
}

@keyframes checkAnim {
	0%,
	100% {
		box-shadow: 0 0 0 5px rgba(42, 65, 232, .15)
	}
	50% {
		box-shadow: 0 0 0 8px rgba(42, 65, 232, .15)
	}
}

.testimonial-author span {
	box-shadow: 0 2px 10px rgba(42, 65, 232, .25)
}

.bidding-widget .button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.bidding-widget .button:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .25)
}

.dialog-with-tabs .button {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .15)
}

.slider-handle:after {
	box-shadow: 0 0 0 6px rgba(42, 65, 232, .12)
}

.slider-handle:hover:after {
	box-shadow: 0 0 0 8px rgba(42, 65, 232, .12)
}

.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover {
	background-color: rgba(42, 65, 232, .07)
}

@keyframes clusterAnimation {
	0%,
	100% {
		box-shadow: 0 0 0 6px rgba(42, 65, 232, .15)
	}
	50% {
		box-shadow: 0 0 0 10px rgba(42, 65, 232, .15)
	}
}

@keyframes markerAnimation {
	0%,
	100% {
		box-shadow: 0 0 0 6px rgba(42, 65, 232, .15)
	}
	50% {
		box-shadow: 0 0 0 8px rgba(42, 65, 232, .15)
	}
}

a.apply-now-button {
	box-shadow: 0 2px 8px rgba(42, 65, 232, .15)
}

a.apply-now-button:hover {
	box-shadow: 0 2px 8px rgba(42, 65, 232, .35)
}

.dashboard-nav ul li.active-submenu,
.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
	background-color: rgba(255,255,255,0.1);
	/*background-color: rgba(42, 65, 232, .04)*/
}

.dashboard-nav ul li.active-submenu a:after,
.dashboard-nav ul li.active a:after,
.dashboard-nav ul li:hover a:after {
	background: rgba(42, 65, 232, .13)
}

.dashboard-box-list .button {
	box-shadow: 0 3px 8px rgba(42, 65, 232, .15)
}

.dashboard-box .button.dark:not(.ico):hover {
	box-shadow: 0 3px 8px rgba(42, 65, 232, .15)
}

#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
#navigation ul ul.dropdown-nav li:hover a:after {
	background-color: var(--theme-color)
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover,
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: var(--theme-color)
}

.marker-cluster div:before {
	border-color: var(--theme-color);
	box-shadow: inset 0 0 0 4px var(--theme-color)
}

.border-green {
	border-color: #30ab4a !important;
}

.border-green .fun-fact-icon {
	background: #30ab4a !important;
}

.green {
	background: #30ab4a !important;
	color: #fff !important;
}

.red {
	background: #dc3139 !important;
	color: #fff !important;
}

.dashboard-status-button.gray {
	background: #eee !important;
	color: #333;
}

#header {
/*	background: var(--theme-color-shade) !important;*/
	background: var(--theme-color);
}

#navigation ul li a {
	color: #333;
}

.header-widget {
	border-left: 0px !important;
}

#header .right-side {
	background: transparent !important;
}

.account-header i {
	color: #FFF !important;
}

#logo {
	border-right: 0px !important;
}

#logo img {
    height: 39px;
    top: 23px;
}

.toolbar {
    background: #fff !important;
}

@media only screen and (max-width: 1099px) {
	#logo img {
		top: 14px !important;
	    max-width: 150px !important;
		/*top: 2px !important;*/
    	/*max-width: 110px !important;*/
	    height: auto !important;
	}
	#header {
		border-bottom: none !important;
	}
	.toolbar i, .toolbar span {
		color: #009187;
	}
	.toolbar .col-3 {
	    border-top: 1px solid #ddd !important;
	    border-right: none !important;
	}	
	.toolbar .col-3.active {
		background: transparent !important;
		opacity: 0.8 !important;
	}	

	.intro-search-field .field-title {
	    text-align: center;
	    width: 100%;
	    margin-top: 7px;
	}

	.section .img {
	    background-size: auto 80%;
		/*background-size: cover;*/
		background-repeat: no-repeat;
		background-color: #fff !important;
		border-bottom: 1px solid #ddd;
	}

	.swiper-slide .photo-box {
		background-size: cover;
		background-repeat: no-repeat;
	    height: 27vh;		
	}
	.mm-menu {
		background: #fff;
		color: #333;
	}	

	.mm-panels li {
		border-color: rgba(255,255,255,0.1);
	}
	.mm-panels li a {
		color: #333;
		/*font-weight: bold;*/
	}

	.job-listing .job-listing-footer ul {
		line-height: 19px;
	}

}

.mmenu-trigger {
	background: transparent !important;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background: #fff !important
}

.photo-box {
	box-shadow: none !important;
	background-repeat: no-repeat;
	background-position: center !important;
	background-size: cover !important;
}

.photo-box .photo-box-content {
	background-color: transparent !important;
}

.photo-box.small {
    min-height: 60px;
    height: auto !important;
    /* margin-bottom: 30px; */
    margin-bottom: 15px;
}

.photo-box.small .photo-box-content h3 {
	font-weight: 100;
	font-size: 18px;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.destaque.dashboard-status-button {
	background: var(--theme-color) !important;
	color: #333;
}

.intro-search-field .field-title {
	background: transparent;
	color: #666;
	/*color: #333;*/
	padding: 0px;
	font-weight: bold;
}

.tabs-pets .payment-tab:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.tabs-pets {
	height: 100vh;
	/*height: calc(100vh - 60px);*/
	display: flex;
	align-items: center;
}

.tabs-pets h2 {
	text-align: center;
	line-height: 30px;
	font-weight: 200;
}

.center {
	text-align: center;	
}

.tabs-pets input {
	font-size: 20px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

.tabs-pets .payment-tab-trigger>label {
	/*font-size: 18px;*/
}

.mm-panels li img {
	width: 200px;
}

.avatar-big {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 200px;
	height: 200px;
}

.tingle-modal-box__footer button {
	border-radius: 4px;
}

.tingle-btn:not(.green) {
	background-color: #ddd !important;
	color: #333 !important;
}

.input-with-icon-left select {
/*	padding-left: 0px !important;*/
	/*padding-left: 5px !important;*/
/*	text-indent: 65px !important;*/
}

#titlebar.gradient {
	background: #fff !important;
}

#navigation ul li a i {
	font-size: 20px;
    top: 4px;
}

.modal-agendamento .tingle-modal-box__content {
    height: 100%;
    display: flex;
    align-items: center;	
}

.modal-agendamento .tingle-modal-box__content input {
	font-size: 20px;
}

.modal-agendamento .tingle-modal-box {
	/*max-width: 30%;*/
	/*max-width: 40vw;*/
	max-width: 500px;
}

.dashboard-status-button i {
	font-size: 14px;
	position: relative;
	top: 2px;
}

.intro-banner:before {
	background: rgba(255,255,255,0.95);
}

.intro-banner:after {
	background-image: url(../images/slide3.jpg);
	background-color: transparent !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*background-color: transparent !important;*/
	/*background: rgba(0,230,214, 0.28) !important;*/
}
.banner-headline {
	max-width: 100% !important;
}

#mm-blocker {
	z-index: 1000;
    background: rgba(0,0,0,0.3);
}

.icon-box-circle i {
    color: var(--theme-color);
}

.icon-box-circle {
	background: #f9f9f9;
}

.tabs-default .tabs-header {
	border-radius: 6px !important;
	background: #f9f9f9;
	color: #333;
	border-bottom: 0px !important;
	/*margin-right: 0.5px;*/
}
.tabs-default {
	border-radius: 6px !important;
/*	border-top: 2px solid var(--theme-color);
	border-bottom: 2px solid var(--theme-color);
	border-left: 2px solid var(--theme-color);
	border-right: 2px solid var(--theme-color);*/
}

.tabs-default .tabs-header a {
    color: #999;
    font-size: 15px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 300;
    text-align: center;
    /*padding-bottom: 8px;*/
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.tabs-default .tabs-header a i {
	display: block;
	position: relative;
	font-size: 30px;
	color: #999;
}

.tabs-default .active a, .tabs-default .active a i {
	/*font-weight: bold;*/
	color: var(--theme-color);
	/*opacity: 0.7;*/
}
.tabs-header ul li a {
	/*background: transparent !important;*/
}


.tabs-default .active a {
	/*font-30BCED: bold;*/
	color: #333 !important;
	background: #fff !important;
	/*background: var(--theme-color);*/
	/*opacity: 0.7;*/
}

.tabs-default ul {
    flex-direction: row !important;
    border-radius: 6px !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;	
    background: #efefef;
}
.tabs-default li:not(:last-child) {
	border-right: 1px solid #ddd;
	/*border-top: 1px solid #333;*/
}

.tabs-default li.active a {
	background: #000;
}
.tabs-default li {
	border-bottom: none !important;
	margin-bottom: -1px;
    margin-top: -1px;	
	/*border-bottom: 1px solid #ddd;*/
}




.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
	background: transparent !important;
	padding: 0px;
}
.mm-menu .mm-listview>li .mm-next:after {
	border-color: #333;
}
.mm-listview>li.mm-vertical>.mm-next, .mm-vertical .mm-listview>li>.mm-next {
	height: 50px !important;
}
.mm-listview li:last-child {
	border-bottom: none !important;
}


.table-bordered-default {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	/*border-right: 1px solid #ddd;*/
	background: #fff;
}

.table-bordered-default td {
	border-right: 1px solid #ddd;
	padding-left: 10px; 
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
	line-height: 18px;
	font-weight: 500;
	word-wrap: break-word;
}
.table-bordered-default th {
	border-right: 1px solid #ddd;
	font-size: 14px;
	padding-left: 5px; 
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: #efefef;
	color: #000;
	height: auto !important;
	line-height: 18px;
}

.dashboard-content-inner {
    padding: 50px;
    /*padding-top: 50px;*/
}

.dashboard-content-inner #limpar-filtro i {
	position: relative;
	top: 2px;
	font-size: 16px;
}

.button.small.active {
	background: var(--theme-color) !important;
	color: #333 !important;
}

.fun-fact {
	background: #f7f7f7;
	overflow: hidden !important;
	border-radius: 6px !important;
	border: 2px solid #333;
	width: 100%;
}

.fun-fact span {
	color: #333;
}

.fun-fact h4 {
	font-weight: bold;
}

.fun-fact-icon i {
	color: var(--theme-color);
}

.fun-fact-text {
	overflow: hidden !important;
}

.fun-fact-icon {
	background: var(--theme-color);
}

.dropdown-menu>.active>a {
	color: #333 !important;
}

.bootstrap-select {
    border: 1px solid var(--theme-color);
    border-radius: 4px;
}

.bootstrap-select.open .dropdown-menu {
    border: 1px solid var(--theme-color);
}


.carrinho-badge {
	background: #fff;
	border: 1px solid #666;
	font-weight: bold !important;
	color: #dc3139 !important;
	border-radius: 100%;
	font-size: 11px !important;
	display: inline-block;
	position: absolute;
    top: 4px;
    right: 6.5vw;
	line-height: 18.5px;
	height: 18px;
	width: 18px;
}

.input-icon-right {
    margin-top: -51px;
    float: right;
    margin-right: 10px;
}

.input-icon-left {
    margin-top: -44px;
    float: left;
    margin-left: 10px;
}

.button.white {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #ddd;
}

.page-carrinho .dashboard-status-button {
	margin: 0;
    font-size: 12px;
    margin-bottom: 5px;	
}

.payment-tab{
	border-bottom: 1px solid #ddd;
}

.payment-tab:last-of-type{
	border-bottom: none !important;
}	


.dashboard-headline h5 {
	line-height: 20px;
}


.dashboard-status-button.color-primary {
	background: var(--theme-color) !important;
	color: #fff !important;
}

.agenda h4 {
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
}

.agenda h5 {
	color: #333;
	font-size: 16px;
	margin-bottom: 0px;
}

.agenda h4 i {
	position: relative;
	top: 3px;
	font-size: 20px;
	color: #009187;
}

.table-agenda {
	border: 1px solid #999 !important;
	background: #f7f7f7;
	border-radius: 6px !important;
	border-collapse: inherit;
	border-spacing: 0px;
	margin-bottom: 5px;
	cursor: pointer !important;
}

.table-agenda tr:last-of-type td {
	border-bottom: 0px !important;
	background: #fff;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.table-agenda td i {
	position: relative;
	font-size: 16px;
	top: 2px;
}

.table-agenda td small i {
	font-size: 12px;
}
.table-agenda td {
	padding: 5px;
	border-color: #999;
	line-height: 18px;
	padding-left: 10px;
}

.layer {
  	width: 100%;
  	height: 70vh;
  	position: absolute;
  	padding-top: 17px;
	padding-left: 17px;
  	background: rgb(255,255,255);
  	background: linear-gradient(0deg, #fff 6%, rgba(255,255,255,0.7) 300%);
  	/*background: linear-gradient(0deg, #fff 6%, rgba(255,255,255,0) 300%);*/
  	z-index: 2;	
  	text-align: center;
}

.layer img {
	width: 150px;
	margin-top: 7%;
	/*margin-right: */
}

.mm-panels li i {
	color: var(--theme-color) !important;
    font-size: 18px;
    line-height: 1;
    margin-right: 5px !important;
}

/*.content-load {*/
.dashboard-content-container {
/*  -webkit-animation-name: fadeIn;*/
/*  animation-name: fadeIn;*/
/*  -webkit-animation-duration: 1s;*/
/*  animation-duration: 1s;*/
/*  -webkit-animation-fill-mode: both;*/
/*  animation-fill-mode: both;*/
}

#logo a {
/*  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;*/
}

/*.mm-menu .mm-listview {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
*/
#mm-blocker {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.logo-sidebar {
	width: 52%;
	margin-top: 10%;
	margin-bottom: 20%;
}

.dashboard-nav ul li a i {
	color: var(--theme-color);
	top: 3px;
	margin-right: 5px;
}
.dashboard-nav ul li a {
	font-size: 18px;
	/*font-size: 16px;*/
	color: #ffffff;
}
#logo a {
	font-size: 18px;
	height: 100%;
	line-height: 60px;
/*	font-size: 20px;*/
	font-weight: 300;
/*    text-shadow: 1px 2px 12px rgba(255,255,255,0.5) !important;*/

}

.logo-inicio {
    /*max-width: 65%;*/
    width: 200px;
    margin-top: 30px;
    margin-bottom: 10%;
    /* margin-bottom: 8%; */
}

.page-center {
	min-height: calc(100vh - 60px) !important;
    display: flex;
    align-items: center;
}

.dashboard-sidebar-inner .simplebar-scrollbar {
	opacity: 0 !important;
}


.page-chat ::-webkit-scrollbar { 
    display: none; 
}

.button-menu.shadow {
  	/*text-shadow: 2px 2px #efefef;*/
}

.button-menu.active {
  	/*opacity: 0.9 !important;*/
  	/*text-shadow: 2px 2px #efefef;*/
  	/*box-shadow: 4px 4px #f7f7f7;*/
  	color: #000;
  	border-color: var(--theme-color) !important;
}

.button-menu i {
  	display: block;
  	margin: 0 auto;
  	margin-bottom: 5px;
  	font-size: 401%;
  	/*font-size: 50px;*/
  	/*opacity: 0.8;*/
  	/*margin-top: 7vh;*/
  	color: #333;
}

.button-menu:active {
  	/*color: #111 !important;*/
  	opacity: 0.5 !important;
}

.button-menu {
	text-transform: initial;
	color: #000;
	font-size: 11px;
	border-radius: 6px;
	border: #bbbbbb;
	background: #fdfdfd;
	margin: 0 auto;
	margin-bottom: 5px;
    min-height: 110px;
	width: 100%;
	display: flex;
	padding-left: 4px;
	padding-right: 4px;
	flex-direction: column;
	vertical-align: middle;
	text-align: center !important;
	line-height: 1.2em;
	justify-content: center;
	margin-bottom: 15px;
	font-weight: 600 !important;
	box-shadow: 2px 2px rgb(0 0 0 / 5%) !important;
}

.button-menu span {
	-webkit-line-clamp: 3;
    font-size: 11px;
    font-weight: 800;
    margin-top: 5px;
}

.button-menu img {
	display: block;
	width: 50%;
	align-self: center;
	margin-bottom: 10px;
}

#logo a {
	color: #fff;
	font-weight: 400;
}

.mm-menu {
	z-index: 2000 !important;
}

.content-load {
	/*background: rgba(255,255,255,0.7) !important;*/
	min-height: 100vh;
}

.dashboard-content-container {
	background: transparent;
}

#wrapper {
	background: #fff;
	min-height: 100vh;
}

.dashboard-sidebar {
	background: var(--theme-color);
}

.page-login #wrapper {
	background: #fff;
	/*background: #0f7ffd;*/
	/*background-image: url(/static/images/bg.jpg);*/
	background-size: 500px;
}

.left-button i {
	color: #fff !important;
}

.page-text {
    font-size: 14px;
    margin-bottom: 25px;
    color: #333;
    /*letter-spacing: 1px;*/
    line-height: 16px;
    font-weight: 400;
    background: #fff;
    border: 2px solid var(--theme-color);
    border-radius: 6px;
    padding: 10px;
}

h3 i {
	/*font-size: 18px !important;*/
	top: 3px !important;
	position: relative !important;
}

.dashboard-status-button {
	margin: 0px;
}


.color-red {
  background: #ff3b30 !important;
  color: #fff !important;
}
.color-green {
  background: #4cd964 !important;
  color: #fff !important;
}
.color-blue {
  background: #2196f3 !important;
  color: #fff !important;
}
.color-pink {
  background: #ff2d55 !important;
  color: #fff !important;
}
.color-yellow {
  background: #ffcc00 !important;
  color: #fff !important;
}
.color-orange {
  background: #ff9500 !important;
  color: #fff !important;
}
.color-purple {
  background: #9c27b0 !important;
  color: #fff !important;
}
.color-deeppurple {
  background: #673ab7 !important;
  color: #fff !important;
}
.color-lightblue {
  background: #5ac8fa !important;
  color: #333 !important;
}
.color-teal {
  background: #009688 !important;
  color: #fff !important;
}
.color-lime {
  background: #cddc39 !important;
  color: #fff !important;
}
.color-deeporange {
  background: #ff6b22 !important;
  color: #fff !important;
}
.color-gray {
  background: #8e8e93 !important;
  color: #fff !important;
}
.color-white {
  background: #ffffff !important;
  color: #333 !important;
}
.color-black {
  background: #000000 !important;
  color: #fff !important;
}

h5.block-title {
	/*letter-spacing: 1px;*/
	font-weight: 300;
	color: #000;
	font-size: 14px;
	/*text-transform: uppercase;*/
	margin-bottom: 5px;
}

h5.block-title i {
	font-size: 14px;
	position: relative;
	color: var(--theme-color);
}

input[type="date"]{ 
	padding-right: 0px !important;
}


input[type="date"]::before { 
	content: attr(data-placeholder) !important;
	width: 100% !important;
}

input[type="time"]::before { 
	content: attr(data-placeholder) !important;
	width: 100% !important;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before { display: none }

input[type="time"]:focus::before,
input[type="time"]:valid::before { display: none }

h4 i {
	position: relative;
	top: 2px;
/* TODO TESTES	*/
/*	color: var(--theme-color);*/
	font-weight: normal;
	font-size: 18px !important;
}

.disabled-opacity {
	opacity: 0.3 !important;
	pointer-events: none;
}

.login-register-page button[type="submit"] {
	background: var(--theme-color);
	color: #fff;
	/*background: var(--theme-color);*/
}

.login-register-page button[type="submit"] i {
	color: #ffffff !important;
}

input.disabled {
	pointer-events: none !important;
	opacity: 0.5 !important;
	color: #000 !important;
}

.bs-searchbox:after {
	display: none !important;
	content: "" !important;
}

.bootstrap-select.btn-group .dropdown-menu li span.check-mark:before {
	display: none !important;
	content: "" !important;
}

.message-bubble.me .message-text a {
	color: #333;
	text-decoration: underline;
}

.message-bubble.me .message-text .plyr--audio .plyr__controls {
	background: var(--theme-color-lighter);
}

.page-chat {
    background-image: url(/static/images/bg.jpg);
    background-size: 500px;
    min-height: 100vh;        
}

.page-chat #wrapper {
    background: #ffffff;
}

.chevron-right {
	float: right;
	font-size: 30px;
	margin-top: -16px;
}

h5 span.float-right i {
	font-size: 14px;
	position: relative;
	top: 2px;
}

.mm-listview .active {
	/*background: #f7f7f7;*/
    opacity: 0.5;
    pointer-events: none;	
}

.avatar-wrapper {
	width: 100%;
	height: 100%;
}

.avatar-wrapper .img {
	height: calc(35vw - 30px);
	width: calc(35vw - 30px);
	border-radius: 5px;
    border: 1px solid #ddd;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 125px;
	max-height: 125px;
}

.button.gray {
	/*border: 2px solid #ddd !important;*/
}

.table-bordered-default td i {
	position: relative;
	top: 1px;
	margin-right: 3px !important;
	font-size: 14px !important;
	font-size: inherit;
}

.table-bordered-default small {
	font-size: 12px;
    word-break: break-all;
}

.job-overview.empty {
	background: transparent !important;
}
h5 .checkbox {
	/*margin-left: 14px;*/
	float: right;
	margin-top: 5px;
}
h5 .checkbox label {
	margin-bottom: 0px;
    padding-left: 26px;
    line-height: 21px;
}

small.help {
	display: block;
	line-height: 16px;
	margin-bottom: 15px;
}

div.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.no-click {
	pointer-events: none !important;
}

.table-responsive td i {
	color: var(--theme-color);
}

.table-responsive td .dashboard-status-button i {
	color: #ffffff !important;
}

.tingle-modal-box__content {
    padding: 20px;
}

.forgot-password {
	font-size: 14px;
	display: block; 
	text-align: right;
	color: #666;
}

.page-login #wrapper {
	background: #FFF;
}	

.page-cadastro #wrapper {
	background: #FFF;
}	

.job-listing-company-logo .img2 {
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #fff;
	/*background-size: cover;*/
	background-position: center;
	width: 112px;
	height: 112px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.compact-list-layout .job-listing {
    box-shadow: none;
    margin-bottom: 0;
    padding: 20px;
    /* padding-right: 80px; */
    border-radius: 0;
}

.compact-list-layout .job-listing .job-listing-company-logo {
    /*max-width: 105px;*/
    /*max-width: 112px;*/
    margin-right: 20px;
}

.job-listing .job-listing-description p {
	margin-top: 0px;
}

.cover {
	background-size: cover !important;
}

.empty .compact-list-layout {
	border-bottom: 0px !important;
}

.job-listing.active::after {
	border: 3px solid var(--theme-color) !important;
    border-radius: 6px !important;
    /* margin-top: -2px !important; */
    /* margin-left: -2px !important; */
    box-shadow: 5px 5px rgba(0,0,0,0.1);
    z-index: 1 !important;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
}

body .button.big.gray i {
	color: var(--theme-color);
}

.table-bordered-default td small i {
	position: relative;
	top: 3px !important;
}

.logo2 {
	height: 40vh;
	/*width: 100%;*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;	
}

.submit-field {
	/*overflow-y: hidden !important;*/
}

.push-notification {
    text-align: left;
    padding: 0px !important;
    border-bottom: 1px solid #666 !important;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, .22);
    /*box-shadow: 4px 4px #f7f7f7;*/
}

.push-notification h4 {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px;    
    font-weight: bold;
    color: #333;
}

.push-notification a {
    text-decoration: none !important;
    /*color: #333 !important;*/
}

.push-notification p
 {
    padding-left: 15px;
    padding-right: 15px;     
    text-align: left;
    margin-top: 5px;
    color: #666;
    margin-bottom: 18px !important;
    padding-bottom: 0px !important;
}

.push-notification .overhang-close {
    color: #333 !important;
    right: 20px;
    top: 25px;
    font-weight: 300 !important;
    position: absolute;
    font-size: 35px;
}

h5 i {
	position: relative;
	top: 1px;
	font-size: 14px !important;
	color: #FF4000;
}


.table-force-responsive tr {
	background: transparent !important;
}

.table-force-responsive tr td:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.table-force-responsive tr td:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.table-force-responsive thead {
	display: none !important;
}

.table-force-responsive td:before {
	content: attr(data-label);
	display: block;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	font-weight: 600
}

.table-force-responsive td:first-child {
	border-top: 1px solid #ddd;
	border-left: 2px solid #ddd;
	border-width: 2px !important;
	background: #f7f7f7 !important;
}
.table-force-responsive td:not(:last-child):not(:first-child) {
	border-left: 2px solid #ddd;
	border-bottom: none;
	border-width: 2px !important;
	padding-bottom: 0px;
}

.table-force-responsive td:not(:last-child):not(:first-child) {
	border-left: 2px solid #ddd;
	border-bottom: none;
	border-width: 2px !important;
	padding-bottom: 0px;
}

.table-force-responsive td:not(:first-child) {
	background: #fff;
}

.table-force-responsive {
	border-radius: 6px !important;
	border-left: 0px !important;
	border-top: 0px !important;
	background: transparent !important;
	margin-bottom: -15px;
}

.table-force-responsive td:last-child {
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	border-width: 2px !important;
	margin-bottom: 15px;
	/*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12);*/
}

.table-force-responsive tbody {
	border-radius: 6px !important;
}

.table-force-responsive td {
	display: block;
}

.table-force-responsive td a.dashboard-status-button {
    padding: 10px 15px;
    font-weight: bold;
    font-size: 14px;
}

.tingle-modal-box .welcome-text h3 {
	color: #333;
}

header.transparent #header {
	background: transparent !important;
	box-shadow: none !important;
}

.current-page-dashboard #wrapper {
	padding-top: 0px !important;
	height: 100vh !important;
}

.current-page-dashboard #logo a {
	display: none !important;
}

.current-page-dashboard .dashboard-content-inner {
	height: 100vh;
}

ion-icon {
	position: relative;
	top: 2px;
}

.color-primary {
	background: var(--theme-color) !important;
	color: #fff !important;
}

.color-light {
	background: var(--theme-color-light) !important;
	color: #333 !important;
}

.color-secondary {
	background: var(--theme-color-shade) !important;
}

.button.transparent {
	background: transparent !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

.voltar-top {
    position: fixed;
    left: 11px;
    top: 7px;
    color: var(--theme-color);
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 100% !important;

    /*font-weight: bold;*/
    height: 46px;
    width: 46px;
    z-index: 999;
    /*border-radius: 6px;*/
    text-align: center;
    font-size: 30px;
    padding-top: 5px;
}

h3 ion-icon {
    color: var(--theme-color);
}
.input-with-icon-left i ion-icon {
	top: 0px !important;
}
.input-with-icon-left i {
    background: #fff;
    border-right: none !important;
}
.input-with-icon-left i {
    color: var(--theme-color) !important;
}

.current-page-dashboard .loading {
	top: 0px !important;
}

h5 ion-icon {
	color: var(--theme-color);
}


.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	white-space: break-spaces;
}

.bootstrap-select.btn-group .dropdown-menu li a[aria-selected="true"] span.check-mark {
	border-radius: 50%;
	background: #30ab4a;
}

.bootstrap-select.btn-group button { 
	box-shadow: none;
	font-size: 18px;
	padding-left: 10px;
}

.submit-field .bootstrap-select {
	border: 1px solid #dddddd;
}

.submit-field .bootstrap-select:focus {
	border: 1px solid var(--theme-color);
}


.modal-default {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	width: 90%;
	margin: 0 auto;
}

.modal-default .header-image {
	margin-top: -15px !important;
	border-radius: 0px !important;
	margin-left: -15px;
	margin-right: -15px;
}

.modal-default .close i {
	font-size: 35px;
}
.modal-default .close {
	position: fixed;
	top: 10px;
    right: 10px;
    font-size: 20px;
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding-top: 1px;
    padding-left: 1px;
}

.modal-default p {
	font-weight: 300;
	color: #333;
}

.modal-default h3 {
	margin-bottom: 15px;
	margin-top: 3px;
/*    font-size: 1.5em;
    line-height: 130%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px !important;	*/
}

.instrucoes {
	background: #f7f7f7; 
	padding: 10px; 
	border-radius: 6px;	
}

header:not(.transparent) {
	box-shadow: 0 0 18px 10px rgb(0 0 0 / 10%);
}

.opcional-obrigatorio {
	font-weight: 400; 
	font-size: 12px;
	color: #000;
}


.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}

.swiper:not(.story__slider) .swiper-pagination-bullet {
    margin: 2px !important;
}

.ionicon-stroke-width {
    stroke-width: 11px !important;
}

.button.color-gray {
	background: #a3a3a3 !important;
	color: #ffffff !important;
}

.button.color-gray i {
	color: #ffffff !important;
}

.button.color-primary {
	background: var(--theme-color) !important;
	color: #ffffff !important;
}

.button.color-primary i {
	color: #ffffff !important;
}

.button.color-secondary {
	background: var(--theme-color-shade) !important;
	color: #ffffff !important;
}

.button.color-secondary i {
	color: #ffffff !important;
}

.page-introducao .swiper-pagination-bullet-active {
	background: var(--theme-color-shade) !important;
    transform: scale(1.25);
    transition: 400ms ease-in-out;
}

.page-introducao .swiper-pagination-bullet {
    background: var(--theme-color-shade) !important;
    transition: 400ms ease-in-out;
}

.page-introducao .swiper-wrapper,
.page-introducao .swiper-layer {
    background: transparent !important;
}

.page-introducao .swiper-container {
    height: 100vh;
    background-blend-mode: overlay !important;
/*    background: rgba(255,255,255,.85) url(/static/images/background.jpg) center/contain !important;*/
}

.input-with-icon-left i {
    background: transparent;
    border-right: none;
}

.input-with-icon-left i {
    color: #0A3844;
}

.border-detail {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
	background: white;
    padding: 15px 15px 100px;
}

.border-detail-content {
    flex: 0 0 auto;
    min-height: 140px;
    display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.border-detail-content h3 {
	margin-bottom: 10px;
/*	letter-spacing: 1px;*/
	line-height: 1.4;
	font-weight: 600;
	font-size: 1.4rem;
}

.border-detail-content p {
}

.border-detail-content b {
	font-weight: 900;
}

.border-detail center {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 100%;
    flex: 0 1 auto;
}

.border-detail center .image {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    margin-bottom: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.border-detail center:after {
	content: "";
    position: absolute;
    height: 100%;
    width: auto;
    left: -2px;
    right: -2px;
    top: auto;
    bottom: -1px;
    background: url(/static/images/login-border.svg) center bottom/contain no-repeat;
}

.login-register-page .border-detail center:after {
    background: url(/static/images/login-border.svg) center bottom/contain no-repeat;
}

.dashboard-card {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	background: var(--theme-color-dark);
    border: none !important;
    border-radius: 12px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding: 0 20px !important;
}

.dashboard-card img {
	margin: 30px 0;
	width: auto;
	height: 70%;
	max-height: 220px;
}

.dashboard-content-inner {
	background: #f9f9f9;
}

.toolbar.navbar-toolbar .btn {
	height: 100%;
}

.toolbar.navbar-toolbar .btn img {
	filter: invert(40%) sepia(0%) saturate(1738%) hue-rotate(140deg) brightness(96%) contrast(90%);
	opacity: 0.5;
	width: 24px !important;
	display: block;
	margin-bottom: 5px;
}

.toolbar.navbar-toolbar .btn span {
	color: #666 !important;
	opacity: 0.75;
	font-weight: 800;
	line-height: 1.4;
}

.toolbar.navbar-toolbar .btn.active img {
	opacity: 1;
	filter: invert(15%) sepia(20%) saturate(6801%) hue-rotate(225deg) brightness(93%) contrast(100%);
}

.toolbar.navbar-toolbar .btn.active span {
	opacity: 1;
	color: var(--theme-color) !important;
}

.topbar-profile {
    margin-top: 0px;
    width: 32px;
    width: 32px;
    border-radius: 100%;
    margin-right: 10px;
    border: 1px solid #999999;
}

.dashboard-header {
	height: 130px;
	padding-top: 15px;
	background: var(--theme-color);
	border-radius: 0px 0px 24px 24px;
}

.dashboard-header #header {
	background: transparent !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: auto !important;
}

.dashboard-header input {
	height: 40px;
}

.dashboard-header button[type="submit"] {
	height: 40px !important;
	width: 40px !important;
	background: var(--theme-color-shade) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0px !important;
	margin-left: 0px !important;
	border-radius: 12px !important;
}

.dashboard-header button[type="submit"] i {
	color: #ffffff !important;
	font-size: 16px !important;
	margin-left: 0px !important;
}

.dashboard-header .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	color: #ffffff;
}

.navbar-profile {
    margin-bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.navbar-profile h3 {
	color: #fff;
	line-height: 1.3;
	font-size: 18px;
}

.navbar-profile p {
	color: #fff;
	line-height: 1.4;
    margin-bottom: 0px;
}

.header-title {
	font-weight: 600 !important;
	letter-spacing: 0.2px;
}

.profile-card {
	padding: 15px 5px;
	border-radius: 12px;
	margin-bottom: 30px;
	border: transparent;
    background: transparent;
}

.border-red {
	border-color: #ff3b30 !important;
}

.text-color-red {
	color: #ff3b30 !important;
}

.search-bar .search-input {
	height: 40px;
}

.search-bar .search-button {
	height: 40px !important;
	width: 40px !important;
	background: var(--theme-color-shade) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0px !important;
	margin-left: 0px !important;
	border-radius: 12px !important;	
}

.search-bar .search-button i {
	color: #ffffff !important;
	font-size: 16px !important;
	margin-left: 0px !important;
}

.listings-container {
	background: transparent !important;
	border: transparent !important;
	box-shadow: none !important;
}

.listings-container .job-listing {
    border-radius: 6px !important;
    padding: 15px !important;
    box-shadow: 2px 2px rgb(0 0 0 / 5%) !important;
    margin-bottom: 10px;
}

.listings-container .job-listing .job-listing-company-logo {
	max-width: 88px !important;
	max-height: 88px !important;
}

.listings-container .job-listing .job-listing-company-logo .img2 {
	width: 88px !important;
	height: 88px !important;
	border-radius: 8px;
}

.compact-list-layout .job-listing-details {
	align-items: flex-start;
}

.price-hour {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 800;
	color: var(--theme-color);
	letter-spacing: -0.1px;
}

.price-hour.small {
	font-size: 20px;
}

.price-hour span {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 1.4;
/*	float: right;*/
}

.submit-field h5 i {
	color: var(--theme-color) !important;
	font-size: 20px !important;
	margin-right: 5px !important;
}

.filter-button {
	float: right !important;
	padding: 10px 20px !important;
}

.card-border-top {
    height: calc(55vh - 45px);
	margin-top: -15px;
	border-radius: 16px;
	background: #ffffff;
    position: relative;
    padding: 0 20px 30px;
	z-index: 1;
}

.dashboard-status-button {
    margin-right: 5px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    padding: 0px 8px !important;
}

.dashboard-status-button:last-of-type {
    margin-right: 0px;
}

.section-title {
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
}

.section-title .button {
	padding: 0px 8px;
}

.section-title i,
.section-title .button i {
	top: 0px !important;
}

.message-reply {
/*	border-radius: 10px 0px;*/
}

.messages-inbox {
}

.messages-inbox title {
	font-weight: 800;
	line-height: 1.4;
	font-size: 14px;
}

.messages-inbox li {
	padding: 0 10px;
	border: 0px !important;
/*	background: transparent !important;*/
}

.messages-inbox li.title {
	padding: 10px 0 5px;
}

.messages-container {
	background: transparent;
}

.messages-inbox li a {
    border-radius: 6px !important;
    padding: 15px 7px 15px 15px !important;
/*	background: #ffffff;*/
/*    box-shadow: 2px 2px rgb(0 0 0 / 5%) !important;*/
    margin-bottom: 1px;
}

.message-text p {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	margin-top: 5px;
	letter-spacing: 0.1px;
}

.message-text small {
	font-weight: 800;
	font-size: 11px;
}

.message-text small i {
}

.message-bubble {

}

.message-bubble .message-text {
	background-color: var(--theme-color-light) !important;
}

.message-bubble .message-text:before {
	border-right-color: var(--theme-color-light) !important;	
}

.message-bubble.me .message-text {
	background-color: var(--theme-color-lighter) !important;
	color: #333333 !important;
}

.message-bubble.me .message-text:before {
	border-left-color: var(--theme-color-lighter) !important;	
}

.message-bubble.me .message-text p, .message-bubble.me .message-text small, .message-bubble.me .message-text small i {
	color: #333333 !important;
}

.message-bubble.me .message-text small i.visualizado {
	color: #0087e4 !important;
	font-size: 18px;
}

i.visualizado {
	color: #0087e4 !important;
	font-size: 18px;
}

.text-color-black {
	color: #000000 !important;
}

.text-color-white {
	color: #ffffff !important;
}

.text-color-primary {
	color: var(--theme-color) !important;
}

.text-color-secondary {
	color: var(--theme-color-shade) !important;
}

.job-distance {
	float: right;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 600;
	margin-top: 8px;
}

.instrucoes {
	background: var(--theme-color-light);
	color: var(--theme-color-darker);
}

.submit-field input[type="checkbox"],
.submit-field input[type="radio"] {
	background: transparent;
	border: none;
	float: left;
}

.text-align-center {
	text-align: center;
}
.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.card-carteira i {
	font-size: 20px;
	line-height: 1;
}

.card-carteira {
	border: 1px solid var(--theme-color-llightblue);
    box-shadow: 2px 2px rgb(0 0 0 / 5%) !important;
	background: var(--theme-color);
	border-radius: 10px;
	padding: 20px;
	padding-bottom: 10px;
}

.card-carteira * {
	color: #ffffff;
}

.card-carteira .subtitle {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 0.1px;
	color: #eeeeee;
}

.card-carteira .title {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.1px;
	color: #ffffff;
}

.card-carteira p {
	margin-bottom: 10px;
	line-height: 1.4;
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
}

.card-carteira small {
	display: block;
	line-height: 1.4;
	letter-spacing: 0.1px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	color: #ffffff;
}

.card-carteira p small,
.card-carteira h1 small {
	display: inline-block;
}

.button.small {
	padding: 0px 15px;
}

.button.medium {
	padding: 10px;
}

.mm-panels li a {
	font-size: 18px;
	padding: 10px 20px !important;
}

.mm-panels li a i {
	color: #ffffff !important;
}

.dashboard-nav h3 {
	color: #ffffff;
}

.dashboard-nav ul li a {
	padding: 10px 20px;
}

.dashboard-nav ul li a i {
	color: #ffffff;
}

.empty center {
	margin-top: 6vh;
}

.card-admin {
	padding: 0 15px !important;
	height: 90px !important;
	margin-bottom: 15px !important;
	background: var(--theme-color-shade);
}

.card-admin a {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.card-admin a i {
	display: block;
	font-size: 24px !important;
	line-height: 1.3 !important;
	color: #ffffff !important;
}

.text-color-yellow {
	color: #ffcc00 !important;
}

.page-dashboard #header {
	box-shadow: none !important;
}


.page-detalhescatalogo #header .left-button a {
	background: rgba(255,255,255,0.5);
    border-radius: 50%;
    margin-top: 10px;
    margin-left: -8px;	
}

.page-detalhescatalogo #header .left-button i {
	color: var(--theme-color-shade) !important;
	margin-top: 10px;

}

.modal-prestador .tingle-modal-box {
	width: 250px !important;
	height: auto;
	margin: 0 auto;
	margin-top: calc(100vh - 150%);
	border-radius: 25px;
}

.modal-prestador {
    background: rgba(0,0,0,0.4) !important;
}

.modal-prestador .img {
	width: 180px;
	height: 180px;
	border-radius: 6px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #efefef;
}


.mm-menu {
	height: 63vh;
	bottom: auto;
	top: 60px;
}

img {
	-webkit-user-drag: none !important;
/*	pointer-events: none !important;*/
}


.mm-menu.mm-offcanvas.mm-opened {
	display: block !important;
}

.plyr--audio .plyr__progress input {
	box-shadow: none !important;
	max-width: max-content !important;
}

.plyr--audio {
	max-width: 200px !important;
}

.message-text.deleted div, .message-text.deleted .plyr {
    display: none !important;
}

.mm-menu {
	background: transparent;
}

.mm-listview {
	background: #ffffff;
    padding: 15px 0 10px;
}

.item-content .switch {
	position: relative;
	display: inline-block;
	min-width: 62px;
	width: 62px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.item-content .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.item-content .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 34px;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.item-content .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.item-content input:checked + .slider {
	background-color: var(--theme-color-shade);
}

.item-content input:focus + .slider {
	box-shadow: 0 0 1px var(--theme-color-shade);
}

.item-content input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.input-with-icon-left input {
	padding-left: 40px !important;
}

.block-title {
	margin-top: 15px !important;
	font-weight: 600 !important;
}

.white-space-normal {
	white-space: normal !important;
}

.item-content .item-inner {
	padding-top: 10px;
	padding-bottom: 10px;
}

.item-content .item-inner select {
	box-shadow: none !important;
	width: 100%;
	margin-bottom: 0px;
}

.media-list .list-group li:active,
.media-list .list-group li:focus {
	background-color: rgba(0, 0, 0, 0.05);
}

.hamburger--collapse {
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
    padding-right: 0px;
    padding-left: 6px;
    font-size: 36px;
    color: #fff;
    height: 60px;
    width: 44.66px;
}

.modal-perfil-buttons {
	align-items: center;
	justify-content: center;
}

.modal-perfil-buttons .button-menu {
	background: transparent !important;
    box-shadow: none !important;
    color: var(--theme-color);
}

.modal-perfil-buttons .button-menu:focus,
.modal-perfil-buttons .button-menu:active,
.modal-perfil-buttons .button-menu:hover {
	background: rgba(0,0,0,0.15) !important;
}

.modal-perfil-buttons .button-menu i {
	font-size: 44px;
	line-height: 50px;
}

#modal-perfil hr {

}

.media-list-perfil {
	padding: 0px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow-x: auto;
	margin: 0 -15px 10px;
    padding: 0 15px;
}

.media-list-perfil li {
	list-style: none !important;
}

.media-list-perfil li .media-portrait {
	width: calc(30vw - 15px);
	max-width: 140px;
	height: calc(30vw - 15px);
	max-height: 140px;
	background: #bbb;
/*	background: #666666;*/
	border-radius: 8px;
	overflow: hidden;
}

.media-list-perfil li + li {
	margin-left: 10px;
}

.media-list-perfil li .media-portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media-list-imagem-perfil {
	padding: 0px !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0 0 10px;
}

.media-list-imagem-perfil li {
	list-style: none !important;
	flex: 0 0 auto;
	max-width: 33.33%;
	padding: 0 3px;
}

.media-list-imagem-perfil li .media-portrait {
	width: calc(32vw - 16px);
	height: calc(32vw - 16px);
	margin: 0px auto 10px !important;
	background: #bbb;
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid #bbb;
	min-width: 70px;
	min-height: 70px;
}

.media-list-imagem-perfil li + li {
/*	margin-left: 10px;*/
}

.media-list-imagem-perfil li .media-portrait img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

hr {
	opacity: 0.5;
}

.list label.item-content {
	padding-left: 0px;	
}

.item-checkbox {
	padding-left: 10px;
}

.item-checkbox .icon {
	font-size: 24px;
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.item-checkbox .icon.la-circle {
	color: #666666;
}

.item-checkbox .icon.la-check-circle {
	color: var(--theme-color-shade);
}

.message-text h4 {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.5px;
	color: #999;
	font-style: italic;
}

.list-group .item-content .item-media {
	position: relative;
	overflow: visible;
}

.list-group .item-content .item-media .item-checked {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: -5px;
	right: -5px;
	font-size: 22px;
	overflow: visible;
	background: var(--theme-color-shade);
	border-radius: 100%;
	color: #ffffff;
	line-height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chips-vertical {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-height: 80px;
    flex-direction: row;
    background: transparent;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.chips-vertical .chip {
	height: 80px;
	width: 75px;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.chips-vertical .chip + .chip {
	margin-left: 10px;
}


.chips-vertical .chip .chip-media {
	width: 50px !important;
	height: 50px !important;
	position: relative;
	margin: 0 0 10px !important;
}

.chips-vertical .chip .chip-label {
	text-overflow: ellipsis;
    max-width: 80px;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
}

.chips-vertical .chip .chip-delete {
	position: absolute !important;
	bottom: -5px !important;
	right: -5px !important;
	overflow: visible !important;
	border-radius: 100% !important;
	background: #666 !important;
	opacity: 1 !important;
}

.chips-vertical .chip .chip-delete i {
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
}

.list-mensagens ul li {
	border-bottom: 1px solid #dddddd;
}

.list-mensagens ul li .item-content {
	align-items: flex-start;
	justify-content: center;
}

.list-mensagens ul li .item-content .item-inner {
	margin-left: 10px;
}

.list-mensagens ul li .item-content .item-media {
    margin-top: 10px;
    height: 30px;
    width: 30px;
}

.list-mensagens ul li .item-content .item-title {
	font-size: 12px;
	line-height: 1.4;
	font-weight: 600;
	width: auto;
	max-width: calc(100% - 90px);
}

.list-mensagens ul li .item-content .item-after {
	font-size: 12px;
	line-height: 16px;
}

.list-mensagens ul li .item-content .item-after i {
	font-size: 12px;
}

.list-mensagens .message-bubble {
	margin-bottom: 0px;
}

.list-mensagens .message-bubble p {
	margin-bottom: 0px;
}

.list-mensagens .message-bubble .message-text,
.list-mensagens .message-bubble.me .message-text {
    float: left !important;
    margin: 5px 10px 5px 5px !important;
}

.list-mensagens .message-bubble .message-text:before {
	top: 5px;
}

.contact-list .item-content .item-inner {
/*	padding-left: 15px !important;*/
/*  COMENTEI POIS ESTAVA ESTRAGANDO O VISUAL DOS CONTATOS DAS TELAS PRINCIPAIS */
}

.contact-list .item-content .item-inner + .switch {
	margin-right: 10px !important;
}

.button-fixed-bottom {
	position: fixed !important;
    bottom: 10px !important;
    right: 10px !important;
    left: 10px !important;
    top: auto !important;
    width: auto !important;
    margin: auto !important;
}

.input-with-icon-left select {
    padding-left: 40px !important;
	text-indent: 0px !important;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .05) !important;
	border: 1px solid #ccc !important;
	border-radius: 0px !important;
}

.document-list {

}

.document-list .item-subtitle {
	width: calc(100% - 65px);
	flex: 1 1 auto;
}

.document-list .item-after {
	font-size: 12px;
	text-align: right;
	float: right;
	flex: 0 0 auto;
}

.link-list .item-title {
	width: calc(100% - 65px);
	flex: 1 1 auto;
}


.link-list .item-after {
	font-size: 12px;
	text-align: right;
	float: right;
	flex: 0 0 auto;
}

.link-list .item-content {
	padding-left: 0px !important;
}

.link-list li:not(:first-child),
.document-list li:not(:first-child) {
	border-top: 1px solid #dddddd !important;
}

.document-list .item-media img,
.link-list .item-media img,
.link-list .item-media .item-icon {
    background: rgba(0,0,0,0.05) !important;
	object-fit: contain !important;
	border-radius: 4px !important;
    padding: 7px 0 !important;
}

.message-reply.open-mensagem-citada {
	height: auto;

}

.mensagem-reply-citada {
	border-radius: 4px;
	width: 100%;
	min-height: 30px;
	position: absolute;
	bottom: 65px;
	left: 0px;
	right: 0px;
	background: white;
	padding: 15px 15px 5px;
}

.mensagem-reply-citada > div {
    border: 1px solid #dddddd !important;
    border-left: 5px solid #dddddd !important;
    font-size: 14px;
    padding: 10px 10px;
    border-radius: 6px;
}

.content-localizacao {

}

.media-list li .item-icon.color-shade {
	background: var(--theme-color-shade);
}

.media-list li .item-icon.color-shade i {
	color: #ffffff;
}

.media-list li .item-icon.color-light {
	background: var(--theme-color-lighter);
}

.media-list li .item-icon.color-light i {
	color: #333333;
}

.content-localizacao {
	height: calc(100vh - 60px);
}

.content-localizacao .map-content {
	background: #f7f7f7;
	position: relative;
	height: calc(100vh - 140px);
/*	height: 70vh;*/
}

.content-localizacao .list-content {
	height: 140px;
/*	height: calc(100% - 40vh - 70px);*/
}

.content-fullscreen.content-localizacao .map-content {
	height: 75vh;
}

.content-localizacao .map-content .fullscreen-button {
	left: 15px;
}

.content-localizacao .map-content .compass-button {
	right: 15px;
}

.content-localizacao .map-content .button {
	top: 15px !important;
	height: 44px !important;
	width: 44px !important;
	background: #dddddd !important;
	position: absolute !important;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.1) !important;
	border-radius: 100% !important;
	padding: 0px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.content-localizacao .map-content .button i {
	color: #000000;
	font-size: 20px;
	line-height: 1;
	margin: 0px;
}

.content-fullscreen.content-localizacao .list-content {
	height: calc(100% - 75vh);
}

.content-localizacao .list-content .scroll-content {
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
    height: 100%;
}

.content-localizacao .list-content .scroll-content .contact-list li.list-group-title {
	min-height: 30px;
	height: 30px;
	padding: 0 15px;
	position: static;
}

.contact-list li:last-of-type a.item-link.item-content .item-inner {
	border-bottom: 0px !important;
}

.header-transparent#header-container {
	box-shadow: none !important;
    background: transparent !important;
}

.header-transparent#header-container #header {
	box-shadow: none !important;
	background-color: transparent !important;
}

.header-transparent#header-container .right-side {
	padding-right: 15px;
}

.button-header-rounded {
	margin: 14px 0 0;
	border-radius: 100%;
	background-color: rgba(0,0,0,0.6);
	line-height: 44px;
	display: inline-block;
	height: 44px;
	width: 44px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.button-header-rounded i {
	color: #ffffff;
	font-size: 30px;
	line-height: 50px;
}

.button-header-rounded.button-sm {
	height: 50px;
	width: 50px;
	line-height: 50px;
}

.button-header-rounded.button-sm i {
	font-size: 30px;
	line-height: 50px;
}

.header-transparent .button-header-rounded.transparent {
	background-color: transparent !important;
}

.content-status {
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--theme-color-shade);
	filter: hue-rotate(360deg);
    padding-top: 70px;
}

.content-status > * {
	filter: unset;
}

.content-status > .container {
	padding: 0 15px;
    height: calc(100% - 75px);
}

.content-status .textarea-content {
	justify-content: center;
	align-items: center;
	display: flex;
	padding-bottom: 30px;
	height: 100%;
	width: 100%;
}

.content-status .textarea-content .textarea {
	vertical-align: middle;
	background: transparent !important;
	max-width: calc(100% - 30px);
	max-height: calc(100vh - 170px);
    min-height: 1.7rem;
	height: auto;
	text-align: center;
	position: relative;
	color: #ffffff;
	min-width: 20px;
	font-size: 24px;
	line-height: 1.4;
	outline: none !important;
	overflow-x: hidden;
	overflow-y: auto;
}

.content-status .textarea-content .textarea:empty {
	min-width: 190px;
}

.content-status .textarea-content .textarea:empty:before {
	content: "Digite seu status";
	opacity: 0.5;
	color: #ffffff;
	position: absolute;
	margin: auto;
	display: inline-block;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -999999;
}

.content-status .textarea-content .textarea:focus:before {
	content: none !important;
}

.content-status .image-content {
    max-width: 100vw;
    max-height: 100vh;
/*    max-height: calc(100vh - 70px);*/
    height: auto;
    width: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
/*    bottom: 70px;*/
    bottom: 0px;
    display: flex;
}

.content-status .image-content img {
	width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    object-fit: contain;
}

.fixed-bottom-toolbar {
	padding: 0px 10px;
	height: 70px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	background: rgba(0,0,0,0.1);
	padding: 10px;
	width: auto;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.fixed-bottom-toolbar .button-status {
    border-radius: 24px !important;
    height: 36px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    width: auto !important;
    background-color: #333333 !important;
    padding: 0 15px !important;
}

.fixed-bottom-toolbar .button-status i {
	margin: 0px;
}

.fixed-bottom-toolbar .button-rounded {
	width: 48px !important;
	height: 48px !important;
	padding: 0px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	background-color: var(--theme-color-darker) !important;
	border-radius: 100% !important;
}

.fixed-bottom-toolbar .button-rounded i {
	font-size: 24px;
	color: #ffffff;
	margin: 0px !important;
}

.legenda-toolbar {
	border-radius: 24px !important;
	background: #000000 !important;
	position: fixed !important;
	bottom: 80px !important;
	left: 10px !important;
	right: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 5px 15px !important;
}

.legenda-toolbar button {
	margin: 0px !important;
}

.legenda-toolbar button i {
	margin: 0px !important;
}

.legenda-toolbar input {
	margin: 0px !important;
	color: #ffffff !important;
	font-weight: 500 !important;
	background: transparent !important;
}

.modal-popup-midias {
	z-index: 100000 !important;
}

.modal-image-preview, .modal-video-preview {
	z-index: 1000000 !important;
}

.modal-video-preview .tingle-modal-box__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* flex-wrap: wrap; */
    align-content: center;
    height: 100%;	
}

.modal-image-preview .tingle-btn a {
	display: block;
	height: 100%;
}

.ios-alertview {
    min-width: 290px;
    width: auto !important;
}

.ios-alertview-button { 
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.message-bubble .favorito {
	margin-top: 4px;
	float: right;
	font-size: 14px;
}

.message-encaminhada {
	width: 100%;
	line-height: 24px;
	font-size: 12px !important;
	color: #333333;
}

.message-encaminhada i {
	font-size: 14px !important;
	line-height: 24px;
	color: #333333;
}

.button-voltar i {
	font-size: 30px !important;
}

.click {
	cursor: pointer !important;
}

.message-reply .gravando-audio-mensagem {
	left: 0px;
	right: 65px;
	width: auto;
}

.messages-inbox ul {
	height: calc(100vh - 60px - 42px);
}

.message-reply .gravando-audio-mensagem .cancelar-gravando-audio {
	z-index: 10;
}

.page-chat .message-reply {
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.message-content-inner {
	max-height: 100%;
}

.message-options-web {
	display: none !important;
	position: absolute;
}

.message-bubble:hover .message-options-web {
    display: flex !important;
    top: 0px;
    right: 0px;
    background: #ffffff;
    width: 30px;
    height: 30px;
    top: 0px;
    padding: 0px;
    align-items: center;
    justify-content: center;
	border-radius: 100%;
}

.message-bubble.me:hover .message-options-web {
	background: var(--theme-color-lighter);
}

.icone-encaminhar-imagem {
	position: absolute;
	left: 0px;
}

.message-content-inner > div {
	position: relative;
}

.message-bubble .icone-encaminhar-imagem {
	position: absolute;
	top: 0px;
	bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0px;
	margin-right: -40px;
	right: 0px;
    left: auto;
}

.message-bubble.me .icone-encaminhar-imagem {
	margin-left: -40px;
	margin-right: 0px;
	left: 0px;
	right: auto;
}

.icone-encaminhar-imagem a {
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	color: #ffffff;
	text-decoration: none !important;
}

.icone-encaminhar-imagem a i {
	color: #ffffff;
}

.message-bubble:active {
	opacity: 0.5 !important;
}

.message-bubble.selecionada {
	position: relative;
}

.message-bubble.selecionada:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: #c1e9f9;
    opacity: 0.45;
}

.message-bubble .message-text {
    max-width: 75%;
/*    max-width: 90%;*/
/*    max-width: calc(100% - 105px);*/
    padding: 10px 15px 0px 15px !important;
/*  STYLE COMENTADO, PQ TANTO ESPAÇAMENTO NA DIREITA?  */
/*    padding: 10px 30px 0px 15px !important;*/
}

.message-bubble {
	margin-bottom: 0px;
	padding: 10px 30px 5px;
}

.message-bubble .message-avatar {
	top: 10px;
	left: 30px;
	right: auto;
}

.message-bubble.me .message-avatar {
	left: auto;
	right: 30px;
}

.page-chat .messages-container-inner .message-content-inner {
	padding: 30px 0;
}
.mensagem-reply-citada h3 {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    font-weight: 500;
}

.mensagem-reply-citada .close {
	position: absolute;
	font-size: 24px;
	right: 25px;
    top: calc(50% - 10px);
/*    top: calc(50% - 5px);*/
    bottom: calc(50% - 5px);
}

.message-bubble .mensagem-reply-citada {
	position: static;
	background: transparent;
	margin: 0px 0px 5px !important;
	max-width: 100%;
	width: auto;
	padding: 0px;
}

.mensagem-reply-citada span {
	word-break: break-all;
}

.mensagem-reply-citada > div {
	background: #ffffff !important;
	position: relative !important;
	padding: 10px 40px 10px 10px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.message-bubble .mensagem-reply-citada > div {
	padding: 10px !important;
}

.message-bubble.me .mensagem-reply-citada > div {
	background: var(--theme-color-lighter) !important;
}

.mensagem-reply-citada .mensagem-citada-content {
	display: flex;
    flex-direction: column;
    padding-right: 10px;
}

.mensagem-reply-citada img {
	border-radius: 4px;
	display: block;
	margin: 0px;
	width: 55px;
	height: 55px;
	object-fit: cover;
}

.mensagem-reply-citada .close {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.25);
	border-radius: 100%;
}

.mensagem-reply-citada .close i {
	color: #ffffff;
}

.tingle-modal-box img {
	max-height: calc(100vh - 20vh);
	max-width: calc(100vw - 20vw);
	object-fit: contain;
}

.messages-container .messages-container-inner .message-content-inner {
	background: url(/static/images/wallpaper-chat.png) rgba(255,255,255,0.97) center/cover no-repeat;
	background-blend-mode: color;
}

.messages-container-inner .message-content-inner > div:last-of-type {
	margin-bottom: 0px !important;
}

.messages-container-inner .message-content-inner > div:last-of-type .message-bubble {
	padding-bottom: 50px !important;
}

.page-chat .message-bubble .message-text img {
    margin-top: 5px;	
}

div.block-title {
	margin-left: 0px;
}

.button-opcoes-mensagem i {
	font-size: 30px !important;
}

.inicio-web-content {
	background: #ffffff;
	padding: 60px;
	border-radius: 4px;
	height: auto;
}

.inicio-web-container {
	background: linear-gradient(to bottom, #dddddd 350px, var(--theme-color-shade) 351px, var(--theme-color-shade));
	border-radius: 4px;
	padding: 30px;
	width: 100vw;
	height: 100vh;
}

.image-web-container {
	width: 100%;
	margin-bottom: 70px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.image-web-container img {
	width: 200px;
}

.page-inicioweb #wrapper {
	padding: 0px !important;
}

.silenciado {
	float: right;
	right: 0px;
/*	bottom: 18px;*/
	top: -22px;
	position: relative;
	font-size: 22px;
	color: #666;
}

.fixo {
	float: right;
	right: 0px;
/*	bottom: 18px;*/
	top: -20px;
	position: relative;
	font-size: 20px;
	color: #666;
}


.tingle-modal:before {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

.ios-alertview {
	overflow: auto;
}

.chamada-solicitacao-modal {
	justify-content: center;	
}

.tingle-modal--overflow {
	margin: 0px;
	width: 100vw;
}

.list-group ul li .label.item-checkbox {
	margin: 0px !important;
    height: 70px;	
}

.options-web {
	display: none !important;
	z-index: 1;
	margin-left: 5px;
	float: right;
	right: 0px;
	top: -20px;
	position: relative;
	font-size: 20px;
	color: #666;
	transition: all 200ms ease-in-out;
}

.messages-inbox ul li:hover .options-web {
    display: flex !important;
    padding: 0px !important;
    height: 20px !important;
    justify-content: center;
    align-items: center;
    border-radius: 100% !important;
    transform: scale(1.25);
    font-size: 14px;
    width: 20px;
    height: 20px !important;
}

.modal-popup-confirmar input[type="tel"] {
    font-size: 20px;
    color: #000;
    font-weight: 400;        
}

.modal-popup-confirmar .button-fixed-bottom {
    font-weight: 900 !important;
    font-size: 18px !important;        
}

.ios-alertview-text-input {
	height: 40px !important;
    font-size: 18px !important;
    font-weight: 500 !important;	
}