.colored 		{ color: #1d9; }
.colored:hover 	{ color: #00aadd; }

.left {float:left !important;}
.right {float:right !important;}
.center {text-align: center;}
.small, .small * {font-size: 9pt;}

.hide {display:none;}

.daterangepicker *:not(.fa) {
	font-family: Arial, sans-serif;
}

button::-moz-focus-inner,
option::-moz-focus-inner,
select::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type=button], input[type=submit] {
	-webkit-appearance: none;
	cursor:pointer;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;

	margin: 0 5px 0 0;
	border-radius: 5px;
	padding: 4pt 10pt 4pt;
	line-height: 10.5pt;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
	letter-spacing: 0;
	text-transform: uppercase;
}

input[type=text], input[type=password],  input[type=email], textarea, select, .custom-select, input[type=text]:focus, input[type=password]:focus, textarea:focus, button {
	margin: 0 0 10px 0;
	padding: 8px 10px;
	font-size: 11pt;
	box-shadow: 1px 1px 2px 1px rgba(220,253,242,0.5) inset;
	border-radius: 6px;
	letter-spacing: 0;
	height: 30pt;
	color: #666;
}
input[type=text]:invalid, select:invalid {
	border: 1px solid #f00;
}
.form-group input[type=text], .form-group input[type=email], .form-group input[type=password] {
	width: 100%;
}
input[type=text], input[type=email], input[type=password], textarea, select, .custom-select, button {
	border: 1px solid #cdc;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus,  select:focus {
	border: 1px solid #1d9; // colored
}
.form-control::placeholder, .form-control::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}

textarea {resize: none;min-width:400px;min-height:60px;}

label {padding-left: 4px; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 8.5pt; font-weight: bold;}

* {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #556;
	margin: 0;
	padding: 0;
}
strong {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: inherit;
	margin: 0;
	padding: 0;
}

body
{
	/* font-family: 'Montserrat', Helvetica, Arial, sans-serif; */
	margin: 0;
	padding: 0;
	color: #556;
	font: normal 10pt Arial, Helvetica, Trebuchet MS, sans-serif;
	background: #fff;
}

a {color: #0c8;}
a:hover {color: #1d9;}

h1 { font-size: 2em;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

.field-underline {
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
}

/*  MAIN FORM  */
.mainform {
	text-align: center;
	vertical-align: middle;
	background: #ddd;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	display: inline-block;
	position: absolute;
}
.form-title {
	font-size: 12pt;
	color: #fff;
}
.login-box {
	margin: 20vh auto;
	width: 40%;
	min-width: 250px;
	max-width: 350px;
	padding: 30px 20px;
	color: #fff;
}
.login-box, .login-box form, .login-box div, .login-box span, .login-box strong {color: #ddd;}
.login-box a {color: #0c8;}
.login-box a:hover {color: #2ea;}

.frmb-bg {
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6) ), url(/app/i/frmb/bg/atvd-1.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.login-box input[type=text], .login-box input[type=password] {
	min-width: 90%;
	font-size: 11pt;
}
.login-box input[type=button], .login-box input[type=submit] {
	min-width: 70%;
}
.frmb-body {
	background: #fff;
	margin: 0;
	padding: 0;
	height: 100%;
}
.frmb-header {

}
.frmb-logo {
	background: #00a666;
	border-bottom: 1px solid #009058;
}
.frmb-menu, .frmb-social {
	background: #00a666;
}
.frmb-headline {
	color: #888;
	background: #fff;
	font-size: 11pt;
	border-bottom: 1px solid #ddd;
}
.frmb-headline strong {
	color: #666;
}
.frmb-social {
	color: #fff;
	font-size: 8.5pt;
	text-align: center;
}
.frmb-social a i {
	font-size: 18px;
	color: #fff;
	margin: 0 5px;
}
.frmb-content {
	background: #f5f5f5;
}
.frmb-footer {
	background: #f5f5f5;
	font-size: 8pt;
	color: #888;
	padding: 10px;
	text-align: center;
}
.menu-itens {
	padding: 0;
}
.menu-itens li {
	display: block;
	background: #00a666;
	color: #fff;
	border-bottom: 1px solid #00a666;
}
.menu-itens li a {
	color: #fff;
	background: #009e61;
	display: block;
	padding: 10px 5px 10px 10px;
}
.menu-itens li a:hover {
	text-decoration: none;
	background: #00935a;
}
.menu-itens li a i {
	color: #fff;
	font-size: 11pt;
	margin-right: 5px;
}
.table *, nav * {
	font-family: Arial, 'Lato', Helvetica, Arial, sans-serif;
	font-size: 11pt;
}
nav *, .table thead * {
	text-transform: uppercase;
	font-size: 10pt;
}
.box {
	margin: 20px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	padding: 10px 10px 0 10px;
}
.box-form {
	padding: 20px;
}
.title {
	font-size: 14pt;
	color: #009e61;
	padding: 10px 0 5px;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	margin-bottom: 20px;
}
.vlr-c {
	color: #009bc2;
}
.vlr-d {
	color: #ec488a;
}
.tbl-head {
	background: #555;
}
.tbl-head th {
	color: #fff;
}
#warning, #success, #question, #prompt, #sorry, #interfonar {
	font-family: Helvetica, Arial, serif;
	font-size: 11pt;
	position: absolute;
	margin: auto;
	padding: 0;
	text-align: left;
	display: block;
	min-width: 500px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	border-radius:10px 10px 8px 8px;
}
.warning, .success, .question, .prompt, .sorry, .interfonar {
	font-family: Helvetica, Arial, serif;
	font-size: 11pt;
	margin: 10px;
	text-align: left;
	clear:both;
}
#warning, .warning, #success, .success, #question, .question, #prompt, .prompt, #sorry, .sorry, #interfonar, .interfonar {
	border: 0;
	background: #fff;
}

#warningBar {border-radius: 8px 8px 0 0; display:block; text-align: left; height:20px; background: rgba(255,60,60,1); color:#fff; font-size: 13pt; font-weight: bold; padding: 20px 10px 10px 20px;}
#successBar {border-radius: 8px 8px 0 0; display:block; text-align: left; height:20px; background: #33aa55; color:#fff; font-size: 13pt; font-weight: bold; padding: 20px 10px 10px 20px;}
#questionBar {border-radius: 8px 8px 0 0; display:block; text-align: left; height:20px; background: #00bfbd; color:#fff; font-size: 13pt; font-weight: bold; padding: 20px 10px 10px 20px;}
#promptBar {border-radius: 8px 8px 0 0; display:block; text-align: left; height:20px; background: #00bfbd; color:#fff; font-size: 13pt; font-weight: bold; padding: 20px 10px 10px 20px;}
#sorryBar {border-radius: 8px 8px 0 0; display:block; text-align: left; height:20px; background: #00bfbd; color:#fff; font-size: 13pt; font-weight: bold; padding: 20px 10px 10px 20px;}

#warningText, #successText, #questionText, #promptText, #sorryText { color: #666; padding: 20px;}
#promptTextAdd {color: #666; padding: 0 20px 10px 20px;}

.questionButtons {width: 100%;box-sizing: border-box; border-top: 1px solid #eee; clear:both;display: block;padding: 10px;}
.questionButtons #questionOk {float:right;}

#simplemodal-overlay {
	background: rgba(0,0,0,0.75);
}

/*
.tbl-data table {
	width: 100%;
}
.tbl-data table tr:first-child {
}
.tbl-data table tr * {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
}
.tbl-data table tr th {
	padding: 2px 5px 5px 5px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	text-transform: uppercase;
}
.tbl-data table tr.l-par td {
	background: #f4f4f4;
}
.tbl-data table tr td {
	padding: 8px 8px 5px 8px;
}
*/

.button-touch .fa {
	border: 2px solid #ddd;
	border-radius: 6px;
	padding: 12px;
	color: #999;
	cursor: pointer;
}
.button-touch:hover .fa-plus-circle, .button-touch-active .fa-plus-circle {
	background-color: #fff;
	border: 2px solid #06c;
	color: #06c;
}
.button-touch:hover .fa-minus-circle, .button-touch-active .fa-minus-circle {
	background-color: #fff;
	border: 2px solid #e01;
	color: #e01;
}
.button-touch:hover .fa-question-circle, .button-touch-active .fa-question-circle {
	background-color: #fff;
	border: 2px solid #da0;
	color: #da0;
}
.button-touch-active .fa-plus-circle, .button-touch-active:hover .fa-plus-circle {
	background-color: #06c;
	border: 2px solid #06c;
	color: #fff;
}
.button-touch-active .fa-minus-circle, .button-touch-active:hover .fa-minus-circle {
	background-color: #e01;
	border: 2px solid #e01;
	color: #fff;
}
.button-touch-active .fa-question-circle, .button-touch-active:hover .fa-question-circle {
	background-color: #da0;
	border: 2px solid #da0;
	color: #fff;
}
input.input-error {
	border: 1px solid #d00;
}
.button-touch .fa-check, .button-touch .fa-times {
	border: 2px solid #ddd;
	border-radius: 6px;
	padding: 3px;
	background-color: #fff;
	color: #fff;
	cursor: pointer;
	min-width: 22px;
	min-height: 22px;
	margin-right: 5px;
	margin-bottom: 8px;
}
.button-touch:hover .fa-check, .button-touch-active .fa-check {
	background-color: #fff;
	border: 2px solid #aaa;
	color: #fff;
}
.button-touch-active .fa-check, .button-touch-active:hover .fa-check {
	background-color: #33aa55;
	border: 2px solid #33aa55;
	color: #fff;
}
.button-touch:hover .fa-times, .button-touch-active .fa-times {
	background-color: #fff;
	border: 2px solid #e01;
	color: #e01;
}
.button-touch-active .fa-times, .button-touch-active:hover .fa-times {
	background-color: #e01;
	border: 2px solid #e01;
	color: #fff;
}
.button-touch .fa-venus {
	padding: 12px 14px;
}

.button-touch:hover .fa-venus, .button-touch-active .fa-venus {
	background-color: #fff;
	border: 2px solid #EE0050;
	color: #EE0050;
}
.button-touch-active .fa-venus, .button-touch-active:hover .fa-venus {
	background-color: #EE0050;
	border: 2px solid #EE0050;
	color: #fff;
}
.button-touch:hover .fa-mars, .button-touch-active .fa-mars {
	background-color: #fff;
	border: 2px solid #06c;
	color: #06c;
}
.button-touch-active .fa-mars, .button-touch-active:hover .fa-mars {
	background-color: #06c;
	border: 2px solid #06c;
	color: #fff;
}
h5.card-title {
	font-weight: bold;
}
.bg-empty {
	background-color: #cdcdcd !important;
}
.dashboard-expense-amount {
	font-size: 2.5rem;
	line-height: 1.1;
}

@media (max-width: 575.98px) {
	.dashboard-expense-amount {
		font-size: 2rem;
	}
}