/* @login */

.login-header {
	border-radius: 0px 10px 10px 0px;
}

.login-body {
	background-image: url("../resources/images/background.jpg");
}

.login-header-desktop-display {
	display: initial;
}

.login-header-mobile-display {
	display: none;	
}

@media (max-width: 640px) {
	
	.login-body {
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}
	
	.login-header-desktop-display {
		display: none;
	}
	
	.login-header-mobile-display {
		display: inline;	
	}
	
	.login-body .login-panel {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;		
	}

}

/* @button */

.icon-only {
	width: 2.4em !important;
}

.icon-mt {
	margin-top: 0.6em;
}

.button-navigation {
	width: 8em !important;
}

.button-responsive {
	width: 12em !important;
}

.button-auto {
	width: auto !important;
}

@media (max-width: 640px) {
	.button-auto {
		width: 100% !important;
	}
}

/* @extras */

.bc-default {
	background-color: #1B2433 !important;
}

.bc-green {
	background-color: #96C93E !important;
}

.bc-white {
	background-color: #FFFFFF !important;
}

.c-white {
	color: #FFF !important;	
}

.ht-100 {
	height: 100%; 	
}

.reset-mp {
	margin: 0 !important;
	padding: 0 !important;
}

.reset-mp-l {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.reset-mp-r {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.reset-mp-t {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.reset-mp-b {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.reset-m {
	margin: 0 !important;
}

.reset-p {
	padding: 0 !important;
}

.noborder {
	border: none !important;
}

.noborder tr td {
	border: none !important;
}

.no-display {
	display: none !important;
}

.an-center {
    align-items: center;
    display: flex;
}

.hz-an-center {
	display: flex !important;
  	justify-content: center !important;
}

.full-vt-an-center {
	align-items: center;
    display: flex;
    height: 80vh;
}

.tt-an-center {
	text-align: center !important;
}

.tt-an-right {
	text-align: right !important;
}

.tt-an-left {
	text-align: left !important;
}

.tt-an-justify {
	text-align: justify !important;
}

.tt-dc-none {
	text-decoration: none;
}

.ft-normal {
	font-weight: normal;
}

.ft-bold {
	font-weight: bold;
}

.ft-title {
	font-size: 1.4em;
}

.ft-subtitle {
	font-size: 1.2em;
}

@media (max-width: 640px) {
	.no-display-mobile {
		display: none;
	}	
}

/* @pages erros */

.page-error {
	height: 100%;
	width: 100%;
	position: absolute;
}
.page-error-right {
	height: 100%;
	background-size: cover;		
}

.page-error-404 {
	background-image: url('../resources/images/404.svg');
}

.page-error-500 {
	background-image: url('../resources/images/500.svg');
}

.page-error-expired {
	background-image: url('../resources/images/expired.svg');
}

.page-error-number {
	font-size: 8em;
	font-family: 'Consolas';
}

.page-error-space {
	background-color: #F44336;
	width: 5em;
	height: 5px;
	opacity: .7;
	border-radius: 2px;
}

.page-error-message {
	font-size: 3em;
	font-family: 'Consolas';
}

.page-error-link {
	font-size: 1.5em;
	font-family: 'Consolas';
}

.page-error-link a {
	border: 1px solid #F44336;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	padding: 8px 8px;
	margin-left: 7px;
}

.page-error-link a:hover {
	background-color: #F44336;
	color: white;
}

@media (max-width: 640px) {
	
	.tt-an-center-mobile {
		text-align: center;
	}
	
	.page-error-message {
		font-size: 2.5em;
	}
	
	.page-error-space {
		width: 100%;
	}
	
	.page-error-link {
		margin-top: 2em;    	
	}	
}

.campo-obrigatorio{
	color:red; 
	font-size: 16px; 
	font-weight:bold;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: .5rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

	.alert-warning {
	    color: #856404;
	    background-color: #fff3cd;
	    border-color: #ffeeba;
	}
	
		.alert-warning .ft-bold {
			color: #533f03;
		}
		
	.alert-primary {
	    color: #004085;
	    background-color: #cce5ff;
	    border-color: #b8daff;
	}
	
		.alert-primary .ft-bold {
			color: #002752;
		}
		
	
	.alert-danger {
	    color: #721c24;
	    background-color: #f8d7da;
	    border-color: #f5c6cb;
	}

		.alert-danger .ft-bold {
			color: #491217;
		}

.one-column {
	width: 30px !important;
}

.two-column {
	width: 70px !important;
}

.action-column {
    width: 110px !important;
}

.four-column {
    width: 150px !important;
}

fieldset legend {
	font-weight:bold !important;	
	background-color:#1B2433 !important;
	border-radius:6px !important;
	color:white !important;
	padding-left:14px !important;
	padding-right:15px !important;
}

fieldset {
	border:1px solid black !important;
	background-color:#f2f4f7 !important;
	border-radius:3px !important;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.block {
	background-color: #2c3e50;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0.2em;
}

.block div {
	color: white;
	margin: 3px;
}

.block:hover {
	background-color: #34495e;
}

.block-selected {	
	background-color: #8BC34A !important;
}

.alert-advertencia {
	width:100%;
	background-color: red;
	border-radius:5px;
	color: white;
}

.image-inside-alert {
	margin-left:25px;
}

.width-full {
	width: 100% !important;
}

	
.editing {
    background-color: #fdffb1;
    color:black;
    padding-top:20px !important;
    padding-bottom:0px !important;
    border-radius: 10px;
    box-shadow: gray 0px 0px 5px;
}

.editing .md-inputfield label {
	width:100%;
	text-align:center;
}

.editing .ui-inputtext {
	background-color:#fdffb1;
	border-width: 0px 0px 0px 0px !important;
	font-weight:bold !important;
	text-align:center !important;
}

.toggler-column {
	text-align: center;
    width: 15px !important;    
}



/* custom buttons */
.ui-button.white-btn {
	background-color: white !important;
	color: #2D3748 !important;
}
.ui-button.white-btn.ui-state-hover {
	background-color: #2D3748 !important;
	color: white !important;
}

.ui-button.cancel-btn {
	background-color: #e5e5e5 !important;
	color: grey !important;
}
.ui-button.cancel-btn.ui-state-hover {
	background-color: #C62828 !important;
	color: white !important;
}