﻿
.lbtn {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    text-decoration: none;
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tituloPagina {
    font-weight: bold;
    font-size: 1.5em;
    padding: 3px 0 3px 3px;
    background-color: #e6e6e6;
    margin: 10px 0 10px 0;
    /*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px !important;*/
}


.Options {
    text-align: left;
    padding: 5px 0 5px 0;
}

.opcionesGenerales {
    text-decoration: none !important;
    border: 1px solid #999;
    background-color: #999;
    color: #FFF;
    padding: 1px 5px 1px 5px;
    margin: 5px;
}
.opcionesGenerales:hover {
    text-decoration: none !important;
    border: 1px solid #999;
    background-color: #999;
    color: #FFF;
    padding: 1px 5px 1px 5px;
    margin: 5px;
}
.ibtn {
    border: 1px solid transparent;
}

    .ibtn:hover {
        border: 1px solid #021a40;
        opacity: 0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }

/* Modal Procesando (SweetAlert) */
.sastid-swal-busy-container {
    z-index: 10050 !important;
}
.sastid-swal-busy .swal2-actions {
    display: none !important;
}
.sastid-swal-busy .swal2-loader {
    border-color: #0b3a75 transparent #0b3a75 transparent !important;
}

/* Busy panel DX (respaldo): debajo de SweetAlert */
.sastid-busy-panel,
.dxlpLoadingPanel_MaterialCompact0B6EC7.sastid-busy-panel,
.dxlpLoadingPanelWithContent_MaterialCompact0B6EC7.sastid-busy-panel {
    z-index: 1000 !important;
}
.dxlpLoadingPanel_MaterialCompact0B6EC7.sastid-busy-panel .dxlp-textDiv,
.dxlpLoadingPanelWithContent_MaterialCompact0B6EC7.sastid-busy-panel .dxlp-textDiv {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #142448 !important;
}
.dxlpLoadingPanelWithContent_MaterialCompact0B6EC7 + .dxlp-loadingPanelModal.sastid-busy-panel,
.dxlp-loadingPanelModal {
    z-index: 999 !important;
}
/* Si el modal global está activo, ocultar spinners nativos del control (evita doble). */
body.sastid-busy-active .dxgvLoadingPanel_MaterialCompact0B6EC7,
body.sastid-busy-active .dxgvLoadingPanelStatusBar_MaterialCompact0B6EC7,
body.sastid-busy-active .dxlpLoadingPanel_MaterialCompact0B6EC7:not(.sastid-busy-panel),
body.sastid-busy-active .dxlpLoadingPanelWithContent_MaterialCompact0B6EC7:not(.sastid-busy-panel),
body.sastid-busy-active .dxmLite_MaterialCompact0B6EC7 .dxm-loading,
body.sastid-busy-active [id$="_LP"],
body.sastid-busy-active [id$="_LD"] {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* SweetAlert: tamaños fijos en px (mismo en Layout.master y LayoutSNM) */
.sastid-swal-container {
    font-size: 16px !important;
    z-index: 10000 !important;
}
.sastid-swal-popup {
    padding: 28px 24px 24px !important;
    font-size: 16px !important;
}
.sastid-swal-icon {
    margin: 4px auto 12px !important;
    width: 56px !important;
    height: 56px !important;
}
.sastid-swal-icon .swal2-icon-content {
    font-size: 32px !important;
}
/* Pedido fincado: carrito (mismo gesto que fincar) + palomita */
.sastid-swal-icon-folio {
    border-color: #1565c0 !important;
    color: #1565c0 !important;
}
.sastid-swal-icon-folio .swal2-icon-content {
    font-size: 1em !important;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.sastid-swal-folio-fa {
    position: relative;
    display: inline-block;
    width: 1.35em;
    height: 1.15em;
    line-height: 1;
    color: #1565c0;
}
.sastid-swal-folio-fa > .fa-cart-plus {
    font-size: 1.35em !important;
    line-height: 1 !important;
}
.sastid-swal-folio-fa > .fa-check-circle {
    position: absolute;
    right: -0.35em;
    bottom: -0.2em;
    font-size: 0.72em !important;
    line-height: 1 !important;
    color: #2e7d32;
    background: #fff;
    border-radius: 50%;
}
.sastid-swal-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #142448 !important;
    padding: 0 8px 4px !important;
}
.sastid-swal-btn {
    font-size: 16px !important;
    font-weight: 600 !important;
    min-width: 112px !important;
    padding: 10px 20px !important;
    margin: 6px !important;
}
.sastid-swal-html {
    margin: 8px 0 0 !important;
}
.sastid-swal-folio-label {
    margin: 0 0 6px !important;
    font-size: 15px !important;
    color: #5c6b80 !important;
}
.sastid-swal-folio {
    margin: 0 0 12px !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #0b3a75 !important;
    word-break: break-all !important;
}
.sastid-swal-folio-detail {
    margin: 0 !important;
    font-size: 15px !important;
    color: #3d4f66 !important;
}
.sastid-swal-toast {
    padding: 16px 20px !important;
    font-size: 16px !important;
}
.sastid-swal-toast-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #142448 !important;
}
.sastid-swal-toast-icon {
    margin: 0 12px 0 0 !important;
    width: 36px !important;
    height: 36px !important;
}
.sastid-swal-toast-icon .swal2-icon-content {
    font-size: 22px !important;
}

/* Anti-flicker: UpdatePanel / DX loading */
#form1 {
    min-height: 1px;
}
.dxlpLoadingPanel,
.dxlpLoadingPanelWithContent {
    box-shadow: none;
}
.surtimex-popup-edit {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.surtimex-popup-edit .surtimex-popup-form {
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
}
.surtimex-popup-edit .surtimex-popup-actions {
    flex: 0 0 auto;
}

/* Iconos de acción: más grandes, sin fondo ni subrayado */
.surtimex-icon-btn.dxbButton,
.surtimex-icon-btn.dxbButton:link,
.surtimex-icon-btn.dxbButton:visited,
.surtimex-icon-btn.dxbButton:hover,
.surtimex-icon-btn.dxbButton:focus,
.surtimex-icon-btn.dxbButton:active,
.surtimex-icon-btn .dxb,
.surtimex-icon-btn .dxb-hb,
.surtimex-icon-btn .dxb-hbc,
.surtimex-page .dxgvCommandColumn .dxbButton,
.surtimex-page .dxgvCommandColumn .dxbButton:link,
.surtimex-page .dxgvCommandColumn .dxbButton:visited,
.surtimex-page .dxgvCommandColumn .dxbButton:hover,
.surtimex-page .dxgvCommandColumn .dxbButton:focus,
.surtimex-page .dxgvCommandColumn .dxbButton:active,
.surtimex-page .dxgvCommandColumn .dxbButton .dxb,
.surtimex-page .dxgvCommandColumn .dxbButton .dxb-hb,
.surtimex-page .dxgvCommandColumn .dxbButton .dxb-hbc {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    padding: 4px 6px !important;
    margin: 0 2px !important;
    min-width: 28px !important;
    min-height: 28px !important;
}
.surtimex-icon-btn.dxbButton:hover,
.surtimex-page .dxgvCommandColumn .dxbButton:hover {
    background: transparent !important;
    text-decoration: none !important;
    opacity: 0.8;
}
.surtimex-icon-btn img,
.surtimex-page .dxgvCommandColumn .dxbButton img {
    display: inline-block;
    vertical-align: middle;
    width: 22px !important;
    height: 22px !important;
}
.surtimex-icon-btn svg,
.surtimex-page .dxgvCommandColumn .dxbButton svg {
    width: 22px !important;
    height: 22px !important;
}
/* Font Awesome en botones de acción */
.surtimex-fa-btn,
a.surtimex-fa-btn,
a.surtimex-fa-btn:link,
a.surtimex-fa-btn:visited,
a.surtimex-fa-btn:hover,
a.surtimex-fa-btn:focus,
a.surtimex-fa-btn:active,
.surtimex-fa-btn.dxbButton,
.surtimex-fa-btn.dxbButton:link,
.surtimex-fa-btn.dxbButton:visited,
.surtimex-fa-btn.dxbButton:hover,
.surtimex-fa-btn.dxbButton:focus,
.surtimex-fa-btn.dxbButton:active {
    color: #1565c0 !important;
    text-decoration: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    padding: 4px;
    cursor: pointer;
}
.surtimex-fa-btn .dxb,
.surtimex-fa-btn .dxb-hb,
.surtimex-fa-btn .dxb-hbc {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding: 0 !important;
}
.surtimex-fa-btn i,
.surtimex-fa-btn .fas,
.surtimex-fa-btn .far {
    font-size: 1.4rem !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle;
}
/* Fincar / generar pedido: un poco más grande que editar/borrar */
.surtimex-group-actions .surtimex-fa-btn i,
.surtimex-group-actions .surtimex-fa-btn .fas {
    font-size: 1.65rem !important;
}
.surtimex-fa-btn.surtimex-icon-danger,
.surtimex-fa-btn.surtimex-icon-danger:link,
.surtimex-fa-btn.surtimex-icon-danger:visited,
.surtimex-fa-btn.surtimex-icon-danger:hover,
.surtimex-fa-btn.surtimex-icon-danger i {
    color: #c62828 !important;
    text-decoration: none !important;
}
.surtimex-row-actions,
.surtimex-group-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    margin-left: 8px;
    vertical-align: middle;
}
