:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --brown: #703B06;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --soft-white: #b5b5bf;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #139ebb!important;
    --hov-primary: #5da099!important;
    --primary-ligth: #96C11F!important;
    --hov-primary-ligth: #F7A516!important;
    /* --soft-primary: rgba(247, 123, 11, 0.15); */
    --soft-primary: #1b859b;
    --secondary: #F9B233;
    --soft-secondary: rgba(143, 151, 171, 0.15);
    --success: #0abb75;
    --soft-success: rgba(10, 187, 117, 0.15);
    --info: #25bcf1;
    --soft-info: rgba(37, 188, 241, 0.15);
    --warning: #ffc519;
    --soft-warning: rgba(255, 197, 25, 0.15);
    --danger: #ef486a;
    --soft-danger: rgba(239, 72, 106, 0.15);
    --light: #f2f3f8;
    --soft-light: #dfdfe6;
    --dark: #111723;
    --soft-dark: rgba(42, 50, 66, 0.15);
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

/*pagination*/
.aiz-pagination-center .pagination {
    -ms-flex-pack: center;
    justify-content: center;
}
.aiz-pagination-right .pagination {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.aiz-pagination .pagination {
    margin-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagination .page-link,
.page-item.disabled .page-link {
    min-width: 36px;
    min-height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    border: 0;
    font-size: 0.875rem;
    border-radius: 50% !important;
    color: var(--dark);
}

.pagination .page-item {
    margin: 0 10px 0 0;
}

.pagination .active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}
.pagination .page-link:hover {
    background-color: var(--primary);
    color: rgb(10, 102, 194);
}



.cursor-auto{
    cursor: auto!important;
}
.ms-n1{
    margin-left: -.25rem !important;
}

.text-year-campaign{
    margin-top: 11px!important;
    margin-left: 5px!important;
}

/* Small Tables */

.table.table-sm th,
.table.table-sm td {
    padding: 0.3rem 0.5rem!important;
}
.table.table-sm th:first-child,
.table.table-sm td:first-child {
    padding-left: 0.75rem!important;
}
.table-sm > :not(caption) > * > * {
    padding: 0.3rem 0.5rem!important;
}

/* Dropzone custom */
/* Estilo general del contenedor Dropzone */
.dropzone {
    border: 2px dashed var(--primary) !important; /* Borde azul */
    background-color: #f8f9fa; /* Fondo gris claro */
    border-radius: 10px; /* Bordes redondeados */
    padding: 20px; /* Espaciado interno */
    text-align: center;
}

/* Cambiar color cuando el usuario arrastra un archivo sobre el Dropzone */
.dropzone.dz-drag-hover {
    background-color: #e3f2fd !important; /* Azul claro */
    border-color: var(--primary) !important;
}

/* Personalizar mensaje dentro del Dropzone */
.dz-message {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* Personalizar los archivos que se han subido */
.dz-preview {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Estilizar el botón de eliminar archivo */
.dz-remove {
    color: var(--danger) !important;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

/* Cambiar el color del texto de los archivos subidos */
.dz-filename {
    color: var(--primary);
}
/* Título del mensaje dentro del Dropzone */
.dropzone-msg-title {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary); /* Azul */
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Descripción del mensaje dentro del Dropzone */
.dropzone-msg-desc {
    font-size: 14px;
    color: #555; /* Gris oscuro */
    font-style: italic;
    margin-top: 5px;
}
.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}
.dropzone .dz-preview .dz-remove:hover {
    text-decoration: none!important;
}
.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone .dz-preview .dz-progress {
    top: auto!important;
    bottom: 20%!important;
}

/* Asegurar que los mensajes de error estén en línea con el archivo */
.dropzone .dz-preview .dz-error-message {
    position: absolute;
    right: -150px; /* Ajusta este valor según necesites */
    top: 50%;
    transform: translateY(-50%);
    width: 140px; /* Ajusta el ancho según el mensaje */
    background: var(--danger);
    color: white;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
}

/* Para evitar que se superponga en pantallas pequeñas */
@media (max-width: 768px) {
    .dropzone .dz-preview .dz-error-message {
        right: 0;
        left: 0;
        top: auto;
        bottom: -20px; /* Vuelve a la posición original en móviles */
        transform: none;
    }
}

.dropzone .dz-preview .dz-progress {
    opacity: 0.3!important;
}

@media (max-width: 768px) {
    .container-ribbon {
        --d: 6px; /* folded part */
        --c: blue; /* color */
        --f: 12px; /* ribbon font-size */

        width: auto;
        height: 180px;
        position: relative;
        display: inline-block;
        margin: 20px;
    }

    .container-ribbon::before {
        content: attr(data-ribbon);
        position: absolute;
        font-size: var(--f);
        top: 0;
        right: 0;
        transform: translate(29.29%, -100%) rotate(45deg);
        color: #fff;
        text-align: center;
        border: 1px solid transparent;
        border-bottom: 0;
        transform-origin: bottom left;
        padding: 5px 35px calc(var(--d) + 5px);
        background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
            no-repeat var(--c);
        background-clip: padding-box;
        clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);
        -webkit-mask: linear-gradient(135deg,transparent calc(50% - var(--d) * 0.707),#fff 0) bottom left,
            linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
        -webkit-mask-size: 300vmax 300vmax;
        -webkit-mask-composite: destination-in;
        mask-composite: intersect;
    }

    .fc-toolbar-title {
        font-size: 1rem !important;
    }

    /* Botones de navegación: mes, semana, día, hoy */
    .fc .fc-button {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
    }

    /* Botones de flechas de navegación */
    .fc .fc-button-group > .fc-button {
        font-size: 0.75rem !important;
    }

    /* Ajustar espaciado del toolbar */
    .fc-toolbar {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}

@media (min-width: 769px) {
    /* ribons */
    .container-ribbon {
        --d: 6px; /* folded part */
        --c: blue; /* color */
        --f: 16px; /* ribbon font-size */

        width: auto;
        height: 180px;
        position: relative;
        display: inline-block;
        margin: 20px;
    }

    .container-ribbon::before {
        content: attr(data-ribbon);
        position: absolute;
        font-size: var(--f);
        top: 0;
        right: 0;
        transform: translate(29.29%, -100%) rotate(45deg);
        color: #fff;
        text-align: center;
        border: 1px solid transparent;
        border-bottom: 0;
        transform-origin: bottom left;
        padding: 5px 35px calc(var(--d) + 5px);
        background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
            no-repeat var(--c);
        background-clip: padding-box;
        clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);
        -webkit-mask: linear-gradient(135deg,transparent calc(50% - var(--d) * 0.707),#fff 0) bottom left,
            linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
        -webkit-mask-size: 300vmax 300vmax;
        -webkit-mask-composite: destination-in;
        mask-composite: intersect;
    }
}


.left::before {
    left: 0;
    right: auto;
    transform: translate(-29.29%, -100%) rotate(-45deg);
    transform-origin: bottom right;
}

.description-table-responsive{
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    white-space: normal;
}

/* Select2 */
.filter-div .select2-selection--multiple {
    min-height: 27px !important;
}

.rectificated > td{
    background-color: #ff000040!important;
}

/*Flecha para mis trabajos*/
.my-tasks.hr-arrow {
    position: relative;
    overflow: hidden
}

.my-tasks.hr-arrow .go-corner {
    background: var(--dynamic-color);
    color: #fff;
    display: flex;
    position: absolute;
    transform: skew(7deg);
    top: 0;
    height: 100%;
    width: 36px;
    padding-right: 9px;
    transition: all 0.3s ease-out;
    right: -14px
}

.my-tasks.hr-arrow .go-arrow {
    transform: skew(-7deg);
    margin-left: -2px;
    margin-top: 9px;
    opacity: 1
}


.my-tasks.hr-arrow:hover svg,.my-tasks.hr-arrow:hover .title {
    color: var(--dynamic-color)
}