body {
	background-color: #2f4050;
}

.image-header {
	margin-top: 20px;
	margin-bottom: 10px;
}

.wp-label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.table-no-bordered th, .table-no-bordered td {
	border: 0px !important;
}

.info-fixed.affix {
	border: 1px solid #cecece;
	width: 30%;
	padding: 20px;
	right: 20px;
	bottom: 0;
	z-index: 1;
	background: #ffffff;
}

.regular-font-size {
	font-size: 13px;
}

.minimum-font-size {
	font-size: 8px;
}

.maximum-font-size {
	font-size: 20px;
}

.legenda {
	background-color: #d1dade;
	color: #5e5e5e;
	font-family: 'Open Sans';
	font-size: 10px;
	font-weight: 600;
	padding: 3px 8px;
	text-shadow: none;
}

.legenda-verde-bg {
	background-color: #1ab394;
}

.legenda-vermelho-bg {
	background-color: #ed5565;
}

.legenda-verde-font {
	color: #468847;
}

.legenda-vermelho-font {
	color: #b94a48;
}

.legenda-preto-font {
	color: #000;
}

.foto-usuario {
	background: url('/resources/img/user.png') no-repeat center;
	background-size: 50px 50px;
}

.servico {
	margin-top: 10px;
	margin-left: 5px;
	max-height: 60px;
	color: #080808;
}

.servico>div.link {
	padding: 5px 0px 0px 5px;
	background-color: #E6E7E9;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.servico>div.link {
	padding: 5px 0px 0px 5px;
	height: 70px;
}

.servico>div.icon {
	height: 70px;
	padding: 10px 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.servico.red>div.icon {
	background: #F32E35;
}

.servico.red>div.link {
	border-bottom: 4px solid #F32E35;
}

.servico.red>a:hover, .servico.red>a:focus {
	background: #F32E35;
}

.servico.blue>div.icon {
	background: #3E3F95;
}

.servico.blue>div.link {
	border-bottom: 4px solid #3E3F95;
}

.servico.blue>a:hover, .servico.blue>a:focus {
	background: #3E3F95;
}

.servico.light-blue>div.icon {
	background: #0198D6;
}

.servico.light-blue>div.link {
	border-bottom: 4px solid #0198D6;
}

.servico.light-blue>a:hover, .servico.light-blue>a:focus {
	background: #0198D6;
}

.servico.smoth-green>div.icon {
	background: #4FAAB0;
}

.servico.smoth-green>div.link {
	border-bottom: 4px solid #4FAAB0;
}

.servico.smoth-green>a:hover, .servico.smoth-green>a:focus {
	background: #4FAAB0;
}

.servico.green>div.icon {
	background: #03AA5D;
}

.servico.green>div.link {
	border-bottom: 4px solid #03AA5D;
}

.servico.green>a:hover, .servico.smoth-green>a:focus {
	background: #03AA5D;
}

.servico.brow>div.icon {
	background: #A78F72;
}

.servico.brow>div.link {
	border-bottom: 4px solid #A78F72;
}

.servico.brow>a:hover, .servico.brow>a:focus {
	background: #A78F72;
}

.servico.yellow>div.icon {
	background: #FFC627;
}

.servico.yellow>div.link {
	border-bottom: 4px solid #FFC627;
}

.servico.yellow>a:hover, .servico.yellow>a:focus {
	background: #FFC627;
}

.servico.purple>div.icon {
	background: #6D4D8E;
}

.servico.purple>div.link {
	border-bottom: 4px solid #6D4D8E;
}

.servico.purple>a:hover, .servico.purple>a:focus {
	background: #6D4D8E;
}

.servico.gray>div.icon {
	background: #727377;
}

.servico.gray>div.link {
	border-bottom: 4px solid #727377;
}

.servico.gray>a:hover, .servico.gray>a:focus {
	background: #727377;
}

.servico.orange>div.icon {
	background: #F9862F;
}

.servico.orange>div.link {
	border-bottom: 4px solid #F9862F;
}

.servico.orange>a:hover, .servico.orange>a:focus {
	background: #F9862F;
}

.efetuar-login {
	float: left;
	margin-left: -15px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}

.campo-obrigatorio {
	font-weight: bold !important;
	color: #ed5565 !important;
}

.ui-password-panel {
	border-color: lightgrey !important;
	box-shadow: none !important;
	color: #4682b4 !important;
	text-shadow: none !important;
}

.maiusculo {
	text-transform: uppercase;
}

.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
	border: none;
	border-collapse: collapse;
}

.ui-datatable thead th, .ui-datatable tbody, .ui-datatable tbody td,
	.ui-datatable tbody tr, .ui-datatable tfoot td, .ui-datatable tfoot th
	{
	border: none !important;
	color: #172b4d;
}

.ui-datatable .btn-info {
	color: whitesmoke;
}

.btn-voltar, .btn-holerite, .logout-mobile {
	display: none !important;
}

@media screen and (max-width: 800px) {
	.navbar-left {
		width: 90%;
	}
	.navbar-top-links li:last-child {
		margin-right: 0px !important;
	}
	.logout-mobile {
		display: inline-block !important;
		float: right;
	}
}

@media screen and (max-width: 600px) {
	a.navbar-minimalize.minimalize-styl-2.text-white {
		display: none;
	}
	.btn-holerite {
		display: block !important;
	}
	.btn-voltar {
		display: inline-block !important;
	}
	.no-x-padding {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.navbar-top-links li:last-child {
		margin-right: 0 !important;
	}
	table {
		border: 0;
	}
	table caption {
		/* 		font-size: 1.3em; */

	}
	table thead {
		border: none;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table tr {
		border-bottom: 3px solid #ddd;
		/* 		display: block; */
		margin-bottom: .625em;
	}
	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		/* 		font-size: .8em; */
		/* 		text-align: right; */
	}
	table td::before {
		/*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	table td:last-child {
		border-bottom: 0;
	}
	.ui-datatable td {
		width: unset !important;
		text-align: left !important;
	}
	.ui-datatable td .ui-column-title {
		font-weight: bold;
	}
	.ui-datatable td tr.ui-datatable-even {
		background-color: red;
	}
	.text-md-left {
		text-align: left !important;
	}
	.text-md-right {
		text-align: right !important;
	}
	.text-md-center {
		text-align: center !important;
	}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
		width: 100% !important;
	}

	body.mini-navbar #page-wrapper {
		margin: 0 0 0 0px;
	}
	.body-small.mini-navbar .navbar-static-side {
		display: none;
	}
	.navbar-left {
		width: unset;
	}
}


.box-item > a {
    color: #787878;
    text-decoration: none;
}

.box-item > a:hover {
    color: #1AB394;
    text-decoration: none;
}

.box-item > a > img {
    margin: 5px;
}


.box-item {
    display: flex;
    color: white;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 15px;
    padding: 5px 5px 5px 5px;
    background-color: #ececec !important;
    /*max-width: 15%;*/
    border: 1px solid #ececec;
    min-height: 100px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}

.box-item:hover {
    border: 1px solid #1AB394;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.box-item.disabled {
    background-color: #ececec;
}

.box-item.disabled  > a {
    color: #bababa;
}

.box-item.disabled:hover {
    border: 1px solid #bababa;
}

.box-item.disabled img {
    opacity: 0.5;
}