* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
    -ms-word-wrap: break-word;
    -o-word-wrap: break-word;
    word-wrap: break-word;
}

html {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
div,
p,
li,
span,
strong,
body,
td,
th,
a {
    font-family: 'Poppins';
}

.f-inter {
    font-family: 'Inter';
}

.f-segoe {
    font-family: 'Segoe UI';
}

.f-roboto {
    font-family: 'Roboto';
}

.c-blue {
    color: #003579;
}

.c-black {
    color: #000000;
}

.c-blue-other {
    color: #0087FF;
}

.c-blue-sky {
    color: #3B82F6;
}

.c-border-blue {
    border-color: #0087FF !important;
}

.c-muted {
    color: #707070;
}

.uk-light {
    color: #ffffff;
}

.c-red {
    color: #CD2E29;
}

.btn-blue {
    background: #003579 !important;
    color: #ffffff !important;
    border: 2px solid #003579 !important;
}

.btn-yellow {
    background: #FFBA00 !important;
    color: #ffffff !important;
    border: 2px solid #FFBA00;
}

.btn-blue:hover {
    background: #ffffff !important;
    color: #003579 !important;
}

.animation-3 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.animation-5 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.fw-6 {
    font-weight: 600;
}

a {
    transition: all 0.3s;
}

@media screen and (min-width: 768px) {
    .uk-flex-medium {
        display: flex;
    }
}

.toolbar {
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
    display: none;
}

.view-more {
    cursor: pointer;
    font-weight: 500;
}

.content-more {
    transition: all 0.3s ease-in-out 0s;
    transform: translateY(-140%);
    position: absolute;
    background: #ffffff;
    left: 0;
    z-index: 99;
    padding: 15px;
    display: none;
}

    .content-more.active {
        transform: translateY(0);
        display: block;
        width: 100%;
    }

.toolbar p {
    position: relative;
    z-index: 1;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.uk-container-medium {
    max-width: 1320px !important;
}


img.bandera {
    max-width: 30px;
    object-fit: contain;
}

img.bandera-min {
    object-fit: cover;
    height: 14px;
    margin-right: 6px;
}

.content-icon {
    border-radius: 50%;
    width: 100%;
    max-width: 40px;
    height: 40px;
    background: #003579;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

.options > ul {
    list-style: none;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

body .header-menu {
    position: relative;
    z-index: 9;
    width: 100%;
}

body {
    background: #F8F8F8;
}

body.wfp .header-menu, body.wfp .content-menu,
body.WFP .header-menu, body.WFP .content-menu,
body.admin .header-menu, body.admin .content-menu,
body.Admin .header-menu,  body.Admin .content-menu  {
    position: relative;
    background: rgb(0 56 118 / 100%);
}

.content-menu {
    /* position: absolute; */
    width: 100%;
    z-index: 9;
    background: rgb(0 56 118);
    padding-top: 10px;
    padding-bottom: 10px;
}


@media screen and (max-width: 769px) {

    .options {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .options {
        display: flex;
        align-items: center;
        justify-content: right;
    }
}


.logo > a > img {
    width: 100%;
    max-width: 280px;
    object-fit: contain;
    height: 62px;
}

body.registrate br {
    display: none;
}

.logo-footer {
    text-align: center;
}

.logo-footer img {
    object-fit: contain;
    max-width: 180px;
    width: 100%;
    height: 62px;
}

.content-more span.close.uk-icon {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    color: #003579;
}

.logo > img {
    width: 100%;
    max-width: 135px;
}

.switch-lang button.uk-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    width: 90px;
}


    .switch-lang button.uk-button > img {
        margin-right: 5px;
    }

    .switch-lang button.uk-button span.uk-icon {
        display: block;
    }

.switch-lang .uk-dropdown.uk-open {
    min-width: 120px;
    padding: 0px;
    left: -15px !important;
    border-radius: 5px;
}

.lang-options > a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
}

    .lang-options > a > img {
        margin-right: 15px;
        height: 30px;
    }


.content-menu button.uk-button {
    background: transparent;
    padding: 0px;
    line-height: 0;
}

.options > ul > li {
    position: relative;
    line-height: 34px;
    padding: 0px 8px;
    margin: 0px 8px;
}

    .options > ul > li:last-child {
        margin-right: 0px;
        padding-right: 0px;
    }


    .options > ul > li:nth-child(3) > a {
        position: relative;
        text-decoration: none;
    }

        .options > ul > li:nth-child(3) > a::before {
            position: absolute;
            content: '';
            left: auto;
            bottom: -5px;
            height: 2px;
            width: 0;
            right: 0;
            background: #d32b2b;
            transition: all 0.3s;
        }

        .options > ul > li:nth-child(3) > a:hover::before {
            width: 100%;
            right: auto;
            left: 0;
        }

    .options > ul > li:nth-child(4) {
        border-right: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
    }

span.uk-light.uk-icon > svg {
    width: 34px;
}



.switch-lang > span {
    margin-left: 5px;
}

.uk-button {
    border-radius: 20px;
    transition: all 0.3s;
    background: #ffffff;
    font-weight: 700;
    color: #003579;
}

.uk-button-primary {
    background: #003579;
    color: #ffffff;
}

.options a.uk-button > svg {
    width: 20px;
    margin-right: 10px;
}

.options > ul > li > a:not(.uk-button) {
    color: #ffffff;
}

a.uk-button:hover {
    background: #003579;
    color: #ffffff !important;
}

#rd-top-a h1 {
    font-size: 3rem;
    color: #ffffff;
    line-height: 1;
}

.search > input {
    width: 100%;
    height: 60px;
    border-radius: 35px;
    padding: 5px 20px;
    font-size: 16px;
    border: 1px solid #ffffff;
    font-weight: 600;
}

    .search > input::placeholder {
        color: #003579;
        transition: all 0.3s;
    }

    .search > input:focus {
        border-color: transparent;
        box-shadow: 0px 0px 0px 5px rgb(190 209 219 / 50%);
        border-style: solid;
        outline: 3px solid rgb(42 66 115 / 30%);
        transition: all 0.3s;
    }

    .search > input:focus-visible {
        outline: none !important;
    }

    .search > input:focus::placeholder {
        color: #009aff;
    }

.search button.btn-search {
    position: absolute;
    right: -5px;
    height: 60px;
    border-radius: 50%;
    transition: all 0.3s;
    width: 60px;
    border: 1px solid red;
    background: red;
    color: #ffffff;
    z-index: 9;
    cursor: pointer;
}

    .search button.btn-search:hover {
        background: #ffffff;
        color: red;
    }

#rd-top-a .uk-overlay.uk-position-center {
    width: 100%;
    max-width: 660px;
    z-index: 1;
}

.content-grid-categori .uk-card.uk-card-small > img {
    max-width: 240px;
    object-fit: cover;
}

.uk-overlay form + p {
    color: #003579 !important;
    margin-top: 5px;
    font-size: 14px;
    padding: 0px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .uk-overlay form + p > i {
        letter-spacing: 0.5px;
        color: #003579;
    }

    .uk-overlay form + p > a:hover {
        color: #cccccc;
        text-decoration: none;
    }

    .uk-overlay form + p > a {
        font-weight: 600;
        border-bottom: 1px solid;
        color: #003579;
        display: none;
    }


#rd-top-b .uk-card.uk-card-hover:hover > svg {
    transform: scale(1.5);
}

#rd-top-b .uk-card.uk-card-hover,
#rd-top-b .uk-card.uk-card-hover > svg {
    transition: all 0.3s ease-in-out 0s !important;
}

.content-grid-categori {
    border-bottom: 4px solid #003579;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 5px 40px;
}

#rd-top-b .content-grid-categori > div.uk-grid > div:last-child {
    display: none;
}

#rd-top-b .uk-card.uk-card-hover > p {
    color: #003579;
    font-weight: 600;
}

section#rd-top-a > .uk-inline > img {
    min-height: 420px;
    object-fit: cover;
}

section#rd-top-a > div > img {
    max-height: 490px;
}


.title-content > h3 {
    margin-bottom: 0px;
    margin-top: 15px;
}

.title-content {
    padding-bottom: 10px;
    border-bottom: 2px solid #668daf;
    margin-bottom: 35px;
}

    .title-content > h3:first-child {
        color: #003579;
        font-weight: 700;
    }

    .title-content > h3:last-child {
        font-size: 16px;
        font-weight: 700;
    }

.uk-card-header > div > img {
    max-width: 260px;
    width: 100%;
}

.uk-card-header {
    margin-bottom: 10px;
}

.content-servicios .uk-card.uk-card-default {
    border-top: 4px solid #EE2A24;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
    padding: 15px;
    text-align: left;
}

.content-servicios {
    padding: 25px 0px;
}

.uk-card-body,
.uk-card-footer {
    padding-left: 20px;
    padding-right: 20px;
}

    .uk-card-footer > h4 {
        font-size: 16px;
        font-weight: 500;
        color: #003a75;
    }

    .uk-card-body h4 {
        font-size: 16px;
        font-weight: 500;
        color: #02397a;
    }

    .uk-card-body p {
        font-size: 14px;
    }

.content-servicios .uk-card:hover {
    transform: scale(1.1);
}

.content-servicios .uk-card {
    transition: all 0.3s ease-in-out 0s;
}

.content-footer {
    background: #003579;
   
}

    .content-footer .uk-grid > .uk-width-1-4\@m > p {
        margin: 5px 0px;
    }

    .content-footer .uk-grid > .uk-width-1-4\@m {
        line-height: 17px;
    }

    .content-footer .uk-grid {
        align-items: center;
    }

    .content-footer * {
        color: #ffffff;
    }

.powered p,
.redes ul {
    margin-bottom: 0px;
}

.redes > ul {
    list-style: none;
    display: flex;
    align-items: center;
}

    .redes > ul > li:not(:last-child) {
        margin-right: 15px;
    }

    .redes > ul > li {
        color: #003579;
    }

.powered-content {
    padding: 25px 0px;
}

@media screen and (min-width: 769px) {
    .uk-hidden-large {
        display: none;
    }
}

@media screen and (max-width: 480px) {

    .logo {
        text-align: center;
        padding: 15px 0px;
    }
    .logo > a > img{
        max-width: 180px;
    }

    .uk-visible-large {
        display: none;
    }

    .toolbar p {
        font-size: 13px;
        text-align: center;
        line-height: 15px;
    }

    .content-more {
        padding-top: 30px;
    }

        .content-more span.close.uk-icon {
            top: 14px;
            right: 4px;
            left: auto;
            transition: initial;
            background: #003579;
            color: #ffffff;
            border-radius: 5px;
        }

    .toolbar > div > p {
        text-align: center;
    }

    #rd-top-a h1 {
        font-size: 1.5em;
    }

    .search > input {
        font-size: 14px;
        padding: 5px 15px;
        height: 45px;
    }

    .search button.btn-search {
        height: 45px;
        width: 45px;
    }

    .uk-overlay form + p {
        display: block;
        text-align: center;
        font-size: 13px;
        padding: 1px;
    }

        .uk-overlay form + p > a {
            border: 1px solid #ffffff;
            padding: 5px 0px;
            border-radius: 5px;
            margin-top: 10px;
        }

    .title-content > h3 {
        font-size: 18px;
        line-height: 18px;
    }

        .title-content > h3:last-child {
            font-size: 14px;
            text-align: right;
            line-height: 15px;
        }

    .powered-content .uk-flex {
        display: block;
        text-align: center;
    }

    .redes {
        padding: 15px 0px;
    }
}

.uk-offcanvas-bar {
    background: #003579;
}

    .uk-offcanvas-bar ul.uk-list > li > a {
        font-size: 18px;
    }

        .uk-offcanvas-bar ul.uk-list > li > a > span > svg {
            width: 24px;
        }

    .uk-offcanvas-bar h4 {
        border-bottom: 2px solid #ffffff;
        width: 100%;
        max-width: max-content;
    }

.options .uk-dropdown {
    border-radius: 10px;
    padding: 0px;
}

    .options .uk-dropdown > h3 {
        padding: 6px 20px;
        background: rgb(0 54 112 / 10%);
        font-weight: 600;
        font-size: 18px;
        color: #003579;
        box-shadow: 0px 0px 3px 0px #b4b4b4;
    }

    .options .uk-dropdown > ul.uk-accordion {
        padding: 0px 20px;
        margin-bottom: 20px;
        margin-bottom: 0px;
    }

        .options .uk-dropdown > ul.uk-accordion > li:not(:last-child) > a {
            border-bottom: 2px solid #eeeeee;
            padding-bottom: 10px;
        }

        .options .uk-dropdown > ul.uk-accordion > li:not(:first-child) {
            margin-top: 15px;
        }

.options .img-content-menu > img {
    display: block;
    height: 30px;
    margin: 0 auto;
}

.options .uk-dropdown > ul.uk-accordion > li ul.uk-grid > li {
    text-align: center;
}

.img-content-menu {
    max-width: 60px;
    height: 60px;
    margin: 0 auto;
    border: 2px solid rgb(0 58 117 / 20%);
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.options .uk-dropdown > ul.uk-accordion > li ul.uk-grid > li > a {
    color: #444444;
}

.uk-dropdown a.uk-accordion-title {
    color: #003975;
    font-size: 18px;
    font-weight: 600;
}

.uk-width-large.uk-dropdown {
    max-width: 240px !important;
}

.breadcrumb {
    padding: 7px 0px;
    background: #002445;
}

.catg {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Roboto';
}

.here {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}

    .here > a {
        color: #ffffff;
    }

.sidebar form > p {
    margin-bottom: 0px;
}

    .sidebar form > p + hr {
        margin: 5px 0px;
        border-top: 2px solid #eeeeee;
    }

.content-select {
    max-width: 200px;
    margin-bottom: 25px;
    margin-top: 10px;
    position: relative;
}

.sidebar {
    border-right: 1px solid #eeeeee;
}

.content-select > select {
    border-radius: 5px;
    color: #999999;
}

.content-select > .uk-icon {
    right: 4px;
    left: auto;
    border-left: 1px solid #eeeeee;
    height: 25px;
    width: 30px;
    top: 5px;
}

    .content-select > .uk-icon svg {
        width: 20px;
    }

.grid-check .uk-width-1-1 {
    margin-bottom: 10px;
}

    .grid-check .uk-width-1-1 input {
        margin-right: 10px;
    }

    .grid-check .uk-width-1-1 label {
        font-size: 14px;
    }

.grid-check {
    margin-top: 10px !important;
}

body.servicios .search > input {
    border-color: #eeeeee;
    height: 45px;
    font-size: 12px;
    font-weight: 600;
}

body.servicios .search button.btn-search {
    background: #003579;
    border-color: #003579;
    width: 45px;
    height: 45px;
}

    body.servicios .search button.btn-search:hover {
        background: #ffffff;
        color: #003579;
    }

.servicios .search {
    width: 100%;
    margin-left: 10px;
}

button.btn-reset {
    display: block;
    line-height: normal;
    width: max-content;
    border: 1px solid #003579;
    height: 38px;
    padding: 5px 25px;
    background: #003579;
    color: #ffffff;
    font-weight: 400;
}

body.servicios .search > input::placeholder {
    color: #999999;
}

.servicios .uk-card-body h4 {
    font-size: 14px;
}

.servicios .uk-card-body p {
    margin-bottom: 10px;
}

.servicios .uk-card-body {
    padding-bottom: 15px;
    padding-top: 15px;
}

.servicios .uk-card-footer {
    padding: 10px 20px;
}

.content-pagination-num > span {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #babcbe;
    color: #444444;
}

    .content-pagination-num > span:hover {
        background: red;
        color: #ffffff;
    }

.count-pag-num {
    min-width: 90px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 0px 10px;
}

    .count-pag-num > span {
        color: #003579;
        width: 36px;
        display: block;
        float: left;
        transition: all 0.3s ease-in-out 0s;
        border-radius: 5px;
    }

        .count-pag-num > span:hover {
            background: red;
            color: #ffffff;
        }

        .count-pag-num > span:not(:last-child) {
            margin-right: 10px;
        }

@media screen and (max-width: 480px) {
    .pagination .uk-flex.uk-flex-between {
        display: block;
    }

    .pagination h4.c-blue {
        margin-bottom: 10px !important;
        text-align: center;
    }

    .content-pagination-num {
        justify-content: center;
    }
}

.panel .uk-width-5-6\@m > div.uk-grid {
    margin-top: 0px;
}

@media screen and (max-width: 480px) {
    .panel .uk-width-5-6\@m > div.uk-grid {
        margin-top: 5px;
    }
}

.certificates .uk-width-5-6\@m > p {
    margin-bottom: 10px;
}


.panel .uk-width-5-6\@m > div.uk-grid .uk-icon > svg {
    width: 18px;
}



.panel {
    padding: 16px 20px;
    border-radius: 5px;
}



    .panel .uk-width-1-6\@m > div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
    }

    .panel .uk-width-5-6\@m > div.uk-grid > div .uk-dropdown {
        width: max-content;
    }

.content-border {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    overflow-y: hidden;
    min-height: 344px;
}

    .content-border ul.uk-subnav.uk-subnav-pill > li:not(:first-child) {
        padding-left: 0px;
        border-left: 2px solid #d1d5db;
    }

    .content-border ul.uk-subnav.uk-subnav-pill > li > a {
        font-size: 12px;
        font-weight: 600;
        padding: 10px;
        display: block;
        text-align: center;
        width: 100%;
        background: rgb(96 165 250);
    }

    .content-border ul.uk-subnav {
        margin-bottom: 0px !important;
        border-bottom: 1px solid #d1d5db;
    }

    .content-border ul.uk-switcher > li > ul > li,
    .content-presencial ul.uk-list-striped.uk-list-decimal > li {
        padding: 10px 30px 10px 40px;
        margin-bottom: 0px;
        color: #003579;
        position: relative;
    }

.uk-list-striped > :nth-of-type(odd) {
    background: #ffffff;
    border: none;
}



@media screen and (min-width: 1500px) {
    .content-border ul.uk-subnav > li {
        width: 100%;
        max-width: 25%;
    }
}

body.edit section.rd-content-form::-webkit-scrollbar-track,
.panel.content-body .uk-grid > div::-webkit-scrollbar-track,
.content-border ul.uk-switcher > li .uk-overflow-auto::-webkit-scrollbar-track,
body .content-border::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(30 135 240);
    border-radius: 10px;
    background-color: #eeeeee;
}

body.edit section.rd-content-form::-webkit-scrollbar,
.panel.content-body .uk-grid > div::-webkit-scrollbar,
.content-border ul.uk-switcher > li .uk-overflow-auto::-webkit-scrollbar,
body .content-border::-webkit-scrollbar {
    width: 20px;
    background-color: #eeeeee;
}

body.edit section.rd-content-form::-webkit-scrollbar-thumb,
.panel.content-body .uk-grid > div::-webkit-scrollbar-thumb,
.content-border ul.uk-switcher > li .uk-overflow-auto::-webkit-scrollbar-thumb,
body .content-border::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgb(30 135 240);
}

.content-border ul.uk-subnav.uk-subnav-pill > li > a:hover {
    background: #9FD0FD;
    color: #ffffff;
}

.content-border ul.uk-subnav.uk-subnav-pill > li:not(.uk-active) > a {
    background: rgb(219 234 254);
    color: rgb(0 135 255);
}

@media screen and (max-width:1495px) {

    .content-border ul.uk-subnav.uk-subnav-pill > li {
        width: 100%;
        max-width: 33.33%;
    }

        .content-border ul.uk-subnav.uk-subnav-pill > li:last-child {
            max-width: 100%;
            border-top: 2px solid #ffffff;
        }

            .content-border ul.uk-subnav.uk-subnav-pill > li:last-child > a {
                text-align: center;
            }
}

@media screen and (max-width:1330px) {
    .content-border ul.uk-subnav.uk-subnav-pill > li {
        width: 100%;
        max-width: 50%;
    }

        .content-border ul.uk-subnav.uk-subnav-pill > li:last-child,
        .content-border ul.uk-subnav.uk-subnav-pill > li:nth-child(3) {
            max-width: 50%;
            border-top: 2px solid #ffffff;
        }

            .content-border ul.uk-subnav.uk-subnav-pill > li:last-child > a,
            .content-border ul.uk-subnav.uk-subnav-pill > li:nth-child(3) > a {
                text-align: center;
            }
}

.content-border ul.uk-switcher {
    margin-top: 4px !important;
    margin-bottom: 4px;
}

.panel-muted {
    background: rgb(243 244 246);
    border: 1px solid #d7d6d6;
}

.panel > h4 {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

    .panel > h4 > svg {
        margin-right: 5px;
        color: #ff5722;
    }

span.tiempo > svg {
    color: #ffffff;
    background: #ff5722;
    border-radius: 50%;
    margin-left: 4px;
}

span.c-blue.tiempo {
    position: relative;
}

div#tiempo-content {
    position: absolute;
    top: -22px;
    background: #f5f5f5;
    width: 100%;
    z-index: 999;
    border: 1px solid #003579;
    right: -140px;
}

span.toggle:hover + #tiempo-content,
span.toggle + #tiempo-content:hover {
    display: block !important;
}


.hidden {
    display: none;
}


span.presencial {
    cursor: pointer;
    position: relative;
    padding-left: 15px;
}


    span.presencial::before {
        position: absolute;
        content: '';
        left: 0;
        top: 6px;
        height: 10px;
        width: 10px;
        border: 1px solid #cccccc;
    }

    span.presencial.active::before {
        background: rgb(0 135 255);
    }

@media screen and (max-width: 480px) {
    .panel .uk-width-1-6\@m > div {
        justify-content: center;
    }

    .content-border ul.uk-subnav {
        flex-wrap: wrap;
    }

        .content-border ul.uk-subnav.uk-subnav-pill > li > a {
            font-size: 12px;
        }

        .content-border ul.uk-subnav.uk-subnav-pill > li {
            max-width: 100% !important;
        }

    .content-border ul.uk-switcher > li > ul > li,
    .content-presencial ul.uk-list-striped.uk-list-decimal > li {
        padding: 10px 10px 10px 40px;
        font-size: 15px;
    }

    .uk-table td.uk-flex {
        padding: 10px;
        font-size: 14px;
    }

    td.uk-flex.uk-flex-between > span:last-child {
        text-align: right;
    }

    .uk-overflow-auto > .uk-table {
        min-width: 380px;
    }

    .breadcrumb .uk-flex {
        display: block;
    }

    .content-services .uk-card-body,
    .content-services .uk-card-footer {
        text-align: center;
    }
}

.btn-border-blue {
    border: 2px solid #003579;
}

@media screen and (min-width: 768px) {
    .uk-overflow-auto {
        overflow: initial;
    }
}

.uk-modal-dialog.uk-modal-body {
    padding: 0px;
    border-radius: 10px;
    z-index: 9;
    max-width: 520px !important;
    overflow: hidden;
}

.uk-modal-body > div:first-child {
    box-shadow: 0px 4px 5px -1px #f5f5f5;
}

.uk-modal-dialog.uk-modal-body > div {
    padding: 0px;
}

.uk-modal-body > div > h3 {
    margin: 0px;
    font-size: 22px;
}

button.uk-modal-close-default.uk-icon.uk-close {
    border: 2px solid rgb(238 42 36);
    color: rgb(238 42 36);
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

span.registrate {
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.identidad > div {
    margin: 25px 0px;
}

    .identidad > div:not(.uk-flex) > label,
    .content-pas + label,
    #recover-content > form > label,
    .content-registrarse label {
        color: #003579;
    }

.identidad label,
#recover-content > form > label {
    font-weight: 500;
}

.identidad .uk-inline {
    margin-top: 0px;
    margin-bottom: 5px;
}

.identidad,
div#recover-content p.space {
    border-bottom: 2px solid #9FD0FD;
    padding-bottom: 15px;
}


.input-documentos button.uk-button.btn-reset,
.content-registrarse button.uk-button {
    margin: 0 auto;
}

.uk-modal-body input {
    border-radius: 5px;
    margin-top: 5px;
}

    .uk-modal-body input:focus {
        box-shadow: 0px 0px 1px 2px #adb4f3;
        border-color: #f5f5f5;
    }

form p.uk-text-small.c-blue-other.uk-margin-remove-top {
    font-size: 11px;
    font-style: italic;
    font-weight: 500;
}

p.space {
    margin: 0px 0px;
    line-height: 16px;
}

div#recover-content .uk-button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.content-registrarse .content-ced,
content-pas {
    position: relative;
}

    .content-registrarse .content-ced::before {
        content: 'Cedula';
    }

.content-registrarse .content-pas::before {
    content: 'Pasaporte';
}

.content-registrarse .content-ced::before,
.content-registrarse .content-pas::before {
    color: #003579;
    font-size: 14px;
    font-weight: 500;
}

section.rd-content-form form input:not([type="checkbox"]):not([type="radio"]),
section.rd-content-form form select {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0px 10px;
    background: rgb(255 255 255 / 10%);
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}

section.rd-content-form form input:not([type="checkbox"]):focus:not([type="radio"]):focus {
    color: #003579;
}


section.rd-content-form {
    max-width: 550px;
    margin: 0 auto;
    padding: 15px;
    background: rgb(15 83 156 / 70%);
    border-radius: 10px;
}

    section.rd-content-form.registro-usuario.uk-animation-slide-top.animation-3.uk-light {
        width: 100%;
        max-width: 1280px;
    }

body.registrate br + div {
    height: calc(100vh - 0px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-servicio {
}

section.rd-content-form form input::placeholder,
section.rd-content-form form select {
    color: #ffffff;
    font-size: 14px;
}

    section.rd-content-form form input:focus,
    section.rd-content-form form select:focus {
        background: #ffffff96;
    }

        section.rd-content-form form input:focus::placeholder,
        section.rd-content-form form select:focus {
            color: #003579;
        }


body[class^="resetpassword?"] .container,
body[class^="ResetPassword?"] .container,
body.certificates .container,
body.Certificates .container,
body.form-center .container,
body.forgotpassword .container,
body.ForgotPassword .container,
body.confirmEmail .container,
body.ConfirmEmail .container,
body.forgotpasswordconfirmation .container,
body.ForgotPasswordConfirmation .container,
body.login\?returnUrl\= .container,
body.Login .container body[class^="login?"] .container,
body[class^="Login?"] .container {
    height: calc(100vh - 190px);
    display: flex;
    align-items: center;
}

.container {
    padding: 20px 0px;
}


body {
    min-height: 100vh;
    position: relative;
   
}

@media screen and (max-width: 480px) {
    body {
        padding-bottom: 0px;
    }
}

@media screen and (min-height: 750px) {
    body {
        min-height: calc(100vh - 0px);
    }
}

section.rd-content-form h2 {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.rd-content-form button.uk-button.btn-reset {
    background: #ffffff;
    font-weight: 700;
    color: #003579;
}

.registrate a.uk-button {
    background: #9FD0FD;
    height: 35px;
}

    .registrate a.uk-button:hover {
        background: #003579;
        color: #ffffff;
    }


.rd-content-form button.uk-button.btn-reset:hover {
    background: #003579;
    color: #ffffff;
}

.content-footer p {
    font-size: 13px;
}



@media screen and (min-width:768px) {
    footer {
        /* position: absolute; */
        bottom: 0px;
        width: 100%;
    }

    body {
        position: relative;
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .content-user-perofile {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .title-content.uk-flex.uk-flex-middle.uk-flex-between {
        display: block;
    }

    .container {
        padding: 15px;
    }
}


.menu-small > a.uk-button {
    background: #ffffff;
    line-height: 32px;
}




.rd-content-form .uk-flex > a.uk-button {
    color: #003579;
}

.rd-content-form .uk-flex.uk-flex-between > a.uk-button:hover {
    color: #ffffff;
}

section.rd-content-form.certificados {
    width: 100%;
    max-width: 1400px;
}


    section.rd-content-form.certificados h2 {
        font-size: 1.5rem;
        margin-bottom: 20px;
        margin-top: 0px;
    }



.rd-content-form.certificados form.uk-form .uk-width-1-1 {
    position: relative;
}

    .rd-content-form.certificados form.uk-form .uk-width-1-1 > button {
        position: absolute;
        right: 0px;
        height: 35px;
        background: rgb(255 255 255 / 70%);
        border-radius: 5px;
        width: 100%;
        max-width: 80px;
    }

.rd-content-form form.uk-form .uk-width-1-1 > input {
    margin: 0px !important;
    outline: none;
}

.rd-content-form.certificados form.uk-form .uk-width-1-1 > button:hover {
    background: #ffffff;
}

.content-table th > h4,
.content-table th > span {
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    font-size: 15px;
    line-height: 26px;
}


.perfil-info > h3 {
    margin: 5px 0px;
    font-weight: 600;
}

.perfil-info {
    margin: 35px 0px;
}

.content-table {
    background: rgb(255 255 255);
    border-radius: 10px;
}

    .content-table * {
        color: #003579 !important;
    }

.uk-overflow-auto tr {
    border-color: #003579 !important;
}



.perfil-info > h3 > span {
    font-weight: 300;
}


body.Confirmation\?returnURL\=\%2f .content-footer,
body.confirmation .content-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

@media screen and (min-width: 767px) {

    body.Confirmation\?returnURL\=\%2f,
    body.confirmation {
        height: 100vh;
    }
}

@media screen and (min-width: 768px) {

    .recibir-mensaje.uk-light {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}


.recibir-mensaje > p {
    margin: 0px;
}

.userProfile ul.uk-tab-left.uk-tab > li.uk-active {
    background: #003974;
}

.userProfile ul.uk-tab-left.uk-tab > li > a {
    color: #ffffff;
}

.userProfile ul.uk-tab-left.uk-tab > li {
    background: #9FD0FD;
}


.content-servicio .uk-grid > div:first-child > hr + p + p {
    text-align: justify;
}

.certificates .container {
    padding-top: 18px;
}

.certificates tbody td > span {
    font-size: 14px;
    font-weight: 500;
}

.rd-content-form tbody td {
    max-width: 250px;
}

.certificates tbody td:not(last-child),
.certificates thead th:not(last-child) {
    border-right: 1px solid #eeeeee !important;
}



.content-table + button {
    background: #ffffff;
    border: none;
    color: #003579;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 25px;
    line-height: 24px;
    margin-top: 10px;
    border-radius: 25px;
    transition: all 0.3s;
}

    .content-table + button:hover {
        background: #003579;
        color: #ffffff;
    }

body.registrate section.rd-content-form {
    position: relative;
}

    body.registrate section.rd-content-form::before {
        position: absolute;
        content: 'La clave debe tener al menos 8 caracteres, un numero, una letra mayuscula y un caracter especial';
        width: 110px;
        padding: 10px;
        border-radius: 10px;
        height: auto;
        left: -130px;
        font-size: 14px;
        bottom: 0;
        color: #003579;
        background: rgb(255 255 255 / 80%);
        opacity: 0;
        transition: all 0.3s ease-in-out 0s;
    }



    body.registrate section.rd-content-form.active::before {
        opacity: 1;
    }

.error-page {
    padding: 25px;
    margin: 0 auto;
    max-width: 1425px;
}

@media screen and (max-width: 480px) {
    body.registrate section.rd-content-form::before {
        bottom: -85px;
        left: 3px;
        width: 100%;
        max-width: 220px;
    }
}


.content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview > p.uk-text-bold.c-blue + a.uk-button {
    font-size: 11px;
    position: absolute;
    right: 0;
    top: -6px;
}

.content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview {
    position: relative;
}

@media screen and (max-width: 1068px) {
    .content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview > p.uk-text-bold.c-blue + a.uk-button {
        font-size: 10px;
        padding: 0px 15px;
    }

    .content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview > p.uk-text-bold.c-blue:first-child {
        font-size: 15px;
    }

    .content-servicio {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 390px) {
    .content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview > p.uk-text-bold.c-blue + a.uk-button {
        display: none;
    }

    .content-servicio {
        padding-bottom: 100px;
    }
}


@media screen and (max-width: 480px) {

    .content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview > p.uk-text-bold.c-blue:first-child {
        font-size: 22px;
        padding: 0px 15px;
    }


    .content-servicio .panel.uk-flex.uk-flex-middle.uk-flex-between > a + a {
        display: block;
    }

    .content-servicio .uk-width-2-5\@m.uk-first-column.uk-scrollspy-inview > p.uk-text-bold.c-blue + a.uk-button {
        display: none;
    }

    .content-menu {
        padding: 5px 15px;
    }
}

.img-user > a > img {
    border-radius: 50%;
    max-width: 300px;
    max-height: 300px;
    object-fit: cover;
    width: 100%;
}

.img-user {
    text-align: center;
    margin-bottom: 25px;
}


@media screen and (min-width: 960px) {
    .uk-width-medium-2-6 {
        max-width: 30%;
    }

    .uk-width-medium-4-6 {
        width: 100%;
    }

    .content-user-perofile ul.uk-subnav.uk-subnav-pill > li {
        width: 100%;
        max-width: 25%;
    }
}

@media screen and (max-width: 768px) {
    .uk-width-medium-2-6 {
        max-width: 40%;
    }

    .uk-width-medium-4-6 {
        max-width: 60%;
    }
}

@media screen and (max-width: 600px) {
    .uk-width-medium-2-6 {
        max-width: 100%;
    }

    .uk-width-medium-4-6 {
        max-width: 100%;
    }
}



@media screen and (max-width: 1300px) {
    .img-user > a > img {
        max-width: 320px;
        min-height: 320px;
    }
}

@media screen and (max-width: 1100px) {
    .img-user > a > img {
        max-width: 280px;
        min-height: 280px;
    }
}

@media screen and (max-width: 1000px) {
    .img-user > a > img {
        max-width: 240px;
        min-height: 240px;
    }
}

@media screen and (max-width: 700px) {
    .img-user > a > img {
        max-width: 200px;
        min-height: 200px;
    }
}

@media screen and (min-width: 768px) {

    .content-header-school + div.panel ul.uk-list > li > strong,
    .content-user-perofile .uk-width-medium-4-6 ul.uk-list > li > strong {
        width: 100%;
        max-width: 25%;
        display: block;
    }

        .content-header-school + div.panel ul.uk-list > li > strong + span,
        .content-user-perofile .uk-width-medium-4-6 ul.uk-list > li > strong + span {
            width: 100%;
            max-width: 75%;
            display: block;
        }

    .content-header-school + div.panel ul.uk-list > li,
    .content-user-perofile .uk-width-medium-4-6 ul.uk-list > li {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 620px;
    }
}

@media screen and (max-width: 480px) {
    .schoolinfo .uk-grid.uk-grid-stack > div:nth-child(2) {
        margin: 15px 0px;
    }

        .schoolinfo .uk-grid.uk-grid-stack > div:nth-child(2) > ul {
            padding-bottom: 10px;
            border-bottom: 1px solid #eeeeee;
        }
}


.content-table .uk-overflow-auto {
    /* max-height: 445px; */
    /* overflow: auto; */
}

    .content-table .uk-overflow-auto::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgb(30 135 240);
        border-radius: 10px;
        background-color: #eeeeee;
    }

    .content-table .uk-overflow-auto::-webkit-scrollbar {
        width: 10px;
        background-color: #eeeeee;
    }

    .content-table .uk-overflow-auto::-webkit-scrollbar-thumb {
        border-radius: 10px;
        min-height: 40px;
        ;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: rgb(6 67 144 / 50%);
    }

@media screen and (min-width: 768px) {
    form.form-subscriptions {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .img-user + h4 {
        font-size: 18px;
    }

    .content-user-perofile .uk-width-medium-4-6 ul.uk-list > li > * {
        max-width: initial !important;
        width: auto !important;
    }

    .content-user-perofile .uk-width-medium-4-6 ul.uk-list > li {
        display: block;
    }
}

.content-user-perofile .uk-switcher table.uk-table tr > th:not(last-child),
.content-user-perofile .uk-switcher table.uk-table tr > td:not(last-child) {
    border-right: 1px solid #cccccc;
    max-width: 309px;
}

.content-user-perofile .uk-switcher table.uk-table tr > th h4 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}

.content-table th,
.content-table td {
    /* padding: 10px 12px; */
}

.content-user-perofile .uk-switcher table.uk-table tr > td > span {
    font-size: 12px;
    text-align: left;
}


.content-user-perofile > div.uk-container {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    padding: 5px 20px 25px 20px;
    border-radius: 10px;
}

body.prelogin .content-user-perofile > div.uk-container {
    box-shadow: none;
}


.uk-card.uk-card-small.uk-card-hover.active {
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16);
}

/* animacion svg */


.circle {
    fill: none;
    stroke: #003579;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.circle-dash {
    fill: none;
    stroke: #003579;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.check {
    fill: none;
    stroke: #9FD0FD;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.check-dash {
    fill: none;
    stroke: #9FD0FD;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.check {
    stroke-dasharray: 60 100;
    animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    opacity: 0;
}

@-webkit-keyframes check {

    from {
        stroke-dashoffset: 60;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 00;
        opacity: 1;
    }
}



@-moz-keyframes check {

    from {
        stroke-dashoffset: 60;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 00;
        opacity: 1;
    }
}



@keyframes check {

    from {
        stroke-dashoffset: 60;
        opacity: 1;
    }



    to {
        stroke-dashoffset: 00;
        opacity: 1;
    }
}



.check-dash {
    stroke-dasharray: 10 100;
    animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
    -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
    -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
    -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
}


@-webkit-keyframes check-dash {

    from {
        stroke-dashoffset: 120;
    }



    to {
        stroke-dashoffset: 45;
    }
}


@-moz-keyframes check-dash {

    from {
        stroke-dashoffset: 120;
    }

    to {
        stroke-dashoffset: 45;
    }
}



@keyframes check-dash {

    from {
        stroke-dashoffset: 120;
    }



    to {
        stroke-dashoffset: 45;
    }
}


.circle {
    stroke-dasharray: 300 300;
    animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    opacity: 0;
}



@-webkit-keyframes circle {

    from {
        stroke-dashoffset: 300;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}


@-moz-keyframes circle {

    from {
        stroke-dashoffset: 300;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}


@keyframes circle {

    from {
        stroke-dashoffset: 300;
        opacity: 1;
    }



    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

.circle-dash {
    stroke-dasharray: 10 300;
    animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    opacity: 0;
}



@-webkit-keyframes circledash {

    from {
        stroke-dashoffset: 320;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 20;
        opacity: 1;
    }
}


@-moz-keyframes circledash {

    from {
        stroke-dashoffset: 320;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 20;
        opacity: 1;
    }
}


@keyframes circledash {

    from {
        stroke-dashoffset: 320;
        opacity: 1;
    }

    to {
        stroke-dashoffset: 20;
        opacity: 1;
    }
}



.svg-elem-1 {
    fill: none;
    stroke: #003579;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-miterlimit: 5;
    transform: translate(34%, 40%);
}


@-webkit-keyframes path {
    from {
        fill: #003579;
        opacity: 1;
    }

    to {
        fill: #003579;
        opacity: 1;
    }
}

@-moz-keyframes path {
    from {
        fill: #003579;
        opacity: 1;
    }

    to {
        fill: #003579;
        opacity: 1;
    }
}

@keyframes path {
    from {
        fill: #003579;
        opacity: 1;
    }

    to {
        fill: #003579;
        opacity: 1;
    }
}

.form-content-input #text,
.form-content-input #correo {
    display: none;
}

.form-content-input .button {
    position: relative;
    display: block;
    width: 40px;
    height: 15px;
}

    .form-content-input .button::before,
    .form-content-input .button::after {
        content: "";
        display: block;
        position: absolute;
        cursor: pointer;
    }

    .form-content-input .button::before {
        width: 100%;
        height: 100%;
        background-color: #bbb;
        border-radius: 25px;
        border: 1px solid #333;
        transition: background-color 0.5s ease;
    }

    .form-content-input .button::after {
        top: 0;
        left: 0;
        width: 15px;
        height: 100%;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0px 0px 5px 1px #000;
        transition: left 0.5s ease;
    }

.form-content-input #text:checked + .button::before,
.form-content-input #correo:checked + .button::before {
    background-color: #003579;
}

.form-content-input #text:checked + .button::after,
.form-content-input #correo:checked + .button::after {
    left: 75%;
}

@media screen and (min-width: 880px) {
    .form-content-input {
        width: 100%;
        display: flex;
        align-items: center;
    }
}

.form-content-input > .button {
    margin: 0px 10px;
}

@media screen and (max-width: 880px) {
    .form-content-input label {
        display: block;
    }

    .form-content-input {
        margin-bottom: 25px;
    }
}

h4.user {
    font-weight: 700;
    text-align: center;
    color: #003579;
}

div.content-services {
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
}

    div.content-services * {
        color: #003579;
    }

@media screen and (min-width: 686px) {
    .search-services > form.uk-form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}



.search-services > form.uk-form > * {
    width: 100%;
}

.search-services > form.uk-form > button {
    max-width: 140px;
}

.search-services > form.uk-form h4 {
    max-width: max-content;
}

.search-services > form.uk-form select {
    margin: 0px 10px;
    border-color: #cccccc;
    border-radius: 20px;
    height: 35px;
    padding: 0px 10px;
    color: #003579;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

    .search-services > form.uk-form select:focus {
        outline: none;
        background: rgb(63 81 181 / 10%);
    }

@media screen and (max-width: 686px) {
    .search-services > form.uk-form > * {
        margin: 5px auto !important;
        text-align: center;
    }
}

.tabla-de-solicitud-de-usuario tr > th {
    font-weight: 700;
    color: #003579;
}

@media screen and (max-width: 768px) {

    .tabla-de-solicitud-de-usuario th:first-child,
    .tabla-de-solicitud-de-usuario td:first-child {
        display: none;
    }


    .tabla-de-solicitud-de-usuario th {
        min-width: 180px;
    }
}

progress.uk-progress {
    height: 28px;
    margin: 0px;
}

.content-progress {
    position: relative;
}

    .content-progress > span {
        position: absolute;
        left: 50%;
        top: 3px;
        transform: translate(-50%, 0%);
        color: #003579;
        font-weight: 500;
        font-size: 14px;
    }

.content-border ul.uk-switcher > li .uk-overflow-auto {
    max-height: 360px;
    overflow: auto;
}

.content-user-perofile .panel.uk-text-center {
    text-align: left !important;
}

.content-user-perofile .uk-overflow-auto tr > th,
.content-user-perofile .uk-overflow-auto tr > td {
    text-align: center;
    padding: 10px;
}

    .content-user-perofile .uk-overflow-auto tr > td > .pdf > a::after {
        content: '';
        background: url('https://vue.ulticabinet.com/images/pdf.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 30px;
        height: 30px;
        z-index: 1;
        top: -8px;
        right: 20px;
    }

    .content-user-perofile .uk-overflow-auto tr > td > .pdf > a {
        position: relative;
        display: block;
        font-weight: 700;
        color: #003579;
        padding-left: 15px;
    }

/*SVG DOCUMENTO*/

svg .rd-svg-elem-1 {
    stroke-dashoffset: 90.651123046875px;
    stroke-dasharray: 90.651123046875px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0s, fill 1s ease 0.5s;
}

svg.active .rd-svg-elem-1 {
    stroke-dashoffset: 0;
    fill: url("#D");
}

svg .rd-svg-elem-2 {
    stroke-dashoffset: 149.68304443359375px;
    stroke-dasharray: 149.68304443359375px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.1s, fill 1s ease 0.6s;
}

svg.active .rd-svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-3 {
    stroke-dashoffset: 143.12234497070312px;
    stroke-dasharray: 143.12234497070312px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.2s, fill 1s ease 0.7s;
}

svg.active .rd-svg-elem-3 {
    stroke-dashoffset: 0;
    fill: url("#E");
}

svg .rd-svg-elem-4 {
    stroke-dashoffset: 58px;
    stroke-dasharray: 58px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.30000000000000004s, fill 1s ease 0.8s;
}

svg.active .rd-svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-5 {
    stroke-dashoffset: 58px;
    stroke-dasharray: 58px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.4s, fill 1s ease 0.9s;
}

svg.active .rd-svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-6 {
    stroke-dashoffset: 43.730003356933594px;
    stroke-dasharray: 43.730003356933594px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.5s, fill 1s ease 1s;
}

svg.active .rd-svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-7 {
    stroke-dashoffset: 54.571998596191406px;
    stroke-dasharray: 54.571998596191406px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.6000000000000001s, fill 1s ease 1.1s;
}

svg.active .rd-svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-8 {
    stroke-dashoffset: 34.314002990722656px;
    stroke-dasharray: 34.314002990722656px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.7000000000000001s, fill 1s ease 1.2000000000000002s;
}

svg.active .rd-svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-9 {
    stroke-dashoffset: 34.54399871826172px;
    stroke-dasharray: 34.54399871826172px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.8s, fill 1s ease 1.3s;
}

svg.active .rd-svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-10 {
    stroke-dashoffset: 38.68329620361328px;
    stroke-dasharray: 38.68329620361328px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 0.9s, fill 1s ease 1.4s;
}

svg.active .rd-svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg .rd-svg-elem-11 {
    stroke-dashoffset: 58px;
    stroke-dasharray: 58px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1s, fill 1s ease 1.5s;
}

svg.active .rd-svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-12 {
    stroke-dashoffset: 58px;
    stroke-dasharray: 58px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.1s, fill 1s ease 1.6s;
}

svg.active .rd-svg-elem-12 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-13 {
    stroke-dashoffset: 43.730003356933594px;
    stroke-dasharray: 43.730003356933594px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.2000000000000002s, fill 1s ease 1.7000000000000002s;
}

svg.active .rd-svg-elem-13 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-14 {
    stroke-dashoffset: 54.571998596191406px;
    stroke-dasharray: 54.571998596191406px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.3s, fill 1s ease 1.8s;
}

svg.active .rd-svg-elem-14 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-15 {
    stroke-dashoffset: 34.314002990722656px;
    stroke-dasharray: 34.314002990722656px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.4000000000000001s, fill 1s ease 1.9000000000000001s;
}

svg.active .rd-svg-elem-15 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-16 {
    stroke-dashoffset: 34.54399871826172px;
    stroke-dasharray: 34.54399871826172px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.5s, fill 1s ease 2s;
}

svg.active .rd-svg-elem-16 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-17 {
    stroke-dashoffset: 38.68329620361328px;
    stroke-dasharray: 38.68329620361328px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.6s, fill 1s ease 2.1s;
}

svg.active .rd-svg-elem-17 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-18 {
    stroke-dashoffset: 139.96829223632812px;
    stroke-dasharray: 139.96829223632812px;
    transition: stroke-dashoffset 1s linear 1.7000000000000002s, fill 1s ease 2.2s;
}

svg.active .rd-svg-elem-18 {
    stroke-dashoffset: 0;
}

svg .rd-svg-elem-19 {
    stroke-dashoffset: 30.223398208618164px;
    stroke-dasharray: 30.223398208618164px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 1.8s, fill 1s ease 2.3s;
}

svg.active .rd-svg-elem-19 {
    stroke-dashoffset: 0;
    fill: rgb(46, 52, 54);
}

svg .rd-svg-elem-20 {
    stroke-dashoffset: 30.089340209960938px;
    stroke-dasharray: 30.089340209960938px;
    fill: #003579;
    transition: stroke-dashoffset 1s linear 1.9000000000000001s, fill 1s ease 2.4000000000000004s;
}

svg.active .rd-svg-elem-20 {
    stroke-dashoffset: 0;
    fill: rgb(136, 138, 133);
}

svg .rd-svg-elem-21 {
    stroke-dashoffset: 22.749204635620117px;
    stroke-dasharray: 22.749204635620117px;
    fill: #ffffff;
    transition: stroke-dashoffset 1s linear 2s, fill 1s ease 2.5s;
}

svg.active .rd-svg-elem-21 {
    stroke-dashoffset: 0;
    fill: url("#G");
}

svg .rd-svg-elem-22 {
    stroke-dashoffset: 17.100749969482422px;
    stroke-dasharray: 17.100749969482422px;
    transition: stroke-dashoffset 1s linear 2.1s, fill 1s ease 2.6s;
}

svg.active .rd-svg-elem-22 {
    stroke-dashoffset: 0;
}

.prelogin .menu-small.uk-hidden-large {
    display: none;
    opacity: 0;
}

section#rd-top-a {
    position: relative;
}

    section#rd-top-a::before {
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        background: rgb(15 83 156 / 20%);
        z-index: 1;
    }

span.estudio > img {
    width: 100%;
    max-width: 190px;
    max-height: 120px;
    object-fit: contain;
}

.content-user-perofile ul.uk-list.uk-list-cpace.uk-list-divider > li span.estudio {
    display: block;
}

body.selectservice .content-servicio {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px;
}

.requestservice .search-services > select {
    width: 100%;
    max-width: 440px;
    height: 35px;
    border-color: #003579;
    border-radius: 10px;
    color: #003579;
}

@media screen and (min-width: 768px) {
    .requestservice h4.c-blue.uk-text-bold + div + div.panel {
        display: flex;
    }

        .requestservice h4.c-blue.uk-text-bold + div + div.panel > div {
            width: 100%;
            padding: 15px;
        }

        .requestservice h4.c-blue.uk-text-bold + div + div.panel > hr {
            display: none;
        }

    .selectservice .uk-width-1-4\@m {
        width: 33.33%;
    }
}

.selectservice .uk-card-body p.uk-text-muted {
    text-transform: uppercase;
    font-weight: 500;
}

.certificates .panel + .container,
.certificates .panel {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

    .certificates .panel + .container {
        height: auto;
        max-width: 1480px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.certificates header + .uk-container {
    padding-bottom: 25px;
    padding-top: 25px;
}

@media screen and (max-width: 480px) {
    .content-user-perofile .panel > .panel + .uk-padding {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    div#schoolLogo {
        float: right;
        position: relative;
        max-width: 250px;
        width: 100%;
    }
}

div#schoolLogo {
    text-align: center;
}

    div#schoolLogo::before {
        content: 'Educación Básica';
        text-align: center;
        display: block;
        font-size: 20px;
        font-weight: 700;
        color: #003579;
    }

    div#schoolLogo > a > img {
        max-width: 150px;
    }

.content-header-school {
    padding: 0px 25px 5px 25px;
}

    .content-header-school .img-user {
        margin: 0px;
        max-width: 230px;
    }

.img-premio > img {
    width: 100%;
    max-width: 80px;
}

@media screen and (min-width: 768px) {
    .content-svg {
        position: absolute;
        right: 40px;
        top: 50%;
    }
}

.content-svg > svg {
    width: 140px;
    opacity: 0.8;
}

    .content-svg > svg polyline,
    .content-svg > svg circle {
        stroke: #00792c;
    }

@media screen and (max-width: 480px) {

    .certinfo .content-svg,
    .certinfo .uk-padding > .uk-container.uk-container-large {
        display: none;
    }

    .container-verficiar {
        margin-bottom: 35px;
    }

    .certinfo .menu-small {
        display: none;
    }
}

.school > img {
    height: 80px;
    object-fit: cover;
}

.content-header-school .title > h1 {
    font-size: 2rem;
    margin-bottom: 0px;
}

@media screen and (max-width: 480px) {

    body.prelogin .content-user-perofile > div.uk-container,
    body.prelogin .content-user-perofile > div.uk-container > div.container {
        padding: 0px;
    }


    .certificates .panel + .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 860px) {

    .header-menu .options {
        display: none;
    }

    body[class^="resetpassword?"] .container,
    body[class^="ResetPassword?"] .container,
    body.certificates .container,
    body.Certificates .container,
    body.form-center .container,
    body.forgotpassword .container,
    body.ForgotPassword .container,
    body.confirmEmail .container,
    body.ConfirmEmail .container,
    body.forgotpasswordconfirmation .container,
    body.ForgotPasswordConfirmation .container,
    body.login\?returnUrl\= .container,
    body.Login .container body[class^="login?"] .container,
    body[class^="Login?"] .container {
        height: auto;
        padding-bottom: 20px;
    }

    .header-menu .menu-small {
        display: block;
    }
}

section.rd-content-form.registro-usuario.uk-animation-slide-top.animation-3.uk-light {
    width: 100%;
    max-width: 1400px;
    min-height: 360px;
}

@media screen and (max-width: 1420px) {
    section.rd-content-form.registro-usuario.uk-animation-slide-top.animation-3.uk-light {
        max-width: 1200px;
    }
}

@media screen and (max-width: 1220px) {
    section.rd-content-form.registro-usuario.uk-animation-slide-top.animation-3.uk-light {
        max-width: 1000px;
    }
}

.registro-usuario tr > th > h4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .registro-usuario tr > th > h4 > span {
        margin-left: 10px;
        width: 18px;
    }

button.toggle {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
}



    button.toggle::before {
        content: 'Ocultar';
    }

    button.toggle[aria-expanded="false"]::before {
        content: 'Ver';
    }

section.rd-content-form.registro-usuario .content-table {
    min-height: 120px;
    padding-bottom: 10px;
}

#toggle-filter .btns.uk-width-1-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #toggle-filter .btns.uk-width-1-1 > button {
        font-weight: 600;
        background: #ffffff;
        height: 32px;
        font-size: 14px;
        padding: 0px 25px 0px 40px;
        position: relative;
    }

        #toggle-filter .btns.uk-width-1-1 > button:hover {
            background-color: #003579;
            color: #ffffff;
        }

        #toggle-filter .btns.uk-width-1-1 > button::before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            left: 14px;
            top: 5px;
            background-image: url('https://ulticabinet.com/upload/files/search-line.svg');
            background-size: contain;
            transition: all 0.3s;
        }

        #toggle-filter .btns.uk-width-1-1 > button:hover::before {
            background-image: url('https://ulticabinet.com/upload/files/search-line-white.svg');
        }

.registro-usuario table.uk-table tr > th {
    min-width: 170px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.panel.content-body .uk-grid > div {
    max-height: 335px;
    overflow-y: auto;
    overflow-x: hidden;
}

.form-request-data input,
.form-request-data select,
.form-request-data textarea {
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 2px 10px;
}


.form-request-data input,
.form-request-data select {
    height: 35px;
}

.form-request-data {
    margin-right: 10px;
}

.panel.content-body .uk-grid > div {
    padding-right: 20px;
}



@media screen and (min-width: 768px) {
    .new-ppd .btns {
        display: flex;
        justify-content: space-between;
    }



    .form-request-data > div > label {
        margin-bottom: 12px;
        width: 100%;
        max-width: 70px;
        margin-right: 10px;
        color: #003579;
    }
}

.new-ppd .btns {
    padding: 0px;
    border: 0px;
    padding-right: 10px;
}

.new-ppd .content-body {
    margin-top: 15px !important;
}

.new-ppd .btns > button {
    height: 35px;
    padding: 5px 25px;
}

    .new-ppd .btns > button:hover {
        background: #003579;
        color: #ffffff;
    }

.content-body-request .content-table thead th h4 {
    text-align: left;
}

.content-body-request .content-table thead th {
    background: #9fd0fd;
}

@media screen and (max-width: 480px) {

    .content-body-request .content-table tr > th,
    .content-body-request .content-table tr > td {
        min-width: 170px;
    }

    .new-ppd .btns > button {
        margin: 5px 0px;
        width: 100%;
    }

    .header-menu {
        /* height: 42px !important; */
    }
}

.content-body-request h3 {
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #003876;
}

    .content-body-request h3 + hr {
        margin: 10px 0px;
    }

.prelogin h2 {
    margin: 5px 0px !important;
}

.here > span {
    color: #ffffff;
    font-weight: 700;
}

.content-servicio h4.c-blue.uk-text-bold {
    font-size: 18px;
    font-family: 'Segoe UI';
}

.content-servicio .uk-width-2-5\@m.uk-first-column > p:first-child,
.content-servicio .uk-width-2-5\@m.uk-first-column > hr + p,
.content-servicio .uk-width-2-5\@m.uk-first-column > hr + p + p + p {
    text-transform: capitalize;
}

    .content-servicio .uk-width-2-5\@m.uk-first-column > hr + p + h3 {
        text-transform: uppercase;
    }

ul.uk-list.uk-list-striped.uk-list-decimal > li::before {
    content: '';
    position: absolute;
    text-align: center;
    background: #d1d5db;
    left: 20px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 50%;
    transform: translate(0%, -50%);
}


.form-request-data input::placeholder,
.form-request-data select,
.form-request-data textarea::placeholder {
    color: #b6b6b6;
}



.profile .content-user-perofile .panel > .panel {
    padding: 25px 0px 0px 0px;
    border: 0px;
    border-top: 0px solid #cccccc;
}

strong.institucion {
    display: none;
}

.profile .content-user-perofile > div > h2 {
    margin-bottom: 0px !important;
    padding: 5px 0px;
}

.profile .content-user-perofile .uk-width-3-5\@m > h4 {
    text-align: center;
}

a.new-button-header {
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: all 0.3s ease-in-out 0s;
}

    a.new-button-header:hover {
        color: #ffffff;
    }

    a.new-button-header::before {
        position: absolute;
        content: '';
        left: auto;
        right: 0;
        height: 2px;
        background: #ffffff;
        width: 0px;
        bottom: 0;
        transition: all 0.3s ease-in-out 0s;
    }

    a.new-button-header:hover::before {
        width: 100%;
        left: 0;
        right: auto;
    }

.panel-top-header {
    background: #eef5ff;
    padding: 20px 0px;
}

.btn-small {
    font-size: 13px;
    padding: 0px 12px;
    font-weight: 600;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-small > span > svg {
        width: 24px;
    }

    .btn-small > span {
        font-size: 20px;
    }

.uk-text-semi-bold {
    font-weight: 500 !important;
}

.uk-text-light {
    font-weight: 300 !important;
}

.uk-text-medium {
    font-weight: 500 !important;
}


.panel-white {
    max-width: 290px;
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding: 15px 25px 5px 25px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}

    .panel-blue > p,
    .panel-white > p {
        line-height: 20px;
        font-size: 14px;
    }

.panel-blue {
    width: 100%;
    max-width: 300px;
    padding: 15px 30px 5px 22px;
    background: #003579;
    border-radius: 5px;
}

    .panel-blue * {
        color: #ffffff;
    }

    .panel-blue strong.uk-h3 {
        font-size: 30px;
        font-weight: 600;
    }

        .panel-blue strong.uk-h3 > span {
            color: #EE2A24;
        }

    .panel-blue > p {
        margin: 0px;
    }

.padding.panel {
    padding: 45px 20px;
}

@media screen and (min-width: 768px) {
    .panel.padding-l {
        padding: 0px 0px 0px 30px;
    }


    .profile .content-user-perofile .uk-width-2-5\@m {
        width: 100%;
        max-width: 20%;
    }

    .profile .content-user-perofile .uk-width-3-5\@m {
        width: 100%;
        max-width: 80%;
    }
}



.panel-info .uk-width-1-1 h4 {
    margin-bottom: 0px;
    color: #003579;
    font-weight: 500;
    font-size: 16px;
}

.panel-info .uk-width-1-1 ul {
    margin-top: 5px;
    padding-left: 45px;
}

.panel-info .uk-width-1-1 h4 > span {
    margin-right: 5px;
}

.panel-info .uk-width-1-1 ul > li {
    color: #003579;
    font-size: 14px;
}

.padding.panel p.uk-margin-small-top {
    font-weight: 500;
}

.panel.panel-info > h4 {
    font-size: 14px;
    font-weight: 700 !important;
}

.panel.panel-info p {
    margin: 5px 0px;
}

.panel-info .uk-width-1-1 {
    margin-top: 5px;
}

.panel.panel-info {
    padding: 15px 30px;
}

h3.uk-h1.costo-title {
    color: rgb(59 130 246);
}

.reportes.uk-modal > .uk-modal-dialog {
    width: 100%;
    max-width: 960px !important;
}

@media screen and (min-width: 768px) {
    .reportes .uk-modal-dialog.uk-modal-body > div.uk-modal-header {
        padding: 53px 75px 10px 75px;
    }

    .reportes .uk-modal-dialog.uk-modal-body > div {
        padding: 25px 50px;
    }
}

.reportes .uk-modal-dialog > .uk-modal-header {
    background: rgb(238 245 255);
}

.reportes h2.uk-modal-title {
    color: #f97316;
    font-size: 36px;
    font-weight: 700;
}

.reportes .uk-modal-body > div > h3 {
    font-size: 26px;
}



form.form-reporte-error > label {
    display: block;
}

form.form-reporte-error > input {
    border: 1px solid #cccccc;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    padding: 2px 10px;
}

.reportes .uk-modal-body > div > h3 {
    font-size: 26px;
}


form.form-reporte-error label {
    display: block;
}

form.form-reporte-error input {
    border: 1px solid #cccccc;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 600;
}

form.form-reporte-error textarea {
    border: 1px solid #cccccc;
    height: 100px;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    font-weight: 600;
}


textarea:focus-visible,
input:focus-visible {
    outline: none;
}

textarea:focus,
input:focus {
    box-shadow: 0px 0px 1px 2px rgb(0 53 121 / 30%);
    border-color: #f5f5f5;
}

div#modal-center {
    padding: 5px 10px;
}

.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped > tr:nth-of-type(odd) {
    background: #ffffff;
    border-top: 2px solid #eeeeee !important;
    border-bottom: 2px solid #eeeeee !important;
}

tr > td span.uk-text-primary {
    color: #333333 !important;
}

@media screen and (max-width: 480px) {
    .content-servicio .uk-grid-match.uk-grid.uk-grid-stack + div.uk-text-right {
        text-align: center !important;
    }

        .content-servicio .uk-grid-match.uk-grid.uk-grid-stack + div.uk-text-right > a {
            margin: 5px 0px;
            width: 100%;
            max-width: 240px;
        }

    .panel-white,
    .panel-blue {
        max-width: 100%;
        margin: 10px 0px;
    }
}

.animation-rotate {
    animation-name: rotate;
    animation-duration: 2s;
    animation-delay: 0.1s;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.content-servicio ul.c-blue > li::marker {
    color: #d1d5db;
}

.options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) {
    list-style: none;
}

    .options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) > li {
        position: relative;
        padding-left: 15px;
    }

        .options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) > li::before {
            content: '';
            width: 24px;
            height: 24px;
            position: absolute;
            left: -20px;
            top: 50%;
            transform: translate(0%, -50%);
            background-size: contain;
        }

        .options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) > li:nth-child(4)::before {
            background-image: url('https://ulticabinet.com/upload/files/entida.svg');
        }

        .options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) > li:nth-child(3)::before {
            background-image: url('https://ulticabinet.com/upload/files/article-line.svg');
        }

        .options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) > li:nth-child(2)::before {
            background-image: url('https://ulticabinet.com/upload/files/account-box-line.svg');
        }

        .options .uk-inline .uk-dropdown > h3 + ul:not(.uk-accordion) > li:nth-child(1)::before {
            background-image: url('https://ulticabinet.com/upload/files/bar-chart-box-line.svg');
        }

div#toggle-filter + h2 + div.content-table > .uk-overflow-auto {
    max-height: 270px;
}

@media screen and (min-width: 1540px) {

    div#toggle-filter + h2 + div.content-table > .uk-overflow-auto,
    .content-table .uk-overflow-auto {
        max-height: 440px;
    }
}

section.rd-content-form.registro-usuario .content-table + button::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 14px;
    top: 5px;
    background-image: url('https://ulticabinet.com/upload/files/arrow-back-circle.svg');
    background-size: contain;
    transition: all 0.3s;
}

section.rd-content-form.registro-usuario .content-table + button {
    position: relative;
    padding-left: 42px;
}

    section.rd-content-form.registro-usuario .content-table + button:hover::before {
        background-image: url('https://ulticabinet.com/upload/files/arrow-back-circle-white.svg');
    }

#toggle-filter .btns.uk-width-1-1 > button[value="volver"]::before {
    background-image: url('https://ulticabinet.com/upload/files/arrow-back-circle.svg');
}

#toggle-filter .btns.uk-width-1-1 > button[value="volver"]:hover::before {
    background-image: url('https://ulticabinet.com/upload/files/arrow-back-circle-white.svg');
}


@media screen and (min-width: 620px) {
    .details .content-flex-left + div.uk-flex-medium {
        display: flex !important;
        justify-content: space-between;
    }
}

body.details .content-border {
    min-height: 560px;
}

@media screen and (max-width: 768px) {
    .content-border ul.uk-subnav.uk-subnav-pill > li > a {
        padding: 10px 4px;
        font-size: 10px;
    }

    .content-border ul.uk-subnav.uk-subnav-pill > li {
        padding: 0px;
    }

    .content-border ul.uk-subnav {
        margin-left: 0;
    }
}


body.schoolinfo .content-user-perofile .panel.uk-text-center {
    padding: 0px;
    border: 0px;
}

.schoolinfo .content-header-school + div.panel {
    border: none;
    padding-bottom: 0px;
}

@media screen and (min-width: 768px) {

    .schoolinfo .content-map > iframe {
        max-height: 200px;
    }

    .content-map {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 1110px) {

    .content-grid-categori .uk-grid > div img {
        max-width: 180px !important;
    }
}

@media screen and (max-width: 860px) {

    .content-grid-categori .uk-grid > div {
        max-width: 50% !important;
        width: 100%;
    }

        .content-grid-categori .uk-grid > div img {
            max-width: 220px !important;
        }
}

@media screen and (max-width: 510px) {

    .content-grid-categori .uk-grid > div img {
        max-width: 180px !important;
    }
}


@media screen and (max-width: 430px) {

    .content-grid-categori .uk-grid > div {
        max-width: 100% !important;
    }

        .content-grid-categori .uk-grid > div img {
            max-width: 220px !important;
        }
}


@media screen and (max-width: 860px) {

    body.registrate br + div {
        height: auto;
        padding: 10px
    }

    .content-user-perofile .uk-overflow-auto tr > th,
    .content-user-perofile .uk-overflow-auto tr > td,
    .rd-content-form tbody td {
        min-width: 190px;
    }
}

@media screen and (max-width: 370px) {

    .content-header-school .title > h1 {
        font-size: 1.7rem;
    }
}

@media screen and (max-width: 480px) {
    body.prelogin {
        min-height: auto;
        position: initial;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 1540px) {
    body.edit section.rd-content-form {
        max-height: 560px;
        overflow: auto;
    }
}

body.edit .rd-content-form .uk-flex > a,
body.edit .rd-content-form .uk-flex > button {
    position: relative;
    transition: all 0.3s;
    width: 100%;
    max-width: 160px;
    font-size: 13px;
    border: none;
}

    body.edit .rd-content-form .uk-flex > a.uk-button + a::before,
    body.edit .rd-content-form .uk-flex > button::before {
        content: '';
        width: 22px;
        height: 22px;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0%, -50%);
        background-size: contain;
    }

    body.edit .rd-content-form .uk-flex > a.uk-button + a::before {
        background-image: url('https://ulticabinet.com/upload/files/delete-bin-2-line-white.svg');
    }

    body.edit .rd-content-form .uk-flex > button::before {
        background-image: url('https://ulticabinet.com/upload/files/draft-line.svg');
    }

    body.edit .rd-content-form .uk-flex > a.uk-button + a:hover::before {
        background-image: url('https://ulticabinet.com/upload/files/delete-bin-2-line.svg');
    }

    body.edit .rd-content-form .uk-flex > button:hover::before {
        background-image: url('https://ulticabinet.com/upload/files/draft-line-white.svg');
    }

body.edit form textarea {
    line-height: 20px;
}

body.edit .rd-content-form .uk-flex > a + a {
    background: #EE2A24;
    color: #ffffff;
}

    body.edit .rd-content-form .uk-flex > a + a:hover {
        background-color: #ffffff;
        color: #003579 !important;
    }

.options button.button-search {
    background: #EE2A24;
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

    .options button.button-search svg {
        color: #ffffff;
    }

.content-form-search-header.uK-open {
    display: flex !important;
}

.content-form-search-header {
    align-items: center;
    top: -15px !important;
    padding: 15px;
    height: 82px;
    right: 0 !important;
    left: auto !important;
    width: 370px;
}

    .content-form-search-header > form,
    .content-form-search-header > form > div {
        width: 100%;
    }

        .content-form-search-header > form > div {
            position: relative;
        }

            .content-form-search-header > form > div > input {
                width: 100%;
                height: 40px;
                border-radius: 25px;
                padding: 2px 10px;
                border-color: #1e87f085;
                font-weight: 600;
                color: #003579;
            }

                .content-form-search-header > form > div > input::placeholder {
                    color: rgb(102 102 102 / 75%);
                }

            .content-form-search-header > form > div > button {
                height: 40px;
                position: absolute;
                right: -15px;
                border: none;
                background: #ee2a24;
                width: 40px;
                border-radius: 25px;
                color: #ffffff;
            }

.head-content {
    background: #002445;
    padding: 20px 0px;
}

    .head-content .panel {
        border: none;
    }

        .head-content .panel * {
            color: #ffffff;
        }

        .head-content .panel h2,
        .head-content .panel p {
            margin-top: 0px;
            margin-bottom: 0px;
        }

.header-content-body .uk-grid > div > a {
    height: 70px;
    display: block;
    line-height: 70px;
    position: relative;
    text-decoration: none;
}

.header-content-body {
    text-align: center;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 35px;
    background-color: #ffffff;
}

    .header-content-body .uk-grid > div > a::before {
        position: absolute;
        content: '';
        height: 4px;
        width: 0;
        left: auto;
        right: 0;
        bottom: 0;
        background: #003579;
        transition: all 0.3s ease-in-out;
    }

    .header-content-body .uk-grid > div > a:focus-within::before,
    .header-content-body .uk-grid > div > a:hover::before {
        width: 100%;
        right: auto;
        left: 0;
    }

.content-stick-centros {
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
}

    .content-stick-centros > h3 {
        background: #003579;
        padding: 20px 10px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        border: 1px solid #000000;
    }

    .content-stick-centros > div {
        padding: 24px 32px;
    }

        .content-stick-centros > div:not(:last-child) {
            text-align: center;
        }

        .content-stick-centros > div > p {
            text-align: left;
        }

.historial-academico {
    background: #FAFDFF;
}

.content-stick-centros > div:not(.educacion-basica) > hr {
    border-style: dashed;
    border-color: #cccccc;
}

.bg-blue {
    background: #003579;
}

.content-button-small {
    padding: 3px 10px;
    border-radius: 15px;
    border: 1px solid #003579;
}

a.content-button-small.bg-blue {
    color: #ffffff;
}

a.content-button-small > img {
    margin-right: 6px;
}

.bg-blue-sky {
    background: #EEF5FF;
}

.content-button-small.bg-blue-sky {
    color: #003579;
}

div#e-superior {
    background: #FAFDFF;
}



@media screen and (min-width: 768px) {

    .card-content {
        padding: 10px 30px 20px 30px;
    }

    .content-body-profile .uk-grid > .uk-width-medium-4-6 > div:not(:first-child) {
        padding-left: 60px;
        position: relative;
        padding-top: 10px;
    }

        .content-body-profile .uk-grid > .uk-width-medium-4-6 > div:not(:first-child)::before {
            content: '';
            background-color: #f5f5f5;
            position: absolute;
            height: 48px;
            width: 48px;
            left: 0;
            top: 0;
            border-radius: 50%;
            background-image: url('https://ulticabinet.com/upload/files/Books.svg');
            background-repeat: no-repeat;
            background-position: center;
        }

        .content-body-profile .uk-grid > .uk-width-medium-4-6 > div:not(:first-child)::after {
            content: '';
            position: absolute;
            left: 24px;
            top: 60px;
            height: 80%;
            width: 4px;
            background: #f5f5f5;
        }
}

.content-body-profile {
    padding-bottom: 35px;
}

    .content-body-profile .uk-grid > .uk-width-medium-4-6 > div {
        margin-bottom: 50px;
    }

ul.certf-list.uk-list > li {
    color: #231F20;
    line-height: 26px;
}

@media screen and (max-width: 480px) {
    .header-content-body .uk-flex-center.uk-grid > div {
        margin: 0px;
    }

    .content-body-profile h3.c-blue-other {
        font-size: 20px;
    }

    a.content-button-small {
        display: block;
        text-align: center;
        width: 100%;
        max-width: 240px;
        margin-top: 5px;
    }

    .head-content h2.uk-text-semi-bold {
        font-size: 24px;
    }

    .head-content div.uk-grid > div.uk-grid-margin {
        margin-top: 10px;
    }

    .header-content-body .uk-grid > div > a {
        height: 50px;
        line-height: 50px;
    }

    .head-content .uk-width-5-6\@m.uk-grid-margin::before {
        top: 0px;
    }

    .head-content .uk-width-5-6\@m.uk-grid-margin {
        margin-top: 15px !important;
        padding-top: 15px;
    }
}

@media screen and (max-width: 860px) {
    .uk-offcanvas-bar .logo-ofcanvas + ul.uk-list > li:first-child > a {
        position: relative;
        padding-left: 38px;
        display: inline-block;
        text-indent: -1em;
    }

        .uk-offcanvas-bar .logo-ofcanvas + ul.uk-list > li:first-child > a > span > svg,
        .uk-offcanvas-bar .logo-ofcanvas + ul.uk-list > li:first-child > a > svg {
            position: absolute;
            left: 0px;
        }

        .uk-offcanvas-bar .logo-ofcanvas + ul.uk-list > li:first-child > a > span > svg {
            left: -3px;
            top: 2px;
        }
}

a.content-button-small > svg > rect {
    fill: #ee2a24 !important;
}

.header-content-body .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
    fill: #2ecc71;
}


@media screen and (min-width: 768px) {

    .head-content .panel h2 + div.uk-grid > div,
    .head-content .panel h2 + div.uk-grid + div.uk-grid > div {
        /* max-width: 50%; */
        width: 100%;
        margin-top: 10px;
    }
}

.educacion-basica a > img,
.educacion-basica img {
    height: 110px;
    object-fit: contain;
}

@media screen and (max-width: 1300px) {
    .header-content-body .uk-grid > div {
        padding-left: 10px;
    }
}

@media screen and (min-width: 768px) {
    .uk-modal-dialog.uk-modal-body.modal-full {
        max-width: 1280px !important;
    }
}

.iframe-modal {
    width: 100%;
    height: 720px;
}

a.uk-button.bg-red {
    color: #ffffff;
    font-weight: 400;
    text-transform: initial;
    font-size: 16px;
}

.bg-red {
    background: #EE2A24;
}

.content-slide h3 {
    font-size: 42px;
    line-height: 44px;
}

.content-slide li {
    margin: 0px !important;
}

.button-large {
    height: 40px;
    line-height: 40px;
}

a.uk-button.button-large.bg-red > img,
a.uk-button.button-large.bg-red > svg {
    margin-right: 5px;
}

.content-slide > p {
    color: #003579;
    line-height: 31px;
    font-size: 24px;
}

.uk-slideshow-items .uk-position-center {
    width: 100%;
    max-width: 1380px;
}

@media screen and (max-width: 960px) {

    .uk-slideshow,
    .uk-slideshow > ul,
    .uk-slideshow > ul > li,
    .uk-slideshow > ul > li > img {
        max-height: initial !important;
        min-height: 920px !important;
        text-align: center;
    }

    .content-slide > ul {
        justify-content: center;
        text-align: left;
    }

    .content-slide {
        padding: 0px 20px;
    }
}

.panel-new {
    padding: 40px;
    background: #FAFDFF;
}

.intro {
    border-top: 4px solid #003579;
}

a.button-link {
    padding: 5px 15px;
    border-bottom: 2px solid #0099FF;
    color: #0099FF;
    text-decoration: none;
    font-size: 16px;
}

.content-form button.buttonContentSearchServices {
    background: #EE2A24;
    border: none;
    height: 40px;
    position: absolute;
    width: 40px;
    right: -2px;
    color: #ffffff;
    border-radius: 50%;
}

.content-form input {
    border: 1px solid #9FD0FD;
    width: 100%;
    height: 40px;
    border-radius: 15px;
    padding: 5px 15px;
    font-family: 'Roboto';
}

.content-form {
    width: 100%;
    max-width: 254px;
    position: relative;
}

    .content-form input::placeholder {
        color: #9A9A9A;
        text-transform: uppercase;
    }

.content-title > h2 {
    position: relative;
    padding-bottom: 15px;
}

    .content-title > h2::before {
        content: '';
        position: absolute;
        left: 0;
        height: 8px;
        width: 80px;
        background: #0087FF;
        bottom: 0;
    }

.servicios {
    background: #F8F8F8;
 
}

@media screen and (min-width: 960px){
    .servicios {
        
min-height: calc(100vh - 178px);
    }
}

h3.title-services {
    font-size: 34px;
    border-bottom: 1px solid #003579;
    line-height: 48px;
    padding-bottom: 35px;
}

.servicios > div > div.uk-container > div {
    margin-bottom: 50px;
}

.head-service > div > div:first-child > div > img {
    border-radius: 30px;
    border: 2px solid #f2f2f2;
}

.content-servicios p {
    font-size: 14px;
}

.content-servicios a {
    font-size: 13px;
    text-decoration: none;
    color: #0087FF;
    font-weight: 500;
}

a.detail-services {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: end;
    padding: 15px;
}

.content-servicios p.uk-text-semi-bold {
    font-weight: 600 !important;
}

.panel-new h3 + p {
    font-size: 18px;
}

.content-slide li:first-child {
    padding-top: 10px;
}

.powered {
    padding: 5px 10px;
}

    .powered > p {
        font-size: 12px;
        color: #003579;
    }

@media screen and (max-width: 510px) {

    .uk-slideshow,
    .uk-slideshow > ul,
    .uk-slideshow > ul > li,
    .uk-slideshow > ul > li > img {
        min-height: 160px !important;
    }
}

@media screen and (max-width: 480px) {
    .content-slide h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .content-slide > ul {
        display: block;
        text-align: center;
    }

    .content-slide h3 > br {
        display: none;
    }

    .content-slide > p {
        font-size: 20px;
        line-height: 24px;
    }

    .panel-new {
        padding: 10px 0px;
    }

    a.button-link {
        display: block;
        text-align: center;
        padding: 15px;
    }

    .content-title > h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .servicios > .uk-padding {
        padding: 10px 0px;
    }

    .content-form {
        max-width: 100%;
    }

    .head-service {
        text-align: center;
    }

    h3.title-services {
        font-size: 28px;
        line-height: 32px;
    }
}

.breadcrumb.servicio {
    background: #F3F4F6;
    border-top: 1px solid #E5E7EB;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    position: relative;
}

    .breadcrumb.servicio * {
        color: #003579;
    }

.here > span.uk-visible-large {
    color: #000000;
    font-family: 'Segoe UI';
}


.rating {
    display: inline-block;
    position: relative;
    line-height: 22px;
    font-size: 25px;
}

    .rating label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        cursor: pointer;
    }

        .rating label:last-child {
            position: static;
        }

        .rating label:nth-child(1) {
            z-index: 5;
        }

        .rating label:nth-child(2) {
            z-index: 4;
        }

        .rating label:nth-child(3) {
            z-index: 3;
        }

        .rating label:nth-child(4) {
            z-index: 2;
        }

        .rating label:nth-child(5) {
            z-index: 1;
        }

        .rating label input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .rating label .icon {
            float: left;
            color: transparent;
        }

        .rating label:last-child .icon {
            color: #cccccc;
        }

    .rating:not(:hover) label input:checked ~ .icon,
    .rating:hover label:hover input ~ .icon {
        color: #F97316;
    }

    .rating label input:focus:not(:checked) ~ .icon:last-child {
        color: #cccccc;
        text-shadow: 0 0 5px #F97316;
    }

.uk-notification-message > div {
    font-size: 18px !important;
    display: flex;
    align-items: center;
    font-weight: 600;
}

    .uk-notification-message > div svg {
        width: 25px;
        margin-left: 10px;
        color: #f97316;
    }

.panel-info div > span > svg,
.panel-info p > span > svg {
    color: #F97316;
    font-size: 18px;
}

.panel-info div > span + strong,
.panel-info p > span + strong {
    font-weight: 600;
}

.uk-button-link {
    border: none;
    font-size: 16px;
    font-weight: 300;
    color: #0087FF;
    font-family: 'Segoe UI';
}

.panel-info p > a {
    font-size: 14px;
    color: #60A5FA;
    font-family: 'Segoe UI';
}

ul.list-space > li:not(:last-child) {
    margin-bottom: 10px;
}

.breadcrumb.servicio + div + div.content-servicio > div .panel.panel-info + .panel.panel-info,
.breadcrumb.servicio + div + div.content-servicio > div .panel-muted {
    margin-top: 25px;
}


.content-stick-centros ul.uk-list.uk-list-space.uk-text-center > li:not(:last-child) {
    margin-bottom: 25px;
}

.content-stick-centros ul.uk-list.uk-list-space.uk-text-center > li > a {
    color: #003579;
    font-weight: 600;
}

@media screen and (max-width: 480px) {
    .breadcrumb.servicio + div + div .panel.panel-info > h4.uk-text-bold.c-blue.f-segoe {
        display: block !important;
    }


    .padding.panel.panel-muted > p {
        font-size: 15px;
    }

    .breadcrumb.servicio + div + div > .uk-container > .uk-flex-medium > a {
        margin-bottom: 15px;
        width: 100%;
    }

    .catg {
        /* margin-bottom: 15px; */
    }
}


.panel .uk-dropdown {
    min-width: 348px;
}

.new-form-content section.rd-content-form {
    background: transparent;
    border: 1px solid #E5E5E5;
    padding: 0px;
    max-width: 520px;
    overflow: hidden;
}

    .new-form-content section.rd-content-form h2 {
        color: #003876;
        font-weight: 700;
        font-family: 'Inter';
        line-height: 29px;
        padding: 22px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
        background: #F8F8F8;
    }

.new-form-content form {
    padding: 50px;
    max-height: 580px;
    overflow: auto;
}

@media screen and (max-width: 480px) {
    .new-form-content section.rd-content-form h2 {
        padding: 10px 0px;
    }

    .new-form-content form {
        padding: 25px;
    }
}

button.uk-button.uk-width-1-1 {
    width: 100%;
    margin-bottom: 15px;
    background: #003579 !important;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 500 !important;
    text-transform: capitalize;
    height: 45px;
}

.new-form-content section.rd-content-form form input::placeholder,
.new-form-content section.rd-content-form form select {
    color: #707070;
    font-size: 14px;
}

.new-form-content section.rd-content-form form div.uk-inline + a {
    color: #003670;
    font-family: 'Roboto';
    display: block;
}

.new-form-content section.rd-content-form form label {
    font-weight: 500;
    color: #231F20;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.new-form-content section.rd-content-form form a.uk-button.uk-width-1-1 {
    border: 1px solid #003579;
    text-transform: capitalize;
    font-size: 16px;
    height: 45px;
    line-height: 44px;
    font-weight: 500;
    color: #003579;
}

.new-form-content .rd-content-form button.uk-button.btn-reset:hover {
    background: #ffffff !important;
    color: #003579 !important;
}

.content-servicios .uk-card > p + p {
    overflow: hidden;
    max-height: 80px;
}

.content-servicios.uk-grid > div > div.uk-card {
    min-height: 220px;
    position: relative;
}

.prelogin .content-footer .uk-grid > div:last-child {
    display: none;
}

.ingresar > a.uk-button {
    z-index: 9;
    position: relative;
    padding: 0px 15px;
    min-width: 165px;
    text-align: left;
}

    .ingresar > a.uk-button:hover {
        background: #ffffff;
        color: #003579 !important;
    }

    .ingresar > a.uk-button + div.uk-dropdown {
        width: 100%;
        min-width: 163px;
        padding: 20px 15px;
        top: 15px !important;
        z-index: 1;
    }



        .ingresar > a.uk-button + div.uk-dropdown > a {
            font-size: 12px;
            font-weight: 600;
            color: #003579;
        }



            .ingresar > a.uk-button + div.uk-dropdown > a > img, .ingresar > a.uk-button + div.uk-dropdown > a > sgv {
                margin-right: 8px;
            }

.content-servicio .qr {
    position: absolute;
    right: 0;
    top: 0px;
}

    .content-servicio .qr > img {
        width: 100%;
        max-width: 160px;
    }

@media screen and (max-width: 1400px) {
    .head-content .panel h2 {
        font-size: 1.7rem;
    }

    .content-servicio .qr {
        min-width: 160px;
        text-align: center;
    }

        .content-servicio .qr > img {
            max-width: 130px;
        }

    .content-servicio .qr {
        top: -5px;
    }
}

@media screen and (max-width: 1240px) {
    .head-content .panel h2 {
        font-size: 1.5rem;
    }

    .content-servicio .qr > img {
        max-width: 110px;
    }
}


@media screen and (max-width: 884px) {
    .content-servicio .qr {
        position: relative;
        top: 0;
        margin-top: 10px;
        text-align: center;
    }

        .content-servicio .qr > img {
            max-width: 160px;
        }
}


@media screen and (max-width: 768px) {
    .content-footer .uk-grid > div > div.uk-grid > div {
        max-width: 50%;
    }

        .content-footer .uk-grid > div > div.uk-grid > div.uk-grid-margin {
            margin-top: 5px;
        }
}

.content-servicio .qr::before {
    position: absolute;
    bottom: -22px;
    content: 'Descargar tu expediente';
    font-size: 12px;
    text-align: center;
    width: 100%;
    left: 0px;
}

a.uk-button.nextBtn {
    display: block;
    max-width: 160px;
    margin-right: 25px;
    margin-left: auto;
    background: #003579;
    color: #ffffff !important;
    position: relative;
    border: 1px solid !important;
    line-height: 40px;
}

    a.uk-button.nextBtn + p {
        text-align: center;
        padding: 5px 0px;
    }

.nextBtn:hover {
    background: #ffffff !important;
}

a.uk-button.nextBtn:hover {
    color: #003579 !important;
}

div#toggle-filter > form div.btns > a {
    background: #ffffff;
    width: 100%;
    max-width: 130px;
    color: #5e9c76;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    border-radius: 25px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
}

    div#toggle-filter > form div.btns > a::before {
        content: url('https://ulticabinet.com/upload/files/export-csv.svg');
        width: 30px;
        position: absolute;
        right: 12px;
        top: 4px;
        line-height: 10px;
    }

    div#toggle-filter > form div.btns > a:hover {
        transform: scale(1.1);
    }

a.uk-button.prevBtn {
    width: 100%;
    display: block;
    max-width: 160px;
    border: 1px solid;
    margin-right: auto;
    margin-left: 25px;
    background: #003579;
    color: #ffffff !important;
    line-height: 40px;
}

@media screen and (min-width: 768px) {
    a.uk-button.nextBtn {
        float: right;
    }

    a.uk-button.prevBtn {
        float: left;
    }
}

a.uk-button.nextBtn,
a.uk-button.prevBtn {
    margin-top: 15px;
}

    a.uk-button.prevBtn:hover {
        background: #ffffff !important;
        color: #003579 !important;
    }

@media screen and (max-width: 480px) {
    a.uk-button.nextBtn,
    a.uk-button.prevBtn {
        margin: 10px auto;
    }
}

body.create .content-servicio > div > h2 + div.panel {
    display: none;
}

.form-request-data select.form-select {
    width: 100%;
}

.educacion-universitaria p.titulo {
    height: 20px;
    overflow:  hidden;
}

.content-servicio select.form-select.mb.cats {
    height: 35px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    font-family: 'Poppins';
    width: 100%;
}

#requisitos .form-style-primary {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
}

#requisitos .form-style-primary > div {
 padding: 15px;
}

#requisitos .form-style-primary > div > label {
    display: block;
    color: #003876;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

#requisitos .form-style-primary > div  input, #requisitos .form-style-primary > div  select {
    height: 35px;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    font-family: 'Poppins';
}

#requisitos .form-style-primary > div textarea {
    width: 100%;
    resize: none;
    border-radius: 5px;
    border: 1px solid #cccccc;
}

#procedimientos .cont-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    background: #003579;
}

#procedimientos .cont-icon > span > svg {
    color: #ffffff;
    width: 30px;
}

#procedimientos .uk-width-1-2\@m > .uk-card {
    padding: 20px;
}

@media screen and (max-width: 510px){
    #requisitos .form-style-primary {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 10px;
}
    .content-menu > div > .uk-flex {
        /* justify-content: center; */
    }
}

.panel-top-header .uk-flex-medium > .panel-info{
    padding: 0px !important;
    width: 100%;
    max-width: 460px;
}

.panel-top-header .uk-flex-medium > .panel-info .uk-card {
    padding: 0 !important;
    background: transparent;
    box-shadow: none;
}

.panel-top-header .uk-flex-medium > .panel-info .uk-card  h4 {
    margin: 9px 0px;
}

.panel-top-header .uk-flex-medium {
    align-items: center;
}

.panel-top-header .uk-flex-medium > .panel-info > div.uk-grid > div {
    width: 100%;
    max-width: 50%;
    padding-left: 20px;
}

.uk-transition-slide-left {
    transition: all 2s ease-in-out 0.2s;
}



.admin-services p > input,
.admin-services p > textarea {
    width:100%;
    border:1px solid #cccccc;
    padding:2px 5px;
    min-height: 25px;
    border-radius: 5px;
}
.admin-services p > input + input{
    margin-top: 5px;
}

.content-slide {
    width: 100%;
    max-width: 680px;
}

.content-body-request {
    min-height: calc(100vh - 246px);
}

.content-body-request .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
    display: none;
}



.content-body-request > div.uk-grid > div.uk-width-1-1 > .content-table {
    background: #edf3fd;
    padding-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.content-body-request > div.uk-grid > div.uk-width-1-1 > .content-table .uk-table tr h4 {
    color: #ffffff !important;
}

.content-body-request > div.uk-grid > div.uk-width-1-1 > .content-table .uk-table thead > tr > th {
    background: #003876 !important;
}



.content-body-request > div.uk-grid > div.uk-width-1-1 > .content-table .uk-table tr > td > input {
    height: 35px;
    width: 100%;
    padding: 2px 5px;
}

.list-item {
    text-align: center;
   
}

.list-item  button.btn-login-expe {
    border: none;
    height: 22px;
    width: 22px;
    line-height: 22px;
    border-radius: 25px;
    margin-left: 15px;
    background: #003579;
    color: #ffffff !important;
    cursor:pointer;

}

.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
    background: #d2dbeb !important;
} 
         

.content-slide ul.uk-list > li {
    font-size: 20px;
    color: #003579;
}    

body.admin .content-body-request {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
}
                                          
.uk-slideshow a.uk-slidenav {
    background: rgb(255 255 255 / 50%);
    width: 50px !important;
    height: 50px !important;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #003579;
    font-weight: 800;
}
.content-body-request > div.uk-grid > div.uk-width-1-1 > .content-table .uk-table tr > td:first-child {
    min-width: 160px;
}

h2.uk-modal-title {
    text-align: center;
    color: #003579;
    font-weight: 500;
}

.uk-modal-dialog {
    padding: 15px;
}

@media screen and (min-width: 768px){
    .uk-modal-dialog {
        padding: 25px;
    }
}

select, input, textarea {
    border: 1px solid #cccccc;
    border-radius: 5px !important;
}


a.ticket > div > img:first-child {
    padding-top: 10px;
}

a.ticket > div > img {
    transition: all 0.5s ease-in-out 0.1s;
    height: 50px;
}

.content-body-request h5.uk-grid-margin + hr {
    display: none;
}

.content-body-request h5.uk-grid-margin, .content-body-request h5.uk-grid-margin + hr + div {
    margin-top: 20px !important;
}

a.ticket > div {
    margin: 0 auto;
}

.content-servicio.uk-padding-small {
    padding-bottom: 0px;
}

body.admin,
body.WFP,                                    
header + form {
    background: #ffffff;
}                                         
/*body.WFP div#service-primary {
    min-height: calc(100vh - 165px);
}*/

body.WFP .container {
    padding: 0;
}

body.WFP .panel-top-header h4 {
    margin-top: 25px !important;
    margin-bottom: 0;
}                                          

body.WFP div#requisitos {
    padding: 0;
}                                         

.style-btn-blue {
    padding: 0px 15px;
}                                         
                                              
@media screen and (max-width: 510px){
    .content-footer {
        padding: 25px 0px;
    }
    
    .logo-footer img {
        max-width: 270px;
    }
    .panel.panel-info {
        padding: 0;
    }
}
.uk-table td p {
    margin: 0;
}
                         
#offcanvas-menu .uk-offcanvas-close > svg:last-child {
    display: none;
}                 

.wfp .servicios .servicio-inap > div.panel {
    text-align: center;
}
@media screen and (min-width: 1528px){
    div#service-primary .content-servicio  form {
        min-height: 586px;
    }
}

@media screen and (max-width: 1528px){
    div#service-primary .content-servicio  form {
        min-height: 370px;
    }
}
                               
 .WFP .modal + .content-servicio .panel > div.uk-grid > div.uk-grid-margin,                                       
 .wfp .modal + .content-servicio .panel > div.uk-grid > div.uk-grid-margin {
    margin-top: 20px;
}

.WFP .modal + .content-servicio .panel > div.uk-grid  > hr,
.WFP .modal + .content-servicio .panel > div.uk-grid > div.alert-info > div > p:nth-child(1),
.WFP .modal + .content-servicio .panel > div.uk-grid > div.alert-info > div > p:nth-child(3),
.wfp .modal + .content-servicio .panel > div.uk-grid  > hr,
.wfp .modal + .content-servicio .panel > div.uk-grid > div.alert-info > div > p:nth-child(1),
.wfp .modal + .content-servicio .panel > div.uk-grid > div.alert-info > div >  p:nth-child(3) {
    display: none;
}


.WFP .modal + .content-servicio .panel > div.uk-grid > div.alert-info > div > h5,
.wfp .modal + .content-servicio .panel > div.uk-grid > div.alert-info > div > h5 {
    margin-top: 0px;
}                                        
 

                                      
@media screen and (max-width: 510px){

  ul.uk-slideshow-items, ul.uk-slideshow-items > li, ul.uk-slideshow-items > li > img {
    min-height: 160px !important;
    max-height: 160px;
  }

  ul.uk-slideshow-items > li > div.uk-overlay {
    display: none;
  }                                                  
    
}                                       
                                          
.uk-slideshow, ul.uk-slideshow-items, ul.uk-slideshow-items > li, ul.uk-slideshow-items > li > img {
    max-height: 720px !important;
}