@import url(https://fonts.googleapis.com/css2?family=Cabin:ital,wght@1,500&family=Josefin+Sans&display=swap);:root{--color1:#fff;--color2:#063970;--color3:skyblue}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:var(--color1);font-family:Cabin,Josefin Sans,sans-serif}a{text-decoration:none}.confirm-cancel-container,.edit-delete-container{align-items:center;display:flex}.confirm-cancel-container{gap:24px}.btn{background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;transition:opacity .5s;width:32px}.btn:hover{cursor:pointer;opacity:.5}.add-btn{background-image:url(https://img.icons8.com/ios/50/undefined/add--v1.png)}.add-btn,.minus-btn{height:40px;width:40px}.minus-btn{background-image:url(https://img.icons8.com/ios/50/undefined/minus.png)}.enter-btn{background-image:url(https://img.icons8.com/ios/50/undefined/enter-2.png);height:60px;margin:20px 10px;width:60px}.edit-btn{background-image:url(https://img.icons8.com/ios/50/undefined/edit--v1.png);margin:8px}.delete-btn{background-image:url(https://img.icons8.com/dotty/80/undefined/delete-forever.png);margin:8px;padding:2px}.confirm-btn{background-image:url(https://img.icons8.com/ios/50/undefined/verified-account.png);height:40px;width:40px}.cancel-btn{background-image:url(https://img.icons8.com/ios/50/undefined/cancel.png);height:40px;width:40px}.status-btn{cursor:pointer;transition:opacity .5s}.status-btn:hover{opacity:.5}.nav-container{align-items:center;background-color:var(--color2)}.links-container,.nav-container{display:flex;justify-content:center}.nav-link{border-radius:8px;color:#f0f8ff;font-size:20px;padding:8px 20px;transition:.5s}.nav-link:hover{background-color:var(--color1);color:var(--color2)}.nav-link[data-allowed=false]:hover{background-color:rgba(255,0,0,.3);color:#f0f8ff;cursor:not-allowed}.btn-menu{height:30px;padding:5px 20px;width:30px}.btn-menu svg{fill:#f0f8ff}.btn-menu:hover{cursor:pointer}.btn-menu svg:hover{fill:#063970}.about-contact-container{display:flex;justify-content:flex-end}.main-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.beam-link-container{align-items:center;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;justify-content:space-around;margin:16px 0;padding:16px;width:92%}.StatusLights{align-items:center;display:flex;flex-direction:column;justify-content:center}.light{border:2px solid #000;border-radius:50%;height:12px;margin:8px 0;width:12px}.red-light[light=on]{background-color:red;box-shadow:0 0 .25em red,0 .25em 1em red}.yellow-light[light=on]{background-color:#ff0;box-shadow:0 0 .25em #ff0,0 .25em 1em #ff0}.green-light[light=on]{background-color:green;box-shadow:0 0 .25em green,0 .25em 1em green}.red-light[light=off]{background-color:rgba(255,0,0,.1)}.yellow-light[light=off]{background-color:rgba(255,255,0,.1)}.green-light[light=off]{background-color:rgba(0,128,0,.1)}.beam-link-modify{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;width:85%}.beam-link-modify[data-modify-status=add]{box-shadow:0 5px 15px rgba(0,255,0,.8)}.beam-link-modify[data-modify-status=edit]{box-shadow:0 5px 15px rgba(255,255,0,.8)}.beam-link-modify[data-modify-status=add]:before{background-color:rgba(0,0,0,.1);border-radius:10px;color:#0f0;content:"New Beam";padding:4px}.beam-link-modify[data-modify-status=edit]:before{background-color:rgba(0,0,0,.2);border-radius:10px;color:#ff0;content:"Edit Beam";padding:4px}.beam-dimensions-main-container{display:flex;justify-content:space-around}.beam-name-container{display:flex;justify-content:center}.beam-dimensions-container,.select-steel-profile-main-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}label{margin:0 8px 0 0}.beam-dimensions{width:40px}.profile-details-container{align-items:center;display:flex;justify-content:space-between}.profile-img{background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;width:200px}.profile-img-HEA{background-image:url(https://www.prontubeam.com/imagenes/Perfiles/HEA.png)}.profile-img-HEB{background-image:url(https://www.prontubeam.com/imagenes/Perfiles/HEB.png)}.profile-img-HEM{background-image:url(https://www.prontubeam.com/imagenes/Perfiles/HEM.png)}.profile-img-IPE{background-image:url(https://www.prontubeam.com/imagenes/Perfiles/IPE.png)}.profile-img-IPN{background-image:url(https://www.prontubeam.com/imagenes/Perfiles/IPN.png)}.profile-img-UPN{background-image:url(https://www.prontubeam.com/imagenes/Perfiles/UPN.png)}.modify-valid-message{color:red}.msg-main-container{background-color:rgba(0,0,0,.5);height:99vh;left:0;position:fixed;top:0;width:99vw}.msg-container,.msg-main-container{align-items:center;display:flex;justify-content:center}.msg-container{background-color:#fff;border-radius:20px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);flex-direction:column;height:30%;width:40%}.beam-page-container{margin:auto;max-width:900px;padding:0 8px}.beam-details-container{align-items:center;display:flex;padding:0 20px 0 60px}.img-status-container{display:flex}.details-text-container{width:100%}.details-text-container h2{text-align:center}.details-text-sub-container ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.supports_loads-container{display:flex;gap:16px;justify-content:space-around;margin-bottom:16px}.loads-cruds-main-container,.supports-cruds-main-container{align-items:center;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:16px;padding-bottom:12px;width:100%}.beam-crud-title{margin:8px 0 4px}.beam-crud-main-container{grid-gap:16px;align-items:center;border-top:1px solid #000;display:grid;gap:16px;grid-template-columns:1fr 2fr;justify-content:center;padding-top:16px;width:100%}.btns-beam-crud-container{gap:24px}.btns-beam-crud-container,.edit-delete-beam-crud-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.beam-crud-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}span.title{text-decoration:underline}.property{color:gray}.length-crud-container{align-items:center;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;justify-content:center;margin:16px 0;width:100%}.length-beam-text{margin:8px}.beam-input{border-radius:8px;margin:8px;width:80px}.create-mode-btn-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));width:100%}.create-mode-btn{background-color:inherit;margin:8px;padding:8px;transition:background-color .5s}.create-mode-btn:hover{background-color:var(--color1);cursor:pointer}
/*# sourceMappingURL=main.89dbce41.css.map*/