#idRHome--FormDashboard_1--Grid {
    padding: 0 !important;
}

#idRMain_PCG--idIconTabBarNoIcons-containerContent .sapMPage > section,
#idRMain_PG--idIconTabBarNoIcons-containerContent .sapMPage > section {
    position: initial !important;
}

#idRMain_PG--idPage .sapMPage > section,
#idRMain_PCG--idPage .sapMPage > section {
    position: initial !important;
}


.toolbarColorWise {
    background: #00205B !important;
}

.toolbarColorCydsa {
    background: #00205B !important;
}

.toolbarTextColor {
    color: #ffffff !important;
    font-size: 17px;
}

.sapMTitle {
    font-weight: bold;
}

.textLoginCopyright {
    font-size: 10px;
}

.tileLayout {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sapMBtnEmphasized {
    background: #00205B !important;
    border-color: #00205B !important;
}

.sapMSwtOn {
    background: #f3f4f5 !important;
    border-color: #f3f4f5 !important;
}

.sapMImageContentImageIcon {
    color: #f3f4f5 !important;
}

.ZsapMLnkTP {
    color: #f3f4f5 !important;
}

.iconFilter {
    color: #f3f4f5 !important;
}

.iconFilter .sapMTileCntFtrTxt {
    color: #f3f4f5 !important;
}

.loginPage {
    background-image: url("fondoViso.png");
    background-size: cover; /* Ajusta la imagen al tamaño del contenedor */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

#loginFlexBox {
    overflow: hidden;
}

.loginContainer {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 35%;

    min-width: 350px;
}

.spinnImgSup {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    max-height: 30%;
    max-width: 30%;
}
.sapUiForm .mbsc-control {
    width: 97%;
    max-width: 98%;
    position: relative;
    vertical-align: top;
    outline: none;
    height: 2.45rem;
    margin: 0.25rem 0 0.25rem 0;
    border: 1px solid #bfbfbf;
    background: #ffffff;
    padding-left: 0.625rem;
    font-size: 0.875rem;
    font-family: "72", Arial, Helvetica, sans-serif;
}

.TntTool_sinBorde {
    padding-left: 0rem !important;
}
.TntTool_conBorde {
    padding-left: 3rem !important;
}
.sapMListTblSubCntValBlock {
    display: inline-block !important;
    float: right !important;
    text-align: right !important;
}
.BtnNegritaSub {
    font-weight: bold;
    text-decoration: underline;
}


#idPageDialog .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
    text-align: start !important;
}

Estilo alineado {
    overflow-x: hidden;
    overflow-y: auto;
}
/*Animación menú*/
.tile-hover-effect {
    position: relative;
    transition: all 0.3s ease;
}

.tile-hover-effect:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px);
}

.tile-hover-effect img {
    width: 100%;
    height: auto;
    transition: filter 0.5s ease;
}

/*Texto encima del efecto del fondo*/
.tile-hover-effect .sapMTileContent {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

/* Estilo para resaltar el título */
.tile-hover-effect .sapMTileContentText {
    position: relative;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.7); /* Fondo semitransparente del texto*/
    padding: 5px 10px;
    border-radius: 5px;
    pointer-events: none; /* Permite que el clic pase al contenedor padre */
}

/* Estilos de desvanecimiento y desenfoque */
.tile-hover-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 0;
    pointer-events: none; /* Permite que el clic pase a través */
}

.tile-hover-effect:hover::before {
    opacity: 1;
}

.no-fade {
    transition: none !important;
}
/*No click*/
.non-clickable {
    pointer-events: none;
}

/* Prueba Vertical Table*/

  
  .innerTable {
    margin-top: 10px;
    border: 1px solid #ddd;
  }
  .providerPanel {
    margin: 5px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  }

/* Contenedor principal con diseño horizontal y ajuste automático */
.flexContainer {
    display: flex;
    flex-wrap: wrap; /* Permite pasar a una nueva fila horizontalmente */
    justify-content: flex-start; 
  }
  
  /* Cada tarjeta ocupará hasta el 23% para que entren 4 horizontalmente */
  .card {
    box-sizing: border-box;
    flex: 0 0 23%; /* Cada tarjeta ocupa 23% del ancho disponible */
    margin: 5px; /* Espaciado entre cada tarjeta */
    border: 1px solid #ccc; /* Opcional: Añade un borde para mejor visibilidad */
    padding: 10px; 
  }

.navTitleItem > .sapTntNavLIText {
    font-weight: bold;
    pointer-events: none;
    cursor: default;
}