/************ Fontes Google **************************/
/************ Fontes Google **************************/
@font-face {
    src: url('../fontes-google/Satisfy-Regular.ttf'); 
	font-family: "Satisfy-Regular";
}

@font-face{
 src: url('../fontes-google/Rubik-VariableFont_wght.ttf');	
 font-family: "Rubik";
}

@font-face{
 src: url('../fontes-google/Righteous-Regular.ttf');	
 font-family: "Righteous";	 
}

/*********** Fontes **********************************/
.font-mini{
 font-size: 0.8rem;	
 opacity: 0.8	
}

/*********** nav cinza *******************************/
header .nav a:hover{
 color: #FFA73E !important;	
} 


/*************navbar-vinho ***************************/
#navbar-vinho{
 padding-top: 0px;
 padding-bottom: 0px;	
}

#navbar-vinho  .nav-link{
 color: #CCCCCC !important;	
 padding-top: 10px;
 padding-bottom: 10px;
 margin-left: 5px;
 margin-right: 5px;	
}

#navbar-vinho  .nav-link:hover{
 
}

#navbar-vinho .navbar-nav > li > a:hover, #navbar-vinho .navbar-nav > li > a:focus  {
background-color: #9A1818;
}




/********** Footer ***********************************/
footer .link-light:hover{
 color: #FFA73E !important;	
}


/********* botoes ************************/
.btn-my-cor-verde{
color:#FFFFFF !important;
}

.btn-outline-my-cor-verde:hover {
  color: #FFFFFF !important;
}

.btn-my-cor-azul{
color:#FFFFFF !important;
}

.btn-outline-my-cor-azul:hover {
  color: #FFFFFF !important;
}
	
/******** MeuToast-aviso *********/
/*
#MeuToast-aviso{
z-index: 1600;	
}

#MeuToast-aviso .toast-header-sucesso{
 background-color: #D9FFD9;	
 color: #008400;	
}

#MeuToast-aviso .toast-body-sucesso{
 background-color: #FFFFFF;	
 color: #008400;	
}

#MeuToast-aviso .toast-header-erro{
 background-color: #FFCCCC;	
 color: #FF3333;	
}

#MeuToast-aviso .toast-body-erro{
 background-color: #FFFFFF;	
 color: #FF3333;	
}
*/

/************* styles BS5Utils ***********************/
.bg-utils-erros {
  background-color: #FFDBDB;
}

.text-utils-erros {
  color: #FF4D4D;
}

.border-utils-erros {
 border-color: #FF4D4D !important;
}
/**/
.bg-utils-sucesso {
  background-color: #149234;
}

.text-utils-sucesso {
  color: #FFF;
}

.border-utils-sucesso {
 border-color: #149234 !important;
}


.toast-container{
 z-index: 1600;
margin-bottom: 30px !important;	
}

/********************** table nome aplicativo *****************************************/
.btn-duvida{
color:#999999;
}

.titulo-meus-calculos{
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#8D1616;
text-align:left;
padding-left:0px;
padding-right:0px;
margin-top:0px;
margin-bottom:10px;
}

.busca-meus-calculos{
margin-top:10px;
text-align:left;
padding-left:0px;
padding-right:0px;
}

.fundo-meus-calculos{
background-color:#ECECEC;
border-bottom:1px #CCCCCC solid;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
margin-bottom:80px;
padding: 15px;
}

.fundo-meus-calculos table{
background-color:#FFFFFF;
}


.tab_nome_app{
width:100%;
margin-bottom:0px;
}

.tab_nome_app .td_nome_app{
border-bottom:1px #CCCCCC solid;
border-left:0px #CCCCCC solid;
border-right:0px #CCCCCC solid;
border-top:0px #CCCCCC solid;
padding:10px;
color:#ffffff;
background-color:#5F0F10;
border-radius:7px 7px 0px 0px;
text-align:center;
width:150px;
font-size:16px;
}

.tab_nome_app .td_linha_app{
border-bottom:1px #CCCCCC solid;
border-left:0px;
border-right:0px;
border-top:0px;
vertical-align:bottom;
text-align:left;
padding-right:5px;
color: #A8A8A8;
font-size: 13px;
padding-left: 10px;	
}

/************************** Css Campos ******************************/
.camp_obrig{
 color: #EC090D !important; 
 margin-top:-55px !important; 
 margin-right: 10px !important;
}

.camp_load{
 color: #B9B4B4 !important; 
 margin-top:-40px !important; 
 margin-right: 10px !important;
 font-size:20px;	
}

.camp_select{
 color: #A7A1A1 !important; 
 margin-top:-40px !important; 
 margin-right: 10px !important;
 font-size:16px;
 position: relative;
}

.camp_add{
 color: #EC090D !important; 
 margin-top:-65px !important; 
 margin-right: 10px !important;
 position: absolute;
 padding-top: 9px;	
 padding-left: 120px;
}

.camp_add a{
font-size: 12px;
}

.camp_add a:hover{
font-size: 12px;
color:#F76302;	
}

.icone-ajuda{
 color: #6e91ad !important; 
 margin-top: -5px;
 right: -4px;
 /*margin-right: -5px;*/	
 position: absolute;
 font-size: 12px;
	
}

.icone-ajuda:hover{
 color: #da8e13 !important; 
}


.icone-ajuda2{
 color: #6e91ad !important; 
 font-size: 12px;
}

.icone-ajuda2:hover{
 color: #da8e13 !important; 
 cursor: help;
}

.icone-data{
 margin-top: -31px;
 padding-right: 10px;
 color: #A5A5A5;
 position: relative;
}

.icone-data:hover{
 color:#2EB54E;	
 cursor: pointer;
}

.icone-busca{
 margin-top: -30px;
 padding-right: 10px;
 color: #A5A5A5;
 position: relative;
}

.camp-busca{
 padding-right:35px;	
}

.camp-radiocharm{
 padding-left: 14px;	
 padding-bottom: 10px;
 padding-right: 14px;
 padding-top: 8px;
 border: 1px #CCCCCC solid;
 margin-bottom: 17px;
}

.camp-radiocharm label{
 color: #777777;
 font-size: 14px;
 margin-bottom: 7px;	
}

.camp-radiocharm p{
 padding: 0px;
 margin: 0px;	
}
/***************************************** Links *******************************************/
.td-opcoes a{
padding:3px;
}

a.lk_btn_lista_v:link {color:#666666;text-decoration:none; font-size:14px; }
a.lk_btn_lista_v:visited {color:#666666; text-decoration:none; font-size:14px;}
a.lk_btn_lista_v:active {color:#666666; text-decoration:none; font-size:14px;}				
a.lk_btn_lista_v:hover {color:#339900;text-decoration:none; font-size:14px;}

a.lk_btn_lista_a:link {color:#666666;text-decoration:none; font-size:14px; }
a.lk_btn_lista_a:visited {color:#666666; text-decoration:none; font-size:14px;}
a.lk_btn_lista_a:active {color:#666666; text-decoration:none; font-size:14px;}				
a.lk_btn_lista_a:hover {color:#0099FF;text-decoration:none; font-size:14px;}

a.lk_btn_lista_ve:link {color:#666666;text-decoration:none; font-size:14px; }
a.lk_btn_lista_ve:visited {color:#666666; text-decoration:none; font-size:14px;}
a.lk_btn_lista_ve:active {color:#666666; text-decoration:none; font-size:14px;}				
a.lk_btn_lista_ve:hover {color:#FF0000;text-decoration:none; font-size:14px;}

.icon-disabled{
 color: #E0E1DF;
 padding-right:3px;	
}

/*************************************** Tabelas *********************************************/
.linha{
 font-size: 14px;	
}

thead th, tfoot th{
font-size: 14px;	
}

/********************************** hover linha ****************************************************/
.linha:hover{
background-color:#ECECEC;
}

/************************************** Diversos *********************************************/
.titulo-meus-calculos{
 padding-left: 15px;
 padding-right: 15px;	
}


/******************************** Fontes *****************************************************/
.font-xx-small{
 font-size: xx-small;	
}

.font-x-small{
 font-size: x-small;	
}

.font-small{
 font-size: small;	
}

.font-medium{
 font-size: medium;
}

.font-xx-large{
 font-size: xx-large;	
}

.font-x-large{
 font-size: x-large;	
}

.font-large{
 font-size: large;	
}

.text-justify{
 text-align: justify;
}
/************************************ Formulários ********************************************/
.form-control:disabled{
 color: #AAAAAA;	
}

.form-control:read-only{
 color: #AAAAAA;	
}

.camp-checkbox-onoff{
border: 1px #CCCCCC solid;	
padding-top:4px; 
 padding-bottom:4px; 
 padding-left:9px; 
 padding-right:9px;	
}

.camp-checkbox-onoff label{
 color:#777777; 
 font-size:14px; 
}

/************************** cor da seta ordem listagem *****************************************/
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting_asc:before, 
table.dataTable thead .sorting_desc:before	{
   color: #930F10;
}

/******************** Mensagens de erro no validade *********************************************/
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #ffffff;
  background-color: #dc3545;
  border-radius: 0.25rem;
  padding: 3px;	 
}