body,html{width:100%;height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tramificacion-app{padding:20px}.tramificacion-controles-botones{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;margin-bottom:20px;background-color:#fff}.tramificacion-controles{display:flex;flex-wrap:wrap}.tramificacion-controles-demarc-sector{display:inline-block;padding:20px 30px;border:2px solid #ddd;border-radius:4px;margin-top:15px}.tramificacion-controles-spacer{width:30px}.tramificacion-controles-kms{min-width:250px}.tramificacion-controles-kms-label{display:block;color:#495057;font-size:16px;height:41px;line-height:2.4}.tramificacion-controles-demarc-sector-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;height:0;top:-33px;font-size:14px;color:grey;z-index:1000}.tramificacion-controles-demarc-sector-label span{height:30px!important;background-color:#fff;padding:3px}.tramificacion-botones{margin:10px 10px 0}.tramificacion-boton-menu{font-size:14px;font-weight:700;cursor:pointer;color:#1084ff;outline:0;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#tramificacion-menu-toggle{height:36px}@media(max-width:710px){.tramificacion-app{padding:20px 10px}.tramificacion-controles-demarc-sector-label{top:-34px;left:0}.tramificacion-botones{margin:10px 10px 0 0}.tramificacion-controles-spacer{width:0}}.tramificacion-select-group{display:flex;flex-wrap:wrap;justify-content:center}.tramificacion-select-group-filter-dropdown{margin:5px 5px 5px 0;width:400px}.tramificacion-select-group-filter{margin:5px 0;width:150px}#tramificacion-controles-carretera{min-width:550px}@media(max-width:710px){.tramificacion-select-group{display:flex;justify-content:left}}@media(max-width:550px){.tramificacion-select-group-filter-dropdown{max-width:unset;min-width:unset;width:100%}#tramificacion-controles-carretera{width:100%;min-width:unset}}.tramificacion-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;background-color:#fff;left:50%;top:50%;padding:15px 20px 20px;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,.5);transition:.2s;z-index:10000}.tramificacion-modal-short{max-width:460px}@media(max-width:1200px){.tramificacion-modal-long{width:60%}}@media(max-width:900px){.tramificacion-modal-long{width:70%}}@media(max-width:750px){.tramificacion-modal-long{width:85%}}@media(max-width:600px){.tramificacion-modal{width:100%}}.tramificacion-modal-fondo{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;transition:.2s}.tramificacion-modal-fondo-open{background-color:rgba(0,0,0,.4)}.tramificacion-modal-fondo-close{background-color:transparent;pointer-events:none}.tramificacion-modal-header{display:flex;justify-content:space-between;font-size:24px;font-weight:600}.tramificacion-modal-header-closer{cursor:pointer;font-weight:800;color:grey;outline:0;border-radius:2px;vertical-align:middle}.tramificacion-modal-header-closer:hover{color:#0069d9}.tramificacion-modal-footer{display:flex;justify-content:flex-end}.tramificacion-modal-footer button{margin-left:10px}.tramificacion-tabla{font-size:12px;margin:10px 0!important}.tramificacion-tabla tr td{height:35px}.tramificacion-tabla-header{background-color:#5e5e5e;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tramificacion-tabla-numero{text-align:center}.tramificacion-tabla-carretera,.tramificacion-tabla-numero,.tramificacion-tabla-provincia,.tramificacion-tabla-sector{vertical-align:middle!important}.tramificacion-tabla-carretera{min-width:80px}.tramificacion-tabla-gestora,.tramificacion-tabla-tipo-via,.tramificacion-tabla-titular{vertical-align:middle!important}.tramificacion-tabla-tipo-via{min-width:60px}.tramificacion-tabla-nivel{text-align:center;min-width:90px;vertical-align:middle!important}.tramificacion-tabla-equiv,.tramificacion-tabla-tronco{text-align:center;min-width:105px;vertical-align:middle!important}.tramificacion-tabla-kmequiv,.tramificacion-tabla-kmtronco{text-align:center;min-width:70px;vertical-align:middle!important}td.tramificacion-tabla-distancia,td.tramificacion-tabla-equiv,td.tramificacion-tabla-kmequiv,td.tramificacion-tabla-kmtronco,td.tramificacion-tabla-nivel,td.tramificacion-tabla-tronco{text-align:right;padding-right:15px!important}.tramificacion-tabla-distancia{text-align:center;min-width:110px;vertical-align:middle!important}.tramificacion-tabla-campo{text-align:center;min-width:81px;vertical-align:middle!important}.tramificacion-tabla-campo,.tramificacion-tabla-campo-asc,.tramificacion-tabla-campo-desc{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.tramificacion-tabla-campo-asc:after{border-bottom:6px solid #fff}.tramificacion-tabla-campo-asc:after,.tramificacion-tabla-campo-desc:after{content:"";float:right;margin-top:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.tramificacion-tabla-campo-desc:after{border-top:6px solid #fff}.tramificacion-tabla-pk{text-align:center;width:70px;min-width:70px;vertical-align:middle!important}td input{width:70px;max-width:70px;text-align:right;border:none;background-color:transparent;font-weight:600;padding-right:10px;outline:0;transition:.5;border-radius:2px}td input:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.tramificacion-tabla-inputpk{cursor:text}.tramificacion-tabla-inputpk-disabled{cursor:not-allowed}.tramificacion-tabla-botones{min-width:75px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;height:20px;vertical-align:middle!important}.tramificacion-tabla-boton{font-size:22px;cursor:pointer;color:#1084ff;margin:0 4px;vertical-align:middle!important;outline:0;border-radius:2px}.tramificacion-tabla-boton:hover{color:#0069d9}.tramificacion-tabla-boton:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.tramificacion-tabla-boton-disabled{font-size:22px;cursor:not-allowed;color:#75b5fa;margin:0 5px;vertical-align:middle!important}.tramificacion-tabla-pre{display:flex;align-items:center;justify-content:space-between;max-width:calc(100% - 2px)}.tramificacion-tabla-pre button{font-weight:bolder;font-size:20px;padding:0 10px 2px}.tramificacion-tabla-checkbox-numeroregistros{display:flex;flex-wrap:wrap-reverse;align-items:flex-end;min-width:250px}label[for=tramificacion-checkbox-ramales]{font-size:13px}.tramificacion-tabla-numeroregistros{margin:10px 20px 0 0;font-size:13px;display:flex;align-items:flex-end;min-width:250px}.tramificacion-tabla-checkbox{margin-top:15px}.tramificacion-tabla-numeroregistros span{margin:4px}.tramificacion-tabla-numeroregistros div{width:70px}.tramificacion-props-checkboxgroup{width:500px;display:flex;justify-content:space-between;flex-wrap:wrap}.tramificacion-props-checkboxgroup .custom-checkbox{width:45%}@media(max-width:530px){.tramificacion-props-checkboxgroup .custom-checkbox{width:100%}}.tramificacion-inputgroup{width:100%;max-width:580px;display:flex;margin-bottom:10px}.tramificacion-inputgroup-filter{max-width:150px;margin-left:5px}@media(max-width:1100px){.tramificacion-inputgroup-filter{max-width:120px}}@media(max-width:900px){.tramificacion-inputgroup-filter{max-width:100px}}@media(max-width:600px){.tramificacion-inputgroup-filter{max-width:80px}}.tramificacion-inputgroup-text{max-width:120px}.tramificacion-login{max-width:300px}div.tramificacion-login div.input-group input{margin-bottom:5px}.tramificacion-login-button{margin-top:5px}