@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--primaryColor1: rgb(255, 209, 170);--primaryColor2: rgb(212, 154, 106);--primaryColor0: rgb(170, 108, 57);--primaryColor3: rgb(128, 6, 21);--primaryColor4: rgb(85, 38, 0)}body,html{margin:0;display:flex;min-height:100vh;min-width:99.1vw;justify-content:center}#app{flex:1;display:flex;flex-direction:column;background-color:#3c3c3c;color:#fff;min-height:100vh;min-width:100vw;font-family:Roboto,sans-serif;position:relative}.error{color:#ba8a87;font-weight:700}span.error:before{content:"⚠ "}td{padding:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 850px){html,body{width:max-content}}.customAlertContainer{position:absolute;display:flex;width:100%;top:0%;height:100%;background-color:#00000074;flex-direction:column;align-items:center;z-index:1000;justify-content:center}.customAlert{padding:2%;background-color:#3a3d3c;width:max-content;border-radius:10px;position:relative;opacity:1;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;gap:20%}.customAlert svg:first-child{position:absolute;top:5%;right:4%;cursor:pointer}.customAlert svg:not(:first-child){font-size:4.5rem}.customAlertActions{display:flex;gap:10%;justify-content:center;margin-top:2%}.button{font-size:14px;font-weight:500;padding:10px 20px;border-radius:15px;border:none;margin:auto;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.button.contained{background-color:#a8c7fa;color:#062e6f;box-shadow:0 1px 3px #0000004d}.button.contained:hover{background-color:#3367d6;box-shadow:0 4px 6px #0003}.button.contained:active{background-color:#2859c1;box-shadow:0 2px 4px #0003}.button.outlined{background-color:#fff;color:#4285f4;border:1px solid #4285f4}.button.outlined:hover{background-color:#e8f0fe}.button.outlined:active{background-color:#d2e3fc}.button:disabled{background-color:#f1f3f4;color:#bdc1c6;cursor:not-allowed;box-shadow:none}.button.nobg{background-color:transparent;color:#a8c7fa;border:none}.button.nobg:hover{background-color:#525558}.custom-outlined-input{position:relative;display:inline-block;margin-top:5px;margin-bottom:5px}.custom-label-Text{position:absolute;top:50%;left:10px;transform:translateY(-50%);background:#fff;padding:0 5px;font-size:16px;color:gray;transition:.2s ease;pointer-events:none}.custom-input{width:-webkit-fill-available;padding:16px 10px 8px;font-size:16px;border:1px solid gray;border-radius:10px;outline:none}.custom-input:focus{border-color:#1976d2}.labelOnFocus{top:0;transform:translateY(-50%);font-size:12px;color:#1976d2}.ColumnModal form{display:flex;flex-wrap:wrap;justify-content:center}.ColumnModal form div{margin:1%}.ColumnModal svg{position:absolute;top:5%;right:4%;cursor:pointer}.customModalContainer{position:absolute;display:flex;width:100%;top:0%;height:100%;background-color:#00000074;left:0;flex-direction:column;align-items:center;justify-content:center;z-index:90}.customModalOuterHandeler{position:fixed;top:0;right:0;bottom:0;opacity:0;display:block;z-index:90;width:100vw;height:100vh}.customModal{padding:2%;background-color:#3a3d3c;width:30%;border-radius:10px;position:fixed;opacity:1;box-shadow:0 4px 6px #0000001a;z-index:100;top:40%}.customModal form{display:flex;flex-wrap:wrap;justify-content:center}.customModal form div{margin:1%}.customModal svg{position:absolute;top:5%;right:4%;cursor:pointer}.customTable{--table-bg-color: rgb(68, 71, 70);max-width:100%;border-collapse:collapse;margin:20px auto;background-color:var(--table-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;--text-color: rgb(217 230 250);color:var(--text-color)}.customTable thead{color:#80b2ff;background-color:#3f4240}.customTable th,.customTable td{padding:12px 16px;text-align:center}.customTable tr:not(:first-child){border-top:2px solid rgb(113,132,161)}.customTable tfoot tr{background-color:#3f4240;color:#80b2ff;font-weight:700;border-top:4px solid rgb(113,132,161)}.customTable th{font-weight:700}.customTable tbody tr:nth-child(2n){background-color:var(--header-bg-color)}.customTable tbody tr:hover{background-color:#80b2ff4d}.customTable tbody tr td a{color:#80b2ff;text-decoration:none}.asociadoForm{display:flex;flex-direction:column;margin-top:2.5%;height:100%;align-items:center}.inputsAsociadosContainer{display:flex;align-items:center;justify-content:center;width:100%}.inputsAsociadosContainer div{margin:2%}.inputsAsociadosContainer div:first-child{margin-left:0%}.asociadoFormContainer{padding:1% 2.5%;background-color:#444746;border-radius:25px;height:fit-content;color:#d9e6fa;min-height:30%;display:flex;flex-direction:column;transition:.8s ease}.tab{background-color:transparent;border-top:none;border-left:none;border-right:none;border-bottom:none;border-width:0px;color:#d9e6fa;transition:.2s ease;padding:1%}.tab.selectedTab{background:linear-gradient(0deg,#80b2ff,#80b2ff00 40%);font-weight:900}.custom-outlined-select{position:relative;display:inline-block;margin-top:5px;margin-bottom:5px;width:-webkit-fill-available}.custom-select{width:-webkit-fill-available;padding:16px 10px 8px;font-size:16px;border:1px solid gray;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;outline:none;background:#fff}.custom-select:focus{border-color:#1976d2}.custom-outlined-date{position:relative;display:inline-block;margin-top:5px;margin-bottom:5px}.custom-label{position:absolute;top:50%;left:1%;transform:translateY(-50%);background:#fff;padding:0 5px;font-size:.9em;color:gray;transition:.2s ease;pointer-events:none;width:max-content;max-width:100%;min-width:7em;border-radius:10px}.custom-label.filled{top:20%;transform:translateY(-50%);font-size:12px;width:fit-content;background-color:unset}.custom-date-input{width:-webkit-fill-available;padding:10px 1% 8px;font-size:16px;border:1px solid gray;border-radius:10px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.custom-date-input:focus{border-color:#1976d2}.custom-outlined-select:after{content:"";position:absolute;top:50%;right:10px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid gray;transform:translateY(-50%);pointer-events:none}.RecibosModal{width:100%;border-collapse:collapse;border-spacing:0}.RecibosModal thead tr th{color:#fff;padding-left:5px;padding-right:5px;text-align:left;border-bottom:2px solid rgb(139,143,142)}.RecibosModal thead tr th:last-child{text-align:center}.RecibosModal tbody tr td{color:#fff;padding-left:5px;padding-right:5px;text-align:left;border-bottom:1.5px solid rgb(75,77,76)}.RecibosModal tbody tr td:last-child{text-align:right}#ReciboContainer{display:flex;flex-direction:column;width:1000px;align-self:center;border:3px solid black;border-radius:20px;background-color:#fff;color:#000}#headerReciboContainer{display:flex;align-items:center;gap:2%;justify-content:space-evenly}#infoEmpresa1{padding:1%;box-sizing:border-box}#BordeHeader{border-right:3px solid black;height:100%}#infoAsociadoContainer{border-top:3px solid black;border-bottom:3px solid black}#infoAsociado{display:flex;justify-content:space-between;gap:20%}#tablaConceptosRecibo{border-bottom:3px solid black;width:100%}#tablaConceptosRecibo tbody tr td{padding:1%}#tablaConceptosRecibo tbody tr td:last-child{padding:1%;text-align:right}#textoLargoRecibo{padding:1%}.reciboForm{display:flex;flex-direction:column}.containerRecibo{display:flex;flex-direction:column;padding:2% 3.5%;background-color:#444746;border-radius:50px;height:fit-content;color:#d9e6fa}.conceptoSugestions{width:100%;overflow:hidden;list-style:none;margin:0;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-color:#3c3c3c;color:#000;box-shadow:3px 2px #0000004d}.conceptoSugestions li{padding:5px;cursor:pointer}.smvmTable>tbody>tr>td:first-child{text-align:right}.containerMain{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;margin-bottom:auto;margin-top:1%}.headerMain{display:flex;flex-direction:row-reverse;padding:1%;position:relative;align-items:center}.containerMain>div{width:50%;display:flex;flex-direction:column;margin-top:2%}.quickAccess{display:flex;align-items:center;justify-content:space-around;margin-top:2%;flex-wrap:wrap}.quickAccess div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.5% .5% 2.5%;width:11%;overflow:hidden}.quickAccess div a{cursor:pointer;display:flex;flex-direction:column;color:#fff;align-items:center;text-decoration:none}.quickAccess div a span{margin:0;text-align:center}.containerMain>img{width:12%}.quickAccess div a span:first-child{padding:10px;border-radius:10px;background-color:#444746;color:#a8c7fa;margin-bottom:5%}.quickAccess div aspan:last-child{font-size:.8em}@media (max-width: 1440px){.containerMain>div{width:65%}.quickAccess div{width:12%}.containerMain>img{width:13%}}@media (max-width: 1200px){.containerMain>div{width:75%}.quickAccess div{width:15%}.containerMain>img{width:25%}}@media (max-width: 850px){.containerMain>div{width:50%}.quickAccess div{width:10%}.containerMain>img{width:12%}}.empresaSelectorContainer{display:flex;flex-direction:column;align-items:center}.empresaSelectorContainer p{font-size:small;margin:0}.empresaSelector{border-radius:10px;background-color:#444746;color:#fff;width:fit-content;padding:8px;cursor:pointer;z-index:10;margin-bottom:5px}.empresaSelector>div{list-style:none;position:absolute;margin:0;background-color:#282a2c;right:1%;padding:1%;border-radius:20px;top:100%;box-shadow:0 4px 8px #0003;text-align:center}.EmpresasOuterHandeler{position:absolute;top:0;right:0;bottom:0;opacity:0;display:block;width:100vw;height:100vh}.disabledOuter{display:none}.empresaSelector div ul{list-style:none;padding:0;margin:0;text-align:left}.empresaSelector div ul li{padding:5%;margin:0;color:#fff;cursor:pointer;background-color:#1b1b1b;border:1px solid rgb(40,42,44)}.empresaSelector div ul li:hover,.elegido{background-color:#37393b}.empresaSelector div ul li:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.empresaSelector div ul li:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.searchInput{padding:1.5% 6%;box-sizing:border-box;width:100%;border-radius:20px;border:none}.searchIcon{position:absolute;color:#9b9ea1;cursor:pointer;left:1%;top:22%}.searchInput:focus{outline:none}.searchBarContainer{position:relative;display:flex;align-items:center}.searchInputActive{border-bottom-left-radius:0;border-bottom-right-radius:0}.suggestions{position:absolute;top:100%;left:0;width:100%;overflow:hidden;list-style:none;margin:0;padding:0 0 10px;overflow:auto;z-index:12;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-color:#3c3c3c;color:#000;box-shadow:3px 2px #0000004d}.suggestions li{padding:1% 2.5%;cursor:pointer;display:flex;text-align:center;align-items:center;gap:2.5%;font-size:.9em}.suggestions li svg{color:#9b9ea1}.suggestions li:hover{background-color:#e9e9ea;border-top-right-radius:140px;border-bottom-right-radius:140px}.actionsRegisterContainer{display:flex;flex-direction:column;align-items:center;z-index:11}.actionsRegisterContainer p{font-size:small;margin:0}.actionsRegister{border-radius:10px;background-color:#444746;color:#fff;width:fit-content;padding:5px;display:flex;cursor:pointer;margin-bottom:5px}.ActionsOuterHandeler{position:absolute;top:0;right:0;bottom:0;opacity:0;display:block;width:100vw;height:100vh}.actionsRegister>div{position:absolute;margin:0;background-color:#282a2c;right:1%;padding:1%;border-radius:20px;top:100%;box-shadow:0 4px 8px #0003;text-align:center}.actionsRegister div table{width:100%;border-collapse:collapse;border-spacing:0}.actionsRegister div table thead tr th,.actionsRegister div table tbody tr td{color:#fff;padding-left:5px;padding-right:5px;text-align:center;border-bottom:1px solid rgb(68,71,70)}.actionsRegister div h3{margin-top:0}main{display:flex;flex:1;overflow-y:auto;justify-content:center;padding:10px 20px 20px;transition:margin-left .3s ease,transform .3s ease}.headerMain{display:flex;flex-direction:column;padding:1%;position:relative;align-items:center}.iconsContainer{display:flex;align-items:center;gap:10%;width:100%;justify-content:center}.searchBar{width:20%;margin-bottom:1%}.searchBar span{top:10%;left:1.5%}.openSomething{display:block}.searchBar .searchInput{padding:2% 10%}.homeIcon{border-radius:10px;background-color:#444746;color:#fff;padding:10px;display:flex;cursor:pointer;margin-bottom:5px}.recibosIcon{border-radius:10px;background-color:#444746;color:#fff;width:fit-content;padding:5px;display:flex;cursor:pointer}.homeIconContainer{display:flex;flex-direction:column;align-items:center}.homeIconContainer p{font-size:small;margin:0}.correctEmpresa>div{right:auto}.correctActionsRegister>div{right:auto}@media (max-width: 1440px){.searchBar{width:29%;margin-bottom:2%}}@media (max-width: 1200px){.searchBar{width:32%}}.empresaFormContainer{padding:4% 3.5%;background-color:#444746;border-radius:15px;height:fit-content;width:max-content;color:#d9e6fa;min-height:30%;display:flex;flex-direction:column;transition:.8s ease}.smvmFormContainer{padding:1% 2.5%;background-color:#444746;border-radius:25px;height:fit-content;color:#d9e6fa;min-height:30%;display:flex;min-width:20%;flex-direction:column;transition:.8s ease}@media print{.no-print{visibility:hidden}}