.xx-container-proposta {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 30px auto 35px;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "xx-superior xx-superior"
    "xx-centro xx-centro"
    "xx-inferior xx-inferior";
  font-size: 14px;
  font-family: "Calibri","Lucida Grande",sans-serif;
  font-weight: normal;
  padding: 10px;
  border-bottom: 1px solid #92b7b0;
}

input:disabled {
	color: rgb(115, 115, 115);
	background-color: rgb(244, 244, 244);
}

.xx-container-proposta .xx-superior {
  display: grid;
  grid-template-columns: 80px 180px auto 100px 180px 100px 180px 150px;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "xx-item xx-descricao xx-beneficio xx-cota xx-unidade xx-quantidade xx-valor-unitario xx-valor-total";
  grid-area: xx-superior;
}

.xx-container-proposta .xx-superior .xx-item {grid-area: xx-item;margin:2px;}

.xx-container-proposta .xx-superior .xx-descricao {grid-area: xx-descricao;margin:2px;}

.xx-container-proposta .xx-superior .xx-beneficio {grid-area: xx-beneficio;margin:2px;}

.xx-container-proposta .xx-superior .xx-cota {grid-area: xx-cota;margin:2px;}

.xx-container-proposta .xx-superior .xx-unidade { grid-area: xx-unidade; text-align: center; margin:2px}

.xx-container-proposta .xx-superior .xx-quantidade { grid-area: xx-quantidade; text-align: center; margin:2px}

.xx-container-proposta .xx-superior .xx-valor-unitario { grid-area: xx-valor-unitario; text-align: center; margin:2px}

.xx-container-proposta .xx-superior .xx-valor-total { grid-area: xx-valor-total; text-align: center; margin:2px}

.xx-container-proposta .xx-centro {
  display: grid;
  grid-template-columns: 80px auto 180px 100px 180px 150px;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "xx-item1 xx-descricao2 xx-unidade2 xx-quantidade2 xx-valor-unitario2 xx-valor-total2";
  grid-area: xx-centro;
}

.xx-container-proposta .xx-centro .xx-item1 {grid-area: xx-item1;margin: 6px;}

.xx-container-proposta .xx-centro .xx-descricao2 {grid-area: xx-descricao2;margin: 6px 2px;}

.xx-container-proposta .xx-centro .xx-unidade2 {grid-area: xx-unidade2;text-align: center;margin: 6px;}

.xx-container-proposta .xx-centro .xx-quantidade2 {grid-area: xx-quantidade2;text-align: center;margin: 6px;}

.xx-container-proposta .xx-centro .xx-valor-unitario2 {grid-area: xx-valor-unitario2;text-align: center;margin:2px;position: relative;height: 25px;}

.xx-container-proposta .xx-centro .xx-valor-total2 {grid-area: xx-valor-total2;text-align: center;margin: 6px;}

.xx-container-proposta .xx-centro .xx-valor-unitario2 .xx-input-valor-unitario{
    width: 100%;
    letter-spacing: 1px;
    padding: 3px;
    font-size: 14px;
    font-family: "Calibri","Lucida Grande",sans-serif;
}

.xx-container-proposta .xx-inferior {
  display: grid;
  grid-template-columns:30% 30% 30%;
  grid-template-rows: 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "xx-marca xx-modelo xx-fabricante";
  grid-area: xx-inferior;
}

.xx-container-proposta .xx-inferior .xx-marca {grid-area: xx-marca;margin: 6px;position: relative;}

.xx-container-proposta .xx-inferior .xx-modelo {grid-area: xx-modelo;margin: 6px;position: relative;}

.xx-container-proposta .xx-inferior .xx-fabricante {grid-area: xx-fabricante;margin: 6px;position: relative;}

.xx-container-proposta .xx-inferior .xx-input-inferior{
    width: 100%;
    letter-spacing: 1px;
    padding: 3px;
    font-size: 14px;
    font-family: "Calibri","Lucida Grande",sans-serif;
}

.xx-container-proposta.xx-cheio {
    border: 1px solid #92b7b0;
    border-radius: 10px;
    box-shadow: -3px 2px 4px 0px rgb(0 16 16 / 75%);
}

.xx-container-proposta .xx-centro .xx-item1 .fa.fa-check {
    visibility: hidden;
}

.xx-container-proposta.xx-cheio .xx-centro .xx-item1 .fa.fa-check {
    visibility: visible;
}

.xx-container-proposta .xx-efeito-input-verde {border: 1px solid #ccc;transition: 0.4s;}
.xx-container-proposta .xx-efeito-input-verde ~ .xx-focus-border:before,
.xx-container-proposta .xx-efeito-input-verde ~ .xx-focus-border:after{content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 2px; background-color: #04886d; transition: 0.4s;}
.xx-container-proposta .xx-efeito-input-verde ~ .xx-focus-border:after{top: auto; bottom: 0;}
.xx-container-proposta .xx-efeito-input-verde ~ .xx-focus-border i:before,
.xx-container-proposta .xx-efeito-input-verde ~ .xx-focus-border i:after{content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 0; background-color: #04886d; transition: 0.6s;}
.xx-container-proposta .xx-efeito-input-verde ~ .xx-focus-border i:after{left: auto; right: 0;}
.xx-container-proposta .xx-efeito-input-verde:focus ~ .xx-focus-border:before,
.xx-container-proposta .xx-efeito-input-verde:focus ~ .xx-focus-border:after{left: 0; width: 100%; transition: 0.4s;}
.xx-container-proposta .xx-efeito-input-verde:focus ~ .xx-focus-border i:before,
.xx-container-proposta .xx-efeito-input-verde:focus ~ .xx-focus-border i:after{top: 0; height: 100%; transition: 0.6s;}


.tituloMEEPP{
	font: bold 16px Calibri;
	color: #625D5D;
	padding-right: 8px;
}

.radioText{
	color: rgb(98, 93, 93);
	font: bold 16px Calibri;
}

.radioG{
	padding-right: 5px;
}
.optionRadio {
	left: 5%;
	top: 5%;
	transform: translateY(-5%);
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display: flex;
    align-items: center;
}
  
  
.detalhesMEEPP {
	left: 5%;
	top: 5%;
	transform: translateY(-5%);
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
	font: bold 13px Calibri;
	color: #880404;  
	display: block;
}

.paragrafoRadio{
	display: block;
    margin-block-start: 0px;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
  }