.numbered.color ol>li::before {
	border: 1px solid #30ab4a;
	color: #30ab4a
}

.numbered.color.filled ol>li::before {
	border: 1px solid #30ab4a;
	background-color: #30ab4a
}

.radio input[type=radio]:checked+label .radio-label {
	background-color: #30ab4a;
	border-color: #30ab4a
}

.checkbox input:checked+label span.checkbox-icon {
	background-color: #30ab4a;
	border-color: #30ab4a
}

.slider-handle {
	border: 2px solid #30ab4a
}

.infoBox-close:hover {
	color: #fff;
	background-color: #30ab4a
}

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

a {
	color: #000;
	/*color: #333;*/
}

.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: #652ec3
}

#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: #fff;
}


#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: #652ec3;
	color: #FFF;
}

button.button {
	background: #652ec3;
	color: #FFF;
	/*border: 2px solid #333;*/
}

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: #F2F4F3;
	color: #333;
}

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

.photo-box.small:hover:before {
	/*background: #F2F4F3 !important;*/
}
/*.photo-box.small .photo-box-content span {*/



.uploadButton .uploadButton-button,
.pricing-plan .button {
	color: #333;
	border: 1px solid #333
}

.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: #F2F4F3
}

#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(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: #F2F4F3
}

.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: #F2F4F3
}

.marker-cluster div:before {
	border-color: #F2F4F3;
	box-shadow: inset 0 0 0 4px #F2F4F3
}

.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: #F2F4F3 !important;
}

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

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

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

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

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

#logo img {
	height: 26px;
    top: 29px;
}

.toolbar {
    background: #652ec3 !important;
}

@media only screen and (max-width: 1099px) {
	.banner-headline h3 {
		text-align: center;
		font-size: 22px;
	}

	.banner-headline {
		text-align: center;
	}

	.swiper-slide .photo-box {
		height: 45vh;
		background-position: center !important;
		background-size: auto 100% !important;
    	background-color: #f7f7f7;
    	z-index: 0;
		/*height: 30vh;*/
	}
	.intro-banner-search-form .intro-search-button {
		margin-right: 0px;
		margin-top: 15px;
	}

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

	#logo img {
	    top: 17px !important;
	    max-width: 160px !important;
	    height: auto !important;
	}
	#header {
		border-bottom: 1px solid rgba(0,0,0,0.3) !important;
	}
	.toolbar i, .toolbar i {
		font-weight: 100 !important;
	}
	.toolbar i, .toolbar span {
		color: #fff;
		font-weight: 600;
	}
	.toolbar .col-4 {
	    border-top: 1px solid rgba(255,255,255,0.3) !important;
	    border-right: 1px solid rgba(255,255,255,0.2) !important;
	}	
	.toolbar .col-4.active {
		background: transparent !important;
		opacity: 0.8 !important;
	}	

	.toolbar a {
		text-align: center;
		width: 100%;
	}

/*
	.toolbar .col-3 {
	    border-top: 1px solid rgba(255,255,255,0.2) !important;
	    border-right: 1px solid rgba(255,255,255,0.2) !important;
	}	
	.toolbar .col-3.active {
		background: transparent !important;
		opacity: 0.8 !important;
	}	

	.toolbar .col-4 {
	    border-top: 1px solid #ddd !important;
	    border-right: 1px solid rgba(255,255,255,0.2) !important;
	}	
	.toolbar .col-4.active {
		background: transparent !important;
		opacity: 0.8 !important;
	}		
*/	

	.section .img {
		background-size: auto 99%;
		background-repeat: no-repeat;
		background-color: #fff !important;
		/*border-bottom: 1px solid #ddd;*/
		margin-top: 4vh;
	}

	.swiper-slide .photo-box {
		background-size: cover;
		background-repeat: no-repeat;
	}
	.mm-menu {
		border-right: 1px solid #ddd;
		background: #fff;
		color: #333;
	}	

	.mm-panels li {
		border-color: #efefef;
	}
	.mm-panels li a {
		color: #333;
	}

}

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

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

.photo-box {
	background-color: #f7f7f7;
	box-shadow: none !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100% !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;
	/*font-weight: normal !important;*/
	/*font-size: 14px !important;*/
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.destaque.dashboard-status-button {
	background: #30ab4a !important;
	color: #fff;
}

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

.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: */
}

.account-type {
    display: block;
    width: 100%;
    margin: 0px;
}

.account-type div {
     margin-right: 0px; 
}

#navigation ul li a i {
    font-size: 18px !important;
    top: 3px !important;
}

.tingle-modal-box__footer button {
	font-weight: bold;
	border-radius: 6px;
}

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

.job-listing-company-logo .img {
    border: 1px solid #ddd;
    background-position: center;
    border-radius: 5px;
}

#mm-blocker {
    background: rgba(255,255,255,0.8);
}

.icon-box-circle-inner {
	color: #F2F4F3;
}

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

.intro-banner:after, .intro-banner:before {
	background: #fff !important;
}

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

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

.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;
}

.tabs-default .tabs-header {
	background: #f7f7f7;
	color: #333;
	border-bottom: none;
}
.tabs-default {
	border-top: 1px solid #ddd;
	border-bottom: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.tabs-default .tabs-header a {
	color: #666;
	font-size: 14px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 10px;
}

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

.tabs-default .active a, .tabs-default .active a i {
	font-weight: bold;
	color: #222;
	/*opacity: 0.7;*/
}

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

.tabs-default li {
	border-bottom: 1px solid #ddd;
}

.tabs-default .active {
	background: #efefef;
}

.tabs-default ul {
	width: 100% !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: 5px; 
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
	line-height: 18px;
	font-weight: 600;
	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: #F2F4F3 !important;
	color: #333 !important;
}

.fun-fact {
	overflow: hidden !important;
	border: 1px solid #ddd;
}

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

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

#header .carrinho-badge {
	z-index: 10 !important;
	border: 1px solid #fff;
    font-weight: bold !important;
    background: #dc3139;
    color: #fff !important;
    border-radius: 100%;
    font-size: 11px !important;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 14px;
    line-height: 18.5px;
    height: 20px;
    width: 20px;
    text-align: center;
}

.bg-transparent {
	background: transparent !important;
}

.page-pedidos #wrapper, 
.page-dashboard #wrapper, 
.page-pagamento #wrapper, 
.page-usuarios #wrapper, 
.page-assinatura #wrapper, 
.page-planos #wrapper, 
.page-taxa-entrega #wrapper, 
.page-404 #wrapper, 
.page-cadastro #wrapper, 
.page-conta #wrapper, 
.page-catalogo #wrapper, 
.page-gerenciar-catalogo #wrapper, 
.page-configuracoes #wrapper, 
.page-alterar-senha #wrapper, 
.page-recuperar-senha #wrapper 
{
	padding-top: 0px !important;
}

.page-login .loading, .page-cadastro .loading {
	top: 0px !important;
}

.submit-field h5 {
	color: #666;
	line-height: 20px;
	margin-bottom: 5px;
}
/*
.page-gerenciar-catalogo .dashboard-content-inner {
	padding-top: 30px;
}*/

.logo-sidebar {
	margin-top: 50px;
	width: 50%;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
}

.logo-top {
	margin-top: 33px;
	width: 150px;
	margin-bottom: 10px;
}

.dashboard-sidebar {
	background: #652ec3;
    border-right: 1px solid rgba(0,0,0,0.1) !important;
}

.dashboard-nav ul li a {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
}

.dashboard-nav ul li a i {
	color: #fff !important;
}

.logo-login {
	width: 150px;
	margin-bottom: 30px;
}

#footer {
	background: #fdfdfd;
	border-top: 1px solid #efefef;
}

.page-inicio #wrapper {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.page-title {
	text-align: center;
	margin-bottom: 10px;
}

.page-subtitle {
	text-align: center;
	margin-bottom: 10px;
}

.page-inicio .logo {
	width: 25vh;
	height: 25vh;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	margin-bottom: 30px;
	margin-top: 20px;
}

.job-listing-details .destaque {
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 3px;
	line-height: 11px;
    top: 14px;
    left: 1px;
    z-index: 1;
}

.job-listing-subtitle {
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #777;
}

.footer-social-links.center {
    display: flex;
    flex-direction: row;
    width: 105px;
    margin: 0 auto;
}

.section.detalhes {
    text-align: center;
}

.button-bottom {
	position: fixed !important;
	bottom: 0px;
	top: auto !important;
	background: #30ab4a !important;
	left: 0px;
	right: 0px;
	z-index: 10;
	line-height: 39px !important;
	border-radius: 0px !important;
	height: 60px;
	width: 100%;
	text-align: right !important;
}

.button-bottom .button {
	font-size: 19px !important;
	line-height: 40px !important;
	z-index: 100 !important;
	width: 75%;
	border-radius: 0px;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
}

.button-bottom input[type="tel"] {
	color: #fff !important;
	font-size: 24px;
	text-align: center;
	width: 50px;
	position: absolute;
	left: 5px;
	bottom: -10px;
	background: rgba(255,255,255, 0.1) !important;
	border: 1px solid #fff !important;
	pointer-events: auto;
}

.button-bottom span {
	color: #fff !important;
    font-size: 25px;
    position: absolute;
    left: 63px;
    bottom: 12px;
}

#header #logo a {
	font-size: 18px;
	line-height: 60px;
}

.btn-carrinho {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 70px;
	height: 70px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	z-index: 100;
	background: #30ab4a;
}

.btn-carrinho i {
	color: #fff;
	font-size: 50px;
	margin-top: 10px !important;
}

.section .img {

	height: 40vh;
	background-position: center;
	background-size: 100%;
	background-color: #ddd;
	width: 40vh;
	margin: 0 auto;
	margin-top: 50px;
}


.detalhes h2 {
	margin: 20px;
	font-size: 2em;
	color: #000;
}

.detalhes h4 {
	margin: 20px;
	font-size: 17px;
	color: #666;
}

.detalhes h3 {
	margin: 20px;
	color: #444;
	font-size: 24px;
}

.detalhes h6 {
	color: #666;
	margin: 20px;
	/*margin-top: 20px;*/
}	

.detalhes hr {
    border-color: #fff;
    opacity: 0.5;	
    margin: 0px;	
}

.detalhes p {
	margin: 20px;
	font-size: 14px;
	letter-spacing: 0px;
}

.detalhes table td {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
}

.filtro .input-icon {
    font-size: 14px;
    float: right;
    margin-right: 5px;
    /* position: absolute; */
    /* right: 12px; */
    /* top: 12px; */
}

.logout {
	margin-left: 5px;
}
.logout i {
	position: relative;
	top: 3px;
	font-size: 24px;
}

a.expand i {
	position: relative;
    top: 7px;
    font-size: 26px !important;
}

.avatar-wrapper .img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 1px solid #ddd;
	background-size: cover;
	background-repeat: no-repeat;
}

small.help {
    line-height: 16px;
    font-size: 12px;
    display: block;
    margin-top: 5px;	
}


.icon-line-awesome-facebook-square {
	font-size: 50px;
}

.icon-brand-instagram {
	font-size: 42px;
	margin-top: 3px;
    top: 3px;
    position: relative;
}

.gallery-item {
	height: 20vh;
	width: 100%;
	border: 1px solid #ddd;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.gallery-item button.color-red {
    position: absolute;
    right: 13px;
    top: 4px;
    padding: 0px 2px !important;
    border: 1px solid #666;
}
.gallery-item button.color-yellow, .gallery-item button.color-blue {
    position: absolute;
    right: 39px;
    font-size: 12px;
    top: 4px;
    padding: 0px 4px !important;
    border: 1px solid #666;
    font-weight: bold;
}
.gallery-item button.color-blue {
	/*color: #000 !important;*/
}
.gallery-item button.color-blue i {
	display: none !important;
	/*opacity: 0 !important;*/
}
.gallery-item button i {
	top: 4px !important;
    font-size: 18px !important;
}

hr {
	opacity: 0.5;
}


.color-red {
  background: #ff3b30 !important;
  color: #fff !important;
}
.text-green {
  color: #30ab4a !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: #000 !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;
}

.table-card {
    background: #eee;
    border: 1px solid #ddd;	
}

.swiper-button-next, .swiper-button-prev {
	opacity: 0.1 !important;
}

.boxed-widget {
    border: 1px solid #ddd;
}

.boxed-widget.summary li.total-costs {
    padding-top: 5px; 
    margin-top: 5px; 
}

.payment {
	border: none;

}

.payment-tab-content {
	padding: 0px;
}

.page-detalhes .content-load {
    max-width: 500px;
    margin: 0 auto;
}




.page-gerenciar-catalogo .table-bordered td {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.page-carrinho .tabs h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

.page-carrinho .basic-table td, .page-carrinho .basic-table th {
	padding-left: 10px;
	padding-right: 10px;
}

.button-admin {
	position: fixed !important;
	left: 0px !important;
	top: 60px !important;
	padding-left: 5px !important;
	padding-right: 15px !important;
	z-index: 99999 !important;
	/*bottom: 100px !important;*/
	background: #652ec3 !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.loading:before {
	position: absolute;
	/*top: 0px;*/
	content: " ";
	bottom: 0px;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	/*-webkit-filter: blur(8px);	*/
	backdrop-filter: blur(3px);
	/*filter: blur(8px);*/
	background: rgba(255,255,255,0.5);

}

.page-carrinho h3 i {
	position: relative;
	/*top: 5px;*/
	color: #999;
}

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

.page-carrinho h5 {
	padding-right: 20px;
	line-height: 18px;
	margin-bottom: 8px;
	color: #666;
}

i.big {
	font-size: 5em;
}

.material-icons {
	position: relative;
	top: 2px;
	/*top: 3px;*/
	font-size: inherit;
}

.page-pagamento .card-label input, .page-pagamento .card-label select {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding-left: 10px;
	margin-bottom: 0px;
}

.page-pagamento .payment {
	border: 1px solid #ddd;
}
.page-pagamento .payment-tab-content {
	padding: 10px;
}

.job-listing.disabled {
	opacity: 0.6;
}

.btn-adm {
	position: fixed !important;
	top: auto !important;
	bottom: 63px;
	left: 0px;
	z-index: 10;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;

}

.page-detalhes .button-variacoes.gray {
    background-color: #eaeaea !important;
    color: #666;
}
.page-detalhes .button-variacoes {
    margin: 4px;
    color: #fff;
    padding: 5px 15px;	
}

.page-carrinho .basic-table small {
    font-size: 80%;
    line-height: 135%;	
}

.page-inicio .categoria {
	display: block;
	background: #efefef;
	padding: 5px;
	padding-left: 10px;
}
.page-inicio .categoria h4 {
	letter-spacing: 1px;
	font-size: 14px;
	text-transform: uppercase !important;
	color: #000;
}

.modal-image-preview .tingle-modal-box__content {
	text-align: center !important;
}

.submit-field small {
	display: block;
	line-height: 14px;
	margin-top: 5px;
}

/*.submit-field {
	overflow: hidden !important;
}
*/
.btn-whatsapp-float {
	position:fixed;
	width:60px;
	height:60px;
	bottom:25px;
	right:25px;
	background-color:#25d366;
	color:#FFF !important;
	border-radius:50px;
	text-align:center;
  	font-size:40px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}

.btn-whatsapp-float img {
    width: 40px;
    margin-left: 2px;
    margin-top: 12px;
}

@media only screen and (max-width: 500px) { 
	.btn-whatsapp-float {
		right: 10px !important;
	}
}

.autocomplete-input {
	background-color: #fff !important;
    border: 1px solid #ddd !important;
}

.autocomplete-result-list {
	z-index: 9999 !important;
}

.page-taxa-entrega .checkbox {
    top: -7px;
    left: 5px;
    position: relative;	
}

.page-taxa-entrega .v-money {
	color: #333;
}

.table-resumo td {
	font-size: 14px;
	line-height: 110%;
}

.table-resumo td[colspan="2"] {
	text-align: center; 
	font-size: 18px; 
	color: #666; 
	font-weight: 400; 
	background: #f7f7f7;
}

.page-carrinho .tabs {
	background: transparent !important;
}

.page-carrinho {
	background: #f9f9f9;
}

.page-carrinho .payment-tab, .page-carrinho .payment-tab-content {
	background: transparent;
}

.card-label>input,.card-label>select {
	background: transparent;
	color: #444;
	margin-bottom: 0px;
	margin-top: 0px;
}