@font-face {
    font-family: NeutraTextBook;
    src: url("../media/local/fonts/NeutraTextBook_0.ttf");
}

@font-face {
    font-family: NeutraTextLight;
    src: url("../media/local/fonts/NeutraTextLight.ttf");
}

@font-face {
    font-family: segoeui;
    src: url("../media/local/fonts/segoeui.ttf");
}

@font-face {
    font-family: seguisb;
    src: url("../media/local/fonts/seguisb.ttf");
}


html, body {
	color:#212529;
	background: #fbfbfb;
	font-family:segoeui;
	/*max-width: 100%;
    overflow-x: hidden;*/
}

h1, h2 {
    text-transform:	uppercase;
	font-family:NeutraTextLight;
}

h3 {
	text-transform:	uppercase;
    font-family:NeutraTextBook;
}

h4, h5, h6 {
    font-family:NeutraTextBook;
}
p, a, span { font-family:segoeui; }

i {
    font-size: inherit;
    color: initial;
}


body.blur {
	filter: blur(2px);
	overflow: hidden;	
}

body.modal-open {
	overflow: hidden !important;
}



/* Custom scrollbar style */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: #CECECE;
	border-radius: 40px;
}

::-webkit-scrollbar-track {
	background-color: #EEEEEE;
	border-radius: 40px;
}

/* Smooth scroll transition */
html {
	scroll-behavior: smooth;
}




.protectpass {
	-webkit-text-security: disc; /* For Safari/Chrome */
    text-security: disc; /* For other modern browsers */
}

.inactive {
	opacity:0.4;
}

.scrolltop {
	border-radius: 45px !important;
}

.swal2-loading {
	background: none;
}

.swal2-loading .swal2-loading button {
	border-left-color: #ffffff !important;
    border-right-color: #ffffff !important;
}


.quickview-modal {
	width: 90%;
	/*height: 90vh !important;*/
	padding: 0;
	margin-top: 5vh;
	display: block !important;
	overflow: hidden;	
}

.quickview-modal .swal2-html-container {
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	max-height: initial;
	text-align: left;
}

.quickview-modal .card.card-custom {
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 0px;
}

.quickview-modal .card-content-scrollable {
		overflow-y: auto;
    	/*height: 90vw;*/
    	overflow-x: hidden;
}

.quickview-modal .card-title {
	font-size: 20px;
	font-weight: 600;
}

.quickview-modal .carousel-inner img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #055b80;
    border-color: #055b80;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #045174;
    border-color: #045174;
}

.btn.btn-outline-secondary:focus:not(.btn-text) {
	background-color: initial !important;
}

.btn.btn-light-primary {
    color: #FFFFFF;
    background-color: #0782b6;
    border-color: #0782b6;
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #0574a2;
    border-color: #0574a2;
}

.btn.btn-primary.disabled, .btn.btn-primary:disabled {
    color: #FFFFFF;
    background-color: #5f9eba;
    border-color: #5f9eba;
}

a.text-hover-primary:hover, .text-hover-primary:hover {
	color: #00afc0 !important;
}

span.text-blue, a.text-blue, label.text-blue {
	color:#1771DD;
}

a.underline, a.underline:hover, a.underline:focus {
	text-decoration:underline !important;
}


.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
    color: #00afc0 !important;
}

.menu-text {
	text-transform:	uppercase !important;
}

.menu-subnav .menu-text {
	text-transform: capitalize !important;
}

.menu-subnav i {
	padding-right: 8px;
}


.navi .navi-item .navi-link:hover .navi-text {
    color: #00afc0;
}

.navi .navi-item .navi-link:hover .navi-text.no-hover {
	color:initial !important;
}

.bg-color-1 {
	background-color:#78caec !important;
}


.login.login-4 .login-form { background-color: #ffffff; border: 1px solid #0d8898; box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 25%);}

.login.login-4 .footer {
	width:100%;
	height:22px;
}

/* bk colors */

.bk-gradient-official {
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#90ad78),color-stop(1,#0d8898));
    background-image: -o-linear-gradient(right,#90ad78 0%,#0d8898 100%);
    background-image: -moz-linear-gradient(right,#90ad78 0%,#0d8898 100%);
    background-image: -webkit-linear-gradient(right,#90ad78 0%,#0d8898 100%);
    background-image: -ms-linear-gradient(right,#90ad78 0%,#0d8898 100%);
    background-image: linear-gradient(to right,#90ad78 0%,#0d8898 100%);
}

.bk-gradient-neutral {
	background: rgb(106,123,131);
	background: -moz-linear-gradient(347deg, rgba(106,123,131,1) 0%, rgba(206,222,226,1) 100%);
	background: -webkit-linear-gradient(347deg, rgba(106,123,131,1) 0%, rgba(206,222,226,1) 100%);
	background: linear-gradient(347deg, rgba(106,123,131,1) 0%, rgba(206,222,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a7b83",endColorstr="#cedee2",GradientType=1);
}

.bk-neutral, .header-mobile, .bk-neutral .topbar  {
	background-color: #f5f5f5 !important; 
}

.adminline_off {
	border-bottom: 1px solid #cb0000;
}
.adminline_on {
	border-bottom: 1px solid #077352;
}

.header-mobile-fixed .header-mobile {
	/*min-height:60px;
	align-items: stretch;*/
}

.topbar .topbar-item {
	display: flex;
    align-items: center;
}

.topbar .topbar-item span:last-of-type {
	display:none;	
}

.bk-welcome {
	background-position: right bottom;
	background-size: 80% auto;
	background-repeat: no-repeat; 
}


.quick-search-form .input-group-prepend {
	width: 50px;
}

.quick-search-form .typeahead  {
	width: 250px;
}

.quick-search-form .input-group-append {
	display: none;
}

/* text colors */

.text-neutral {
	color: #6a7b83 !important; 
}

.text-neutral-light {
	color: #cedee2 !important; 
}

.text-dark {
    color: #475860 !important;
}

th.campaignpdf {
	cursor:pointer;
}

th.campaignpdf i {
	color:#A70002;
}

th.campaignpdf span {
	font-weight: 100;
}

th.campaignpdf span:hover {
	font-weight: 100;
	color:#A70002;
}


/* official logos */
.vetgo a {
    font-size: 17px;
    letter-spacing: -0.5px !important;
    padding: 5px 30px 5px 30px;
    border-radius: 100rem;
    box-shadow: 0 0 6px 0 rgba(157,96,212,.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(to right,#90ad78 0%,#0d8898 100%);
    background-origin: border-box;
    background-clip: content-box,border-box;
    box-shadow: 2px 1000px 1px #fff inset;
	display: inline-flex;
}

.vetgo a span {
	font-weight: 600;
    color: #222;
    text-transform: initial;
}

.vetgo a span span {
    color: #0d8898;
    text-transform: initial;
}

.login .vetgo a {
    font-size: 28px;
	padding: 2px 30px 2px 30px;
}


.btn.btn-hover-transparent-dark {
	/*color: #ff0202 !important;*/
	fill: #00afc0 !important;
}

.btn.btn-hover-transparent-dark .svg-icon svg g [fill] {
	/*color: #ff0202 !important;*/
	fill: #00afc0 !important;
}

.btn.btn-hover-transparent-dark .svg-icon.wishlist svg g [fill], .svg-icon.wishlist svg g [fill] {
	fill: #ace0e5 !important;
}



.quick-search .quick-search-form .input-group .input-group-text .svg-icon svg g [fill]
 {
	fill: #00afc0 !important;
}

.header .header-top .quick-search .quick-search-form .input-group, .quick-search .quick-search-form .input-group {
    background-color: rgba(255, 255, 255, 0.75) !important;
}
.header {
	z-index: 99 !important;
}

#kt_quick_panel_toggle {
	display: flex;
	flex-direction: column !important;
}


.rsHidden {
	opacity: 1 !important;
    visibility: initial !important;
}


.qtyonbag{
    font-size: 10px;
	position: absolute;
    font-weight: bold;
	top: 12px;
	color: #00afc0;
}

.quick-search .quick-search-form .input-group .form-control:active, .quick-search .quick-search-form .input-group .form-control.active, .quick-search .quick-search-form .input-group .form-control:focus, .quick-search .quick-search-form .input-group .form-control.focus {
    color: #00afc0 !important;
}


.quick-search .quick-search-form .input-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00afc0 !important;
  opacity: 1; /* Firefox */
}

.quick-search .quick-search-form .input-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #00afc0 !important;
}

.quick-search .quick-search-form .input-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #00afc0 !important;
}


.typeahead .tt-menu .tt-dataset .tt-suggestion .tt-highlight {
    color: #076f4f !important;
	font-weight: 600;
}





.btn.btn-hover-transparent-dark:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-transparent-dark:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-transparent-dark.dropdown-toggle, .show .btn.btn-hover-transparent-dark.btn-dropdown {
	background-color: rgb(255 255 255 / 1);
}


.pulse.pulse-dark .pulse-ring {
    border-color: rgb(0 175 192 / 75%);
}


.switch.switch-outline.switch-primary input:checked ~ span:before {
	border: 1px solid #055b80 !important;
}

.switch.switch-outline.switch-primary input:checked ~ span:after {
	background-color: #055b80 !important;
}

.codigo {
	display: block;
    font-size: 11px;
}


#product .preco {
	line-height: 1;
}

#product .preco .normal, #product .preco .promo {
	font-size: 24px;
}

#product .old {
	text-align:right;	
}



.label.label-danger {
	background-color: #b9b9b9 !important;
}

/*.price {
	margin-bottom: 20px;
}*/


.preco .old, .subtotal .old {
	text-decoration: line-through;
    display: block;
}

.preco .promo, .subtotal .promo {
	color: #FFA800;
}

.bonus {
	margin-bottom: 8px;
    color: #1771DD;
	display: block;
}

.dot-before:before {
	content: "\2022";
    padding-right: 0.5rem;
}
.dot-after:after {
    content: "\2022";
    padding-left: 0.5rem;
}

.tag a {
	text-transform:uppercase;	
}

.tag a:not(:last-child):after {
    content: "\2022";
    padding-left: 0.5rem;	
}

.bootstrap-touchspin {
    width: 130px;
    float: left;
    margin-right: 8px;
}

.touchspin_qty {
    text-align: center;
}

.files .attach { padding:0px }

.btn.btn-sm i, .btn-group-sm > .btn i {
	padding: 0;
}

.card.card-custom {
	margin-bottom:20px;
}

.wishlist-color {
	background-color: #ededdf;
	color: #055b80;
}

.btn-xxs {
	padding: 0.20rem 0.75rem;
}

.bonusinfo .bonus {
	display:none;
}


#cart_discount {
	text-align: right;
    margin-top: 30px;
}

#cart_discount .msg {
	padding: 20px;
    background-color: aliceblue;
}


.btn.rembag {
	align-items: flex-end;
	color:#888888;
}


.bootstrap-touchspin .input-group-btn .btn {
    font-size: 1.7rem;
    padding-bottom: 4px;
}


.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel .owl-item img {
  width: auto;
  height: 100%;
}
	
	
.btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon {
    height: calc(1.5em + 1.65rem + 8px);
    width: calc(1.5em + 1.65rem + 12px);
}

.mc_line{
	border-bottom: 1px solid #efefe3;	
}

.label.label-dot.label-success {
	background-color:#80BB37;
}

button:disabled, a:disabled {
	cursor:default !important;
}
	
	
#kt_footer {
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
	
body.mobile .card-header {
	text-align:center;
	border-bottom: none;	
}

body.mobile .card-body {
	padding:0px !important;
}

body.mobile .card-body.advancesearch {
	padding:10px !important;
	margin-bottom: 10px;
}

body.mobile .card.card-custom > .card-header {
	justify-content: center;
}

body.mobile .card.card-custom > .card-header .card-title .card-label {
	margin:0;	
}

body.mobile #kt_lists .card-body, body.mobile #kt_lists .card-footer {
	padding-left: 20px !important;
}

#product .card-title p:first-letter {
	text-transform: uppercase;
}

body.mobile #product .list-unstyled {
	padding-top: 20px;
}

body.mobile .card.card-custom > .card-header.card-header-tabs-line .nav .nav-link {
	padding-bottom: 8px !important;
}

.owl-carousel .owl-item img {
	  width: 100%;
	}
	
body.pendinglist .actionmsg{
	padding-bottom: 20px;
    text-align: center;
}

body.mobile.pendinglist .actionmsg {
	width: 100px;
    margin-right: 8px;
}

.textbtn {
	cursor: pointer;
}

.sliderIcon, .sliderBtn {
    position: absolute;
    top: auto;
    z-index: 25;
    cursor: pointer;
    display: block;
}

.validity {
	
}

.validity .color12M {
	color: #80BB37;
}

.validity .color6M {
	color: #FFA800;
}

.validity .color2M {
	color: #DC282B;
}


#tab_advancedfilter {
	padding-top: 15px;
}

#tab_advancedfilter .nav-link.active {
	background: none !important;
    border-bottom: 2px solid #1BC5BD;
	border-radius: 0px;
}

#tab_advancedfilter .nav-text {
	    margin-left: 4px;
}

#advancesearch .helptip {
	position: relative;
}




.icon-radio .icon i {
	font-size: 18px;
	color: #f39c12;
}

    /* Estilização para o botão de rádio personalizado */
.icon-radio {
        display: inline-block;
        cursor: pointer;
        margin-right: 15px; /* Espaçamento entre os botões de rádio */
    }

.icon-radio input[type="radio"] {
        display: none;
    }

.icon-radio span {
		border: none;
    	background: none;
        display: inline-block;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
    }

.radio.radio-success > input:checked ~ span {
	background: none;
}

.icon-radio input[type="radio"] + span i {
	vertical-align: middle;
        color: #ababab;
    }

.icon-radio input[type="radio"]:checked + span i.red {
 	color: #dc2424;
    }
    /* Estilização para o botão de rádio desativado */
.icon-radio input[type="radio"]:disabled + span i {
        color: #ababab;
    }

.estados-radio .radio.radio-accent.radio-success > input:checked ~ span {
    border-color: #b5b5b5;
}

.estados-radio .radio {
    margin-right: 20px;
}

.estados-radio .radio span {
    margin-right: 3px;
}

.estados-radio .radio.radio-accent.radio-cinzento > input ~ span:after {
    background-color: #b9b9b945;
}

.estados-radio .radio.radio-accent.radio-cinzento > input:checked ~ span:after {
	background-color: #b9b9b9;
}


.estados-radio .radio.radio-accent.radio-laranja > input ~ span:after {
    background-color: #ffa80052;
}

.estados-radio .radio.radio-accent.radio-laranja > input:checked ~ span:after {
    background-color: #FFA800;
}

.estados-radio .radio.radio-accent.radio-verde > input ~ span:after {
    background-color: #80bb3769;
}

.estados-radio .radio.radio-accent.radio-verde > input:checked ~ span:after {
    background-color: #80BB37;
}


.swal2-icon.swal2-info {
    border-color: #ebdc4c;
    color: #ebdc4c;
}

.imagefull, .textfull {
	background-color: #00000059;
}

.imagefull .modal-dialog {
	/*max-width: 1000px;*/
	display: table;
}

.imagefull .modal-body {
	width: auto;
	height: auto;
    padding: 0px;
	overflow-x: hidden;
}

.imagefull button.closemessage, .textfull button.closemessage {
	position: absolute;
	z-index: 16;
    right: 0px;
	padding: 9px;
	border: none;
}

.imagefull .modal-body img {
	/*height: auto;
    width: -webkit-fill-available;*/
}

.imagefull .modal-content {
	width: auto;
}

.imagefull .modal-content .bar {
	z-index: 15;
    width: 100%;
    padding: 10px;
    bottom: 0px;
    background-color: #ffffff7a;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.textfull .modal-content .bar {
	z-index: 15;
    width: 100%;
    padding: 10px;
    bottom: 0px;
    background-color: #ededed7a;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.imagefull .modal-content .bar label.checkbox small, .textfull .modal-content .bar label.checkbox small {
	padding-left: 5px;
}

@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1350px;
	}
}


@media (min-width: 992px) {
	.content {
		padding: 0;
	}
}


@media (max-width: 991.98px) {
	.content .container {
		background-color: #fff;
		/*padding:0px;*/
	}

	.topbar-mobile-on .topbar {
		bottom: 0;
		margin-bottom: 0px;
		top: initial;
		display: flex !important;
    	justify-content: space-around;
		z-index: 99;
		align-items: flex-end;
		/*padding:0px;*/
	}
	
	.topbar .topbar-item span:last-of-type {
		display:initial;	
		font-size:10px;
		color: #20b8c7;
	}

	#kt_lists_toggle span:last-of-type, #kt_quick_panel_toggle span:last-of-type {
		padding-top: 4px;
	}
	
	#kt_quick_user_toggle span:last-of-type {
		padding-top: 4px;
	}
	
	.topbar .topbar-item div.whatsapp span:last-of-type {
		padding-top: 4px;
	} 
	
	.topbar .topbar-item div.btn {
		flex-direction: column
	}

	.topbar .topbar-item {	
		height: 46px;
	}
	
	.vetgo a {
		font-size: 15px;
	}
	
	.qtyonbag{
	    top: 0px;
	}
	
	#kt_quick_search_mobile .quick-search-form .input-group-append {
		display:none;
	}

	#kt_footer {
		padding-bottom: 60px !important;
	}
	
	#kt_scrolltop {
		bottom: 60px;
	}
	
}


/*
@media (min-width: 992px) {
	.bk-welcome {
		background-size: 40% auto;
		min-height: 410px;
	}
}*/

@media (max-width: 767px) {
	.popover, .tooltip {
		display:none;
	}
	
	#product .card-header {
		padding: 20px 0px;
		text-align: left;
	}

	#product .bonus {
		text-align:center;
	}
	
	#product .bonus h5 {
		font-size:16px;
	}
	
	
	.quickview-modal .carousel-inner img {
		width: 70%;
		margin: 0 auto;
	}
	.quickview-modal .card-content-scrollable {
		overflow-y: auto;
    	height: 90vw;
    	overflow-x: hidden;
	}
	
	.quickview-modal .swal2-content {
		padding: 0px;
	}
	
	.quickview-modal .swal2-content .card-title, .quickview-modal .carousel  {
		text-align: center  !important;
	}
	

}

@media (max-width: 420px) {
	.imagefull .modal-dialog {
		max-width: 420px;
	}
	.imagefull .modal-body {
		height: auto;
	}
}

@media (max-width: 380px) {
	#modalContactos .modal-body {
		padding: 10px;
	}
	
	#modalContactos .modal-body .container{
		padding: 0px;
	}
	.nav.nav-tabs.nav-tabs-line .nav-link {
		margin: 0 0.4rem;
	}
}