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

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999 !important;
}

select option:disabled {
	color: #999 !important;
}

/*
::-webkit-scrollbar { 
    display: none; 
}
*/
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 #30BCED;
	color: #30BCED
}

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

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

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

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

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

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

a {
	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: #30BCED
}

#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: #30BCED;*/
	border: 2px solid #30BCED;
	background-color: #fff; 
	color: #333;
}

button.button {
	background: #30BCED;
	color: #fff;
}

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

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

.photo-box.small:hover:before {
	/*background: #30BCED !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: #30BCED
}

#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: #f7f7f7;
	/*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: #30BCED
}

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

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

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

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

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

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

.account-header i {
	color: #333 !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: #efefef;
	}
	.mm-panels li a {
		color: #000;
		/*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: #30BCED !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: #30BCED;
}

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

.tabs-default .tabs-header {
	border-radius: 6px !important;
	background: #f9f9f9;
	color: #666;
	border-bottom: 0px !important;
	/*margin-right: 0.5px;*/
}
.tabs-default {
	border-radius: 6px !important;
/*	border-top: 2px solid #30BCED;
	border-bottom: 2px solid #30BCED;
	border-left: 2px solid #30BCED;
	border-right: 2px solid #30BCED;*/
}

.tabs-default .tabs-header a {
    color: #666;
    font-size: 15px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    padding-bottom: 13px;
}

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

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


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

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

.tabs-default li.active a {
	/*background: #eee;*/
    /*background: rgba(255,255,255,0.3);*/
    opacity: 0.5;
}
.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: 5px; 
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
	line-height: 18px;
	font-weight: 600;
	word-wrap: break-word;
	text-align: left;
}
.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: #444;
	height: auto !important;
	line-height: 18px;
	text-align: left;
	font-weight: 300;
}

.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: #30BCED !important;
	color: #333 !important;
}

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

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

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

.fun-fact-icon i {
	color: #30BCED;
}

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

.fun-fact-icon {
	background: transparent;
	/*background: #30BCED;*/
}

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

.bootstrap-select {
    /*border: 1px solid #bbb;*/
    border-radius: 6px;
}


.bootstrap-select.open .dropdown-menu {
    border: 1px solid #e0e0e0;
}


.carrinho-badge {
	background: #fff;
	border: 1px solid #bbb;
	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: #30BCED !important;
	color: #000 !important;
}

.button.color-primary {
	background: #30BCED !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: #30BCED !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: 70%;
	margin-top: 30px;
	margin-bottom: 11%;
}

.dashboard-nav ul li a i {
	color: #30BCED;
	top: 3px;
	margin-right: 5px;
}
.dashboard-nav ul li a {
	font-size: 18px;
	/*font-size: 16px;*/
	color: #333 !important;
}
#logo a {
/*	font-size: 18px;
	height: 100%;
	line-height: 60px;
	font-size: 18px;
*/

	font-size: 18px;
    height: 100%;
    line-height: 60px;
    font-size: 18px;
    max-width: 83%;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    /* width: 50px; */
    display: inline-block;
    text-overflow: ellipsis;

}

.logo-inicio {
	width: 88px;
	/*margin-bottom: 8%;*/
}

.page-center {
	min-height: 100vh;
    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;*/
  	box-shadow: 2px 2px rgba(0,0,0,0.05);  
}

.button-menu.border-gray {
	border-color: #ddd;
}

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

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

.button-menu:active {
  	opacity: 0.5 !important;
}

.button-menu {
  	text-transform: initial;
  	color: #444;
  	font-size: 95%;
  	/*font-size: 100%;*/
  	/*font-size: 15px;*/
  	border-radius: 6px;
  	background: #fff !important;
  	border: 2px solid #30BCED;
  	margin: 0 auto;
  	margin-bottom: 5px;
  	/*height: 180px;*/
  	height: 23vh;
  	display: flex;
  	padding-left: 10px;
  	padding-right: 10px;
  	flex-direction: column;
  	vertical-align: middle;
  	text-align: center !important;
  	line-height: 18px;
  	justify-content: center;
  	margin-bottom: 15px;
  	font-weight: bold !important;
}

#logo a {
	color: #fff;
}

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

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

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

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

.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 #30BCED;
    border-radius: 6px;
    padding: 10px;
}

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

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


.color-red i {
	color: #fff !important;
}
.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: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

h5.block-title i {
	font-size: 14px;
	position: relative;
	top: 3px;
}

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;
	color: #30BCED;
	font-weight: normal;
	font-size: 18px !important;
}

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

.login-register-page button[type="submit"] {
	background: #EACD53;
	color: #333;
}

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

.message-bubble.me .message-text {
	background: #30BCED;
}

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

.page-chat #wrapper {
    background: #fff !important;
}

.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 .img {
	height: 100%;
	width: 100%;
	border-radius: 6px;
	border: 1px solid #ddd;
	background-size: cover;
	background-repeat: no-repeat;
}

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

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

.table-bordered-default small i {
	color: #666 !important;
	font-size: inherit !important;
	margin-right: 0px !important;
}
.table-bordered-default small {
	font-size: 12px;
	word-break: break-all;
	color: #666;
}

.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: #30BCED;
}

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

.click {
	cursor: pointer !important;
}

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

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

.push-notification {
    text-align: left;
    padding: 0px !important;
    border-bottom: 2px solid #bbb !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: 24px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px;    
    font-weight: bold;
}

.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;
    margin-bottom: 18px !important;
    padding-bottom: 0px !important;
}

.push-notification .overhang-close {
    color: #333 !important;
    right: 20px;
    top: 15px;
    position: absolute;
    font-size: 30px;
}

table tr.error {
	background: #ffeceb;
}

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

.job-listing-company-logo {
	margin-right: 20px;
}

.job-listing-company-logo .img {
	background-size: cover;
	margin-left: 10px;
	/*width: 112px;*/
	/*height: 112px;*/
	border: 1px solid #ddd;
	border-radius: 6px;
}



.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--overflow {
	padding-bottom: 8vh;
}

.dashboard-status-button.disabled {
	pointer-events: none !important;
	opacity: 0.5;
}

.dashboard-status-button.color-blue i {
	color: #fff;
}

.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: 16px;
	padding-left: 10px;
}

.logo-right {
	width: 170px;
	position: absolute;
	right: 50px;
	top: 50px;
}

#header .right-side a {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 20px;
	color: #fff;
	width: 50px;
	text-align: center;
	height: 50px;
}

#header .right-side a i {
	margin-top: 17px;
    font-size: 27px;
}

.breadcrumb .dashboard-status-button {
    background: #fff;
    color: #000;
    border: 2px solid #30BCED;
    font-size: 12px;
}
        
.breadcrumb .next {
    font-size: 20px;
    color: #333;
    margin-right: 2px;
    top: 2px;
    position: relative;
}

.button.gray, .button.green, .button.color-primary {
	border: none;
}


.vs__input {
    box-shadow: none !important;
    font-size: 16px !important;
}

@media only screen and (max-width: 500px) { 
    .table td .vs__input {
        border: 1px solid #bbb;
        padding-left: 10px;
        padding-right: 10px;
        z-index: 3 !important;
        text-indent: 0px;
        margin-bottom: 0px !important;
    }
}

.vue-suggestion .vs__list {
	margin-top: -3px;
    width: 100%;
    text-align: left;
    border: none;
    z-index: 1 !important;
    border-top: none;
    max-height: 400px;
    overflow-y: auto;
    border-bottom: 1px solid #023d7b;
    position: relative;
}
.vue-suggestion .vs__list .vs__list-item {
    background-color: #fff;
    padding: 10px;
    border-left: 1px solid #023d7b;
    border-right: 1px solid #023d7b;
}
.vue-suggestion .vs__list .vs__list-item:last-child {
    border-bottom: none;
}
.vue-suggestion .vs__list .vs__list-item:hover {
    background-color: #eee !important;
}
.vue-suggestion .vs__list,
.vue-suggestion .vs__loading {
    position: absolute;
}
.vue-suggestion .vs__list .vs__list-item {
    cursor: pointer;
}
.vue-suggestion .vs__list .vs__list-item.vs__item-active {
    background-color: #f3f6fa;
}

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

.submit-field .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	font-size: 18px;
}

.submit-field .bootstrap-select.btn-group button {
    height: 47px;
}

.color-secondary {
  background-color: #EACD53 !important;
  color: #444;
}