html {
    scroll-behavior: smooth;
}
html,
.fullscreen {
display: flex;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}          
body { 
    font-family:  sans-serif, 'Open Sans';
    font-size: 0.77em;  
    color: #070d48;
}
@font-face {
    font-family: 'Material Icons';
    font-display: block;
  }
.foto {
    height: 30px;
    width: 30px;
    clip-path: circle(15px at center);
}
#core {
    overflow: auto;
}

@media (pointer: coarse) { 
    input {
        font-size: 1.1em !important;
    } 
    .hoja {
        height: 40px !important;
    }  
    .hojaContainner {
        height: 40px;
    }
 }
 @media (pointer: fine) { 
    input {
        font-size: 1em !important;
    } 
    .hoja {
        min-height: 39px;    
    }  
    .descripcion {
        padding-bottom: 5px;
        padding-top: 11px;
        font: 400 13.3333px Arial;
        font-size: 1em !important;
        font-family: 'Open Sans';
    }
 }
/* rgb(247 251 251) */
.borderBottom {  
   border-radius: 0px;
   border-width: 0px;
   border-style: solid;
   border-bottom-width: 1px !important;
   border-color: rgba(22, 193, 202, 0.3333333333333333);
}

input, .codigo input, .descripcion {
    border-radius: 0px;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 1px !important;
    /*border-color: rgba(22, 193, 202, 0.3333333333333333);*/
    border-color: rgb(144 144 144 / 7%);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
}

.proxyNodo .placeholder {
    color: #00000000;
    user-select: none;
    pointer-events: none;
}
.proxyNodo .tipo, .proxyNodo .levelToggle {
    opacity: 0;
}
.proxyNodo .levelToggle, .proxyNodo .medicionToggle{
    display: none;
}

.codigo .levelToggle{
    background-color: #055e72;
}


.arbolcontainner {
    /*padding-bottom: 105px;
    margin-bottom: 30px;*/
    overflow: auto;    
    
}
.arbolcontainner .hoja {
    /*padding-bottom: 105px;
    margin-bottom: 30px;*/
    overflow: inherit;    
    
}
.contextmenu {
    flex-direction: row;
    display: flex;
    background-color: #f0f0f0;
}
.contextmenu .contextItem {
    padding: 6px; 
}
.contextmenu .bigButtons .contextItem {
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
.headerShowItem {
    padding: 5px
}
.headerShowItem:hover {
    background: #fff
}
#editor_panel {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}
.toolbar_editor {
    z-index: 3;
    height: 40px;
    background: #fff;
    width: 100%;
    top: 0;
}
.canvas_containner {
    position: fixed;
    left: 0;
    top: 30px;
    z-index: 5;
}
.toolbar, .hint {
    background-color: #05748c;
    /*background: #055e72;
    background: linear-gradient(90deg, rgba(0,87,117,1) 0%, #0ea3b2 100%);
    */
}
.toolbar {
    border: none;
    z-index: 1;
    /*
    box-shadow: 0 0 30px #00000045;*/
    user-select: none;     
    -ms-user-select: none;
    -webkit-user-select: none;
}
.toolbar-inner {
    /*height: 90px;
    box-shadow: 0 1px 0px #093b5fad;*/
    /*padding: 0px 0px 3px 0px; */
}
.toolbar-inner .toolbar_buttons button {
    border: solid 1px transparent;
}
.toolbar-containner {
    padding: 10px 10px 5px 10px;
    /*margin: 0px 0px 6px 0px; 
    box-shadow: 0 0 1px #02384a;*/
}
.selectedField:not(.codigo) {
    background-color: #fffae4;
}
.menu button:hover {
    color: #02384a !important;
}
.n1, .n0 {
    font-weight: 600;

}
.toolbar-containner {
    height: 35px;
    overflow: hidden;
}

.toolbar button, .toolbar_editor button, .abrirPresupuestosView .header button {
    border: none;
    height: 35px;
    padding: 10px 20px;
    background: none;
    color: #fff;

}



.toolbar button:hover, .abrirPresupuestosView .header button:hover {
    padding: 9px 19px;
    background: #ffffff33;
    border: solid 1px #ffffff33;
}

.toolbar_editor button, .abrirPresupuestosView .header button {
    background: #055e72;
}
.yellow {
    background-color: rgb(253, 236, 158);
}

.hint {
    color: #fff;
}
.hint2 {
    color: #013562;
    padding-left: 10px;
}
body {
    overflow: hidden;
}
.hide {
    width: 0 !important;
}
.shadow {
    box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 4px;
}
.left_panel {
    position: fixed;
    left: 10px;
    top: 70px;
    width: 200px;
    height: 100%;
    z-index: 6;
    overflow: hidden;
    padding: 10px;
    background: rgba(255, 255, 255, 0.041);
    color: #fff;
}
.poly_view_item {
    display: flex;
    flex-direction: row;
}
.button_color {
    width: 15px;
    height: 15px;
    border: none;
    min-width: 0;
    min-height: 0;
}
.carrito input {
    min-width: 0px;
}

.hojaHeader {
    height: 27px;
    color: #013562;
    padding-top: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: #0000004a 0 0 2px;
    background: #fff;
    z-index: 1;
}

.hoja input {
    cursor:default;
}
.hoja input:focus {
    background-color: #0caadc !important;
    color: #fff !important;
    cursor: auto;
}
.hoja input:active {
    background-color: #0caadc !important;
    color: #fff !important;
}
.hojaDesglose {
    min-height: 0;
}
.hojaDesgloseCompras {
    padding: 10px;
}
.hojaDesgloseCompras input {
    padding: 10px;
}
.hojaDesgloseCompras button {
    background: transparent;
}





.codigo .toggle:hover {
    background-color: #ffffff55; 
}
.cantidadInput button {
    background-color: #16c1ca55;
}
.categoriasInput .item {
    cursor: pointer;
    color: #0e9595;
    padding: 10px 5px 5px 5px;
    font-size: 0.9em;
}
.categoriasInput .item:hover {
    background-color: #ff0000;
    color: #f5f5f5;
}
.categoriasInput .item input {
    min-width: none;
}
button {
    border: none;
    padding: 10;
}
.popup {
    -webkit-box-shadow: 4px 2px 9px 10px rgba(0,0,0,0.212);
    -moz-box-shadow: 4px 2px 9px 0px rgba(0, 0, 0, 0.212);
    box-shadow: 4px 2px 9px 0px rgba(0,0,0,0.212);
    /*border: solid 1px #ccc;*/
    overflow: hidden;
    flex-direction: column;
    display: flex;
}
.abrirPresupuestosView {
    background-color: #fff;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.abrirPresupuestosView .header {
    background: #055e72;
    color: #fff;
    padding: 20px;
}
.abrirPresupuestosView .header {
    background: #055e72;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.abrirPresupuestosView .item {
    height: 30;
    /*border-bottom: solid 1px #055e7260;*/
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}
.abrirPresupuestosView .item:hover {
    background-color: #fdec9e !important;
}

.contextItem  {
    padding-top: 5px;
    padding-bottom: 5px;
}
.contextItem:hover  {
    background-color: #fdec9e !important;
}
.tipo_menu {
    padding: 5px;
    display: flex;
    flex-direction: column;
    background-color: #f0f0f0;
}
.tipo_menu button {
    height: 31px;

}
.tipo_menu button:hover {
    background-color: #013562;
    color: #ffffff
}
.red {
    border: solid 1px #ff0000 !important;
}
.rowView input {
    flex: 1;
    min-width: 0;
    height: 25px;
}
.rowSubtotalView {
    background-color: #fdec9e !important;
    font-weight: 600;
    height: 30px;
}
.header {
    height: 30px;
}
.header_column .label {
    padding: 10px 2px;
}
.header_column .resize_helper {
    width: 11px;
}
.header_column .resize_helper .line {
    background-color: #c4e4ff;
    height: 100%;
    width: 1px;
    margin: 0px 5px;

}
.column {
    display: flex;
    flex-direction: column;
}
.row {
    display: flex;
    flex-direction: row;
}
.flex { flex: 1; min-width: 0; }
.flex2 { flex: 2; min-width: 0; }
.flex3 { flex: 3; min-width: 0; }
.flex4 { flex: 4; min-width: 0; }
.flex5 { flex: 5; min-width: 0; }
.center {
    text-align: center;
}
.underline {
    border-width: 0px;
    border-bottom-width: 1px;
    border-color: rgb(144 144 144 / 7%);
    border-bottom-style: solid; 
}
.openToggleButtom {
    cursor: pointer;
    width: 20px;
    min-width: 20px;
    margin-left: 20px;
    background-color: "transparent";
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;    
    padding-top: 10px;
}
#toolbarOffset {
    transition: 0.2s ease;
}
#leftbar {
    transition: 0.2s ease;
    z-index: 9000;
    height: 100%;
    position: fixed;
    background-color: white;
}
.gridview {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.gridview input {
    background: #fff !important;
}
.input input{
    border: solid 1px #0055ff !important;
}
.desgloseView {
    display: flex;
    flex-direction: column;
    background-color: #f0f0f0;
}
.desgloseViewItem .header {
    overflow: hidden;
}
.medicionView {
    height: 100%;
    overflow: auto;
    box-shadow: 1px 1px 14px #0000001f;
}
.medicionView-inner {
    padding: 10px;
    box-shadow: inset 0px 0px 0px 1px #0000001a;
}
.medicionView input{
    padding: 2px;
}
.editorCodigoLineaColumna {
    width: 35px; 
    padding-top: 10px;
    padding-left: 5px;
    font-size: 10px;
}
.editorCodigoLineaNumero {
    height: 14px;
}
.finderSelect {
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    background-color: #fff;
    display: flex;
    flex-direction: "row";

}
.finderSelect select { 
    height: 40px;
    flex: 1;
    background-color: #09b4c5;
    color: #fff;
    border: none;
    padding-left: 10px;
}
.abrirCompras {
    border: none;
    background-color: #f5f5f5
}
.rama {
    animation: slide-up 0.4s ease;
    transform-origin: top;
}
@keyframes slide-up {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;

    }
}

input[type=text], input.text {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;    
    box-shadow: none !important;
}

input[type=text]:focus {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;    
    box-shadow: none !important;
}

.tabMannager {
    height: 0;
}
.tab_header {
    user-select: none;
    padding: 10px 25px;
    border-right: solid 1px #0000001a;
    box-shadow: #0000008c 3px 4px 11px;
    background: #05516a
}
.tab_header:hover {
    color: white;
    background: #0c8ca9;
}
.tab_header:hover img {
    filter: invert(100%)
}
.tabMannager .openned {
    background: #05455a /*#055e72;*/;
    color: white;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.tabMannager .openned:hover {
    background: #0c8ca9;
}

.finder_item {
    display: flex;
    background-color: #ffffff;
    flex-direction: row;
    height: 25px;
    margin-bottom: 10px;
    margin-left: 5px;
}

img {
    image-rendering: -webkit-optimize-contrast;
}
.left_bar_item button {
    background: #fff;
}
.left_bar_item input {
    border: none;
    min-width: 0;
}
.left_bar_item .circle {
    background: #055E72;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.left_bar_item .circle2 {
    background: #055E72;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}
.left_bar_item .item_valor, .left_bar_item input {
    font: 400 12px Arial;
}
.left_bar_item .item_valor {
    padding-top: 8px;
}



.shadow {
    box-shadow: 2px 3px 3px 0px #000000;
}
.footer {
    height: 30px;
    box-shadow: 0 -1px 1px 0px #0000001f;
    background: #f3f3f3;
}
.ingresa_button {
    background: #ffb300;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
    border: none;
    font-size: 1em;
    font-weight: 600;
    border-radius: 5px;
    width: 200px;
}


.generador {
    padding: 10px;
}
.generador .item {
    display: flex;
    flex-direction: row; 
    padding: 10px;
    max-width: 300px;
}

.generador .generadorLabel {
    width: 200px;
}

.generador input, .generador select {
    padding: 5px;
    min-width: 0px;
}

.generador .generarButton:hover, .generador .generarButton:focus {
    background-color: #013562;
    color: #ffffff;
    outline: none;
}

.generador .generarButton {
    flex: 1;
}

.generador .vistaPrevia .item {
    padding: 5px;
}

.finder3 input:focus {
    background-color: transparent !important;
    color:#000000 !important;
}
.finder3 input {
    background-color: transparent !important;
    color:#000000 !important;
    outline: none;
    padding: 10px 20px;
    height: 35px;
    width: 100%;
}
.hojaSeleccion {
    background-color: #fdec9e
}
.hojaNotSeleccion {
    background-color: rgb(247 247 247)
}
.vistaPresupuestos, .vistaConceptos  {
    overflow: auto;
}
.vistaPresupuestos .navigationItem, .arbol2 .navigationItem {
    cursor: pointer;
    height: 24px;
    padding: 7px;
    color: rgba(33, 32, 34, 0.575)
}

.vistaPresupuestos .navigationHeader, .arbol2 .navigationHeader {
    cursor: default;
    height: 24px;
    padding: 7px
}

.vistaPresupuestos .navigationItem:hover,  .arbol2 .navigationItem:hover {
    background-color: #013562;
    color: #ffffff
}
.exportarMenu button {
    color: #000000 
}

.exportarMenu button:hover {
    background-color: #013562;
    color: #ffffff
}
.resizeButton {
    cursor:e-resize;
    width: 9px;
}
.gridUiItem {
    /*overflow: hidden;*/
    height: 36px;
}
.gridUiItem .gridItem {
    height: 35px;
    align-self: start;

    border-bottom: #f3f5fa 1px solid;
}



.gridItem {
    display: flex;
    flex-direction: column;
}
.gridItem div[contentEditable] {
    padding: 8px;
   
}
.gridItem div[contentEditable]:focus {
    background-color: #ffffff;
    outline: none;
    z-index: 5;
    padding: 6px;
    border: #1a73e8 solid 2px;

}
.gridItem .toggle {
    padding: 8px;
    color: rgb(255, 255, 255); 
    text-align: right; 
    padding: 9px 10px 5px 5px; 
    cursor: pointer;
    z-index: 5;
    height: 35px;
    overflow: hidden;
    
}
.gridItem .toggle:hover {
    height: 35px;    
}
.gridItem:focus-within .placeholder {
    visibility: hidden;
}
.placeholder {
    color: #777777;
    font-weight: 100;
    font-style: italic;
    overflow: hidden;
    /*position: absolute;*/
}
/*
.gridUiItem.selected {
    background-color: #fdec9e;
}
.gridUiItem:not(.selected) {
    background-color: rgb(247 247 247);
}
.gridUiItem.unselected {
    background-color: rgb(247 247 247);
}

.gridUiItem {
    background-color: rgb(247 247 247);
}
*/

.codigoField .openToggleButtom {
    background-color: #ffffff;
    cursor: pointer;
    width: 20px;
    min-width: 20px;
    margin-left: 0px;
    padding-left: 18px;
    background-color: "transparent";
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;    
    padding-top: 10px;
}
.levelToggle {
    z-index: 5;
   
}
.levelToggle:hover {
    background-color: #ffffff55; 
}
.disableDrawer .gridui .drawer {
    pointer-events: none;
}
.gridUiItem {
    transition: all .1s ease;
}
.disableDrawer .ghost {
    z-index: 8;
    box-shadow: 0px 5px 10px #0000001c;
    height: 70px;
    transform: translate(0, -10px);

}
.disableDrawer .gridui:has(.ghost) .gridUiItem:not(.ghost){
    opacity: 0.7;
}
.gridui .dragged {
    height: 0;
}

.gridUiItem .n0 {
    font-weight: 500;
}

.c.solo .texto{
    color : rgb(21, 113, 115);
    font-style: italic;
}
.gridUiItem:not(.solo) .valor {
    font-weight: 500;
}
 /*
.gridUiItem:not(.solo) {
   background: #fafbfc;
}*/
.gridUiItem.n1Null:not(.solo) {
    background: #f5f5fa55;
}
.gridUiItem.n2Null:not(.solo) {
    background: #f0f0f678;
}


.arbol2 .headers {
    height: 30px;
    padding: 5px;

    margin-bottom: 10px;
    box-shadow: 0px 2px 12px 4px #00000011;
}
.arbol2 .headers .headerItem {
    overflow: hidden;
    cursor:default;
    user-select: none;     
    -ms-user-select: none;
    -webkit-user-select: none;
    height: 100%;
}

.arbol2 {
    outline: none;
    border-right: solid 1px #cccccc;
}

.medicionToggle {
    background-color: #013562;
}
.card {
    box-shadow: 1px 1px 5px #00000011;
    border: solid 1px #00000022;
    background: #ffffff;
}
.nunidad {
    font-weight: 100;
}
.columnResize {
    height: "100%";
    width: 10px;
    border-left: solid 1px #01356255;
    cursor: ew-resize !important;
}
.columnasContextMenu .item {
    padding: 6px 25px;
}
.columnasContextMenu .item:hover {
    background-color: #f0f0f0;
}
.columnasContextMenu .item.primary {
    background-color: #013562;
    color: #ffffff;
}
.columnasContextMenu .item.primary:hover {
    background-color: #013562d0;
    color: #ffffff;
}
.nooutlines {
    outline: none;
}
.nooutlines:focus {
    outline: none;
}
.pad5 {
    padding: 5px
}
.hover {
    cursor: default;
}
.hover:hover {
    background-color: #013562;
    color: #ffffff;
}
.purble  {
    color: rgb(161, 0, 126) !important
    
}
.cell {
    border: #00000011 solid 1px;
    padding: 6px;
    outline: none;
}
.medicionesView:focus-within .cell.selected, .cell:focus-within {
    border: #0256a7 solid 1px;

}

.text0:empty::after {
    content: "0";
    color:rgba(0, 0, 0, 0.518);
    font-style: italic;
}
.textdescripcion:empty::after {
    content: "descripcion";
    color:rgba(0, 0, 0, 0.518);
    font-style: italic;
}
.googleLoginButton {
    width: 100%;
    height: 47px;
    background-size: cover !important;
    background: url("/images/btn_google_signin_light_normal_web@2x.png")
}
.googleLoginButton:hover {
    background: url("/images/btn_google_signin_light_focus_web@2x.png")
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.focusInside {
    border: solid 2px #ff0000;
}
.focusInside.focusInside::inside .focusInside_blur {
    display: none;
}

.disableDrawer .gridWeaverCanvas  {
      pointer-events: none;
      display: none;
}

.tag {
    background-color: #E3F2FD;
    color: #1976D2;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
}