body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #7bff86;
	padding: 0 10px;
	margin-top: 0;
}

.company-header{
	text-align: center;
	margin: 10px 0;
}

.ctitle a {
	color: #112b81;
	font-family: Courier;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
}

.csub-title a {
	color: #112b81;
	font-family: Courier;
	font-size: 18px;
	text-decoration: none;
}

.navigation-field {
	background: rgba(255,255,255,0.1);
	border-top: none;
	border-radius: 30px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	margin-top: 0;
	margin-bottom: 20px;
}

.navigation {
	padding: 10px;
}

.nav-item {
	display: inline-block;
	position: relative;
}

.navigation .main-link {
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
	margin-right: 0;
	background: #112b81;
	color: white;
	border-radius: 20px;
	text-decoration: none;
	box-shadow: 2px 2px 6px #000000;
}

.navigation .main-link:hover {
	padding: 8px 16px;
	background: #005500;
}

.nav-btn {
	display: none;
}

.sub-nav {
	background: #c6c6c6;
	padding: 10px;
}

.nav-sublinks {
	position: absolute;
	display: none;
	z-index: 1;
}

.nav-sublinks a,
.nav-sublinks span {
	background: #112b81;
	color: white;
	display: block;
	border-bottom: 1px #ddd solid;
	padding: 10px 30px 10px 10px;
	text-decoration: none;
	font-size: 11px
}

.nav-sublinks span {
	cursor: pointer;
}

span .main-link {
	cursor: pointer;
}

.nav-sublinks a:hover {
	padding: 9px 30px 9px 10px;
	color: #c8c2ce;
}

.nav-sublinks .arrow-center:hover {
	color: #c8c2ce;
}

.nav-sublinks .cancel-left {
	min-width: 60px;
}

.nav-sublinks .cancel-left:hover {
	color: #c8c2ce;
}

.nav-sublinks .arrow-center {
	border-bottom: none
}

.nav-badge {
	background: orange;
	border-radius: 50%;
	color: #000000;
	padding: 2.5px 8px;
	font-family: Courier;
	position: absolute;
	top: 0px;
	right: -3px
}

.sub-nav-badger {
	background: #112b81;
	border-radius: 50%;
	color: #ffffff;
	padding: 0.5px 4.5px;
	font-family: Courier;
}

.badge {
	background: #112b81;
	border-radius: 50%;
	color: #ffffff;
	padding: 0.5px 4.5px;
	font-family: Courier;
}

.orange-back {
	background-color: #ff9500;
	color: black
}

h1 {
	text-align: center;
	font-size: 23px;
	color: #ffffff;
	border-bottom: 4px solid #160070;
	padding: 5px;
	background: linear-gradient(#7482ff, #112b81);
	font-family: Courier, sans-serif;
	box-shadow: rgb(20, 20, 20) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.2) -3px -3px 6px 1px inset;
}

.h3-header {
	margin: 0;
	font-family: Arial, "Times New Roman";
	font-size: 22px;
	color: #160070
}

h4 {
	font-size: 1.4rem;
}

h7 {
	margin-right: auto;
	margin-left: auto;
	background-color: lightblue;
	background: linear-gradient(white, #d4fffa);
	text-align: right;
}

a.veja_link, a.oculta_link {
	text-decoration: none;
	color: #af1aee;
	padding-left: 8px;
	 }
	 
.parent-list {
	display: flex;
	width: 100vw;
	border-bottom: 1px solid #000;
}

.child-list-1 {
	width: 85%;
	font-size: 25px;
	padding: 10px;
}

.child-list-1 a {
	text-decoration: none;
}

.child-list-2 {
	width: 15%;
	padding: 10px;
}

.icon-link-1 {
	padding: 20px;
	display: inline-block;
}

.padding-1 {
	padding: 10px;
}

.margin-bottom-1 {
	margin-bottom: 15px
}

.margin-bottom-2 {
	margin-bottom: 25px
}

.small-link-green {
	text-decoration: none;
	font-weight: bold;
	color: #005500
}

.small-link-blue {
	text-decoration: none;
	font-weight: bold;
	color: #00007f
}

.small-link-red {
	text-decoration: none;
	font-weight: bold;
	color: #aa0000
}

.small-link-white {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff
}

.table-link-normal {
	color: #005500;
	text-decoration: none;
	font-weight: bold;
}

.table-link-warning {
	color: #aa0000;
	text-decoration: none;
	font-weight: bold;
}

.parent-list-flex {
	width: 35%;
}


.left-page {
	padding: 10px;
	margin-left: 10px;
}

.right-page {
	padding: 10px;
	margin-left: 10px;
}

.greyout {
	color: #c7c7c7;
}


.footer {
	color: black;
	margin: 2px;
	display: flex;
	/*justify-content: center;
	background-color: #E0FFFF;*/
}

.footer .link {
	text-decoration: none;
	margin: 10px;
	color: #112b81;
	display: inline;
	font-size: 17px;
	font-family: Arial
}

.blankuser-sm {
	height: 30px;
	border-radius: 50%;
	border: none;
	display: inline;
}

.campos {
	font-size: .75rem;
	line-height: 1.5rem;
	display: inline-block;
	margin-right: 0.6rem;
}

.radius {
	padding: 3px;
	border-radius: 6px;
	background-color: #e7e9e7;
}

.campo {
	display: inline-block;
	margin-left: 3px;
}

.campo4 {
	width: 4rem;
}

.campo5 {
	width: 5rem;
}

.campo6 {
	width: 6rem;
}

.campo7 {
	width: 7rem;
}

.campo8 {
	width: 8rem;
}

.campo10 {
	width: 10rem;
}

.campo12 {
	width: 12rem;
}

.campo15 {
	width: 15rem;
}

.campo18 {
	width: 18rem;
}

.campo20 {
	width: 20rem;
}


.flex-container {
	display: flex;
	background-color: #d4ffbd;
	padding: 10px;
	column-gap: 20px;
}

.form-field-flex {
	display: inline-block;
	min-width: 400px;
}

.form-img {
	height: 80px;
}

.form-field-flex label {
	margin: 10px;
}

.flex-container3 {
	display: flex;
	justify-content: center;
	/*align-items: center;*/
}

.flex-container9 {
	display: flex;
	background: #b5af4a;
	text-decoration-color: #150000;
}

.flex-container12 {
	display: flex;
	flex-wrap: wrap;
	background: #b5af4a;
	flex-direction: row;
	padding: 5px;
} 

.container {
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.column {
	flex-direction: column;
}

.navyblue-frame {
	background: #112b81;
	min-width: 400px;
	padding: 5px;
}

.row {
	flex-direction: row;
}


.wrap {
	flex-wrap: wrap;
}

.flex {
	display: wrap;
}


.between {
  justify-content: space-between;;
}

.item {
	padding: 5px;
	text-align: center;
}

.item1 {
	color: #fff2f2;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 8px;
	margin-top: 8px;
}

.left {
	text-align: left;
	margin-right: auto;
}

.right {
	text-align: right;
	margin-left: auto;
}



 .center2 {
	font-style: italic;
	font-size: 0.9rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.small07 {
	font-size: 0.7rem;
}


.grande15 {
	font-size: 1.5rem;
}

.light {
	background-color: rgb(255, 255, 255);
	padding: 10px;
}

.orangeb {
	background-color: #6ea8f3;
	font-family: Courier;
	font-size: 19px;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.orange-back-full {
	background-color: orange;
	color: black;
	font-family: Courier;
	font-size: 19px;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	cursor: pointer;
}

.blueb {
	background-color: #d3fcff;
}

.greenb {
	background-color: #aaff00;
}

.redb {
	background-color: #ff8080;
}


.vermelho {
	color: #fe6161;
}

.gray {
	color: gray;
}

.verde {
	color: green;
}

.espaco_izquerda {
	margin-left: 3rem;
}

/*ocultar parte*/
.mais {
	display: none;
	border-top: 1px solid #666;
	/*border-bottom: 1px solid #666;*/
}

table tr td {
	font-size: 8pt;
	font-family:'Times New Roman';
}

th {font-size: 9pt;}

.data-table thead {
	background-color: #ffffd0;
}

.data-table th {
	background-color: #e3ffe3;
	border-bottom: 1px solid #0a0158;
	padding: 3px;
	padding: 3px;
	font-size: 16px;
	padding-top: 1px;
}

		
.data-table td {
	padding: 3px;
	font-size: 0.75rem;
}
	 
.data-table tbody tr:nth-child(odd) td {
	background-color: #D9FFD9;
	border-bottom: 1px solid #0a0158;
	padding-bottom: 3px;
	white-space: nowrap;
	padding-top: 1px;
}
		
.data-table tbody tr:nth-child(even) td {
	background-color: #fcfea3;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
	white-space: nowrap;
	padding-top: 1px;
}

@media (min-width: 768px) {
	.data-table tbody tr:hover td {
		background-color: white;
		border-top: 2px solid #c22205;
		border-bottom: 2px solid #c22205;
		padding-top: 1px;
	}
}

.button {
	font-size: 1rem;
	padding: 2px;
	color: #fff;
	border: 2px solid #06D85F;
	border-radius: 10px/20px;
	text-decoration: none;
	cursor: pointer;
}

.button:hover {
	background: #048c3e;
}

.button_green {
	background-color: #12d00d;
	border: none;
	border-radius: 3px;
	font-size: 16px;
	display: inline;
	margin: 3px;
	background-size: 200% auto;
	padding: 5px 10px;
	box-shadow: 2px 2px 6px #000000;
}

.button_green:hover {
	border-color: white;
	padding: 4px 8px;
}
	
.button_gray {
	size: 1.6rem;
	background-color: gray;
	border: 2px solid red;
	border-radius: 3px;
	font-size: 1.2rem;
	display: inline;
	margin: 3px;
	color: #48b74b;
}

.button_gray:hover {
	background-color: #f46a80;
	border-color: white;
	color:yellow;
}

/* para popup / janela oculta trocar quantidade */
.box {
	width: 40%;
	margin: 0 auto;
	margin-top: 40px;
	background: rgba(255,255,255,0.1);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 50px;
	background-clip: padding-box;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.log-btn-right {
	margin-left: auto;
}

.form-fields hr {
	width: 300px;
	margin: 20px 0;
	color: #bcbcbc
}

.form-fields .label {
	width: 130px;
	display: inline-block;
}

.form-fields .input,
.form-fields .input {
	width: 300px;
	display: inline-block;
}

.form-fields input['password'],
.form-fields input['text'] {
	width: 300px;
}

.box .short-text {
	padding-bottom: 10px;
}

.form-fields {
	text-align: left;
}

.border-bottom {
	border-bottom: 1px #000 solid;
}

.maeFlex {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}


.filhaFlex2 {
	display: flex;
	flex-direction: column;
	margin-left: 0;
	margin-right: auto;
	display: inline-block;
	color: white;
	/*background-color: #ff55ff; */
	background: #112b81;
}

.filhaFlex2a {
	flex-direction: column;
	margin-left: 10px;
	margin-right: auto;
	display: inline-block;
	background-color: #e3ffe3;
	min-width: 420px;
	height: auto;
}

.filhaFlex2a .header {
	padding: 10px;
	background: #112b81;
	color: #ffffff;
	margin: 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.filhaFlex2a a {
	text-decoration: none
}

.filhaFlex2a .disabled {
	background-color: #c5c3c4
}

.center {
	font-size: 1.1rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

 .center1 {
	color: #54bb09;
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
	text-align: center;
}

.meio {
	/*text-align: center;*/
	margin-left: auto;
	margin-right: auto;
}

.flex-item1 {
	background-color: #fe874e;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display: inline-block;
	line-height: 1.8rem;
	height: auto;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px;
}

.flex-item2 {
	background-color:#f9b4ff;
	padding: 10px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.8rem;
	display: inline-block;
}

.espaco06p {
	padding: 0.6rem;
}

.espaco1m {
	margin: 1rem;
}

.espaco05m {
	margin: 0.5rem;
}

.espaco07m {
	margin: 0.7rem;
}

.espaco03mb {
	margin-top: 0.3rem;
}

.parent-list {
	display: flex;
	width: 100vw;
	border-bottom: 1px solid #000;
}

.child-list-1 {
	width: 85%;
	font-size: 25px;
	padding: 10px;
}

.child-list-1 a {
	text-decoration: none;
	
}

.child-list-2 {
	width: 15%;
	padding: 10px;
}

.icon-link-1 {
	padding: 20px;
	display: inline-block;
}

.padding-1 {
	padding: 10px;
}

.margin-bottom-1 {
	margin-bottom: 15px
}

.margin-bottom-2 {
	margin-bottom: 25px
}

.small-link-green {
	text-decoration: none;
	font-weight: bold;
	color: #005500
}

.small-link-blue {
	text-decoration: none;
	font-weight: bold;
	color: #00007f;
	cursor: pointer;
}

.small-link-red {
	text-decoration: none;
	font-weight: bold;
	color: #aa0000
}

.small-link:hover {
	color: #ff0000;
}

.small-link-grey {
	text-decoration: none;
	font-weight: bold;
	color: #797979;
}

.no-cursor {
	cursor: default;
}

.table-link-normal {
	color: #005500;
	text-decoration: none;
	font-weight: bold;
}

.table-link-warning {
	color: #aa0000;
	text-decoration: none;
	font-weight: bold;
}

.greyout {
	color: #c7c7c7;
}


.parent-list-flex {
	width: 45%;
	min-width: 400px;
	display: inline-block;
}


.left-page {
	padding: 10px;
	margin-left: 10px;
}

.right-page {
	padding: 10px;
	margin-left: 10px;
}

.entity-tb th {
	margin-left: 20px;
}
.textitle {
	height: 30px;
	width: 80%;
	background-color: #e9eaef;
	font-family: Courier, Verdana;
	font-size: large;
	border-radius: 5px;
	border: 1px #55aa00 solid;
	padding-right: 10px;
	padding-left: 10px;
	box-shadow: rgb(180, 180, 180) 3px 3px 6px 0px inset, rgba(150, 150, 150, 0.5) -3px -3px 6px 1px inset;
}

.textbody {
	height: 300px;
	width: 80%;
	background-color: #e9eaef;
	font-family: Courier, Verdana;
	font-size: 16px;
	border-radius: 8px;
	border: 1px #55aa00 solid;
	padding: 20px 10px;
	box-shadow: rgb(180, 180, 180) 3px 3px 6px 0px inset, rgba(150, 150, 150, 0.5) -3px -3px 6px 1px inset;
}
.textbody:focus,
.textitle:focus,
.short-textarea:focus {
	box-shadow: rgb(255, 255, 255, 0.5) 0px 3px 40px, rgb(255, 255, 255, 0.7) 0px 6px 12px;
}

input['text']:focus,
input['search']:focus,
input['number']:focus {
	box-shadow: rgb(255, 255, 255, 0.5) 0px 3px 40px, rgb(255, 255, 255, 0.7) 0px 6px 12px;
}

.short-textarea {
	width: 300px;
	height: 100px;
	font-family: Courier, Verdana;
	border-radius: 5px;
	border: 1px #55aa00 solid;
	padding-right: 10px;
	padding-left: 10px;
	box-shadow: rgb(180, 180, 180) 3px 3px 6px 0px inset, rgba(150, 150, 150, 0.5) -3px -3px 6px 1px inset;
}

.table-full-width {
	width: 100%
}

.table-full-width .short-info {
	padding: 10px;
	width: 400px;
	border: 1px #55aa00 solid;
	font-size: 16px;
	font-family: Courier, Verdana;
	box-shadow: rgb(180, 180, 180) 3px 3px 6px 0px inset, rgba(150, 150, 150, 0.5) -3px -3px 6px 1px inset;
}

.prompt-green,
.prompt-blue,
.prompt-black,
.prompt-red {
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	line-height: 20px;
	display: inline-block;
	margin: 0 10px;
	text-decoration: none;
	font-size: small;
}

.prompt-green a,
.prompt-blue a,
.prompt-black a,
.prompt-red a {
	text-decoration: none;
	font-weight: bold;
	color: #112b81;
}


.prompt-green {
	color: #005500;
	margin: 0 10px;
	background-color: #a7ff99
}

.prompt-blue {
	color: #00007f;
	background-color: #b7bbff
}

.prompt-black {
	color: #000000;
	display: inline;
}

.prompt-red {
	color: #aa0000;
	background-color: #ffc0b7;
}

.prompt-red a {
	color: #00007f;
	text-decoration: none
}

.prompt-white {
	font-size: small;
	color: #ffffff;
	display: inline;
	margin: 0 10px;
}

.prompt-white a {
	color: #ffffff;
	text-decoration: none;
}

.prompt-white a:hover {
	color: #b0b0b0;
}

.prompt-green .prompt-subtext,
.prompt-blue .prompt-subtext,
.prompt-black .prompt-subtext,
.prompt-red .prompt-subtext {
	color: #565656;
	font-size: small;
	font-family: Courier;
	display: block;
}

.prompt-subtext a {
	color: #565656;
	text-decoration: none
}

.drop1-list {
	border: 1px #ccc inset;
	border-radius: 5px;
}

.drop-item {
	padding: 5px;
	display: inline-block;
	text-decoration: none;
	color: #000;
	border: 1px 0  #ccc inset;
	width: 30%;
	border-bottom: 1px #ccc inset;
	background: #d4ffbd;
	font-size: 20px;
	margin: 0
}

.drop-item:hover {
	background: #5aba62;
}

.drop-data {
	min-width: 60px;
	margin: 0;
}

.lb {
	font-family: times;
	font-size: 20px;
	padding-right: 20px;
}

.block-link {
	display: block;
	padding: 10px;
	width: 95%;
	margin: 0 10px;
	text-decoration: none;
	background: #00007f;
	color: #d6d6d6;
	text-align: center;
	box-shadow: 3px 5px 5px #000;
}

.block-link:hover  {
	padding: 8px;
	color: #ffffff
}
.flex-section {
	
}

.d-ul {
	position: absolute;
	width: 95%;
	padding: 0px;
	box-sizing: border-box;
}

.d-ul-flex {
	width: 100%;
	padding: 0;
}

.d-li {
	display: flex;
	transition: .5s;
	background: #112b81;
	margin: 5px 0;
}

.d-li-flex,
.d-li-flex-profile {
	display: flex;
	transition: .5s;
	background: #112b81;
	margin: 0;
	border-bottom: 1px #8c8c8c solid;
}

.d-li-flex-profile {
	background: #c6c6c6;
}

.d-li-flex-profile a {
	padding: 10px;
}

.d-li-flex-profile a:nth-child(1) {
	width: 150px;
}

.d-li-flex-profile .detail-box {
	width: 300px;
	margin: 10px;
}

.address-tag {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #3f3e3e
}

.padded {
	padding: 10px;
	margin: auto 0;
}

.padded a,
.a-heading {
	text-decoration: none;
	color: #160070;
}

.a-heading{
	padding: 0;
	margin: 0
}

.right1{
	margin: auto 10px auto auto;
}

.red-icon {
	color: #ff0000;
	padding: 5px;
}

.navy-icon {
	color: #160070;
}

.navy-icon:hover,
.red-icon:hover {
	font-size: 20px;
}

.d-li span:nth-child(1) {
	width: 45%;
	margin-right: 5px;
	background: rgba(255, 255, 255, .1);
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}

.d-li span:nth-child(2) {
	width: 40%;
	margin-right: 5px;
	background: rgba(255, 255, 255, .1);
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}

.d-li button {
	appearance: none;
	border: none;
	outline: none;
	background: none;
}

.d-li button:nth-child(3) {
	width: 15%;
	background: rgba(255, 255, 255, .1);
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.d-li span:nth-child(1):hover {
	background: rgba(255, 255, 255, .6);
	color: #000;
}

.d-li span:nth-child(2):hover {
	background: rgba(255, 255, 255, .6);
	color: #000;
}

.d-li button:nth-child(3):hover {
	background: rgba(255, 255, 255, .6);
	color: #000;
}

.d-li-flex a {
	display: inline-block;
	margin-right: 5px;
	background: rgba(255, 255, 255, .1);
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 13px
}
.d-li-flex a:nth-child(1) {
	width: 62%;
	min-width: 300px;
}

.d-li-flex a:nth-child(2) {
	width: 10%;
}

.d-li-flex a:nth-child(3) {
	width: 10%;
}

.d-li-flex a:nth-child(4) {
	width: 3%;
	text-align: center;
}

.d-li-flex a:nth-child(5) {
	width: 3%;
	text-align: center;
}

.d-li-flex a:hover {
	background: rgba(255, 255, 255, .6);
	color: #000;
}

.theme-blue {
	background: #112b81;
	color: #fff;
}

.theme-blue-color {
	color: #0c2163;
}

.theme-disabled {
	background: #c5c3c4;
}

.theme-red {
	background: #811212;
	color: #fff;
}

.gradient-blue {
	background-image: linear-gradient(to right, #000046 0%, #112b81 51%, #000046 100%);
	color: #ffffff;
}

.gradient-blue:hover,
.gradient-green:hover {
	background-position: right center;
}

.gradient-green {
	background-image: linear-gradient(to right, #004600 0%, rgb(0, 200, 0) 51%, #004600 100%);
	color: white;
}

.block-btn {
	padding: 10px;
	border: none;
	box-shadow: 2px 2px 6px #000000;
	border-radius: 8px;
	display: inline-block;
	margin-top: 10px;
	background-size: 200% auto;
}

.block-btn-full {
	padding: 10px;
	border: none;
	box-shadow: 0px 2px 6px #000000;
	display: inline-block;
	background-size: 200% auto;
	width: 100%;
}

.block-btn:hover {
	padding: 8px;
}

.btn-disabled {
	background-color: #c5c3c4;
}

.btn-disabled:hover {
	padding: 10px;
}

.horizontal-flow {
  overflow-x: scroll;
  white-space: nowrap;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  width: 100%;
  padding: 10px;
}

.panel {
	border-radius: 8px;
	margin: 5px 10px;
	display: inline-block;
	width: 400px;
}

.horizontal-flow div[class="panel"]:nth-child(1){
	border-radius: 8px;
	margin: 5px 10px;
	margin-left: 0;
	display: inline-block;
	width: 400px;
}

.panel-header {
	padding: 10px;
	margin: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.panel-body {
	height: 210px;
	background: #f0f0f0;
	color: #000000;
	border-top: 1px solid transparent;
	word-wrap: break-word;
 	white-space:normal;
 	padding: 10px;
}

.panel-body .long-text {
	display: block;
	background: #dedede;
	padding: 5px;
	font-size: 14px;
	height:90px;
}

.panel-body .row a {
	text-decoration: none;
}

.panel-body .row a:nth-child(1) {
	color: #6b6b6b;
	padding-right: 5px;
	font-size: 15px;
	font-family: Courier, "Times New Roman";
}


.panel-body .row a:nth-child(2) {
	color: #112b81;
	padding-left: 5px;
	font-size: 13px;
	color: #6b6b6b;
	font-family: Courier, "Times New Roman";
}

.panel-body .row hr {
	color: #78c0ff;
}

.row .time {
	font-size: 10px;
	font-family: "Times New Roman";
	color: #001ea3;
}

.panel-footer {
	margin: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	height: 40px;
	padding: 10px;
	padding-bottom: 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.panel-footer form {
	display: inline;
}

.panel-footer button {
	appearance: none;
	border: none;
	outline: none;
	background: none;
}

.pn-footer-link {
	text-decoration: none;
	color: #ffffff;
	display: inline;
	padding: 0 10px;
	font-size: 19px;
	font-family: "Times New Roman";
}

.pn-footer-link:hover {
	color: #a7a7a7;
}

.pn-footer .confirm-text {
	padding: 10px;
	display: inline;
	font-family: "Times New Roman";
	font-size: 17px;
}

.pn-confirm {
	visibility: hidden;
	display: inline;
}

.pn-links {
	display: inline;
}

.right {
	float: right;
}

.inline {
	display: inline;
}

.inline-sch-fld,
.inline-sch-btn,
.inline-sch-btn-a {
	display: inline-block;
}

.inline-sch-fld {
	border-radius: 0;
	width: 200px;
	height: 25px;
	padding: 5px;
	border: 1px #001ea3 solid;
	margin-right: 0;
}

.inline-sch-fld:focus {
	box-shadow: rgb(255, 255, 255, 0.5) 0px 3px 40px, rgb(255, 255, 255, 0.7) 0px 6px 12px;
}

.inline-sch-btn {
	margin: 0;
	border-radius: 0;
	border: none;
	padding-right: 10px;
	padding-left: 10px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	height: 25px;
}

.inline-sch-btn:hover {
	color: #a3a3a3;
}

.inline-sch-btn-a {
	margin: 0;
	border-radius: 0;
	border: none;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 8px;
	height: 25px;
}

.fld-mid {
	width: 80px;
	height: 25px;
}

.left-col-70 {
	width: 70%;
	display: flex;
}

.left-col-80 {
	width: 80%;
	display: flex;
}

.right-col-30 {
	width: 30%;
	display: flex;
}

.right-col-20 {
	width: 20%;
	display: flex;
}

.left-col-w10 {
	width: 35px;
	text-align: left;
	color: #adadad;
}

.left-col-w10-2 {
	width: 110px;
	text-align: left;
	color: #112b81;
	font-weight: bold;
}

.right-col-w90 {
	width: 380px;
}

.right-col-w90-2 {
	width: 260px;
}

.right-col-w90 .edit-field {
	background: #112b81;
	width: 340px;
	border: none;
	color: white;
	border-radius: none;
	font-family: "Times New Roman";
	font-size: 18px;
}

.left-col-w70-2 {
	width: 70%;
}

.right-col-w30-2 {
	width: 30%
}

.edit-field-2 {
	background: none;
	width: 290px;
	border: none;
	color: #000;
	border-radius: none;
	font-family: "Times New Roman";
	font-size: 18px;
}

.edit-text-2 {
	background: none;
	width: 290px;
	outline: none;
	border: none;
	color: #000;
	border-radius: none;
	font-family: "Times New Roman";
	font-size: 18px;
	height: 80px
}

.edit-field-3 {
	background: none;
	width: 80px;
	border: none;
	color: #000;
	border-radius: none;
	font-family: "Times New Roman";
	font-size: 18px;
}

.read-only {
	color: #909090;
}

.edit-field-2:focus {
	outline: none
}

.right-col-w90 .edit-field:focus {
	outline: none
}

.full-right {
	text-align: right;
	width: 380px;
	
}

.full-right-2 {
	text-align: right;
	width: 90%;
	margin: 10px;
	display: block;
}

.details-container {
	padding: 10px;
	width: 100%;
}

.block-flex {
	display: flex;
	width: 380px;
	padding: 10px 0;
	border-bottom: 1px #818181 solid;
}

.block-flex-2 {
	display: flex;
	width: 360px;
	padding: 10px 0;
	border-bottom: 1px #818181 solid;
}

.sm-section {
	padding: 0 10px; 
	width: 100%
}

.sm-section ul,
 .sm-section .sm-ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sm-section li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #112b81;
	background: #e3ffe3;
	border-bottom: 1px #ccc solid;
}

.sm-section .last {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.sm-section li a:hover {
	padding: 8px;
	background: #b2c8b2;
}

.section-body {
	margin-bottom: 20px;
}

.sm-panel {
	border-radius: 8px;
	margin: 5px;
	display: inline-block;
	width: 100%;
}

.sm-panel-header {
	padding: 10px;
	margin: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.container-1 {
	display: flex;
	column-gap: 20px;
	margin-top: 20px;
}

.col-header {
	padding: 10px;
	background: #112b81;
	color: #FFFFFF;
	display: flex;
}

.col-header .right {
	margin-left: auto;
	margin-right: 10px
}

.flex-centered {
	margin: 0 auto;
}

.tab {
	margin-left: 20px;
}

.vertical-scroll {
	height: 380px;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;
  	padding:0;
  	background: #c6c6c6;
  	border: 1px #112b81 solid;
  	border-radius: 20px;
  	width: 100%
}

.list-container {
	min-height: 380px;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;
  	padding:0;
  	background: #c6c6c6;
  	border: 1px #112b81 solid;
  	border-radius: 20px;
  	width: 100%
}

.vertical-scroll::-webkit-scrollbar {
    display: none;
}

.align-centre {
	margin: auto;
}

.form-fd {
	background: #7cff92;
	box-shadow: rgb(100, 100, 100) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
	border: none
}

.bg-legend {
	padding: 5px 10px;
	color: #ffffff;
	background: #112b81
}

.clear-radius {
	border-radius: 0;
}

.thumbnail-container {
	width: 150px;
	height: 100px;
	padding: 5px;
	background: white;
	display: inline-block;
	border-radius: 4px;
	border: 1px #798ab4 solid;
}

.thumbnail-container-square {
	width: 100px;
	height: 100px;
	padding: 5px;
	background: white;
	display: inline-block;
	border-radius: 4px;
	border: 1px #798ab4 solid;
}

.logo-container-square {
	width: 100px;
	height: 100px;
	padding: 5px;
	display: inline-block;
	border-radius: 4px;
}

.thumbnail-img {
	width: 150px;
	height: 100px;
	object-fit: cover;
	object-position: right;
}

.logo-img {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.thumbnail-form-sm-container {
	width: 30px;
	height: 30px;
	padding: 5px;
	background: white;
	display: inline-block;
	border-radius: 4px;
	border: 1px #798ab4 solid;
	margin: auto 10px;
}

.thumbnail-form-sm-img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	object-position: right;
}

.background-box-img {
	width: 380px;
	height: 250px;
	position: relative;
}

.back-img {
	width: 400px;
	height: 250px;
	object-fit: cover;
	object-position: right;
}

@media (max-width: 480px){
	.maeFlex {
		margin-left: 0;
		margin-right: 0;
		display: block;
	}
	
	.parent-list-flex {
		min-width: 100%;
		width: 100%;
	}
	
	.filhaFlex2a {
		flex-direction: initial;
		margin: 10px 0 5px 0;
		display: block;
		background-color: #e3ffe3;
		min-width: 100%;
		max-width: 100%
	}
	
	.background-box-img {
		width: 100%;
		height: 250px;
		position: relative;
	}
	
	.back-img {
		width: 100%;
		height: 250px;
	}
}

.address-tag {
	font-family: Courier
}

.price-tag {
	background: #112b81;
	color: #ffffff;
	padding: 3px 8px;
	display: inline-block;
	font-family: Courier;
	font-size: 15px;
	margin-left: 10px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.price-tag-left-bottom,
.price-tag-right-bottom {
	position: absolute;
	bottom: 8px;
	background: rgb(0,0,150, 0.5);
	color: white;
	padding: 3px 10px;
	font-family: Courier
}

.price-tag-left-bottom {
	left: 10px;
}

.price-tag-right-bottom {
	right: 0;
}

/*
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/

#scroll-up {
	background: #112b81;
  	position: fixed;
  	bottom: 20px;
  	right: 30px;
  	z-index: 99;
  	font-size: 18px;
  	border: none;
  	outline: none;
  	color: white;
  	cursor: pointer;
  	padding: 10px 15px;
  	border-radius: 50%;
  	box-shadow: rgba(0, 0, 0, 0.6) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.5) 0px 4px 6px, rgba(0, 0, 0, 0.4) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  	display: none;
}

#scroll-up:hover {
  background-color: red;
  padding: 8px 13px;
}

.no-margin {
	margin-left: 0;
}

.header-centre {
	text-align: center;
}

.header-centre:hover {
	padding: 8px;
	color: #6489b1
}

.ordinary-tb span {
	font-family: "Times New Roman";
	font-size: 20px;
}

.ordinary-tb td {
	margin: 0;
}

fieldset {
	padding: 20px 10px 10px 10px;
	border: 1px solid #78a1ff;
}

fieldset .small-link-blue {
	font-size: 15px;
	font-family: Verdana;
	font-weight: 100;
}

legend {
	font-family: "Courier New"
}

.form-block {
	width: 700px;
	margin-top: 10px
}

.form-flex {
	display: flex;
	width: 600px
}

.form-flex input,
.form-flex select {
	border: none;
	background: none;
	padding: 10px;
	width: 400px;
	border-bottom: 1px #ddd solid;
}

.form-flex input:focus,
.form-flex select:focus {
	outline: none;
}

.form-flex .radio {
	width: 40px;
	margin: 10px
}

.left-labels {
	width: 200px;
	display: inline-block;
}

.right-fields {
	display: inline-block;
	width: 650px;
}

.print-body {
	padding: 20px;
	background: white;
	width: 800px;
	height: 100%
}

.address-bar {
	width: 300px;
}

.address-bar .align-centre {
	text-align: center;
}

.cursive {
	font-family: cursive, Verdana;
}

.a-normal {
	text-decoration: none;
}

.signature-bar {
	
}

.x-scroll,
.x-scroll-full {
	overflow-x: scroll;
	-ms-overflow-style: none;
}

.x-scroll {
	max-width: 850px
}

.x-scroll-full {
	max-width: 100%;
}

.reset-radius {
	border-radius: none
}

.green-header {
	padding: 10px;
	color: #ffffff;
	background: #005f00;
}

.text-editor {
	background: #e3ffe3;
	width: 90%;
	max-width: 1000px;
	padding: 50px 30px;
	border-radius: 10px;
	box-shadow: 0 25px 50px rgba(7, 20, 35, 0.2);
}

.text-editor-opts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.text-editor button {
	height: 28px;
	width: 28px;
	display: grid;
	place-items: center;
	border-radius: 3px;
	border: none;
	background: #ffffff;
	outline: none;
	color: #020929;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.text-editor button:hover {
	width: 25px;
	height: 25px;
}

.text-editor select {
	border-radius: 3px;
	padding: 7px;
	border: none;
	background: #ffffff;
	outline: none;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.text-editor label,
.text-editor select {
	font-family: Verdana;
}

.input-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
}

input[type="color"],
.form-flex input[type="color"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	width: 40px;
	height: 28px;
	border: none;
	cursor: pointer;
}

input[type="color"]::-webkit-color-swatch,
.form-flex input[type="color"]::-webkit-color-swatch {
	border-radius: 15px;
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
}

input[type="color"]::-moz-color-swatch,
.form-flex input[type="color"]::-moz-color-swatch {
	border-radius: 15px;
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
}

#rich-text-body {
	margin-top: 10px;
	border: 1px solid #dddddd;
	padding: 20px;
	height: 50vh;
	background-color: #fff;
	overflow-y: scroll;
}

.text-editor .active-btn {
	background-color: #4caf50;
	color: white
}

.hidden {
	display: none;
}

.active-op {
	background: #a2a1a2
}

.info-small {
	display: inline-block;
	font-size: small;
	padding: 5px 10px;
	background: #b7bbff;
}

.grayed {
	background-color: #d1c8cf;
	padding: 10px;
	margin: 10px 0;
}

.clickable {
	cursor: pointer;
}

.pane-orange,
.pane-blue,
.pane-gray,
.pane-green {
	width: 150px;
	height: 150px;
	border-radius: 10px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	line-height: 22px;
	font-family: "Times New Roman";
	font-size: 18px
}

.pane-orange a,
.pane-blue a,
.pane-gray a,
.pane-green a {
	text-decoration: none;
	color: #260087
}

.pane-orange {
	background-color: #ffbd38;
}

.pane-blue {
	background-color: #617bb4;
}

.pane-gray  {
	background-color: #a5a5a5;
}

.pane-green  {
	background-color: #5caa40;
}

.profile-photo-container {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}

.profile-photo {
	width: 150px;
	height: 150px;
	object-fit: contain;
	object-position: right;
}

.input-borderless {
	outline: none;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-size: 18px;
	background-color: transparent;
	min-width: 300px
}

.input-color {
	width: 100px;
	height: 100px
}

.block-half {
	width: 50%;
	display: inline-block;
	padding: 10px;
	border-bottom: 1px solid #ccc
}

.flex-section {
	display: flex;
}

@media (max-width: 480px){
	body {
		overflow-x: hidden;
	}
	
	.navigation-field {
		padding: 10px;
	}
	
	.navigation {
		margin-bottom: 30px;
		display: none;
		padding: 0
	}
	
	.nav-item {
		display: block;
		position: relative;
		margin: 0;
	}
	
	.navigation .main-link,
	.nav-btn {
		padding: 10px;
		background: #112b81;
		color: white;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		border-radius: 0;
	}
	
	.navigation .main-link {
		width: 90%;
		margin: 0
	}

	.navigation .main-link:hover {
		background: #005500;
	}
	
	.nav-btn {
		box-shadow: 2px 2px 6px #000000;
		margin-bottom: 30px;
		display: inline-block;
		cursor: pointer;
	}
	
	.navigation .right {
		float: left;
	}

	.data-table thead {
		display: none;
	}
	
	.data-table,
	.data-table tbody,
	.data-table tr,
	.data-table td{
		display: block;
	}
	
	.data-table {
		width: 100%;
	}
	
	.data-table tr {
		margin-bottom: 1rem;
		padding: 0;
		border-radius: 10px
	}
		
	.data-table td {
		position: relative;
		font-size: 20px;
	}
	
	.data-table td:before {
		content: attr(data-label);
		position: absolute;
		left: 1rem;
		top: 0;
		font-weight: bold;
	}
	
	.data-table tbody tr:nth-child(odd) td {
		background-color: #D9FFD9;
		border-bottom: 1px solid #bfbfbf;
		padding: 5px;
	}
			
	.data-table tbody tr:nth-child(even) td {
		background-color: #fcfea3;
		border-bottom: 1px solid #bfbfbf;
		padding: 5px;
		white-space: nowrap;
}
	
	.x-scroll,
	.x-scroll-full {
		overflow-x: unset;
		width: 100%
	}
	
	.flex,
	.d-li-flex-profile,
	.container-1,
	.left-col-80,
	.form-flex {
		display: block;
	}
	
	.list-container {
		margin-bottom: 10px
	}
	
	.left-col-80,
	.detail-box,
	.right-col-20 {
		width: 100%
	}
	
	.d-li-flex-profile {
		padding: 10px 0
	}
	
	.nav-item {
		display: block;
		margin: 5px 0;
	}
	
	.inline-sch-fld,
	.inline-sch-btn-a {
		display: block;
		width: 100%;
		padding: 12px;
		height: auto;
		border-radius: 0
	}
	
	.inline-sch-btn {
		border-radius: 0;
		padding: 8px 20px;
		height: auto;
		margin-bottom: 10px;
	}
	
	.h3-header {
		font-size: 18px
	}
	
	.left-labels {
		width: auto;
	}
	
	.form-block,
	.form-flex,
	.right-fields {
		width: 98%;
	}
	
	.flex form {
		width: auto;
	}
	
	.form-flex input,
	.form-flex select {
		width: 98%;
		display: inline-block;
	}
	
	.hidden {
		display: none;
	}
}

input {
	padding: 2px;
	border-radius: 6px;
	background-color: #e7e9e7;
}