:root{
    --primary-color: #FCFC30;
    --secundary-color: #465EFF;
}
.navbar{
    background-color: var(--primary-color);
}

.botaoVoltar{
    background-color: transparent;
    font-size: 25px;
    color: var(--secundary-color);
    border: 1px solid transparent; 
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); 
}

.botao{
	background-color:#FCFC30;
    width: 100%;
  	min-height: 40px;
  	color: #465EFF;
  	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
  	border-radius: 1px;
    border: 1px solid #FCFC30;
}
.botao:hover{
	background-color:#ffff46;
    border: 1px solid #ffff46;
}
.botao:focus{
	background-color:#ffff46;
    border: 1px solid #ffff46;
}
.botaoOut{
	background-color:transparent;
    width: 100%;
  	min-height: 40px;
  	color: #465EFF;
  	font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
  	border-radius: 1px;
    border: 1px solid #465EFF;
}
.botaoOut:hover{
  	color: #215cff;
    border: 1px solid #215cff;
}
.botaoOut:focus{
  	color: #215cff;
    border: 1px solid #215cff;
}

.boxText{
    height: 500px;
    overflow-y: scroll;
}

/* scrollbar*/
::-webkit-scrollbar-track {
  background-color: white;
}

::-webkit-scrollbar {
  width: 4px;
  background: #F4F4F4;
}

::-webkit-scrollbar-thumb {
  background: #484B50;
  ;
}

::-webkit-scrollbar-thumb:hover {
  background: #434446;
  ;
}

img {
  max-width: 100%;
  height: auto;
}