.btn {
	padding: 4px 12px;
    min-height: 32px;
    margin-right: 10px;
    transition: background-color .3s ease-in-out;
}

.div-botao {
	display: inline-block;
	padding: 4px 12px;
    min-height: 32px;
    margin-right: 10px;
    margin-bottom: 7px;
	color: #636363;
    background-color: white;
    border-color: #ccc;
    border: 0;
    cursor: default;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);    
}

.div-botao .material-icons {
	vertical-align: middle;
}

.div-botao a {
	color: #4f4f4f;
}

.div-botao a:hover {
	color: #5e95dc;
}

.div-botao.dark-bg {
	color: white;
	font-weight: bold;
}

.div-botao.dark-bg a {
	color: #efefef;
}

.div-botao.dark-bg a:hover {
	color: #d4d4d4;
}

.botao .notificacao {
	width: 30px;
    height: 20px;
    border: 1px solid #f15555;
    font-size: 10px;
    border-radius: 50px;
    vertical-align: middle;
    color: white;
    margin-left: 6px;
    margin-right: -5px;
    padding-top: 2px;
    background: #f15555;
    display: inline-block;
}

.botao .notificacao.neutro {
	border-color: #555;
    background: #555;	
}

.botao .status {
	display: inline-block;
	width: 10px;
    height: 10px;
    border: 0px;
    border-radius: 50px;
    vertical-align: middle;
	margin-left: -3px;
    margin-right: 0;
    padding-top: 2px;
    background: white;
}

.botao .status.habilitado {
	background: #419a41;
}

.botao .status.desabilitado {
	background: #f15555;
}

a.botao {
    background-color: white;
    border-color: #ccc;
    color: #636363;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

a:visited.botao {
    background-color: white;
    border-color: #ccc;
    color: #636363;
    text-decoration: none;
}

a:active.botao {
    background-color: white;
    border-color: #ccc;
    color: #636363;
    text-decoration: none;
}

a:hover.botao {
    background-color: #e5e5e5;
    border-color: #ccc;
    color: #636363;
    text-decoration: none;
}

a:disabled.botao {
    background-color: red;
    border-color: red;
    color: white;
    text-decoration: none;
}

.botao .material-icons {
	vertical-align: middle;
	font-size: 21px;
	color: #fff;	
}

.botao .fab {
	padding: 0px 4px 0px 4px;
	vertical-align: middle;
	font-size: 19px;	
}

.botao .btn-text {
	vertical-align: top;
    font-style: normal;
    margin-left: 6px;
    color: #fff;
    font-size: 16px;
}

.botao.clicked {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2) inset, 0 1px 1px 0 rgba(0,0,0,.14) inset, 0 2px 1px -1px rgba(0,0,0,.12) inset;
    background-color: #96adcc;
    border-color: #96adcc;
}

.botao-menor {
	padding: 4px 10px;
}

.botao-menor .btn-text {
	font-size: 14px;
}

a.botao-principal {
    background-color: #564493;
    border-color: #564493;
}

a:visited.botao-principal {
    background-color: #564493;
    border-color: #564493;
}

a:hover.botao-principal {
    background-color: #564493;
    border-color: #564493;
    opacity: .8;
}

a.botao-principal .btn-text, a.botao-principal .material-icons {
	color: #fff;
}

a.botao-sucesso {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

a:visited.botao-sucesso {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

a:hover.botao-sucesso {
    background-color: #4f984f;
    border-color: #4f984f;
    opacity: 1;
    color: #fff;
}

a.botao-sucesso .btn-text, a.botao-sucesso .material-icons {
	color: #fff;
}

a.botao-neutro {
	color: #636363;
    background-color: white;
    border-color: #ccc;
    border: 0;
}

a:active.botao-neutro {
	color: #636363;
    background-color: white;
    border-color: #ccc;
}

a:visited.botao-neutro {
	color: #636363;
    background-color: white;
    border-color: #ccc;
}

a:hover.botao-neutro {
	color: #636363;
    background-color: #e5e5e5;
    border-color: #ccc;
    opacity: 1;
}

a.botao-neutro .btn-text, a.botao-neutro .material-icons {
	color: #636363;
}

.botao-neutro.destaque {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    border-radius: 50%;
    padding: 9px 10px 9px 10px;	
}

.botao-neutro.destaque .material-icons {
	color: #419a41;
}

.botao-neutro.filtrado {
	border: 1px solid #c9f3d8;
}

.botao-neutro.filtrado .btn-text {
	font-weight: bold;
}

a.botao-rosa {
	color: #636363;
    background-color: white;
    border: 1px dashed #ff008c;
}

a:visited.botao-rosa {
	color: #636363;
    background-color: white;
    border: 1px dashed #ff008c;
}

a:hover.botao-rosa {
	color: #636363;
    background-color: #e5e5e5;
    border: 1px dashed #ff008c;
    opacity: 1;
}

a.botao-rosa .btn-text, a.botao-rosa .material-icons {
	color: #636363;
}

a.botao-roxo {
	color: #fff;
    background-color: #38316d;
    border: 0;
}

a:visited.botao-roxo {
	color: #fff;
    background-color: #38316d;
}

a:active.botao-roxo {
	color: #fff;
    background-color: #38316d;
}

a:hover.botao-roxo {
	color: #fff;
    background-color: #2f2f50;
    opacity: 1;
}

a.botao-transparente {
	color: #fff;
    background: none;
    border: 1px solid #685bb3;
}

a:visited.botao-transparente {
	color: #fff;
    background: none;
    border: 1px solid transparent;
}

a:active.botao-transparente {
	color: #fff;
    background-color: #7168a7;
    border: 1px solid transparent;
}

a:hover.botao-transparente {
	color: #fff;
    background-color: #7168a7;
    border: 1px solid transparent;
    opacity: 1;
}

a.botao-roxo .btn-text, a.botao-roxo .material-icons {
	color: #fff;
}

a.botao-vermelho {
    background-color: #c14e4e;
    border-color: #c14e4e;
}

a:visited.botao-vermelho {
    background-color: #c14e4e;
    border-color: #c14e4e;
}

a:hover.botao-vermelho {
    background-color: #a23030;
    border-color: #a23030;
    opacity: 1;
}

a.botao-vermelho .btn-text, a.botao-vermelho .material-icons {
	color: #fff;
}

a.botao-escrito-vermelho {
	color: #c14e4e;
    background-color: white;
    border-color: #c14e4e;
}

a:visited.botao-escrito-vermelho {
	color: #c14e4e;
    background-color: white;
    border-color: #c14e4e;
}

a:hover.botao-escrito-vermelho {
	color: #fff;
    background-color: #c14e4e;
    border-color: #c14e4e;
    opacity: 1;
}

a:hover.botao-escrito-vermelho .btn-text, a:hover.botao-escrito-vermelho .material-icons {
    color: #fff;
}

a.botao-escrito-vermelho .btn-text, a.botao-escrito-vermelho .material-icons {
	color: #c14e4e;
}

.ui-splitbutton.botao-grupo .ui-button {
    background: white;
    font-size: 1em;
    color: #636363;
}

.ui-splitbutton.botao-grupo .ui-button-text-only {
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    padding: 1px 0px;
}

.ui-splitbutton.botao-grupo .ui-button-icon-only {
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
    padding: 1px 0px;
}

.ui-splitbuttonmenu.botao-grupo-menu {
    background-color: white;
}

.ui-menuitem-link.botao-grupo-menu-item {
    color: #555555;
}

.botao-neutro.filtrado {
    border: 1px solid #c9f3d8;
}

.botao-neutro.filtrado .btn-text {
    font-weight: bold;
}

.btn-menu-item-outros {
    width: auto !important;
}

.ui-menuitem-link.ui-state-disabled {
    background: none !important;
    box-shadow: none !important;
}