@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

/*formatação dos botões de páginação de tabela*/
.table-page-button input[type="button"] {
    transition: all .3s;
    border: 1px solid #ddd;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
}

.table-page-button input[type="button"]:not(.active) {
    background-color:transparent;
}

.table-page-button input[type="button"].active {
    border: 1px #25900b solid;
    background-color: rgba(207, 226, 165, 0.5);
    color :#01547E;
    font-weight: bold;
}

.table-page-button input[type="button"]:hover:not(.active) {
    background-color: #ddd;
}

/*formatação dos botões normais*/
.blue-button { 
	opacity: 0.8;
	background-color: #3AADE9;
	border-color: #3AADE9;
	padding: .18rem 2.0rem !important;
	font-size: 1em !important;
	color: #FFF;
	font-weight: 250; 
}

.red-button { 
	opacity: 0.8;
	background-color: #E67373;
	border-color: #E67373;
	padding: .18rem 2.0rem !important;
	font-size: 1em !important;
	color: #FFF;
	font-weight: 250;
}

.green-button {
	opacity: 0.8;
	background-color: #6FBD14; 
	border-color: #6FBD14;
	padding: .18rem 2.0rem !important;
	font-size: 1em; 
	color: #FFF;
	font-weight: 250; 
}

.navy-blue-button {
	opacity: 0.8;
	background-color: #005D8D;
	border-color: #005D8D;
	font-size: 1em; 
	color: #FFF;
	font-weight: 200; 
}

/*Usar quando os botões possuirem gradiente*/
.blue-linear-gradient {
	background: linear-gradient(180deg, #0799E4 0%, #138FCF 100%); 
}

.red-linear-gradient {
	background: linear-gradient(180deg, #E67373 0%, #D15757 100%);
}

.green-linear-gradient {
	background: linear-gradient(180deg, #6FBD14 0%, #5EA40C 100%);
}

.purple-linear-gradient {
	background: linear-gradient(180deg, #8168D2 0%, #6A4DC8 100%) !important;
}

.purple-border {
	border: 1px solid #6A4DC8 !important;
}

.yellow-linear-gradient {
	background: linear-gradient(180deg, #ffd454 0%, #ffc107 100%);
}


.navy-blue-linear-gradient {
	background: linear-gradient(180deg, #0670A7 0%, #005D8D 100%);
}

/*sobrescreve o layout padrão dos botões do bootstrap da inserção manual de feedback para flex assim podendo alinhar os itens ao centro*/
.btn-like {
	display: flex;
	vertical-align: middle;
    align-items:center;
    justify-content: center;
}

.btn-deslike {
	display: flex;
	vertical-align: middle;
    align-items:center;
    justify-content: center;
}
/*deixa o SVG de like e deslike branco quando por o mouse em cima ou clicar*/
.btn-like:hover > .like-icon path {
    fill: white;
}

.btn-deslike:hover > .deslike-icon path {
    fill: white;
}

.active > .like-icon path {
	fill: white;
} 

.active > .deslike-icon path {
	fill: white;
} 

.btn-avaliacao-pedido {
	opacity: 0.8;
	background-color: #3AADE9;
	border-color: #3AADE9;
	padding: .18rem 2.0rem !important;
	font-size: 14px !important;
}

.btn-cancel-pedido {
	opacity: 0.9;
	/*margin-left: 21px;*/
	background-color: linear-gradient(270deg, #E67373 0%, #D15757 100%);
	border-color: #E67373;
	/*padding: .18rem 4.0rem !important;*/
	padding: .18rem 2.0rem !important;
	font-size: 14px !important;
}

.btn-historico-pedido {	
	background-color: #0799E4;
	border-color: #0799E4;
	padding: .185rem 2.5rem !important;
	font-size: 14px !important;
	background: linear-gradient(270deg #3AADE9 0%, #138FCF 100%);
}