// #overlay-effect {
  // position: absolute;
  // top: 0;
  // left: 0;
  // width: 100%;
  // height: 100%;
  // background-color: rgba(190, 190, 190, 0.5);
  // display: flex;
  // align-items: center;
  // justify-content: center;
  // text-align: center;
  // font-size: 20px;
  // font-weight: 500;
  // z-index: 9999;
// }


.modal-add-document-title-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 2vw;
    border-bottom: 1px solid rgb(210, 210, 210);
}


/* .modal-add-document-body-container { */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* margin-top: 20px; */
/* } */

.modal-add-document-body-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    max-width: 100%; /* Establece un ancho máximo del 90% */
}

.campo {
    border: 1px solid rgb(210, 210, 210);
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    font-size: 1.1vw;
	display: grid;
    grid-template-rows: auto;
    grid-gap: 5px;
    flex-grow: 1; /* Permite que los campos ocupen todo el espacio disponible */
    box-sizing: border-box; /* Incluye el padding y border en el cálculo del ancho */
    flex-wrap: wrap;
	min-width: 5vw;
}

label {
    font-weight: bold;
    margin-right: 10px;
}

.campo[dato="cliente"] {
	flex-basis: calc(50% - 40px);
}

.campo[dato="nro_contrato"] {
	flex-basis: calc(20% - 40px);
}

.campo[dato="disciplina"]  {
	flex-basis: calc(30% - 40px);
}

.campo[dato="consecutivo"] {
	flex-basis: calc(18% - 80px);
}

.campo[dato="consecutivo_interno"]
{
	flex-basis: calc(18% - 80px);
}

.campo[dato="revision"] {
	flex-basis: calc(10% - 80px);
}

.campo[dato="estado_doc"] {
	flex-basis: calc(15% - 80px);
}

.campo[dato="nombre_archivo"] {
	flex-basis: calc(39% - 80px);
}

.campo[dato="descripcion"] {
	flex-basis: calc(30% - 40px);
}

.campo[dato="estatus"] {
	flex-basis: calc(25% - 40px);
}

.campo[dato="autor"] {
	flex-basis: calc(45% - 40px);
}

.campo input[type="text"]
,.campo select  {
  min-width: 5vw;
}

.campo.campo-oculto {
    border: none;
}

#add_fournisseur_window
, #add_contract_window
, #add_customer_window
, #add_revision_window {
    position: fixed;
    /* top: 50px; */
    /* left: 50%; */
    transform: translateX(-50%);
    z-index: 9999;
    width: 10vw;
    height: 5vh;
    background: rgb(200, 200, 200);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-evenly;
	align-items: center;
}

#iconoFlotante {
  cursor: pointer;
  padding: 10px;
}


span.add-fournisseur-label
, span.add-contract-label
, span.add-customer-label 
, span.add-revision-label {
    font-size: 0.8vw;
}

input.add-fournisseur-name-input
, input.add-contract-nro-input
, input.add-customer-name-input
, input.add-customer-alias-input
, input.add-revision-no-input {
    border: 0.1px solid rgb(220, 220, 220);
    border-radius: 6px;
    width: 95%;
}

.font-modal-add-fournisseur
, .font-modal-add-contract
, .font-modal-add-customer 
, .font-modal-add-revision {
	font-size: 1.1vw;
}

.modal-add-document-container {
    max-height: 80vh;
}

.font-add-document {
	font-size: 1.1vw;
}

.required::after {
	content: "*";
	color: red;
	margin-left: 5px;
}

.attach-file-container 
, .attach-description-container {
    border: 1px solid rgb(220, 220, 200);
    padding: 10px;
    display: grid;
	border-radius: 10px;
	margin: 10px;
}

.qty-attach-container.butAction {
    min-width: 4vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

textarea.attach-description-textarea {
    height: 10vh;
}

.modal-list-attachment {
	min-height: 40% !Important;
}

.view-attach-header-container
, .view-attach-body-line-container {
    display: grid;
    grid-template-columns: 30% 50% 20%;
}

.view-attach-header-container {
    font-weight: bold;
    position: sticky;
    top: 0;
}
span.view-attach-header-name
, span.view-attach-header-description
, span.view-attach-header-view {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(220, 220, 220);
    border-radius: 10px;
    margin: 0px 5px;
}

span.view-attach-body-line-name
, span.view-attach-body-line-description {
    padding: 10px;
    display: flex;
    text-align: justify;
    align-items: center;
    background: rgb(245, 245, 245);
    border-radius: 10px;
    margin: 10px;
}

i.view-attach-body-line-view {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(245, 245, 245);
    border-radius: 10px;
    margin: 10px;
}

.estatus-master-container
, .disciplinas-master-container {
    margin: 10px;
    border: 1px solid rgb(210, 210 ,210);
    border-radius: 10px;
    padding: 10px;
}

.estatus-barr-container
, .disciplinas-barr-container {
    border: 1px solid rgb(210, 210, 210);
    height: 20px;
    border-radius: 5px;
}

.left-master-container, .right-master-container {
    margin: 10px;
    border-radius: 10px;
    display: grid;
    grid-template-rows: 20% 80%;
    grid-row-gap: 20px;
    height: 85vh;
}

.top-container, .bottom-container {
    width: 100%;
    height: 100%;
    background: rgb(240, 240 ,240);
    border-radius: 10px;
    border: 1px solid rgb(210, 210 , 210);
    overflow: auto;
    font-size: 0.45vw;
}

.estatus-label-container
, .disciplinas-label-container {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.estatus-stats-label
, .disciplinas-stats-label {
    margin-top: 10px;
}

.disciplinas-barr {
    height: 100%;
    background: rgb(91, 192, 222);
}

.estatus-barr {
    height: 100%;
    background: rgb(92,184,92);
}

.nom-cliente {
    min-width: 10vw;
    display: inline-grid;
}

.modify-document, .review-document {
    cursor: pointer;
    font-size: 0.8vw;
    background: rgb(66, 139, 202);
    padding: 2px;
    border-radius: 5px;
    color: white;
}

.font-window-confirm-delete
,.font-window-confirm-close-attachment {
	font-size: 1.1vw;
}

.options-bydocument-bar {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.qty-attach-container.butAction {
    font-size: 0.8vw;
}