/* ---- Pesquisa ---- */

.lc { padding:1.5rem 16px; margin:0 -16px; }
.lc-form { padding-bottom:1rem; display:block; }
.lc-button { width:77px; padding:1rem 16px; white-space:nowrap; background:rgba(0,0,0,.38); border-radius:4px; transition:background .25s; }
.lc-button:hover { background:rgba(0,0,0,.54); }
.lc-form-label { color:rgba(255,255,255,.7); font-size:.75rem; line-height:100%; }
.lc-form-input { width:100%; padding:.375rem 0 .625rem; color:rgba(255,255,255,.7); border:solid rgba(0,0,0,.12); border-width:0 0 2px 0; transition:color .25s; }
.lc-form-input:hover { color:#ffffff; }
.lc-form-select { padding-right:24px; background:url(../img/icone-select.png) 100% center no-repeat; border-radius:0; }

.lc-form-input::-webkit-input-placeholder 	{ color:#ffffff; }
.lc-form-input:-moz-placeholder 			{ color:#ffffff; }
.lc-form-input::-moz-placeholder 			{ color:#ffffff; }
.lc-form-input:-ms-input-placeholder 		{ color:#ffffff; }

.lc-form-select option { color:rgba(0,0,0,.87); }

@media all and (min-width:720px) { .lc { padding:1.5rem 24px; margin:0; } }
@media all and (min-width:960px) {
	.lc-div { width:calc(100% - 77px); }
	.lc-form { padding:0 24px 0 0; float:left; }
		
	.lc-form-p, .lc-form-m { width:20%; }
	.lc-form-g { width:40%; }
	
	.lc-button { float:right; }
	.lc-form-select { padding-top:.5rem; }
}
@media all and (min-width:1280px) {
	.lc-form-p { width:16.6666666667%; }
	.lc-form-m { width:33.3333333334%; }
	.lc-form-g { width:50%; }
}



/* ---- Tabela ---- */

.table-container { min-width:100%; margin-right:-16px; margin-left:-16px; border:solid rgba(0,0,0,.12); border-width:0 1px 1px 0; overflow-x:auto; }
.table { width:100%; border-collapse:collapse; overflow:hidden; }
.table tr { border:.0625rem solid rgba(0,0,0,.12); border-collapse:collapse; }
.table tr th { padding:1rem 16px; color:#ffffff; font-weight:bold; text-align:left; white-space:nowrap; }
.table tr td { padding:1rem 16px; white-space:nowrap; }

.table-tr { max-height:3.0625rem; background:#ffffff; cursor:pointer; transition:background .3s; }
.table-tr:hover { background:rgba(0,0,0,.06); }

@media all and (min-width:480px) {
	.table tr th { padding:1rem 24px; }
	.table tr td { padding:1rem 24px; }
}
@media all and (min-width:720px) {
	.table-container { margin-right:0; margin-left:0; }
}
@media all and (min-width:960px) { .table tr td { vertical-align:middle; white-space:normal; } }



/* ---- Modal ---- */

.lc-modal { width:100%; height:100%; padding:1rem 16px; overflow:auto; position:fixed; top:0; left:0; z-index:5; background:rgba(0,0,0,.54); }
.lc-modal-wrap { max-width:480px; padding:1rem 16px; margin:5% auto; position:relative; background:#ffffff; }
.lc-modal-wrap-fechar {
	width:32px; height:32px; border:1px solid #ffffff; position:absolute; top:-1rem; right:-1rem;
	text-align:center; background:#A999A0; border-radius:50%; transition:background .25s;
}
.lc-modal-wrap-fechar:hover { background:#8D7D88; }

.lc-modal-anexo { padding:1rem 16px; margin:1rem 16px 0 0; display:inline-block; background:#A999A0; transition:background .25s; }
.lc-modal-anexo:hover { background:#8D7D88; }

@media all and (min-width:480px) {
	.lc-modal-wrap { padding:1.5rem 24px; background:#ffffff; }
	.lc-modal-anexo { margin:1.5rem 24px 0 0; }
}