header{width:100%;height:6rem;display:flex;justify-content:space-between;position:relative}header .userName{display:flex;margin-right:10px;align-items:center}header .logo{display:flex;align-items:center}header .logo a{margin-left:2rem;display:flex;align-items:center;text-decoration:none;color:#000}header .logo a span{margin-left:.7rem;font-size:1.5rem;font-weight:800;font-family:Open Sans,sans-serif}header .logo a img{width:3.5rem;aspect-ratio:1/1}header .logo .subRoute{display:flex;align-items:center;margin-top:6px}header .logo .subRoute a,header .logo .subRoute span{margin-left:5px}header .logo .subRoute span{font-size:1rem}header .logo .subRoute svg{font-size:1.3rem;margin:10px}header .nav{display:flex;align-items:center;justify-content:space-between}header .nav a{margin-right:1rem}header .nav .current{text-decoration:underline}header .historicoButton{margin-right:5px;color:#fff;background-color:#bdbdbd;padding:6px 7px;border-radius:50%}header .logoutButton{margin:0 10px;padding:5px;border:none;background-color:none;cursor:pointer;border-radius:2px}header .logoutButton:active{background-color:#818283}@media screen and (max-width: 768px){header{height:4rem}header .historicoButton{padding:2.5px 3.5px}header .logo a{margin-left:1rem}header .logo a span.headerLabel{display:none}header .logo a img{width:2.5rem;aspect-ratio:1/1}header .logo .subRoute{margin-top:3px}header .logo .subRoute a,header .logo .subRoute span{margin-left:0}header .logo .subRoute span{font-size:1rem}header .logo .subRoute svg{font-size:.6rem;margin:10px}header .logoutButton{font-size:1rem;margin:0 3px;padding:1px}header .logoutButton svg{font-size:1rem}header .logoutButton:active{background-color:#818283}header .userName{margin-right:5px}header .userName .avatar{font-size:1rem;width:2rem;height:2rem}}div.TotalContainer{width:80vw;margin:1.5rem 0rem}div.TotalData{display:flex;justify-content:space-between;width:100%}div.TotalData span{font-size:2rem}hr.HrTotal{border-top:.5rem solid #6c99cc;border-radius:2px}.Home{display:flex;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 6rem)}.Home .pendientesContainer{display:flex;flex-direction:column;justify-content:center;gap:1rem 0;border-radius:5px;background-color:#e7e6e6;width:80%;padding:1rem 0}.Home .pendientesContainer h2{margin-left:2rem}@media screen and (max-width: 768px){.Home .pendientesContainer{width:90%}.Home .pendientesContainer h2{margin-left:1rem}}.Home .pendientesContainer .pendientesButtonsContainer{align-self:center;width:95%;display:flex;justify-content:space-evenly;align-items:stretch}@media screen and (max-width: 768px){.Home .pendientesContainer .pendientesButtonsContainer{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;grid-column-gap:16px;grid-row-gap:16px}}.Home .ordencredito .colorBar,.Home .ordencredito hr{background-color:#9893da}.Home .viaticos .colorBar,.Home .viaticos hr{background-color:#fcdfa6}.Home .adelantos .colorBar,.Home .adelantos hr{background-color:#fc7a57}.Home .cardPending{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border-radius:5px}.Home .cardPending img{width:100%}.Home .cardPending section{margin:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.Home .mainbutton{display:flex;flex-direction:column;justify-content:center;position:relative;align-items:center;border-radius:5px;width:100%;height:6rem;border:none;cursor:pointer;transition:all .5 ease}.Home .mainbutton .colorBar{position:absolute;top:0;border-radius:5px 5px 0 0;align-self:start;width:100%;height:.5rem}.Home .mainbutton .buttonBody{display:flex;width:100%;justify-content:space-between;align-items:center}.Home .mainbutton .buttonBody span{font-weight:700;font-size:1.3rem}.Home .mainbutton .buttonBody .pendingCountBody{width:10%;display:flex;justify-content:space-between;text-align:right}.Home .mainbutton .buttonBody .pendingCountBody hr{display:none;border:none;width:2px}.Home .mainbutton .buttonBody .label{margin-left:15px}.Home .mainbutton .buttonBody .pendingCount{margin-right:15px}.Home .mainbutton:hover{filter:brightness(105%);transition:filter .5s ease-in-out}.Home .mainbutton:active{filter:brightness(90%);transition:filter .1s ease-in-out}.Home .mainbutton.noPendings span{margin:0 auto}.BuscadorContainer{display:flex;gap:2rem;flex-direction:column;justify-content:center;align-items:center;font-family:Open Sans,sans-serif}.buscador{flex-direction:column;justify-content:center;display:flex;width:60vw;background-color:#f6f8fa;padding:1rem;border-radius:5px}.buscador .buscadorLabel{display:flex;justify-content:space-between;margin-bottom:1rem}.buscador .buscadorInputs{display:flex}.buscadorPage{gap:15px}.buscadorPage .paginadoBuscador{padding-bottom:1rem}.FlujosHome{position:relative}.FlujosDetail{display:flex;flex-direction:column;justify-content:space-evenly}.FlujosDetail .selectGerenciaContainer{padding-bottom:15px;width:80%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.FlujosDetail .selectGerenciaContainer .inputIdentificador,.FlujosDetail .selectGerenciaContainer .inputArea{width:35%}.FlujosDetail .selectGerenciaContainer .checkEnabled{width:20%;display:flex}.FlujosDetail .selectGerenciaContainer .checkEnabled .EstadoFlujoLabel{display:flex;flex-direction:column}.FlujosDetail .selectGerenciaContainer .checkEnabled .EstadoFlujoLabel .EstadoFlujo{padding:3px;border-radius:3px;color:#fff;font-weight:700;transition:all .4s ease}.FlujosDetail .selectGerenciaContainer .checkEnabled .EstadoFlujoLabel .EstadoFlujo.Habilitado{background-color:green}.FlujosDetail .selectGerenciaContainer .checkEnabled .EstadoFlujoLabel .EstadoFlujo.Deshabilitado{background-color:#db0303}@media screen and (max-width: 768px){.FlujosDetail .selectGerenciaContainer{flex-direction:column}.FlujosDetail .selectGerenciaContainer .inputIdentificador,.FlujosDetail .selectGerenciaContainer .inputArea{width:80%}.FlujosDetail .selectGerenciaContainer .checkEnabled{width:60%;margin:0 auto}}.FlujosDetail .buttonSendFlujo{margin:15px auto}.FlujosDetail .FlujoDetailStatic{width:80vw;margin:0 auto}.addFlujoButton{color:#fff;display:flex;align-items:center;background-color:#004690;padding:10px;border-radius:5px;position:fixed;bottom:2rem;right:2rem;cursor:pointer}.SortablesContainer{display:flex;justify-content:space-evenly}.buscadorEmpleados{display:flex;flex-direction:column;align-items:center;gap:2rem}.buscadorEmpleados .buscador{width:80%}.buscadorEmpleados .buscador .buscadorLabel,.buscadorEmpleados .buscador .buscadorInput{width:100%}.spinnerContainer{height:800px}.EmployeeCard{background-color:#fff;margin:5px;padding:5px;display:flex;flex-direction:column;height:75px;width:200px;border:1px solid black;border-radius:5px}.EmployeeCard span{height:25px;width:190px;overflow:hidden}.EmployeeCard .NameSection{width:100%;display:flex;justify-content:space-between}.EmployeeCard .removeFromFlujoButton{cursor:pointer;color:gray;width:auto}.EmployeeCard .DataSection{display:flex;flex-direction:column}.EmployeeCardDisabled{background-color:#e0e0e0;user-select:none}.nivelesContainer{display:flex;flex-direction:column;gap:1rem;min-width:276px}.nivelesContainer .noPersonIconContainer{width:100%;display:flex;justify-content:center;margin-top:30px}.nivelesContainer .nivel{min-height:140px;padding:10px}.nivelesContainer .nivel h2{padding:5px 0}.nivelesContainer .nivel .nivelBody{display:flex;height:auto;justify-content:center}.nivelesContainer .nivel .deleteButtons{display:flex;flex-direction:column;justify-content:space-around}.nivelesContainer .nivelCoordinadores{background-color:#e5ff51;border-radius:5px 5px 0 0}.nivelesContainer .nivel1{background-color:#ffd151;border-radius:0}.nivelesContainer .nivel2{border-radius:0;background-color:#edb230}.nivelesContainer .nivel3{border-radius:0;background-color:#e77728}.nivelesContainer .nivel4{border-radius:0 0 5px 5px;background-color:#e75e28}.buscadorFlujos{background-color:#f3f3f3;display:flex;flex-direction:column;padding:15px;border-radius:5px}.buscadorFlujos .buscadorLabel{display:flex;justify-content:space-between}.buscadorFlujos .buscadorInputs{display:flex;justify-content:space-evenly;width:60vw;gap:10px}.buscadorFlujos .buscadorInputs .textFieldBuscadorFlujo,.buscadorFlujos .buscadorInputs .selectBuscadorFlujo{width:40%}.FlujoCard{background-color:#fff;width:max(30%,200px);height:100px;border-radius:5px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.FlujoCard .NameSection{font-weight:700;font-size:1.2rem}.FlujoCard .gerenciaSection{display:flex;flex-direction:column}@media screen and (max-width: 768px){.FlujoCard{width:max(60%,200px)}}.buscadorFlujosResult{margin:0 auto;width:80vw;display:grid;row-gap:10px;column-gap:10px}@media screen and (max-width: 768px){.buscadorFlujosResult{grid-template-columns:repeat(1,200px);grid-template-rows:repeat(auto,1fr);justify-content:center}}.HomeOrdenesDecredito{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80vw;margin:0 auto}.OrdesTableContainer{margin-top:1.5rem}.ExportCsvButton{background-color:#6c99cc;color:#fff;padding:8px;border-radius:5px;align-self:end;margin-bottom:10px}.ExportCsvButton svg{margin-bottom:-6px}.AprobacionState{padding:5px;border-radius:5px;background-color:#d6d331;color:#000;text-align:center}.AprobacionState.true{background-color:#1eb33f;color:#fff}.AprobacionState.false{color:#fff;background-color:#b31e1e}.detailContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.detailContainer .DetailCardContainer:nth-of-type(1){border-radius:5px 5px 0 0}.detailContainer .DetailCardContainer:nth-of-type(1) div{border-radius:5px 5px 0 0}.detailContainer .DetailCardContainer:nth-last-child(1){border-radius:0 0 5px 5px}.detailContainer .DetailCardContainer:nth-last-child(1) div{border-radius:0 0 5px 5px}.DetailCardContainer{margin-top:10px;width:80vw;height:100%;background-color:#fff;border-radius:10px;box-shadow:-4px 10px 15px -3px #0000001a}.DetailCardContainer h4{position:relative;margin:0 0 .5rem 1rem}.SpanStyled{position:absolute;top:0;right:2rem}.ProductoInfoContainer{width:100%;padding-top:1px;background-color:#d7d9db;border-radius:10px 10px 0 0}.ProductoInfoContainer h1{font-size:1.5rem;margin:1rem 0 1rem 1rem}.ProductoInfoContainer h4{margin-left:1rem;padding-bottom:4px}.card{margin-top:1rem;background-color:#f5f1f1;color:#000;width:80vw;border-radius:10px;font-weight:700;margin-bottom:2rem}.card p{margin:1rem}.OrderCard{background-color:#fff;border:6px solid rgb(245,241,241)}.OrderCard h3{background-color:#f5f1f1;padding:.5rem}.ClientCard{position:relative}.ClientCard .fecha{top:0;right:1rem;position:absolute}@media screen and (max-width: 768px){.ClientCard .fecha{position:static}}.archivosCard{padding:0}.archivosCard .tablaArchivos{width:100%;border-collapse:collapse;font-size:.9rem}.archivosCard .tablaArchivos thead th{background-color:#f4f4f4;text-align:left;padding:.75rem;font-weight:600;border-bottom:1px solid #ddd}.archivosCard .tablaArchivos tbody td{padding:.6rem .75rem;border-bottom:1px solid #eee}.archivosCard .tablaArchivos tbody tr:last-child td{border-bottom:none}.archivosCard .tablaArchivos td:nth-child(2),.archivosCard .tablaArchivos td:nth-child(3),.archivosCard .tablaArchivos th:nth-child(2),.archivosCard .tablaArchivos th:nth-child(3){text-align:center;white-space:nowrap}.archivosCard .tablaArchivos tbody tr:hover{background-color:#fafafa}.TotalContainer{width:80vw;margin:1.5rem 0rem}.HrTotal{border-top:.5rem solid #6c99cc;border-radius:2px}.TotalData{display:flex;justify-content:space-between;width:100%}.TotalData span{font-size:2rem}.ButtonsContainer{width:100%;display:flex;justify-content:space-around}.BackDropContainer{padding:10px;background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:space-around;position:relative;min-width:30vw;min-height:30vh;border-radius:5px}.BackDropContainer span{color:#000;margin:1rem auto;font-size:1.2rem}.BackDropContainer textarea{border:none;padding:5px;border-radius:5px;margin:1rem auto;width:80%;resize:none}.BackDropContainer small{margin:0 auto;color:red}.BackDropContainer .isApproving{display:flex;align-items:center;justify-content:space-evenly;gap:15px}@media screen and (max-width: 768px){.BackDropContainer{padding:0 2.5rem}.BackDropContainer span{color:#000;margin:1rem auto;font-size:1rem}}.CloseButton{position:absolute;border:none;background-color:transparent;font-size:1.1rem;right:8px;top:8px;cursor:pointer}#TableContainerIdExterno{width:80vw}.MotivoContainer{margin:1rem 0;padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:80vw;background-color:#e43030;border-radius:5px;color:#fdfced}#TableContainerAprobacion{width:80vw}#TableContainerAprobacion #rowRejected{background-color:#eb7272}.BackDropContainerMobile{width:100%;display:flex;justify-content:center}.ApprovalButtonsMobile{display:flex;width:90%;align-items:center;justify-content:space-between;gap:10px;margin:1rem 0}.ApprovalButtonsMobile button{font-size:1.2rem;border-radius:5px;display:flex;align-items:center;justify-content:center;width:30%;border:none;color:#fff;padding:10px}.ApprovalButtonsMobile button svg{font-size:2rem}.ApprovalButtonsMobile .ApproveButtonMobile{background-color:#15dc40}.ApprovalButtonsMobile .DisapproveButtonMobile{background-color:#e91010}.ApprovalButtonsMobile .RedirectButtonMobile{background-color:#4992e6}.ApprovalButtonsMobile.esCoordinador{justify-content:space-evenly}.ApprovalButtonsMobile.esCoordinador button{width:50%}.formRedireccion{display:flex;flex-direction:column}.formRedireccion .hrFlujoForm,.autoCompleteEmpleados{margin-bottom:1rem}#flujoFormTitle{font-size:1rem}*{margin:0;padding:0;text-decoration:none;font-family:Open Sans,sans-serif}.App{background-color:#f6f8fa;min-height:100vh}