@font-face {
	font-family: "Open Sans";
	src: url("/fonts/OpenSans-Regular.ttf");
}

@font-face {
	font-family: "Open Sans Bold";
	src: url("/fonts/OpenSans-Bold.ttf");
}

* {
	font-size: 0.95rem;
	font-family: "Open Sans";
}

textarea {
	resize: none !important;
}

:root {
	--main-azul: #209CEE;
	--main-bg-cinza: rgb(248, 248, 248);
}

.modal {
	background: #06060666;
}

.rowRed {
	background: #f27f7f;
	pointer-events: none;
}

.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}

.spinner-border {
	margin-top: 20%;
}

.spinnerBlock {
	width: 100%;
	background: #fff9;
	position: fixed;
	margin: 0;
	top: 0;
	text-align: center;
	left: 0;
	height: 100%;
	z-index: 300;
}

.desabilitar {
	pointer-events: none;
	outline: none;
	background: #e9ecef !important;
	cursor: not-allowed !important;
}

/* MODIFICADORES DO BOOTSTRAP */

table.table-hover tr {
	cursor: pointer;
}

.btn-primary {
	background-color: var(--main-azul) !important;
	border-color: var(--main-azul) !important;
}

.btn-outline-primary {
	color: var(--main-azul) !important;
	border-color: var(--main-azul) !important;
}

.btn-outline-primary:hover {
	background-color: rgba(32, 156, 238, 0.1) !important;
}

p.text-primary,
h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary {
	color: var(--main-azul) !important;
}

.btn-primary,
.badge-primary,
.bg-primary {
	background-color: var(--main-azul) !important;
	border-color: var(--main-azul) !important;
}

button.btn-primary>i {
	color: #FFF;
	margin-right: 5px;
}

.blue {
	color: var(--main-azul);
}

.bold {
	font-family: "Open Sans Bold";
}

input[type=checkbox] {
	cursor: pointer;
}

/* deixa fundo o input (readonly) do datepicker branco */

.datepicker {
	background-color: #FFF !important;
}

/* FIM DOS MODIFICADORES DO BOOTSTRAP */

.page-wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.page-wrapper>div.header #logo-header {
	height: 100%;
}

.page-wrapper>.header {
	z-index: 0;
	position: absolute;
	padding: 11px 20px 13px 20px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 75px;
	background: #209CEE;
	box-shadow: 5px 6px 15px rgba(0, 0, 0, 0.12);
}

.page-wrapper>.menu {
	z-index: 1;
	position: relative;
	float: left;
	top: 75px;
	width: 14%;
	height: calc(100% - 75px);
}

.page-wrapper>div.content {
	overflow-y: auto;
	position: relative;
	padding: 15px 15px 15px 15px;
	float: right;
	top: 75px;
	width: 86%;
	height: calc(100% - 75px);
	background-color: #F8F8F8;
}

.main-menu a {
	display: block;
	padding: 10px 0px 10px 5px;
	text-decoration: none;
	color: #555;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid rgba(32, 156, 238, 0.1);
	transition: all 0.5s;
}

.main-menu a i {
	width: 26px;
	text-align: center;
	transition: all 0.5s;
}

.main-menu a:hover,
.main-menu .submenu a:hover {
	color: #209CEE;
	background-color: rgba(32, 156, 238, 0.1)
}

.main-menu a:hover i {
	color: #209CEE;
}

.main-menu a.sub-title {
	background-image: linear-gradient(#FFF, #F8F8F8);
}

.main-menu a.sub-title:hover {
	color: #555;
}

.main-menu .submenu {
	display: none;
}

.main-menu .submenu a {
	padding: 7px 0px 7px 5px;
	font-size: 0.9rem;
	background-color: #F8F8F8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.user-menu {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.user-menu>div {
	display: inline-block;
	padding: 15px 20px 15px 15px;
	color: #FFF;
}

.user-menu>div a,
.user-menu>div i {
	color: #FFF;
	text-decoration: none;
}

.fontP {
	font-size: 12px !important;
	word-wrap: anywhere;
}

.botao-fechar {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 8px;
	right: 8px;
}

.botao-fechar i {
	margin-left: 5px;
	margin-top: 2px;
	color: #777;
	font-size: 24px;
	transition: color 0.3s;
}

.botao-fechar i:hover {
	color: var(--main-azul);
}

@media screen and (max-width: 1490px) {
	.h1-responsivo {
		font-size: 27px !important;
	}

	.h3-responsivo {
		font-size: 20px !important;
	}

	.h4-responsivo {
		font-size: 20px !important;
	}
}

a.info {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	color: #333333;
}

/* Added to solve the z-order problem of IE */

a.info:hover {
	z-index: 2;
}

/* End */

a.info span {
	display: none;
}

a.info:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 1.5em;
	left: -4em;
	/* min-width: 25em; */
	border: 1px solid #F2AF1D;
	background-color: #FDF1D5;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	line-height: 15px;
}

a.info:hover span p {
	margin: 0 !important;
}

a.infoT {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	color: #333333;
}

/* Added to solve the z-order problem of IE */

a.infoT:hover {
	z-index: 2;
}

/* End */

a.infoT span {
	display: none;
}

a.infoT:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 2em;
	right: -2em;
	min-width: 20em;
	border: 2px solid #F2AF1D;
	background-color: #FDF1D5;
	color: #000;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	padding: 10px;
	line-height: 15px;
	border-radius: 5px;
}

.iconInfo {
	color: #ea0000;
	margin-top: -8px !important;
	margin-left: 17px !important;
	position: absolute;
}

/*tabela fixa*/

.tableFixa {
	display: block;
	height: 600px;
	overflow-y: scroll;
	width: 100%;
}

.linha-fixa {
	width: 100%;
	border-bottom: 1px solid #dee2e6;
}

.tr-fixa {
	display: flex;
}

.table td,
.table th {
	border-top: none !important;
}

.tableFixa2 tr {
	cursor: pointer;
	display: flex;
}

.td-flex-grow {
	flex-grow: 0 !important;
	min-width: 45px;
}

/* menu responsivo */

@media (max-width: 576px) {
	.main-menu>a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
	}

	nav.main-menu div.submenu a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
		background: #dfdfdf;
	}

	.page-wrapper>div.menu {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 13%;
	}

	.page-wrapper>div.content {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 86%
	}

	.user-menu>div {
		display: inline-block;
		padding: 0px 20px 8px 15px;
		color: #FFF;
	}

	.page-wrapper>div.header #logo-header {
		height: 100%;
	}

	.userResponsivo {
		text-align: right;
		font-size: 9px;
		float: right;
		width: 100%;
	}

	.userResponsivo>a {
		text-align: right;
		font-size: 9px;
		float: right;
		width: 100%;
	}
}

@media (max-width: 768px) and (min-width: 576px) {
	.main-menu>a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
	}

	nav.main-menu div.submenu a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
		background: #dfdfdf;
	}

	.page-wrapper>div.menu {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 9%;
	}

	.page-wrapper>div.content {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 90%
	}

	.top {
		margin-top: 20% !important;
		background: red;
	}

	.user-menu>div {
		display: inline-block;
		padding: 0px 20px 3px 15px;
		color: #FFF;
	}

	.page-wrapper>div.header #logo-header {
		height: 100%;
	}

	.userResponsivo {
		text-align: right;
		font-size: 13px;
		float: right;
		width: 100%;
	}

	.userResponsivo>a {
		text-align: right;
		font-size: 13px;
		float: right;
		width: 100%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.main-menu>a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
	}

	nav.main-menu div.submenu a {
		-webkit-transition: white 2s;
		/* For Safari 3.1 to 6.0 */
		transition: white 2s;
		white-space: nowrap;
		width: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid #adb5bd;
		background: #dfdfdf;
	}

	.page-wrapper>div.menu {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 5%;
	}

	.page-wrapper>div.content {
		-webkit-transition: width 2s;
		/* For Safari 3.1 to 6.0 */
		transition: width 2s;
		width: 94%
	}
}

a.infoResponsivo {
	font-family: verdana, arial, helvetica, sans-serif;
	position: relative;
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	color: #333333;
}

/* Added to solve the z-order problem of IE */

a.infoResponsivo:hover {
	z-index: 2;
}

/* End */

a.infoResponsivo span {
	display: none;
}

a.infoResponsivo:hover span {
	display: block;
	position: fixed;
	margin-top: -23px;
	z-index: 100;
	min-width: 7em;
	border: 1px solid #F2AF1D;
	background-color: #FDF1D5;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	line-height: 15px;
}

/* menu responsivo */

.resize-none {
	resize: none;
}

/*tabela responsiva*/

table {
	width: 750px;
	border-collapse: collapse;
}

th {
	background: #209cee;
	color: white;
}

td,
th {
	padding: 10px;
	text-align: left;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

@media (max-width: 480px) {
	.rodape {
		border: none;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 11px;
		left: 6px;
		width: 30%;
		padding-right: 10px;
		white-space: normal;
		/* Label the data */
		content: attr(data-column);
		font-size: 11px;
		color: #000;
		font-weight: bold;
	}

	.fontP {
		font-size: 11px !important;
	}

	table {
		width: 100%;
	}

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border: 1px solid #ccc;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	.table td,
	.table th {
		padding-left: 30% !important;
	}

	.icones {
		display: inline-table;
		width: 10% !important;
		margin: 10px !important;
		border: none;
	}

	.colResponsiva {
		border-bottom: 1px solid #bdb9b9 !important;
	}
}

@media only screen and (min-width:481px) and (max-width: 870px) {
	.rodape {
		border: none;
	}

	table {
		width: 100%;
	}

	/* Force table to not be like tables anymore */
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border: 1px solid #ccc;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 11px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: normal;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}

	.table td,
	.table th {
		padding-left: 30% !important;
	}

	.icones {
		display: inline-table;
		width: 10% !important;
		margin: 10px !important;
		border: none;
	}

	.colResponsiva {
		border-bottom: 1px solid #bdb9b9 !important;
	}
}

@media (min-width: 576px) {
	.modal-xxl {
		max-width: 90% !important;
	}
}

@media (min-width: 992px) {
	.modal-xxl {
		max-width: 1000px !important;
	}
}

@media (min-width: 1200px) {
	.modal-xxl {
		max-width: 1600px !important;
	}
}

.bt-1,
.by-1 {
	border-top-width: .25rem !important
}

.bl-1,
.bx-1 {
	border-left-width: .25rem !important
}

.br-1,
.bx-1 {
	border-right-width: .25rem !important
}

.bb-1,
.by-1 {
	border-bottom-width: .25rem !important
}

.bt-2,
.by-2 {
	border-top-width: .5rem !important
}

.bl-2,
.bx-2 {
	border-left-width: .5rem !important
}

.br-2,
.bx-2 {
	border-right-width: .5rem !important
}

.bb-2,
.by-2 {
	border-bottom-width: .5rem !important
}

.bt-3,
.by-3 {
	border-top-width: 1rem !important
}

.bl-3,
.bx-3 {
	border-left-width: 1rem !important
}

.br-3,
.bx-3 {
	border-right-width: 1rem !important
}

.bb-3,
.by-3 {
	border-bottom-width: 1rem !important
}

.bt-4,
.by-4 {
	border-top-width: 1.5rem !important
}

.bl-4,
.bx-4 {
	border-left-width: 1.5rem !important
}

.br-4,
.bx-4 {
	border-right-width: 1.5rem !important
}

.bb-4,
.by-4 {
	border-bottom-width: 1.5rem !important
}

.bt-5,
.by-5 {
	border-top-width: 3rem !important
}

.bl-5,
.bx-5 {
	border-left-width: 3rem !important
}

.br-5,
.bx-5 {
	border-right-width: 3rem !important
}

.bb-5,
.by-5 {
	border-bottom-width: 3rem !important
}

#voltar-mensageria,
#inserir-mensageria,
#botoes-favorecido,
.botao-direita-superior {
	position: absolute !important;
	top: 15px;
	right: 15px;
}

.string {
	color: green;
}

.number {
	color: darkorange;
}

.boolean {
	color: blue;
}

.null {
	color: magenta;
}

.key {
	color: red;
}

#protestoJud {
	position: absolute;
	top: 15%;
	left: 37vw;
	font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

#protestoJud>h1 {
	font-weight: lighter;
}

#protestoJud>h1>b {
	font-weight: bolder !important;
}

@media (min-width: 992px) {
	#protestoJud {
		left: 30vw;
	}
}

@media (min-width: 1400px) {
	#protestoJud {
		left: 37vw;
	}
}

.acoes {
	color: #007bff !important;
}

.c-pointer {
	cursor: pointer;
}

.c-help {
	cursor: help;
}

.form-control::-webkit-input-placeholder {
	/* WebKit browsers */
	text-transform: none;
}

.form-control:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	text-transform: none;
}

.form-control::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	text-transform: none;
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	text-transform: none;
}

.form-control::placeholder {
	/* Recent browsers */
	text-transform: none;
}

.bg-medium-orange {
	background-color: #fbead4 !important;
}

.bg-light-purple {
	background-color: #c974c4 !important;
}

.bg-medium-lavanda {
	background-color: #C5A3FF !important;
}

.bg-medium-gold {
	background-color: #FFD700 !important;
}

.bg-light-brown {
	background-color: #c18078 !important;
}

.bg-light-blue {
	background-color: #4A90E2 !important;
}

.bg-light-green {
	background-color: #A8E6CF !important;
}

.bg-medium-green {
	background-color: #B8E986 !important;
}

.bg-light-red {
	background-color: #fc956b !important;
}

.bg-light-pink {
	background-color: #FF6B6B !important;
}

.bg-light-orange {
	background-color: #FF9E80 !important;
}

.bg-medium-cyan {
	background-color: #56CCF2 !important;
}

.texto-verde {
	color: #62c370 !important;
}

.texto-amarelo {
	color: #ffd700 !important;
}

.texto-vermelho {
	color: #E74C3C !important;
}

.texto-azul {
	color: #0401fe !important;
}

.texto-cinza {
	color: #797979 !important;
}

.texto-cinza-escuro {
	color: #333 !important;
}

a.bg-medium-orange:hover,
button.bg-medium-orange:hover,
a.bg-medium-orange:focus,
button.bg-medium-orange:focus {
	color: #a63400 !important;
}

a.bg-light-purple:hover,
button.bg-light-purple:hover,
a.bg-light-purple:focus,
button.bg-light-purple:focus {
	color: #2e0f3d !important;
}

.text-medium-orange {
	color: #ff5f15 !important;
}

.text-light-purple {
	color: #c974c4 !important;
}

.text-medium-orange:hover,
.text-medium-orange:focus {
	color: #a63400 !important;
}

.text-light-purple:hover,
.text-light-purple:focus {
	color: #2e0f3d !important;
}

.sombra-card {
	-webkit-box-shadow: -4px 8px 13px 0px rgba(0, 0, 0, 0.72);
	box-shadow: -4px 8px 13px 0px rgba(0, 0, 0, 0.72);
}

.w-05 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important
}

.w-20 {
	width: 20% !important
}

.w-30 {
	width: 30% !important
}

.w-35 {
	width: 35% !important
}

.w-40 {
	width: 40% !important
}

.w-45 {
	width: 45% !important
}

.w-55 {
	width: 55% !important
}

.w-60 {
	width: 60% !important
}

.w-65 {
	width: 65% !important
}

.w-70 {
	width: 70% !important
}

.w-80 {
	width: 80% !important
}

.w-85 {
	width: 85% !important
}

.w-90 {
	width: 90% !important
}

.w-95 {
	width: 95% !important
}

#modal-valida-email p {
	font: normal normal normal 15px/20px Open Sans, sans-serif;
	color: #707070;
	padding: 0 30px;
}

.token-valida-container {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
	max-width: 303px;
	margin: 30px auto;
}

.token-valida-container .token-valida-input-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.token-valida-container .token-valida-input-container input.token-valida-input {
	background: transparent;
	border: 1px solid #c3c3c3;
	width: 30px;
	height: 48px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	font: normal normal bold 22px/22px 'Open Sans', sans-serif;
	letter-spacing: 0px;
	color: #495057;
	margin-bottom: 0px;
	border-radius: 5px;
}

.token-valida-container .token-valida-input-container input.token-valida-input:focus,
.token-valida-container .token-valida-input-container input.token-valida-input:focus-visible {
	border-color: #4780F1 !important;
	border-width: 2px !important;
	outline: none !important;
}

.token-valida-container .token-valida-input-container input.token-login-input:focus::placeholder,
.token-valida-container .token-valida-input-container input.token-valida-input:focus-visible::placeholder {
	color: transparent;
}

.token-valida-container .token-valida-input-container:nth-child(4)::after {
	content: '';
	width: 9px;
	height: 2px;
	background: #c3c3c3;
	margin: 0px 5px 0px 10px;
}

.token-valida-container.valida-danger p.label-token {
	color: #1ACEB5;
	margin-left: 38px;
}

.token-valida-container.valida-danger .token-valida-input-container input.token-valida-input {
	border: 1px solid #1ACEB5;
	color: #1ACEB5;
	animation: tremble 5s ease-in-out 3;
}

.token-error-msg {
	color: #1ACEB5;
	font-weight: bold;
	margin: 0px;
	text-align: center;
	width: 100%;
}

.token-valida-container.valida-danger .token-valida-input-container:nth-child(4)::after {
	background-color: #1ACEB5;
}

p.label-token {
	width: 100%;
	margin-bottom: 5px;
	padding-left: 25px;
}

.caption-top {
	caption-side: top;
}


.selection-multiple {
	cursor: pointer;
}

.selection-multiple .selection-box {
	user-select: none;
}

.selection-multiple.active .selection-box {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.selection-multiple .selection-list {
	position: absolute;
	background: #fff;
	/* display: none; */
	flex-flow: column;
	gap: 5px;
	padding: 4px;
	border: 1px solid #c1c1c1;
	box-shadow: 0px 0px 16px 0px #00000045;
	border-radius: 3px;
	min-width: 300px;
	width: calc(100% - 9px);
	z-index: 1;
}

.selection-multiple.active .selection-list {
	/* display: flex; */
}

.selection-multiple .selection-list .selection-items {
	list-style-type: none;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	border-radius: 3px;
	padding: 2px 7px;
	margin-bottom: 2px;
}

.selection-multiple .selection-list .selection-items:hover {
	background-color: #dee0e8;
}

.selection-multiple .selection-list .selection-items.selected {
	background-color: #0060df;
	color: white;
}

.btn-cyan {
	color: #fff !important;
	background-color: #00bcd4 !important;
	border-color: #00bcd4 !important;
}

.btn-cyan:hover {
	color: #fff !important;
	background-color: #00acc1 !important;
	border-color: #00acc1 !important;
}

.btn-magenta {
	color: #fff !important;
	background-color: #e91e63 !important;
	border-color: #e91e63 !important;
}

.btn-magenta:hover {
	color: #fff !important;
	background-color: #d81b60 !important;
	border-color: #d81b60 !important;
}

.btn-orange {
	color: #fff !important;
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}

.btn-orange:hover {
	color: #fff !important;
	background-color: #fb8c00 !important;
	border-color: #fb8c00 !important;
}

.btn-cyan.btn-sm,
.btn-magenta.btn-sm,
.btn-orange.btn-sm {
	padding: .25rem .5rem;
}

.btn-cyan.btn-lg,
.btn-magenta.btn-lg,
.btn-orange.btn-lg {
	padding: .5rem 1rem;
}

.btn-outline-cyan {
	color: #00bcd4 !important;
	background-color: transparent !important;
	border: 1px solid #00bcd4 !important;
}

.btn-outline-cyan:hover {
	color: #fff !important;
	background-color: #00bcd4 !important;
	border-color: #00bcd4 !important;
}

.btn-outline-magenta {
	color: #e91e63 !important;
	background-color: transparent !important;
	border: 1px solid #e91e63 !important;
}

.btn-outline-magenta:hover {
	color: #fff !important;
	background-color: #e91e63 !important;
	border-color: #e91e63 !important;
}

.btn-outline-orange {
	color: #ff9800 !important;
	background-color: transparent !important;
	border: 1px solid #ff9800 !important;
}

.btn-outline-orange:hover {
	color: #fff !important;
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}

.btn-outline-cyan.btn-sm,
.btn-outline-magenta.btn-sm,
.btn-outline-orange.btn-sm {
	padding: .25rem .5rem;
}

.btn-outline-cyan.btn-lg,
.btn-outline-magenta.btn-lg,
.btn-outline-orange.btn-lg {
	padding: .5rem 1rem;
}

.text-cyan {
	color: #00bcd4 !important;
}

.text-orange {
	color: #ff9800 !important;
}

.text-magenta {
	color: #e91e63 !important;
}

.bg-cyan {
	background-color: #00bcd4 !important;
}

.bg-orange {
	background-color: #ff9800 !important;
}

.bg-magenta {
	background-color: #e91e63 !important;
}