a, .link {
    text-decoration: none
}

h1 {
    line-height: 1;
    font-size: 2.2rem
}

.content-center {
    justify-content: center !important
}

.card:not(.card-brand) {
    box-shadow: rgba(149,157,165,.2) 0px 8px 24px;
    padding: 30px 20px;
    border-radius: 40px;
    margin-bottom: 35px;
    margin-top: 15px
}

#main-wrapper {
    margin-bottom: 35px
}

.block h3, .block h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #004d84;
    font-size: 1.3rem;
    line-height: 1;
    padding-bottom: 15px
}

    .block h3:not(.secretaria):before, .block h2::before {
        display: inline-block;
        content: "";
        width: 4px;
        height: 23px;
        background: #004d84;
        margin-right: 5px;
        margin-bottom: -5px;
        border-radius: 5px
    }

    .block h3::after, .block h2::after {
        display: block;
        content: "";
        width: 102%;
        height: 1px;
        background: #d8d9da;
        margin-right: 5px;
        margin-left: -1%;
        margin-top: 10px;
        margin-bottom: -5px
    }

.img-hover-zoom img {
    margin: 0 0 20px;
    box-shadow: rgba(0,0,0,.15) 0px 2px 8px
}

.btn-pink {
    background-color: #ff4b7d;
    border-color: #ff376f;
    color: #fff
}

    .btn-pink:hover {
        color: #fff;
        background-color: #ff376f
    }

.btn-purple {
    background-color: #6c3d92;
    border-color: #5c2786;
    color: #fff
}

    .btn-purple:hover {
        color: #fff;
        background-color: #5c2786
    }

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #62626229
}

::-webkit-scrollbar-thumb {
    background-color: #8d8d8dd1
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #dd1f66;
        -webkit-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .8;
    right: -30px
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .8;
    left: -30px
}

.flex-direction-nav a::before {
    color: rgba(255,55,111,.9)
}

.flex-direction-nav a {
    width: 40px;
    height: auto;
    margin: -20px 0 0;
    top: 45%
}

.flex-control-paging li a {
    background: rgba(255,55,111,.5)
}

    .flex-control-paging li a.flex-active {
        background: #ff376f;
        cursor: default
    }

#header {
    margin-bottom: 160px
}

#navbar-main {
    padding-top: 0rem;
    padding-bottom: 0px
}

    #navbar-main .top-header {
        height: 30px;
        width: 100%;
        z-index: 9999;
        transition: .6s
    }

    #navbar-main .navbar-brand {
        position: absolute;
        width: 250px;
        text-align: center;
        background-color: #fff;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        transition: .6s;
        box-shadow: -1px -45px 55px 28px rgba(0,0,0,.49);
        -webkit-box-shadow: -1px -45px 55px 28px rgba(0,0,0,.49);
        -moz-box-shadow: -1px -45px 55px 28px rgba(0,0,0,.49);
        z-index: 9000
    }

        #navbar-main .navbar-brand img {
            width: 240px;
            transition: .6s
        }

    #navbar-main .navbar-collapse::before, #navbar-main .navbar-forms::before {
        content: "";
        width: 270px;
        height: 40px;
        float: left;
        transition: .6s
    }

    #navbar-main .navbar-collapse {
        flex-basis: 100%
    }

    #navbar-main .nav-item a {
        margin: 0px 5px
    }

    #navbar-main .nav-link {
        display: block;
        padding: .1rem .8rem;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        font-size: .9rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        text-transform: uppercase;
        border-bottom: 2px solid transparent
    }

        #navbar-main .nav-link:hover, #navbar-main .nav-link.show {
            border-bottom: 2px solid #ff376f
        }

    #navbar-main .dropdown-toggle {
        cursor: pointer
    }

    #navbar-main .dropdown-menu {
        background-color: rgba(255,55,111,.9);
        border: none;
        border-radius: .25rem;
        padding: 5px 10px;
        transition: .6s
    }

        #navbar-main .dropdown-menu.show, #navbar-main .dropdown-toggle:hover .dropdown-menu {
            display: block;
            padding-right: 25px;
            min-width: 300px;
            transition: .6s
        }

        #navbar-main .dropdown-menu .dropdown-item {
            border-bottom: 1px solid #fff;
            padding: 5px 5px
        }

            #navbar-main .dropdown-menu .dropdown-item:last-child {
                border-bottom: none;
                padding-bottom: 10px
            }

        #navbar-main .dropdown-menu a, #navbar-main .dropdown-menu span {
            color: #fff
        }

    #navbar-main .dropdown-item:active, #navbar-main .dropdown-item:focus, #navbar-main .dropdown-item:hover {
        font-weight: bold;
        background-color: transparent;
        cursor: pointer
    }

    #navbar-main .navbar-aux {
        display: block;
        width: 100%;
        top: 0;
        opacity: 1;
        transition: opacity .4s ease,top .4s step-start;
        -webkit-transition: opacity .4s ease,top .4s step-start;
        -moz-transition: opacity .4s ease,top .4s step-start;
        -ms-transition: opacity .4s ease,top .4s step-start;
        -o-transition: opacity .4s ease,top .4s step-start
    }

    #navbar-main #search-block-form {
        padding: 3px 0px;
        flex-flow: row wrap
    }

    #navbar-main .search-block-form .btn-link {
        color: #fff;
        text-align: center;
        padding: .6rem .7rem
    }

    #navbar-main input[type=search] {
        width: 350px;
        float: right;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: .3rem .7rem;
        line-height: 1;
        font-style: italic;
        background: transparent;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold
    }

        #navbar-main input[type=search]::placeholder {
            color: #fff;
            opacity: 1
        }

        #navbar-main input[type=search]:focus {
            border-color: #fff;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(58,180,229,.25)
        }

    #navbar-main .block-social-media-links {
        color: #fff
    }

        #navbar-main .block-social-media-links ul {
            margin-bottom: 0rem
        }

        #navbar-main .block-social-media-links a {
            color: #fff;
            font-size: .9rem;
            margin-left: 8px
        }

    #navbar-main.navbar-expand-lg {
        flex-wrap: wrap;
        justify-content: flex-start
    }

.nav-link--search {
    display: none
}

#navbar-main .nav-item:last-child {
    display: none
}

#navbar-main.scroll-collapse {
    box-shadow: rgba(0,0,0,.1) 0px 4px 12px
}

    #navbar-main.scroll-collapse .top-header {
        height: 0px
    }

    #navbar-main.scroll-collapse .navbar-brand {
        padding: 1px 0px;
        width: 160px
    }

        #navbar-main.scroll-collapse .navbar-brand img {
            width: 140px
        }

    #navbar-main.scroll-collapse .navbar-collapse::before {
        width: 190px
    }

    #navbar-main.scroll-collapse .navbar-aux {
        opacity: 0;
        position: absolute;
        top: 100%;
        z-index: 1;
        transition: opacity .4s ease,top .4s step-start
    }

    #navbar-main.scroll-collapse .nav-link--search {
        display: block
    }

    #navbar-main.scroll-collapse .nav-item:last-child {
        display: block
    }

    #navbar-main.scroll-collapse .nav-link--search::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 15px;
        content: "";
        color: #fff
    }

.background-front-page {
    position: absolute;
    width: 100%;
    left: 0;
    height: 650px;
    margin-top: -35px
}

.lo-mas-buscado a, .lo-mas-buscado .link {
    color: #727176;
    text-decoration: none;
    font-weight: bold
}

.lo-mas-buscado .item {
    border: 1px solid #d8d9da;
    border-radius: 15px;
    width: 30%;
    margin: auto;
    margin-top: 20px;
    padding: 10px 15px
}

.banners-front-page .flexslider {
    margin: 0px
}

.banners-front-page .flex-viewport {
    height: auto !important
}

.banners-front-page .flexslider .slides > li {
    box-shadow: rgba(0,0,0,.24) 0px 3px 8px;
    margin-bottom: 10px
}

.list-prensa .row {
    padding-top: 6px;
    padding-bottom: 6px
}

.list-prensa img {
    width: 100%;
    height: auto
}

.list-prensa p, .list-prensa a {
    line-height: 1.1;
    color: #727176
}

    .list-prensa p small {
        color: #ff376f
    }

.list-prensa.overflow {
    overflow-y: auto;
    overflow-x: hidden;
    height: 450px
}

.content-noticias .field__label {
    font-weight: bold
}

.content-noticias .resumen {
    color: #575757;
    margin: 15px 0px;
    font-weight: bold
}

.content-noticias .fecha-nota {
    line-height: 1.5em;
    margin: 20px 0;
    font-weight: bold;
    color: rgba(114,113,118,.7);
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(114,113,118,.6)
}

.content-noticias .flex-control-nav {
    width: 100%;
    position: static;
    text-align: center;
    background: #fff;
    padding: 0px 0px;
    min-height: 45px
}

.content-noticias .flex-control-thumbs {
    margin: 0
}

.content-noticias .flexslider {
    background: #fff
}

.view-lo-mas-visto h2 {
    border-bottom: none
}

.view-lo-mas-visto .lo-mas-visto span hr {
    height: 10px;
    margin: 10px -10px;
    border-top: 1px solid #dd1f66
}

.view-lo-mas-visto .lo-mas-visto:last-child span hr {
    border-top: 0
}

.view-lo-mas-visto a, .view-lo-mas-visto p, .relacionado a, .relacionado p {
    padding-top: .5rem;
    color: #727176;
    line-height: 1.1;
    font-weight: bold
}

.prensa .views-field-field-fecha-de-la-nota-2 {
    background-color: #dd1f66;
    color: #fff;
    position: absolute;
    font-size: .9rem;
    padding: 5px;
    width: 50px;
    text-align: center;
    background: #dd1f66
}

    .prensa .views-field-field-fecha-de-la-nota-2 div {
        text-align: center;
        width: 100%;
        font-size: .9rem
    }

    .prensa .views-field-field-fecha-de-la-nota-2 #mes::after, .prensa .views-field-field-fecha-de-la-nota-2 #anyo::after {
        position: absolute;
        left: 30%;
        margin: 0px;
        width: 40%;
        height: 1px;
        background-color: rgba(255,255,255,.4);
        content: ""
    }

.prensa .views-field-nothing p {
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 7px;
    margin-bottom: 5px;
    font-weight: bold
}

.prensa .views-field-field-resumen p, .prensa .views-field-nothing-1 {
    font-size: .8rem;
    margin-bottom: 3px;
    margin-top: 5px;
    line-height: 1.1
}

.prensa .noticia {
    margin-bottom: 15px;
    margin-top: 15px
}

.prensa .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #dd1f66;
    border-color: #dd1f66
}

.prensa img {
    width: 260px
}

.prensa .form-row {
    display: flex
}

.card-secretaria {
    border: 2px solid #5d2c84;
    height: 100%;
    padding: 15px
}

.page-dependencias .views-field-nothing-1 {
    height: 100%
}

.page-dependencias .card-secretaria img {
    margin-bottom: 15px
}

.page-dependencias .card-secretaria .google-map-field {
    margin-bottom: 5px
}

.page-dependencias .card-secretaria p {
    line-height: 1.1;
    text-align: center;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle
}

    .page-dependencias .card-secretaria p span {
        display: inline-block
    }

.page-dependencias .card-secretaria .address {
    padding: 10px;
    min-height: 100px;
    display: table;
    text-align: center;
    width: 100%
}

.page-dependencias .card-secretaria .btn {
    border-radius: 0rem;
    padding: .6rem .6rem
}

.menu--footer .navbar-nav {
    display: flex;
    flex-direction: inherit;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

#block-views-block-noticias-block-4 .fs-xs {
    text-align: justify
}

.gabinete p {
    margin-bottom: 0px;
    font-size: .9rem;
    text-align: center
}

    .gabinete p.views-field-title {
        font-size: 1rem
    }

.gabinete header {
    width: 100%;
    padding-bottom: 25px
}

.gabinete .titular {
    margin-bottom: 15px
}

    .gabinete .titular:hover a {
        color: #dd1f66
    }

.img-hover-zoom {
    overflow: hidden
}

    .img-hover-zoom img {
        transition: transform 1.5s,filter 1s ease-in-out;
        transform-origin: center center;
        filter: brightness(80%)
    }

.gabinete .titular:hover .img-hover-zoom img {
    filter: brightness(100%);
    transform: scale(1.05)
}

.curriculum .social-media-links--platforms {
    text-align: center;
    padding: 10px
}

    .curriculum .social-media-links--platforms.horizontal li {
        display: inline-block;
        text-align: center;
        padding: .2em .35em;
        min-width: 30px;
        color: #fff
    }

        .curriculum .social-media-links--platforms.horizontal li .fa {
            font-size: 18px
        }

.curriculum hr {
    height: 1.5px;
    margin: 20px 0px;
    border-top: 1px solid #dd1f66
}

.curriculum h3.secretaria {
    color: #545859;
    line-height: .8;
    font-size: 1.8rem
}

.curriculum h1.titile {
    font-size: 2.3rem
}

.curriculum .field--name-body h3, .curriculum .field--name-body h2 {
    color: #3b3b3b;
    text-transform: none;
    padding-bottom: 5px
}

    .curriculum .field--name-body h3::after, .curriculum .field--name-body h2::after {
        display: none
    }

    .curriculum .field--name-body h3::before, .curriculum .field--name-body h2::before {
        display: none
    }

.page-link {
    color: #dd1f66;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        color: #dd1f66;
        background-color: rgba(221,31,101,.05);
        border-color: rgba(221,31,101,.05)
    }

    .page-link:focus {
        box-shadow: 0 0 0 .2rem rgba(221,31,101,.25)
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: #e6e6e6;
    text-decoration: none;
    background-color: transparent
}

@media(max-width: 767px) {
    hr {
        margin: 25px -2%
    }

    .flex-caption {
        font-size: 3.5vw;
        padding: 7px 3px 7px 3px
    }

    .flex-control-paging li a {
        background: rgba(255,4,102,.17);
        box-shadow: inset 0 0 3px #ff0061
    }

        .flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
            background: #ff0569
        }

    .flex-control-nav {
        background: #fff
    }

    .h3, h3 {
        font-size: 1.4rem
    }

    .banners-destacados img {
        max-width: 90%
    }

    .background-front-page {
        height: 480px;
        margin-top: -35px
    }

    .sidebar_second {
        margin-top: 25px
    }
}

.login-card {
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0,0,0,.18);
    box-shadow: 0px 0px 80px 0px rgba(0,0,0,.18);
    padding: 50px;
    padding-top: 30px;
    background-color: #fff
}

.login-content img.opacity {
    filter: opacity(50%)
}

#loginContent a {
    padding-left: 30px;
    font-weight: bold;
    color: #002871
}

.login-content #edit-actions {
    padding-top: 20px;
    text-aling: center;
    width: 100%
}

    .login-content #edit-actions #edit-submit {
        width: 100%
    }

@media(max-width: 767px) {
    .h1, h1 {
        font-size: 1.7rem
    }

    .content-noticias {
        font-size: .9rem
    }

        .content-noticias .resumen {
            font-size: 1rem
        }

    .fecha-nota {
        font-size: 1rem
    }

    .view-lo-mas-visto p {
        font-size: .9rem
    }

    .view-lo-mas-visto hr {
        margin: 15px -2%
    }
}

@media(min-width: 767px)and (max-width: 991px) {
    .h1, h1 {
        font-size: 2rem
    }

    .view-lo-mas-visto h2 {
        font-size: 1.2rem
    }

    .view-lo-mas-visto p {
        font-size: .8rem;
        line-height: 1.1
    }

    .page-dependencias .card-secretaria .address {
        padding: 10px 15px
    }
}

.card-secretaria .map-container {
    height: 150px !important
}

.licitaciones label {
    font-weight: bold
}

.licitaciones .row {
    padding-top: 15px;
    padding-bottom: 15px
}

    .licitaciones .row.odd {
        background: #f5f6f6
    }

.title-border {
    padding-left: 0px;
    border-bottom: 2px solid #ff376f;
    margin-bottom: 15px
}

    .title-border a, h3.title-border, .title-border h3 {
        color: #002871;
        font-weight: 800;
        text-transform: uppercase
    }

        .title-border a:hover {
            text-decoration: none
        }

.text-primary {
    color: #002871 !important
}

.uppercase {
    text-transform: uppercase
}

table tr th, table tr th a, table tr th a:hover, table tr th a:focus {
    color: #3b3b3b;
    font-weight: bold
}

.enlaces-destacado .card-enlaces {
    border: 1px solid #002871;
    min-height: 150px;
    padding: 15px
}

    .enlaces-destacado .card-enlaces a {
        font-weight: bold;
        font-size: 1.3rem;
        text-transform: uppercase;
        border-left: 4px solid #dd1f66;
        padding-left: 5px
    }

    .enlaces-destacado .card-enlaces p {
        padding-left: 9px
    }

.logo-footer {
    border-bottom: 3px solid #fff;
    margin: 8px;
    padding: 20px 10px;
    width: 250px !important;
    height: auto;
    background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -50px;
    z-index: 1
}

footer li {
    list-style: none
}

footer ul {
    padding-left: 0px
}

footer span.nav-link {
    margin-bottom: 8px;
    border-bottom: 3px solid #fff;
    padding-bottom: 6px;
    font-size: 1rem;
    font-weight: bold
}

footer a, footer a.link, footer a.nav-link, footer .nav-link {
    color: #fff;
    text-decoration: none;
    font-style: italic;
    padding: 0px
}

footer .menu span.nav-link {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: .9rem;
    line-height: 1;
    border-bottom: none;
    font-style: italic
}

footer .menu-item--expanded {
    margin-left: auto;
    margin-right: auto
}

footer.site-footer {
    background: #004eaa;
    background: linear-gradient(90deg, #004eaa 20%, #9568c6 80%);
    padding: 35px 0 0px
}

.pre-footer {
    position: relative;
    height: 35px;
    margin-bottom: 0px;
    width: 100%;
    box-shadow: rgba(0,0,0,.07) 0px 1px 1px,rgba(0,0,0,.07) 0px 2px 2px,rgba(0,0,0,.07) 0px 4px 4px,rgba(0,0,0,.07) 0px 8px 8px,rgba(0,0,0,.07) 0px 16px 16px;
    z-index: 1054
}

.nav-link:focus, .nav-link:hover {
    color: #fff;
    text-decoration: underline
}

span.nav-link:focus, span.nav-link:hover {
    text-decoration: none
}

.site-footer__top .content .social-media-links--platforms li a {
    border-bottom: none;
    border-color: none;
    color: #fff;
    font-size: 1rem
}

.site-footer .social-media-links--platforms.horizontal li {
    padding: 0em .2em;
    margin-top: 0px
}

.site-footer .content ol:not(.menu), .site-footer .content ul:not(.menu) {
    padding-left: .5em
}

.site-footer__top {
    z-index: 999;
    position: relative
}

.site-footer .container-lg.container-fluid {
    position: relative
}

.img-background {
    position: absolute;
    right: -8%;
    top: 5px
}

.site-footer__bottom {
    letter-spacing: .2px;
    margin: 0px;
    padding: 0;
    border: none;
    margin-top: 60px
}

    .site-footer__bottom p {
        margin-bottom: 0px;
        text-align: center
    }

.stg-nav {
    background: #0e558a;
    background: linear-gradient(90deg, #0e558a 0%, #75a9da 100%);
    color: #fff;
    padding: 15px
}

    .stg-nav .title h1 {
        font-weight: 800;
        font-style: italic;
        text-align: center;
        border: 2px solid #fff;
        border-radius: 45px;
        padding: 2px 35px 5px 35px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0px;
        font-size: 1.5rem
    }

    .stg-nav .stg-navbar-collapse {
        text-align: right
    }

        .stg-nav .stg-navbar-collapse ul {
            display: inline-flex;
            padding: 0px
        }

        .stg-nav .stg-navbar-collapse li {
            list-style: none;
            margin: 7px 5px 7px 0px
        }

            .stg-nav .stg-navbar-collapse li a::before {
                content: "";
                padding: 1.2px;
                margin-right: 5px;
                background-color: #fff
            }

            .stg-nav .stg-navbar-collapse li a {
                color: #fff;
                text-decoration: none;
                padding: 3px
            }

                .stg-nav .stg-navbar-collapse li a:hover {
                    color: #be0f63;
                    text-decoration: underline
                }

                    .stg-nav .stg-navbar-collapse li a:hover::before {
                        background-color: #be0f63
                    }

.page-view-directorio-oic #header {
    margin-bottom: 25px
}

.page-directorio-oic .title-oic {
    border: 5px solid #f52e6d;
    margin-bottom: 50px
}

    .page-directorio-oic .title-oic h1, .page-directorio-oic .title-oic p {
        color: #0d4e8b
    }

    .page-directorio-oic .title-oic p {
        color: #0d4e8b;
        text-transform: uppercase;
        font-size: 1.2rem
    }

.page-directorio-oic .form-row {
    display: flex;
    margin-bottom: 30px
}

.page-directorio-oic .js-form-item-title label {
    font-weight: bold;
    font-size: 1.3rem;
    font-style: italic;
    border-bottom: 3px solid #f52e6d;
    margin-bottom: 15px
}

.page-directorio-oic .js-form-item-title {
    width: 85%
}

.page-directorio-oic .form-control {
    padding: .375rem .75rem;
    color: #212529;
    background-color: #eae5e5;
    border: 1px solid #eae5e5;
    border-radius: .8rem
}

.page-directorio-oic .form-actions {
    margin-bottom: 25px;
    width: 15%
}

.page-directorio-oic .form-submit {
    background-color: #f52e6d;
    border-color: #f52e6d;
    border-radius: .8rem;
    width: 100%
}

.card-directorio-oic {
    border: 3px solid rgba(0,0,0,.6);
    border-radius: 1.3rem;
    padding: 15px 20px
}

    .card-directorio-oic img {
        max-width: 100%;
        height: auto
    }

    .card-directorio-oic h3 {
        border-left: none;
        padding-left: 0pc;
        font-weight: 800;
        letter-spacing: normal;
        font-style: italic
    }

    .card-directorio-oic p {
        margin-bottom: 0px;
        font-size: 1.1rem
    }

    .card-directorio-oic hr {
        height: 2px;
        margin-bottom: 0px;
        background-color: rgba(0,0,0,.6);
        opacity: 1
    }

.container-card-oic {
    position: relative
}

.btn-container {
    position: absolute;
    right: 10px
}

.btn-secondary {
    color: #fff;
    background-color: #f52e6d;
    border-color: #f52e6d
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
        background-color: #df1756;
        border-color: #f52e6d;
        box-shadow: 0 0 0 .25rem #df175663
    }

@media(max-width: 767px) {
    #header {
        margin-bottom: 175px
    }

    #navbar-main .top-header {
        height: 0px
    }

    #navbar-main .navbar-brand {
        margin-right: 0;
        margin: 0px;
        padding: 10px 10px;
        width: 130px;
        top: -25px
    }

    #navbar-main input[type=search] {
        width: 80vw;
        border-radius: 5px;
        padding: .3rem .5rem;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold
    }

    #navbar-main .navbar-forms {
        padding-bottom: 10px
    }

        #navbar-main .navbar-collapse::before, #navbar-main .navbar-forms::before {
            width: 0px;
            height: 40px
        }

    #navbar-main .block-search {
        width: 100%;
        margin-top: 30px
    }

    #navbar-main .navbar-brand img {
        padding-top: 5px
    }

    #navbar-main .navbar-nav {
        margin-top: 25px
    }

    #navbar-main .navbar-toggler, #navbar-main .navbar-toggler:active, #navbar-main .navbar-toggler:focus, #navbar-main .navbar-toggler:active:focus {
        font-size: 1rem;
        color: #fff;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: .25rem .55rem;
        box-shadow: none;
        border: none
    }

    #navbar-main.scroll-collapse .navbar-brand {
        padding: 7px 15px
    }

        #navbar-main.scroll-collapse .navbar-brand img {
            width: 100px
        }

    img {
        max-width: 100%
    }

    .lo-mas-buscado .item {
        border-radius: 15px;
        width: 48%;
        margin-top: 10px;
        padding: 10px 15px
    }

    .block h3, .block h2 {
        font-size: 1rem;
        padding-bottom: 0px
    }

    .card:not(.card-brand) {
        padding: 10px 10px;
        border-radius: 10px;
        margin-bottom: 35px;
        margin-left: 3px;
        margin-right: 3px
    }

    .lo-mas-buscado img {
        width: 45px;
        height: auto
    }

    .h6, h6 {
        font-size: 2.5vw
    }

    #block-paginadefacebook iframe {
        width: 100%
    }

    .banners-front-page .flexslider {
        margin-bottom: 30px
    }

    .banners-front-page .view-content {
        padding: 0px
    }

    .list-prensa p, .list-prensa a {
        color: #727176;
        line-height: 1
    }

        .list-prensa p small, .list-prensa a small {
            color: #ff376f
        }

    footer .menu-item--expanded {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%
    }

    footer span.nav-link {
        color: #fff;
        padding-top: 25px
    }

    footer .menu span.nav-link {
        padding-top: 8px
    }

    footer .site-footer__top .col-md-3 .content {
        margin-left: auto;
        margin-right: auto
    }

    footer.site-footer {
        padding-top: 0px
    }

    .social-media-links--platforms {
        padding-top: 0px;
        text-align: center
    }

    .site-footer .content ul.social-media-links--platforms {
        padding: 0px;
        margin-bottom: 0px
    }

    .stg-logo img {
        width: 100%
    }

    .logo-content {
        text-align: center
    }

    .logo-footer {
        padding: 10px 10px;
        width: 200px !important;
        height: auto;
        background-color: #fff;
        margin-top: 0px;
        z-index: 1
    }

    .img-background {
        right: 0
    }

    .stg-nav .title h1 {
        border: 2px solid #fff;
        border-radius: 45px;
        padding: 2px 5px 5px 5px;
        font-size: 3vw
    }

    .stg-nav .stg-navbar-collapse ul {
        display: inline-flex;
        margin: 0px
    }

    .stg-nav .stg-navbar-collapse {
        text-align: center
    }

        .stg-nav .stg-navbar-collapse li {
            margin: 5px
        }

    .page-directorio-oic .title-oic {
        border: 3px solid #f52e6d;
        margin-bottom: 25px
    }

        .page-directorio-oic .title-oic h1 {
            font-size: 1.2rem
        }

        .page-directorio-oic .title-oic p {
            font-size: .8rem
        }

    .page-directorio-oic .form-row {
        display: block;
        margin-bottom: 30px
    }

    .page-directorio-oic .js-form-item-title label {
        font-size: 1rem;
        border-bottom: 2px solid #f52e6d
    }

    .page-directorio-oic .js-form-item-title {
        width: 100%
    }

    .page-directorio-oic .form-actions {
        width: 100%
    }

    .card-directorio-oic h3 {
        font-size: 1rem
    }

    .card-directorio-oic p {
        font-size: .9rem
    }

    .card-directorio-oic hr {
        margin-bottom: 3px;
        margin-top: 0px
    }

    .btn-container {
        position: absolute;
        left: 0px
    }
}

@media(min-width: 767px)and (max-width: 991px) {
    .stg-logo img {
        width: 100%
    }

    .stg-nav .title h1 {
        font-size: 1rem
    }

    .stg-nav .stg-navbar-collapse li a {
        font-size: .8rem
    }

    .stg-nav .stg-navbar-collapse li {
        margin: 0px 0px 0px 5px
    }

    #navbar-main .navbar-brand {
        position: absolute;
        width: 250px;
        top: -20px;
        z-index: 9000
    }

    #navbar-main input[type=search] {
        width: 220px
    }

    #navbar-main .block-social-media-links a {
        font-size: .9rem;
        margin-left: 0px
    }

    .logo-footer {
        margin-top: -10px
    }

    footer span.nav-link {
        margin-top: 15px
    }

    footer .menu-item--expanded {
        margin-left: 15px;
        margin-right: auto
    }

    .site-footer {
        padding-top: 10px
    }

    .img-background {
        right: 0
    }
}

@media(min-width: 992px)and (max-width: 1200px) {
    #navbar-main .nav-link {
        font-size: .83rem;
        padding: .1rem .3rem
    }

    #navbar-main .nav-item {
        margin: 0px 5px;
        padding: .1rem 0rem
    }

    .logo-footer {
        margin-top: -10px
    }

    footer span.nav-link {
        margin-top: 15px
    }

    footer .menu-item--expanded {
        margin-left: 15px;
        margin-right: auto
    }

    .site-footer {
        padding-top: 10px
    }

    .img-background {
        right: 0
    }
}

img {
    max-width: 100%;
    height: auto
}

.dependencias-oic h2 {
    display: none
}

.dependencias-oic .list-group {
    flex-wrap: wrap;
    flex-direction: inherit
}

.dependencias-oic img {
    height: 110px;
    width: auto
}

.dependencias-oic .list-group-item {
    border: none;
    padding: 10px;
    margin: auto
}

.page-directorio-oic .form-row .form-actions {
    align-self: center
}

.page-directorio-oic .form-actions {
    margin-bottom: -5px !important
}

.page-directorio-oic .js-form-item-field-busqueda {
    width: 85%
}

    .page-directorio-oic .js-form-item-field-busqueda label {
        font-weight: bold;
        font-size: 1.3rem;
        font-style: italic;
        border-bottom: 3px solid #f52e6d;
        margin-bottom: 5px
    }

#edit-field-busqueda::-webkit-input-placeholder::before {
    content: "Escribe la dependencia o entidad del funcionario que esta buscando."
}

.page-directorio-oic .form-actions {
    margin-bottom: -20px !important
}

.encuesta {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999
}

    .encuesta #showEncuesta {
        margin-bottom: 5px
    }

        .encuesta #showEncuesta img {
            width: 80px
        }

    .encuesta a {
        color: #fff
    }

        .encuesta a:hover, .encuesta a:focus, .encuesta a:active {
            color: #fff
        }

    .encuesta #globo {
        background-color: #0c5893;
        opacity: .9;
        min-height: 70px;
        width: 301px;
        position: fixed;
        bottom: 0px;
        z-index: 999998;
        margin: 20px;
        margin-bottom: 15px;
        right: 90px;
        border: 2px #ff376f solid;
        font-size: 14px;
        font-weight: 400;
        color: #3b3b3b;
        padding: 15px;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 20px;
        color: #fff;
        display: none
    }

        .encuesta #globo:before {
            content: "\a";
            border-style: solid;
            border-width: 10px 13px 10px 13px;
            border-color: transparent transparent transparent #ff376f;
            position: absolute;
            right: -28px;
            bottom: 30px
        }

        .encuesta #globo:after {
            content: "\a";
            border-style: solid;
            border-width: 10px 13px 10px 13px;
            border-color: transparent transparent transparent #0c5893;
            position: absolute;
            right: -25px;
            bottom: 30px
        }

    .encuesta .EnUslblPreguntas {
        font-size: 13.5px
    }

    .encuesta .pointer {
        cursor: pointer
    }

    .encuesta .EnUsprogress-bar-amarillo {
        background-color: #ff376f
    }

    .encuesta .EnUsrdbEstrellas {
        display: none
    }

    .encuesta .EnUslblEstrella {
        color: #e4e4e4;
        font-size: 35px;
        line-height: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px
    }

    .encuesta .EnUsclasificacion {
        padding-top: 15px;
        line-height: 0px;
        padding-bottom: 2px;
        margin-bottom: 20px
    }

    .encuesta .EnUsclasificacion {
        direction: rtl;
        unicode-bidi: bidi-override
    }

    .encuesta .EnUslblEstrella:hover, .encuesta .EnUslblEstrella:hover ~ .EnUslblEstrella {
        color: #cc2c59
    }

    .encuesta input[type=radio]:checked ~ .EnUslblEstrella {
        color: #cc2c59
    }

    .encuesta .EnUscontenidoEncuesta {
        min-height: 200px;
        padding: 0px 15px
    }

    .encuesta .btn-amarillo {
        color: #fff !important;
        background-color: #ff376f !important;
        border-color: #ff376f !important
    }

    .encuesta:hover #globo, .encuesta.active #globo {
        display: block
    }

@media(max-width: 414px) {
    .EnUsencuesta {
        right: 0px !important;
        width: 100% !important
    }
}

.nav-link--search {
    color: transparent !important
}

.facil-acceso .modal-content {
    background-color: #f5f6f6;
    border-radius: 0;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem;
    -ms-border-radius: 0rem;
    -o-border-radius: 0rem
}

.facil-acceso .card-info:nth-child(n+2) {
    border-left: #d8d9da solid 3px
}

.facil-acceso .modal-header {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center
}

    .facil-acceso .modal-header .modal-title {
        text-align: center;
        font-size: 1.3em;
        padding-left: 1.5em;
        font-weight: 800;
        color: #0c5893;
        margin: auto
    }

    .facil-acceso .modal-header .btn-close {
        box-sizing: content-box;
        width: 1.5em;
        height: 1.5em;
        border: 0;
        background-color: #ff376f;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z' fill='white'/></svg>");
        border-radius: .25rem;
        opacity: 1;
        padding: 0;
        margin: 0
    }

.facil-acceso .modal-body::before {
    content: "";
    display: flex;
    width: 100%;
    border-bottom: 3px solid #d8d9da;
    margin-bottom: 15px
}

.facil-acceso .modal-body {
    margin-bottom: 2.5em;
    padding-top: .2em
}

.facil-acceso .card-info {
    padding-bottom: 5px
}

    .facil-acceso .card-info img {
        height: 55px;
        margin-bottom: 10px
    }

    .facil-acceso .card-info .title-card {
        font-size: 1.1em;
        font-weight: 900;
        color: #0c5893;
        margin-bottom: 3px
    }

    .facil-acceso .card-info ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .facil-acceso .card-info li {
        padding-top: .55em
    }

.facil-acceso a, .facil-acceso .link {
    font-size: .95em;
    color: #727176;
    font-style: italic
}

@media(max-width: 767px) {
    .facil-acceso .card-info:nth-child(n+2) {
        border-left: 0px;
        border-top: #d8d9da solid 3px;
        padding-top: 10px
    }
}


/* ---------- Color Module Styles ----------- */
/*202309040001*/
/*ceqn*/

/*Inicio de cambios de integrados*/
#botonsillo {
    background: #0c5893;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2312321;
    margin-bottom: 3%;
    padding: 2px;
}
/*Fin de cambios de integrados*/


body {
    color: #3b3b3b;
    background: #ffffff;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
    background: #fff;
}

.tabs ul.primary li a.is-active {
    background-color: #fff;
}

.tabs ul.primary li.is-active a {
    background-color: #fff;
    border-bottom-color: #fff;
}

.top-header {
    background: #004eaa;
    background: linear-gradient(90deg, #004eaa 5%, #9568c6 95%);
}

#navbar-top {
    background-color: #055a8e;
}

#navbar-main {
    background: #004eaa;
    background: linear-gradient(90deg, #004eaa 5%, #9568c6 95%);
}

.navbar-aux {
    background: #9568c6;
    background: linear-gradient(90deg, #9568c6 5%, #004eaa 95%);
}

.background-front-page {
    background: #0c5893;
    background: linear-gradient(90deg, #0c5893 5%, #3ab4e5 95%);
}

a,
.link {
    color: #0071b3;
}

    a:hover,
    a:focus,
    .link:hover,
    .link:focus {
        color: #018fe2;
    }

    a:active,
    .link:active {
        color: #23aeff;
    }

.page-item.active .page-link {
    background-color: #0071b3;
    border-color: #0071b3;
}

.page-link,
.page-link:hover {
    color: #0071b3;
}

.sidebar .block {
    background-color: #f6f6f2;
    border-color: #f9f9f9;
}

.btn-primary {
    background-color: #0C5894;
    border-color: #0C5894;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #005293;
    }

.site-footer {
    background: #0c5893;
    background: linear-gradient(90deg, #0c5893 5%, #3ab4e5 95%);
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
    color: #fffeff;
}


/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
    margin-left: 0;
    margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
    float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
    right: -20px;
    left: 0;
}

/**
 * @file
 * Footer Styling.
 */

.site-footer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 35px 0 30px;
    background: black;
}

    .site-footer .layout-container {
        padding: 0 15px;
    }

@media all and (min-width: 560px) {
    .site-footer__top .region {
        float: left; /* LTR */
        position: relative;
        width: 50%;
    }

    [dir="rtl"] .site-footer__top .region {
        float: right;
    }
}

@media all and (min-width: 560px) and (max-width: 850px) {
    .site-footer .region {
        box-sizing: border-box;
    }

    .site-footer__top .region:nth-child(2n+1) {
        padding-right: 10px; /* LTR */
    }

    [dir="rtl"] .site-footer__top .region:nth-child(2n+1) {
        padding-left: 10px;
        padding-right: 0;
    }

    .site-footer__top .region:nth-child(2n) {
        padding-left: 10px; /* LTR */
    }

    [dir="rtl"] .site-footer__top .region:nth-child(2n) {
        padding-left: 0;
        padding-right: 10px;
    }

    .region-footer-third {
        clear: both;
    }
}

@media all and (min-width: 851px) {
    .site-footer__top .region {
        width: 24%;
        padding: 0 0.65%;
    }

        .site-footer__top .region:first-child {
            padding-left: 0; /* LTR */
        }

    [dir="rtl"] .site-footer__top .region:first-child {
        padding-left: 10px;
        padding-right: 0;
    }

    .site-footer__top .region:last-child {
        padding-right: 0; /* LTR */
    }

    [dir="rtl"] .site-footer__top .region:last-child {
        padding-left: 0;
        padding-right: 10px;
    }
}

.site-footer h2 {
    color: #c0c0c0;
    color: rgba(255, 255, 255, 0.65);
}

.site-footer blockquote {
    color: #555;
}

.site-footer .content {
    color: #c0c0c0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.857em;
}

.site-footer .menu-item {
    padding: 0;
}

.site-footer .content ol:not(.menu),
.site-footer .content ul:not(.menu) {
    padding-left: 1.4em; /* LTR */
}

[dir="rtl"] .site-footer .content ol:not(.menu),
[dir="rtl"] .site-footer .content ul:not(.menu) {
    padding-right: 1.4em;
    padding-left: 0;
}

.site-footer .content a,
.site-footer .content a.is-active {
    color: #fcfcfc;
    color: rgba(255, 255, 255, 0.8);
}

    .site-footer .content a:hover,
    .site-footer .content a:focus {
        color: #fefefe;
        color: rgba(255, 255, 255, 0.95);
    }

.site-footer .block {
    margin: 20px 0;
    border: 1px solid #444;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 10px;
}

.site-footer table {
    font-size: 1em;
}

.site-footer tr td,
.site-footer tr th {
    border-color: #555;
    border-color: rgba(255, 255, 255, 0.18);
}

.site-footer tr.odd {
    background-color: transparent;
}

.site-footer tr.even {
    background-color: #2c2c2c;
    background-color: rgba(0, 0, 0, 0.15);
}

/* Footer Top Styling. */
.site-footer__top h2 {
    border-bottom: 1px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
    font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.site-footer__top .content {
    margin-top: 0;
}

.site-footer__top p {
    margin-top: 1em;
}

.site-footer__top .content .menu {
    padding-left: 0; /* LTR */
}

[dir="rtl"] .site-footer__top .content .menu {
    padding-right: 0;
}

.site-footer__top .content li a {
    display: block;
    border-bottom: 1px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
    line-height: 1.2;
    padding: 0.8em 2px 0.8em 20px; /* LTR */
    text-indent: -15px;
}

[dir="rtl"] .site-footer__top .content li a {
    padding: 0.8em 20px 0.8em 2px;
}

.site-footer__top .content li a:hover,
.site-footer__top .content li a:focus {
    background-color: #1f1f21;
    background-color: rgba(255, 255, 255, 0.05);
    text-decoration: none;
}

.site-footer__top .block-menu,
.site-footer__bottom .block {
    margin: 0;
    padding: 0;
    border: none;
}

/* Footer Bottom Styling. */
.site-footer__bottom .block {
    margin: 0.5em 0;
}

.site-footer__bottom .content {
    padding: 0.5em 0;
    margin-top: 0;
}

.site-footer__bottom .block h2 {
    margin: 0;
}

.site-footer__bottom {
    letter-spacing: 0.2px;
    margin-top: 30px;
    border-top: 1px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
}

    .site-footer__bottom .region {
        margin-top: 20px;
    }

    .site-footer__bottom .block {
        clear: both;
    }

        /* We need to be specific to overwrite [dir="rtl"] .block ul in block.css. */
        .site-footer__bottom .block .menu {
            padding: 0;
        }

    .site-footer__bottom .menu-item a {
        float: left; /* LTR */
        padding: 0 12px;
        display: block;
        border-right: 1px solid #555; /* LTR */
        border-color: rgba(255, 255, 255, 0.15);
    }

[dir="rtl"] .site-footer__bottom .menu-item a {
    float: right;
    border-left: 1px solid #555;
    border-right: none;
}

.site-footer__bottom .menu-item:first-child a {
    padding-left: 0; /* LTR */
}

[dir="rtl"] .site-footer__bottom .menu-item:first-child a {
    padding-right: 0;
    padding-left: 12px;
}

.site-footer__bottom .menu-item:last-child a {
    padding-right: 0; /* LTR */
    border-right: none; /* LTR */
}

[dir="rtl"] .site-footer__bottom .menu-item:last-child a {
    padding-left: 0;
    padding-right: 12px;
    border-left: none;
}

/**
 * When the item is both first and last, :last-child overrides the right padding
 * when using [dir="rtl"]. We need this rule to remove the right padding.
 */
[dir="rtl"] .site-footer__bottom .menu-item:first-child:last-child a {
    padding-right: 0;
}

.social-media-links--platforms {
    padding-left: 0;
}

    .social-media-links--platforms.horizontal li {
        display: inline-block;
        text-align: center;
        padding: .2em .35em;
    }

    .social-media-links--platforms.vertical li {
        list-style-type: none;
        margin: 0 0 .5em 0;
    }

        .social-media-links--platforms.vertical li a img {
            vertical-align: middle;
            margin-right: .5em;
        }

.iconsets-wrapper {
    display: inherit;
    overflow-x: auto;
}


.card-login {
    position: relative;
    background: linear-gradient(90deg, #004eaa 5%, #9568c6 95%);
    border-radius: 5px;
    padding: 60px 0 40px 0;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: .3s ease;
}    

    .card-login .title {
        position: relative;
        text-align: center;
        margin: 0 0 25px;
        height: 109px;
        z-index:9000;
    }

        .card-login .title .img-c {
            margin:0 auto;
            width:130px;
            background-color: #fff;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            transition: .6s;            
            z-index: 9000
        }

        .card-login .title img{
            width: 108px;
            transition: 6s;
        }

        .card-login .input-container {
            position: relative;
            margin: 0 30px 30px;
        }

        .card-login .input-container input {
            outline: none;
            z-index: 1;
            position: relative;
            background: #fff;
            width: 100%;
            height: 60px;
            border: 0;
            color: #212121;
            font-size: 24px;
            font-weight: 400;
        }

            .card-login .input-container input:focus ~ label {
                color: #fff;
                -webkit-transform: translate(-12%, -70%) scale(0.75);
                transform: translate(-12%, -70%) scale(0.75);
            }

            .card-login .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {
                width: 50%;
            }

            .card-login .input-container input:valid ~ label {
                color: #9d9d9d;
                -webkit-transform: translate(-12%, -70%) scale(0.75);
                transform: translate(-12%, -70%) scale(0.75);
            }

        .card-login .input-container label {
            z-index: 999;
            position: absolute;
            top: 0;
            left: 0;
            color: #757575;
            font-size: 24px;
            font-weight: 300;
            line-height: 60px;
            transition: 0.2s ease;
        }

        .card-login .input-container .bar {
            position: absolute;
            left: 0;
            bottom: 0;
            background: #757575;
            width: 100%;
            height: 1px;
        }

            .card-login .input-container .bar:before, .card-login .input-container .bar:after {
                content: '';
                position: absolute;
                background: #718bc0;
                width: 0;
                height: 2px;
                transition: .2s ease;
            }

            .card-login .input-container .bar:before {
                left: 50%;
            }

            .card-login .input-container .bar:after {
                right: 50%;
            }

.form-check {
    margin-left: 10px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #fff;
}

.check-container {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
    background-color: #6c757d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
    left: 10px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.login-btn-container {
    margin: 0 30px;
}