/* BACKGROUNDS */

body,
.switch--shadow + label:after,
.CardModal,
.SelecionadoProdutoFamilia,
.input-group-text,
.Modal2020 .CardModal2020,
.LinhaOpcoesConsultaRapida .NomesMarcas {
    background: white;
    background-color: white;
}

.Card_Recursos,
.Card_Dioptria,
.Card_Dioptria_Calculo,
.Card_Valor,
.CardEscolha,
.Card_Familias,
.CollapseFamilia .card-header,
.Card_FamiliasPesquisaRapida,
.Card_Dioptria_ConsultaRapida,
.list ul,
.HeaderMarcaConsultaRapida .BtnFechaMarca,
.LinhaOpcoesConsultaRapida,
.TabelaConsulta tr,
.CardAdmin,
.Card_EditarPerfil,
.ModalDados .DivDadosCliente,
.CestaProdutos .CardCesta {
    background: #f5f5f5;
    background-color: #f5f5f5;
}

.FeatureFamilia,
.CestaProdutos .Linha {
    background: #d5d5d5;
}

.TabelaConsulta tr:hover {
    background: #e8e8e8!important;
}



.LinkCollapseSelecionado::after {
    background: #19799f url('/svg/StepOk.svg') center center no-repeat;
}

.BackgroundColor2,
.list a:after {
	background: var(--text-button);
	background-color: var(--text-button);
}

.BackgroundColor3,
.Versao,
.slider-handle,
.Steps li.visited .BadgeStatus,
.Card_FamiliasPesquisaRapida .BadgeComparando,
.DivCesta .BadgeCesta {
    background: var(--secondary-color);
    background-color: var(--secondary-color);
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #34a4e5;
}

.slider-track {
    background-color: rgba(0,0,0,0.1);
}

.LinhaOpcoesConsultaRapida .NomesMarcasInativas,
.DivMensagemFooter,
.BtnFechaOpcoes,
.slider .tooltip-inner {
    background: #E0E0E0!important;
}

.SlidePrice .tooltip:after {
	 border-top-color: #e0e0e0!important;
}

.Card_Perfil,
.Card_Explorar,
.Card_News,
.Card_Feed {
    background: rgba(0,0,0,0.03);
}

.switch--shadow + label:before {
    background-color: #d5d5d5;
}

.Dashboard .BackCinza {
	background: #f7f7f7;
}

.CardResultado .Esquerda {
    background: rgba(0,0,0,0.065);
}

.CardResultado .Direita {
    background: rgba(0,0,0,0.045);
}

.DivFechaConsultorOnline {
    background: #106a8e;
}

.DicaConsulta img {
    background: rgba(0,0,0,0.07);
}

/* COLORS */

.DadosCliente {
    color: rgba(255,255,255,0.70);
}

.White,
.PrecosFamilias,
.Card_Familias .badge,
.dataTable th,
.dataTable>thead>tr>th.sorting_asc,
.dataTable>thead>tr>th.sorting_desc,
.TabelaDashboard_Consultas .table thead th,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .dropdown-item,
.LinhaOpcoesConsultaRapida .NomesMarcas,
.TabelaConsulta th p,
.SpanTabelaPesquisa {
	color: white;
}

.Color1,
.Card_Feed h1,
.Card_Feed small,
.Card_Feed .FooterText,
.CardResultado h1,
.swal2-modal .swal2-title,
.LabelMinimo span,
.LabelMaximo span,
.LabelMinimo big,
.LabelMaximo big,
.LabelMinimo small,
.LabelMaximo small,
.LabelDioptria,
.TabelaAdmin thead td, th,
.BtnValores,
.placeholder:hover {
	color: var(--secondary-color);
}

.Black,
.mathSignNumber,
.ColunaDioptria .Dioptria .TextoDioptria,
.LinhaOrdernar label,
.CardResultado .TabelaDadosDaEscolha td,
.Card_Explorar .LinkExplorar,
#dataTableBuilder_filter label,
.Dashboard p,
.CardResultado .TabelaDadosDaEscolha,
.TabelaDadosDaEscolha thead td, th,
.TabelaConsulta a,
.ConteudoTabela .HeaderPage .HeaderPageRight .search-text,
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td {
	color: black;
}


input,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
label,
.LinhaOpcoesConsultaRapida .NomesMarcasInativas,
.BlackBlack,
.MyLabel
.form-control {
    color: black;
}

.Color2,
.Login label,
.HomeLogin2020 .BoxProfile .BtnDisable,
.FormMaterial input.filled ~ label,
.FormMaterial input:focus ~ label,
.FormMaterial select.filled ~ label,
.FormMaterial select:focus ~ label,
.typo, .list a,
.V2Pesquisa input[type="text"],
.V2Pesquisa input::placeholder,
.MyLabel {
	color: var(--text-button)!important;
}

.Color3,
.fancybox-caption__body,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .dropdown-item:hover,
.navbar-light .navbar-nav .dropdown-item:active,
.navbar-light .navbar-nav .dropdown-item:focus {
    color: var(--tertiary-color);
}

.Color4,
.MenuMobile .BtnIcone,
.Login .FormMaterialLogin label {
    color: var(--hover-button);
}

.slider .tooltip-inner {
    color: rgba(0,0,0,1.00);
}


/* BUTTONS */



.BtnSecundary {
    background-color: var(--tertiary-color);
    color: var(--text-button);
}


.BtnSecundary:hover,
.BtnSecundary:active,
.BtnSecundary:focus,
.Dashboard .BtnLight:hover,
.Dashboard .BtnLight:focus,
.Dashboard .BtnLight:active {
    background-color: var(--hover-button);
    color: var(--text-button);
}

.BtnTextoLgpd,
.BtnTextoLgpd:hover, 
.BtnTextoLgpd:focus,
.BtnTextoLgpd:active {
    color: #7bc7e9;
}

.BtnTrocarPerfil {
    background-color: var(--tertiary-color);
    color: black;
}

.BtnTrocarPerfil:hover,
.BtnTrocarPerfil:active,
.BtnTrocarPerfil:focus {
    background-color: var(--tertiary-color);
	color: black;
}

.BtnValores {
	background: #dddddd;
	color: black;
}

.BtnProfile,
.BtnDisable,
.BtnNovaSenha {
    color: var(--tertiary-color);
}

.BtnNovaSenha:hover,
.BtnNovaSenha:active
.BtnNovaSenha:focus {
    color: #02acde;
}

.BtnProfile:hover {
    color: white;
}

.Dhell .BtnDhell {
    color: #ffffff;
}

.BtnLogout {
    background-color: var(--text-button)!important;
    color: var(--secondary-color)!important;
}

.BtnLogout:hover,
.BtnLogout:active,
.BtnLogout:focus {
    background-color: var(--hover-button)!important;
    color: var(--secondary-color)!important;
}

.BtnVerySmallLight {
    background: #e0e0e0;
    color: black;
}

.BtnVerySmallLight:hover,
.BtnVerySmallLight:focus,
.BtnVerySmallLight:active {
    background: #d2d2d2;
    color: black;
}

.BtnPrimaryLight,
.BtnVerySmallLight {
    background: #e0e0e0;
    color: black;
}

.BtnPrimaryLight:hover,
.BtnPrimaryLight:focus,
.BtnPrimaryLight:active,
.BtnVerySmallLight:hover,
.BtnVerySmallLight:focus,
.BtnVerySmallLight:active {
    background: #d2d2d2;
    color: black;
}

/* BORDERS */

.Login .FormMaterialLogin input,
.Login .FormMaterialLogin input:read-only,
.Calculo .form-control {
    border-bottom: 1px solid var(--tertiary-color)80!important;
}

.Login .FormMaterialLogin input:focus,
.Login .FormMaterialLogin input:active, 
.Login .FormMaterialLogin input:hover {
	border-bottom: 1px solid var(--tertiary-color)!important;
}

.CardEscolha {
    border: 1px solid rgba(0,0,0,0.10);
}

.CardEscolha .FooterCardEscolha,
.Card_Feed .card-footer,
.Modal2020 .CardModal2020 .FooterCardModal,
.Card_Recursos .LinhaDescricao {
    border-top: 1px solid rgba(0,0,0,0.09);
}

.LinhaHeaderConsultorOnline,
.ConteudoTabela .HeaderPage .HeaderPageRight .search-form,
.CardModal .CardModalHeader,
.FormFamilias,
.RowDadosProposta,
.Card_FamiliasPesquisaRapida .LinhaProdutos,
.LinhaDadosPerfil {
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

.BorderRightDioptria,
.Dashboard .BordaDireita {
    border-right: 1px solid rgba(0,0,0,0.10);
}

.Card_Perfil .LinhaNomeDaLoja,
.LinhaHeaderDashboard {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.ContainerFiltros {
    border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
}


/* FORMS */

.radio-tile-group .input-container .radio-button:checked + .radio-tile,
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
    background-color: #19799f;
    border: 0px solid #19799f;
    color: white;
}

.radio-tile-group .input-container .radio-tile {
    border: 0px solid #0d4176;
    background: rgba(0,0,0,0.10);
}
.radio-tile-group .input-container .radio-tile-label {
    color: rgba(0,0,0,0.40);
}


.InputMaterial {
    background-color: white;
    border: 1px solid rgba(0,0,0,0.15)!important
}

.InputMaterial,
.form-control:disabled, .form-control[readonly],
#dataTableBuilder_filter input {
    color: black!important;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: white!important;
}

.FormDate {
    background: white url("/svg/Calendario.svg") center right 10px no-repeat;
}

.Login .FormMaterialLogin input,
.Login .FormMaterialLogin input:read-only {
    border: none;
    background-color: transparent!important;
    border-bottom: 1px solid var(--tertiary-color)!important;
}

.custom-select,
.custom-select:hover,
.custom-select:focus {
    background: white url("/svg/DownSelect.svg") center right 15px no-repeat!important;
    color: rgba(0,0,0,1.0)!important;
    border: 1px solid rgba(0,0,0,0.15);
}

.InputMaterial:focus {
    border: 1px solid rgba(0,90,126,0.4)!important;
    background-color: white!important;
}



/* STEPS */

.Steps li.next > a,
.Steps li.last > a {
    background: var(--fourth-color);
	background-color: var(--fourth-color);
	opacity: 0.9;
}

.Steps li.visited > a {
    background: var(--fifth-color);
}

.Steps li::after {
    opacity: 0.9;
	background: var(--tertiary-color);
}





/* TOOLTIP */

.tooltip {
	color: black!important;
}

.tooltip-inner {
    color: black!important;
    background: #E0E0E0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #E0E0E0!important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"]
.arrow::before {
    border-right-color: #E0E0E0!important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #E0E0E0!important;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #E0E0E0!important;
}


.swal2-icon.swal2-success .swal2-success-ring {
	border: 4px solid var(--primary-color);
}