@import url("http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700");
/* =========================
   Base styles
========================== */
body {
    background-color: #EDEFF0;
    color: #8D9AA5;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
    padding-left: 130px;
    left: 0;
    text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }

a {
    color: #79bbe7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
a:hover {
    color: #bfdef4; }

*:focus {
    outline: 0; }

table {
    table-layout: inherit;
    margin-bottom: 50px;
    width: 100%; }

.display-none {
    display: none !important; }

.row-bigger {
    max-width: 85rem; }

.box {
    background-color: #FFF;
    border: 0;
    margin-bottom: 40px;
    padding: 20px;
    position: relative;
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.full-width {
    width: 100%;
    max-width: 100%; }

.circle {
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.hide-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.button-table {
    color: #fff !important;
    margin-bottom: 0 !important;
    line-height: 3.5em !important; }

.wrapper {
    margin-top: 40px; }

.no-margin {
    margin: 0; }

.no-padding {
    padding: 0; }

#footer {
    height: 260px;
    margin-top: 80px; }

.text-left {
    text-align: left; }

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

.text-right {
    text-align: right; }

.mb20 {
    margin-bottom: 20px !important; }

.mb40 {
    margin-bottom: 40px !important; }

.mb60 {
    margin-bottom: 60px !important; }

.mb80 {
    margin-bottom: 80px !important; }

.mb100 {
    margin-bottom: 100px !important; }

/* =========================
   Main menu styles
========================== */
.main-menu {
    background-color: #32323A;
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 215px;
    z-index: 99;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.main-menu-logo {
    background-color: #3498DB;
    border-bottom: 3px solid #2383c4;
    color: #fff;
    display: block;
    height: 63px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.main-menu-logo:hover {
    background: #57aae1; }
.main-menu-logo img {
    display: block;
    margin: auto;
    width: 35px; }
.main-menu-logo i {
    display: none; }
.menu-toggle .main-menu-logo i {
    display: block !important;
    color: rgba(191, 222, 244, 0.28);
    position: absolute;
    top: 22px;
    bottom: 0;
    left: 30px;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.menu-toggle .main-menu-logo:hover i {
    color: #bfdef4; }
.main-menu-logo:active img {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
.main-menu-sublink {
    background-color: #454550;
    border-bottom: 1px solid #8B8B8B;
    border-top: 1px solid #8B8B8B;
    display: none;
    left: auto;
    padding: 0;
    margin-left: 0; }
.main-menu-sublink a {
    border-left: 5px solid; }
.main-menu-sublink a:hover {
    background: #585866;
    color: #fff; }
.main-menu-sublink ul {
    display: none; }
.main-menu-sublink ul a {
    background-color: #4a4a55;
    border-left: 2px dotted;
    color: #fff; }

.ul-main-menu {
    height: 100%;
    margin: 0;
    position: relative;
    min-height: 600px; }
.menu-toggle .ul-main-menu {
    overflow: auto; }
.ul-main-menu li {
    display: block;
    position: relative; }
.ul-main-menu a {
    color: #8B8B8B;
    display: block;
    padding: 10px 15px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
.ul-main-menu a i {
    font-size: 1.3em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.ul-main-menu .main-menu-link {
    margin: 0px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #454550;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.ul-main-menu .main-menu-link:hover {
    background: #3498DB;
    padding-left: 30px;
    color: #fff; }
.ul-main-menu .main-menu-link-text {
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    top: -3px; }
.ul-main-menu-bottom {
    background-color: #454550;
    bottom: 0;
    border-top: 3px solid #585866;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.ul-main-menu-bottom a {
    color: #FFF;
    display: block;
    padding: 5px 15px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
.ul-main-menu-bottom a i {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 1.3em !important;
    margin: 10px 10px 0px 0px; }
.ul-main-menu-bottom ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0; }
.ul-main-menu-bottom ul li {
    list-style: none;
    display: block;
    position: relative; }
.ul-main-menu-bottom .main-menu-link {
    margin: 0px;
    padding: 5px 20px;
    position: relative;
    border-bottom: 1px solid #585866;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.ul-main-menu-bottom .main-menu-link:hover {
    background-color: #585866; }

.sublink-current {
    display: block;
    position: relative;
    top: auto !important;
    left: auto !important; }

.menu-link-on {
    color: #fff !important; }
.menu-link-on .main-menu-arrow i.fa-angle-right:before {
    content: "\f107"; }

.main-menu-arrow {
    position: absolute;
    right: 10px;
    top: 12px;
    display: none !important; }

/* =========================
   Content layout styles
========================== */
#content {
    margin-top: 0;
    min-height: 500px;
    padding: 80px 15px 0 0;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.grid-parent {
    padding-left: 0;
    padding-right: 0;
    max-width: none !important; }

.grid-container {
    max-width: 1430px;
    position: relative; }

.grid-container:before,
.clearfix:before,
.grid-container:after,
.clearfix:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    width: 0;
    visibility: hidden; }

/* =========================
   Fixed heading styles
========================== */
.fixed-heading {
    background-color: #52616D;
    border-bottom: 3px solid #404c56;
    left: 215px;
    position: fixed;
    margin-top: 0;
    right: 0;
    top: 0;
    z-index: 300;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.primary-heading {
    height: 60px;
    padding: 0 0 0 15px;
    position: relative; }

.heading-breadcrumbs {
    color: #fff;
    display: inline-block;
    font-size: 1.15em;
    line-height: 60px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.menu-puntos {
    color: #fff;
    font-size: 1.2em;
    height: 60px;
    line-height: 60px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    position: absolute;
    left: -90px; }

.menu-options {
    position: relative; }
.menu-options ul {
    list-style-type: none;
    margin: 0; }
.menu-options ul li {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    position: relative; }
.menu-options ul li i {
    color: #bebebe;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.menu-options ul li:hover i {
    color: #fff; }
.menu-options .user-avatar {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    float: left;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
.menu-options .icon-messages {
    font-size: 1.75em;
    vertical-align: middle;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    margin-right: 15px; }

.submenu-options {
    position: absolute;
    right: 10px;
    top: 70px;
    background: #52616D;
    display: none; }
.submenu-options ul {
    list-style-type: none;
    margin: 0; }
.submenu-options ul li {
    cursor: pointer;
    padding-right: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.submenu-options ul li:hover {
    background: #57aae1; }
.submenu-options ul li:last-child {
    border-top: 1px solid white;
    background-color: #788a99; }
.submenu-options ul li:last-child:hover {
    background-color: #f17f7f; }
.submenu-options ul li a {
    color: #fff !important;
    padding: 10px 20px;
    display: block; }
.submenu-options ul li a i {
    margin-right: 15px; }
.submenu-options .fa-caret-up {
    position: absolute;
    right: 30px;
    top: -10px;
    color: #3498DB; }

.submenu-options-profile {
    background-color: #3498DB;
    border-bottom: 3px solid #2383c4;
    color: #fff !important; }
.submenu-options-profile:hover {
    background: #57aae1 !important; }
.submenu-options-profile:first-line {
    font-size: .8em; }

.icon-go-profile {
    position: absolute;
    right: 0px;
    top: 23px;
    font-size: 1.3em;
    color: rgba(191, 222, 244, 0.28);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.icon-go-profile:hover {
    color: #bfdef4; }

.unread-messages {
    color: #fff;
    background: #3498DB;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    line-height: 20px;
    right: 10px;
    font-size: .8em; }

/* =========================
   Tables styles
========================== */
.header-tr {
    background-color: #3498DB;
    height: 60px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.header-tr a {
    color: #EBEBEB; }
.header-tr th {
    color: #EBEBEB;
    position: relative;
    font-weight: 400; }
.header-tr th:hover {
    background-color: #57aae1; }
.header-tr th:hover a {
    color: #fff; }

.body-tr {
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.body-tr:hover {
    background-color: #EBEBEB; }
.body-tr input[type="checkbox"] {
    margin: 0; }

.sorted {
    position: relative; }
.sorted a {
    color: #fff; }

.table-img {
    border: 2px solid #dddddd;
    height: 60px;
    overflow: hidden;
    width: 60px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
.table-img-smallest {
    height: 50px;
    width: 50px; }

.table-img-programacion {
    border: 8px solid #3498db;
    height: 60px;
    overflow: visible;
    width: 60px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.table-img-programacion-first{
    border: 8px solid #CF7438;
    height: 60px;
    overflow: visible;
    width: 60px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}  

.numero {
    font-size:1.7em;
    text-align:center;
    margin-top:28%;
    vertical-align: middle;
}
.asc:after {
    content: "\f106";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 14px;
    -webkit-font-smoothing: antialiased; }

.desc:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 14px;
    -webkit-font-smoothing: antialiased; }

.no-results td {
    font-size: 1.1em !important;
    padding: 40px !important;
    text-align: center; }

.ul-icons {
    color: #626262;
    padding: 10px !important; }
.ul-icons .leyenda-title {
    font-size: 1.2em;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px; }
.ul-icons.td-icons {
    text-align: center;
    vertical-align: middle; }
.ul-icons ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px; }
.ul-icons ul li {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.ul-icons ul .icon-table-med {
    left: 6px;
    margin-right: 10px; }
.ul-icons ul .leyenda-message {
    margin-left: 5px;
    font-size: 1.1em; }
.ul-icons i {
    margin-right: 5px; }
.ul-icons .icon-table-med {
    font-size: 1.75em;
    position: relative;
    top: 3px; }
.ul-icons .text-danger {
    color: #f17f7f; }

.subrow {
    font-size: .9em;
    color: #9f9f9f; }

.table-actions form {
    margin: 0 !important; }
.table-actions .i-table {
    font-size: 1.5em;
    color: #52616D;
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #dddddd;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.table-actions .i-table:hover {
    opacity: 1;
    filter: alpha(opacity=100); }

.table-generar-informe .table-img {
    width: 40px;
    height: 40px;
    margin: auto; }
.table-generar-informe tr td {
    padding: 0;
    padding: 0.5em;
    font-size: 0.7em; }

.table-generar-informe tr td form {
    margin: 0;
    width: 100%;
}

/* =========================
   Pagination styles
========================== */
.block-pagination {
    height: 60px;
    margin-bottom: 40px; }

.count.left {
    line-height: 60px; }

.navigation {
    margin-top: 10px; }

.page > a,
.current,
.first > a,
.previous > a,
.next > a,
.last > a {
    background-color: #fff;
    border: 1px solid #dddddd;
    color: #454550 !important;
    float: left;
    font-size: 1em;
    line-height: 1.428571429;
    margin-left: 5px;
    padding: 10px 15px;
    position: relative;
    text-decoration: none; }
.page > a:hover,
.current:hover,
.first > a:hover,
.previous > a:hover,
.next > a:hover,
.last > a:hover {
    background-color: #EBEBEB; }

.current {
    background-color: #3498DB !important;
    border-color: #3498DB;
    color: #fff !important; }

/* =========================
   Filter block styles
========================== */
.form-filtro {
    padding: 25px;
    margin-bottom: 100px; }

.group-submit {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0; }
.group-submit .columns:first-child {
    padding-right: 0px; }
.group-submit .columns:last-child {
    padding-left: 0px; }
.group-submit .action-submit {
    border-radius: 0px 0px 0px 3px;
    background-color: #52616D;
    border: 0;
    border-bottom: 3px solid #404c56;
    color: #fff;
    margin-bottom: 10px !important;
    width: 100%; }
.group-submit .action-submit:hover {
    background-color: #647684; }
.group-submit .submit-sub {
    border-radius: 0px 0px 3px 0px;
    line-height: 60px;
    background-color: #647684; }
.group-submit .submit-sub:hover {
    background-color: #788a99; }
.group-submit .submit-sub i {
    color: #fff !important;
    font-size: 1.2em;
    position: relative;
    top: 2px; }

.large-12 > .action-delete button {
    top: -15px; }

.form-table {
    margin-bottom: 0;
    width: 75%;
    display: inline-block;
    margin-right: 10px; }
.form-table.full {
    width: 100%; }
.form-table input[type="text"] {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #52616D;
    text-align: center; }
.form-table select {
    margin: 0; }

.show-filtro {
    cursor: pointer; }

.show-filtro-on .timeline-icon i:before {
    content: "\f106"; }

/* =========================
   Profile view styles
========================== */
.block-title {
    font-size: 1.2em;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 15px; }

.info-title {
    font-weight: 700; }

.info .columns {
    margin-bottom: 15px; }

.perfil-img {
    border: 5px solid #ececec;
    overflow: hidden;
    width: 200px;
    /* Fallback width */
    height: 200px;
    /* Fallback height */
    width: 20vw;
    height: 20vw;
    max-width: 200px;
    max-height: 200px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.block-header {
    padding: 30px; }

.block-header-nombre {
    padding: 15px;
    padding-left: 0px;
    font-size: 1.8em;
    color: #777777;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    width: 80%; }

.block-header-nombre.force {
    margin-top: 50px;
    width: 100%; }

.block-header-sub {
    margin-bottom: 10px;
    font-size: 1.2em; }
.block-header-sub > i {
    color: #fff;
    font-size: 1em;
    height: 40px;
    margin-right: 10px;
    padding: 10px;
    text-align: center;
    width: 40px; }

.block-header-ul {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }

.miss-message {
    border: 5px dashed;
    color: #bdbdbd;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 40px;
    padding: 10%;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.miss-message:hover {
    color: #818181; }

.miss-message-button {
    border: 2px dashed;
    color: #bdbdbd;
    line-height: 1.2em;
    margin-bottom: 40px;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.miss-message-button:hover {
    color: #818181; }

.f32 {
    margin: 0;
    padding: 0; }

/* =========================
   Carousel styles
========================== */
.row-carousel {
    width: 230px;
    margin: auto;
    background: #fff; }

.row-carousel-bar {
    font-size: 1.5em;
    padding: 15px 30px;
    margin-bottom: 15px; }

.row-carousel-title {
    text-align: left;
    padding-left: 15px;
    line-height: 45px;
    background: #3498DB;
    color: #fff;
    border-bottom: 1px solid #3498DB;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.row-carousel-title:hover {
    background: #fff;
    color: #3498DB; }
.row-carousel-title::after {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    position: absolute;
    top: 15px;
    font-size: 1em; }

.row-carousel-subtitle {
    padding: 15px;
    font-size: 0.9em; }

.row-carousel-img {
    height: 230px;
    margin: auto;
    overflow: hidden;
    width: 230px;
    border-bottom: 1px solid #dddddd;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.carousel-add {
    width: 230px;
    height: 230px;
    border: 2px dashed #dddddd;
    position: relative;
    background: none;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.carousel-add i {
    text-align: center;
    font-size: 4em;
    line-height: 230px;
    color: #dddddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.carousel-add:hover {
    border-color: #9f9f9f; }
.carousel-add:hover i {
    color: #9f9f9f; }

.row-delete {
    display: block;
    text-align: center;
    padding: 10px 20px;
    border-top: 1px solid;
    color: #ED5A5A;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.row-delete:hover {
    background: #ED5A5A;
    color: #fff; }

.change-view-list i {
    font-size: 1.5em;
    color: #52616D;
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 35px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.change-view-list i:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
.change-view-list.on i:before {
    content: "\f03a"; }

.owl-table,
.owl-lista {
    display: none !important; }
.owl-table.visible,
.owl-lista.visible {
    display: block !important; }

.owl-table .carousel-add {
    height: 90px;
    margin-bottom: 30px;
    width: 100%; }
.owl-table .carousel-add i {
    font-size: 2em;
    line-height: 90px; }

@media only screen and (max-width: 64.063em) {
    .owl-lista,
    .owl-lista.visible {
        display: block !important; }

    .owl-table,
    .owl-table.visible {
        display: none !important; } }
/* =========================
   Tabs styles
========================== */
.row-lateral {
    padding-top: 0.9375rem; }

.tabs > dd:first-child {
    padding-left: 0.9375rem !important; }

.tabs > dd:last-child {
    padding-right: 0.9375rem !important; }

.tabs dd {
    text-align: center;
    margin-bottom: 25px !important;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.tabs dd.grid_2_4 {
    width: 20%; }
.tabs dd.grid_3 {
    width: 25%; }
.tabs dd.grid_4 {
    width: 33.33333%; }
.tabs dd.grid_6 {
    width: 50%; }
.tabs dd.grid_1_5 {
    width:15%;
}
.tabs dd.grid-lateral {
    width: 100%;
    float: left;
    padding: 0 !important;
    margin-bottom: 0 !important;
    text-align: left; }
.tabs dd.grid-lateral i {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.tabs dd.grid-lateral a {
    line-height: 2em;
    border-left: 3px solid #B8B8B8 !important;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.tabs dd.grid-lateral a:hover {
    background: #F8F8F8;
    border-left: 3px solid #3498DB !important;
    border-bottom: 0 !important;
    color: #3498DB; }
.tabs dd.grid-lateral a:hover i {
    color: #3498DB; }
.tabs dd.grid-lateral.active a {
    border-left: 3px solid #3498DB !important;
    border-bottom: 0 !important;
    color: #3498DB; }
.tabs dd.grid-lateral.active i {
    color: #3498DB; }
.tabs dd.active a {
    color: #3498DB;
    -webkit-box-shadow: 0 2px 0px rgba(52, 152, 219, 0.8);
    -moz-box-shadow: 0 2px 0px rgba(52, 152, 219, 0.8);
    box-shadow: 0 2px 0px rgba(52, 152, 219, 0.8); }
.tabs dd.active a i {
    color: #3498DB !important; }
.tabs dd > a {
    background-color: #fff;
    font-size: 0.9em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.tabs dd > a:hover {
    background: #F3F3F3;
    color: #3498DB; }
.tabs dd > a:hover i {
    color: #3498DB; }
.tabs dd > a span {
    display: inline-block !important;
    margin-left: 15px; }
@media only screen and (max-width: 64.063em) {
    .tabs dd > a span {
        display: block !important; }
    .row-ayuda .tabs dd > a span {
        display: inline-block !important; } }
@media only screen and (max-width: 40.063em) {
    .tabs dd > a span {
        display: none !important; } }
.tabs dd a i {
    font-size: 1.5em;
    color: #4B4B4B;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.tabs dd.grid-launch a {
    background-color: #52616D;
    color: #fff;
    border-left: 5px solid #52616D !important; }
.tabs dd.grid-launch a i {
    color: #fff; }
.tabs dd.grid-launch a:hover {
    background: #718594;
    border-left: 5px solid #5B7474 !important; }

.contains-tabs {
    margin-bottom: 0; }

.row-historico {
    background: #F3F3F3;
    padding: 10px;
    border: 1px solid #d5d5d5;
    margin: 5px !important;
    margin-bottom: 30px !important;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
.row-historico .columns {
    margin-bottom: 10px; }

.row-table .row-info:nth-of-type(2n+1) {
    background: #f0f0f0;
    border-bottom: 1px solid #cacaca; }

.tag {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3.01px;
    color: #7A8086;
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1;
    max-width: 100%;
    overflow-x: hidden;
    padding: 3px 5px;
    margin: 0;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap; }

.section-tags-title {
    color: #b4b4b4;
    font-size: 1.3em;
    margin-bottom: 20px; }

.section-tags-subtitle {
    color: #b4b4b4;
    text-align: right; }

.big-tag {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    color: #9f9f9f;
    font-weight: 300;
    padding: 0 12px;
    line-height: 40px;
    white-space: nowrap;
    position: relative;
    background-color: white;
    margin-bottom: 10px;
    margin-right: 10px;
    border-left: 3px solid #3498DB;
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.big-tag i {
    color: #dddddd;
    margin-left: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.big-tag i:hover {
    color: #ED5A5A; }
.big-tag form {
    margin: 0;
    display: inline-block; }
.big-tag:hover {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
.big-tag.connect {
    margin-left: 30px;
    margin-right: 0; }
.big-tag.connect:first-child:before {
    display: none; }
.big-tag.connect:before {
    content: '';
    width: 35px;
    height: 2px;
    background: #3498DB;
    position: absolute;
    top: 22px;
    left: -37px; }

/* =========================
   Timeline styles
========================== */
.timeline-add {
    width: 80px;
    height: 80px;
    width: 20vw;
    height: 20vw;
    max-width: 80px;
    max-height: 80px;
    background-color: #5FCF80;
    text-align: center;
    line-height: 2.6em;
    font-size: 2em;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.timeline-add:hover, .timeline-add:focus {
    background-color: #7ed899; }
.timeline-add:active {
    border: 0;
    color: #fff;
    outline: 0; }
.timeline-add i {
    color: #fff; }

.timeline-add-text {
    font-size: 1.5em;
    line-height: 3.5em;
    color: #b4b4b4; }

.timeline-row {
    padding: 10px;
    margin-bottom: 15px !important; }
.timeline-row .box {
    margin-bottom: 15px; }

.timeline-img {
    border: 3px solid #ececec;
    overflow: hidden;
    width: 80px;
    /* Fallback width */
    height: 80px;
    /* Fallback height */
    width: 20vw;
    height: 20vw;
    max-width: 80px;
    max-height: 80px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.timeline-img:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

.timeline-year {
    position: relative;
    top: 10px; }

.timeline-sup {
    margin-bottom: 10px;
    color: #777777; }
.timeline-sup a {
    font-size: 1.2em;
    color: #777777;
    font-weight: 400; }
.timeline-sup a:hover {
    color: #3498DB; }
.timeline-sup span {
    color: #b3c1c6;
    font-size: 0.8em;
    font-weight: 400; }

.timeline-inf {
    font-size: 0.85em; }
.timeline-inf span {
    font-weight: 700;
    color: #8A8A8A; }
.timeline-inf .tag {
    top: 4px;
    position: relative;
    margin-left: 10px; }

.timeline-ocultame {
    display: none; }

.timeline-show-on .timeline-icon i:before,
.timeline-show-on .action-timeline-icon i:before {
    content: "\f106"; }

.timeline-icon {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 1.75em; }

.timeline-anteriores .timeline-icon {
    top: 15px; }

.observacion-img {
    border: 2px solid #ececec;
    overflow: hidden;
    width: 60px;
    /* Fallback width */
    height: 60px;
    /* Fallback height */
    width: 20vw;
    height: 20vw;
    max-width: 60px;
    max-height: 60px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.form-delete, .icon-info {
    margin: 0;
    position: absolute;
    top: 0;
    right: 15px; }

.icon-info {
    font-size: 1.3em; }
.icon-info.icon-ok {
    color: #5FCF80; }
.icon-info.icon-warning {
    color: #3498DB; }

.title-box {
    font-size: 1.2em;
    margin: 20px 0px; }
.reveal-modal .title-box {
    height: 60px;
    line-height: 60px; }

.timeline-inside {
    background-color: #e5e8e9;
    border: 0;
    padding: 20px;
    position: relative;
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.15); }

.timeline-baja {
    color: #ED5A5A !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    display: inline-block;
    margin-right: 10px;
    font-size: 1em !important; }

.box-baja {
    -webkit-box-shadow: 0 1px 1px #ED5A5A;
    -moz-box-shadow: 0 1px 1px #ED5A5A;
    box-shadow: 0 1px 1px #ED5A5A; }

/* =========================
   Club styles
========================== */
.box-points {
    line-height: 1;
    text-align: left;
    display: inline-block;
    padding-right: 30px;
    border-right: 1px solid #dddddd; }
.box-points h3 {
    font-size: 3em;
    font-weight: 400;
    margin-bottom: 3px;
    line-height: 1em;
    text-align: center; }
.box-points span {
    text-align: center;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
    color: #b4b4b4; }

.box-actions {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.box-actions li {
    text-align: center;
    margin-left: 15px; }
.box-actions li a {
    background: #CECECE;
    display: block;
    color: #fff;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    background-clip: padding-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
.box-actions li a.button-expanded-add {
    background-color: #5FCF80; }
.box-actions li a.button-expanded-add:hover {
    background-color: #7ed899; }
.box-actions li a.button-expanded-canjear {
    background-color: #3498DB; }
.box-actions li a.button-expanded-canjear:hover {
    background-color: #57aae1; }
.box-actions li a i {
    color: #fff;
    margin-right: 5px; }

.box-rangos {
    margin-bottom: 15px; }
.box-rangos:after {
    content: "";
    display: table;
    clear: both; }
.box-rangos span {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 3px;
    line-height: 1em; }
.box-rangos .actual {
    color: #222222;
    text-align: left; }
.box-rangos .siguiente {
    color: #dddddd;
    text-align: right; }
.box-rangos-puntos {
    margin-bottom: 5px; }
.box-rangos-puntos:after {
    content: "";
    display: table;
    clear: both; }
.box-rangos-puntos span {
    font-size: .8em;
    font-weight: 400;
    margin-bottom: 3px;
    line-height: 1em; }

.progress {
    height: 1.3rem;
    border: 0; }
.progress .meter {
    background-color: #3498DB;
    text-align: center;
    line-height: 1.3rem;
    position: relative; }
.progress .meter.success {
    background-color: #5FCF80 !important; }
.progress .meter em {
    bottom: -20px;
    color: #dddddd;
    font-size: .8em;
    position: absolute;
    right: -15px; }

.timeline-puntos {
    border-top: 1px solid #dddddd;
    margin-top: 20px;
    padding-top: 15px; }
.timeline-puntos .timeline-trigger {
    background-color: #f5f6f7;
    cursor: pointer;
    padding: 10px 15px;
    text-align: center; }
.timeline-puntos .timeline-trigger:hover {
    background-color: #fbfbfc; }
.timeline-puntos-registro {
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    position: relative;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.timeline-puntos-registro:hover {
    background-color: #f5f6f7; }
.timeline-puntos-registro .date {
    display: inline-block;
    width: 100px; }
.timeline-puntos-registro .points {
    margin-left: 20px;
    font-weight: 700; }
.timeline-puntos-registro .points.type-1 {
    color: #5FCF80; }
.timeline-puntos-registro .points.type-2 {
    color: #ED5A5A; }
.timeline-puntos-registro .circle {
    display: inline-block;
    height: 20px;
    width: 20px; }
.timeline-puntos-registro .circle.type-1 {
    background-color: #5FCF80; }
.timeline-puntos-registro .circle.type-2 {
    background-color: #ED5A5A; }
.timeline-puntos-registro .concepto {
    margin-left: 20px;
    margin-bottom: 0; }
.timeline-puntos-registro .actions {
    height: 50px;
    line-height: 50px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.timeline-puntos-registro .actions li {
    text-align: center;
    margin-left: 15px; }
.timeline-puntos-registro .actions li i {
    font-size: 1.5em; }

.logro-img {
    border: 5px solid rgba(241, 196, 15, 0.5);
    box-shadow: 0 0 0 5px #F1C40F;
    overflow: hidden;
    width: 150px;
    /* Fallback width */
    height: 150px;
    /* Fallback height */
    margin: 0 auto;
    width: 20vw;
    height: 20vw;
    max-width: 150px;
    max-height: 150px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.logro-title {
    background-color: #3498DB;
    color: #fff !important;
    cursor: pointer !important;
    display: block !important;
    font-size: .9em;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    top: -25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.logro-pendiente {
    opacity: 0.4;
    filter: alpha(opacity=40); }

.logro-progress {
    color: #fff;
    font-size: 0.8em;
    position: relative;
    top: -25px; }

.logro-info {
    background: #dddddd;
    padding: 5px 15px;
    position: relative;
    top: -25px; }

.box-catalogo {
    height: 400px;
    padding: 0;
    position: relative; }
.box-catalogo.blocked {
    opacity: 0.5;
    filter: alpha(opacity=50); }
.box-catalogo .catalogo-img {
    border: 5px solid rgba(52, 152, 219, 0.5);
    overflow: hidden;
    height: 150px;
    width: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
.box-catalogo h4 {
    border-bottom: 1px solid #dddddd;
    margin: 10px 20px;
    padding-bottom: 10px; }
.box-catalogo p {
    font-size: .9em;
    margin: 10px 20px; }
.box-catalogo .catalogo-misc {
    bottom: 0;
    left: 0;
    margin: 10px 20px;
    position: absolute;
    right: 0; }
.box-catalogo .catalogo-misc span.puntos {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 50px; }

.mini-title {
    display: block;
    font-size: .9em;
    font-weight: 700;
    margin-bottom: 20px; }
.mini-title.links {
    position: absolute;
    right: 20px;
    top: 20px; }

.box-megas .box-points {
    border: 0;
    display: block;
    height: 100px;
    text-align: center;
    padding: 0; }
.box-megas a {
    background-color: #3498DB;
    display: block;
    color: #fff;
    font-size: 1em;
    padding: 10px;
    position: relative;
    margin: 10px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.box-megas a:hover {
    background-color: #57aae1; }
.box-megas a:after {
    content: "\f061";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    top: 13px;
    position: absolute; }

.box-logro {
    margin: 20px; }

/* =========================
   Form styles
========================== */
select {
    margin: 0 0 1rem 0; }

textarea {
    height: 150px;
    resize: vertical; }

.box-form {
    padding: 40px; }

.form-title {
    border-bottom: 1px solid #EBEBEB;
    font-size: 1.5em;
    margin-bottom: 30px;
    padding-bottom: 15px;
    padding-top: 15px; }

.form-img {
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;
    border: 3px solid #dddddd;
    width: 250px;
    /* Fallback width */
    height: 250px;
    /* Fallback height */
    width: 15vw;
    height: 15vw;
    max-width: 250px;
    max-height: 250px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.form-add .input-field {
    margin-bottom: 30px; }

.error-message {
    display: block;
    margin-top: -16px;
    font-weight: normal;
    font-style: italic; }
.error-message ul {
    list-style: none;
    margin: 0; }
.error-message ul li {
    font-size: 0.8em;
    padding: 5px;
    background: #ED5A5A;
    color: #fff; }

form .has-tip {
    border: 0;
    font-family: inherit; }
form .has-tip:after {
    content: "\f059";
    position: absolute;
    font-family: FontAwesome;
    right: 0;
    top: 3px;
    color: #9f9f9f;
    margin-left: 5px; }

label.required:after {
    content: '*';
    margin-left: 5px; }

/* =========================
   Button styles
========================== */
input[type="submit"].action,
button[type="submit"].action {
    line-height: normal !important;
    margin-bottom: 0; }

.action {
    color: #fff !important;
    display: block;
    font-size: 1.2em;
    height: 60px;
    line-height: 60px;
    outline: 0;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
.action a {
    color: #fff !important;
    display: block; }
.action:active {
    border: 0;
    color: #fff;
    outline: 0; }

.action-add {
    background-color: #5FCF80;
    border-bottom: 3px solid #40c667; }
.action-add:hover, .action-add:focus {
    background-color: #7ed899; }
.action-add-blocked {
    background-color: rgba(95, 207, 128, 0.39) !important;
    border-bottom: 3px solid rgba(58, 193, 98, 0.27) !important; }

.action-navigate {
    background-color: #52616D;
    border-bottom: 2px solid #384550; }
.action-navigate:hover, .action-navigate:focus {
    background-color: #697B8A; }

.action-ischool {
    background-color: #73b4ca;
    border-bottom: 2px solid #4ea0bc; }
.action-ischool:hover, .action-ischool:focus {
    background-color: #85bed1; }

.action-editar {
    background-color: #3498DB;
    border-bottom: 3px solid #2383c4; }
.action-editar:hover, .action-editar:focus {
    background-color: #57aae1; }
.action-editar-blocked {
    background-color: rgba(63, 138, 191, 0.45) !important;
    border-bottom: 3px solid rgba(43, 97, 134, 0.13) !important; }

.action.action-delete,
.action-circle.action-delete {
    background-color: #ED5A5A;
    border-bottom: 3px solid #e93535; }
.action.action-delete:hover, .action.action-delete:focus,
.action-circle.action-delete:hover,
.action-circle.action-delete:focus {
    background-color: #f17f7f; }

.action-delete button {
    background-color: #ED5A5A;
    border-bottom: 3px solid #e93535;
    color: #fff;
    display: block;
    font-size: 1.2em;
    height: 60px;
    padding: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
.action-delete button:hover, .action-delete button:focus {
    background-color: #f17f7f;
    color: #fff; }
.action-delete button:active {
    border: 0;
    color: #fff;
    margin-top: 3px;
    outline: 0; }

.action-delete-blocked {
    background-color: rgba(237, 90, 90, 0.32) !important;
    border-bottom: 3px solid rgba(207, 81, 81, 0.29) !important; }

.button-top {
    margin-top: 20px; }

.action-sidebar {
    margin-bottom: 40px; }

.block-header .action,
.block-header button {
    margin-top: 25px; }

.panel-actions {
    position: absolute;
    right: 15px;
    top: 0; }
.panel-actions ul {
    list-style-type: none;
    margin: 0; }
.panel-actions ul li {
    float: left;
    margin-left: 10px; }

.timeline-row .panel-actions {
    top: 18px; }

.action-circle {
    color: #fff !important;
    display: block;
    font-size: 1.2em;
    height: 50px;
    width: 50px;
    line-height: 50px !important;
    outline: 0;
    position: relative;
    text-align: center;
    border: 0 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.action-circle-delete button {
    background-color: #ED5A5A;
    color: #ED5A5A;
    display: block;
    font-size: 1.2em;
    height: 50px;
    width: 50px;
    padding: 0px;
    margin: 0;
    line-height: 50px !important;
    position: relative;
    text-align: center;
    width: 100%;
    outline: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.action-circle-delete button:hover, .action-circle-delete button:focus {
    background-color: #f17f7f;
    color: #f17f7f; }
.action-circle-delete button:before {
    content: "\f1f8";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff; }

.action-circle-gray {
    background: #c2c2c2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.action-circle-gray:hover {
    background: #DFDFDF; }

.action-circle-link {
    cursor: pointer; }

.action-circle-gold {
    background: #F1C40F;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.action-circle-gold:hover {
    background: #f4d03f; }

.action-circle-black {
    background: #8B8B8B; }

.action-circle-green {
    background: #5FCF80;
    cursor: help !important; }

.button-delete,
.button-plus,
.button-edit {
    background: #CECECE;
    cursor: pointer;
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 auto;
    text-align: center;
    width: 25px;
    font-size: .8em;
    z-index: 2;
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
.button-delete i,
.button-plus i,
.button-edit i {
    color: #fff; }

.button-plus:hover {
    background: #5FCF80; }

.button-edit:hover {
    background: #3498DB; }

.button-delete:hover {
    background: #ED5A5A; }

.action-circle-black:hover {
    background: #A7A7A7; }

.plus-container {
    margin-right: 30px; }

button.action.dropdown {
    font-weight: 300;
    margin: 0;
    padding: 0; }

.f-dropdown {
    max-width: 100% !important; }
.f-dropdown li {
    border-bottom: 1px solid #edeff0;
    font-size: 1rem;
    line-height: 2rem; }
.f-dropdown li i {
    font-size: 1.2em;
    margin-right: 15px; }

.options-button {
    border: 0 !important;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: .6em;
    height: 30px;
    line-height: 33px !important;
    margin-right: 20px;
    outline: 0;
    position: relative;
    text-align: center;
    width: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.options-button-circle {
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
.options-button-success {
    background: #5FCF80; }
.options-button-success:hover {
    background: #7ed899; }
.options-button-edit {
    background: #3498DB; }
.options-button-edit:hover {
    background: #57aae1; }
.options-button-error {
    background: #ED5A5A; }
.options-button-error:hover {
    background: #f17f7f; }

/* =========================
   Homepage styles
========================== */
.header-homepage {
    padding: 0; }

.row-header-homepage {
    margin: 0 !important; }

.line-header {
    background: #3498DB;
    border-bottom: 3px solid #2383c4;
    border-radius: 2px; }

.homepage-img img {
    display: block;
    width: 70px;
    min-width: 70px; }

.homepage-header-title {
    color: white;
    font-size: 2.5em;
    margin: 20px 0px 5px; }

.homepage-header-sub {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: rgba(208, 255, 244, 0.52); }

.homepage-desc {
    margin-bottom: 40px;
    font-size: 1.2em;
    letter-spacing: 0.01em; }

.perfil-homepage {
    margin: auto; }

.main-title-homepage {
    font-size: 1.5em;
    color: #6f6f6f; }

.sub-title-homepage {
    color: #c2c2c2; }

.table-homepage.box,
.table-responsive.box {
    padding: 0 !important; }

.table-homepage,
.table-responsive {
    border: 0;
    margin-bottom: 15px; }

.table-homepage .header-tr {
    background-color: #ECECEC !important;
    text-shadow: none; }
.table-homepage .header-tr th {
    color: #5F5F5F; }
.table-homepage .header-tr th:hover {
    background-color: #E0E0E0; }

.homepage-ocultame {
    display: none; }

.grid-item {
    display: block;
    height: 14em;
    width: 100%;
    overflow: hidden;
    padding: 2em 20px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1.875rem;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item h1 {
    color: #fff;
    font-size: 1.5em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item .typcn {
    color: #fff;
    font-size: 3.5em; }
.grid-item p {
    margin: auto;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item .hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4em;
    display: block;
    opacity: 0;
    width: 80%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item:hover h1, .grid-item:hover p {
    opacity: 0; }
.grid-item:hover .hover-text {
    opacity: 1 !important; }
.grid-item.grid-item-blue {
    background-color: #49a2df;
    box-shadow: inset 0px 0px 1px 2px #4191C7; }
.grid-item.grid-item-blue:hover {
    background-color: #4191C7; }
.grid-item.grid-item-purple {
    background-color: #6b83a6;
    box-shadow: inset 0px 0px 1px 2px #536a8b; }
.grid-item.grid-item-purple:hover {
    background-color: #536a8b; }
.grid-item.grid-item-green {
    background-color: #98c79a;
    box-shadow: inset 0px 0px 1px 2px #77b57a; }
.grid-item.grid-item-green:hover {
    background-color: #77b57a; }
.grid-item.grid-item-green-dirty {
    background-color: #bdcc97;
    box-shadow: inset 0px 0px 1px 2px #a7bb75; }
.grid-item.grid-item-green-dirty:hover {
    background-color: #a7bb75; }
.grid-item.grid-item-dark-blue {
    background-color: #6C8399;
    box-shadow: inset 0px 0px 1px 2px #4F667C; }
.grid-item.grid-item-dark-blue:hover {
    background-color: #4F667C; }
.grid-item.grid-item-brown {
    background-color: #a7a891;
    box-shadow: inset 0px 0px 1px 2px #909175; }
.grid-item.grid-item-brown:hover {
    background-color: #909175; }
.grid-item.grid-item-gray {
    background-color: #ADADAD;
    box-shadow: inset 0px 0px 1px 2px #969696; }
.grid-item.grid-item-gray:hover {
    background-color: #969696; }
.grid-item.grid-item-turquesa {
    background-color: #1abc9c;
    box-shadow: inset 0px 0px 1px 2px #19927A; }
.grid-item.grid-item-turquesa:hover {
    background-color: #19927A; }

.grid-item-navidad {
    display: block;
    height: 18em;
    width: 100%;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1.875rem;
    position: relative;
    padding: 0 40px;
    background: #fff;
    box-shadow: inset 0px 0px 2px 2px #1A2734;
    -webkit-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
    background-color: #34495e;
    background-image: url(//wac.A8B5.edgecastcdn.net/80A8B5/static-assets/assets/marketing/holiday-giveaway/snow1-9828ec63c666dba0ae8222e1a5802816.png), url(//wac.A8B5.edgecastcdn.net/80A8B5/static-assets/assets/marketing/holiday-giveaway/snow2-858eb58fac28646b056f45dbd2dcd7fd.png), url(//wac.A8B5.edgecastcdn.net/80A8B5/static-assets/assets/marketing/holiday-giveaway/snow3-35c679d34f0bc4ec8490da0e8a816f5b.png);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item-navidad h1 {
    font-size: 1.5em;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item-navidad p {
    margin: auto;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.grid-item-navidad .svg-left {
    position: absolute;
    left: 15%;
    top: 0; }
.grid-item-navidad .svg-right {
    position: absolute;
    right: 15%;
    top: 0; }
.grid-item-navidad .user-avatar {
    width: 125px;
    height: 125px;
    margin: 20px auto;
    display: inline-block;
    border: 5px solid #ececec;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
@media only screen and (max-width: 40.063em) {
    .grid-item-navidad .user-avatar {
        width: 90px;
        height: 90px; } }

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px; } }
@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px; } }
@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px; }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px; } }
.homepage-img {
    width: 50px; }
@media only screen and (max-width: 40.063em) {
    .homepage-img {
        display: none; } }

/* =========================
   Inbox styles
========================== */
.inbox-title {
    font-size: 1.3em;
    line-height: 60px;
    height: 60px;
    margin-bottom: 40px; }

.row-table-title {
    padding-bottom: 20px; }

.unread-thread {
    font-weight: bold;
    opacity: 1; }
.unread-thread .table-img {
    border-color: #5FCF80; }

.list-actions {
    list-style: none;
    margin: 0; }
.list-actions li {
    padding: 15px 20px;
    color: #8D9AA5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.list-actions li:hover {
    background: #ececec; }
.list-actions li.active {
    background: #ececec;
    border: 1px solid #dddddd; }
.list-actions li i {
    margin-right: 5px; }

.row-message-body {
    min-height: 130px;
    padding: 30px;
    line-height: 1.3em; }

.form-add-fix .action {
    margin: 15px 20px; }

.table-delete {
    text-align: center;
    width: 85px; }
.table-delete form {
    margin: 0 !important; }
.table-delete .i-table {
    font-size: 1.75em;
    color: #52616D;
    cursor: pointer;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
.table-delete .i-table:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
.table-delete .i-table.fa-pencil:hover {
    color: #3498DB; }
.table-delete .i-table.fa-download:hover {
    color: #5FCF80; }
.table-delete .i-table.fa-trash-o:hover {
    color: #ED5A5A; }

/* =========================
   Calendar styles
========================== */
.fc-event-container .fc-event {
    background: #EBEBEB;
    color: #6C6C6C;
    text-align: center;
    padding: 10px;
    border: 0;
    margin: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.fc-event-container .fc-title {
    display: block;
    margin-top: 10px; }
.fc-event-container .calendar-horario {
    border-bottom: 5px solid #2ECC71; }
.fc-event-container .calendar-horario:hover {
    background: #54d98c; }
.fc-event-container .calendar-evento {
    border-bottom: 5px solid #9B59B6; }
.fc-event-container .calendar-evento:hover {
    background: #b07cc6; }
.fc-event-container .calendar-festivo {
    border-bottom: 5px solid #E47569; }
.fc-event-container .calendar-festivo:hover {
    background: #ec9d94; }
.fc-event-container .calendar-festivo .fc-time {
    display: none; }
.fc-event-container .calendar-title {
    font-weight: 600;
    font-size: 1.2em; }

.fc-day-grid-event .fc-time {
    font-weight: 400;
    display: block;
    text-align: center; }
.fc-day-grid-event > .fc-content {
    white-space: inherit !important; }

.fc-view-container table {
    margin: 0; }

.fc-widget-header table {
    border-bottom: 3px solid #2383c4 !important; }

.fc th {
    text-align: center;
    padding: 10px 0px !important;
    background: #3498DB;
    border-color: #2383c4;
    color: #fff; }

.fc-content-skeleton table thead {
    background: #EBEBEB; }

.fc-toolbar {
    margin: 0;
    background: #fff;
    padding: 10px; }
.fc-toolbar h2 {
    font-size: 1.5em;
    color: #333; }

.fc-button {
    background: #F0F0F0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    text-shadow: none !important; }
.fc-button:hover, .fc-button:focus {
    background-color: #3498DB !important; }

/* calendar styles */
#calendar {
    -moz-user-select: none;
    -webkit-user-select: none; }
#calendar .navigation {
    background: #3498DB;
    color: #FFFFFF;
    padding: 15px 20px;
    position: relative;
    text-align: center; }
#calendar .navigation #calendar-title {
    display: inline-block; }
#calendar table {
    border-collapse: collapse;
    font-size: 0.9em;
    table-layout: fixed;
    width: 100%; }
#calendar table th {
    border: 0 none;
    font-weight: 700;
    padding: 0.7em 0.3em;
    text-align: center; }
#calendar table td {
    padding: 0; }
#calendar table td span {
    background-color: #EBEBEB;
    border: 1px solid #fff;
    display: block;
    font-weight: normal;
    opacity: 0.6;
    padding: 0.2em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
#calendar table td span:hover {
    background-color: #FFF; }
#calendar table td.toggle-day {
    cursor: pointer; }
#calendar table td.current-month span {
    opacity: 1; }
#calendar table td:not(.current-month) span:hover {
    background-color: #EBEBEB; }
#calendar table td.has-notes span {
    text-decoration: underline; }
#calendar table td.no-faltas span {
    background: #2ECC71 !important;
    color: #fff !important; }
#calendar table td.no-faltas span:hover {
    background: #4cd787 !important; }
#calendar table td.has-faltas span {
    background: #E47569 !important;
    color: #fff !important; }
#calendar table td.has-faltas span:hover {
    background: #ea958c !important; }
#calendar table td.today span {
    font-weight: bold;
    opacity: 1; }
#calendar table td.select-day span {
    background-color: #FFF;
    border: 1px solid #626262;
    color: #626262;
    opacity: 1; }
#calendar table td.festivo span {
    background-color: #9B59B6 !important;
    color: #fff !important; }
#calendar table td.festivo span:hover {
    background: #ac75c2 !important; }

.next-prev, #prev-month, #next-month {
    position: absolute;
    line-height: 35px;
    width: 35px;
    top: 8px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.next-prev:hover, #prev-month:hover, #next-month:hover {
    background: #57aae1; }

#prev-month {
    left: 10px; }

#next-month {
    right: 10px; }

.leyenda-calendar ul {
    list-style-type: none;
    margin-left: 0; }
.leyenda-calendar ul li span {
    height: 25px;
    width: 50px;
    margin-right: 15px;
    background: #EBEBEB #EBEBEB;
    display: inline-block;
    border: 1px solid #b4b4b4;
    text-align: center; }
.leyenda-calendar ul li span.has-notes {
    text-decoration: underline; }
.leyenda-calendar ul li span.no-faltas {
    background: #2ECC71 !important;
    color: #fff !important; }
.leyenda-calendar ul li span.has-faltas {
    background: #E47569 !important;
    color: #fff !important; }
.leyenda-calendar ul li span.today {
    font-weight: bold; }
.leyenda-calendar ul li span.not-current {
    opacity: 0.6; }
.leyenda-calendar ul li span.selected {
    background-color: #FFF;
    border: 1px solid #626262;
    color: #626262;
    opacity: 1; }
.leyenda-calendar ul li span.festivo {
    background-color: #9B59B6;
    color: #fff !important; }

/* =========================
   Colors styles
========================== */
.border-color-primary {
    border-top: 3px solid #3498DB; }

.i-color-primary {
    background-color: #3498DB; }

.ticon-primary {
    color: #3498DB !important; }

.border-color-blue {
    border-top: 3px solid #76A7FA; }

.i-color-blue {
    background-color: #76A7FA; }

.ticon-blue {
    color: #76A7FA !important; }

.border-color-green {
    border-top: 3px solid #8CC474; }

.i-color-green {
    background-color: #8CC474; }

.ticon-green {
    color: #8CC474 !important; }

.border-color-coral {
    border-top: 3px solid #FF7F50; }

.i-color-coral {
    background-color: #FF7F50; }

.ticon-coral {
    color: #FF7F50 !important; }

.border-color-midnight-blue {
    border-top: 3px solid #009393; }

.i-color-midnight-blue {
    background-color: #009393; }

.ticon-midnight-blue {
    color: #009393 !important; }

.border-color-purple {
    border-top: 3px solid #9B59B6; }

.i-color-purple {
    background-color: #9B59B6; }

.ticon-purple {
    color: #9B59B6 !important; }

.border-color-red {
    border-top: 3px solid #E47569; }

.i-color-red {
    background-color: #E47569; }

.ticon-red {
    color: #E47569 !important; }

.border-color-gold {
    border-top: 3px solid #F1C40F; }

.i-color-gold {
    background-color: #F1C40F; }

.ticon-gold {
    color: #F1C40F !important; }

.border-color-gray {
    border-top: 3px solid #8B8B8B; }

.i-color-gray {
    background-color: #8B8B8B; }

.ticon-gray {
    color: #8B8B8B !important; }

.row-info {
    padding: 10px;
    line-height: 1.2em; }

.row-info-border {
    border-bottom: 2px solid #ebebeb; }

.ticon {
    font-size: 3em; }

/* =========================
   Lib fix styles
========================== */
#map-canvas {
    height: 500px; }

.chosen-container-multi .chosen-choices,
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 2.3125rem; }

.chosen-container-single .chosen-single {
    background: #fff !important;
    height: 2.3125rem;
    font-family: inherit !important;
    font-size: 0.875rem;
    line-height: 35px !important;
    background-clip: padding-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }

.chosen-container-single .chosen-single div b {
    background-position: 0px 8px; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px; }

.chosen-container {
    width: 100% !important;
    margin: 0 0 1rem 0; }

.alert-box {
    background-color: #FFFFFF !important;
    border: 1px solid #2383c4 !important;
    border-bottom: 5px solid #2383c4 !important;
    color: #3498DB !important;
    font-size: 1em !important; }
.alert-box.success {
    border: 1px solid #2383c4 !important;
    border-bottom: 5px solid #2383c4 !important;
    color: #3498DB !important; }
.alert-box.alert {
    border: 1px solid #e93535 !important;
    border-bottom: 5px solid #e93535 !important;
    color: #ED5A5A !important; }
.alert-box.secondary {
    border: 1px solid #777777 !important;
    border-bottom: 5px solid #777777 !important;
    color: #8B8B8B !important; }
.alert-box.tiny {
    border-bottom-width: 2px;
    font-size: 0.8125rem !important;
    padding: 0.75em 1.125rem; }

/* =========================
   Extra styles
========================== */
.observacion-inf {
    font-size: 1em;
    line-height: 1.3em; }

.reveal-modal {
    padding: 0 0 30px; }

.modal-title {
    background: #3498DB;
    padding: 10px 15px; }
.modal-title h2 {
    color: #fff;
    font-size: 1.5em; }

.lead {
    background: #C7D6E0;
    padding: 10px 15px;
    font-size: .9em !important; }

.has-tip {
    border: 0; }
.has-tip:hover {
    border: 0 !important; }

.reveal-modal .close-reveal-modal, .reveal-modal dialog {
    color: #FFFFFF; }

.go-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    font-size: .8em;
    border-radius: 50%;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background-clip: padding-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.go-top i {
    line-height: 40px; }
.go-top:hover {
    background-color: rgba(0, 0, 0, 0.5); }

.loading {
    display: none;
    position: fixed;
    z-index: 1010;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%; }
.loading .loading-panel {
    width: 200px;
    height: 150px;
    background-color: #fff;
    text-align: center;
    color: #5F5F5F;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -75px; }
.loading .loading-panel i {
    font-size: 3em;
    display: block;
    margin-top: 25px;
    margin-bottom: 20px; }

.is-new:before {
    content: 'Nuevo';
    position: absolute;
    top: -25%;
    left: 25%;
    color: white;
    background: #ED5A5A;
    height: 20px;
    width: 40px;
    line-height: 20px;
    padding: 0px;
    font-size: 0.6em; }

.ul-flex {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.ul-flex li {
    background: #EDEFF0;
    border: 1px solid #dfe0df;
    padding: 5px 20px;
    text-align: center;
    margin-bottom: 10px; }
@media only screen and (max-width: 40.063em) {
    .ul-flex li {
        width: 100%; } }

.prev-container {
    background-color: #EDEFF0;
    border: 1px dashed rgba(0, 0, 0, 0.15);
    padding: 20px;
    margin-bottom: 20px; }
.prev-container h5 {
    margin-bottom: 20px; }

.switch input[type="checkbox"] + label {
    display: inherit;
    margin-bottom: 15px; }

/* =========================
   Ayuda styles
========================== */
.box-ayuda {
    padding: 25px 40px;
    text-align: justify; }
.box-ayuda h4 {
    color: #3498DB;
    border-bottom: 1px solid #EDEFF0;
    padding-bottom: 10px;
    margin-bottom: 20px; }
.box-ayuda h4:before {
    background: #3498DB;
    display: inline-block;
    margin-right: 20px;
    content: '';
    height: 15px;
    width: 15px; }
.box-ayuda img {
    width: 100%;
    max-width: 865px;
    margin: 30px auto;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.box-ayuda img.ayuda-img-smaller {
    max-width: 400px; }
.box-ayuda img.ayuda-img-smaller + .img-caption {
    max-width: 400px; }
.box-ayuda img + .img-caption {
    width: 100%;
    max-width: 865px;
    margin: 0 auto;
    display: block;
    background: #E4E4E4;
    padding: 10px;
    position: relative;
    top: -30px;
    font-size: .9em; }

.ayuda-ext h3 {
    color: #FFFFFF;
    text-align: center;
    background: #3498DB;
    padding: 10px;
    margin-bottom: 20px; }

.grid-entrar {
    text-align: center;
    margin-bottom: 25px !important;
    position: relative;
    width: 100%;
    float: left;
    padding: 0 !important;
    margin-bottom: 0 !important;
    text-align: left; }
.grid-entrar i {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.grid-entrar a {
    line-height: 2em;
    border-left: 3px solid #B8B8B8 !important;
    padding: 10px 15px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.grid-entrar a:hover {
    background: #F8F8F8;
    border-left: 3px solid #3498DB !important;
    border-bottom: 0 !important;
    color: #3498DB; }
.grid-entrar a:hover i {
    color: #3498DB; }
.grid-entrar > a {
    background-color: #57aae1 !important;
    color: #fff !important;
    border-left: 3px solid #3498DB !important; }
.grid-entrar > a i {
    color: #fff !important; }
.grid-entrar > a:hover {
    background-color: #3498DB !important; }

/*# sourceMappingURL=styles.css.map */