body {
    height: 100%;
    padding: 0 0 0 0;
    /*background: #F2F2F2;*/
    /*height: 100vh; */
}
content {
    min-height: calc(100vh - 70px);
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.title-highlight {
    text-transform: capitalize;
    font-weight: bold;
    color: #2185d0;
    /*text-decoration: underline;*/
}

#menu-app,
#menu-app .header,
#menu-app .content {
    background: #2185d0;
}

.container {
    padding: 10px 10px;
}

.content .buttons {
    margin-top: -0.5rem;
}

h3 {
    padding-left: 0.5rem;
    font-weight: 400;
    color: #363637;
}

.title-bar {
    margin-bottom: 1rem;
}

.title-page {
    font-size: 1.3rem;
    padding-left: 0.3rem;
    font-weight: 400;
    color: #363637;
    float: left;
}

.app {
    background: #ffffff !important;
}

.app a {
    padding-top: 1rem;
}

/* Table */
/* .ui.table th,
.ui.table td {
    padding: 8px 5px !important;
} */

.ui.table thead tr th {
    color: #4183c4;
}

.ui.pagination.menu .active.item {
    border-top: none;
    padding-top: 0.92857143em;
    background-color: #288b8e;
    color: #fff !important;
    box-shadow: none;
}

/* div.dt-container .dt-paging .dt-paging-button:active{
    background-color: #288b8e;
    color: #fff;
    box-shadow: none;
} */

div.dt-container .dt-paging .dt-paging-button:hover {
    background-color: #288b8e3e;
    color: #288b8e;
    box-shadow: none;
}

.ui.table td {
    padding: 3px 5px !important;
}

.no_records {
    text-align: center !important;
    padding: 5rem 5rem !important;
    width: 100%;
}

td.actions {
    white-space: nowrap;
}

.search-result {
    padding-left: 1rem;
}

th.checkbox {
    width: 10px;
}

/* View Details */
.definition td:first-child {
    text-align: right !important;
    padding-left: 2rem !important;
}

.definition td:last-child {
    padding-right: 2rem !important;
}

.definition td:first-child::after {
    content: ":";
}

.text strong::after {
    content: ":";
}

.text blockquote {
    padding: 1rem 1rem;
    margin: 0 0 1rem 0.2rem;
    border-left: 2px solid #cccccc;
}

/** scrolling in table **/
.scrolling {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Paginator */
.paginator {
    text-align: right;
    margin-top: 5px;
}

.pagination {
    /*display: flex;
    justify-content: center;*/
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 0;
    /*border: 1px solid #CCCCCC;*/
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    margin: 0 0.1rem;
    /*border: 1px solid #e3e3e3;*/
    padding: 5px 5px;
    /*background: #e0e1e2;*/
}

.pagination li a:hover,
.pagination li.active a {
    background: #2ea4b5;
    color: #ffffff;
    border-radius: 3px;
}

.pagination li.disabled a,
.pagination li.disabled a:hover {
    color: #cccccc;
    background: none;
}

.prev.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
}

.asc:after {
    content: " \2193";
}

.desc:after {
    content: " \2191";
}

/* Tickets */
.index .column {
    padding: 1rem 1rem;
}

.box-select {
    padding: 2rem 2rem;
    height: 100%;
    /*box-shadow:inset 0px 1px 0px 0px #ffffff;*/
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    /*cursor:pointer;
	text-decoration:none;*/
    text-shadow: 0px 1px 0px #ffffff;
    box-shadow: 0px 10px 14px -7px #ddd;
}

.box-select:hover {
    border: 1px solid #1f73b7;
    /*border: 1px solid #999;*/
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background: #f6f6f6;
    position: relative;
    top: -5px;
}

.hd-title,
.hd-desc,
.hd-img {
    text-align: center;
}

.hd-img img {
    width: 60%;
}

.hd-title {
    font-size: 1.7rem;
    color: #2c3e50;
    font-weight: bold;
    margin: 1rem 0;
}

/* Tabs */

/* Image */
.user-img {
    width: 90px;
    /*float: left;*/
    margin: 0 5rem 0 0;
    padding: 0 0;
}

/* Login */
.body-login.ui.grid {
    background-image: url("../img/silver-blur-background.jpg");
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    background-repeat: repeat;
}

.login.main .container {
    height: 100vh;
    padding: 14px 10px;
}

.login-image {
    background-size: cover;
    background-image: url("../img/bgloginlogo.png");
    padding: 2px;
    background-position: center;
}

.login.helpdesk {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #f2f2f2;
    height: 17px;
}

.login.helpdesk > svg {
    height: 26px;
    margin: 2px;
}

/* Footer */
footer {
    /*padding-bottom: 2em;*/
    margin-top: 3em;
    height: 70px;
    background: #f2f2f2;
}

.copyright {
    /*margin: 2rem 2rem;*/
    font-size: 0.875em;
    color: #606c76;
    text-align: center;
}

.company {
    /*background: #4caf50;
    padding: .3rem .5rem;*/
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.3rem;

    background: #005073;
    padding: 1px 5px;
}

.company:hover {
    color: #ffffff;
    background: #00d172;
}

/* .ui.mini.buttons .button,
.ui.mini.buttons .dropdown,
.ui.mini.buttons .dropdown .menu>.item,
.ui.mini.buttons .or,
.ui.ui.ui.ui.mini.button,
.ui.menu:not(.vertical) .item>.button {
    font-size: 1rem !important;
} */

/* Icons */

.star {
    color: #ffce2c;
}
.star.inactive {
    color: #363637;
}

/* STEP ADD Tickets */
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;

    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.completed .step-counter {
    background-color: #4bb543;
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #4bb543;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

/* ***** */
#drop_file {
    background: #ffffff;
    border: 2px dashed #cccccc;
    padding: 1rem 0;
}

.ui.menu .ui.dropdown .menu > .item {
    padding: 0.78571429rem 1.14285714rem !important;
}

.ticketPopUp img {
    max-width: 450px;
}

.ticketLog img {
    max-width: 450px;
}

.popupTicketDescription {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 1rem 0;

    @supports (-webkit-line-clamp: 5) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

#chartsAlltickets .ui.dimmer {
    z-index: 2 !important;
}

#upBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    border: none;
    outline: none;
    background-color: #5ebd5e;
    /* Set a background color */
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    /* Rounded corners */
}

#upBtn:hover {
    background-color: #555;
}
/*
.blink{
    animation: blinkingText 2s infinite;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: blinkingText;
}*/

/* New CSS */
.blink {
    color: #000;
    animation: blinkingText 2s infinite;
}
@keyframes blinkingText {
    0% {
        background-color: none;
    }
    100% {
        background-color: #f6ea0a;
    }
}

#main-menu .item:hover,
#adminmenu .item:hover {
    background: #f7f7f7;
    padding-left: 1em;
    /*background: #f9fafb;*/
}
main:not(.login) {
    margin-top: 3em;
}

.container-cards {
    display: flex;
    justify-content: center;
    /*border: 1px solid #CCCCCC;*/
}
.item-card {
    /*border: 1px solid red;*/
    padding: 5px 5px;
    margin: 5px 10px;
}
.item-card .value {
    text-align: center;
    font-size: 2.8rem;
    margin-bottom: 10px;
}
.item-card .label {
    text-align: center;
    /*border: 1px solid red;*/
    /*font-size: 1.3rem;*/
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}
.inactive {
    color: gray;
}
.sub-header {
    position: relative;
    top: -o.75em;
}
/*#ticketsTable {
    border: 1px solid #999999;
}*/
#ticketsTable th {
    background: #eeeeee;
    /*border-bottom: 2px solid #000000;*/
}
/*#ticketsTable th a {
    color: #FFFFFF;
    text-align: center;
}*/
#ticketsTable tbody tr:hover {
    background: #e1ecf4;
}
#ticketsTable tbody tr:hover td:first-child {
    border-left: 2px solid #2185d0;
}
#ticketsTable tbody tr:hover td:last-child {
    border-right: 2px solid #2185d0;
}
.ticket-number {
    color: #0303b6;
}
.user-afectado {
    border-right: 2px solid #e7e8e9;
    margin-right: 1em;
    width: 200px;
    margin-right: 1em;
    /*background: #f7f7f7;*/
}
.user-afectado img {
    padding: 1px;
}
/*
#description > blockquote {
}*/
#description > strong {
    font-size: 1.2em;
}

.mytickets.index {
    margin-top: 2em;
}
.cuadrito {
    /* padding-top:3px;
    padding-bottom:3px;
    padding-right:3px;
    padding-left:3px; */
    padding: 5px 4px;
    border: 1px groove #4b4b4b;
    border-radius: 2px;
}
/* Base de conocimientos */
.navy.button {
    background-color: #283747 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}
.navy {
    color: #283747;
}

/* treeSortable */

#tree ul {
    padding: 0.1em 0;
    list-style-type: none !important;
    margin: 0;
}

#tree li {
    list-style-type: none;
}

#tree .form-input {
    width: 100%;
    border: 1px solid #ddd;
    outline: none;
    padding: 8px;
    border-radius: 6px;
}

#tree .button {
    background: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    padding: 5px;
    width: 20px;
    height: 20px;
}

#tree .button:hover {
    transform: scale(1.2);
}

.tree-branch .branch-editor {
    display: none;
}

.tree-branch {
    margin-bottom: 0;
    position: relative;
    user-select: none;
    max-height: 58px;
}

.tree-branch > .contents .branch-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 1px 2px 1px 0 #288b8e8c;
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); */
    border-radius: 3px;
    min-height: 20px;
    max-width: 450px;
    width: 100%;
    position: relative;
    padding: 10px 15px;
    height: auto;
    gap: 12px;

    line-height: 2.3076923;
    overflow: hidden;
    word-wrap: break-word;
}

.tree-branch > .contents .branch-wrapper .left-sidebar {
    display: flex;
    gap: 12px;
    align-items: center;
    max-width: 280px;
    width: 100%;
}

#tree .right-sidebar {
    opacity: 0;
    transition: 0.3s;
}

#tree .branch-wrapper:hover .right-sidebar {
    opacity: 1;
}

.tree-branch > .contents .branch-wrapper .left-sidebar {
    cursor: pointer;
}

.tree-branch > .contents {
    clear: both;
    line-height: 1.5;
    position: relative;
    margin: 10px 0 0;
}

#tree .contents .branch-drag-handler {
    cursor: move;
}

#tree .branch-drag-handler .icon {
    color: #504e4e;
    margin-right: 5px;
}

#tree .sortable-placeholder {
    border: 1px dashed rgb(63, 63, 63);
    height: 35px;
    max-width: 450px;
    width: 100%;
    margin-top: 10px;
}

.tree-branch.ui-sortable-helper .contents {
    margin-top: 0;
}

.tree-branch.ui-sortable-helper .children-bus .contents {
    margin-top: 10px;
}

.tree-branch .children-bus:empty {
    display: none;
}

.tree-branch {
    margin-left: var(--tree-sortable-branch-left-shift);
}

#tree .children-bus {
    margin-left: var(--tree-sortable-children-left-shift);
}

#tree .ui-sortable-placeholder {
    margin-left: var(--tree-sortable-branch-left-shift);
}

/* lineas  */
#tree .branch-path {
    display: block;
    position: absolute;
    width: var(--tree-sortable-depth);
    min-height: 72px;
    bottom: 50%;
    left: -12px;
    border: 2px solid #565656;
    border-top: 0;
    border-right: 0;
    padding: 4px 0 0;
    padding-top: 3px;
    border-bottom-left-radius: 6px;
    z-index: -1;
}

/* aparte tree */
::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
:-moz-focusring {
    outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
    box-shadow: none;
}

/* COMUNICADOS  */
.comunicados.view.content {
    .fondito {
        background: rgb(23, 3, 64) !important;
        background: linear-gradient(
            0deg,
            rgba(23, 3, 64, 1) 0%,
            rgba(3, 17, 64, 1) 100%
        ) !important;
    }

    .cuadrito {
        width: 100%;
    }

    .amarillo {
        color: #031140;
        text-align: center;
        /* CODEPEN */
        width: 60%;
        margin-bottom: -8%;
        margin-left: 20%;
        /* z-index: -1; */
        position: relative;
    }

    .amarillo > h1 {
        font-weight: 400;
        font-size: 3.5em;
        margin-bottom: 0;
        padding-top: 0.4em;
    }

    .amarillo > h3 {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.5em;
    }

    .amarillo > .text.fecha {
        font-size: 1em;
        font-family: sans-serif;
        padding-bottom: 0.5em;
        font-style: italic;
        text-transform: capitalize;
    }

    .contenedor * {
        font-family: "Contrail One", serif;
        color: #031140;
    }

    .blanco {
        margin-left: 1em !important;
        margin-right: 1em !important;
        background-color: white;
        padding: 1em;
        /* linea amarilla */
        /* border-bottom: .5em solid #ffd231; */
    }

    .titulo {
        margin-top: 1.8em;
        /* text-align: center; */
        font-size: 1.8em;
        width: 100%;
    }

    .to {
        margin-top: 1.5em;
        font-size: 1.5em;
        word-break: break-all;
    }

    .ui.card {
        width: auto;
    }

    .prioridad {
        display: flex;
        margin-top: 3em;
        /* align-items: self-end; */
        /* text-align: right; */
        justify-content: space-between;
    }

    .gauge {
        flex-direction: column;
        align-items: flex-end;
        /* width: fit-content !important; */
    }

    .cuerpo {
        text-align: justify;
        font-size: 1.3em;
    }

    .cuerpo img {
        /* display: flex; */
        max-width: -webkit-fill-available;
        height: auto;
    }

    .atte {
        text-align: center;
        font-size: 1.8em;
        line-height: normal;
        margin-bottom: 2em;
    }

    .logoTony {
        display: flex;
        justify-content: flex-end;
        /* text-align: right; */
        /* margin-top: 1.5em; */
    }

    .elaborado {
        /* color: white; */
        margin-top: 3em;
        font-size: 1.3em;
    }

    #comunicadoLogo {
        transform: translate(0px, 0px) rotate(-30deg);
        margin-top: -1.5em;
    }

    @media print {
        .ui.inverted.borderless.top.fixed.fluid.menu,
        .ui.blue.button,
        .ui.disabled.button,
        .ui.mini.compact.buttons,
        footer,
        .c-toolbar__button img {
            display: none;
        }

        .ui.column.grid > [class*="nine wide"].column,
        .ui.grid > .column.row > [class*="nine wide"].column,
        .ui.grid > .row > [class*="nine wide"].column,
        .ui.grid > [class*="nine wide"].column {
            width: 80% !important;
        }
    }
}

.ui.modal#comunicadosModal > .scrolling.content,
#checadorModal > .scrolling.content,
#comedorModal > .scrolling.content {
    max-height: calc(100vh - 10rem);
}

.swiper-button-prev {
    height: 4px !important;
    width: 4px !important;
}

.swiper-button-next {
    height: 4px !important;
    width: 4px !important;
}

/* */
/* Panel Intranet */

.home.index.content .ui.pointing.menu {
    font-size: 1.1em;
}

#panel img {
    /* border-radius: 15px; */
}

.shadow {
    box-shadow: -1px 3px 4px 0px rgba(127, 127, 127, 0.24),
        0px 0px 8px 0px rgba(127, 127, 127, 0.7) !important;
}

.f11 {
    font-size: 1.11em;
}
.f13 {
    font-size: 1.3em !important;
}
.f12 {
    font-size: 1.2em !important;
}

.image.checador {
    height: 4em !important;
    margin-bottom: 0 !important;
}

/* Swiper arrows */
:root {
    --swiper-navigation-size: 1.5em !important;
}

.swiper-slide.comedor img {
    width: 70%;
}

#panel .ui.centered.cards {
    width: 100%;
}

/* nueva opcion */
#checador .description {
    margin-top: 1em;
    margin-bottom: 1em;
}

#checador .clock {
    /* background-color: #4d9fa1;
    background-color: #221f1e;
    background-color: #54504e;
    background-color: #444953;
    background-color: #6a4e8d; */
    /* background-color: #27292a; */
    background-color: teal;
    /* Gris Intra */
    /* background-color: #3d3e3f; */
    color: white;
    border-radius: 0.3em;
    font-weight: bold;

    position: relative;
    width: 110% !important;
    left: -5%;
    padding: 1em 0.8em;

    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 0.5em 1em rgba(150, 150, 150, 0.2);
    font-size: 2.2vw;
    /* font-size: 2.5em; */
}

.clock .time {
    display: flex;
    align-items: center;
    /* font-family: Quantico, "Orbitron"; */
}

#panel .buttons {
    font-size: 2.2vw;
}

#checador .button .check {
    color: #016936;
}

#checador .button .close {
    color: #db2828;
}

#checador .button .table {
    color: teal;
}

#checador .button {
    background-color: #f2f2f2;
    color: #27292a;
}

/* #checador .button:hover {
    color: #f2f2f2;
    background-color: #27292a;
} */

/* Aniversarios */

#aniversarios .card {
    flex-wrap: wrap;
    /* align-items: center; */
}

canvas.confetti {
    /* height: 18vw !important; */
    position: absolute;
    /* height: fit-content !important; */
    width: 100%;
}

.image.personal {
    /* background: linear-gradient(to top left, transparent 50%, rgba(0,212,255,1) 50%) !important; */
    /* background: linear-gradient(
        to top left,
        transparent 50%,
        #0094b561 50%
    ) !important; */
    /* height: 12vw; */
    /* position: fixed; */
    display: flex;
    justify-content: center;
    /* width: 100%; */
    /* top: 0; */
    justify-self: anchor-center;
    background-color: transparent !important;
    /* background-repeat: repeat-x;
    background-position: top -10px center;
    background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 862ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 793ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 600ms infinite ease-out; animation-delay: 271ms; animation-duration: 581ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 868ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 577ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 608ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 795ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 575ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 691ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(300px); %7D %7D %3C/style%3E%3C/svg%3E%0A"); */
}

@font-face {
    font-family: "Heartland Sans";
    src: url("../font/heartland-sans.eot");
    src: url("../font/heartland-sans.eot?#iefix") format("embedded-opentype"),
        url("../font/heartland-sans.woff2") format("woff2"),
        url("../font/heartland-sans.woff") format("woff"),
        url("../font/heartland-sans.ttf") format("truetype"),
        url("../font/heartland-sans.svg#Heartland Sans") format("svg");
}

@font-face {
    font-family: "Contrail One";
    src: url(../font/ContrailOne-Regular.ttf);
}

@font-face {
    font-family: "Dancing Script";
    src: url("../font/DancingScript-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Licorice";
    src: url("../font/Licorice-Regular.ttf");
}

@font-face {
    font-family: "Orbitron";
    src: url("../font/Orbitron-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Quantico";
    src: url("../font/Quantico-Regular.ttf");
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("../font/RobotoCondensed-VariableFont_wght.ttf");
}

#panel .felicitacion {
    box-shadow: none;

    display: inline-flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;

    .image.personal > img {
        width: 8vw;
        margin-bottom: 1em;
        border-radius: 1em;
    }

    .nombre {
        color: #004aad !important;
        font-family: "Heartland Sans" !important;
        font-weight: 400 !important;
        font-size: 1.3vw !important;
    }

    .puesto {
        color: #db2828;
        font-family: "Roboto Condensed";
        font-size: 1.2vw !important;
    }

    .felicidades {
        margin-top: 0.5em !important;
        color: #00a39a;
        font-size: 3.8vw;
        line-height: 3.8vw;
        font-family: "Dancing Script";
    }

    /*  */
    .description {
        margin-top: 1em;
        font-weight: bold;
        color: #004aad !important;
        font-family: "Heartland Sans" !important;
        font-weight: 400 !important;
        font-size: 1.4vw !important;
        max-width: 65%;
        justify-self: center;
        line-height: normal;
    }

    .años {
        color: #db2828;
    }

    .extra.content {
        font-size: smaller;
    }

    .imagen {
        margin-top: 1em;
        width: 30%;
    }

    .image {
        width: 90% !important;
        justify-self: center;
    }

    .texto {
        width: 70%;
    }
}

.ingreso {
    margin-top: 1vh;
    text-align: right;
    color: gray;
    font-size: 1vw;
}

.felicitacion {
    box-shadow: none;
    display: inline-flex;
    width: 100%;

    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.pastel {
    display: inline-block;
    max-width: 6vw;
    margin-top: 1em;
}

#docsRecientes,
#comunicadosList {
    font-weight: bold;
}

#docsRecientes ul,
#comunicadosList ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    text-transform: uppercase;
}

#docsRecientes .fecha,
#comunicadosList .fecha {
    align-items: center;
    text-align: center;
    text-transform: uppercase;
}

#docsRecientes .botones {
    text-align: center;
    display: flex;
    align-items: center;

    .pdf {
        color: #004aad;
    }

    .image {
        color: teal;
    }

    .table {
        color: blue;
    }
}

#avisos {
    width: 85% !important;
}