@CHARSET "UTF-8";
@import url("../../css/smoothness/jquery-ui-1.8.16.custom.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');
option {
	text-transform: uppercase;
}
select {
	font-family: Tahoma, sans-serif;
	height: 18px;
	font-size: 11px;
	text-transform: uppercase;
}

th, thead {
	height: 30px;
}

table,th,tr,td,a {
	text-decoration: none;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

table td {
  border-right: 0px;
}

table,td,th,tr {
	vertical-align: middle;
}
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }

#tableGeral {
	border: 0 !important;
	background-color: white !important;
	margin: 0 0 0 0 !important;
}

#tableGeral.td {
	border: 0 !important;
	background-color: white !important;
}

#tableGeral td {
	border: 0 !important;
	background-color: white !important;
}

#tableGeral.tr {
	border: 0 !important;
	background-color: white !important;
}

#tableGeral tr {
	border: 0 !important;
	background-color: white !important;
}

#tableGeral.th {
	border: 0 !important;
	background-color: white !important;
}

#tableGeral th {
	border: 0 !important;
	background-color: white !important;
}
.tooltip {
		display:none;
		background-color:#ffa;
		border:1px solid #cc9;
		padding:3px;
		font-size:13px;
		-moz-box-shadow: 2px 2px 11px #666;
		-webkit-box-shadow: 2px 2px 11px #666;
}

.botao {
	margin-top: 5px;
	margin-right: 10px;
	border: 0px;
	border-spacing: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #3F3F3F;
	width: 54px;
	height: 19px;
	background: url("../images/botoes/botao-1x19px.gif");
	border: 1px solid #696969;
	text-align: center;
}

.botaoOver {
	margin-top: 5px;
	margin-right: 10px;
	border: 0px;
	border-spacing: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #3F3F3F;
	width: 54px;
	height: 19px;
	background: url("../images/botoes/botao-1x19px-over.gif");
	border: 1px solid #696969;
	text-align: center;
}

.logo {
	text-align: right;
	margin: 20px;
}

input.error {
	border: 1px solid red;
	background-color: #FFF5EE;
}

select.error {
	border: 1px solid red;
	background-color: #FFF5EE;
}

.card {
	text-align: center;
	padding: 12px;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	height: 100%;
	font-size: 20px;
}

.clickable:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
}

.card-content {
	font-size: 17px;
	text-align: left;
	padding: 15px;
}

.i-button {
	min-width: 150px;
	padding: 7px;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	color: white;
	cursor: pointer;
	font-size: 0.9em;
	font-family: 'Open Sans Condensed';
	font-weight: bold;
	text-transform: uppercase;
}

.i-button:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	border: solid 1px #999999;
	color: #212121;
}

.i-button-CURITIBAPREV {
	border: solid 1px #c3c3c3;
	background-color: #8db335;
}

.i-button-CURITIBAPREV:hover {
	background-color: #b3e63e;
}

.i-button-PREVICEL {
	border: solid 1px #c3c3c3;
	background-color: #354ab3;
}

.i-button-PREVICEL:hover {
	background-color: #3984d4;
}

.i-text {
	padding: 0px 5px;
	border-radius: 5px;
	width: 250px;
	font-size: 1em;
	text-align: center;
	min-height: 30px;
	text-align-last: center;
	color: #2a3610;
	background-color: white;
	font-family: Arial, sans-serif;
}

.i-text-CURITIBAPREV {
	border: solid 1px #8db335;
}

.i-text-PREVICEL {
	border: solid 1px #354ab3;
}

.i-text:disabled {
	background-color: #f5f5f5;
}

.i-check {
	width: 20px;
	height: 20px;
}

.i-label {
	font-weight: bold;
	color: #2a3610;
}

.i-m {
	width: 195px;
}

.i-s {
	width: 50px;
}

.header, .content {
	width: 75%;
	min-width: 300px;
	max-width: 800px;
	margin: 10px auto;
	padding-top: 20px;
	text-align: center;
	font-size: 16px;
}

.d-modal {
	overflow: auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.d-modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #3984d4;
	padding: 15px 25px;
	width: 75%;
	border-radius: 10px;
	color: white;
}

.d-show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.d-modal-trigger {
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
}

.s-table {
	text-align: center;
	margin: auto;
	margin-bottom: 15px;
	color: #000000;
}

.s-table tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}

.s-table td, .s-table th {
	padding: 5px 10px;
}

.s-table thead {
	background: #CFCFCF;
	background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
}

.s-table thead th {
	font-weight: bold;
}

.grid-wrapper {
	margin: 20px 0px;
}

.grid-wrapper * {
	box-sizing: border-box;
}

.grid-wrapper::after {
	content: "";
	clear: both;
	display: table;
}

[class*="col-"] {
	float: left;
	padding: 10px;
}

[class*="col-"] * {
	vertical-align: sub;
}

.col-1 {flex: 0 0 8.33%; width: 8.33%;}
.col-2 {flex: 0 0 16.66%; width: 16.66%;}
.col-3 {flex: 0 0 25%; width: 25%;}
.col-4 {flex: 0 0 33.33%; width: 33.33%;}
.col-5 {flex: 0 0 41.66%; width: 41.66%;}
.col-6 {flex: 0 0 50%; width: 50%;}
.col-7 {flex: 0 0 58.33%; width: 58.33%;}
.col-8 {flex: 0 0 66.66%; width: 66.66%;}
.col-9 {flex: 0 0 75%; width: 75%;}
.col-10 {flex: 0 0 83.33%; width: 83.33%;}
.col-11 {flex: 0 0 91.66%; width: 91.66%;}
.col-12 {flex: 0 0 100%; width: 100%;}

.p-0 {
	padding: 0px;
}

.p-3 {
	padding: 3px;
}

.m-3 {
	margin: 3px;
}

.ta-l {
	text-align: left;
}

.ta-r {
	text-align: right;
}

.h1 {
	font-family: 'Open Sans Condensed';
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.8em;
	margin: 20px 0px;
	color: #204b79;
}

.h2 {
	font-family: 'Open Sans Condensed';
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	margin: 15px 0px;
	color: #204b79;
}

.h3 {
	font-family: 'Open Sans Condensed';
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	margin: 10px 0px;
	color: #204b79;
}

@media (min-width: 576px) {
	.col-sm-1 {flex: 0 0 8.33%; width: 8.33%;}
	.col-sm-2 {flex: 0 0 16.66%; width: 16.66%;}
	.col-sm-3 {flex: 0 0 25%; width: 25%;}
	.col-sm-4 {flex: 0 0 33.33%; width: 33.33%;}
	.col-sm-5 {flex: 0 0 41.66%; width: 41.66%;}
	.col-sm-6 {flex: 0 0 50%; width: 50%;}
	.col-sm-7 {flex: 0 0 58.33%; width: 58.33%;}
	.col-sm-8 {flex: 0 0 66.66%; width: 66.66%;}
	.col-sm-9 {flex: 0 0 75%; width: 75%;}
	.col-sm-10 {flex: 0 0 83.33%; width: 83.33%;}
	.col-sm-11 {flex: 0 0 91.66%; width: 91.66%;}
	.col-sm-12 {flex: 0 0 100%; width: 100%;}
}

@media (min-width: 768px) {
	.col-md-1 {flex: 0 0 8.33%; width: 8.33%;}
	.col-md-2 {flex: 0 0 16.66%; width: 16.66%;}
	.col-md-3 {flex: 0 0 25%; width: 25%;}
	.col-md-4 {flex: 0 0 33.33%; width: 33.33%;}
	.col-md-5 {flex: 0 0 41.66%; width: 41.66%;}
	.col-md-6 {flex: 0 0 50%; width: 50%;}
	.col-md-7 {flex: 0 0 58.33%; width: 58.33%;}
	.col-md-8 {flex: 0 0 66.66%; width: 66.66%;}
	.col-md-9 {flex: 0 0 75%; width: 75%;}
	.col-md-10 {flex: 0 0 83.33%; width: 83.33%;}
	.col-md-11 {flex: 0 0 91.66%; width: 91.66%;}
	.col-md-12 {flex: 0 0 100%; width: 100%;}
}

@media (min-width: 992px) {
	.col-lg-1 {flex: 0 0 8.33%; width: 8.33%;}
	.col-lg-2 {flex: 0 0 16.66%; width: 16.66%;}
	.col-lg-3 {flex: 0 0 25%; width: 25%;}
	.col-lg-4 {flex: 0 0 33.33%; width: 33.33%;}
	.col-lg-5 {flex: 0 0 41.66%; width: 41.66%;}
	.col-lg-6 {flex: 0 0 50%; width: 50%;}
	.col-lg-7 {flex: 0 0 58.33%; width: 58.33%;}
	.col-lg-8 {flex: 0 0 66.66%; width: 66.66%;}
	.col-lg-9 {flex: 0 0 75%; width: 75%;}
	.col-lg-10 {flex: 0 0 83.33%; width: 83.33%;}
	.col-lg-11 {flex: 0 0 91.66%; width: 91.66%;}
	.col-lg-12 {flex: 0 0 100%; width: 100%;}
	.f-label {text-align: right;}
	.f-input {text-align: left;}
}

@media (min-width: 1200px) {
	.col-xl-1 {flex: 0 0 8.33%; width: 8.33%;}
	.col-xl-2 {flex: 0 0 16.66%; width: 16.66%;}
	.col-xl-3 {flex: 0 0 25%; width: 25%;}
	.col-xl-4 {flex: 0 0 33.33%; width: 33.33%;}
	.col-xl-5 {flex: 0 0 41.66%; width: 41.66%;}
	.col-xl-6 {flex: 0 0 50%; width: 50%;}
	.col-xl-7 {flex: 0 0 58.33%; width: 58.33%;}
	.col-xl-8 {flex: 0 0 66.66%; width: 66.66%;}
	.col-xl-9 {flex: 0 0 75%; width: 75%;}
	.col-xl-10 {flex: 0 0 83.33%; width: 83.33%;}
	.col-xl-11 {flex: 0 0 91.66%; width: 91.66%;}
	.col-xl-12 {flex: 0 0 100%; width: 100%;}
}