body {
    
}

.Contenido
{
    margin-top:70px;
    margin-bottom:35px;
    border:1px solid #eee;
    padding:0.5em 0 0.5em 0;     
}

.PaddingFila
{
    padding:0.3em 0 0.3em 0;     
}

.BordesTab
{
    margin-top:0;
    padding-top:0;    
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}

.TituloSubSeccion
{
    font-size:1em;
    font-weight:bold;
}

.bordes
{ 
    border:1px solid red;
}

.NoPadding
{
    padding:0;
}

.Domingo
{
    text-align:center;
    background:#F00;
    font-weight:bold;
    padding:0.3em;
}

.Centrado
{
    text-align:center;    
}

.Laborable
{
    text-align:center;
    font-weight:bold;
    padding:0.3em;
}

.Baja
{
    text-align:center;
    background:#CFC;
    font-weight:bold;
    padding:0.3em;
}

.Prevista {
    text-align: center;
    background: #0F0;
    font-weight: bold;
    padding: 0.3em;
}

.Baja_trabajado {
    text-align: center;
    background: #F0F;
    font-weight: bold;
    padding: 0.3em;
}

.cssPager td {
    padding-left: 4px;
    padding-right: 4px;
}

/* -- ModalPopupExtender y panel --*/

.Velo
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: Black;
    z-index: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;    
}

.bg-status-abierto {
    background-color: #f8d7da;
    color: #721c24;
}

.bg-status-asignado {
    background-color: #f1b9c4;
    color: #721c24;
}

.bg-status-atendiendo {
    background-color: #fff3cd;
    color: #856404;
}

.bg-status-espera {
    background-color: #ffeaa7;
    color: #856404;
}

.bg-status-cerrado {
    background-color: #d4edda;
    color: #155724;
}

.PopupMessage
{    
     position:fixed;
    top:40%;
    left:35%;
    margin-left:-75px;
    margin-top:-35px;    
    width: 300px;
    height: 140px;
    right: 340px;
    border-radius: 8px 8px 8px 8px;   	
}

/* --- media queries ---*/
@media screen and (max-width:1360px) 
{
    .Contenido {
        margin-top: 210px;
    }

    .NoPadding
    {
        padding:5%;
    }
}

/* --- media queries ---*/
@media screen and (max-width:736px) 
{
    .Contenido {
        margin-top: 70px;
    }
}

/* Barra rápida de soluciones */
.solucion-quickbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 15px 10px;
}

.btn-solucion {
    position: relative !important;
    display: inline-block !important;
    padding: 6px 18px 6px 14px;
    margin-top: 4px;
    border: none;
    border-radius: 4px;
    background: #0d6efd;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-solucion:hover {
        filter: brightness(0.85);
        color: #fff !important;
        text-decoration: none !important;
    }

    .btn-solucion.activo {
        background: #0a58ca;
        outline: 2px solid #fff;
    }

/* El globito de notificación */
.badge-abiertos {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 50%;
    background: #fd7e14; /* naranja, igual que en tu diseño */
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    border: 2px solid #1a1a2e; /* borde oscuro para que resalte sobre el fondo */
    box-sizing: border-box;
}

    /* Si no hay abiertos, ocultar el globito directamente */
    .badge-abiertos.cero {
        display: none;
    }