@charset "utf-8";
/* CSS Document @Fernando L B Pinto / flbpinto.com.br */

:root {
    --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --bs-body-font-size: 1rem; 
    --bs-body-font-weight: 400;
    --bs-line-height: 1.5;

    --bs-primary: #F6AE0A;  /*Cor dominante*/
    --bs-secondary: #E56130;     /*destaque*/   
    --bs-accent: #EF912D;           /*hover/states*/
    --bs-light: #F4BF25;            /*background suaves*/
    --bs-gray: #878787;     /*textos secundários*/

    --bs-body-bg: #f8fafc;  /*fundo*/
    --bs-body-color: #1e293b; /*texto legível*/
    --bs-border-color: #e2e8f0; /*bordas*/

    --bs-success: #22c55e;          /* Sucesso */
    --bs-danger: #ef4444;           /* Erro */
    --bs-warning: #f59e0b;          /* Alerta */
    --bs-info: #3b82f6;             /*Informação */

	--color-primary: #3B82F6;   
	--color-secondary: #10B981; 
	--color-danger: #EF4444;    
	--color-neutral: #6B7280;   
}

.topo{ 	color: indianred;
	font-size: 1.625rem;
	padding: 0;
	}
.ul{
	text-decoration: None;
}
.ui{text-decoration: None;
}


.basica{
	padding: 2px 2px 2px 2px;
	float:left;
}

.left{
	float:left;
	padding: 2px 2px 2px 2px;
}
.center{align-content: center;
	text-align: center;
}

.nav_top {
	background-color: black;
	/* background-color: #9926b0;*/
	background-image: none;
	position: relative;
	height: 72px;
	width: auto;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	color:ghostwhite;
	border-bottom: thick solid black;
	/*
	background-color: #9926b0; */
}
.nav_dfh {
	background-color: black;
	background-image: none;
	position: relative;
	height: 46px;
	width: auto;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	color:ghostwhite;
	border-bottom: thick solid black;
}
.nav_dfh Div{
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 10px;
	width: 100%;
	font-size: 24px;
	color: lightblue;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
}
.nav_dfh Div p {
	color: lightblue;
	padding: 6px;
}
.nav_dfh Div ul {
	color: silver;
	margin: 0;
	background-color: black;
	align-self: center;
	height: 26px;
	width: 100%;
	float: right;
	padding-top: 2px;
	padding-bottom:  2px;
	padding-left:  20px;
	padding-right: 20px;
	font-family: Gill Sans ;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	font-size: 16px;
	list-stile-type: none;
	z-index: 100;

}
.nav_dfh Div ul li {
	position: relative;
	float: right;
	display:inline;
}
.nav_dfh Div ul li a{
	display:block;
	width: 120px;
	margin-left: 5px;
	color : white;
	text-align: center;
	text-decoration: none;
	outline: none;
	line-height: 23px;
	margin-left: 5px;
}
.logo_dfh { background: black;
	height: 40px;
	width: 160px;
	padding: 2px 2px 2px 2px;
	float: left;
	vertical-align: top;
}
.logo {
	background: indianred;
	height: 70px;
	width: 160px;
	padding: 2px 2px 2px 2px;
	float: left;
	vertical-align: top;

}
.topo_center{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 220px;
	text-align: Left;
	height: auto;
	width: 100%;
	align-items: center;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
}

.corpo_area{
	float:left;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	width: auto;
	padding-left: 20px;
	font-size:18px;
}



html {
    background: #e6e9e9;
    background-image: linear-gradient(270deg, rgb(230, 233, 233) 0%, rgb(216, 221, 221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-size: 16px;
    margin: 0 auto;
    max-width:none;
    /* padding: 2em 2em 4em;*/
	line-height: normal;
	/*font-size: 1rem;
	font-family: "Roboto", sans-serif;
	font-weight: initial;
	-webkit-font-smoothing: antialiased;
	*/
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
}

h2 {
    margin-top: 1.3em;
}



b, strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    background: transparent;
    /* border: 10px solid rgba(0, 0, 0, 0.12);*/
    border-radius: 4px;
    display: block;
    margin: 8px auto;
    max-width: 95%;
	max-height: 95%;

}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}






p {
	font-size: 1.5rem;
	margin-bottom: .5rem;
	line-height: 1.5rem;
	color: black;

}

label {
	line-height: 1.3rem;
}

h1,
.h1 {
	font-size: 2.19rem;
}

h2,
.h2 {
	font-size: 1.875rem;
}

h3,
.h3 {
	font-size: 1.5rem;
}

h4,
.h4 {
	font-size: 1.25rem;
}

h5,
.h5 {
	font-size: 1rem;
}

h6,
.h6 {
	font-size: .9375rem;
}

.container-scroller {
	overflow: hidden;
}




.navbar1 {
	font-weight: 400;
	transition: background 0.25s ease;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-ms-transition: background 0.25s ease;
	background: indianred	;
	/* Navbar color variations */
}

.navbar .navbar-brand-wrapper {
	background: indianred;
	transition: width 0.25s ease, background 0.25s ease;
	-webkit-transition: width 0.25s ease, background 0.25s ease;
	-moz-transition: width 0.25s ease, background 0.25s ease;
	-ms-transition: width 0.25s ease, background 0.25s ease;
	width: 255px;
	height: 65px;
}

.navbar-brand brand-logo {
	background: indianred;
}
.sidebar-dark .navbar .navbar-brand-wrapper {
	background: indianred;
}

.navbar .navbar-brand-wrapper .navbar-brand {
	color: indianred;
	font-size: 1.5rem;
	margin-right: 0;
	padding: .25rem 0;
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
	display: none;
}

.navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {
	color: indianred;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
	width: calc(255px - 130px);
	max-width: 100%;
	margin: auto;
	vertical-align: middle;
	color: indianred;
}

.navbar .navbar-brand-wrapper .navbar-toggler {
	border: 0;
	color: #000;
	font-size: 1.625rem;
	padding: 0;
}


.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
	right: auto;
	bottom: auto;
}

.dropdown-divider {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid #f3f3f3;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
    color: #fff;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;

}

.dropdown-item:hover, .dropdown-item:focus {
	color: #16181b;
	text-decoration: none;
	background-color: #eaeaf1;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
	color: #6c757d;
	background-color: transparent;
}

.dropdown-menu.show {
	display: block;
}

.dropdown-header {
	display: block;
	padding: 0.5rem 1.5rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	color: #000;
	white-space: nowrap;
}

.dropdown-item-text {
	display: block;
	padding: 0.25rem 1.5rem;
	color: #000;
}





.footer {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14px;
	font-style: normal;
	color: #EBBD71;
	background-color: indianred;
	background-position: left bottom;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	padding: 2px;
	position: relative;
	width: auto;
}

.button {
  border: none;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 12px;
  cursor: pointer;
  width: auto;
  font-size: 12px;
  border-radius: 6px; 
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Atualizar */
.button1 { 
  background-color: var(--color-primary); 
  border: 1px solid var(--color-primary); 
  color: #fff;
  border-radius: 0.5rem;
  padding: 8px 20px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.button1:hover {
  background-color: #2563EB; /* Azul mais escuro */
}

/* Incluir */
.button2 { 
  background-color: var(--color-secondary); 
  border: 1px solid var(--color-secondary); 
  color: #fff;
  border-radius: 0.5rem;
  padding: 8px 20px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.button2:hover {
  background-color: #059669; /* Verde mais escuro */
}

/* Limpar */
.button3 { 
  background-color: var(--color-neutral); 
  border: 1px solid var(--color-neutral);
  color: #fff;
  border-radius: 0.5rem;
  padding: 8px 32px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.button3:hover {
  background-color: #4B5563;
}

/* Excluir */
.button4 { 
  background-color: var(--color-danger); 
  border: 1px solid var(--color-danger);
  color: #fff;
  border-radius: 0.5rem;
  padding: 8px 32px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.button4:hover {
  background-color: #DC2626;
}

.contatos {
  font-family: var(--bs-body-font-family);
  font-size: 10px;
  background-color: var(--bs-light); 
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--bs-border-color);
}

.contatos fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.contatos p {
  font-weight: 600;
  color: var(--bs-primary); 
  font-size: 12px;
  margin-bottom: 8px;
}

.table-scroll {
  overflow-y: auto;
  max-height: 188px;
  width: 100%;
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
  background-color: white;
  margin-bottom: 10px;
}

.form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
}

.form-group {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  flex: 1;
}

.form-group label {
  font-size: 10px;
  color: var(--bs-body-color); 
  margin-bottom: 2px;
}

.form-group input,
.form-group select {
  padding: 6px;
  font-size: 10px;
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
  color: var(--bs-body-color);
  background-color: white;
}

.provedor_info form {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #1e293b;
}

.form-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; 
    margin-bottom: 6px;
}

.form-group {
    display: flex;
    flex-direction: column;
    min-width: 100px;
    max-width: 400px;
}

.form-group label {
    font-size: 11px;
    font-weight: 600; 
    margin-bottom: 2px;
    color: #F6AE0A; 
}

.form-group input,
.form-group select {
    padding: 4px 6px;
    border: 1px solid #F6AE0A;
    border-left: 6px solid #F6AE0A; 
    border-radius: 4px;
    font-size: 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-group input:focus,
.form-group select:focus {
    border-color: #EF912D; 
    box-shadow: 0 0 3px rgba(239, 145, 45, 0.5);
    outline: none;
}

.actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.button-group input {
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 4px;
    transition: background-color 0.2s, transform 0.1s;
}

.button-group input:hover {
    background-color: #EF912D;
    transform: translateY(-1px);
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 4px;
}

.checkbox-group .small-label {
    font-size: 11px;
    font-weight: bold;
}

.buttonS1 {background-color: #4CAF50    ; padding: 1px 28px; font-size: 9px; border-width: 1px; }/* Green */
.buttonS2 {background-color: #008CBA    ; padding: 1px 28px; font-size: 9px; } /* Blue */
.buttonS3 {background-color: dodgerblue ; padding: 1px 28px; font-size: 9px } /* Blue */
.buttonS4 {background-color: darkgrey   ; padding: 1px 28px; font-size: 9px } /* Grey */
.buttonS5 {background-color: Red        ; padding: 1px 28px; font-size: 9px } /* Grey */

.var{
	border-bottom: thin; border-bottom-color: mediumturquoise; padding: 2px; width: 300px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 12px
}

.field{
	border-bottom: thin; border-bottom-color: mediumturquoise; padding: 2px; width: 300px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 12px
}

.fieldrw {
    border-bottom: thin; border-bottom-color: mediumturquoise; padding: 2px; width: 300px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-size: 12px;
    background-color: cornsilk
}


input:read-only {
    border-bottom: thin; border-bottom-color: white; padding: 2px; width: 300px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	/* font-size: 16px; */
    color: black; text-emphasis-color: coral;
}

input:required { border-color: white;
    box-shadow: 1px 1px 2px rgba(200, 0, 0, 0.85);
}

input[type=button]{
  border: none;
  color: white ;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /* font-size: 14px; */
  margin: 2px 12px;
  cursor: pointer;
  width: auto;
}





.pagina {

}

.corpo_geral {
	padding-left: 18px;
	text-decoration: none;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

.block {
    width: 400px;
    background-color: white;
    margin-left: 200px;
    margin-top: 4px;
    padding: 12px;
    color: black;
    font-family: sans-serif;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-radius: 12px;
    border-color: indianred;
	/*border-color: #9926b0;*/

}
.block  p {
    font-size: 14px;
}
.block  a {
    font-size: 14px;
}
.block input {
    font-size: 14px;
    width: 380px;

}


.block_list {
    width: 620px;
    background-color: white;
    margin-left: 10px;
    margin-top: 4px;
    padding: 12px;
    color: black;
    font-family: sans-serif;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-radius: 12px;
    border-color: indianred;
	/*border-color: #9926b0;*/


}
.block_list  p {
    font-size: 12px;
}
.block_list  a {
    font-size: 12px;
    margin-left: 30px;

}
.block_list input {
    font-size: 12px;
    width: 380px;
}

.block_col {
    width: 240px;
    margin-left: 12px;
    margin-top: 4px;
	padding-top: 16px;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-radius: 12px;
    border-color: cadetblue;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	/* color: #9926b0;*/
	color: #c27902 ;
}
.block_col  p {
    font-size: 16px;
	margin-left: 12px;
	color: coral;
	height: 16px;
}
.block_col  h1 {
    font-size: 20px;
	margin-left: 12px;
}
.block_col  a {
    font-size: 14px;

}

.block_col label {
    font-size: 12px;
	margin-left: 8px;
	width: 100%;
	height: 14px;
	color: Black;
}

.block_col input {
    font-size: 12px;
	margin-left: 0;
	padding-left: 8px;
	border: none;
	width: 100%;
	background-color: ghostwhite;
	color: Black;
}
.block_col input:read-only  {
	border-color: darkgray;
	background-color: white;
	color: navy;
}
.block_col select  {
   font-size: 12px;
}

.block_col ul{
	background-color: #4db6ac;
	text-decoration: None;
	display:block;
    /*height: 32px;*/
	width: 100%;
	padding: 0;
	margin: 0;
	list-stile-type: none;
	list-style: none;
	z-index: 100;

}
.block_col ul li{
	width: 100%;

}
.block_col ul li a{
	display:block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding: 2px;
	/*height: 32px;*/
	color : white;
	text-align:Left;
	text-decoration: none;
	outline: none;
	line-height: 23px;
	margin-left: 2px;
}

.block_col ul  li a.selected, .block_col  ul  li a:hover{
	color: indianred ;
	background: white;
}

.block_col hr {
	width: 100%;
	background-color: #4db6ac;
	border-width: 1px;


}


.block_small {
    width: 430px;
    background-color: white;
    margin-left: 10px;
    margin-top: 4px;
    padding: 12px;
    color: black;
    font-family: sans-serif;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-radius: 12px;
    border-color: indianred;
	/*border-color: #9926b0;*/



}
.block_small  p {
    font-size: 14px;
	color: navy;
}
.block_small  a {
    font-size: 10px;
    margin-left: 580px;

}
.block_small input {
    font-size: 12px;
    width: auto;

}
.block_small label {
    font-size: 14px;
    width: auto;
	font-style: normal;

}

.block_geral {
    width: 880px;
    background-color: white;
    margin-left: 10px;
    margin-top: 4px;
    padding: 12px;
    color: black;
    /*font-family: sans-serif;*/
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    border-style: solid;
    border-bottom-width: 0;
    border-width: 0;
    border-radius: 12px;
    text-align: justify;
    border-color: indianred;
	/*border-color: #9926b0;*/


}
.block_geral  p {
    font-size: 16px;
	color: navy;
}
/*
MultiColorVC{0%{background-color:#e14949}25%{background-color:#3de02c}50%{background-color:#2c8de0}100%{background-color:#e02cbc}}@keyframes MultiColorVC{0%{background-color:#e14949}25%{background-color:#3de02c}50%{background-color:#2c8de0}100%{background-color:#e02cbc}}@media (max-width:479px)

*/



.block_geral  a {
    font-size: 10px;
    /*margin-left: 580px;*/
    align-self: flex-end;

}
.block_geral input {
    font-size: 12px;
    width: auto;

}
.block_geral label {
    font-size: 14px;
    width: auto;
	font-style: normal;

}
.block_geral ul{


}

.block_geral Ul li {
}

.block_geral  h1 {
    font-size: 18px;
	color: white;
    background-color: #ffc670;
    padding: 4px;
    padding-left: 20px;

}


.block_form {
    width: 1060px;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    padding: 12px;
    color: black;
    font-family: sans-serif;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-radius: 12px;
    text-align: justify;
    border-color: indianred;
	/*border-color: #9926b0;*/

}
.block_form  p {
    font-size: 16px;
	color: navy;
}


.block_form  a {
    font-size: 10px;
    /*margin-left: 580px;*/
    align-self: flex-end;

}
.block_form  h1 {
    font-size: 16px;
	color: white;
    background-color: #ffc670;
    padding: 4px;
    padding-left: 20px;

}

.block_form  h3 {
    font-size: 16px;
	color: navy;
}
.block_form  h4 {
    font-size: 14px;
	color: navy;
}
.block_form  h5 {
    font-size: 12px;
	color: navy;
}
.block_form  h6 {
    font-size: 10px;
	color: navy;
}

.block_form form input {
    /* font-size: 12px; */
    /* vertical-align: top;*/
    width: auto;
    border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	border-color: darkgray ;
}

.block_form form input[type=text]:read-only  {
    border: 1px solid var(--bs-gray); 
    background-color: #f4f5f7;      
    color: var(--bs-body-color);      
    padding: 4px 6px;
    border-radius: 4px;
}

.block_form form input[type=number]:read-only  {
	border-color: darkgray;
	background-color: aliceblue;
	color:black;
}
.block_form form input[type=date]:read-only  {
	border-color: darkgray;
	background-color: aliceblue;
	color:black;
}
.block_form form input[type=button]{
  border: none;
  color: white ;
  padding: 4px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /* font-size: 12px; */
  margin: 2px 10px;
  cursor: pointer;
  width: auto;
}


.block_form form label {
    font-size: 12px;
    width: auto;
	font-style: normal;
	margin-left: 6px;
    margin-top: 4px;
	margin-right: 8px;

}
.block_form form select {
    font-family: var(--bs-body-font-family);
    font-size: 12px;
    color: var(--bs-body-color);
    background-color: white;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.block_form form select:hover,
.block_form form select:focus {
    border-color: var(--bs-accent); 
    box-shadow: 0 0 4px rgba(246, 174, 10, 0.5); 
    outline: none;                
}

.block_form  form p {
    font-size: 16px;
	color: navy;
}

.block_form  form hr {
	margin-left: 6px;
    margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 6px;
	color: indianred;
	border-width: 1px;
	border-style: solid;
}

.block_form ul{
    text-decoration: None;
}

.block_form ul li {
	text-decoration: None;
}





.block_big {
    width: 1320px;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    padding: 12px;
    color: black;
    font-family: sans-serif;
    border-style: solid;
    border-bottom-width: 1px;
    border-width: 1px;
    border-radius: 12px;
    text-align: justify;
    border-color: indianred;
	/*border-color: #9926b0;*/

}
.block_big  p {
    font-size: 16px;
	color: navy;
}


.block_big  a {
    font-size: 10px;
    /*margin-left: 580px;*/
    align-self: flex-end;
}
.block_big  h1 {
    font-size: 16px;
	color: white;
    background-color: #ffc670;
    padding: 4px;
    padding-left: 20px;
}
.block_big  h2 {
    font-size: 12px;
	color: white;
    background-color:#495057 ;
    padding: 2px;
    padding-left: 20px;
}
.block_big  h3 {
    font-size: 14px;
	color: navy;
}
.block_big  h4 {
    font-size: 12px;
	color: navy;
}
.block_big h5 {
    font-size: 10px;
	color: navy;
}
.block_big  h6 {
    font-size: 8px;
	color: navy;
}




.block_big form input {
    font-size: 12px;
    width: auto;
    border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	border-color: darkgray;
}
.block_big form input[type=text]:read-only  {
	border-color: darkgray;
	background-color: aliceblue;
	color:black;
}
.block_big form input[type=number]:read-only  {
	border-color: darkgray;
	background-color: aliceblue;
	color:black;
}
.block_big form input[type=date]:read-only  {
	border-color: darkgray;
	background-color: aliceblue;
	color:black;
}
.block_big form input[type=button]{
  border: none;
  color: white ;
  padding: 4px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 10px;
  cursor: pointer;
  width: auto;
}


.block_big form label {
    font-size: 12px;
    width: auto;
	font-style: normal;
	margin-left: 6px;
    margin-top: 4px;
	margin-right: 8px;

}
.block_big form select {
    font-size: 14px;
    width: auto;
    border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	border-color: darkgray;
    padding: 1px;
}

.block_big  form p {
    font-size: 16px;
	color: navy;
}

.block_big  form hr {
	margin-left: 6px;
    margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 6px;
	color: navy;
	border-width: 1px;
	border-style: solid;
}




.block_big ul{


}

.block_big Ul li {
}



.block_line {
    width: 100%;
    height: 100%;
    border-width: inherit;
    /*border-style: solid;*/
    border-left-width: 6px;
    border-left-color: cornflowerblue;
    margin-left: 10px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: indianred ;
    align-items: flex-start;
    background-color: white;
    /*
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    */
}

.block_line div {
    display: inline-block;
    height: 100%;
}

.block_line  div p {
    font-size: 16px;
	margin-left: 12px;
	color: coral;
	height: 6px;
}
.block_line div  h1 {
    font-size: 20px;
	margin-left: 12px;
}
.block_line div a {
    font-size: 14px;

}

.block_line div label {
    font-size: 12px;
	margin-left: 8px;
	width: 100%;
	height: 14px;
	color: Black;
}
.block_line div input {
    font-size: 14px;
	margin-left: 0;
	padding-left: 8px;
	border: none;
	width: 100%;
	background-color: aliceblue;
	color: navy;

}


.block_line div ul{
	background-color: cadetblue;
	text-decoration: None;
	display:block;
	height : 32px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;

}
.block_line div ul li{
	width: 100%;

}
.block_line div ul li a{
	display:block;
	padding: 2px;
	color : white;
	text-align:Left;
	text-decoration: none;
	outline: none;
	line-height: 23px;
	margin-left: 2px;
}

.block_line div ul  li a.selected, .block_col  ul  li a:hover{
	color: indianred;
	background: white;
}

.block_line div hr {
	width: 100%;
	background-color: cadetblue;
	border-width: 1px;

}

.accordion-header {
    background-color: #f8fafc; 
    color: var(--bs-primary); 
    font-family: var(--bs-body-font-family);
    font-weight: 600;
    font-size: 18px; 
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid var(--bs-border-color);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s, color 0.3s;
    margin-bottom: 6px;
}

.accordion-header:hover {
    color: var(--bs-body-color);
    text-shadow: 0 0 8px var(--bs-primary), 0 0 12px var(--bs-primary);
    background-color: #f1f5f9;
    border-color: var(--bs-primary); 
}

.accordion-header .icon svg {
    width: 18px;  
    height: 18px;
    transition: transform 0.3s, fill 0.3s;
    fill: var(--bs-primary); 
}

.accordion-header:hover .icon svg {
    fill: var(--bs-body-color); 
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 16px;
    border-left: 1px solid var(--bs-border-color);
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

.accordion-content.active {
    max-height: 2000px;
    padding: 12px 16px;
}

#pvn_Nota {
  width: 680px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

#pvn_Nota:focus {
  border: 1px solid #F6AE0A;
  border-left: 6px solid #F6AE0A;
  outline: none;
}