.button-separator{
    width: 1px;
    height: 30px;
    background: #d3d3d3;
    margin: 0 8px;
}

.hover:hover{
	background: #eee;
	cursor: pointer;
}

.button.button-vertical-center{
	display: flex;
    align-items: center;
    justify-content: center;
}

.btn .ui-button-icon-left {
	position: absolute;
}

.btn-small{
	width: 40px;
}

.go-group-link-buttons > * {
	margin: 0px !important;
	border-radius: 0px !important;
}

.go-group-link-buttons > *:first-child {
	border-radius: 5px 0px 0px 5px !important;
}

.go-group-link-buttons > *:last-child {
	border-radius: 0px 5px 5px 0px !important;
}

.btn-grupo-filtro {
	display: flex;
	justify-content: center;
	text-decoration: none;
}

.btn-grupo-filtro-item {
	padding: 5px 10px;
	background: #e2e2e2;
}

.btn-grupo-filtro-item {
	padding: 5px 16px;
	border: 1px solid #eee;
}

.btn-grupo-filtro-item:first-child {
	border-radius: 8px 0 0 8px;
}

.btn-grupo-filtro-item:last-child {
	border-radius: 0 8px 8px 0;
}

.btn-grupo-filtro-item img {
	margin-right: 5px;
}

.btn-grupo-filtro-item a {
	font-weight: 400;
	text-decoration: none;
	color: #686868;
}

.btn-grupo-filtro-item-inativo.btn-grupo-filtro-item:hover {
	background: #f8f9fb;
}

.btn-grupo-filtro-item-ativo {
	background: var(--selecionado);
}

.btn-grupo-filtro-item-ativo a {
	color: var(--branco-100) !important;
}

.btn-excel, .btn-pdf{
	border-radius: 20% !important;
    background: white !important;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 !important;
    border: solid 2px #000 !important;
    margin-right: 3px;
}

.btn-excel .fa, .btn-pdf .fa{
	color: #999 !important;
    margin: 0 !important;
    font-size: 18px;
}

.btn-visualizar{
	border-radius: 50% !important;
    background: #72c1f2 !important;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 !important;
    border: none !important;
    margin-right: 3px;
}

.btn-visualizar .fa{
	color: white !important;
	margin: 0 !important;
	font-size: 18px;
}

*.btn-branco {
	border: 1px solid var(--cor-principal);
	background: var(--branco-100);
	color: var(--cor-principal);
	height: 38px;
}

*.btn-branco:hover {
	color: var(--cor-principal);
}

.btn-ativo {
	background: var(--selecionado);
	color: var(--branco-100) !important;
}

.close-button {
	border: 0 !important;
	border-radius: 5px !important;
	min-width: 38px !important;
	height: 38px !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	background: #e8ecf1 !important;
}

.close-button:hover{
	cursor: pointer;
	opacity: .8;
}

.btn-cinza {
	background: #e8ecf1;
	color: var(--preto-100);
}

.botoes-cadastro .tiny-info{
    color: white !important;
    font-size: 14px !important; 
}

.botoes-cadastro .botoes-cadastro-cancelar .close-button{
	height: 38px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    background: #7C7A76 !important;
    border-radius: 9px !important;
    min-width: 85px !important;
    color: #FFFFFF !important;
    border: none;
}

.lateral-button {
	background: #246150;
	width: 50px;
	height: 50px;
	top: 19%;
	position: fixed;
	border-radius: 6px 0 0 6px;
}

.a {
	color: var(--verde);
}

.bold.ui-button .ui-button-text{
	font-weight: bold !important;
}

.button-green {
	min-width: 150px;	
	background: var(--verde) !important;
	color: var(--branco-100) !important;
	border: 0;
	border-radius: 5px;
	height: 38px;
	font-weight: 500 !important;
	font-size: 12px !important;
}

.button-green:hover{	
	cursor: pointer;
	opacity: .8;
}

.button-green-cadastro-ativar {
    min-width: 100%;
    background: var(--verde) !important;
    color: var(--branco-100) !important;
    border: 0;
    border-radius: 5px;
    height: 38px;
    font-weight: 300 !important;
    width: 100%;
}

.button-red {
	min-width: 150px;
	background: var(--vermelho) !important;
	color: var(--branco-100) !important;
	border: 0;
	height: 38px;
	font-weight: 500 !important;
	font-size: 12px !important;
}

.button-red-remove {
	min-width: 38px !important;
	background: var(--vermelho) !important;
	color: var(--branco-100) !important;
	border: 0;
	height: 38px;
	font-weight: 300 !important;
}

.button-edit {
    min-width: 150px !important;
    background: var(--cor-principal) !important;
    color: white !important;
    border: 0;
    height: 38px;
    font-weight: 300 !important;
    font-size: 14px !important;
}

.button-light-gray {
    min-width: 150px !important;
    background: #EEEEEE !important;
    color: #000 !important;
    border: 0;
    height: 38px;
    font-weight: 300 !important;
    font-size: 14px !important;
}

.button-edit:hover {
   cursor: pointer;
   opacity: .8;
}

.btn-medium{
	width: 100px;
}

/* .button-gray {
	min-width: 150px;
	background: #333 !important;
	color: white !important;
	border: 0;
	height: 38px;
	font-weight: 300 !important;
} */

.button-gray {
	min-width: 150px;
	background: #333 !important;
	color: white !important;
	border: 0;
	font-weight: 300 !important;
	border-radius: 20px !important;
    width: 110px !important;
    min-width: 34px;
} 

.go-button-gray{
	background: #333 !important;
    color: var(--branco-100) !important;
    border: 0;
    border-radius: 5px;
    height: 38px;
    font-weight: 500;
    width: -webkit-fill-available;
    text-shadow: none !important;
    border-radius: 5px !important;
    border: 0;
}

.go-button-gray .fa{
	font-size: 17px;
}
   

.button-remove {
	min-width: 150px;
	background: var(--vermelho);
	border-radius: 5px;
	color: var(--branco-100) !important;
	padding: 4px;
	font-weight: 600 !important;
	width: 30px;
	height: 30px;
}

.button-white {
	min-width: 150px;
	background: white !important;
	color: black !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	height: 38px !important;
	line-height: 20px;
	width: -webkit-fill-available;
}

.button-white:hover {
	background: #f5f5f5 !important;
}

.button-blue {
	min-width: 150px;
	background: #3594E5 !important;
	color: var(--branco-100) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	border-radius: 5px;
	height: 38px !important;
	line-height: 20px;
	width: -webkit-fill-available;
}

.button-blue.button-dark-blue {
	background: #0e4f81 !important;
}

.button-lime {
	min-width: 150px;
	background-color: var(--verde) !important;
	color: var(--preto-100) !important;
	border: 0;
	border-radius: 5px;
	height: 38px;
	font-weight: 300 !important;
}

.button-orange {
	min-width: 150px;
	background: #E68B10 !important;
	border: 0;
	height: 38px;
	border-radius: 5px !important;
}

.go-button-nav {
	background: #e2e2e2;
	height: 38px;
	display: flex !important;
	border-radius: 5px;
	z-index: 4;
    position: relative;
}

.go-button-itemPed {
	background: #eeeeee;
	height: 45px;
	display: flex !important;
	border-radius: 5px;
}

.go-button-nav .btn-default:hover {
	background: #d3d3d3;
}

.go-button-nav .btn-default {
	color: var(--preto-100) !important;
	border-radius: 5px;
	width: max-content;
	padding: 5px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 130px;
	font-weight: 500; 
	background: transparent;
}
.go-button-nav .btn-ativo {
	background: var(--accent-color);
	color: var(--branco-100) !important;
}

.go-button-green {
	background: var(--verde) !important;
	color: var(--branco-100) !important;
	border: 0;
	border-radius: 5px;
	height: 38px;
	font-weight: 500;
	width: -webkit-fill-available;
	text-shadow: none !important;
	border-radius: 5px;
	border: 0;
}

.go-button-red{
	width: 80px;
	margin-right: 5px;
	background: transparent !important;
	color: black !important;
	border: 1px solid red !important;

}

.go-button-green:hover {
	cursor: pointer;
	opacity: .8;
}

.go-button-green-dialog {
	background: var(--verde) !important;
	color: white !important;
	border: 0;
	border-radius: 5px;
	height: 38px;
	width: 85px;
	font-weight: 500;
	width: -webkit-fill-available;
	text-shadow: none !important;
	border-radius: 5px;
	border: 0;
}

.go-button-green.go-button-green-novo{
	width: 80px !important;
	margin-right: 5px !important;
}

.input-group .input-group-btn button {
	height: 38px;
}

/* pilow Group */

.btn-grupo-filtro-item {
    padding: 5px 16px;
    border: 1px solid #fff;
    background: #f1f1f1;
}

.calendario-btn-group {
	height: 38px;
}

.buttons .btn-grupo-filtro-item {
    height: 33px !important;
    padding: 0 !important;
    max-height: 33px !important;
    width: 100%;
    padding-left: 10px !important;
    padding-right: 5px !important;
}

.background-input-cadastro-small .ui-button-text-only .ui-button-text{
	position: relative;
    right: 5px;
}

.background-buttons-cadastro {
    justify-content: center;
    height: 100%;
    align-items: center;
    padding: 17px 7px 0;
}

.button-calendario-cadastro .ui-button {
    margin-right: 1px;
    border-radius: 5px !important;
    border: none !important;
    position: absolute;
    top: 37px;
    left: 133px;
}

.button-auto-complete-cadastro .ui-button {
    margin-right: 1px;
    border-radius: 8px !important;
    border: none !important;
    position: absolute !important;
    top: 23px !important;
    right: 2px !important;
    width: 38px !important;
    background-image: inherit;
}

.fundo-botoes-links {
    height: 100%;
    padding: 0px 7px;
    box-sizing: border-box;
    border-radius: 5px; 
    border: 1px solid #dcdbdb;
    height: 60px;
}

.fundo-botoes-links .tiny-info {
    padding-left: 5px;
}

.fundo-botoes-links .btn-grupo-filtro-item-ativo {
    background: #5e5b5b !important;
    color: var(--branco-100) !important;
    height: 33px;
    margin-top: 5px;
}
		
.fundo-botoes-links .btn-grupo-filtro-item-inativo {
	height: 33px;
	margin-top: 5px;
}

.fundo-botoes-links .ui-buttonset{
	margin-top: 3px !important;
	margin-right: 0 !important;
}

.fundo-botoes-links .ui-state-default, 
.fundo-botoes-links .ui-widget-content .ui-state-default, 
.fundo-botoes-links .ui-widget-header .ui-state-default {
    max-height: none !important;
    min-height: unset !important;
    max-width: none !important;
    height: 33px !important;
}

.button-size .input-group-btn .btn,
.button-size .ui-autocomplete .ui-autocomplete-dropdown,
.button-size .calendario-btn-group {
    height: 33px !important;
	width: 33px !important;
    min-width: 33px !important;
    min-height: 33px !important;
}

.button-size-zoom .ui-state-default {
	max-height: 38px !important;
	height: 38px;
}

.input-combinedd button{
	width: 29px;
    height: 29px !important;
    border-radius: 4px !important;
    bottom: 36px;
}

.input-combinedd .btn{
	border: 1px solid #DCDBDB !important;
	background: #F5F5F5 !important;
}

.input-combinedd .input-group-btn {
    position: absolute;
    font-size: 0;
    top: 60px;
    right: 20px;
}

.input-combinedd .ui-buttonset .ui-corner-right.ui-state-default{
	border-radius: 0 5px 5px 0 !important;
}

.input-combinedd .ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 2.6em;
}

.btn-visualizar {
    border-radius: 5px !important;
    background: #72c1f2 !important;
    width: auto !important;
    height: 29px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 8px !important;
    border: none !important;
    margin-right: 3px;
    color: white;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 10px !important;
}

.btn-visualizar:hover,
.btn-importar:hover {
   cursor: pointer;
   opacity: .8;
}

.btn-visualizar .fa,
.btn-importar .fa{
	color: white !important;
	margin-right: 10px !important;
	font-size: 14px;
}

.btn-importar {
    border-radius: 5px !important;
    background: #19cb51 !important;
    width: auto !important;
    height: 29px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0 8px !important;
    border: none !important;
    margin-right: 3px;
    color: white;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 10px !important;
}

.btn-grupo-botoes-item{
	width: 100%;
}

.btn-large{
	height: 60px;
	width: 100%;
}

.btn-redondo{
	border-radius: 100px !important;
    min-width: 38px !important;
    min-height: 38px !important;
}

.btn-detalhes{
	background: #eee !important;
	border-radius: 8px !important;
	color: #000 !important;
	border: 1px solid #dcdbdb;
}

.botoes-links {
    width: 100%;
    height: 33px;
    border: 1px solid #eee;
    text-decoration: none !important;
    display: flex;
    justify-content: center;
}

.botoes-links:hover{
	color: #333333 !important;
}

.botoes-links-ativo {
	background: #5e5b5b;
	color: var(--branco-100) !important;
}

.botoes-links-ativo:hover {
	color: var(--branco-100) !important;
}

.botoes-links-inativo.botoes-links:hover {
	background: #f8f9fb;
}

.botoes-links-left{
	border-radius: 8px 0 0 8px;
}

.botoes-links-right{
	border-radius: 0 8px 8px 0;
}

.crud-button-adicionar {
	height: 70px;
	color: var(--branco-100);
	background: var(--verde) !important;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flutuant-calendar #button-close {
	padding: 4px 8px 0px 0px;
}

.flutuant-calendar .buttons-toolbar {
	background: #eee;
	padding: 8px;
	border-radius: 5px;
	display: flex;
	column-gap: 8px;
	margin-top: 16px;
}

.flutuant-calendar .buttons-toolbar .button {
    color: var(--branco-100) !important;
    border: none !important;
    min-width: 120px !important;
    font-size: 14px !important;
    padding: 0px 12px 0px 12px;
    bottom: 0;
}

.flutuant-calendar .buttons-toolbar .button.red {
	background: #ee615f;
}

.flutuant-calendar .buttons-toolbar .button.green {
	background:var(--verde) !important;
}

.flutuant-menu .button-greenPerfil {
	width: fit-content;
	padding: 8px;
	background: var(--verde) !important;
	color: var(--branco-100) !important;
	border: 0 !important;
	border-radius: 5px !important;
	height: 38px !important;
	margin-top: 4px !important;
	margin-right: 8px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.ui-widget button {
	font-family: "Barlow", "Kiro", "Montserrat", "Roboto Mono", sans-serif !important;
}

.navbar .botaoNavegacao {
	border: 1px solid var(--cor-principal);
	color: var(--cor-principal);
	height: max-content;
	padding: 8px;
	display: flex;
	border-radius: 5px;
	align-items: center;
	font-size: 12px;
}

.input-combined-botao input{
	padding: 20px 40px 0 8px !important;
}

.input-combined-botao .input-group-addon, .input-combined-botao .input-group-btn{
    width: auto !important;
}

.input-combinedd.botao-interno .ui-inputfield{
	padding: 20px 40px 0 5px !important;
}

.btn-limpar-filtros-novo {
	width: 38px; 
	background: var(--vermelho) !important;
	color: var(--branco-100) !important;
	border: 0;
	height: 38px;
	font-weight: 500;
	text-shadow: none !important;
}

.btn-calendario .calendario-btn-group{
	border-radius: 5px;
    position: absolute;
    right: 19px;
    top: 28px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    background: #f1f1f1;
}

.input-group-addon, .input-group-btn {
    width: 28px !important;
}

.input-combinedd .btn-grupo-filtro-item-ativo {
    background: #5e5b5b !important;
}

.input-combinedd .calendario-btn-group {
    border: 1px solid var(--cinza-azul);
    color: var(--cor-principal);
    padding: 8px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    font-size: initial;
    width: 29px;
    height: 29px;
    justify-content: center;
    background: #f4f4f4;
    right: 5px !important;
    position: relative !important;
    bottom: 10px !important;
}

.input-combinedd .btn-grupo-filtro-item {
    flex: 1;
    height: 33px;
    margin-top: 6px;
    padding: 10px 5px;
}

.calendario-btn-group {
	border: 1px solid var(--cinza-azul);
	color: var(--cor-principal);
	padding: 8px;
	display: flex;
	border-radius: 0 5px 5px 0;
	align-items: center;
	font-size: initial;
}

.btn-add-itens{
	width: 70px;
    height: 60px !important;
    font-size: 20px !important;
}

.a {
	color: var(--verde);
}

.navbar-collapse .btn-navbar-input{
	position: relative;
    right: 30px;
    height: 40px;
    background: black;
    border: none;
}

.btn-editar-excluir {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    box-shadow: none;
}

.button-finalizar {
	background-color: #178d39 !important;
}

.input-button .ui-button{
	position: relative;
    right: 37px;
    top: 3px;
    height: 32px;
    width: 32px;
    background: #F5F5F5;
    border: 1px solid #F0F0F0;
}

.btn{
    border-radius: 8px;
 			box-shadow: none !important;
}

a{
	color: black;
}

a:hover{
	color: black;
	text-decoration: none;
}

.navbar-menu a{
	color: white !important;
	font-weight: 600;
}

.ui-selectonebutton{
	background: transparent;
    /*border: 1px solid #fff !important; */
}

.ui-selectonebutton .ui-state-default:first-child {
    border-radius: 5px 0px 0px 5px !important;
	
}

.ui-selectonebutton .ui-state-default:last-child{
	border-radius: 0px 5px 5px 0px !important;
	
}

.ui-selectonebutton .ui-state-active{
	    background: #5e5b5b !important;
}

.ui-selectonebutton .ui-state-default{
	padding: 5px 16px;
    border: 1px solid #fff !important;
    border-radius:0px !important;
    background: #f1f1f1;
}

.input-combinedd .ui-selectonebutton {
    background: transparent;
    border-radius: 5px;
    padding: 0 4px;
    margin: 8px 0 0;
    display: flex;
}

.input-combinedd .ui-selectonebutton .ui-button.ui-state-default.ui-state-active {
    pointer-events: none;
    cursor: default;
    background-color: #5E5B5B !important;
    color: white !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .102);
}

.input-combinedd .ui-selectonebutton .ui-button.ui-state-default {
    background: white !important;
    color: #1b1e21 !important;
    border: 1px solid #ece8e8 !important;
    box-shadow: none !important;
    height: 25px;
    transition: all .2s ease-in-out;
    padding: 0 5px;
    align-items: center;
    flex-grow: 1;
    align-items: center;
    display: flex;
    justify-content: center;
}

.input-combinedd .ui-selectonebutton .ui-button.ui-state-default.ui-state-disabled{
    box-shadow: none !important;
}

.input-combinedd .ui-selectonebutton .ui-state-active {
    background: #5e5b5b !important;
    flex-grow: 1;
    align-items: center;
    display: flex;
    justify-content: center;
}

.input-combinedd.radius .ui-selectonebutton .ui-button.ui-state-default.ui-state-active{
	border-radius: 8px !important;
}

.input-combinedd.radius .ui-selectonebutton .ui-button.ui-state-default{
	border-radius: 8px !important;
}

.input-combinedd.wrap .ui-selectonebutton {
    background: transparent !important;
    border-radius: 5px;
    margin: 10px 0 0;
    display: flex !important;
    flex-wrap: wrap;
    padding: 0;
}

#frmGeral .input-combinedd .ui-selectonebutton .ui-button.ui-state-default {
	background: #eeeeee !important;
}

#frmGeral .input-combinedd .ui-selectonebutton .ui-button.ui-state-active {
	background: #5e5b5b !important;
	color: white !important;
}

#frmGeral .input-combinedd .ui-selectonebutton{
	gap: 2px;
}

.background-input-cadastro .ui-selectonebutton,
.background-input-cadastro .ui-selectonebutton,
.background-input-cadastro .ui-buttonset{
    border: none !important; 
    padding: 0 !important;
    margin: 0 !important;
}

.button-geral .ui-selectonebutton .ui-state-default:last-child {
	border-radius: 5px !important;
}

.topo-selecionado .ui-selectonebutton .ui-state-active {
    background: #e16b1f !important;
    font-weight: 600;
}

.button-pdf {
	min-width: 110px;
	max-width: 110px;
	background: #f60057 !important;
	color: var(--branco-100) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	height: 38px !important;
	line-height: 20px;
	width: -webkit-fill-available;
	border-radius: 5px !important;
}

.btn-command-link{
	display: flex;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    height: 100% !important;
    justify-content: center;
    align-items: center;
}

.multilinha-btn {
    white-space: normal;
    display: inline-block;
    line-height: 1.2em;
}

.input-combinedd .ui-selectmanybutton .ui-button.ui-state-default {
    background: white !important;
    color: #1b1e21 !important;
    border: 1px solid #ece8e8 !important;
    box-shadow: none !important;
    height: 25px;
    transition: all .2s ease-in-out;
    padding: 0 5px;
    flex-grow: 1;
    align-items: center;
    align-content: center;
}

.input-combinedd .ui-selectmanybutton .ui-button.ui-state-active {
    background-color: #5E5B5B !important;
    color: white !important;
    border-color: #5E5B5B !important;
}

.ui-selectmanybutton{
    margin: 6px 0 0 3px;
}