/*== DIVERS ==*/
body {
    background-color: #E7E6E2;
    padding: 0.625em;
}

    body > p {
        background-color: #9cf;
    }

h1 {
    font-size: 2em;
    margin-bottom: 1em;
}

p {
    margin-bottom: 1.25em;
}

/*== ACCORDION == */
.accordion {
    width: 100%;
    margin-bottom: 1.25em;
    padding: 0;
}

    .accordion:before, .accordion:after {
        content: " ";
        display: table;
    }

    .accordion:after {
        clear: both;
    }

    .accordion > li {
        list-style: none;
    }

        .accordion > li > a {
            display: block;
            background-color: #B2B5BC;
            border: 1px solid #fff;
            border-width: 0 0 1px;
            color: #fff !important;
            padding: 10px;
            text-decoration: none;
            clear: both;
        }

            .accordion > li > a.active, .accordion > li > a:hover {
                background-color: #595b69;
            }

                .accordion > li > a.active:after, .accordion > li > a:hover:after {
                    content: "\25B2";
                }

            .accordion > li > a:after {
                content: "\25BC";
                float: right;
            }

    .accordion section {
        height: 0;
        float: left;
        background-color: #fff;
        overflow: hidden;
    }

        .accordion section > div {
            padding: 20px;
            overflow: hidden;
        }

    /*Themes color*/
    .accordion[class*=blue] {
        /*arrow for tabs mode*/
    }

        .accordion[class*=blue] > li > a {
            background-color: #4A8BF4;
        }

            .accordion[class*=blue] > li > a.active, .accordion[class*=blue] > li > a:hover {
                background-color: #0B51C1;
            }

        .accordion[class*=blue][class*=tabs] > li > a:hover:after, .accordion[class*=blue][class*=tabs] > li > a.active:after {
            color: #0B51C1;
        }

    .accordion[class*=lime] {
        /*arrow for tabs mode*/
    }

        .accordion[class*=lime] > li > a {
            background-color: #B8D992;
        }

            .accordion[class*=lime] > li > a.active, .accordion[class*=lime] > li > a:hover {
                background-color: #94D845;
            }

        .accordion[class*=lime][class*=tabs] > li > a:hover:after, .accordion[class*=lime][class*=tabs] > li > a.active:after {
            color: #94D845;
        }

    .accordion[class*=red] {
        /*arrow for tabs mode*/
    }

        .accordion[class*=red] > li > a {
            background-color: #EF9283;
        }

            .accordion[class*=red] > li > a.active, .accordion[class*=red] > li > a:hover {
                background-color: #E0442E;
            }

        .accordion[class*=red][class*=tabs] > li > a:hover:after, .accordion[class*=red][class*=tabs] > li > a.active:after {
            color: #E0442E;
        }

/* Force accordion expanded for mobile and small tablet*/
@media only screen and (max-width: 30em) {
    .accordion > li > a {
        cursor: text;
        pointer-events: none;
    }

        .accordion > li > a:after {
            content: "";
        }

    .accordion > li section {
        height: 1300px;
    }
}
/*Add tabs version only Desktop */
@media only screen and (min-width: 60em) {
    .accordion[class*=tabs] {
        position: relative;
        z-index: 1;
        /*test*/
    }

        .accordion[class*=tabs] > li {
            display: inline;
            margin-right: -0.25em;
        }

            .accordion[class*=tabs] > li > a {
                display: inline-block;
                padding: 10px 15px;
                position: relative;
                border-width: 0 0 0 1px;
                z-index: 1001;
                font-size: 13px;
            }

                .accordion[class*=tabs] > li > a:after {
                    content: "";
                }

    cordion[class*=tabs] section {
        position: relative;
        top: -1px;
        left: 0;
        z-index: 1000;
    }

    .accordion[class*=tabs] section > div {
        border: 1px solid #ccc;
        height: 615px;
    }

    .accordion[class*=tabs][class*=red] {
        width: 100%;
    }
}
/*== fichas== */
* {
    box-sizing: border-box;
}

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

a {
    text-decoration: none;
    color: rgba(105, 105, 105, 0.88);
    transition: color .3s ease;
}

    a:hover {
        color: #fc6e51;
    }

body {
    background: #f9f9f9;
    text-align: justify;
    color: rgba(0, 0, 0, 0.7) !important;
}

.flexslider {
    border: none;
    box-shadow: none;
}

.flex-direction-nav a {
    background: url(http://flexslider.woothemes.com/images/bg_direction_nav.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

    .flex-direction-nav a:before {
        content: '';
    }

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
    text-align: left;
}

    .flex-direction-nav .flex-next:before {
        content: '';
    }

.heading h3 {
    font-weight: 300;
    color: #888888;
}

.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {
    list-style: none;
    margin: 0;
}

.btn-navbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .btn-navbar li {
        float: left;
        margin: 0 5px;
    }

        .btn-navbar li:first-child {
            margin-left: 0;
        }

.btn {
    display: inline-block;
    padding: 6px 14px;
    background: #f2f2f2;
    border-radius: 3px;
    font-size: 0.8125em;
    color: #b9bcbc;
    transition: background .3s ease, color .3s ease;
}

    .btn:hover {
        background: #e5e5e5;
        color: #929797;
    }

    .btn.btn-primary {
        background: #a1d36e;
        color: #fff;
    }

        .btn.btn-primary:hover, .btn.btn-primary.active {
            background: #94cd5a;
        }

    .btn.btn-secondary {
        background: linear-gradient(to bottom, rgba(182,141,76,1) 0%, rgba(148,110,53,1) 100%);
        color: #fff;
    }

        .btn.btn-secondary:hover, .btn.btn-secondary.active {
            background: linear-gradient(to bottom, rgba(148,110,53,1) 0%, rgba(182,141,76,1) 100%);
        }

    .btn.btn-tertiary {
        background: #fc6e51;
        color: #fff;
    }

        .btn.btn-tertiary:hover, .btn.btn-tertiary.active {
            background: #fc5938;
        }

    .btn.btn-quaternary {
        background: #48cfad;
        color: #fff;
    }

        .btn.btn-quaternary:hover, .btn.btn-quaternary.active {
            background: #35c9a4;
        }

    .btn.btn-white {
        background: #fff;
    }

        .btn.btn-white:hover {
            background: #fafafa;
        }

    .btn.btn-grey {
        background: #dddddd;
    }

        .btn.btn-grey:hover {
            background: #cccccc;
        }

    .btn.btn-large {
        padding: 12px 28px;
    }

    .btn.btn-caps {
        text-transform: uppercase;
    }

    .btn.btn-block {
        display: block;
        width: 100%;
        text-align: center;
    }

.btn-group {
    position: relative;
    display: inline-block;
    margin: 10px 0;
}

    .btn-group:before {
        content: attr(data-grouptype);
        color: #999;
        display: block;
        font-size: 0.8125em;
        width: 19px;
        height: 19px;
        padding: 5px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 6px;
        margin-left: -18px;
    }

    .btn-group a + a {
        margin-left: 5px;
    }

.btn-navbar .btn {
    font-size: 0.6875em;
}

.btn-navbar .active {
    background: #6ad1dd;
    color: #fff;
}

    .btn-navbar .active:hover {
        background: #55cbd8;
    }

.post {
    font-family: 'Source Sans Pro', sans-serif;
    box-shadow: 0 2px 0 rgba(115, 122, 140, 0.15);
    margin-bottom: 20px;
}

    .post .post-image1 {
        background: url(../img/lider1.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image2 {
        background: url(../img/lider2.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image3 {
        background: url(../img/lider3.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image4 {
        background: url(../img/lider4.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image5 {
        background: url(../img/lider5.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image6 {
        background: url(../img/lider6.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image7 {
        background: url(../img/lider7.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .post-image8 {
        background: url(../img/lider8.jpg);
        background-size: cover;
        height: 200px;
        display: block;
    }

    .post .icon-attachment {
        color: #fff;
    }

    .post .details {
        position: relative;
        background: #fff;
        text-align: center;
        padding: 0 10px 10px;
    }

        .post .details h2 {
            font-size: 0.90625em;
            font-weight: 600;
            color: #696969;
            margin: 0;
            padding: 5px 0;
            b;
        }

        .post .details p {
            font-size: 0.8125em;
            color: #aaaaaa;
            margin: 0 0 5px;
            padding: 0;
        }

        .post .details .intents {
            text-align: right;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 0.6875em;
            color: #aaaaaa;
            line-height: 14px;
        }

            .post .details .intents [class*="icon-"] {
                font-size: 14px;
            }

            .post .details .intents .count {
                line-height: 14px;
                display: inline-block;
                position: relative;
                top: -3px;
                margin: 0 5px;
            }

            .post .details .intents .icon-star {
                color: #fc6e51;
            }

    .post .actions {
        height: 20px;
    }

        .post .actions [class*="icon-"] {
            font-size: 18px;
            font-weight: normal;
        }

        .post .actions .btn-round {
            position: relative;
            border-radius: 50%;
            padding: 2px 0;
            width: 38px;
            height: 38px;
            top: -19px;
            text-align: center;
        }

    .post.post-blog .details {
        font-family: 'Open Sans', sans-serif;
        padding: 10px 20px;
        text-align: left;
    }

        .post.post-blog .details h2 {
            font-size: 1.375em;
            font-weight: 300;
        }

        .post.post-blog .details strong {
            color: #888888;
        }

    .post.post-product .details {
        text-align: left;
        padding: 0 20px 20px;
    }

    .post.post-product .product-actions {
        margin: 20px 0 0;
    }

    .post.post-product .download-count {
        margin: 0 20px;
    }

.slider img {
    border-radius: 3px;
}

.widget {
    font-family: 'Source Sans Pro', sans-serif;
    box-shadow: 0 2px 0 rgba(204, 204, 204, 0.15);
    margin-bottom: 20px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    position: relative;
}

    .widget .header {
        height: 100px;
        border-radius: 3px 3px 0 0;
        font-size: 1.25em;
        font-weight: 600;
        color: #fff;
        line-height: 100px;
        padding: 0 20px;
        overflow: hidden;
        position: relative;
    }

        .widget .header h2 {
            margin: 0;
        }

        .widget .header h3 {
            font-size: 0.6875em;
            text-transform: uppercase;
            margin: 0;
            line-height: 100px;
            text-align: center;
            font-weight: 300;
        }

        .widget .header.header-tertiary {
            background: #fc6e51;
        }

        .widget .header.header-quaternary {
            background: #48cfad;
        }

        .widget .header.header-twitter {
            background: #55acee;
        }

        .widget .header .background-icon [class*="icon-"] {
            color: rgba(0, 0, 0, 0.05);
            position: absolute;
            top: -20px;
            left: -40px;
            font-size: 7.5em;
        }

    .widget .actions {
        height: 20px;
        text-align: center;
    }

        .widget .actions [class*="icon-"] {
            font-size: 18px;
            font-weight: normal;
        }

        .widget .actions .btn-round {
            position: relative;
            border-radius: 50%;
            padding: 10px 0;
            width: 38px;
            height: 38px;
            top: -19px;
            text-align: center;
        }

        .widget .actions .btn-twitter {
            background: #55acee;
            color: #fff;
        }

            .widget .actions .btn-twitter:hover {
                background: #3ea1ec;
            }

.weather .weather-icon {
    position: absolute;
    right: 20px;
    top: 35px;
    font-size: 1.25em;
    line-height: 1em;
}

.weather .weather-icon-shadow {
    position: absolute;
    color: rgba(0, 0, 0, 0.05);
    font-size: 6.25em;
    top: -20px;
    right: -20px;
    -webkit-transform: rotate(-20deg);
}

.weather ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.weather .day {
    padding: 20px 30px;
    border-bottom: 1px solid #f2f2f2;
    color: #888;
    font-family: 'Source Sans Pro', sans-serif;
}

    .weather .day:last-child {
        border-bottom: none;
    }

.weather .image {
    display: block;
    float: left;
    margin-right: 10px;
}

.weather .day-title {
    text-transform: uppercase;
    color: #555;
    font-weight: 600;
}

.weather .day-icon {
    line-height: 50px;
    color: #aaaaaa;
    font-size: 1.25em;
}

.twitter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.twitter li {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 30px;
}

    .twitter li:last-child {
        border-bottom: none;
    }

.twitter .avatar {
    margin-right: 10px;
}

    .twitter .avatar img {
        border-radius: 50%;
    }

.twitter .message {
    display: inline-block;
    margin-top: 12px;
    font-size: 0.8125em;
    color: #999999;
}

    .twitter .message strong {
        color: #555555;
    }

.storage .meta {
    text-align: right;
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: 300;
    color: #888888;
    padding: 10px 20px 20px;
}

.storage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.storage li {
    padding: 20px 30px 20px 20px;
    border-bottom: 1px solid #f2f2f2;
    color: #999999;
}

    .storage li:last-child {
        border-bottom: none;
    }

    .storage li:before {
        content: '';
        width: 20px;
        height: 20px;
        background: #f2f2f2;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 5px;
        margin-right: 10px;
    }

    .storage li.active {
        color: #555555;
    }

        .storage li.active:before {
            content: '\e60c';
            font-family: icomoon;
            background: #48cfad;
            color: #fff;
            box-sizing: border-box;
            padding: 2px;
        }

.tags {
    margin: 10px 0;
}

.social {
    margin-bottom: 10px;
}

    .social [class*="icon-"] {
        margin-left: 10px;
        display: inline-block;
    }

    .social .btn {
        color: #fff;
    }

    .social .btn-facebook {
        background: #3b5998;
        color: #fff;
    }

        .social .btn-facebook:hover, .social .btn-facebook.active {
            background: #344e86;
        }

    .social .btn-twitter {
        background: #55acee;
        color: #fff;
    }

        .social .btn-twitter:hover, .social .btn-twitter.active {
            background: #3ea1ec;
        }

    .social .btn-dribbble {
        background: #ea4c89;
        color: #fff;
    }

        .social .btn-dribbble:hover, .social .btn-dribbble.active {
            background: #e7357a;
        }

.feedback .details {
    padding: 20px;
    text-align: left;
}

    .feedback .details p {
        font-size: 0.875em;
    }

    .feedback .details .image {
        float: left;
        margin-right: 10px;
    }

    .feedback .details .meta {
        text-align: right;
        color: #cccccc;
        font-size: 1.25em;
    }

        .feedback .details .meta .icon-star {
            color: #fecd5f;
        }

.alert {
    background: #FCF8E3;
    padding: 15px 0 15px 15px;
    margin-bottom: 10px;
    font-size: 0.8125em;
    color: #888;
    border-radius: 3px;
    position: relative;
}

    .alert .icon-checkmark, .alert .icon-exclamation {
        display: inline-block;
        margin-right: 10px;
    }

    .alert .close {
        background: rgba(0, 0, 0, 0.1);
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0 3px 3px 0;
        padding: 10px 30px;
    }

        .alert .close [class*="icon-"] {
            font-size: 1.875em;
            color: #fff;
        }

    .alert.alert-success {
        background: #a1d36e;
        color: #fff;
    }

    .alert.alert-info {
        background: #6ad1dd;
        color: #fff;
    }

.verified:before {
    content: '\e60c';
    font-family: icomoon;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    background: #a1d36e;
    color: #fff;
    box-sizing: border-box;
    padding: 3px;
}

footer {
    height: 100px;
}

.background-gray-cont {
    background: #e3e5ea !important;
    padding-top: 6em !important;
    padding-bottom: 0em !important;
    border-bottom: none !important;
    min-height: 500px;
}

@media only screen and (max-width: 800px) {
    .background-gray-cont {
        background: #e3e5ea !important;
        padding: 0;
        padding-top: 6em !important;
        padding-bottom: 0em !important;
        border-bottom: none !important;
        min-height: 700px;
    }

    .accordion section > div {
        padding: 10px;
        overflow: hidden;
    }
}

.sesion-actual {
    display: block;
    position: relative;
    height: 2rem;
    width: auto;
    padding-top: 1.6rem;
    margin-right: 0.5rem;
    font-size: 12px;
    float: right;
    transform: translate(0, -50%);
}

    .sesion-actual .nombre-de-usuario {
        display: block;
        position: relative;
        margin-top: 1rem;
        margin-left: 0.5rem;
        float: left;
        transform: translate(0, -50%);
        color: rgb(89, 91, 105);
    }

    .sesion-actual .boton-de-salida {
        display: block;
        position: relative;
        margin-top: 1rem;
        margin-left: 0.5rem;
        float: right;
        transform: translate(0, -50%);
        color: #b2b5bc;
        font-size: 0.8rem;
        font-variant: small-caps;
    }

        .sesion-actual .boton-de-salida:hover, #barra-de-aplicacion .sesion-actual .boton-de-salida:active {
            color: #9f783c;
            text-shadow: 0 0 1rem white;
        }

@media only screen and (max-width: 800px) {
    .sesion-actual {
        padding-top: 1rem;
        font-size: 14px;
        float: left;
    }

        .sesion-actual .nombre-de-usuario {
            margin-left: 0rem;
        }
}

.select {
    padding: 0.4em 1em;
}

/*container info líderes*/
#container_info {
    margin: 0 auto;
    width: 100%; /* Ancho del contenedor */
}

    #container_info input {
        height: 2.5em;
        visibility: hidden;
    }

    #container_info label {
        border-radius: .25em .25em 0 0;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 1em;
        height: 2.5em;
        line-height: 2.5em;
        /* margin-right: .25em; */
        padding: 0 1.5em;
        text-align: center;
    }

    #container_info input:hover + label {
        /* aspecto de las pestañas al pasar el cursor por encima */
        font-weight: normal;
        color: #595b69;
        position: relative;
        z-index: 6;
        border-radius: 0 0 10px 10px;
        border: 1px solid #d6d9de;
        border-top: none;
        box-shadow: 0px 2px 4px #e3e5ea;
    }

    #container_info input:checked + label {
        color: #595b69;
        position: relative;
        z-index: 6;
        border-radius: 0 0 10px 10px;
        border: 1px solid #d6d9de;
        border-top: none;
        box-shadow: 0px 2px 4px #e3e5ea;
    }

#content_info {
    background: #fff;
    border-radius: 0 .25em .25em .25em;
    min-height: 38em;
    position: relative;
    width: 100%;
    overflow: auto;
    /* border-bottom: 1px solid #e3e5ea; */
}

    #content_info div {
        opacity: 0;
        padding: 1.5em;
        position: absolute;
        z-index: -100;
        /*
	transition: all linear 0.1s;
	*/
    }

#content-1 p {
    clear: both;
    margin-bottom: 1em;
}

    #content-1 p.left img {
        float: left;
        margin-right: 1em;
    }

    #content-1 p.last {
        margin-bottom: 0;
    }

#content-2 p {
    float: left;
    width: 100%;
}

    #content-2 p.column-right {
        margin-left: 3%;
    }

    #content-2 p img {
        display: block;
        margin: 0 auto 1em auto;
    }

#content-3 p,
#content-3 ul {
    margin-bottom: 1em;
}

#content-3 ul {
    margin-left: 2em;
}

#container_info input#tab-1:checked ~ #content_info #content-1,
#container_info input#tab-2:checked ~ #content_info #content-2,
#container_info input#tab-3:checked ~ #content_info #content-3 {
    opacity: 1;
    z-index: 2;
    width: 100%;
}

input.visible {
    visibility: visible !important;
}

/*container info conferencistas*/
#container_info_conf {
    margin: 0 auto;
    width: 100%; /* Ancho del contenedor */
}

    #container_info_conf input {
        height: 2.5em;
        visibility: hidden;
    }

    #container_info_conf label {
        border-radius: .25em .25e m 0 0;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 1em;
        height: 2.5em;
        line-height: 2.5em;
        /* margin-right: .25em; */
        padding: 0 1.5em;
        text-align: center;
    }

    #container_info_conf input:hover + label {
        /* aspecto de las pestañas al pasar el cursor por encima */
        font-weight: normal;
        color: #595b69;
        position: relative;
        z-index: 6;
        border-radius: 0 0 10px 10px;
        border: 1px solid #d6d9de;
        border-top: none;
        box-shadow: 0px 2px 4px #e3e5ea;
    }

    #container_info_conf input:checked + label {
        color: #595b69;
        position: relative;
        z-index: 6;
        border-radius: 0 0 10px 10px;
        border: 1px solid #d6d9de;
        border-top: none;
        box-shadow: 0px 2px 4px #e3e5ea;
    }

#content_info_conf {
    background: #fff;
    border-radius: 0 .25em .25em .25em;
    min-height: 38em;
    position: relative;
    width: 100%;
    overflow: auto;
    /* border-bottom: 1px solid #e3e5ea; */
}

    #content_info_conf div {
        opacity: 0;
        padding: 1.5em;
        position: absolute;
        z-index: -100;
        /*
	transition: all linear 0.1s;
	*/
    }

#content-1_conf p {
    clear: both;
    margin-bottom: 1em;
}

    #content-1_conf p.left img {
        float: left;
        margin-right: 1em;
    }

    #content-1_conf p.last {
        margin-bottom: 0;
    }

#content-2_conf p {
    float: left;
    width: 100%;
}

    #content-2_conf p.column-right {
        margin-left: 3%;
    }

    #content-2_conf p img {
        display: block;
        margin: 0 auto 1em auto;
    }

#content-3_conf p,
#content-3_conf ul {
    margin-bottom: 1em;
}

#content-3_conf ul {
    margin-left: 2em;
}

#container_info_conf input#tab-1_conf:checked ~ #content_info_conf #content-1_conf,
#container_info_conf input#tab-2_conf:checked ~ #content_info_conf #content-2_conf,
#container_info_conf input#tab-3_conf:checked ~ #content_info_conf #content-3_conf {
    opacity: 1;
    z-index: 2;
    width: 100%;
}

input.visible {
    visibility: visible !important;
}

@media only screen and (max-width: 767px) {
    #container_info label {
        width: 45%;
        font-size: 12px;
    }
}

.info_personal {
    text-align: left;
    padding: 10px;
    font-size: 16px;
}

.post .details .info_personal p {
    color: #71777f !important;
}

.titulo_info {
    background: #f3f5fb;
    padding: 5px 8px;
    margin-bottom: 0 !important;
}

.cont_info {
    padding: 20px 8px;
    display: table;
    width: 100%;
}

.ui.table {
    color: inherit;
}

    .ui.table thead th {
        color: inherit;
    }

.titulo-conf {
}

.container-event {
    height: 575px;
    overflow: auto;
}

/*user*/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-smooth: always !important;
}

body, html {
    margin: 0;
    padding: 0;
}

.ui.btn {
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

    .ui.btn.normal {
        padding: 4% 6%;
        background: #595b69;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        color: #f2f2f2;
        font-size: 12.5px;
    }

        .ui.btn.normal:hover, .ui.btn.normal:focus {
            outline: none;
            background: #383a47;
        }

.inner {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.user-ui {
    right: 0;
    display: inline-block;
}

    .user-ui .user-menu-toggle {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

        .user-ui .user-menu-toggle .profile-img {
            width: 35px;
            height: 35px;
            display: inline-block;
            vertical-align: middle;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-size: cover;
        }

        .user-ui .user-menu-toggle .simple-arrow {
            display: inline-block;
            vertical-align: middle;
            margin: 0 5px;
            font-size: 12px;
            color: #f2f2f2;
        }

.header .user-ui .sign-out-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #f2f2f2;
    margin-left: 20px;
}

.user-ui .sign-out-icon:hover {
    color: #7dcfc6;
}

.user-ui .user-menu {
    width: 300px;
    background: #f2f4f9;
    position: absolute;
    right: 40%;
    border: 1px solid #e3e5ea;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .user-ui .user-menu::after {
        display: block;
        right: 0;
        content: " ";
        height: 0;
        top: -10px;
        width: 0;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f9f9f9;
    }

    .user-ui .user-menu::before {
        display: block;
        right: -1px;
        content: " ";
        height: 0;
        top: -11px;
        width: 0;
        position: absolute;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #f2f2f2;
    }

.header .user-ui .user-menu .user-info {
    border-bottom: 1px solid #f2f2f2;
    padding: 0px 10px;
    position: relative;
}

.user-ui .user-menu .user-info .profile-img {
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
}

.user-ui .user-menu .user-info h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: #8e9299;
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
    padding-left: 20px;
}

.user-ui .user-menu .user-info .btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.user-ui .user-menu .invites-info {
    border: 1px solid #f2f2f2;
    padding: 10px;
    height: 110px;
    display: block;
}

    .user-ui .user-menu .invites-info .next-invite-bar {
        height: 20px;
        background: #ddd;
        border: 1px solid #fff;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        position: relative;
    }

        .user-ui .user-menu .invites-info .next-invite-bar .progress {
            position: absolute;
            top: 0;
            left: 0;
            -moz-border-radius: 20px 0px 0px 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px 0px 0px 20px;
            background: #7dcfc6;
            height: 100%;
        }

    .user-ui .user-menu .invites-info span {
        margin: 0;
        padding: 5px 0;
        color: #ddd;
        font-size: 12.5px;
        line-height: normal !important;
        display: block;
    }

    .user-ui .user-menu .invites-info p {
        font-size: 14px;
        line-height: normal;
        color: #8e9299;
        float: left;
        margin: 18px 0;
    }

    .user-ui .user-menu .invites-info .btn {
        float: right;
        font-size: 12px;
        margin: 5px 0;
    }

.user-ui .user-menu .menu-nav {
    list-style-type: none;
}

    .user-ui .user-menu .menu-nav li {
        padding: 15px 10px;
        line-height: normal;
        color: #8e9299;
        border-bottom: 1px solid #f2f2f2;
        cursor: pointer;
    }

        .user-ui .user-menu .menu-nav li span {
            width: 20px;
            margin-right: 10px;
            text-align: center;
        }

        .user-ui .user-menu .menu-nav li:hover {
            background: #f2f2f2;
            color: #383a47;
        }

.iconHover {
    /*font-size: 12pt;*/
    cursor: pointer;
}

/*.iconHover:hover {
        font-size: 16pt;
        cursor: pointer;
    }*/

#Comentarios {
    background: #f9fafb;
    border: none;
}

.ui.active.modal, .ui.modal {
    border-left: 8px solid #9A8147;
}

.ui.positive.button, .ui.positive.buttons .button {
    background-color: #9a8147 !important;
}

    .ui.positive.button:hover, .ui.positive.buttons .button:hover {
        background-color: #9a8147 !important;
    }

    .ui.positive.button:active, .ui.positive.buttons .button:active {
        background-color: #9a8147 !important;
    }

.tieneArchivo {
    color: #2185d0 !important;
    cursor: pointer;
}

.faltaArchivo {
    color: red !important;
}

.frame {
    height: 37px !important;
    max-width: 150px;
    border: none;
    background: white;
}

.frame2 {
    height: 55px !important;
    border: none;
    background: white;
}

#btnReporteEstados {
    position: fixed;
    right: 0px;
    font-size: 10px;
    line-height: 1.2em;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    background: rgba(15, 76, 149, 0.68);
    padding: 8px;
    z-index: 2;
}

#btnReporte {
    position: fixed;
    right: 0px;
    font-size: 10px;
    line-height: 1.2em;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    background: rgba(15, 76, 149, 0.68);
    padding: 8px;
    z-index: 2;
}

.icon_descargar {
    font-size: 15px !important;
    margin: 5px !important;
}

.ui.top.tabular.menu.SubHeader {
    width: 100%;
}

.t_eventos {
    float: right !important;
    margin-top: -4px !important;
    margin-left: 15px !important;
}

.detail {
    width: 40px;
}

    .detail.encargado {
        width: 150px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
    }

.label {
    font-weight: 600;
}

.title.active .label {
    background: #2185d0 !important;
    color: white;
}

.ui.image.label {
    background: #f3f5fb;
}

.ui.styled.accordion {
    margin: 25px auto 0 !important;
    box-shadow: none !important;
}

.btn-vista {
    float: right !important;
}

.ui.dorado.button:hover, .ui.dorado.button:focus, .ui.dorado.button:active {
    background: #756236 !important;
}
/* hexagonos */
.hexagon {
    margin-top: 60px;
    height: 90px;
    width: 180px;
    background: #FFF;
    position: relative;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .hexagon:before {
        position: absolute;
        bottom: 100%;
        content: '';
        height: 0;
        width: 0;
        border-width: 0 90px 60px 90px;
        border-style: solid;
        border-color: #FFF transparent;
    }

    .hexagon:after {
        position: absolute;
        top: 100%;
        content: '';
        height: 0;
        width: 0;
        border-width: 60px 90px 0 90px;
        border-style: solid;
        border-color: #FFF transparent;
    }

.tituloEje {
    position: absolute;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    top: 40%;
    font-size: 14px;
}

.tituloEjeLarge {
    position: absolute;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    top: 25%;
    font-size: 14px;
}

.top, .bottom {
    float: left;
    clear: left;
}

.top {
    margin-left: 92px;
    margin-top: 5px;
}

.bottom {
    margin-top: 5px;
}

/*
* Hover
* */
.hexagon:hover {
    background-color: #e3e6ec;
}

    .hexagon:hover:before, .hexagon:hover:after {
        border-color: #e3e6ec transparent;
    }

/* hexagonos */

#vistaBlock {
    margin: 40px auto;
    display: table;
}

#fichasxEje {
    margin-top: 25px;
}

.ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui) {
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 0;
    line-height: 1.5em;
    text-align: left;
    color: #31537b;
}

.ui.card, .ui.cards > .card {
    box-shadow: 0 1px 3px 0 #d2d6e2, 0 0 0 1px #d2d6e2;
}

.header {
    font-weight: 600 !important;
}

span.date {
    color: rgba(0,0,0,.4);
    font-size: 14px;
    font-weight: 600;
}

.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {
    font-size: 13px;
}

h4.ui.sub.header {
    margin-bottom: 5px !important;
}