/* ---------- Browser normalization ---------- */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  border-bottom: 1px dotted #000;
  cursor: help; }

html {
  overflow-y: scroll; }

html.aui-dialog-iframe-root-node {
  overflow: auto; }

body {
  background: #FFF;
  font: 62.5%/1.4 Arial, Helvetica, Verdana, sans-serif; }

body.portal-popup {
  background: none;
  padding: 10px; }

body.aui-dialog-iframe-popup {
  padding-bottom: 0; }

body.portal-iframe {
  padding: 0; }

blockquote, ul, ol, dl {
  margin: 1em; }

ol, ul, dl {
  margin-left: 2em; }

ol {
  list-style: decimal outside; }

ul {
  list-style: disc outside; }

ul ul {
  list-style-type: circle; }

ol ol {
  list-style-type: upper-roman; }

dl dd {
  margin-left: 1em; }

th {
  font-weight: bold; }

caption {
  margin-bottom: 0.5em;
  text-align: center; }

p {
  margin-bottom: 1em; }

/* ---------- Links ---------- */
/* ---------- Headers ---------- */
h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h1, h2, h3 {
  margin: 1em 0; }

h4, h5, h6 {
  font-size: 1.1em; }

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold; }

/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- HTML Editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000; }

.html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  position: relative;
  padding: 5px 45px; }

.html-editor.portlet-message-boards blockquote:after {
  background: url(../images/message_boards/quoteright.png) no-repeat 50%;
  bottom: 5px;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  right: 5px;
  width: 31px;
  z-index: 999; }

.html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold; }

.html-editor.portlet-message-boards pre {
  background: #F9F9F9;
  border: 1px solid #777;
  padding: 0.5em; }

/* ---------- Text formatting ---------- */
b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

code, pre {
  font-family: "Courier New", Courier, monospace;
  white-space: pre; }

.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Alerts and popups ---------- */
.alert-background {
  background: #000; }

.popup-alert-notice {
  background-color: #FFC;
  border-bottom-color: #FC0; }

.popup-alert-warning {
  background-color: #FDD;
  border-bottom-color: #F00; }

/* ---------- Portal add content ---------- */
.portal-add-content {
  background: #FFF;
  text-align: left;
  z-index: 20; }

.portal-add-content a {
  text-decoration: none; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(../images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left; }

/* ---------- Separator ---------- */
hr, .separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update Manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/* ---------- Main ---------- */
.aui-state-default {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA; }

.aui-state-hover {
  background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
  border-color: #627782; }

.aui-state-active {
  background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
  border-color: #555; }

.results-grid {
  background: #FFF;
  border: solid #D7D7D7;
  border-width: 0 1px; }

.results-header {
  background: #D1D6DC; }
  .results-header th {
    background: #d9d9d9 url(../images/application/subheader_bg.png) 0 0 repeat-x;
    border: 1px solid #ccc; }
    .results-header th.sort-column {
      background: #ebebeb url(../images/application/state_active_bg.png) 0 0 repeat-x;
      border: 1px solid #ccc;
      color: #1F1E1E; }
      .results-header th.sort-column .result-column-name {
        background: url(../images/arrows/05_up.png) no-repeat 100% 50%;
        display: inline-block;
        font-style: italic;
        padding-right: 15px; }
    .results-header th.first {
      border-left-width: 0; }
    .results-header th.last {
      border-right-width: 0; }
  .results-header th, .results-header td {
    color: #7B7C7F;
    padding: 5px 10px;
    word-wrap: break-word; }
  .results-header th.sort-desc .result-column-name {
    background: url(../images/arrows/05_down.png) no-repeat 100% 50%;
    display: inline-block;
    font-style: italic;
    padding-right: 15px; }
  .results-header span, .results-header a {
    display: block; }
  .results-header a {
    color: #154B75;
    text-decoration: none; }
    .results-header a:hover {
      color: #336699;
      text-decoration: underline; }

.results-row td {
  background: none;
  border: 1px solid;
  border-color: #D7D7D7 #E7E7E7;
  padding: 5px 10px; }
  .results-row td.sort-column {
    background: #E6ECEF; }
.results-row.selected td, .results-row.selected.hover td {
  background-color: #00A2EA;
  border-color: #00A2EA #00A2EA #D7D7D7;
  color: #FFF; }
  .results-row.selected td a, .results-row.selected.hover td a {
    color: #FFF; }
.results-row.alt.selected td, .results-row.alt.selected.hover td {
  background-color: #00A2EA; }
.results-row.alt td {
  background: #F5F8FB; }
.results-row.hover td {
  background: #D3E8F1;
  border-bottom-color: #D7D7D7;
  border-left-color: transparent;
  border-right-color: transparent; }

.taglib-search-iterator .results-row td.first, .taglib-search-iterator .results-row th.first {
  border-left-width: 0; }
.taglib-search-iterator .results-row td.last, .taglib-search-iterator .results-row th.last {
  border-right-width: 0; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  opacity: .6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

.aui-portal-layout-proxy {
  opacity: 1 !important; }
  .aui-portal-layout-proxy .portlet-topper {
    background-image: none; }

.aui-proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .aui-proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .aui-proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .aui-proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.aui-resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.aui-sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.aui-portal-layout-drag-target-indicator {
  margin: 2px 0; }

/* ---------- Portal tool tips ---------- */
.aui-tooltip {
  max-width: 200px; }

/* ---------- Tags ---------- */
.aui-tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  padding: 0; }
  .aui-tagselector-content .aui-textboxlistentry-holder {
    background: #fff;
    border: 1px solid;
    border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    overflow: visible; }

.aui-tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }
.aui-tagselector .aui-field .aui-field-content {
  margin: 0; }
.aui-tagselector .aui-toolbar {
  margin-top: 5px; }
.aui-tagselector .aui-textboxlist-input-container {
  margin: 0; }

.aui-tagselector-focused .aui-textboxlistentry-holder {
  background: #FFC none;
  border: 1px solid #FC0; }

.aui-categoriesselector-content .aui-textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

/* ---------- Tag cloud and tag list ---------- */
.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-asset-count {
    clip: rect(0 0 0 0);
    position: absolute; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-asset-count {
    clip: rect(0 0 0 0);
    position: absolute; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.aui-underlay {
  clear: both;
  top: 100%; }
  .aui-underlay .yui3-widget-hd {
    height: 38px; }
  .aui-underlay .lfr-portlet-item {
    border-width: 0; }

.aui-underlay-hidden {
  display: none; }

.aui-underlay-content {
  background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.aui-underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ---------- Tabs ---------- */
.aui-tab-active strong {
  font-weight: normal; }

.aui-tab-back {
  float: right; }

.aui-tab-back-content {
  border-width: 0;
  padding: 1px; }

/* ---------- Misc. ---------- */
.lfr-panel-container {
  background: transparent; }

.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.aui-dialog-bd {
  min-height: 30px; }

.aui-dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.aui-panel-hd {
  background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

/* ---------- Menus ---------- */
.lfr-actions.portlet-options .lfr-trigger strong span, .visible.portlet-options .lfr-trigger strong span {
  background-image: url(../images/portlet/options.png); }

.lfr-actions.portlet-options:hover, .lfr-actions.portlet-options:hover ul {
  background: transparent; }

.lfr-menu-list {
  z-index: 450; }

.aui-menu {
  position: absolute;
  width: auto; }
  .aui-menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.aui-menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .aui-menu-content li {
    margin: 0;
    padding: 0; }
    .aui-menu-content li .disabled {
      color: #999; }

.aui-menu-content, .lfr-menu-list ul {
  background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.aui-menugroup-content .aui-menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  font-weight: bold;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.aui-menugroup-content ul, .lfr-menu-list ul ul {
  display: block;
  min-width: 0; }

.aui-menu-content li, .lfr-menu-list ul li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }

.aui-menu-content li.first, .lfr-menu-list ul li.first {
  border-top-width: 0; }

.aui-menu-content li.last, .lfr-menu-list ul li.last {
  border-bottom-width: 0; }

.aui-menu-content li a, .lfr-menu-list ul li .taglib-icon, .aui-menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.lfr-menu-list ul li.disabled .taglib-icon {
  color: #666; }

.aui-menu-content li a.aui-focus, .lfr-menu-list ul .taglib-icon.aui-focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2c2f34; }

.aui-menu-content a, .lfr-menu-list li .taglib-icon, .aui-menu-content .disabled, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
  font-weight: bold;
  text-shadow: 1px 1px 0 0 #FFF; }

/* ---------- Toolbar ---------- */
.aui-toolbar li {
  display: inline-block;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  vertical-align: middle; }

.aui-toolbar-separator {
  background: url(../images/dockbar/separator.png) no-repeat 100% 50%;
  border-width: 0;
  cursor: default;
  font-size: 1px;
  height: 16px;
  margin: 0 2px;
  overflow: hidden;
  vertical-align: middle;
  width: 4px; }

/* ---------- Loading Mask ---------- */
.aui-loadingmask-content {
  background: #CCC; }

.aui-loadingmask-message {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0; }

/* ---------- Tree View ---------- */
.aui-tree-node-selected .aui-tree-label {
  background-color: transparent;
  font-weight: bold; }

/* ---------- Page Customization ---------- */
.aui-dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    border: 3px solid #333;
    margin: 0.2em; }

.customizable .customizable-layout-column-content {
  background-color: #9CC97B; }

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

/* ---------- Pagination ---------- */
.aui-paginator-link {
  background: #eeeeee url() no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.ie7 .aui-paginator-link {
  color: transparent;
  overflow: hidden;
  text-indent: 0; }

.aui-paginator-current-page {
  background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003c57; }

.ie7 .aui-paginator-current-page {
  color: #FFF; }

.aui-paginator-page-link {
  text-indent: 0;
  height: auto; }

.ie7 .aui-paginator-page-link {
  color: #1F1E1E;
  font-size: 1em;
  height: auto;
  overflow: visible;
  text-indent: 0; }

.aui-paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.aui-paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.aui-paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.aui-paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.aui-paginator-current-page-report, .aui-paginator-total {
  font-size: 0.9em;
  color: #555; }

.aui-paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

/* ---------- Application Column View ---------- */
.lfr-app-column-view {
  border: 1px solid #C9C9C9; }
  .lfr-app-column-view .aui-layout-content {
    position: relative; }
  .lfr-app-column-view .aui-column:before {
    border-right: 1px solid #C9C9C9;
    bottom: 0;
    content: "";
    margin-left: -1px;
    position: absolute;
    top: 0; }
  .lfr-app-column-view .aui-column-content {
    border-right: 1px solid transparent; }
    .lfr-app-column-view .aui-column-content .lfr-message-response {
      margin: 10px; }

/* ---------- Header row ---------- */
.lfr-header-row {
  background: #8f8f8f url(../images/application/header_row_bg.png) 0 0 repeat-x; }
  .lfr-header-row .lfr-actions.show-arrow.direction-down .lfr-trigger strong a {
    background: url(../images/arrows/08_down.png) 100% -5px no-repeat; }
  .lfr-header-row .aui-toolbar .aui-toolbar-content {
    white-space: normal;
    word-wrap: normal; }
  .lfr-header-row .aui-toolbar .aui-toolbar-item {
    border-right-width: 0; }
  .lfr-header-row .aui-toolbar .aui-toolbar-last {
    border-right-width: 1px; }

.ie .portlet-boundary.yui3-dd-dragging {
  -ms-filter: alpha(opacity=60);
  filter: alpha(opacity=60); }
.ie .aui-proxy {
  filter: alpha(opacity=65); }
.ie .aui-proxy.not-intersecting .forbidden-action {
  right: 2px;
  top: 2px; }
.ie .layout-customizable-controls {
  -ms-filter: alpha(opacity=90);
  filter: alpha(opacity=90); }

.ie7 .aui-tabview-list {
  overflow: hidden; }
.ie7 .aui-menu-content li {
  z-index: 10; }

.ie6 .aui-toolbar li, .ie7 .aui-toolbar li {
  display: inline; }
.ie6 .lfr-header-row .aui-buttonitem-content, .ie7 .lfr-header-row .aui-buttonitem-content {
  white-space: normal; }
  .ie6 .lfr-header-row .aui-buttonitem-content .aui-buttonitem-label, .ie7 .lfr-header-row .aui-buttonitem-content .aui-buttonitem-label {
    white-space: nowrap; }
.ie6 .results-row.hover td, .ie7 .results-row.hover td {
  border-color: #D3E8F1; }

/* ---------- Wrapper ---------- */
.portlet-layout {
  border-collapse: collapse;
  clear: both;
  display: table;
  border-spacing: 0;
  table-layout: auto;
  width: 100%; }

.portlet-column {
  display: table-cell;
  vertical-align: top; }

.portlet-column-content {
  padding: 5px; }

.portlet-column-content-only, .ltr .portlet-column-content-first, .rtl .portlet-column-content-last {
  padding-left: 0; }

.portlet-column-content-only, .ltr .portlet-column-content-last, .rtl .portlet-column-content-first {
  padding-right: 0; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

#main-content.dragging .portlet-column {
  border: 3px double #828F95;
  height: 100px;
  min-height: 100px; }

.ie6 div.portlet-layout, .ie7 div.portlet-layout {
  height: 1%; }
.ie6 div.portlet-column, .ie7 div.portlet-column {
  float: left;
  overflow: hidden;
  width: 100%; }
.ie6 div.aui-column-last, .ie7 div.aui-column-last {
  margin-right: -1px; }
.ie6 .portlet-column-content, .ie7 .portlet-column-content {
  zoom: 1; }

.portlet-dockbar, .portlet-staging-bar {
  background: url(../images/application/loading_indicator.gif) no-repeat 50%; }

.portlet-dockbar {
  background-color: #E0E7F1;
  border-bottom: 1px solid #636364; }

.dockbar, .staging-bar {
  visibility: hidden; }

.dockbar-ready .dockbar, .staging .staging-bar, .live-view .staging-bar {
  visibility: visible; }

.dockbar-ready .portlet-dockbar, .staging-ready .portlet-staging-bar, .portal-popup .portlet-dockbar, .portal-popup .portlet-staging-bar {
  background: none;
  border-width: 0; }

.dockbar {
  background: #97a1ae url(../images/dockbar/dockbar_bg.png) repeat-x 0 0;
  border-bottom: 1px solid #636364;
  font-size: 13px;
  padding: 1px 5px;
  position: relative;
  z-index: 300; }

.dockbar:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.ie7 .dockbar {
  zoom: 1; }

.ie6 .dockbar, .ie6 .lfr-dockbar-pinned .dockbar {
  height: 10px;
  left: 0;
  position: relative;
  top: 0; }

.dockbar a {
  color: #2C2F34;
  font-weight: bold;
  text-shadow: 1px 1px #FFF; }

.dockbar .menu-button-active {
  background: #5c94da url(../images/dockbar/button_active_bg.png) repeat-x 0 0; }

.dockbar .menu-button-active a {
  color: #FFF;
  text-shadow: -1px -1px #2c2f34; }

.dockbar .user-avatar .sign-out {
  font-size: 0.8em;
  padding-left: 0; }

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

.dockbar li li {
  margin-left: 0; }

html > .lfr-dockbar-pinned {
  padding-top: 3.45em; }

.lfr-dockbar-pinned .dockbar {
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

.dockbar .pin-dockbar {
  margin-left: 0; }

.ie6 .dockbar .pin-dockbar {
  display: none; }

.pin-dockbar img {
  background: url(../images/dockbar/pin.png) no-repeat 0 0;
  height: 27px;
  vertical-align: middle;
  width: 27px; }

.lfr-dockbar-pinned .pin-dockbar img {
  background-image: url(../images/dockbar/unpin.png); }

.dockbar .user-portrait {
  text-decoration: none; }

.dockbar .user-avatar img {
  vertical-align: middle;
  width: 25px; }

.dockbar .impersonating-user {
  background: url(../images/messages/alert.png) no-repeat 0 50%;
  padding-left: 20px; }

.dockbar .impersonating-user .user-links a {
  color: #999; }

/* ---------- Staging Dockbar ---------- */
.variation-selector {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em; }

.layout-revision-container {
  margin: 1em 0 0 1em;
  padding: 0; }
  .layout-revision-container .aproximate-date {
    color: #999;
    font-weight: bold; }
  .layout-revision-container .current-version {
    color: #41801d;
    display: block; }
  .layout-revision-container .current-version-pointer {
    display: inline-block;
    width: 0; }
  .layout-revision-container .current-version-pointer img {
    left: -25px;
    position: relative; }
  .layout-revision-container .layout-variation-name {
    color: #666;
    font-size: 1.15em;
    margin-bottom: 0.1em;
    text-transform: uppercase; }
  .layout-revision-container .layout-revision-current {
    color: #666; }
  .layout-revision-container .real-date {
    color: #999;
    display: block;
    text-align: right; }
  .layout-revision-container .taglib-workflow-status .workflow-status {
    background: none;
    padding-left: 0; }
    .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
      color: #41801d;
      font-weight: bold; }

.layout-revision-container-root {
  margin: 0; }

.staging-details {
  background: url() no-repeat 0 0;
  padding-left: 65px;
  min-height: 50px; }

.staging .staging-details {
  background-image: url(../images/staging_bar/staging.png); }

.live-view .staging-details {
  background-image: url(../images/staging_bar/live.png); }

.staging .staging-tabview-list {
  background-color: #FFDBA6; }

.live-view .staging-tabview-list {
  background-color: #C4F0BC; }

/* ---------- Menus ---------- */
.aui-dockbarmenu-hidden {
  visibility: hidden; }

.dockbar .aui-toolbar {
  float: left; }

.dockbar .user-toolbar {
  float: right; }

.aui-underlay .portal-add-content {
  background-color: transparent;
  font-size: 11px; }

.aui-underlay .portal-add-content .portlet-dd-placeholder {
  display: none; }

.add-application .yui3-widget-bd, .dockbar-messages .yui3-widget-bd {
  padding: 0 10px 10px; }

.add-application {
  left: 10px !important; }

.lfr-has-sidebar #main-content {
  padding-left: 220px; }

.manage-layouts {
  left: 60px !important; }

.my-sites-menu {
  max-width: 350px; }

.my-sites-menu ul {
  list-style: none;
  max-height: 300px;
  overflow: auto; }

.my-sites-menu ul, .my-sites-menu li {
  display: block;
  margin: 0;
  padding: 0; }

.my-sites-menu a {
  display: block;
  overflow: hidden;
  text-align: right;
  white-space: nowrap; }

.my-sites-menu .control-panel a {
  background: url(../images/dock/control_panel.png) no-repeat 3px 50%;
  padding-left: 25px; }

.my-sites-menu .current-site {
  border: solid #1D4280;
  border-width: 1px 0; }

.my-sites-menu .current-site a {
  background: #3068ba url(../images/arrows/01_right.png) no-repeat scroll 2px 30%;
  color: #FFF;
  padding-left: 20px;
  text-shadow: 1px 1px #333; }

.my-sites-menu .current-site .site-type {
  color: #FFF; }

.my-sites-menu .current-site a:hover, .my-sites-menu a:hover .site-type {
  color: #FFF;
  text-shadow: 1px 1px #333; }

.my-sites-menu .site-name {
  cursor: pointer;
  float: left; }

.my-sites-menu .site-type {
  color: #777;
  float: right;
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 10px; }

.ie7 .my-sites-menu .site-type {
  float: none; }

.my-sites-menu a:hover .site-type {
  color: #FFF; }

.ie7 .my-sites-menu a {
  overflow: visible;
  text-align: left; }

.ie7 .my-sites-menu .site-name {
  float: none; }

.ie7 .my-sites-menu .site-type {
  float: none; }

.ie6 .my-sites-menu {
  width: 200px; }

.ie6 .my-sites-menu a {
  height: 1%; }

.dockbar .toggle-controls a {
  background: url(../images/dockbar/checked.png) no-repeat 0 50%;
  padding-left: 20px; }

.controls-hidden .toggle-controls a {
  background-image: url(../images/dockbar/unchecked.png); }

.toggle-controls a {
  background-image: url(../images/dockbar/unchecked.png); }

.dockbar .menu-button {
  background: url(../images/arrows/05_down.png) no-repeat 93% 50%;
  display: inline-block;
  padding: 5px 20px 5px 5px;
  text-decoration: none; }

.dockbar .menu-button span {
  background: url() no-repeat 0 50%;
  padding-left: 20px; }

.dockbar .add-content .menu-button span {
  background-image: url(../images/common/add.png); }

.dockbar .manage-content .menu-button span {
  background-image: url(../images/dockbar/settings.png); }

.dockbar .my-sites .menu-button span {
  background-image: url(../images/dockbar/places.png); }

.dockbar-messages-container {
  left: 50%;
  margin-left: -150px; }

.dockbar-messages {
  width: 300px; }

.showing-messages .dockbar-messages {
  display: block; }

.multiple-messages .dockbar-message {
  border-top: 1px solid #CCC;
  padding: 5px 0; }

.multiple-messages .first {
  border-top-width: 0;
  padding-top: 0; }

.add-content-menu .add-page a {
  background: url(../images/navigation/add_page.png) no-repeat 3px 50%;
  padding-left: 25px; }

.add-content-menu .add-application a {
  background: url(../images/common/portlet.png) no-repeat 3px 50%;
  padding-left: 25px; }

.add-content-menu a.lfr-portlet-used {
  color: #999;
  cursor: auto; }

.manage-content-menu li a, .manage-content-menu li .disabled {
  background: url() no-repeat 3px 50%;
  padding-left: 25px; }

.manage-content-menu .manage-page a {
  background-image: url(../images/dock/page_settings.png); }

.manage-content-menu .manage-site-content a {
  background-image: url(../images/common/site_icon.png); }

.manage-content-menu .manage-site-memberships a {
  background-image: url(../images/common/assign.png); }

.manage-content-menu .manage-page-customization a, .manage-content-menu .manage-page-customization .disabled {
  background-image: url(../images/dock/customizations.png); }

.manage-content-menu .page-layout a {
  background-image: url(../images/dock/layout.png); }

.manage-content-menu .sitemap a {
  background-image: url(../images/common/sitemap.png); }

.manage-content-menu .settings a {
  background-image: url(../images/common/configuration.png); }

/* ---------- Customization Bar ---------- */
.page-customization-bar {
  background-color: #999;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 30px;
  padding: 5px; }

.controls-hidden .page-customization-bar {
  display: none; }

.page-customization-bar .customized-icon {
  margin: 5px;
  vertical-align: middle; }

.page-customization-bar .page-customization-actions {
  padding-left: 5em; }

.page-customization-bar .page-customization-actions a {
  color: #EEE;
  font-size: 0.8em;
  padding: 0 1em; }

.page-customization-bar .reset-prototype {
  display: inline;
  padding-left: 1em; }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
.modify-pages .delete-tab {
  background: #333333 url(../images/portlet/close_borderless.png) no-repeat 50%;
  cursor: pointer;
  display: block;
  height: 8px;
  margin-top: -7px;
  padding: 3px;
  position: absolute;
  right: 1px;
  text-indent: -9999em;
  top: 50%;
  width: 8px; }

/*------ Navigation portlet ------*/
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

/* ---------- Page template selector ---------- */
.aui-form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .aui-form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.aui-form-triggers {
  float: left; }

.aui-form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .aui-form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .aui-form-trigger:hover, .aui-form-trigger:focus {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.aui-trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .aui-trigger-selected:hover, .aui-trigger-selected:focus {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.aui-options-trigger img {
  background-image: url(../images/common/configuration.png); }

.aui-save-trigger img {
  background-image: url(../images/dock/my_place_current.png); }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border: none; }

.portlet-topper {
  position: relative; }

.portlet-title {
  display: block;
  font-size: 1em;
  margin: 0; }
  .portlet-title img {
    vertical-align: middle; }

.portlet-title-text {
  cursor: pointer; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-topper-toolbar {
  margin: 0;
  padding: 2px;
  position: absolute;
  right: 3px;
  text-align: right;
  top: 3px; }
  .portlet-topper-toolbar .nobr {
    display: block;
    float: left;
    padding: 1px; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-icon-back {
  background: url(../images/arrows/01_left.png) no-repeat 0 50%;
  font-weight: bold;
  padding: 5px 5px 5px 18px; }

.portlet-nested-portlets .portlet-boundary {
  position: relative !important;
  top: 0 !important;
  left: 0 !important; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  background: #333;
  color: #FFF;
  font-size: 10px;
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  text-shadow: -1px -1px black;
  top: 0;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    color: #3AF;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: top;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    display: none;
    float: left;
    margin-right: 20px; }
  .portlet-borderless-bar .portlet-title-default, .portlet-borderless-bar .portlet-actions {
    min-height: 20px;
    vertical-align: top; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close a {
    background-image: url(../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(../images/portlet/options_borderless.png); }

.portlet-borderless-container:hover .portlet-borderless-bar {
  opacity: 1; }
  .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
    display: inline; }

.portlet-title-default {
  display: inline-block;
  float: right;
  font-weight: bold;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }
.portlet-draggable .portlet-title-default {
  background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px; }

/* ---------- Panel Page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg, .portlet-msg-info, .portlet-msg-help, .lfr-message-help, .portlet-msg-progress, .lfr-message-progress, .lfr-message-info, .portlet-msg-error, .lfr-message-error, .portlet-msg-alert, .lfr-message-alert, .portlet-msg-success, .lfr-message-success {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  display: block;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status of the current operation ---------- */
/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-info, .portlet-msg-help, .lfr-message-help, .portlet-msg-progress, .lfr-message-progress, .lfr-message-info {
  background-color: #DFF4FF;
  background-image: url(../images/messages/info.png);
  border-color: #A7CEDF; }

.portlet-msg-help, .lfr-message-help {
  background-image: url(../images/portlet/help.png); }

.portlet-msg-progress, .lfr-message-progress {
  background-image: url(../images/aui/loading_indicator.gif); }

/* ---------- Error messages ---------- */
.portlet-msg-error, .lfr-message-error {
  background-color: #FDD;
  background-image: url(../images/messages/error.png);
  border-color: #F00; }

/* ---------- Warning messages ---------- */
.portlet-msg-alert, .lfr-message-alert {
  background-color: #FFC;
  background-image: url(../images/messages/alert.png);
  background-position: 6px 20%;
  border-color: #FC0; }

/* ---------- Success messages ---------- */
.portlet-msg-success, .lfr-message-success {
  background-color: #F4FDEF;
  background-image: url(../images/messages/success.png);
  border-color: #ACDFA7;
  color: #384F34; }

/* ---------- Message labels ---------- */
.portlet-msg-alert-label, .portlet-msg-error-label, .portlet-msg-info-label, .portlet-msg-progress-label, .portlet-msg-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
  font-weight: bold; }

.portlet-msg-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.portlet-msg-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.portlet-msg-info-label, .portlet-msg-help-label, .portlet-msg-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.portlet-msg-help-label {
  background-image: url(../images/portlet/help.png); }

.portlet-msg-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.portlet-msg-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

/* ---------- Liferay Messages ---------- */
.lfr-message-content, .lfr-message-info, .lfr-message-help, .lfr-message-error, .lfr-message-alert, .lfr-message-success {
  border-left-width: 0;
  border-right-width: 0; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-dismissible.lfr-message-hover .lfr-message-content {
  background-image: none; }
.lfr-message-dismissible.lfr-message-hover .lfr-message-controls {
  display: block; }

.lfr-message-trigger, .lfr-message-close {
  cursor: pointer; }

/* ---------- Sections ---------- */
/* ---------- Table or section header ---------- */
/* ---------- Normal text in a table cell ---------- */
/* ---------- Text in every other row in the cell ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border: none; }
.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.restricted td.col-1, .alt.restricted td.col-1 {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px; }
.results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 {
  background-image: url(../images/common/guest_icon.png); }
.results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 {
  background-image: url(../images/common/user_icon.png); }
.results-row.lfr-role-site .col-1, .results-row.hover.lfr-role-site .col-1 {
  background-image: url(../images/common/site_icon.png); }
.results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 {
  background-image: url(../images/common/organization_icon.png); }
.results-row.lfr-role-team .col-1, .results-row.hover.lfr-role-team .col-1 {
  background-image: url(../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Actions button ---------- */
.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  background: white url(../images/forms/button.png) repeat-x 0 100%;
  border: 1px solid;
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }
.lfr-actions ul {
  bottom: -1px; }
.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
  background: none; }
.lfr-actions .lfr-trigger li {
  background: transparent;
  border-bottom: 1px solid #DEDEDE;
  padding: 2px; }
  .lfr-actions .lfr-trigger li a {
    padding: 5px 10px 5px 25px; }
    .lfr-actions .lfr-trigger li a:hover {
      background-color: #828F95;
      color: #FFF; }
  .lfr-actions .lfr-trigger li img {
    left: 3px;
    position: absolute; }
  .lfr-actions .lfr-trigger li.last {
    border-bottom: none; }
.lfr-actions.portlet-options {
  background: none;
  border: none;
  float: left; }
  .lfr-actions.portlet-options .lfr-trigger {
    padding: 0; }
    .lfr-actions.portlet-options .lfr-trigger strong {
      min-width: 0;
      padding: 1px; }
      .lfr-actions.portlet-options .lfr-trigger strong a {
        background-image: url(../images/portlet/options.png);
        background-position: 0 0;
        display: block;
        font-size: 0;
        height: 16px;
        padding: 0;
        text-indent: -9999px;
        width: 16px; }

.visible.portlet-options .lfr-trigger strong a {
  background-image: url(../images/portlet/options_selected.png); }

/*------ Breadcrumbs taglib ------*/
.breadcrumbs:before, .breadcrumbs:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }
.breadcrumbs:after {
  clear: both; }

.breadcrumbs-vertical {
  display: inline-block; }

.breadcrumbs-horizontal li {
  display: inline-block;
  vertical-align: middle; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border: none; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom: none;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

.ie .portlet-borderless-bar {
  -ms-filter: alpha(opacity=20);
  filter: alpha(opacity=20); }
.ie .portlet-borderless-container:hover .portlet-borderless-bar {
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100); }
.ie .taglib-calendar tr td.first a {
  border-right: none; }

.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
  margin-right: 0;
  margin-left: 20px; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
  float: left; }
.ie6 .breadcrumbs-vertical, .ie6 .breadcrumbs-horizontal li, .ie7 .breadcrumbs-vertical, .ie7 .breadcrumbs-horizontal li {
  display: inline;
  zoom: 1; }

.ie6 .portlet-topper-toolbar .icon {
  height: 16px;
  width: 16px; }
.ie6 .portlet-borderless-container {
  height: 2.5em; }
.ie6 .portlet-borderless-bar {
  filter: alpha(opacity=90); }
  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
  zoom: 1; }

fieldset {
  border: 1px solid #BFBFBF;
  padding: 8px; }

.aui-fieldset {
  border-width: 0;
  padding: 0;
  position: relative; }

.aui-dialog-iframe-popup .aui-fieldset {
  margin-bottom: 0; }

.aui-fieldset .aui-field-content, .aui-field-row, .aui-button-holder, .aui-field-wrapper-content {
  margin: 10px 0; }

.aui-field-inline .aui-field-content, .aui-field-row .aui-field-content {
  margin: 0;
  margin-right: 5px; }

.aui-search-bar .aui-field-content {
  margin-right: 0; }
.aui-search-bar .aui-field-content, .aui-search-bar .aui-button-content {
  display: inline-block;
  vertical-align: middle; }

.aui-field-choice .aui-field-label {
  display: inline-block; }

.aui-field-date .aui-field-content {
  overflow: hidden; }

.aui-text-placeholder {
  color: #777; }

legend {
  font-weight: bold;
  padding: 0 6px; }

.aui-fieldset-legend {
  color: #000;
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 1.5em; }

.aui-legend {
  border-bottom: 1px solid #CCC;
  display: block;
  position: absolute;
  width: 90%; }

input {
  background: #FFF; }

input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea, button, .aui-field-input-text {
  background-image: url(../images/forms/input_shadow.png);
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
  font: 1em Arial, Helvetica, Verdana, sans-serif;
  padding: 5px 1px; }

select {
  padding: 1px; }

input[type="image"] {
  background: transparent none;
  border: none;
  padding: 0; }

input[type="submit"], input[type="button"], input[type="reset"], button {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  text-shadow: 1px 1px #FFF;
  width: auto; }
  input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover {
    background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
    border-color: #627782;
    color: #369; }
  input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus {
    background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
    border-color: #555; }

input.focus, textarea.focus {
  background: #FFC none;
  border-color: #FC0; }

.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  text-shadow: 1px 1px #FFF;
  width: auto;
  padding: 0; }
.lfr-actions.lfr-extended:focus, .lfr-actions.lfr-extended:focus ul {
  background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
  border-color: #555; }
.lfr-actions.lfr-extended.disabled, .lfr-actions.lfr-extended.disabled ul, .lfr-actions.lfr-extended.disabled:hover, .lfr-actions.lfr-extended.disabled:hover ul {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #555;
  opacity: 0.5; }
.lfr-actions.lfr-extended:hover, .lfr-actions.lfr-extended:hover ul {
  background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
  border-color: #627782;
  color: #369; }

.lfr-actions.disabled .taglib-text {
  color: #A9A9A9; }

.aui-button-disabled input[type], .aui-button-disabled input[type]:hover, .aui-button-disabled input[type]:focus, .aui-button-disabled button, .aui-button-disabled button:hover, .aui-button-disabled button:focus {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #555;
  opacity: 0.5; }

.aui-buttonitem-disabled {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #555;
  opacity: 0.5; }

input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error {
  border-color: #900;
  border-style: dotted; }

/* ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- */
.ie fieldset {
  padding-top: 0; }
.ie .aui-button-disabled input {
  -ms-filter: alpha(opacity=50);
  filter: alpha(opacity=50); }

.ie7 .aui-fieldset {
  zoom: 1; }

.ie6 input.text, .ie6 input.password, .ie6 input.submit, .ie6 input.file, .ie6 input.button, .ie6 button {
  background-image: url(../images/forms/input_shadow.png);
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
  font: 1em Arial, Helvetica, Verdana, sans-serif;
  padding: 5px 1px; }
.ie6 input.submit, .ie6 input.button, .ie6 button, .ie6 .aui-button-disabled input.submit, .ie6 .aui-button-disabled input.button, .ie6 .aui-button-disabled button {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  text-shadow: 1px 1px #FFF;
  width: auto; }
.ie6 .aui-button-disabled input.submit, .ie6 .aui-button-disabled input.button, .ie6 .aui-button-disabled button {
  color: #555; }
.ie6 input.focus, .ie6 textarea.focus {
  background: #FFC none;
  border-color: #FC0; }

.aui-menu-content, body > .lfr-menu-list ul, .aui-underlay-content, .aui-dialog-content {
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-preview-file-image img, .lfr-translation-manager {
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.dockbar .menu-button-active .menu-button {
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }

.my-sites-menu .current-site a {
  -moz-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 5px 15px rgba(255, 255, 255, 0.5); }

.aui-dialog-hd {
  -moz-box-shadow: 1px 1px 0 white;
  -webkit-box-shadow: 1px 1px 0 white;
  -o-box-shadow: 1px 1px 0 white;
  box-shadow: 1px 1px 0 white; }

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -moz-box-shadow: inset 0 0 2px #224fa8;
  -webkit-box-shadow: inset 0 0 2px #224fa8;
  -o-box-shadow: inset 0 0 2px #224fa8;
  box-shadow: inset 0 0 2px #224fa8; }

.lfr-search-combobox-item {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -o-border-radius: 1px;
  -ms-border-radius: 1px;
  -khtml-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .aui-field-input-text {
  -moz-border-radius: 4px 1px 1px 4px;
  -webkit-border-radius: 4px 1px 1px 4px;
  -o-border-radius: 4px 1px 1px 4px;
  -ms-border-radius: 4px 1px 1px 4px;
  -khtml-border-radius: 4px 1px 1px 4px;
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .aui-button-input {
  -moz-border-radius: 1px 4px 4px 1px;
  -webkit-border-radius: 1px 4px 4px 1px;
  -o-border-radius: 1px 4px 4px 1px;
  -ms-border-radius: 1px 4px 4px 1px;
  -khtml-border-radius: 1px 4px 4px 1px;
  border-radius: 1px 4px 4px 1px; }

body > .lfr-menu-list, body > .lfr-menu-list ul, .lfr-actions, .aui-dialog-content, .aui-dialog .yui3-widget-hd, .modify-pages .delete-tab, input[type="submit"], input[type="button"], input[type="reset"], button, .tags-search-combobox .aui-field-input-text, .staging-icon-menu-container .staging-icon-menu.lfr-actions .lfr-trigger strong a, .active-area-proxy, .portlet-document-library .document-display-style .document-thumbnail img, .portlet-document-library-display .document-display-style .document-thumbnail img, .aui-paginator-link, .lfr-header-row .aui-toolbar-only, .lfr-translation-manager, .lfr-translation-manager-translation, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote, .rule-group-instance-container .rule-group-instance, .portlet-search .search-facet .facet-value, .lfr-api-results {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; }

.lfr-header-row .aui-toolbar-content, .lfr-search-combobox, .select-documents, .select-files, .portlet-document-library div.document-display-style, .lfr-upload-container .upload-target, .lfr-upload-container .upload-file, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }

.portlet-journal .structure-tree .structure-field {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px; }

.aui-menu-content {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.aui-underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -o-border-bottom-left-radius: 8px;
  -ms-border-bottom-left-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -o-border-bottom-right-radius: 8px;
  -ms-border-bottom-right-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.lfr-hudcrumbs ul {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -khtml-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -khtml-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.lfr-message .lfr-message-control {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px; }

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px; }

.customizable-layout-column-content {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px; }

.lfr-upload-container .upload-target {
  -moz-box-shadow: inset 0 0 1px white;
  -webkit-box-shadow: inset 0 0 1px white;
  -o-box-shadow: inset 0 0 1px white;
  box-shadow: inset 0 0 1px white;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8FBE31', endColorstr='#FF729A22');
  background-image: -webkit-gradient(linear, 50%, 50%, color-stop(0%, #8fbe31), color-stop(85%, #729a22));
  background-image: -webkit-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: -moz-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: -o-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: -ms-linear-gradient(50%, #8fbe31 0%, #729a22 85%);
  background-image: linear-gradient(50%, #8fbe31 0%, #729a22 85%); }

.live-view .staging-tabview-list {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE3F8DF', endColorstr='#FFC4F0BC'); }

.staging-tabview-list {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0; }

.staging-bar {
  -moz-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  -o-box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 3em 1em rgba(0, 0, 0, 0.8); }

.staging-tabview-list .aui-tab-active .aui-tab-content, .site-variations-tabview-list .aui-tab-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.staging-tabview-list {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  -webkit-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  -o-box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  box-shadow: inset 0 0.75em 0.75em rgba(255, 255, 255, 0.55);
  background-image: -webkit-gradient(linear, 0 0, 0 0, color-stop(0%, rgba(0, 0, 0, 0.06)), color-stop(25%, rgba(0, 0, 0, 0.06)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.06)), color-stop(75%, rgba(0, 0, 0, 0.06)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(0 0, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFEED4', endColorstr='#FFFFDBA6');
  background-size: 100px 100px; }

.portlet-staging-bar .staging-bar .site-variations-tabview-list {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 1px 3px 8px rgba(0, 0, 0, 0.8);
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #777777), color-stop(80%, #333333), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: -moz-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: -o-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: -ms-linear-gradient(center bottom, #777777, #333333 80%, #333333);
  background-image: linear-gradient(center bottom, #777777, #333333 80%, #333333); }

.rule-group-instance-container .rule-group-instance {
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
  -o-box-shadow: 1px 1px 2px #999999;
  box-shadow: 1px 1px 2px #999999; }

.lfr-action-label {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px; }

.lfr-api-service-search .aui-field-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* Los import hay que ponerlos antes que las reglas sino son ignorados y Liferay necesita el ; al final
-----------------------------OJO DEJAR ESTO COMENTADO - para evitar problemas de duplicidad------------------------------*/
/* jQuery UI - v1.8.19 - 2012-04-16
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%; }

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1; }

.ui-accordion .ui-accordion-li-fix {
  display: inline; }

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1; }

.ui-accordion .ui-accordion-content-active {
  display: block; }

.ui-autocomplete {
  position: absolute;
  cursor: default; }

/* workarounds */
* html .ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.19
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }

.ui-menu .ui-menu {
  margin-top: -3px; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/*button sets*/
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 5px;
  width: 1.8em;
  height: 1.8em;
  background: url("/lideres-digitales-theme/images/arrows/arrow_left.png") no-repeat; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 5px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: -12px;
  background: url("/lideres-digitales-theme/images/arrows/arrow_right.png") no-repeat; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background: url("/lideres-digitales-theme/images/arrows/arrow_left.png") no-repeat; }

.ui-datepicker .ui-datepicker-next-hover {
  right: -12px;
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background: url("/lideres-digitales-theme/images/arrows/arrow_right.png") no-repeat; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tabs .ui-tabs-hide {
  display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background-color: #cccccc;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: url(/lideres-digitales-theme/images/custom/list_tt.gif) repeat-x;
  color: #fff;
  text-shadow: 0px;
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  width: auto;
  font-size: 13px;
  font-weight: normal;
  font-family: Arial;
  width: 35px!important;
  text-align: center;
  height: 20px!important;
  margin-top: -2px;
  background: #4bc4dd!important;
  color: white!important;
  padding: 3px 3px!important;
  border: 0!important; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background-color: #dadada;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background-color: #fbf9ee;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background-color: #fef1ec;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background-color: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background-color: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

/* Telefonica  */
@font-face {
  font-family: 'Telefonica-Bold';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/Telefonica-Bold.eot");
  src: url("/lideres-digitales-theme/fonts/Telefonica-Bold.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/Telefonica-Bold.woff") format("woff"), url("/lideres-digitales-theme/fonts/Telefonica-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Telefonica-ExtraLight';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/Telefonica-ExtraLight.eot");
  src: url("/lideres-digitales-theme/fonts/Telefonica-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/Telefonica-ExtraLight.woff") format("woff"), url("/lideres-digitales-theme/fonts/Telefonica-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Telefonica-Hand';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/Telefonica-Hand.eot");
  src: url("/lideres-digitales-theme/fonts/Telefonica-Hand.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/Telefonica-Hand.woff") format("woff"), url("/lideres-digitales-theme/fonts/Telefonica-Hand.ttf") format("truetype"); }

@font-face {
  font-family: 'Telefonica-Light';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/Telefonica-Light.eot");
  src: url("/lideres-digitales-theme/fonts/Telefonica-Light.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/Telefonica-Light.woff") format("woff"), url("/lideres-digitales-theme/fonts/Telefonica-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Telefonica-Regular';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/Telefonica-Regular.eot");
  src: url("/lideres-digitales-theme/fonts/Telefonica-Regular.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/Telefonica-Regular.woff") format("woff"), url("/lideres-digitales-theme/fonts/Telefonica-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Telefonica-RegularItalic';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/Telefonica-RegularItalic.eot");
  src: url("/lideres-digitales-theme/fonts/Telefonica-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/Telefonica-RegularItalic.woff") format("woff"), url("/lideres-digitales-theme/fonts/Telefonica-RegularItalic.ttf") format("truetype"); }

/* Telefonica CAP  */
@font-face {
  font-family: 'TelefonicaCap-Regular';
  font-weight: normal;
  font-style: normal;
  src: url("/lideres-digitales-theme/fonts/TelefonicaCap-Regular.eot");
  src: url("/lideres-digitales-theme/fonts/TelefonicaCap-Regular.eot?#iefix") format("embedded-opentype"), url("/lideres-digitales-theme/fonts/TelefonicaCap-Regular.woff") format("woff"), url("/lideres-digitales-theme/fonts/TelefonicaCap-Regular.ttf") format("truetype"); }

/* ESTILOS WECORP NUEVOS   Y ANTIGUOS */
.container-buttons {
  clear: both;
  display: block;
  text-align: center;
  overflow: hidden;
  padding: 10px 0; }
  .container-buttons input {
    float: none; }

.video {
  text-align: center; }

.hide-calendar {
  float: left;
  display: block;
  padding-right: 29px; }

.doc_descarga {
  clear: both;
  display: block;
  overflow: hidden;
  background: url("/wecorp-v2-theme/images/custom/color_schemes/guest/comun/ico_doc.png") no-repeat 0 50%;
  padding: 5px 0 5px 25px; }

.doc_descarga span {
  float: left;
  display: block;
  padding: 5px 0; }

.doc_descarga a.verMas {
  float: left;
  text-align: left;
  display: block;
  padding: 6px 35px 6px 0;
  background: url("/wecorp-v2-theme/images/custom/icons/arrow_right.png") 100% 50% no-repeat; }

a.verMas {
  display: block;
  padding: 6px 35px 6px 0;
  background: url("/wecorp-v2-theme/images/custom/icons/arrow_right.png") 100% 50% no-repeat; }

/* button close lms */
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
  text-indent: -9999px;
  background-image: url(/wecorp-v2-theme/images/portlet/close.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 10px 18px;
  min-width: 0; }

/* fin button close lms*/
/* titulo */
.moduletitle-portlet {
  display: none; }
  .moduletitle-portlet .taglib-header {
    border: 0;
    border: 0;
    margin: 0; }
  .moduletitle-portlet .header-title {
    font: 100 18px 'Telefonica-Regular',sans-serif;
    text-align: left;
    padding: 15px;
    margin: 0;
    border-top: 0;
    border-bottom: 1px solid #d0d2d3;
    background: #f5f7f8; }

.changeeditingmode-portlet {
  text-align: center;
  position: absolute;
  z-index: 1;
  background: transparent !important;
  right: 0;
  top: -13px; }

/* */
¡
.execactivity-portlet p {
  margin: 0;
  padding-bottom: 10px; }

.execactivity-portlet span {
  background-color: transparent !important; }

.execactivity-portlet .correct .content_answer {
  background: transparent url("/wecorp-v2-theme/images/custom/icons/ico_lms_correct.png") no-repeat 95% 50%;
  min-height: 50px;
  padding-right: 90px;
  height: auto;
  display: inline-block;
  width: 100%; }

.execactivity-portlet .incorrect .content_answer {
  background: transparent url("/wecorp-v2-theme/images/custom/icons/ico_lms_incorrect.png") no-repeat 95% 50%;
  min-height: 50px;
  padding-right: 90px;
  height: auto;
  display: inline-block;
  width: 100%; }

.execactivity-portlet .question {
  font-size: 14px;
  border-bottom: 0 none;
  clear: both; }

.execactivity-portlet .question .questiontext {
  padding: 10px 0;
  margin: 25px 0 10px;
  border-top: 0 none;
  border-bottom: 0 none;
  font-weight: 600; }

.execactivity-portlet .question:first-child .questiontext {
  margin-top: 0; }
  .execactivity-portlet .question:first-child .questiontext p {
    font: 100 14px 'Telefonica-Bold',sans-serif; }

/*ocultar banco de preguntas tipo test*/
#body #banks-support,
#body .banks-support {
  display: none; }

.execactivity-portlet .question .questiontext p {
  margin-bottom: 0;
  padding-bottom: 0; }

.execactivity-portlet .question .answer {
  padding: 10px;
  margin: 1px 0; }

.execactivity-portlet .correct .answer {
  padding: 5px 0 5px 10px;
  margin: 1px 0; }

.execactivity-portlet .incorrect .answer {
  padding: 5px 0 5px 10px;
  margin: 1px 0; }

.execactivity-portlet .question .answer input {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 5px;
  float: left;
  min-height: 1.5em; }

.execactivity-portlet .aui-button-submit {
  padding: 10px 0;
  text-align: right; }

.execactivity-portlet .questionFeedback {
  background: white url("/wecorp-v2-theme/images/custom/icons/ico_informacion.png") no-repeat 10px 50%;
  padding: 10px 0 25px 40px;
  border: 1px solid #d3d8da;
  border-radius: 5px; }

.execactivity-portlet .color_tercero {
  color: #00c3d4;
  font-size: 21px;
  margin: 30px 0 !important; }

.execactivity-portlet .aui-button {
  clear: both;
  display: block;
  padding: 10px 0 0;
  text-align: center; }

.horizontalquestion .aui-field-content {
  margin: 0; }

.horizontalquestion {
  clear: both; }

.imageEditable img {
  max-width: 150px;
  height: auto !important; }

.sortable li {
  min-height: 60px;
  height: 100%; }

.question_sortable ul.sortable {
  list-style: none; }

.question_sortable ul.sortable .answer {
  cursor: pointer; }

.question_sortable ul.sortable .answer p {
  padding: 5px 0; }

.questiontype_fillblank .answer-fillblank img {
  vertical-align: middle; }

.questiontype_multioptions .answer input {
  display: inline-block; }

.questiontype_options .answer input {
  display: inline-block; }

.questiontype_multioptions .answer .answer-options {
  max-width: calc(100% - 30px);
  padding-left: 5px;
  max-width: -moz-calc(100% - 30px);
  line-height: 1.4em;
  margin-left: 18px; }

.questiontype_options .answer .answer-options {
  vertical-align: middle;
  max-width: calc(100% - 30px);
  padding-left: 5px;
  max-width: -moz-calc(100% - 30px);
  line-height: 1.4em;
  display: inline-block; }

/* */
/*  lms preguntas incorrectas  */
.execactivity-portlet .content_answer .negrita {
  background-color: #1991eb;
  color: #fff;
  padding: 10px 10px 0; }

/* Tipo tarea */
.p2ptaskactivity-portlet .portlet-borderless-container .portlet-body {
  clear: both;
  overflow: hidden; }

.p2ptaskactivity-portlet .steps {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3; }
  .p2ptaskactivity-portlet .steps span.selected {
    font-weight: bold;
    color: #01c6da; }

.p2ptaskactivity-portlet .steps span.clicable {
  cursor: pointer; }

.p2ptaskactivity-portlet .steps span.clicable:hover {
  text-decoration: underline; }

.p2ptaskactivity-portlet .container-textarea {
  padding: 5px 0 10px; }

.p2ptaskactivity-portlet .container-textarea textarea {
  width: 99%;
  padding: 10px; }

.p2ptaskactivity-portlet .container-file {
  padding: 8px;
  margin-bottom: 10px; }

.p2ptaskactivity-portlet .container-file label {
  display: none; }

.p2ptaskactivity-portlet .container-file input {
  font-size: 14px;
  font-weight: 300; }

.p2ptaskactivity-portlet .option-more2 span.label-col2,
.p2ptaskactivity-portlet .option-more span.label-col {
  display: block;
  padding: 5px 0 5px 25px;
  cursor: pointer;
  background: url("/wecorp-v2-theme/images/custom/color_schemes/guest/comun/ico_more.png") no-repeat 0 50%;
  clear: both; }

.p2ptaskactivity-portlet .option-less2 span.label-col2,
.p2ptaskactivity-portlet .option-less span.label-col {
  display: block;
  padding: 5px 0 5px 25px;
  cursor: pointer;
  background: url("/wecorp-v2-theme/images/custom/color_schemes/guest/comun/ico_less.png") no-repeat 0 50%;
  clear: both; }

.p2ptaskactivity-portlet span.label-col span.number {
  display: none; }

.p2ptaskactivity-portlet .option-more2 .collapsable2 .doc_descarga span,
.p2ptaskactivity-portlet .option-more .collapsable .doc_descarga span {
  padding: 5px 0;
  background: none; }

.p2ptaskactivity-portlet .option-less2 .collapsable2 .doc_descarga span,
.p2ptaskactivity-portlet .option-less .collapsable .doc_descarga span {
  padding: 5px 0;
  background: none; }

.p2ptaskactivity-portlet .portlet-body .portlet-body li {
  list-style-image: url("/wecorp-v2-theme/images/custom/webcontent/bullet.png");
  margin: 0 20px 10px; }

/* */
/* marsupial*/
.marsupialwebcontentactivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px;
  clear: both;
  overflow: hidden; }

.marsupialwebcontentactivity-portlet p {
  margin: 0;
  padding-bottom: 10px; }

/* */
/* Offline */
.offlinetaskactivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px; }

/* */
/* Online */
.onlinetaskactivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px; }

/* */
/* Evaluacion activity */
.evaluationtaskactivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px; }

.evaluationtaskactivity-portlet .col-calification .see-more {
  float: none; }

/* */
/* Recursos activity */
.resourceExternalActivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px; }

.resourceInternalActivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px; }

/* */
/* SCORM */
.scormactivity-portlet .portlet-topper {
  display: none; }

.scormactivity-portlet .portlet-borderless-container .portlet-body {
  clear: both;
  overflow: hidden;
  display: block; }

#placeholder_treecontentContainer {
  clear: right;
  overflow: hidden;
  display: block; }

#placeholder_treeContainer a {
  cursor: pointer; }

#placeholder_contentIFrame {
  height: 100%!important; }

#placeholder_contentIFrame iframe {
  min-height: 615px; }

#contentIFrame {
  border: 0; }

/* Activity scorm */
#placeholder_treeContainer {
  position: relative;
  padding: 5px 5px 0;
  width: auto;
  left: 0;
  margin-top: -3px;
  float: left;
  padding-right: 2%; }

.portal-popup #placeholder_treeContainer {
  margin-top: -5px; }

#treeContainer {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 10px;
  margin-bottom: 10px; }

#placeholder_barContainer {
  margin-bottom: 2px;
  background-color: #fff;
  width: 36px; }

#placeholder_navigationContainer {
  text-align: right;
  margin-bottom: 6px; }

#navigationContainer2 {
  height: 35px;
  padding-top: 15px; }

/* */
/* encuesta */
.surveyactivity-portlet .portlet-borderless-container .portlet-body {
  padding: 10px;
  clear: both;
  overflow: hidden;
  display: block; }

.surveyactivity-portlet p {
  margin: 0;
  padding-bottom: 10px; }

.surveyactivity-portlet .correct .content_answer {
  background: transparent url("/wecorp-v2-theme/images/custom/icons/ico_lms_correct.png") no-repeat 95% 50%; }

.surveyactivity-portlet .incorrect .content_answer {
  background: transparent url("/wecorp-v2-theme/images/custom/icons/ico_lms_incorrect.png") no-repeat 95% 50%; }

.surveyactivity-portlet .question {
  border-bottom: 0 none; }

.surveyactivity-portlet .question .questiontext {
  padding: 10px 0;
  margin: 25px 0 10px;
  border-top: 0 none;
  border-bottom: 0 none;
  font-weight: 600; }

.surveyactivity-portlet .question .questiontext p {
  margin-bottom: 0;
  padding-bottom: 0; }

.surveyactivity-portlet .question .answer {
  padding: 5px 10px; }

.surveyactivity-portlet .question .answer .aui-field-content {
  margin: 0; }

.surveyactivity-portlet .correct .answer {
  padding: 5px 90px 5px 10px; }

.surveyactivity-portlet .incorrect .answer {
  padding: 5px 90px 5px 10px; }

.surveyactivity-portlet .question .answer input {
  margin-right: 5px;
  float: left; }

.surveyactivity-portlet .aui-button-submit {
  display: block;
  padding: 10px 0;
  text-align: right; }

.surveyactivity-portlet .questionFeedback {
  background: white "/wecorp-v2-theme/images/custom/icons/ico_informacion.png" no-repeat 10px 50%;
  padding: 10px 0 25px 40px;
  border: 1px solid #d3d8da;
  border-radius: 5px; }

.surveyactivity-portlet .color_tercero {
  color: #00c3d4;
  font-size: 21px;
  margin: 30px 0 !important; }

/*  */
/* Evaluacion final */
.evaluationAvg-portlet .portlet-borderless-container .portlet-body {
  padding: 10px;
  clear: both;
  overflow: hidden;
  display: block; }

.evaluationAvg-portlet p {
  margin: 0;
  padding-bottom: 10px; }

/* */
/* scorm normal */
.placeholder_normal {
  width: 100%; }

.placeholder_normal #placeholder_treeContainer #treeContainer {
  max-width: 175px;
  margin: 5px 0;
  padding: 0;
  width: auto;
  max-height: 655px;
  overflow: auto; }

.placeholder_normal #placeholder_barContainer a.open-scorm-menu {
  background: url(/wecorp-v2-theme/images/custom/icons/arrow_right.png) no-repeat 0 0; }

.placeholder_normal #placeholder_barContainer a.open-scorm-menu:hover {
  background: url(/wecorp-v2-theme/images/custom/icons/arrow_right_2.png) no-repeat 0 0; }

.placeholder_normal #placeholder_barContainer a.close-scorm-menu {
  background: url(/wecorp-v2-theme/images/custom/icons/arrow_left.png) no-repeat 0 0; }

.placeholder_normal #placeholder_barContainer a.close-scorm-menu:hover {
  background: url(/wecorp-v2-theme/images/custom/icons/arrow_left_2.png) no-repeat 0 0; }

.placeholder_normal #placeholder_treeContainer #treeContainer tr td {
  padding: 8px 0; }

#treeContainer li a {
  cursor: pointer; }

#treeContainer {
  padding-right: 10px; }

/* VIDEO QUESTION */
.contentQuestionVideo {
  position: relative;
  padding: 0;
  margin: 30px 0; }
  .contentQuestionVideo iframe, .contentQuestionVideo video {
    width: 800px;
    height: 450px; }
  .contentQuestionVideo .questionVideo {
    position: absolute;
    top: 0;
    z-index: 9;
    background: rgba(255, 255, 255, 0.9);
    width: calc(100% - 20px);
    height: calc(99.2% - 20px);
    padding: 35px;
    margin: 10px;
    border-radius: 3px; }
    .contentQuestionVideo .questionVideo .questiontext {
      font-size: 19px; }
    .contentQuestionVideo .questionVideo .answer {
      margin: 5px 0;
      padding: 0 20px;
      background: rgba(255, 255, 255, 0.8); }
      .contentQuestionVideo .questionVideo .answer input {
        margin-top: 20px; }
      .contentQuestionVideo .questionVideo .answer .answer-options {
        line-height: 1;
        display: block;
        padding: 20px 0;
        margin-left: 30px;
        cursor: pointer; }
        .contentQuestionVideo .questionVideo .answer .answer-options p {
          padding: 0; }
    .contentQuestionVideo .questionVideo .aui-button {
      position: absolute;
      bottom: 20px;
      width: calc(100% - 40px);
      margin: 0px 20px;
      left: 0;
      text-align: center;
      border-top: 1px solid #d4d2d2; }
      .contentQuestionVideo .questionVideo .aui-button input {
        padding: 10px 40px;
        margin-top: 20px; }

.mycertifications-portlet .results-header th {
  min-width: 100px; }
  .mycertifications-portlet .results-header th:first-child {
    min-width: 150px; }

/* */
/* ACTIVIDAD PRESENCIAL - Sesiones */
.face-to-face-activity-portlet select {
  padding-right: 15px; }
.face-to-face-activity-portlet .aui-button-holder {
  text-align: right;
  margin: 38px; }
  .face-to-face-activity-portlet .aui-button-holder input {
    padding: 10px 25px; }
.face-to-face-activity-portlet .search-user .aui-field .aui-field-content {
  width: 100%; }
.face-to-face-activity-portlet + .activitynavigator-portlet,
.face-to-face-activity-portlet .activitynavigator-portlet {
  float: left;
  width: 100%; }

.activityViewer-portlet + .activitynavigator-portlet {
  float: left;
  width: 100%; }
.activityViewer-portlet .taglib-search-toggle-advanced .aui-fieldset .aui-field {
  display: inline-block;
  width: 23%; }
.activityViewer-portlet #_facetofaceactivity_WAR_facetofaceactivityportlet_calendar {
  padding: 15px;
  background: white;
  border: 1px solid #d3d8da;
  border-radius: 5px;
  margin-top: 37px; }
.activityViewer-portlet fieldset.aui-fieldset {
  margin: 0; }
  .activityViewer-portlet fieldset.aui-fieldset .aui-fieldset-legend {
    font-size: 1em;
    padding: 0; }
  .activityViewer-portlet fieldset.aui-fieldset .aui-legend {
    position: relative;
    width: 100%;
    font-size: 21px; }
  .activityViewer-portlet fieldset.aui-fieldset .face-to-face-session {
    background: white;
    margin: 10px 0;
    padding: 10px;
    position: relative;
    border: 1px solid #d3d8da;
    border-radius: 5px;
    font-weight: bold; }
    .activityViewer-portlet fieldset.aui-fieldset .face-to-face-session .face-to-face-description {
      font-weight: normal;
      margin-top: 15px; }
.activityViewer-portlet .col-sm-8 fieldset.aui-fieldset {
  margin: 0 40px; }
.activityViewer-portlet .search-user {
  margin: 0;
  margin-bottom: 10px;
  width: 49.5%;
  display: inline-block;
  vertical-align: middle;
  text-align: left; }
  .activityViewer-portlet .search-user .aui-field {
    width: 49%;
    display: inline-block;
    vertical-align: top; }
  .activityViewer-portlet .search-user.search-row {
    width: 102%; }
    .activityViewer-portlet .search-user.search-row .aui-field {
      display: inline-block;
      vertical-align: top;
      width: 24.5%; }
      .activityViewer-portlet .search-user.search-row .aui-field input {
        width: 95%; }
  .activityViewer-portlet .search-user.last {
    text-align: right;
    margin-top: 30px; }
  .activityViewer-portlet .search-user + .aui-button {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 10px; }
.activityViewer-portlet .face-to-face-search-attendance {
  margin-bottom: 30px; }
  .activityViewer-portlet .face-to-face-search-attendance .search-user .aui-field .aui-field-content {
    width: 100%; }
.activityViewer-portlet .face-to-face-absence-note,
.activityViewer-portlet .face-to-face-change-grades {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999; }
  .activityViewer-portlet .face-to-face-absence-note form,
  .activityViewer-portlet .face-to-face-change-grades form {
    background: white;
    display: inline-block;
    padding: 1% 2%;
    width: 400px;
    height: 200px;
    position: relative;
    top: calc(50% - 100px);
    left: calc(50% - 200px); }
    .activityViewer-portlet .face-to-face-absence-note form label,
    .activityViewer-portlet .face-to-face-change-grades form label {
      text-align: center;
      margin-bottom: 15px;
      font-size: 18px; }
    .activityViewer-portlet .face-to-face-absence-note form .aui-button,
    .activityViewer-portlet .face-to-face-change-grades form .aui-button {
      display: block;
      margin: 0 auto;
      text-align: center; }
      .activityViewer-portlet .face-to-face-absence-note form .aui-button input,
      .activityViewer-portlet .face-to-face-change-grades form .aui-button input {
        padding: 10px 40px; }
.activityViewer-portlet .face-to-face-change-grades form {
  position: fixed;
  height: 330px; }
  .activityViewer-portlet .face-to-face-change-grades form input[type="text"],
  .activityViewer-portlet .face-to-face-change-grades form textarea {
    width: 100%; }
  .activityViewer-portlet .face-to-face-change-grades form .aui-button {
    display: inline-block !important; }
.activityViewer-portlet .face-to-face-table-attendance .results-grid {
  overflow: hidden;
  overflow-x: scroll;
  margin-bottom: 15px;
  padding: 0; }
.activityViewer-portlet .face-to-face-table-attendance table {
  overflow: hidden; }
.activityViewer-portlet .face-to-face-table-attendance > div {
  padding: 0;
  display: block;
  background: transparent; }
  .activityViewer-portlet .face-to-face-table-attendance > div th {
    background: #eaeff2;
    border: 1px solid #d3d8da;
    width: 100px !important;
    padding: 20px 20px !important;
    padding-top: 40px !important;
    vertical-align: bottom; }
    .activityViewer-portlet .face-to-face-table-attendance > div th .attendance {
      position: absolute;
      right: 40px;
      top: 10px;
      display: block;
      margin: 0 auto; }
      .activityViewer-portlet .face-to-face-table-attendance > div th .attendance.attendance-change-all.attendance-status-1:before, .activityViewer-portlet .face-to-face-table-attendance > div th .attendance.attendance-change-all.attendance-status-2:before, .activityViewer-portlet .face-to-face-table-attendance > div th .attendance.attendance-change-all.attendance-status-3:before {
        content: "";
        width: 101px;
        height: 5000px;
        display: block;
        background: transparent;
        top: -11px;
        left: -41px;
        position: absolute; }
      .activityViewer-portlet .face-to-face-table-attendance > div th .attendance.attendance-change-all.attendance-status-1:before {
        background: rgba(36, 210, 106, 0.25); }
      .activityViewer-portlet .face-to-face-table-attendance > div th .attendance.attendance-change-all.attendance-status-2:before {
        background: rgba(200, 14, 64, 0.25); }
      .activityViewer-portlet .face-to-face-table-attendance > div th .attendance.attendance-change-all.attendance-status-3:before {
        background: rgba(245, 190, 21, 0.25); }
    .activityViewer-portlet .face-to-face-table-attendance > div th.col-1 {
      width: 320px !important;
      height: 112px !important; }
      .activityViewer-portlet .face-to-face-table-attendance > div th.col-1 .attendance {
        right: 40px;
        top: 10px;
        left: initial;
        display: block;
        margin: 0; }
    .activityViewer-portlet .face-to-face-table-attendance > div th:nth-child(2) {
      padding-left: 85px !important;
      padding-left: 335px !important; }
  .activityViewer-portlet .face-to-face-table-attendance > div tr {
    height: 80px !important; }
  .activityViewer-portlet .face-to-face-table-attendance > div tbody tr {
    height: 100px !important; }
    .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td {
      height: 99px !important;
      border-right: 1px solid #e3e3e3; }
      .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance {
        position: absolute;
        top: 40px;
        right: 40px;
        left: initial; }
        .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance.attendance-status-hover.attendance-status-1:before, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance.attendance-status-hover.attendance-status-2:before, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance.attendance-status-hover.attendance-status-3:before {
          content: "";
          background: transparent;
          width: 100px;
          height: 100px;
          display: block;
          position: absolute;
          left: -40px;
          top: -40px; }
        .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance.attendance-status-hover.attendance-status-1:before {
          background: rgba(36, 210, 106, 0.25); }
        .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance.attendance-status-hover.attendance-status-2:before {
          background: rgba(200, 14, 64, 0.25); }
        .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td .attendance.attendance-status-hover.attendance-status-3:before {
          background: rgba(245, 190, 21, 0.25); }
      .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 {
        width: 320px;
        padding: 0 !important;
        padding-left: 40px!important;
        border-right: 1px solid #e3e3e3;
        padding-top: 0; }
        .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 > div > a, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 > div > span {
          display: table;
          height: 100px; }
          .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 > div > a .user-profile-image, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 > div > span .user-profile-image {
            display: table-cell;
            vertical-align: middle; }
          .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 > div > a .user-name, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 > div > span .user-name {
            display: table-cell;
            text-decoration: none;
            vertical-align: middle;
            margin: 5px 10px;
            text-align: left;
            padding-left: 15px;
            float: none;
            width: calc(100% - 70px); }
        .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance {
          position: absolute;
          top: 40px;
          right: inherit;
          left: 10px; }
          .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance.attendance-change-all.attendance-status-1:before, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance.attendance-change-all.attendance-status-2:before, .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance.attendance-change-all.attendance-status-3:before {
            content: "";
            width: 827px;
            height: 100px;
            display: block;
            background: transparent;
            top: -41px;
            left: -11px;
            position: absolute;
            z-index: 99; }
          .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance.attendance-change-all.attendance-status-1:before {
            background: rgba(36, 210, 106, 0.25); }
          .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance.attendance-change-all.attendance-status-2:before {
            background: rgba(200, 14, 64, 0.25); }
          .activityViewer-portlet .face-to-face-table-attendance > div tbody tr > td.col-1 .attendance.attendance-change-all.attendance-status-3:before {
            background: rgba(245, 190, 21, 0.25); }
.activityViewer-portlet .face-to-face-table-attendance .attendance {
  background-size: 20px  !important;
  background: white;
  border: 1px solid #d3d8da;
  height: 20px;
  width: 20px;
  display: block;
  border-radius: 50%; }
  .activityViewer-portlet .face-to-face-table-attendance .attendance + span a {
    position: absolute;
    top: 40px;
    right: 20px;
    transition: all .3s; }
    .activityViewer-portlet .face-to-face-table-attendance .attendance + span a span {
      font-size: 0; }
    .activityViewer-portlet .face-to-face-table-attendance .attendance + span a img {
      transition: all .3s;
      margin-top: -5px; }
    .activityViewer-portlet .face-to-face-table-attendance .attendance + span a:hover {
      transition: all .3s; }
      .activityViewer-portlet .face-to-face-table-attendance .attendance + span a:hover img {
        transition: all .3s;
        margin-top: 5px; }
.activityViewer-portlet .face-to-face-button-attendance {
  /*.attendance{
      float: left;
      margin-top: 20px;
      margin-left: 25px;
      border: 1px solid #d3d8da;
  }*/ }
  .activityViewer-portlet .face-to-face-button-attendance > div {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    background: transparent !important; }
    .activityViewer-portlet .face-to-face-button-attendance > div .attendance {
      position: absolute;
      margin: 0;
      border: 1px solid #d3d8da;
      bottom: 0;
      left: calc(50% - 10px); }
  .activityViewer-portlet .face-to-face-button-attendance .aui-button {
    float: none;
    width: 70%;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 auto; }
    .activityViewer-portlet .face-to-face-button-attendance .aui-button input {
      width: 100%;
      font-size: 13px;
      display: block;
      white-space: normal;
      opacity: .4; }
      .activityViewer-portlet .face-to-face-button-attendance .aui-button input.selected {
        opacity: 1; }
.activityViewer-portlet .attendance {
  height: 20px;
  width: 20px; }
.activityViewer-portlet .attendance-status- {
  border: 1px solid #d3d8da; }
.activityViewer-portlet .attendance-status-1 {
  background: url(/wecorp-v2-theme/images/custom/icons/svg/ic_check.svg) no-repeat center !important;
  border: 0  !important; }
.activityViewer-portlet .attendance-status-2 {
  background: url(/wecorp-v2-theme/images/custom/icons/svg/ic_cancel.svg) no-repeat center !important;
  border: 0  !important; }
.activityViewer-portlet .attendance-status-3 {
  background: url(/wecorp-v2-theme/images/custom/icons/svg/ic_ausent.svg) no-repeat center !important;
  border: 0 !important; }
.activityViewer-portlet .face-to-face-import-attendance .lfr-panel {
  background: white; }
.activityViewer-portlet td.col-name {
  padding: 15px 10px !important; }
  .activityViewer-portlet td.col-name > div > a, .activityViewer-portlet td.col-name > div > span {
    display: table;
    width: 100%; }
    .activityViewer-portlet td.col-name > div > a > span, .activityViewer-portlet td.col-name > div > span > span {
      display: table-cell;
      vertical-align: middle;
      text-align: left; }
      .activityViewer-portlet td.col-name > div > a > span.user-profile-image, .activityViewer-portlet td.col-name > div > span > span.user-profile-image {
        margin-right: 0 !important;
        display: table-cell;
        width: 50px;
        padding: 0; }
      .activityViewer-portlet td.col-name > div > a > span.user-name, .activityViewer-portlet td.col-name > div > span > span.user-name {
        padding-left: 10px; }

/* */
/* competencias */
.competencesadmin-portlet table.taglib-search-iterator .col-1 {
  width: 40%; }

.container-activity div, .container-activity span, .container-activity label, .container-activity p {
  font: 100 14px 'Telefonica-Light',sans-serif;
  margin: 0; }
.container-activity.isFeedback .answer {
  text-align: left;
  float: left;
  width: 100%; }
.container-activity .description-title {
  font: 100 20px 'Telefonica-Bold',sans-serif;
  color: #004456;
  margin-top: 0; }
.container-activity .description {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid; }
  .container-activity .description ul {
    list-style: disc outside; }
.container-activity .msg_pass {
  font: 100 14px 'Telefonica-Regular',sans-serif;
  color: #004456;
  background: #f5f7f8;
  padding: 20px;
  margin-bottom: 20px; }
.container-activity .question {
  padding: 25px 0;
  padding-top: 0;
  margin: 0px 40px;
  border-bottom: 1px solid #e3e3e3; }
  .container-activity .question .questiontext {
    font: 100 14px 'Telefonica-Bold',sans-serif;
    margin-bottom: 0; }
.container-activity textarea,
.container-activity .aui-field-input-text,
.container-activity input[type="file"] {
  background: white; }
.container-activity input[type="file"] {
  border: 0; }
.container-activity input[type="radio"] {
  width: 22px;
  height: 22px;
  min-height: auto !important; }
.container-activity .newitem2 a {
  background: #004456;
  padding: 10px 20px;
  color: white;
  text-transform: uppercase;
  border: 1px solid #004456;
  transition: all .3s;
  -webkit-transition: all .3s; }
  .container-activity .newitem2 a:hover {
    background: #70c2da;
    border: 1px solid #70c2da;
    color: white;
    transition: all .3s;
    -webkit-transition: all .3s; }

.activity-message {
  font: 100 20px 'Telefonica-Bold',sans-serif; }

.container-activity iframe {
  max-width: 100%;
  max-height: 750px; }

.portlet-body .taglib-user-display span.user-profile-image.flex {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: 100%; }
.portlet-body .taglib-user-display .user-profile-image .no-foto {
  border-radius: 50%;
  overflow: hidden;
  color: white;
  padding: 15px 20px;
  background: #70c2da;
  font-size: 32px;
  text-transform: uppercase; }

/* */
@media (min-width: 767px) {
  ul.activity-list li {
    width: 21.5%; } }
@media (max-width: 992px) {
  #placeholder_contentIFrame {
    width: 100% !important; }

  #placeholder_treecontentContainer {
    clear: none; } }
@media (max-width: 768px) {
  #placeholder_treecontentContainer {
    width: 100%;
    clear: none; }

  #placeholder_treeContainer {
    width: auto; }

  .activityViewer-portlet .search-user .aui-field {
    width: 49%; } }
@media (max-width: 480px) {
  .activityViewer-portlet .face-to-face-button-attendance > div {
    width: 100%; }
    .activityViewer-portlet .face-to-face-button-attendance > div .attendance {
      bottom: 40px;
      left: 90%; }

  .activityViewer-portlet .search-user {
    width: 100%; }
    .activityViewer-portlet .search-user .aui-field {
      width: 100% !important; }
    .activityViewer-portlet .search-user.last {
      text-align: center;
      margin-top: 0;
      margin-bottom: 40px; }
      .activityViewer-portlet .search-user.last input {
        display: block;
        width: 70%;
        margin: 0 auto; } }
/* Loading SASS */
.layer-preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  top: 0;
  left: 0;
  z-index: 9999; }

.loading {
  position: relative;
  display: block;
  height: 100%; }
  .loading div.loader {
    position: absolute;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: block;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 4px solid transparent; }
  .loading .firstColor {
    border-top-color: #004456 !important;
    animation: loading 2s;
    -webkit-animation: loading 2s; }
  .loading .secondColor {
    border-top-color: #004456 !important;
    animation: loading 2s;
    -webkit-animation: loading 2s;
    left: 7px !important;
    width: 127px !important;
    height: 127px !important;
    top: 7px !important; }
  .loading .thirdColor {
    border-top-color: #70c2da !important;
    animation: loading 2s;
    -webkit-animation: loading 2s;
    left: 8px !important;
    width: 103px !important;
    height: 103px !important;
    top: 8px !important; }

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

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

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

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

/* ENDA Loading */
/* Estilos comunes */
* {
  outline: none !important; }

html {
  overflow-x: hidden; }

.dockbar {
  transition: all 0s !important;
  -webkit-transition: all 0s !important; }
  .dockbar * {
    transition: all 0s !important;
    -webkit-transition: all 0s !important; }

body {
  font: 300 14px 'Telefonica-Regular',sans-serif;
  color: #004456;
  background: #d6dedf; }

img {
  max-width: 100%; }

a, span, p {
  color: #004456;
  text-decoration: none !important;
  text-shadow: none !important; }

a {
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s; }
  a:hover {
    transition: all .3s;
    -webkit-transition: all .3s; }

object a {
  color: #70c2da; }

ul {
  list-style: none;
  color: #004456; }
  ul li {
    color: #004456;
    font: 100 12px 'Telefonica-Light',sans-serif; }
  ul.list {
    list-style: circle; }

p {
  color: #004456;
  font: 100 14px 'Telefonica-Light',sans-serif;
  line-height: 1.2em; }

h1:not(.portlet-title) {
  font: 100 30px 'Telefonica-Regular',sans-serif;
  color: #50535a;
  text-align: center;
  margin: 0; }

select::-ms-expand {
  display: none !important; }

.btn,
input,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  text-shadow: none !important;
  transition: all .3s;
  -webkit-transition: all .3s;
  box-shadow: none;
  background: white;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  padding: 10px; }
  .btn:hover,
  input:hover,
  select:hover,
  textarea:hover {
    transition: all .3s;
    -webkit-transition: all .3s; }

textarea {
  border: 1px solid #e3e3e3 !important;
  box-shadow: none !important;
  background: white !important;
  padding: 20px !important;
  font: 300 14px "Telefonica-Regular", sans-serif; }

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea {
  -webkit-appearance: none;
  appearance: none;
  text-shadow: none;
  transition: all .3s;
  -webkit-transition: all .3s;
  box-shadow: none;
  background: white;
  border: 1px solid #e3e3e3;
  padding: 10px; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  textarea:focus {
    transition: all .3s;
    -webkit-transition: all .3s; }

select {
  position: relative;
  padding-right: 30px;
  background: rgba(0, 0, 0, 0) url(/lideres-digitales-theme/images/custom/common/arrow_simple.svg) no-repeat scroll calc(100% - 10px) 50%;
  background-size: 13px; }
  select:hover {
    background-position: calc(100% - 10px) 65%; }

.btn,
.boton,
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  margin: 10px 0;
  margin-right: 10px;
  padding: 10px 25px;
  border-radius: 0;
  background: #70c2da;
  border: 1px solid #70c2da;
  color: white;
  font: 100 14px 'Telefonica-Bold',sans-serif;
  letter-spacing: 2.5px;
  cursor: pointer;
  box-shadow: none;
  text-transform: uppercase; }
  .btn.invert,
  .boton.invert,
  input[type="button"].invert,
  input[type="submit"].invert {
    background: white;
    border: 1px solid #004456;
    color: #004456; }
  .btn:hover, .btn:focus, .btn:active,
  .boton:hover,
  .boton:focus,
  .boton:active,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="button"]:active,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:active {
    background: #004456;
    border: 1px solid #004456;
    color: white; }
    .btn:hover.invert, .btn:focus.invert, .btn:active.invert,
    .boton:hover.invert,
    .boton:focus.invert,
    .boton:active.invert,
    input[type="button"]:hover.invert,
    input[type="button"]:focus.invert,
    input[type="button"]:active.invert,
    input[type="submit"]:hover.invert,
    input[type="submit"]:focus.invert,
    input[type="submit"]:active.invert {
      background: white;
      border: 1px solid #004456;
      color: #004456; }

input[type="radio"] {
  border: 1px solid #e3e3e3;
  background: white;
  width: 16px !important;
  height: 16px !important;
  margin-top: -3px;
  border-radius: 50%;
  position: relative; }
  input[type="radio"]:checked {
    border: 1px solid #70c2da; }
    input[type="radio"]:checked:before {
      content: "";
      width: 10px;
      height: 10px;
      position: absolute;
      display: block;
      background: #70c2da;
      border-radius: 50%;
      top: 2px;
      left: 2px; }
  input[type="radio"]:focus {
    border: 1px solid #70c2da; }

input[type="checkbox"] {
  border: 1px solid #e3e3e3;
  background: white;
  width: 16px !important;
  height: 16px;
  margin-top: -3px; }
  input[type="checkbox"]:checked {
    border: 1px solid #70c2da;
    background: white url(/lideres-digitales-theme/images/custom/common/ico_check.svg) no-repeat scroll 99% 50%;
    background-size: 100%; }
  input[type="checkbox"]:focus {
    border: 1px solid #70c2da; }

.portlet-title-text {
  cursor: default; }

table.taglib-search-iterator thead tr th {
  background: #f5f7f8; }
table.taglib-search-iterator tbody tr td {
  background: transparent !important; }
  table.taglib-search-iterator tbody tr td .taglib-user-display > a {
    display: table;
    width: 100%; }
    table.taglib-search-iterator tbody tr td .taglib-user-display > a > span {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      width: 100%; }
      table.taglib-search-iterator tbody tr td .taglib-user-display > a > span.user-profile-image {
        width: 75px;
        text-align: center;
        border-radius: 50%;
        overflow: hidden; }
        table.taglib-search-iterator tbody tr td .taglib-user-display > a > span.user-profile-image img {
          width: 100%; }
      table.taglib-search-iterator tbody tr td .taglib-user-display > a > span.user-name {
        padding-left: 20px; }

.portlet-msg-info, .portlet-msg-help, .lfr-message-help, .portlet-msg-progress, .lfr-message-progress,
.portlet-msg-help,
.lfr-message-help,
.portlet-msg-progress,
.lfr-message-progress,
.lfr-message-info {
  background-color: rgba(177, 228, 255, 0.5);
  background-size: 15px !important;
  border: 0;
  padding: 10px;
  padding-left: 30px;
  font: 300 14px 'Telefonica-Light',sans-serif; }

.portlet-msg-success,
.lfr-message-success {
  background-color: #e1ffd0;
  background-size: 25px !important;
  border: 0;
  padding: 10px;
  padding-left: 35px;
  font: 300 14px 'Telefonica-Light',sans-serif; }

.portlet-msg-error,
.lfr-message-error {
  background-color: #fad9d9;
  background-size: 45px !important;
  background-position: 0px -3px !important;
  border: 0;
  padding: 10px;
  padding-left: 35px;
  font: 300 14px 'Telefonica-Light',sans-serif; }

.portlet-msg-alert,
.lfr-message-alert {
  background-color: #fcfccc;
  background-size: 20px !important;
  background-position: 5px 50% !important;
  border: 0;
  padding: 10px;
  padding-left: 35px;
  font: 300 14px 'Telefonica-Light',sans-serif; }

.popup-alert-notice,
.popup-alert-warning {
  background-size: 30px !important;
  background-position: 5px 5px !important;
  padding-left: 40px;
  border: 0; }

.popup-alert-warning {
  background-size: 45px !important;
  background-position: -3px -1px !important; }

.portlet-msg-progress,
.lfr-message-progress {
  height: 4px;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  background: #eeeeee;
  position: relative; }
  .portlet-msg-progress:before, .portlet-msg-progress:after,
  .lfr-message-progress:before,
  .lfr-message-progress:after {
    content: "";
    height: 4px;
    width: 20px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-animation-name: move;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2.5s;
    /* Safari 4.0 - 8.0 */
    animation-timing-function: linear;
    animation-name: move;
    animation-duration: 2.5s;
    animation-iteration-count: infinite; }
  .portlet-msg-progress:before,
  .lfr-message-progress:before {
    background: #004456; }
  .portlet-msg-progress:after,
  .lfr-message-progress:after {
    width: 40px;
    left: 20px;
    margin-left: 20px;
    background: #004456;
    border-right: 20px solid #70c2da; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes move {
  from {
    left: -60px; }

  to {
    left: 100%; } }

/* Standard syntax */
@keyframes move {
  from {
    left: -60px; }

  to {
    left: 100%; } }

.aui-tabview-list,
.aui-tab-content {
  background: transparent;
  border: 0; }
  .aui-tabview-list .aui-tab-content,
  .aui-tab-content .aui-tab-content {
    border: 0;
    border-right: 1px solid #e3e3e3;
    background: white; }
    .aui-tabview-list .aui-tab-content:hover a,
    .aui-tab-content .aui-tab-content:hover a {
      color: #70c2da; }
  .aui-tabview-list .aui-tab-active .aui-tab-content,
  .aui-tab-content .aui-tab-active .aui-tab-content {
    background: #004456; }

.taglib-form-navigator .form-navigator {
  background-color: #f8f8f8;
  border: 1px solid #e3e3e3; }

.portlet-draggable .portlet-title-default {
  color: white;
  padding-top: 2px; }

.portlet-journal .lfr-table .journal-metadata {
  background: #ecebeb;
  border-radius: 0;
  box-shadow: none;
  border: 0; }
.portlet-journal .lfr-table .article-translation-toolbar .add-translations-menu {
  padding-top: 1px; }
.portlet-journal .lfr-table .aui-column-content {
  padding: 0; }
.portlet-journal .lfr-table .taglib-workflow-status,
.portlet-journal .lfr-table .taglib-workflow-status + .article-toolbar,
.portlet-journal .lfr-table .journal-article-header-edit,
.portlet-journal .lfr-table .journal-article-general-fields,
.portlet-journal .lfr-table .journal-article-container {
  margin-left: 15px; }
.portlet-journal .lfr-table .taglib-workflow-status .workflow-id {
  font-weight: bold;
  color: black; }
.portlet-journal .lfr-table .taglib-workflow-status + .article-toolbar .aui-buttonitem-content {
  background: #004456;
  color: white;
  border-radius: 0;
  border: 0;
  margin: 0;
  margin-right: 5px; }
  .portlet-journal .lfr-table .taglib-workflow-status + .article-toolbar .aui-buttonitem-content span {
    color: white;
    font: 300 14px 'Telefonica-Light',sans-serif; }
  .portlet-journal .lfr-table .taglib-workflow-status + .article-toolbar .aui-buttonitem-content:hover {
    background: #70c2da; }

img.icon {
  max-width: 15px;
  width: 15px; }

[class~="aui-form-validator-message"] {
  color: #f60000;
  top: 95%;
  padding: 0;
  background: white; }

form {
  margin: 0 auto; }
  form .aui-fieldset .aui-field .aui-field-content {
    margin: 0;
    margin-bottom: 20px; }
    form .aui-fieldset .aui-field .aui-field-content label {
      text-align: left;
      font: 500 14px "Telefonica-Light",sans-serif;
      color: #004456;
      margin-bottom: 5px; }
    form .aui-fieldset .aui-field .aui-field-content .aui-field-element {
      width: auto;
      display: inline-block;
      background: white;
      padding: 0; }
      form .aui-fieldset .aui-field .aui-field-content .aui-field-element .aui-field-input {
        width: 100%;
        display: inline-block; }
        form .aui-fieldset .aui-field .aui-field-content .aui-field-element .aui-field-input:focus {
          border: 1px solid #e3e3e3; }
      form .aui-fieldset .aui-field .aui-field-content .aui-field-element.check:before {
        content: "";
        background: transparent url(/lideres-digitales-theme/images/messages/success.png) no-repeat center;
        background-size: 20px;
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        bottom: calc(50% - 10px);
        right: 10px; }
      form .aui-fieldset .aui-field .aui-field-content .aui-field-element.error:before {
        content: "";
        background: transparent url(/lideres-digitales-theme/images/messages/error.png) no-repeat center;
        background-size: 40px;
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        bottom: calc(50% - 10px);
        right: 10px; }
  form .aui-fieldset .aui-field.aui-field-choice {
    text-align: left; }
    form .aui-fieldset .aui-field.aui-field-choice .aui-field-content {
      margin-bottom: 10px; }
    form .aui-fieldset .aui-field.aui-field-choice .aui-field-element {
      width: auto !important; }
  form .aui-fieldset .aui-field.aui-form-validator-error-container .aui-field-content .aui-field-element .aui-form-validator-error {
    border-color: #f60000; }
  form .aui-fieldset .aui-field.aui-form-validator-error-container .aui-field-content .aui-field-element:before {
    content: "";
    background: transparent url(/lideres-digitales-theme/images/messages/error.png) no-repeat center;
    background-size: 40px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: calc(50% - 10px);
    right: 10px; }
  form .aui-button-holder .aui-button:nth-child(2n) .aui-button-input {
    background: white;
    border: 1px solid #004456;
    color: #004456; }
    form .aui-button-holder .aui-button:nth-child(2n) .aui-button-input:hover, form .aui-button-holder .aui-button:nth-child(2n) .aui-button-input:focus, form .aui-button-holder .aui-button:nth-child(2n) .aui-button-input:active {
      background: #004456;
      border: 1px solid #004456;
      color: white; }
  form .aui-button-holder .aui-button-input {
    width: auto;
    margin: 5px 0;
    margin-right: 10px;
    position: relative; }

div.aui-dialog {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.4); }
  div.aui-dialog .aui-panel-content {
    max-width: 1100px;
    position: relative;
    top: 0!important;
    left: 0!important;
    width: 100%;
    background: white;
    z-index: 9999;
    margin: 70px auto;
    max-height: 90vh;
    overflow: hidden;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: 0; }
    div.aui-dialog .aui-panel-content .aui-dialog-hd {
      cursor: default; }
      div.aui-dialog .aui-panel-content .aui-dialog-hd .aui-panel-hd-text {
        font: 300 16px "Telefonica-ExtraLight", sans-serif;
        padding: 5px;
        color: white; }
    div.aui-dialog .aui-panel-content .yui3-widget-hd {
      padding: 5px 10px;
      background: #004456;
      border: 0;
      border-radius: 0;
      box-shadow: none; }
      div.aui-dialog .aui-panel-content .yui3-widget-hd .aui-panel-hd-text {
        color: white; }
      div.aui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar {
        background: transparent; }
        div.aui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content {
          background: transparent; }
          div.aui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick {
            background: transparent url(/lideres-digitales-theme/images/custom/common/cross_white.png) no-repeat top center;
            background-size: 65%;
            border: 0;
            position: relative;
            top: 8px;
            transition: all .3s; }
            div.aui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick:hover {
              transform: scale(1.2);
              transition: all .3s;
              -webkit-transform: scale(1.2);
              -moz-transform: scale(1.2);
              -ms-transform: scale(1.2);
              -o-transform: scale(1.2); }
            div.aui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick span {
              background: transparent; }
    div.aui-dialog .aui-panel-content .aui-dialog-bd {
      padding: 20px;
      border: 0;
      max-height: 80vh;
      overflow-y: auto;
      border: 1px solid #c8cfcf; }
    div.aui-dialog .aui-panel-content .aui-dialog-ft {
      background: transparent;
      padding: 0;
      padding-bottom: 20px;
      border: 0; }
      div.aui-dialog .aui-panel-content .aui-dialog-ft .aui-toolbar {
        width: 100%;
        display: block;
        text-align: center; }
      div.aui-dialog .aui-panel-content .aui-dialog-ft button {
        background: #004456;
        padding: 10px 20px;
        color: white;
        text-transform: uppercase;
        border: 1px solid #004456;
        transition: all .3s;
        -webkit-transition: all .3s;
        margin: 0 20px;
        border-radius: 0; }
        div.aui-dialog .aui-panel-content .aui-dialog-ft button:hover {
          background: #70c2da;
          border: 1px solid #70c2da;
          color: white;
          transition: all .3s;
          -webkit-transition: all .3s; }
  div.aui-dialog .aui-resize-handle {
    display: none; }

.portlet-content,
.portlet-minimized .portlet-content-container,
.portlet-column-content {
  padding: 0; }

.portlet-layout {
  display: block; }

.portlet-column {
  display: inline-block;
  vertical-align: top;
  width: 100%; }

.contentMax {
  max-width: 1200px;
  margin: 0 auto;
  width: 96%;
  padding: 0 2%; }

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

.dockbar-ready #content {
  margin-top: 100px;
  min-height: calc(100vh - 153px); }
.dockbar-ready header#banner {
  top: 30px; }
.dockbar-ready .portlet-dockbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11; }
.dockbar-ready .formularioregistro-portlet,
.dockbar-ready .portlet-login {
  display: block !important; }

.portlet-dockbar {
  background-color: transparent !important;
  border-bottom: 0 !important; }
  .portlet-dockbar ul li {
    font: 300 12px "Telefonica-ExtraLight", sans-serif;
    color: #004456; }

.close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  cursor: pointer;
  z-index: 9; }
  .close:hover {
    opacity: 1; }
  .close:before, .close:after {
    position: absolute;
    left: 23px;
    content: ' ';
    height: 40px;
    width: 2px;
    background-color: white; }
  .close:before {
    transform: rotate(45deg); }
  .close:after {
    transform: rotate(-45deg); }

.menuHamb {
  display: block;
  position: absolute;
  width: 260px;
  height: 115px;
  font-size: 35px;
  top: -22px;
  left: -50px;
  margin: 0 auto;
  z-index: 2;
  transform: scale(0.6);
  cursor: pointer; }
  .menuHamb .item {
    display: block;
    position: absolute;
    width: 45px;
    height: 4px;
    left: 35px;
    background: white;
    border-radius: 0px; }
    .menuHamb .item:nth-child(1) {
      top: 40px; }
    .menuHamb .item:nth-child(2) {
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%); }
    .menuHamb .item:nth-child(3) {
      top: 74px; }
  .menuHamb .text {
    margin-left: 80px;
    font: 300 35px 'Telefonica-Light',sans-serif; }
  .menuHamb:hover .item:nth-child(2) {
    width: 35px;
    transition: all .3s; }

.menu-hambur {
  cursor: pointer; }
  .menu-hambur.open {
    background: #004456; }
    .menu-hambur.open .menuHamb span {
      color: white; }
    .menu-hambur.open .menuHamb .item {
      background: white; }
  .menu-hambur:hover .menuHamb .item:nth-child(2) {
    width: 35px;
    transition: all .3s; }

.menu-3 .item:nth-child(1) {
  transition: top 0.25s 0.25s, transform 0.25s;
  -webkit-transition: top 0.25s 0.25s, transform 0.25s;
  -moz-transition: top 0.25s 0.25s, transform 0.25s;
  -ms-transition: top 0.25s 0.25s, transform 0.25s;
  -o-transition: top 0.25s 0.25s, transform 0.25s; }
.menu-3 .item:nth-child(2) {
  transition: all 0.25s 0.25s;
  -webkit-transition: all 0.25s 0.25s;
  -moz-transition: all 0.25s 0.25s;
  -ms-transition: all 0.25s 0.25s;
  -o-transition: all 0.25s 0.25s; }
.menu-3 .item:nth-child(3) {
  transition: top 0.25s 0.25s, transform 0.25s;
  -webkit-transition: top 0.25s 0.25s, transform 0.25s;
  -moz-transition: top 0.25s 0.25s, transform 0.25s;
  -ms-transition: top 0.25s 0.25s, transform 0.25s;
  -o-transition: top 0.25s 0.25s, transform 0.25s; }

.menu-3.open .item:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
  transition: top 0.25s, transform 0.25s 0.25s; }
.menu-3.open .item:nth-child(2) {
  opacity: 0;
  transition: all 0.25s; }
.menu-3.open .item:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
  transition: bottom 0.25s, transform 0.25s 0.25s; }

header#banner {
  text-align: center;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3; }
  header#banner content {
    background: white;
    display: inline-block;
    border-bottom: 1px solid #d0d2d3;
    position: relative;
    text-align: left;
    box-shadow: 0px 5px 5px -7px #111111; }
    header#banner content .contentHeader {
      padding: 0;
      margin: 0;
      text-align: center;
      min-height: 35px;
      position: initial;
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
      header#banner content .contentHeader.menu-hambur {
        width: 160px;
        padding: 35px 0;
        margin-top: -1px;
        position: relative;
        text-align: center;
        background: #70c2da;
        border-right: 1px solid #d0d2d3; }
        header#banner content .contentHeader.menu-hambur:before {
          content: "MENU";
          color: white;
          position: absolute;
          top: 26px;
          left: 65px;
          font: 300 16px "Telefonica-Bold",sans-serif;
          letter-spacing: 4px;
          transition: all .2s;
          -webkit-transition: all .2s;
          -moz-transition: all .2s;
          -ms-transition: all .2s;
          -o-transition: all .2s; }
        header#banner content .contentHeader.menu-hambur.open {
          background: #70c2da;
          position: static; }
          header#banner content .contentHeader.menu-hambur.open:before {
            content: "CERRAR";
            transition: all .2s;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            -o-transition: all .2s; }
      header#banner content .contentHeader.content-logo {
        margin-left: 10px;
        width: calc(100% - 275px);
        text-align: left;
        display: inline-block;
        max-height: 50px; }
        header#banner content .contentHeader.content-logo .logo {
          max-height: 50px;
          vertical-align: top;
          display: inline-flex;
          align-items: center;
          width: 200px; }
        header#banner content .contentHeader.content-logo .logo-right {
          float: right;
          width: 135px; }
        header#banner content .contentHeader.content-logo .site-title {
          text-align: left;
          vertical-align: middle; }
      header#banner content .contentHeader.access {
        width: 95px;
        margin: 0;
        padding: 0;
        text-align: right;
        min-height: 69px; }
        header#banner content .contentHeader.access a {
          display: inline-block;
          padding: 13px 10px; }
          header#banner content .contentHeader.access a #sign-in {
            padding: 25px; }
        header#banner content .contentHeader.access svg {
          width: 40px;
          height: 40px; }
          header#banner content .contentHeader.access svg image {
            -webkit-filter: none; }
        header#banner content .contentHeader.access #sign-out {
          padding: 23px 10px;
          text-indent: -5px;
          margin-top: 3px;
          padding-left: 50px;
          position: relative;
          font: 300 16px "Telefonica-Bold", sans-serif;
          border-left: 1px solid #d0d2d3; }
          header#banner content .contentHeader.access #sign-out:after {
            content: "";
            position: absolute;
            top: 20px;
            left: 25px;
            display: block;
            width: 10px;
            height: 26px;
            background: transparent url(/lideres-digitales-theme/images/custom/common/corchete_exit.png) no-repeat center;
            background-size: 100%; }
          header#banner content .contentHeader.access #sign-out:before {
            content: "";
            position: absolute;
            top: 23px;
            left: 15px;
            z-index: 9;
            display: block;
            width: 15px;
            height: 20px;
            background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_black.png) no-repeat center;
            background-size: 100%;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
          header#banner content .contentHeader.access #sign-out:hover:before {
            left: 27px;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
      header#banner content .contentHeader .custom-logo svg {
        max-width: 200px;
        width: 100%;
        top: -15px;
        position: relative;
        overflow: visible; }
        header#banner content .contentHeader .custom-logo svg image {
          -webkit-filter: none; }
      header#banner content .contentHeader .custom-logo .logo-site {
        max-height: 45px; }

#navigation {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  display: block;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 2;
  background: transparent;
  overflow: hidden;
  width: 0;
  height: 100vh;
  max-height: calc(100vh - 68px);
  overflow-y: auto;
  cursor: default;
  -ms-overflow-style: none;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s; }
  #navigation::-webkit-scrollbar {
    /* solo oculta su visualizacion */
    display: none; }
  #navigation ul {
    display: block;
    cursor: default;
    text-align: center;
    max-width: 1200px;
    z-index: 1;
    overflow: hidden;
    position: relative;
    width: 50%;
    margin: 0;
    right: 0px;
    padding: 20px 0;
    padding-right: 0;
    background: white;
    -ms-overflow-style: none; }
    #navigation ul li {
      display: inline-block;
      width: 100%;
      text-align: left;
      margin: 5px 0;
      padding: 0;
      cursor: pointer; }
      #navigation ul li ul {
        padding: 0; }
      #navigation ul li a {
        padding: 15px;
        font: 300 21px 'Telefonica-Bold',sans-serif;
        color: #004456;
        background: #eeeeee;
        display: block;
        cursor: pointer; }
        #navigation ul li a span {
          color: #004456; }
          #navigation ul li a span.title {
            font: 300 18px 'Telefonica-Bold',sans-serif;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            display: block; }
          #navigation ul li a span.description {
            font: 300 14px 'Telefonica-Regular',sans-serif;
            display: block;
            margin-top: 3px; }
        #navigation ul li a:hover {
          background: #70c2da; }
          #navigation ul li a:hover span {
            color: white; }
      #navigation ul li.go-back-scolar {
        margin-top: 15px;
        padding-top: 5px;
        border-top: 1px solid #d0d2d3; }
      #navigation ul li.selected a {
        font-weight: bold; }
      #navigation ul li:hover .child-menu {
        display: block; }
      #navigation ul li.separatorLi a, #navigation ul li.exitLi a {
        font: 300 14px 'Telefonica-Bold',sans-serif; }
      #navigation ul li.separatorLi {
        margin-top: 40px;
        padding-top: 40px;
        position: relative; }
        #navigation ul li.separatorLi:before {
          content: "";
          width: 40px;
          height: 7px;
          background: silver;
          position: absolute;
          top: 0;
          left: 0; }
      #navigation ul li.mis-comunidades, #navigation ul li.retos {
        color: white;
        background: #004456; }
        #navigation ul li.mis-comunidades a, #navigation ul li.retos a {
          background: #004456;
          opacity: 1;
          color: rgba(255, 255, 255, 0.6); }
          #navigation ul li.mis-comunidades a span, #navigation ul li.retos a span {
            opacity: .6; }
          #navigation ul li.mis-comunidades a:hover, #navigation ul li.retos a:hover {
            color: white;
            background: #004456;
            opacity: 1; }
            #navigation ul li.mis-comunidades a:hover span, #navigation ul li.retos a:hover span {
              opacity: 1; }
        #navigation ul li.mis-comunidades span, #navigation ul li.retos span {
          color: white !important; }
      #navigation ul li.language {
        margin-bottom: 30px;
        padding-left: 30px;
        background: transparent url(/lideres-digitales-theme/images/custom/svg/ico-language.svg) no-repeat 0% 50%;
        background-size: 23px; }
        #navigation ul li.language a {
          background: transparent !important;
          display: inline-block;
          vertical-align: top;
          padding: 0;
          margin-right: 10px;
          padding-right: 10px; }
        #navigation ul li.language .selectorIdioma {
          margin: 0;
          line-height: 1; }
          #navigation ul li.language .selectorIdioma a {
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font: 300 15px 'Telefonica-Bold',sans-serif; }
            #navigation ul li.language .selectorIdioma a:hover {
              color: #70c2da; }
            #navigation ul li.language .selectorIdioma a:first-child {
              border-right: 1px solid #bfbfbf; }
      #navigation ul li.desplegable {
        background: transparent !important;
        border-top: 1px solid #929497;
        border-bottom: 1px solid #929497;
        position: relative;
        font: 300 21px 'Telefonica-Bold',sans-serif;
        margin-top: 30px;
        color: #004456;
        cursor: pointer; }
        #navigation ul li.desplegable:before {
          content: "+";
          position: absolute;
          top: -5px;
          right: 10px;
          z-index: -1;
          color: #004456;
          font: 300 30px "Telefonica-ExtraLight", sans-serif;
          font-size: 50px; }
        #navigation ul li.desplegable span {
          width: 100%;
          font: 300 18px 'Telefonica-Bold',sans-serif;
          color: #004456;
          padding: 15px 0;
          display: inline-block;
          cursor: pointer; }
        #navigation ul li.desplegable ul {
          display: none;
          margin: 0;
          padding: 0; }
          #navigation ul li.desplegable ul li {
            margin: 0; }
            #navigation ul li.desplegable ul li a {
              background: transparent !important;
              padding: 10px 0;
              cursor: pointer;
              font: 300 14px 'Telefonica-Regular',sans-serif; }
              #navigation ul li.desplegable ul li a:hover {
                color: #70c2da; }
          #navigation ul li.desplegable ul.open {
            display: inline-block; }
        #navigation ul li.desplegable.open {
          border-bottom: 0; }
          #navigation ul li.desplegable.open:before {
            content: "-";
            top: 26.5px;
            right: 15px;
            font-size: 0;
            width: 15px;
            height: 2px;
            background: #004456; }
      #navigation ul li.redes {
        background: transparent !important;
        margin: 30px 0; }
        #navigation ul li.redes ul {
          text-align: left;
          width: 100%; }
          #navigation ul li.redes ul li {
            display: inline-block;
            width: auto;
            margin-right: 20px; }
            #navigation ul li.redes ul li a {
              background: transparent !important;
              padding: 0;
              cursor: pointer; }
              #navigation ul li.redes ul li a svg {
                border-radius: 5px;
                background: transparent; }
                #navigation ul li.redes ul li a svg image {
                  -webkit-filter: none; }
      #navigation ul li.go-back-scolar a {
        background: transparent  !important;
        padding: 10px;
        padding-left: 0;
        position: relative;
        margin-bottom: 50px; }
        #navigation ul li.go-back-scolar a:before {
          content: "";
          background: url(/lideres-digitales-theme/images/custom/common/replay.svg) no-repeat center;
          width: 30px;
          height: 30px;
          vertical-align: top;
          display: inline-block;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        #navigation ul li.go-back-scolar a:hover {
          color: #004456; }
          #navigation ul li.go-back-scolar a:hover:before {
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
    #navigation ul.child-menu {
      display: none;
      background: white;
      position: relative; }
  #navigation.open {
    width: 100%;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s; }
    #navigation.open ul {
      padding: 20px; }
  #navigation .portlet-language {
    margin: 0; }
    #navigation .portlet-language header.portlet-topper {
      display: none; }

#content,
content {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 0; }

#main-content {
  padding-bottom: 0;
  margin-bottom: 0;
  display: inline-block;
  width: 100%; }

#content {
  margin-top: 71px;
  background: white;
  min-height: calc(100vh - 153px); }
  #content:before {
    content: "";
    background: rgba(225, 230, 231, 0.7);
    width: 0;
    height: 100%;
    display: block;
    z-index: 999;
    max-width: 1200px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: default !important;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s; }
  #content.open:before {
    opacity: 1;
    width: 100%;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s; }
  #content.top {
    z-index: 4; }

footer {
  z-index: 0;
  background: #f5f7f8;
  display: inline-block;
  width: 100%;
  padding: 30px 0;
  margin-bottom: -5px; }
  footer img {
    width: calc(100% - 60px) !important;
    max-width: 110px;
    height: auto;
    margin: 0 30px; }
  footer p {
    padding-left: 30%; }
    footer p.powered-by {
      padding-left: 15px; }
    footer p strong {
      font-family: "Telefonica-Bold", sans-serif; }
    footer p a:hover {
      text-decoration: underline !important;
      text-underline-position: under; }
  footer strong {
    display: block; }

#navigationFooter ul {
  margin: 0;
  text-align: right; }
  #navigationFooter ul li {
    display: block;
    padding: 0 10px;
    margin: 0px 40px;
    margin-bottom: 15px;
    text-align: left; }
    #navigationFooter ul li a {
      color: #004456; }
    #navigationFooter ul li:last-child {
      border: 0; }
    #navigationFooter ul li.selected, #navigationFooter ul li:hover {
      transition: all .3s; }
      #navigationFooter ul li.selected a, #navigationFooter ul li:hover a {
        padding-bottom: 5px;
        border-bottom: 1px solid #004456;
        transition: all .3s; }

.backToTop {
  position: absolute;
  top: -50px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  padding: 7px;
  cursor: pointer;
  border: 1px solid #929497;
  transition: all .3s; }
  .backToTop:hover {
    top: -60px;
    transition: all .3s; }

.logoaepd {
  margin-left: -50px; }

.taglib-page-iterator .search-pages {
  float: none;
  display: inline-block;
  width: 100%;
  padding: 20px 0; }
  .taglib-page-iterator .search-pages .delta-selector,
  .taglib-page-iterator .search-pages .page-selector {
    display: none; }
  .taglib-page-iterator .search-pages .page-links {
    width: 100%;
    margin: 0 auto;
    float: none !important;
    display: table;
    border-top: 1px solid #d0d2d3;
    border-bottom: 1px solid #d0d2d3; }
    .taglib-page-iterator .search-pages .page-links > span {
      display: none !important; }
    .taglib-page-iterator .search-pages .page-links a {
      border: 0 !important;
      border-right: 1px solid #d0d2d3 !important;
      padding: 10px;
      float: none !important;
      background: transparent !important;
      display: table-cell;
      width: 25%; }
      .taglib-page-iterator .search-pages .page-links a:last-child {
        border: 0 !important; }
    .taglib-page-iterator .search-pages .page-links .first,
    .taglib-page-iterator .search-pages .page-links .previous,
    .taglib-page-iterator .search-pages .page-links .next,
    .taglib-page-iterator .search-pages .page-links .last {
      font: 100 13px 'Telefonica-Regular',sans-serif;
      letter-spacing: normal;
      cursor: pointer;
      box-shadow: none;
      color: #004456;
      position: relative;
      text-align: center;
      margin: 0 5px;
      background: rgba(0, 0, 0, 0); }
      .taglib-page-iterator .search-pages .page-links .first:before, .taglib-page-iterator .search-pages .page-links .first:after,
      .taglib-page-iterator .search-pages .page-links .previous:before,
      .taglib-page-iterator .search-pages .page-links .previous:after,
      .taglib-page-iterator .search-pages .page-links .next:before,
      .taglib-page-iterator .search-pages .page-links .next:after,
      .taglib-page-iterator .search-pages .page-links .last:before,
      .taglib-page-iterator .search-pages .page-links .last:after {
        content: "";
        padding: 15px;
        border-radius: 50%;
        border: 0;
        top: 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_black.png) no-repeat scroll 50%;
        background-size: 14px !important;
        transition: all .3s; }
      .taglib-page-iterator .search-pages .page-links .first:hover,
      .taglib-page-iterator .search-pages .page-links .previous:hover,
      .taglib-page-iterator .search-pages .page-links .next:hover,
      .taglib-page-iterator .search-pages .page-links .last:hover {
        color: #70c2da; }
    .taglib-page-iterator .search-pages .page-links .first:before,
    .taglib-page-iterator .search-pages .page-links .previous:before {
      margin-left: -40px;
      margin-right: 0;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      left: 10px; }
    .taglib-page-iterator .search-pages .page-links .first:after,
    .taglib-page-iterator .search-pages .page-links .previous:after {
      display: none; }
    .taglib-page-iterator .search-pages .page-links .first:hover:before,
    .taglib-page-iterator .search-pages .page-links .previous:hover:before {
      left: 0;
      transition: all .3s; }
    .taglib-page-iterator .search-pages .page-links .last:before,
    .taglib-page-iterator .search-pages .page-links .next:before {
      display: none; }
    .taglib-page-iterator .search-pages .page-links .last:after,
    .taglib-page-iterator .search-pages .page-links .next:after {
      margin-right: -40px;
      margin-left: 0;
      right: 0;
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg); }
    .taglib-page-iterator .search-pages .page-links .last:hover:after,
    .taglib-page-iterator .search-pages .page-links .next:hover:after {
      transition: all .3s;
      right: -10px; }

.activitynavigator-portlet {
  display: inline-block;
  width: 100%;
  margin: 15px 0; }
  .activitynavigator-portlet #startactivity {
    text-align: center; }
    .activitynavigator-portlet #startactivity a {
      background: #004456;
      padding: 10px 20px;
      color: white;
      text-transform: uppercase;
      border: 1px solid #004456;
      transition: all .3s;
      -webkit-transition: all .3s; }
      .activitynavigator-portlet #startactivity a:hover {
        background: #70c2da;
        border: 1px solid #70c2da;
        color: white;
        transition: all .3s;
        -webkit-transition: all .3s; }
  .activitynavigator-portlet #previusactivity,
  .activitynavigator-portlet #nextactivity {
    padding: 0;
    width: calc(50%);
    border-right: 0; }
    .activitynavigator-portlet #previusactivity a,
    .activitynavigator-portlet #nextactivity a {
      display: block;
      padding: 20px 30px;
      position: relative;
      color: #70c2da; }
      .activitynavigator-portlet #previusactivity a:before,
      .activitynavigator-portlet #nextactivity a:before {
        content: "";
        width: 10px;
        height: 20px;
        display: block;
        position: absolute;
        top: auto;
        right: 5px;
        background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_blue.png) no-repeat 50%;
        background-size: 10px;
        transition: all .3s;
        transform: rotate(0deg); }
      .activitynavigator-portlet #previusactivity a:hover,
      .activitynavigator-portlet #nextactivity a:hover {
        color: #70c2da; }
        .activitynavigator-portlet #previusactivity a:hover:before,
        .activitynavigator-portlet #nextactivity a:hover:before {
          transition: all .3s; }
  .activitynavigator-portlet #previusactivity {
    float: left;
    text-align: left;
    border-left: 0; }
    .activitynavigator-portlet #previusactivity a:before {
      left: 5px;
      transform: rotate(180deg); }
    .activitynavigator-portlet #previusactivity a:hover:before {
      left: 0; }
  .activitynavigator-portlet #nextactivity {
    float: right;
    text-align: right; }
    .activitynavigator-portlet #nextactivity a:hover:before {
      right: 0; }

.alingLeft,
.textLeft {
  text-align: left; }

.alingRight,
.textRight {
  text-align: right; }

.floatr {
  float: right; }

.floatl {
  float: left; }

.aui-w50 {
  width: calc(50% - 17px);
  margin: 0;
  padding: 0; }
  .aui-w50.portlet-column-first {
    margin-right: 30px; }

.container-number > div {
  display: inline-block;
  font-size: 70px; }
  .container-number > div.point {
    width: 10px;
    height: 10px;
    background: #004456;
    border-radius: 50%; }

.list {
  margin-bottom: 40px; }
  .list li {
    margin: 20px 0;
    position: relative;
    color: #50535a;
    font: 100 12px 'Telefonica-Light',sans-serif; }
    .list li:before {
      content: "";
      width: 8px;
      height: 8px;
      background: #004456;
      display: block;
      position: absolute;
      top: 7px;
      left: -18px;
      border-radius: 50%; }

.header-container {
  height: auto; }

.webkit .aui-w33 {
  width: 33%; }

.portlet-journal-content .icons-container {
  position: absolute;
  bottom: 0;
  z-index: 999; }

.portlet-boundary {
  background: white; }
  .portlet-boundary.portlet-journal-content {
    background: transparent !important; }
  .portlet-boundary .portlet-topper {
    border-bottom: 1px solid #d0d2d3; }
    .portlet-boundary .portlet-topper .portlet-title {
      padding: 10px;
      font: 300 18px 'Telefonica-Light',sans-serif; }
      .portlet-boundary .portlet-topper .portlet-title img.icon {
        display: none; }
    .portlet-boundary .portlet-topper .portlet-topper-toolbar {
      top: 10px; }

.aui-tooltip {
  transition: all .3s, top 0s, left 0s;
  -webkit-transition: all .3s, top 0s, left 0s;
  -moz-transition: all .3s, top 0s, left 0s;
  -ms-transition: all .3s, top 0s, left 0s;
  -o-transition: all .3s, top 0s, left 0s; }
  .aui-tooltip .aui-state-default {
    background: #004456;
    box-shadow: none;
    border-color: #004456; }
  .aui-tooltip .aui-overlaycontextpanel-pointer {
    background: transparent !important;
    border-color: #004456;
    border-right: 18px dashed transparent; }
  .aui-tooltip .aui-overlaycontextpanel-pointer-inner {
    border-top-color: white !important;
    border-right: 0 dashed transparent; }
  .aui-tooltip .yui3-widget-bd {
    color: white; }

.coursetoolsmanage-portlet table {
  margin: 10px; }
  .coursetoolsmanage-portlet table td {
    padding: 10px; }

.syllabuscont h1 {
  text-align: left;
  padding-left: 20px; }
.syllabuscont .leyend {
  padding-left: 20px; }
.syllabuscont .itime {
  width: auto !important;
  max-width: 150px; }
.syllabuscont a {
  background: #004456;
  padding: 10px 20px;
  color: white;
  text-transform: uppercase;
  border: 1px solid #004456;
  transition: all .3s;
  -webkit-transition: all .3s;
  margin: 20px;
  float: left; }
  .syllabuscont a:hover {
    background: #70c2da;
    border: 1px solid #70c2da;
    color: white;
    transition: all .3s;
    -webkit-transition: all .3s; }

.ui-datepicker td span, .ui-datepicker td a {
  color: #333 !important; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background: url(/lideres-digitales-theme/images/arrows/arrow_left.png) no-repeat; }

.ui-datepicker .ui-datepicker-next {
  background: url(/lideres-digitales-theme/images/arrows/arrow_right.png) no-repeat;
  right: 0; }

.sign-out-header a {
  font: 300 20px 'Telefonica-Light',sans-serif;
  position: relative;
  width: auto;
  display: inline; }
  .sign-out-header a:before {
    content: "";
    width: 10px;
    height: 25px;
    display: block;
    position: absolute;
    top: 40px;
    left: 0px;
    background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
    background-size: 10px;
    transition: all .3s; }
  .sign-out-header a:after {
    content: "";
    width: 10px;
    height: 25px;
    display: block;
    position: absolute;
    top: 40px;
    left: 5px;
    background: transparent url(/lideres-digitales-theme/images/custom/common/corchete_exit.png) no-repeat 100% 50%;
    background-size: 10px; }
  .sign-out-header a:hover:before {
    left: 10px;
    z-index: 1;
    transition: all .3s; }

.sign-out-guest {
  display: inline-block; }
  .sign-out-guest .name {
    margin: 10px;
    padding: 12px 0px;
    text-align: center;
    width: 45px;
    border-radius: 50%;
    font: 300 18px "Telefonica-Bold", sans-serif;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background: #70c2da;
    color: white;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    .sign-out-guest .name span {
      display: inline-block;
      vertical-align: middle;
      color: white;
      margin: 0 1px;
      margin-top: -5px; }
      .sign-out-guest .name span:first-child {
        margin-left: 3px; }
    .sign-out-guest .name.open {
      color: #70c2da;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
      .sign-out-guest .name.open span {
        color: #70c2da; }
      .sign-out-guest .name.open:before, .sign-out-guest .name.open:after {
        position: absolute;
        left: 22px;
        top: 14px;
        content: ' ';
        height: 20px;
        width: 2px;
        background-color: white; }
      .sign-out-guest .name.open:before {
        transform: rotate(45deg); }
      .sign-out-guest .name.open:after {
        transform: rotate(-45deg); }
  .sign-out-guest.open {
    background: #f5f7f8; }
  .sign-out-guest .menu-profile {
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    height: calc(100vh - 85px);
    max-height: calc(100vh - 85px);
    overflow-y: auto;
    z-index: 11;
    background: #d6dedf;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    .sign-out-guest .menu-profile li {
      background: #f5f7f8; }
    .sign-out-guest .menu-profile.open {
      width: 30%;
      padding-left: 30px;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    .sign-out-guest .menu-profile .menu-profile-parent {
      display: none !important; }
    .sign-out-guest .menu-profile .menu-profile-block {
      padding-left: 40px;
      padding-right: 20px; }
    .sign-out-guest .menu-profile .child-menu-profile {
      margin: 0;
      margin-bottom: 10px;
      list-style: none; }
      .sign-out-guest .menu-profile .child-menu-profile li {
        text-align: left;
        border-bottom: 1px solid #d0d2d3; }
        .sign-out-guest .menu-profile .child-menu-profile li img {
          width: auto;
          height: auto;
          max-height: 15px;
          display: inline-block;
          vertical-align: middle; }
        .sign-out-guest .menu-profile .child-menu-profile li a {
          font: 300 13px 'Telefonica-Bold',sans-serif;
          color: #004456;
          text-transform: uppercase;
          letter-spacing: 1.5px;
          width: 100%;
          display: inline-block;
          vertical-align: middle;
          padding-right: 0 !important;
          padding-left: 10px !important; }
          .sign-out-guest .menu-profile .child-menu-profile li a span {
            margin-left: 5px;
            display: inline-block;
            width: calc(100% - 40px);
            vertical-align: middle; }
          .sign-out-guest .menu-profile .child-menu-profile li a:hover span {
            color: #70c2da; }
        .sign-out-guest .menu-profile .child-menu-profile li:last-child {
          border: 0; }

.boxInfoElement {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d0d2d3; }
  .boxInfoElement .imagen {
    display: table-cell;
    max-width: 180px;
    width: 180px;
    max-height: 180px;
    height: 180px;
    padding: 30px 0;
    padding-left: 30px;
    vertical-align: middle; }
    .boxInfoElement .imagen img {
      width: 100% !important; }
  .boxInfoElement .info {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
    padding-left: 30px; }
    .boxInfoElement .info .typeInfo {
      font: 300 14px 'Telefonica-Bold',sans-serif;
      text-transform: uppercase;
      color: #004456;
      padding: 10px 0; }
    .boxInfoElement .info .titulo {
      color: #004456;
      display: block;
      font: 300 30px 'Telefonica-Regular',sans-serif;
      margin-bottom: 10px; }
      .boxInfoElement .info .titulo a {
        color: #004456;
        transition: all .3s; }
        .boxInfoElement .info .titulo a:hover {
          color: #004456;
          transition: all .3s; }
    .boxInfoElement .info .description {
      color: #004456;
      font: 300 14px 'Telefonica-Regular',sans-serif;
      margin-right: 20px;
      display: inline-block; }
    .boxInfoElement .info.proyecto .typeInfo {
      color: #004456; }
      .boxInfoElement .info.proyecto .typeInfo span {
        color: #004456; }
    .boxInfoElement .info.curso .typeInfo {
      color: #004456; }
      .boxInfoElement .info.curso .typeInfo span {
        color: #004456; }
    .boxInfoElement .info.curso div.categorizacion > span.fecha {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_date_blue.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .boxInfoElement .info.curso div.categorizacion > span.duracion {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_time_blue.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .boxInfoElement .info.itinerario .typeInfo {
      color: #70c2da; }
      .boxInfoElement .info.itinerario .typeInfo span {
        color: #70c2da; }
    .boxInfoElement .info.itinerario div.categorizacion > span.fecha {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_date_orange.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .boxInfoElement .info.itinerario div.categorizacion > span.duracion {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_time_orange.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }

.noTextCategory div.categorizacion {
  margin-bottom: 10px; }
  .noTextCategory div.categorizacion > span {
    min-height: 40px;
    margin-right: 10px;
    font-size: 0; }

.backgroundGreyLight {
  background: #f5f7f8; }

.backgroundGreyDark {
  background: #cbd4d6; }

.badge-image-container {
  float: left;
  margin-right: 20px;
  min-width: 102px;
  max-width: 102px;
  min-height: 126px; }
  .badge-image-container .badge-image-disabled {
    opacity: 0.2; }

.portlet-icon-back {
  background: transparent; }
  .portlet-icon-back:before {
    content: "";
    background: url(/lideres-digitales-theme/images/custom/common/arrow_black.png) no-repeat 0 49%;
    background-size: 15px;
    width: 15px;
    height: 10px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    transform: rotate(180deg);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .portlet-icon-back:hover {
    margin-right: 12px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }

.page-customization-bar {
  background-color: #fff;
  color: #5c5c5c;
  border-bottom: 1px solid #b8b8b8;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 30px;
  padding: 0; }

.lfr-actions.lfr-extended,
.lfr-actions.lfr-extended ul {
  background: #eeeeee !important;
  border: 1px solid #d0d2d3;
  padding: 2px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0; }
  .lfr-actions.lfr-extended a,
  .lfr-actions.lfr-extended ul a {
    padding-left: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    .lfr-actions.lfr-extended a img,
    .lfr-actions.lfr-extended ul a img {
      display: none; }
  .lfr-actions.lfr-extended:hover a,
  .lfr-actions.lfr-extended ul:hover a {
    background-position: 2% 50%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }

body > .lfr-menu-list ul {
  box-shadow: none;
  border: 1px solid #d0d2d3;
  border-radius: 0;
  background: white;
  padding: 0;
  margin: 0; }
  body > .lfr-menu-list ul li {
    border-top: 0;
    border-bottom: 1px solid #d0d2d3; }

.lfr-menu-list li .taglib-icon img {
  width: 20px;
  max-width: 20px; }

div.categorizacion {
  display: block;
  margin-top: 20px; }
  div.categorizacion > span {
    color: #004456;
    font: 300 11px 'Telefonica-Bold',sans-serif;
    width: auto;
    display: inline-block;
    padding: 10px;
    padding-left: 45px;
    margin-right: 20px; }
    div.categorizacion > span.createUser img {
      border-radius: 50%;
      width: 30px !important;
      margin-right: 10px; }
    div.categorizacion > span._03-06, div.categorizacion > span._06-08, div.categorizacion > span._08-10, div.categorizacion > span._10-12, div.categorizacion > span._12-16, div.categorizacion > span._16-18 {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_rango_edad.svg) no-repeat scroll 7px 40%;
      background-size: 25px; }
    div.categorizacion > span._cienciasdelanaturaleza {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_naturales.svg) no-repeat scroll 7px 50%;
      background-size: 30px; }
    div.categorizacion > span._biologiaygeologia {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_naturales.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._musica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_music.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._disenoaudiovisual {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_diseno_audioVisual.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._rv_ra {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_rv_ra.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._lenguayliteratura {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_lengua.svg) no-repeat scroll 7px 55%;
      background-size: 31px; }
    div.categorizacion > span._fisicayquimica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_fisica_quimica_2.svg) no-repeat scroll 7px 60%;
      background-size: 22px; }
    div.categorizacion > span._educacioninfantil {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_infantil_2.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._geografiaehistoria, div.categorizacion > span._cienciassociales {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_sociales.svg) no-repeat scroll 7px 40%;
      background-size: 22px; }
    div.categorizacion > span._educacionartistica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_arte.svg) no-repeat scroll 7px 50%;
      background-size: 16px; }
    div.categorizacion > span._electronica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_electronica.svg) no-repeat scroll 7px 50%;
      background-size: 27px; }
    div.categorizacion > span._sinequipamientoadicional {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_equipamiento_grey.svg) no-repeat scroll 7px 50%;
      background-size: 26px; }
    div.categorizacion > span._programacion {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_programacion.svg) no-repeat scroll 7px 60%;
      background-size: 30px; }
    div.categorizacion > span._tecnologia {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_tecnologia.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._matematicas {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_mates.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span._robot {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_robotica.svg) no-repeat scroll 7px 40%;
      background-size: 19px; }
    div.categorizacion > span._conequipamientoadicional {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_equipamiento.svg) no-repeat scroll 7px 50%;
      background-size: 26px; }
    div.categorizacion > span._softwaregratuito {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_free.svg) no-repeat scroll 7px 40%;
      background-size: 35px; }
    div.categorizacion > span._softwaredepago {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_pay.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span.fecha {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_date_blue.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    div.categorizacion > span.duracion {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_time_blue.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }

.lineSeparator {
  height: 1px;
  background: white;
  opacity: .3;
  border-radius: 50%;
  margin-bottom: 50px; }

.borderTop {
  border-top: 1px solid #e9eae8; }

.paddingTop {
  padding-top: 40px; }

.backgroundSilver {
  background: #fbfbfa; }

.buttons {
  display: block;
  text-align: center; }

.noBorder .borderTop {
  border: 0;
  padding-top: 0;
  margin-top: -50px; }
.noBorder .taglib-header {
  border: 0; }

.portlet-column-content.empty {
  padding: 0; }

.navigation-drop {
  display: none; }

.back-top-formation {
  position: relative;
  font: 300 14px 'Telefonica-Regular',sans-serif;
  position: absolute;
  right: 10px;
  top: -20px; }
  .back-top-formation:before {
    content: "";
    width: 10px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
    background-size: 10px;
    transition: all .3s;
    transform: rotate(180deg); }
  .back-top-formation:hover:before {
    transition: all .3s;
    left: -20px; }

.enlaceEmpresa {
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-color: white;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .enlaceEmpresa p span {
    font-size: 21px; }
  .enlaceEmpresa .boton {
    margin-left: 0; }

.onlyMobile {
  display: none !important; }

.login-content {
  position: absolute;
  z-index: 99;
  width: 360px;
  left: 10%;
  top: 40px;
  padding: 30px;
  text-align: left; }
  .login-content h1 {
    text-align: left;
    font: 300 27px 'Telefonica-Bold',sans-serif;
    margin-bottom: 20px;
    letter-spacing: 2.5px; }
    .login-content h1 strong {
      display: block;
      color: #70c2da; }
  .login-content .botones-soy {
    margin: 0; }
    .login-content .botones-soy li {
      display: block;
      text-align: center;
      margin: 20px 0;
      border: 2px solid;
      font: 100 14px 'Telefonica-Bold',sans-serif;
      letter-spacing: 2.5px;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
      .login-content .botones-soy li a,
      .login-content .botones-soy li span {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
      .login-content .botones-soy li:hover {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
        .login-content .botones-soy li:hover a, .login-content .botones-soy li:hover span {
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
      .login-content .botones-soy li.profe {
        background: white;
        border-color: #70c2da; }
        .login-content .botones-soy li.profe a,
        .login-content .botones-soy li.profe span {
          color: #70c2da; }
        .login-content .botones-soy li.profe:hover {
          background: #70c2da;
          border-color: #70c2da; }
          .login-content .botones-soy li.profe:hover a,
          .login-content .botones-soy li.profe:hover span {
            color: white; }
      .login-content .botones-soy li.alumno {
        background: white;
        border-color: #8c2093; }
        .login-content .botones-soy li.alumno a,
        .login-content .botones-soy li.alumno span {
          color: #8c2093; }
        .login-content .botones-soy li.alumno:hover {
          background: #8c2093;
          border-color: #8c2093; }
          .login-content .botones-soy li.alumno:hover a,
          .login-content .botones-soy li.alumno:hover span {
            color: white; }
      .login-content .botones-soy li.familiar {
        background: white;
        border-color: #4081be; }
        .login-content .botones-soy li.familiar a,
        .login-content .botones-soy li.familiar span {
          color: #4081be; }
        .login-content .botones-soy li.familiar:hover {
          background: #4081be;
          border-color: #4081be; }
          .login-content .botones-soy li.familiar:hover a,
          .login-content .botones-soy li.familiar:hover span {
            color: white; }
      .login-content .botones-soy li.voluntario {
        background: white;
        border-color: #003245; }
        .login-content .botones-soy li.voluntario a,
        .login-content .botones-soy li.voluntario span {
          color: #003245; }
        .login-content .botones-soy li.voluntario:hover {
          background: #003245;
          border-color: #003245; }
          .login-content .botones-soy li.voluntario:hover a,
          .login-content .botones-soy li.voluntario:hover span {
            color: white; }

.header-login,
.tabs-familiar {
  display: none;
  text-align: center;
  position: absolute;
  top: 75px;
  padding: 30px;
  padding-bottom: 0;
  left: 10%;
  background: white;
  width: 360px;
  z-index: 999;
  border: 2px solid #d0d2d3;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .header-login h1,
  .tabs-familiar h1 {
    font: 300 14px "Telefonica-Bold", sans-serif;
    color: #004456;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2.5px; }
  .header-login.alumno,
  .tabs-familiar.alumno {
    display: block; }
    .header-login.alumno h1,
    .tabs-familiar.alumno h1 {
      color: #8c2093; }
  .header-login.familiar,
  .tabs-familiar.familiar {
    display: block; }
    .header-login.familiar h1,
    .tabs-familiar.familiar h1 {
      color: #4081be; }
  .header-login.profesor,
  .tabs-familiar.profesor {
    display: block; }
    .header-login.profesor h1,
    .tabs-familiar.profesor h1 {
      color: #70c2da; }
  .header-login.voluntario,
  .tabs-familiar.voluntario {
    display: block; }
    .header-login.voluntario h1,
    .tabs-familiar.voluntario h1 {
      color: #003245; }

.header-login h1 {
  color: #70c2da; }

.tabs-familiar .tabs-custom {
  border-top: 0;
  margin: -30px;
  margin-bottom: 20px; }
  .tabs-familiar .tabs-custom .tab {
    width: calc(50% - 2px);
    margin: 0; }
    .tabs-familiar .tabs-custom .tab:first-child:after {
      width: 2px; }
    .tabs-familiar .tabs-custom .tab:hover, .tabs-familiar .tabs-custom .tab.open {
      color: #4081be; }
      .tabs-familiar .tabs-custom .tab:hover:before, .tabs-familiar .tabs-custom .tab.open:before {
        background: #4081be; }

.login.family #content {
  min-height: 950px; }
.login #content {
  min-height: 625px;
  height: calc(100vh - 255px);
  overflow: hidden; }
.login .portlet-borderless-container {
  min-height: 0; }
.login.signed-out header#banner content .contentHeader.menu-hambur {
  visibility: hidden; }

.img-login {
  background: url(/lideres-digitales-theme/images/custom/background-login.png) no-repeat top right;
  width: 100%;
  padding-left: 50%;
  padding-top: 50px;
  max-height: 785px;
  overflow: hidden;
  position: absolute;
  display: block;
  right: 0;
  top: 100%; }
  .img-login:before {
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: -55px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 38%, white 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(38%, white), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 38%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 38%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 38%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 38%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }

.bannerHome {
  display: inline-block;
  width: 100%;
  min-height: 150px;
  position: relative; }
  .bannerHome .backgroundHome {
    background-size: contain !important;
    display: inline-block;
    width: 100%;
    min-height: 150px;
    position: absolute;
    left: 0;
    top: 0; }
  .bannerHome .arrow {
    max-width: 100px;
    margin-top: 50px; }
  .bannerHome .text {
    margin-top: 24px;
    display: inline-block;
    width: 100%;
    padding: 35px; }

.banner-home {
  background: url(/lideres-digitales-theme/images/custom/background-home.png) no-repeat 100% 100%;
  background-size: 50%;
  padding: 50px 90px;
  position: relative; }
  .banner-home h1 {
    text-align: left;
    font: 300 20px "Telefonica-Bold", sans-serif;
    margin-bottom: 20px;
    letter-spacing: 2.5px; }
    .banner-home h1 strong {
      display: block;
      color: #70c2da; }
  .banner-home a {
    background: white;
    color: #70c2da;
    border-width: 2px !important; }
    .banner-home a:hover {
      color: white;
      background: #70c2da;
      border-color: #70c2da; }
  .banner-home svg {
    position: absolute;
    width: 25%;
    bottom: -20px;
    right: 15%;
    z-index: 1; }

.retos-home.portlet-boundary.portlet-journal-content,
.cursos-home.portlet-boundary.portlet-journal-content {
  background: white !important;
  position: relative; }
.retos-home .portlet-topper,
.cursos-home .portlet-topper {
  border: 0; }
  .retos-home .portlet-topper .portlet-title-text,
  .cursos-home .portlet-topper .portlet-title-text {
    text-align: center;
    font: 300 24px "Telefonica-Bold", sans-serif;
    text-transform: capitalize;
    margin-top: 20px;
    display: block; }

.retos-home.portlet-boundary.portlet-journal-content {
  background: #f5f7f8 !important;
  position: relative; }
.retos-home .container-item-destacado {
  display: flex;
  align-items: baseline;
  justify-content: space-around; }
  .retos-home .container-item-destacado .item-destacado {
    width: 35%;
    display: inline-block;
    padding: 30px 40px;
    position: relative;
    background: white;
    margin: 50px 0;
    margin-top: 20px; }
    .retos-home .container-item-destacado .item-destacado .date {
      display: none; }
    .retos-home .container-item-destacado .item-destacado .title {
      font: 300 18px "Telefonica-Bold", sans-serif;
      margin: 20px 0; }
    .retos-home .container-item-destacado .item-destacado .description {
      font: 300 14px "Telefonica-Regular", sans-serif; }
    .retos-home .container-item-destacado .item-destacado .container-img {
      min-height: 200px;
      max-height: 200px;
      position: relative; }
      .retos-home .container-item-destacado .item-destacado .container-img .layer-destacado {
        display: none; }
      .retos-home .container-item-destacado .item-destacado .container-img .container-background {
        min-height: 200px;
        max-height: 200px;
        position: relative;
        display: block; }
        .retos-home .container-item-destacado .item-destacado .container-img .container-background > div {
          min-height: 250px;
          max-height: 250px;
          position: relative;
          display: block;
          top: -50px;
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 75%;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
      .retos-home .container-item-destacado .item-destacado .container-img:after, .retos-home .container-item-destacado .item-destacado .container-img:before {
        content: "";
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        background: #70c2da;
        top: -50px;
        left: 90%;
        border-radius: 50%; }
      .retos-home .container-item-destacado .item-destacado .container-img:after {
        top: 65%;
        left: -60px; }
      .retos-home .container-item-destacado .item-destacado .container-img > .edad {
        text-align: center;
        position: absolute;
        top: 60%;
        right: 35px;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
        .retos-home .container-item-destacado .item-destacado .container-img > .edad:before {
          background: #70c2da;
          content: "";
          width: 80px;
          height: 80px;
          display: block;
          position: absolute;
          background: #70c2da;
          top: -17px;
          left: -22px;
          padding: 0px;
          z-index: 0;
          border-radius: 50%;
          font-size: 22px; }
        .retos-home .container-item-destacado .item-destacado .container-img > .edad span {
          color: white;
          z-index: 1;
          position: relative;
          font: 300 20px "Telefonica-Bold", sans-serif; }
          .retos-home .container-item-destacado .item-destacado .container-img > .edad span.text {
            font-size: 12px;
            text-transform: uppercase;
            display: block; }
    .retos-home .container-item-destacado .item-destacado .container-text .button-container {
      text-align: center;
      margin-top: 40px; }
      .retos-home .container-item-destacado .item-destacado .container-text .button-container a, .retos-home .container-item-destacado .item-destacado .container-text .button-container span {
        display: block;
        margin: 0;
        border-width: 2px !important; }
    .retos-home .container-item-destacado .item-destacado .link-on-image:hover .container-background > div {
      top: -70px;
      min-height: 270px;
      max-height: 270px;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    .retos-home .container-item-destacado .item-destacado .link-on-image:hover .container-img > .edad {
      transform: scale(1.1);
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    .retos-home .container-item-destacado .item-destacado.menor-14 .title {
      color: #8c2093; }
    .retos-home .container-item-destacado .item-destacado.menor-14 .container-img:after, .retos-home .container-item-destacado .item-destacado.menor-14 .container-img:before {
      background: #8c2093; }
    .retos-home .container-item-destacado .item-destacado.menor-14 .container-img > .edad:before {
      background: #8c2093; }
    .retos-home .container-item-destacado .item-destacado.menor-14 .container-text .button-container a, .retos-home .container-item-destacado .item-destacado.menor-14 .container-text .button-container span {
      color: #8c2093;
      background: white;
      border-color: #8c2093; }
      .retos-home .container-item-destacado .item-destacado.menor-14 .container-text .button-container a:hover, .retos-home .container-item-destacado .item-destacado.menor-14 .container-text .button-container span:hover {
        background: #8c2093;
        color: white;
        border-color: #8c2093; }
    .retos-home .container-item-destacado .item-destacado.mayor-14 .title {
      color: #4081be; }
    .retos-home .container-item-destacado .item-destacado.mayor-14 .container-img:after, .retos-home .container-item-destacado .item-destacado.mayor-14 .container-img:before {
      background: #4081be; }
    .retos-home .container-item-destacado .item-destacado.mayor-14 .container-img > .edad:before {
      background: #4081be; }
    .retos-home .container-item-destacado .item-destacado.mayor-14 .container-text .button-container a, .retos-home .container-item-destacado .item-destacado.mayor-14 .container-text .button-container span {
      color: #4081be;
      background: white;
      border-color: #4081be; }
      .retos-home .container-item-destacado .item-destacado.mayor-14 .container-text .button-container a:hover, .retos-home .container-item-destacado .item-destacado.mayor-14 .container-text .button-container span:hover {
        background: #4081be;
        color: white;
        border-color: #4081be; }

.cursos-home .journal-content-article > h1 {
  font: 300 24px "Telefonica-ExtraLight", sans-serif; }
.cursos-home .challengesContainer {
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .cursos-home .challengesContainer .courseRow {
    margin: 50px;
    width: 25%;
    background: #f5f7f8;
    padding: 0; }
  .cursos-home .challengesContainer .content-img-course {
    max-height: 180px;
    overflow: hidden;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #70c2da; }
    .cursos-home .challengesContainer .content-img-course .courseImg {
      margin: 0;
      width: 55%;
      max-width: none;
      padding: 15px; }
  .cursos-home .challengesContainer .courseTitle {
    font: 300 18px "Telefonica-Bold", sans-serif;
    margin: 0;
    margin-bottom: 20px;
    min-height: 50px;
    padding: 0 30px;
    display: block;
    color: #004456; }
  .cursos-home .challengesContainer .courseDescription {
    font: 300 14px "Telefonica-Regular", sans-serif;
    color: #004456;
    min-height: 50px;
    display: block;
    padding: 0 30px; }
    .cursos-home .challengesContainer .courseDescription span,
    .cursos-home .challengesContainer .courseDescription ul li {
      font: 300 14px "Telefonica-Regular", sans-serif !important;
      color: #004456 !important;
      background: transparent !important; }
  .cursos-home .challengesContainer .courseLink {
    width: calc(100% - 60px);
    margin: 30px;
    text-align: center;
    background: white;
    color: #70c2da;
    border-color: #70c2da !important; }
    .cursos-home .challengesContainer .courseLink:hover {
      color: white;
      background: #70c2da; }

.competencias-acerca-de {
  position: relative; }
  .competencias-acerca-de:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 180px;
    top: 0;
    left: 0;
    background: #c4e5ee;
    background: -moz-linear-gradient(top, #c4e5ee 0%, #c4e5ee 49%, #c4e5ee 49%, white 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #c4e5ee), color-stop(49%, #c4e5ee), color-stop(49%, #c4e5ee), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #c4e5ee 0%, #c4e5ee 49%, #c4e5ee 49%, white 100%);
    background: -o-linear-gradient(top, #c4e5ee 0%, #c4e5ee 49%, #c4e5ee 49%, white 100%);
    background: -ms-linear-gradient(top, #c4e5ee 0%, #c4e5ee 49%, #c4e5ee 49%, white 100%);
    background: linear-gradient(to bottom, #c4e5ee 0%, #c4e5ee 49%, #c4e5ee 49%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4e5ee', endColorstr='#ffffff', GradientType=0 ); }
  .competencias-acerca-de h1 {
    margin: 0;
    margin-top: -5px;
    padding: 30px 0 20px;
    display: block;
    text-align: left;
    font: 300 30px "Telefonica-Bold", sans-serif;
    letter-spacing: 1.5px;
    color: #004456;
    padding-left: 40px;
    z-index: 1;
    position: relative; }
  .competencias-acerca-de p {
    padding-left: 40px;
    padding-right: 20px;
    max-width: 400px;
    z-index: 1;
    position: relative; }
  .competencias-acerca-de svg {
    position: relative;
    z-index: 1;
    max-width: 900px;
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 450px; }

.mis-retos .imageNoResults {
  max-width: 400px;
  margin: 40px auto;
  display: block; }
.mis-retos .challenge {
  background: #f5f7f8;
  margin: 30px auto;
  width: 60%;
  display: block;
  float: none;
  padding: 40px 50px; }
  .mis-retos .challenge .challengeTitle {
    font: 300 24px "Telefonica-Regular", sans-serif;
    text-align: left;
    margin-bottom: 10px; }
  .mis-retos .challenge .challengeDescription {
    font: 300 16px "Telefonica-Regular", sans-serif; }
    .mis-retos .challenge .challengeDescription p, .mis-retos .challenge .challengeDescription span {
      font: 300 16px "Telefonica-Regular", sans-serif !important;
      background: transparent !important;
      color: #004456 !important; }
  .mis-retos .challenge > a {
    color: #70c2da;
    margin: 40px 0;
    margin-bottom: 50px;
    display: block; }
    .mis-retos .challenge > a:after {
      content: "";
      margin-left: 0;
      transition: all .3s;
      -webkit-transiton: all .3s;
      -moz-transitio: all .3s;
      -ms-transitio: all .3s;
      -o-transition: all .3s;
      padding: 0px 15px;
      background: url(/lideres-digitales-theme/images/custom/common/arrow_blue.png) no-repeat center;
      background-size: 50%; }
    .mis-retos .challenge > a:hover:after {
      margin-left: 5px;
      transition: all .3s;
      -webkit-transiton: all .3s;
      -moz-transitio: all .3s;
      -ms-transitio: all .3s;
      -o-transition: all .3s; }
  .mis-retos .challenge .project {
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    border-top: 2px solid #bfbfbf; }
    .mis-retos .challenge .project .projectLogo {
      width: 90px;
      height: 90px;
      margin-right: 15px;
      border-radius: 50%;
      overflow: hidden;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: middle; }
      .mis-retos .challenge .project .projectLogo img {
        max-width: none; }
    .mis-retos .challenge .project .projectTitle {
      width: calc(100% - 120px);
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: 20px;
      color: #8c2093;
      text-transform: uppercase;
      font: 300 14px "Telefonica-Bold", sans-serif; }
    .mis-retos .challenge .project .progress {
      margin: 10px 0;
      margin-top: 30px;
      margin-bottom: 10p; }
    .mis-retos .challenge .project .progressBar {
      height: 10px;
      border-radius: 50px;
      overflow: hidden;
      background: #bfbfbf; }
      .mis-retos .challenge .project .progressBar .completionBar {
        background: #8c2093; }

.reto-header-title .content-title {
  padding: 40px 90px;
  padding-right: 20px; }
  .reto-header-title .content-title h1 {
    text-align: left;
    margin-bottom: 20px;
    font: 300 24px "Telefonica-Bold", sans-serif; }
.reto-header-title .content-img {
  text-align: center;
  margin-top: 20px;
  min-height: 200px;
  position: relative;
  margin-bottom: -5px; }
  .reto-header-title .content-img .content-before {
    width: auto;
    display: inline-block;
    position: relative;
    margin: 30px 0; }
    .reto-header-title .content-img .content-before:before, .reto-header-title .content-img .content-before:after {
      content: "";
      width: 40px;
      height: 40px;
      display: block;
      position: absolute;
      background: #70c2da;
      top: -20px;
      left: 90%;
      border-radius: 50%; }
    .reto-header-title .content-img .content-before:after {
      top: 65%;
      left: -80px; }
    .reto-header-title .content-img .content-before svg {
      display: none; }
    .reto-header-title .content-img .content-before .edad {
      text-align: center;
      position: absolute;
      top: 60%;
      right: 10px; }
      .reto-header-title .content-img .content-before .edad:after {
        content: "";
        width: 80px;
        height: 80px;
        display: block;
        position: absolute;
        background: #70c2da;
        top: -17px;
        left: -22px;
        padding: 0;
        z-index: 0;
        border-radius: 50%;
        font-size: 22px; }
      .reto-header-title .content-img .content-before .edad:before {
        content: "";
        color: white;
        z-index: 1;
        position: absolute;
        top: 0;
        left: -4px;
        font: 300 20px "Telefonica-Bold", sans-serif; }
      .reto-header-title .content-img .content-before .edad span {
        color: white;
        z-index: 1;
        position: relative;
        padding-left: 3px;
        font: 300 20px "Telefonica-Bold", sans-serif; }
        .reto-header-title .content-img .content-before .edad span.text {
          font-size: 12px;
          text-transform: uppercase;
          display: block; }
    .reto-header-title .content-img .content-before img {
      max-width: 250px; }

.reto-objetivos .reto-objetivos-box .objetiv {
  text-align: center;
  padding: 30px 60px; }
  .reto-objetivos .reto-objetivos-box .objetiv .reto-box-img {
    max-width: 300px;
    display: block;
    margin: 0 auto; }
    .reto-objetivos .reto-objetivos-box .objetiv .reto-box-img img {
      max-height: 200px;
      width: auto; }
  .reto-objetivos .reto-objetivos-box .objetiv h2 {
    text-transform: uppercase;
    font: 300 20px "Telefonica-Bold", sans-serif;
    margin: 20px 0; }
  .reto-objetivos .reto-objetivos-box .objetiv p {
    font: 300 14px "Telefonica-Regular", sans-serif; }
.reto-objetivos .reto-description {
  display: inline-block;
  width: 100%;
  padding: 30px 60px; }
  .reto-objetivos .reto-description h2 {
    font: 300 20px "Telefonica-Bold", sans-serif;
    margin: 10px 0;
    margin-top: 20px; }
  .reto-objetivos .reto-description p {
    font: 300 14px "Telefonica-Regular", sans-serif;
    padding: 20px;
    padding-left: 0; }

.reto-fases {
  max-width: 470px;
  display: block;
  margin: 30px auto; }
  .reto-fases .reto-fase {
    background: #f5f7f8;
    margin: 0;
    margin-bottom: 20px;
    padding: 20px;
    display: inline-block;
    width: 100%; }
    .reto-fases .reto-fase .box-fase .num-fase {
      font: 300 14px "Telefonica-Bold", sans-serif;
      margin-right: 5px;
      padding-right: 10px;
      position: relative;
      text-transform: uppercase; }
      .reto-fases .reto-fase .box-fase .num-fase:after {
        content: "|";
        color: #909aa2;
        position: absolute;
        right: 0;
        top: 0;
        font: 300 12px "Telefonica-Regular", sans-serif; }
    .reto-fases .reto-fase .box-fase .date-fase {
      font: 300 14px "Telefonica-Regular", sans-serif;
      color: #909aa2; }
    .reto-fases .reto-fase h2 {
      margin: 15px 0;
      margin-top: 5px;
      font: 300 20px "Telefonica-Regular", sans-serif; }
    .reto-fases .reto-fase p {
      font: 300 14px "Telefonica-Regular", sans-serif; }

.student-less-14 #main-content.course #column-3, .student-less-14 #main-content.itinerary #column-3,
.student-more-14 #main-content.course #column-3,
.student-more-14 #main-content.itinerary #column-3 {
  min-height: 0; }

.student-less-14 .reto-header-title .content-title h1 {
  color: #8c2093; }
.student-less-14 .reto-header-title .content-img .content-before {
  background: transparent url(/lideres-digitales-theme/images/custom/less-14.png) no-repeat center;
  background-size: contain;
  width: 300px;
  height: 255px;
  margin: -20px; }
  .student-less-14 .reto-header-title .content-img .content-before:before, .student-less-14 .reto-header-title .content-img .content-before:after {
    background: #8c2093; }
  .student-less-14 .reto-header-title .content-img .content-before .edad:after {
    background: #8c2093; }
  .student-less-14 .reto-header-title .content-img .content-before .edad:before {
    content: "-";
    left: -2px; }
.student-less-14 .reto-objetivos .reto-objetivos-box .objetiv h2 {
  color: #8c2093; }
.student-less-14 .reto-objetivos .reto-description h2 {
  color: #8c2093; }
.student-less-14 .reto-fases .reto-fase .box-fase .num-fase {
  color: #8c2093; }
.student-less-14 .inscription-portlet .boton.reto {
  background: #8c2093;
  border: 1px solid #8c2093; }
  .student-less-14 .inscription-portlet .boton.reto:hover {
    border: 1px solid #8c2093;
    background: white;
    color: #8c2093; }

.student-more-14 .reto-header-title .content-title h1 {
  color: #4081be; }
.student-more-14 .reto-header-title .content-img .content-before {
  background: transparent url(/lideres-digitales-theme/images/custom/more-14.png) no-repeat center;
  background-size: contain;
  width: 300px;
  height: 255px;
  margin: -20px; }
  .student-more-14 .reto-header-title .content-img .content-before:before, .student-more-14 .reto-header-title .content-img .content-before:after {
    background: #4081be; }
  .student-more-14 .reto-header-title .content-img .content-before .edad:after {
    background: #4081be; }
  .student-more-14 .reto-header-title .content-img .content-before .edad:before {
    content: "+"; }
.student-more-14 .reto-objetivos .reto-objetivos-box .objetiv h2 {
  color: #4081be; }
.student-more-14 .reto-objetivos .reto-description h2 {
  color: #4081be; }
.student-more-14 .reto-fases .reto-fase .box-fase .num-fase {
  color: #4081be; }
.student-more-14 .inscription-portlet .boton.reto {
  background: #4081be;
  border: 1px solid #4081be; }
  .student-more-14 .inscription-portlet .boton.reto:hover {
    border: 1px solid #4081be;
    background: white;
    color: #4081be; }
.student-more-14 .inscription-portlet .boton.participar {
  background-color: #4081be; }
  .student-more-14 .inscription-portlet .boton.participar:hover {
    border: 1px solid #4081be; }

.acerca-de-proyecto .portlet-topper {
  border: 0;
  background: #f5f7f8;
  text-align: center; }
  .acerca-de-proyecto .portlet-topper .portlet-title-text {
    margin: 10px 0;
    margin-top: 30px;
    display: block;
    text-align: center;
    font: 300 30px "Telefonica-Bold", sans-serif;
    letter-spacing: 1.5px;
    color: #004456; }
.acerca-de-proyecto .reto-header-title {
  display: inline-block;
  width: 100%;
  margin-bottom: -5px;
  background: url(/lideres-digitales-theme/images/custom/background-login.png) no-repeat 140% 0%;
  background-size: auto 150%; }
  .acerca-de-proyecto .reto-header-title .content-title h1 {
    color: #70c2da;
    margin-top: 30px;
    margin-bottom: 40px; }
  .acerca-de-proyecto .reto-header-title .content-img .content-before {
    max-height: 323px;
    overflow: hidden;
    margin: 0; }
    .acerca-de-proyecto .reto-header-title .content-img .content-before svg {
      display: block;
      min-height: 350px; }
    .acerca-de-proyecto .reto-header-title .content-img .content-before:before, .acerca-de-proyecto .reto-header-title .content-img .content-before:after {
      display: none; }
.acerca-de-proyecto .reto-objetivos {
  background: #f5f7f8;
  margin-top: -5px;
  display: inline-block;
  width: 100%; }
  .acerca-de-proyecto .reto-objetivos .reto-objetivos-box .objetiv h2 {
    color: #8c2093; }
    .acerca-de-proyecto .reto-objetivos .reto-objetivos-box .objetiv h2 span {
      color: #8c2093; }
  .acerca-de-proyecto .reto-objetivos .reto-description {
    display: none; }

.headerPage {
  background-size: contain !important;
  min-height: 200px;
  height: 200px;
  text-align: left;
  padding-left: 30px;
  display: table; }
  .headerPage .content {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    padding-left: 40px; }
  .headerPage .title {
    text-align: left;
    color: #004456;
    font: 300 30px 'Telefonica-Light',sans-serif;
    margin-bottom: 10px; }
  .headerPage .description {
    color: #004456;
    font: 300 14px 'Telefonica-Regular',sans-serif;
    width: 55%;
    display: block; }
  .headerPage.experiencia, .headerPage.experiencias, .headerPage.administración, .headerPage.administracion {
    border-bottom: 1px solid #d0d2d3;
    min-height: 80px;
    height: 80px;
    margin-top: 7px; }
    .headerPage.experiencia .title, .headerPage.experiencias .title, .headerPage.administración .title, .headerPage.administracion .title {
      margin: 0; }
    .headerPage.experiencia .description, .headerPage.experiencias .description, .headerPage.administración .description, .headerPage.administracion .description {
      display: none; }
  .headerPage.experiencia .title {
    text-align: center; }

.boxContent,
.boxContent2 {
  text-align: center;
  border-bottom: 1px solid #d0d2d3; }
  .boxContent .box,
  .boxContent2 .box {
    border-right: 1px solid #d0d2d3;
    padding: 50px; }
    .boxContent .box.col-md-12,
    .boxContent2 .box.col-md-12 {
      border: 0; }
    .boxContent .box img,
    .boxContent2 .box img {
      max-width: 50px;
      max-height: 50px; }
    .boxContent .box h1,
    .boxContent2 .box h1 {
      color: #004456;
      font: 300 30px 'Telefonica-Bold',sans-serif;
      margin-bottom: 20px; }
    .boxContent .box span,
    .boxContent2 .box span {
      color: #004456;
      font: 300 20px 'Telefonica-Regular',sans-serif;
      margin-bottom: 20px;
      display: block; }
    .boxContent .box .btn,
    .boxContent2 .box .btn {
      text-transform: uppercase; }

.boxContent2 {
  border: 0; }

h1.title_3fases {
  color: #004456;
  font: 300 20px 'Telefonica-Regular',sans-serif;
  margin: 40px 0; }

._3fases {
  display: table;
  width: 100%; }
  ._3fases .box {
    display: table-cell;
    text-align: center;
    position: relative; }
    ._3fases .box:before {
      content: "";
      width: 80%;
      position: absolute;
      top: 70px;
      right: -150px;
      height: 1px;
      background: #d0d2d3; }
    ._3fases .box img {
      width: 140px;
      padding: 25px;
      border-radius: 50%;
      border: 1px solid #d0d2d3;
      background: white;
      z-index: 1;
      position: relative; }
    ._3fases .box:last-child:before, ._3fases .box:last-child:after {
      display: none; }
    ._3fases .box h2 {
      color: #004456;
      font: 300 18px 'Telefonica-Bold',sans-serif; }
    ._3fases .box .description {
      color: #004456;
      font: 300 14px 'Telefonica-Regular',sans-serif;
      width: 75%;
      display: block;
      margin: 0 auto; }
    ._3fases .box .btn {
      color: #004456;
      background: transparent;
      font: 300 14px 'Telefonica-Regular',sans-serif;
      position: relative;
      border: 0;
      padding: 10px 0; }
      ._3fases .box .btn:before {
        content: "";
        width: 10px;
        height: 25px;
        display: block;
        position: absolute;
        top: 7px;
        right: -15px;
        background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_blue.png) no-repeat 50%;
        background-size: 10px;
        transition: all .3s; }
      ._3fases .box .btn:hover:before {
        right: -25px;
        transition: all .3s; }

.description p, .description span, .description strong {
  color: #004456; }
.description a {
  color: #70c2da; }

.user-name {
  color: #004456; }

.video_back {
  min-height: 200px;
  margin-top: 50px;
  margin-bottom: -50px;
  background-size: contain !important; }
  .video_back a {
    display: block;
    text-align: center;
    padding: 30px; }
    .video_back a img {
      max-width: 150px; }
    .video_back a h3 {
      font-size: 33px;
      font-weight: normal; }

.tabs-registro-login {
  display: block;
  text-align: center;
  border-top: 68px solid #d6dedf;
  border-bottom: 10px solid #d6dedf; }
  .tabs-registro-login .registro:after {
    content: "";
    width: 1px;
    height: calc(100% - 10px);
    position: absolute;
    background: #909aa2;
    top: 5px;
    right: -4px;
    display: block; }
  .tabs-registro-login span,
  .tabs-registro-login a {
    padding: 20px;
    margin: 0 3px;
    display: inline-block;
    font: 300 14px 'Telefonica-Bold',sans-serif;
    letter-spacing: 1.5px;
    color: #909aa2;
    position: relative;
    width: 150px;
    cursor: pointer; }
    .tabs-registro-login span:hover,
    .tabs-registro-login a:hover {
      color: #004456; }
    .tabs-registro-login span.open,
    .tabs-registro-login a.open {
      color: #004456; }
      .tabs-registro-login span.open:before,
      .tabs-registro-login a.open:before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        background: #004456;
        left: 0; }

.container-login-whit-mail {
  max-width: 450px;
  margin: 0 auto;
  text-align: center; }
  .container-login-whit-mail.line-up {
    border-top: 1px solid #004456;
    margin: 40px auto; }
  .container-login-whit-mail p {
    margin: 0;
    font: 300 14px 'Telefonica-Bold',sans-serif;
    letter-spacing: 1.5px;
    margin-top: 20px;
    color: #004456; }
  .container-login-whit-mail.login {
    display: block; }
  .container-login-whit-mail.registro {
    display: none; }

.container-header-secondary {
  margin-top: 30px; }

.btn-list-modules {
  display: none;
  width: 55px;
  height: 55px;
  background: #70c2da url(/lideres-digitales-theme/images/custom/common/ico_modules.svg) no-repeat center;
  background-size: 33px;
  position: absolute;
  z-index: 999;
  cursor: pointer; }
  .btn-list-modules.open {
    background-color: #cbd4d6; }

.titular h1 {
  padding: 30px;
  text-transform: uppercase;
  font: 300 18px "Telefonica-Bold", sans-serif;
  color: #004456;
  letter-spacing: 1.5px; }
.titular p {
  font: 300 14px "Telefonica-Regular", sans-serif;
  color: #909aa2;
  text-align: center; }

.title-no-tabs .titular {
  border-bottom: 10px solid #d6dedf; }

.tabs-custom {
  display: block;
  text-align: center;
  border-top: 10px solid #d6dedf;
  border-bottom: 10px solid #d6dedf; }
  .tabs-custom .tab {
    padding: 20px;
    margin: 0 3px;
    display: inline-block;
    font: 300 12px "Telefonica-Bold", sans-serif;
    letter-spacing: 1.5px;
    color: #909aa2;
    text-transform: uppercase;
    position: relative;
    min-width: 100px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    .tabs-custom .tab:first-child:after {
      content: "";
      width: 1px;
      height: calc(100% - 10px);
      position: absolute;
      background: #d0d2d3;
      top: 5px;
      right: -4px;
      display: block; }
    .tabs-custom .tab:hover {
      color: #004456;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    .tabs-custom .tab.open {
      color: #004456; }
      .tabs-custom .tab.open:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        background: #004456;
        left: 0; }

.content-tab {
  display: none; }
  .content-tab.tab-1 {
    display: block; }

.user-information {
  padding: 34px 0;
  padding-top: 34px;
  border-bottom: 10px solid #d6dedf; }
  .user-information .circle-name {
    display: inline-flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 20px;
    color: white;
    letter-spacing: 5px;
    text-indent: 5px;
    font: 300 30px "Telefonica-Bold", sans-serif;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    background: #004456;
    text-transform: uppercase; }
  .user-information .user-full-name-information {
    display: inline-flex;
    width: calc(100% - 140px);
    vertical-align: top;
    justify-content: left;
    align-items: center;
    min-height: 80px; }
    .user-information .user-full-name-information .user-saludo {
      margin: 0; }
    .user-information .user-full-name-information h2 {
      margin: 0;
      font: 300 20px "Telefonica-Bold", sans-serif; }
      .user-information .user-full-name-information h2 span {
        text-transform: capitalize; }

.delete-acount {
  position: relative;
  background: #f5f7f8;
  margin: 15px;
  padding: 15px;
  padding-bottom: 0;
  display: inline-block;
  width: calc(100% - 30px); }
  .delete-acount label {
    font: 300 14px "Telefonica-Bold", sans-serif;
    color: #004456;
    margin-bottom: 10px;
    display: block; }
  .delete-acount ul {
    margin: 0;
    margin-bottom: 20px; }
    .delete-acount ul li {
      padding-left: 20px;
      position: relative;
      font: 300 14px "Telefonica-Regular", sans-serif;
      color: #004456;
      margin-bottom: 5px; }
      .delete-acount ul li:before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #004456;
        display: block;
        position: absolute;
        top: 6px;
        left: 8px; }
  .delete-acount a {
    color: #70c2da; }
    .delete-acount a:hover {
      text-decoration: underline !important;
      color: #70c2da; }
  .delete-acount p {
    font: 300 14px "Telefonica-Regular", sans-serif;
    color: #909aa2; }
    .delete-acount p a {
      color: #909aa2;
      text-decoration: underline !important; }
      .delete-acount p a:hover {
        text-decoration: underline !important;
        color: #70c2da; }

#onetrust-banner-sdk #onetrust-policy-text {
  font-size: 14px !important; }
#onetrust-banner-sdk #onetrust-pc-btn-handler {
  font-size: 12px !important; }
#onetrust-banner-sdk #onetrust-accept-btn-handler {
  font-size: 12px !important; }

#onetrust-consent-sdk #onetrust-pc-sdk h3 {
  font-size: 14px !important; }
#onetrust-consent-sdk #onetrust-pc-sdk h4 {
  font-size: 14px !important; }
#onetrust-consent-sdk #onetrust-pc-sdk h5 {
  font-size: 14px !important; }
#onetrust-consent-sdk #onetrust-pc-sdk h6 {
  font-size: 14px !important; }
#onetrust-consent-sdk #onetrust-pc-sdk p {
  font-size: 14px !important; }
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc {
  font-size: 14px !important; }

#onetrust-pc-sdk .ot-cat-grp .ot-always-active {
  font-size: 14px !important; }
#onetrust-pc-sdk button {
  font-size: 12px !important; }

.portlet-msg-error.error {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 99999999; }
  .portlet-msg-error.error + .error {
    z-index: 99; }

.portlet-login {
  text-align: center;
  display: none;
  position: absolute;
  top: 150px;
  padding: 30px;
  left: 10%;
  background: transparent;
  width: 360px;
  z-index: 99;
  border: 2px solid #d0d2d3;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .portlet-login .portlet-body > a {
    color: #70c2da; }
  .portlet-login.error-login .portlet-msg-error {
    display: none; }
  .portlet-login.tab-1 {
    display: none; }
  .portlet-login header.portlet-topper {
    display: none; }
  .portlet-login form {
    max-width: 450px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: -50px; }
    .portlet-login form[action*='2Fforgot_password'] .aui-fieldset-content {
      width: 100%;
      display: inline-block; }
    .portlet-login form[action*='2Fforgot_password'] .aui-button-holder .aui-button-input {
      max-width: 100%; }
    .portlet-login form[action*='2Fforgot_password'] + .navigation {
      text-align: center; }
      .portlet-login form[action*='2Fforgot_password'] + .navigation .taglib-icon {
        margin-top: 10px;
        display: inline-block; }
    .portlet-login form .aui-fieldset .aui-field .aui-field-content .aui-field-element {
      width: 100%;
      padding: 0; }
    .portlet-login form .aui-button-holder .aui-button-input {
      width: 100%;
      margin: 0;
      position: relative;
      top: 40px;
      margin-bottom: 40px;
      font: 300 14px "Telefonica-Bold", sans-serif;
      letter-spacing: 2.5px; }
  .portlet-login .navigation {
    background: transparent;
    border: 0;
    max-width: 450px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    top: -65px; }
    .portlet-login .navigation img.icon {
      display: none; }
    .portlet-login .navigation .taglib-text {
      text-align: left;
      font: 500 14px "Telefonica-Light",sans-serif;
      color: #004456;
      cursor: pointer; }
      .portlet-login .navigation .taglib-text:hover {
        color: #70c2da; }
  .portlet-login .no-soy {
    margin-top: 30px;
    display: inline-block;
    cursor: pointer; }
    .portlet-login .no-soy:hover {
      text-decoration: underline !important;
      text-underline-position: under; }
  .portlet-login.alumno {
    display: block;
    background: white;
    padding-top: 30px; }
    .portlet-login.alumno form .aui-button-holder .aui-button-input {
      color: white;
      border-color: #8c2093;
      background: #8c2093; }
    .portlet-login.alumno .portlet-body > a {
      color: #8c2093; }
  .portlet-login.familiar {
    display: block;
    padding-top: 85px;
    background: white; }
    .portlet-login.familiar form .aui-button-holder .aui-button-input {
      color: white;
      border-color: #4081be;
      background: #4081be; }
    .portlet-login.familiar .portlet-body > a {
      color: #4081be; }
  .portlet-login.profesor {
    display: block;
    padding-top: 30px;
    background: white; }
    .portlet-login.profesor form .aui-button-holder .aui-button-input {
      color: white;
      border-color: #70c2da;
      background: #70c2da; }
    .portlet-login.profesor .portlet-body > a {
      color: #70c2da; }
  .portlet-login.voluntario {
    display: block;
    padding-top: 30px;
    background: white; }
    .portlet-login.voluntario form .aui-button-holder .aui-button-input {
      color: white;
      border-color: #003245;
      background: #003245; }
    .portlet-login.voluntario .portlet-body > a {
      color: #003245; }

.formularioregistro-portlet {
  text-align: center;
  display: none;
  position: absolute;
  top: 150px;
  padding: 30px;
  left: 10%;
  background: transparent;
  width: 360px;
  z-index: 99;
  border: 2px solid #d0d2d3;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .formularioregistro-portlet .aui-field-choice {
    text-align: left; }
    .formularioregistro-portlet .aui-field-choice a {
      color: #70c2da; }
    .formularioregistro-portlet .aui-field-choice .aui-field-element {
      width: 25px;
      display: inline-block;
      vertical-align: top; }
    .formularioregistro-portlet .aui-field-choice .aui-choice-label {
      margin-left: 0px;
      display: inline-block;
      width: calc(100% - 30px);
      vertical-align: top; }
  .formularioregistro-portlet.portlet-configuration {
    display: block;
    top: 0;
    padding: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll; }
  .formularioregistro-portlet.alumno form .aui-button-holder .aui-button-input {
    color: white;
    border-color: #8c2093;
    background: #8c2093;
    width: 100%; }
  .formularioregistro-portlet.familiar {
    padding-top: 90px;
    padding-bottom: 15px;
    background: white; }
    .formularioregistro-portlet.familiar .capaTexto {
      display: none; }
    .formularioregistro-portlet.familiar form .aui-field {
      margin-bottom: 15px;
      display: inline-block;
      width: 100%; }
      .formularioregistro-portlet.familiar form .aui-field .aui-field-input-text {
        width: 100%;
        background: transparent; }
    .formularioregistro-portlet.familiar form .aui-form-validator-error-container .aui-field-element {
      display: inline-block;
      width: 100%;
      background-size: 40px !important;
      padding: 0 !important; }
      .formularioregistro-portlet.familiar form .aui-form-validator-error-container .aui-field-element .aui-field-input-text {
        border-color: #f60000 !important; }
    .formularioregistro-portlet.familiar form .aui-button-holder .aui-button-input {
      color: white;
      border-color: #4081be;
      background: #4081be;
      width: 100%; }
  .formularioregistro-portlet #html_captcha > div {
    margin: 20px auto; }
  .formularioregistro-portlet #tabs {
    text-align: left; }

.sincronizarfacebook-portlet .synvButtonStyle,
.sincronizar_google-portlet .synvButtonStyle {
  margin: 10px auto;
  display: block;
  position: relative;
  max-width: 450px;
  text-align: center;
  padding: 15px;
  background: transparent;
  font-size: 0;
  border: 1px solid #dd5347;
  cursor: pointer; }
  .sincronizarfacebook-portlet .synvButtonStyle strong,
  .sincronizar_google-portlet .synvButtonStyle strong {
    font: 100 14px 'Telefonica-Regular',sans-serif;
    letter-spacing: 1.5px;
    color: white;
    text-transform: uppercase;
    position: relative;
    z-index: 1; }
  .sincronizarfacebook-portlet .synvButtonStyle:after,
  .sincronizar_google-portlet .synvButtonStyle:after {
    content: "";
    background: #dd5347;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .sincronizarfacebook-portlet .synvButtonStyle:before,
  .sincronizar_google-portlet .synvButtonStyle:before {
    content: url(../images/custom/redes/google.svg);
    width: 25px !important;
    height: 20px;
    color: white;
    position: absolute;
    left: 10px;
    top: 2px;
    font-size: 30px;
    z-index: 1;
    width: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .sincronizarfacebook-portlet .synvButtonStyle:hover,
  .sincronizar_google-portlet .synvButtonStyle:hover {
    color: #dd5347; }
    .sincronizarfacebook-portlet .synvButtonStyle:hover strong,
    .sincronizar_google-portlet .synvButtonStyle:hover strong {
      color: #dd5347; }
    .sincronizarfacebook-portlet .synvButtonStyle:hover:after,
    .sincronizar_google-portlet .synvButtonStyle:hover:after {
      width: 0;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    .sincronizarfacebook-portlet .synvButtonStyle:hover:before,
    .sincronizar_google-portlet .synvButtonStyle:hover:before {
      content: url(../images/custom/redes/google_h.svg); }

.sincronizarfacebook-portlet .synvButtonStyle {
  border: 1px solid #3B5998; }
  .sincronizarfacebook-portlet .synvButtonStyle:after {
    background: #3B5998; }
  .sincronizarfacebook-portlet .synvButtonStyle:before {
    content: url(../images/custom/redes/face.svg);
    width: 20px !important;
    top: 5px; }
  .sincronizarfacebook-portlet .synvButtonStyle:hover {
    color: #3B5998; }
    .sincronizarfacebook-portlet .synvButtonStyle:hover strong {
      color: #3B5998; }
    .sincronizarfacebook-portlet .synvButtonStyle:hover:before {
      content: url(../images/custom/redes/face_h.svg); }

.favoritos-portlet.portlet-boundary .portlet-topper .portlet-title {
  padding-left: 40px;
  background: white url(/lideres-digitales-theme/images/custom/common/hearth.png) no-repeat scroll 15px 50%;
  background-size: 15px; }
.favoritos-portlet .asset-more {
  display: block;
  text-align: center;
  padding: 25px 0; }
  .favoritos-portlet .asset-more a {
    background: transparent;
    padding: 10px 20px;
    color: #004456;
    text-transform: uppercase;
    border: 0;
    position: relative; }
    .favoritos-portlet .asset-more a:before {
      width: 10px;
      height: 25px;
      display: block;
      position: absolute;
      top: calc(50% - 13px);
      right: 0;
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      content: ""; }
    .favoritos-portlet .asset-more a:hover:before {
      right: -10px;
      transition: all .3s; }
.favoritos-portlet .favHeader {
  padding: 0;
  border-bottom: 1px solid #d0d2d3;
  display: table;
  width: 100%; }
  .favoritos-portlet .favHeader .favAddText {
    padding: 20px;
    display: table-cell;
    width: calc(100% - 150px);
    vertical-align: middle;
    font: 100 14px 'Telefonica-Regular',sans-serif; }
  .favoritos-portlet .favHeader .favProjects {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 230px; }
    .favoritos-portlet .favHeader .favProjects a {
      padding: 20px 35px;
      background: #004456;
      font: 100 14px 'Telefonica-Regular',sans-serif;
      color: white;
      text-transform: uppercase;
      width: 230px;
      display: inline-block;
      transition: all .3s; }
      .favoritos-portlet .favHeader .favProjects a:hover {
        background: #004456;
        transition: all .3s; }
.favoritos-portlet .imageNoResults img {
  width: 100%; }
.favoritos-portlet .typeInfo {
  color: #004456 !important; }
  .favoritos-portlet .typeInfo span {
    color: #004456 !important; }
.favoritos-portlet div.categorizacion {
  margin-bottom: 10px; }
  .favoritos-portlet div.categorizacion > span {
    min-height: 40px;
    margin-right: 10px; }

.inscriptioncommunity-portlet .portlet-msg, .inscriptioncommunity-portlet .portlet-msg-info, .inscriptioncommunity-portlet .portlet-msg-help, .inscriptioncommunity-portlet .lfr-message-help, .inscriptioncommunity-portlet .portlet-msg-progress, .inscriptioncommunity-portlet .lfr-message-progress, .inscriptioncommunity-portlet .lfr-message-info, .inscriptioncommunity-portlet .portlet-msg-error, .inscriptioncommunity-portlet .lfr-message-error, .inscriptioncommunity-portlet .portlet-msg-alert, .inscriptioncommunity-portlet .lfr-message-alert, .inscriptioncommunity-portlet .portlet-msg-success, .inscriptioncommunity-portlet .lfr-message-success,
.inscriptioncommunity-portlet .portlet-msg-info,
.inscriptioncommunity-portlet .portlet-msg-help,
.inscriptioncommunity-portlet .lfr-message-help,
.inscriptioncommunity-portlet .portlet-msg-progress,
.inscriptioncommunity-portlet .lfr-message-progress,
.inscriptioncommunity-portlet .portlet-msg-help, .inscriptioncommunity-portlet .lfr-message-help, .inscriptioncommunity-portlet .portlet-msg-progress, .inscriptioncommunity-portlet .lfr-message-progress, .inscriptioncommunity-portlet .lfr-message-info, .inscriptioncommunity-portlet .portlet-msg-error, .inscriptioncommunity-portlet .lfr-message-error, .inscriptioncommunity-portlet .portlet-msg-alert, .inscriptioncommunity-portlet .lfr-message-alert, .inscriptioncommunity-portlet .portlet-msg-success, .inscriptioncommunity-portlet .lfr-message-success {
  margin-top: -60px;
  margin-bottom: 40px; }

.portlet-communities .aui-w33 {
  width: 33%; }

.mycourses-portlet .course {
  background: #f5f7f8;
  margin: 30px auto;
  width: 60%;
  display: block;
  float: none;
  padding: 40px 50px; }
  .mycourses-portlet .course .course-title {
    font: 300 24px "Telefonica-Regular", sans-serif;
    text-align: left;
    margin-bottom: 10px; }
    .mycourses-portlet .course .course-title img {
      display: none; }
  .mycourses-portlet .course .challenges {
    display: block;
    margin: 10px 0;
    margin-top: 30px; }
  .mycourses-portlet .course .ico-desplegable {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    z-index: 99;
    margin: 10px 0;
    cursor: pointer; }
    .mycourses-portlet .course .ico-desplegable:before, .mycourses-portlet .course .ico-desplegable:after {
      content: "";
      width: 20px;
      height: 2px;
      position: absolute;
      display: block;
      background: #004456;
      left: 0;
      top: 15px;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    .mycourses-portlet .course .ico-desplegable:after {
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg); }
    .mycourses-portlet .course .ico-desplegable.open:after {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg); }
  .mycourses-portlet .course .collapsable .moduleList {
    background: white;
    overflow: visible;
    padding: 30px;
    display: inline-block;
    width: 100%; }
    .mycourses-portlet .course .collapsable .moduleList tbody,
    .mycourses-portlet .course .collapsable .moduleList tr {
      width: 100%;
      display: inline; }
    .mycourses-portlet .course .collapsable .moduleList tr .title {
      width: calc(100% - 110px);
      display: inline-block;
      vertical-align: top; }
    .mycourses-portlet .course .collapsable .moduleList tr .result {
      width: 100px;
      text-align: right;
      vertical-align: top; }

body:not(.portal-popup) div.portlet-search .portlet-icon-back,
body:not(.portal-popup) div.portlet-search .clean-search {
  display: none; }
body:not(.portal-popup) div.portlet-search .aui-fieldset {
  text-align: center;
  margin: 0;
  border: 0;
  padding: 25px 0;
  background: #d6dedf; }
  body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative; }
    body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field {
      width: 100%; }
      body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field label {
        display: none; }
      body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field .aui-field-content {
        margin: 0;
        width: 100%; }
        body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field .aui-field-content:after, body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field .aui-field-content:before {
          display: none; }
        body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field .aui-field-content .aui-field-element {
          width: 100%; }
          body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .aui-field .aui-field-content .aui-field-element .aui-field-input {
            width: 100%;
            display: inline-block;
            border: 1px solid #bfbfbf;
            padding-right: 45px; }
    body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .searchButton {
      position: absolute;
      top: 0;
      z-index: 1;
      right: 10px;
      background: #70c2da;
      width: 38px;
      height: 38px;
      overflow: hidden; }
      body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .searchButton input {
        width: 38px;
        height: 38px;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
      body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .searchButton:hover input {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
body:not(.portal-popup) div.portlet-search .btn-filter-box {
  display: none;
  background: #f5f7f8;
  padding: 20px;
  text-align: center; }
  body:not(.portal-popup) div.portlet-search .btn-filter-box .btn-filter {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    padding: 10px 25px;
    border-radius: 0;
    background: #70c2da;
    border: 1px solid #70c2da;
    color: white;
    font: 100 14px 'Telefonica-Regular',sans-serif;
    letter-spacing: 1.5px;
    cursor: pointer;
    box-shadow: none;
    text-transform: uppercase;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    body:not(.portal-popup) div.portlet-search .btn-filter-box .btn-filter:after {
      content: ">>";
      margin-left: 5px; }
    body:not(.portal-popup) div.portlet-search .btn-filter-box .btn-filter:hover {
      background: #004456;
      border: 1px solid #004456;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content {
  padding: 0;
  display: table;
  width: 100%; }
  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column {
    float: none !important;
    display: table-cell !important;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative; }
    body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.toggle-show {
      display: none !important; }
    body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu {
      width: 25%;
      position: relative;
      background: #f5f7f8; }
      body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content {
        padding: 0; }
        body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet {
          border: 0;
          width: 100%;
          padding: 0;
          margin: 0; }
          body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box {
            display: none;
            position: relative;
            border-top: 0;
            border-bottom: 6px solid #d6dedf; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box .title-tag-list {
              font: 300 15px 'Telefonica-Bold',sans-serif;
              text-transform: uppercase;
              cursor: default;
              letter-spacing: 1.2px;
              padding: 26px 15px;
              padding-bottom: 22px;
              display: inline-block;
              width: 100%; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box .tag-list-close {
              width: 67px;
              height: 67px;
              display: inline-block;
              vertical-align: middle;
              position: absolute;
              top: 0;
              right: -67px;
              cursor: pointer;
              z-index: 99;
              background: #004456; }
              body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box .tag-list-close:before, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box .tag-list-close:after {
                content: "";
                width: 30px;
                height: 2px;
                position: absolute;
                display: block;
                background: white;
                right: 19px;
                top: 33px;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }
              body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box .tag-list-close:before {
                transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg); }
          body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li {
            padding: 15px;
            padding-bottom: 5px;
            border: 0;
            border-radius: 0;
            border-top: 3px solid #d6dedf;
            border-bottom: 3px solid #d6dedf; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li:last-child {
              border-bottom: 6px solid #d6dedf; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li:nth-child(2) {
              border-top: 0; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li.facet-value.default {
              display: none !important; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-titlebar {
              padding: 0;
              background: transparent;
              margin: 0;
              padding-bottom: 10px;
              border-bottom: 1px solid;
              cursor: default; }
              body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-titlebar .lfr-panel-title {
                font: 300 15px 'Telefonica-Bold', sans-serif;
                text-transform: uppercase;
                cursor: default;
                letter-spacing: 1.2px; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-titlebar .lfr-panel-title span {
                  cursor: default; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content {
              display: block !important;
              padding: 0; }
              body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value {
                padding-bottom: 10px;
                margin-bottom: 0;
                font-size: 14px;
                padding: 15px 0;
                background: transparent !important;
                border: 0;
                border-bottom: 1px solid #bfbfbf;
                border-radius: 0;
                position: relative; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.innovacion-educativa, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.metodologias-didacticas, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.programacion-y-robotica, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.steam, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.valores-en-la-era-digital {
                  padding-left: 25px;
                  background: transparent url(/lideres-digitales-theme/images/custom/ejes/innovacion.svg) no-repeat 4px 16px !important;
                  background-size: 15px !important; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.metodologias-didacticas {
                  background: transparent url(/lideres-digitales-theme/images/custom/ejes/metodologias.svg) no-repeat 4px 16px !important;
                  background-size: 15px !important; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.programacion-y-robotica {
                  background: transparent url(/lideres-digitales-theme/images/custom/ejes/programacion.svg) no-repeat 4px 17px !important;
                  background-size: 16px !important; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.steam {
                  background: transparent url(/lideres-digitales-theme/images/custom/ejes/steam.svg) no-repeat 4px 17px !important;
                  background-size: 14px !important; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.valores-en-la-era-digital {
                  background: transparent url(/lideres-digitales-theme/images/custom/ejes/valores.svg) no-repeat 2px 17px !important;
                  background-size: 20px !important; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value:last-child {
                  border-bottom: 0; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value li {
                  border: 0;
                  padding: 0;
                  margin: 0; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value a {
                  margin-right: 5px;
                  padding: 15px 0; }
                  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value a:hover {
                    color: #70c2da; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value .frequency {
                  display: inline-block;
                  font: 300 14px 'Telefonica-Light'; }
                body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.current-term {
                  cursor: default; }
                  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.current-term a {
                    color: #70c2da;
                    cursor: default;
                    font: 300 14px 'Telefonica-Bold'; }
                  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.current-term .frequency {
                    color: #70c2da; }
                  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul.tag-list li .lfr-panel-content .facet-value.current-term:after {
                    content: "";
                    width: 20px;
                    height: 20px;
                    color: #70c2da;
                    background: transparent url(../images/custom/common/ico_check.svg) no-repeat center;
                    background-size: 25px;
                    position: absolute;
                    right: 0;
                    top: 15px;
                    transition: all .2s;
                    -webkit-transition: all .2s;
                    -moz-transition: all .2s;
                    -ms-transition: all .2s;
                    -o-transition: all .2s; }
    body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result {
      width: 75%;
      position: relative; }
      body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .lfr-token-list {
        margin: 20px 15px; }
        body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .lfr-token-list .lfr-token {
          border-radius: 0;
          border-color: #70c2da;
          margin: 5px 0;
          margin-right: 10px;
          background: transparent;
          color: #70c2da; }
          body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .lfr-token-list .lfr-token .lfr-token-text {
            color: #70c2da;
            font: 300 14px 'Telefonica-Regular',sans-serif; }
          body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .lfr-token-list .lfr-token .lfr-token-close {
            background: url(../images/custom/common/ico_cross.svg) no-repeat center;
            background-size: 20px;
            padding: 15px;
            margin: -5px;
            margin-left: 2px;
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
            body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .lfr-token-list .lfr-token .lfr-token-close:hover {
              transform: scale(1.25);
              -webkit-transform: scale(1.25);
              -moz-transform: scale(1.25);
              -ms-transform: scale(1.25);
              -o-transform: scale(1.25);
              transition: all .3s;
              -webkit-transition: all .3s;
              -moz-transition: all .3s;
              -ms-transition: all .3s;
              -o-transition: all .3s; }
      body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content {
        padding: 0; }
        body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content .taglib-search-iterator-page-iterator-top .taglib-page-iterator .search-pages .delta-selector,
        body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content .taglib-search-iterator-page-iterator-top .taglib-page-iterator .search-pages .page-selector, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content .taglib-search-iterator-page-iterator-bottom .taglib-page-iterator .search-pages .delta-selector, body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content .taglib-search-iterator-page-iterator-bottom .taglib-page-iterator .search-pages .page-selector {
          display: none !important; }
        body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content .aui-searchcontainer .taglib-search-iterator thead {
          display: none; }
        body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result .result-content .aui-searchcontainer .taglib-search-iterator tbody tr.lfr-template {
          display: none; }

.portlet-navigation {
  margin: 40px 2%;
  display: inline-block;
  width: 96%; }
  .portlet-navigation ul.layouts.level-1 {
    list-style: none;
    margin: 0;
    padding: 0; }
    .portlet-navigation ul.layouts.level-1 > li {
      float: left;
      width: 24%;
      text-align: center;
      position: relative; }
      .portlet-navigation ul.layouts.level-1 > li > a {
        text-align: center;
        border: 1px solid #909aa2;
        border-radius: 0;
        padding: 5px;
        background-repeat: no-repeat;
        background-position: 5% 50%;
        position: relative;
        margin: 10px auto;
        display: block;
        width: 90%;
        font: 300 18px "Telefonica-Regular",sans-serif;
        color: #004456;
        cursor: pointer;
        background-color: transparent;
        transition: all .5s; }
        .portlet-navigation ul.layouts.level-1 > li > a:hover {
          color: #70c2da;
          border-color: #004456;
          transition: all .3s; }
      .portlet-navigation ul.layouts.level-1 > li.plegado {
        background: transparent !important;
        position: relative; }
        .portlet-navigation ul.layouts.level-1 > li.plegado:before, .portlet-navigation ul.layouts.level-1 > li.plegado:after {
          content: "";
          width: 10px;
          height: 2px;
          position: absolute;
          display: block;
          background: #004456;
          right: 27px;
          top: 27px;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        .portlet-navigation ul.layouts.level-1 > li.plegado:before {
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg); }
        .portlet-navigation ul.layouts.level-1 > li.plegado:hover {
          background-size: 18px;
          background-position: 100% 50%; }
          .portlet-navigation ul.layouts.level-1 > li.plegado:hover:before {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
        .portlet-navigation ul.layouts.level-1 > li.plegado > a {
          background-color: transparent !important; }
  .portlet-navigation ul.layouts.level-2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    border: 1px solid #909aa2;
    border-radius: 0;
    margin-left: 14px;
    margin-top: -11px;
    padding: 10px;
    width: 90%;
    padding-bottom: 0;
    background: white;
    z-index: 3;
    box-shadow: none;
    text-align: left; }
    .portlet-navigation ul.layouts.level-2.open {
      display: block; }
    .portlet-navigation ul.layouts.level-2 > li {
      margin-bottom: 10px; }
      .portlet-navigation ul.layouts.level-2 > li > a {
        font: 300 14px "Telefonica-Regular",sans-serif;
        color: #929497;
        transition: all .3s; }
        .portlet-navigation ul.layouts.level-2 > li > a:hover {
          color: #004456;
          transition: all .3s; }
  .portlet-navigation.navigation-lineal {
    margin: 0;
    background: white;
    width: 100%;
    border-top: 10px solid #d6dedf;
    border-bottom: 10px solid #d6dedf; }
    .portlet-navigation.navigation-lineal ul.layouts {
      padding: 0;
      text-align: center; }
      .portlet-navigation.navigation-lineal ul.layouts.level-1 {
        position: relative; }
        .portlet-navigation.navigation-lineal ul.layouts.level-1 > li {
          float: none;
          width: auto;
          display: inline-block;
          vertical-align: middle; }
          .portlet-navigation.navigation-lineal ul.layouts.level-1 > li a {
            font: 300 12px "Telefonica-Bold",sans-serif;
            border: 0;
            background: transparent;
            padding: 10px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin: 10px 20px;
            width: 100%;
            color: #909aa2;
            border-left: 1px solid #d0d2d3; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li a:hover {
              color: #004456; }
          .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.selected a {
            color: #004456; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.selected a:before {
              content: "";
              width: 100%;
              height: 3px;
              position: absolute;
              display: block;
              background: #004456;
              bottom: -10px;
              left: 0; }
          .portlet-navigation.navigation-lineal ul.layouts.level-1 > li:first-child a {
            border: 0; }
          .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado {
            background: transparent !important;
            position: initial;
            padding-right: 20px !important;
            padding-right: 5px;
            background-size: 18px;
            background-position: 100% 50%; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado:before, .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado:after {
              display: none; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado > a {
              position: relative;
              background: transparent;
              background-position: 50%; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado > a:before, .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado > a:after {
                content: "";
                width: 10px;
                height: 2px;
                position: absolute;
                display: block;
                background: #004456;
                right: 18px;
                top: 18px;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado > a:before {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg); }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado > a:hover {
                background-size: 18px;
                background-position: 100% 50%; }
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado > a:hover:before {
                  transform: rotate(0deg);
                  -webkit-transform: rotate(0deg);
                  -moz-transform: rotate(0deg);
                  -ms-transform: rotate(0deg);
                  -o-transform: rotate(0deg);
                  transition: all .3s;
                  -webkit-transition: all .3s;
                  -moz-transition: all .3s;
                  -ms-transition: all .3s;
                  -o-transition: all .3s; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado ul.layouts.level-2 {
              min-width: 230px;
              max-width: 250px;
              text-align: left;
              right: -1px;
              text-align: left;
              margin: 0;
              top: inherit;
              margin-top: 29px;
              border: 1px solid #d0d2d3;
              border-top: 0;
              background: white; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado ul.layouts.level-2 li {
                margin: 0;
                margin-bottom: 10px;
                display: inline-block;
                width: 100%; }
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado ul.layouts.level-2 li:first-child {
                  margin-top: 10px; }
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado ul.layouts.level-2 li a {
                  border: 0 !important;
                  text-transform: initial;
                  letter-spacing: 1px;
                  padding: 0 10px;
                  margin: 0; }
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado ul.layouts.level-2 li.selected a {
                  font: 500 15px "Telefonica-Bold",sans-serif; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado.admin-box ul.layouts.level-2 {
              min-width: 0;
              max-width: 250px;
              width: 0;
              overflow: hidden;
              display: block !important;
              transition: all .3s;
              -webkit-transition: all .3s;
              -moz-transition: all .3s;
              -ms-transition: all .3s;
              -o-transition: all .3s; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado.admin-box ul.layouts.level-2.open {
                width: 250px;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin,
            .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin {
              margin-top: 0;
              height: 45px;
              width: 25px;
              right: 0;
              top: 9px;
              position: absolute;
              cursor: pointer;
              overflow: visible;
              z-index: 99;
              margin: 0;
              border: 0; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin:before,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin:before {
                content: "";
                display: block;
                width: 4px;
                height: 4px;
                top: 8px;
                right: 20px;
                z-index: 99;
                background: #004456;
                border-radius: 50%;
                position: absolute;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin:after,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin:after {
                display: none; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin .point,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin .point {
                float: none;
                width: 100%;
                display: inline-block;
                text-align: center;
                position: relative; }
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin .point:after, .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin .point:before,
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin .point:after,
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin .point:before {
                  content: "";
                  display: block;
                  width: 4px;
                  height: 4px;
                  top: -5px;
                  right: 10px;
                  z-index: 99;
                  background: #004456;
                  border-radius: 50%;
                  position: absolute;
                  transition: all .2s;
                  -webkit-transition: all .2s;
                  -moz-transition: all .2s;
                  -ms-transition: all .2s;
                  -o-transition: all .2s; }
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin .point:after,
                .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin .point:after {
                  top: 3px; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin.open:before,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin.open:before {
                opacity: 0;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin.open .point:after, .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin.open .point:before,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin.open .point:after,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin.open .point:before {
                width: 15px;
                height: 2px;
                border-radius: 0;
                top: 4px !important;
                right: 5px;
                transform: rotate(45deg);
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s; }
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin.open .point:after,
              .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin.open .point:after {
                transform: rotate(135deg); }

.mycoursestemplate-portlet .imageNoResults img {
  max-width: 400px;
  margin: 40px auto;
  display: block; }
.mycoursestemplate-portlet .emptyResult {
  padding: 20px;
  padding-top: 80px;
  display: block;
  text-align: center;
  min-height: 400px;
  background: #f3f7f8 url(http://cluster2.scolarticdes.telefonicaed.com/documents/5953732/6084238/SinFormacion/656b4c45-f348-40d9-8023-2e0876e84788?t=1540815941885) no-repeat center 35%;
  background-size: 40% !important;
  font-size: 0; }
.mycoursestemplate-portlet.tab-1 .emptyResult {
  background: #f3f7f8 url(http://cluster2.scolarticdes.telefonicaed.com/documents/5953732/6084238/SinFormacion/656b4c45-f348-40d9-8023-2e0876e84788?t=1540815941885) no-repeat center 35%; }
.mycoursestemplate-portlet.tab-2 .emptyResult {
  background: #f3f7f8 url(http://cluster2.scolarticdes.telefonicaed.com/documents/5953732/6084238/SinFormacion/656b4c45-f348-40d9-8023-2e0876e84788?t=1540815941885) no-repeat center 35%;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }
.mycoursestemplate-portlet .asset-more-top {
  display: block;
  text-align: center;
  padding: 20px 0; }
  .mycoursestemplate-portlet .asset-more-top a {
    background: transparent;
    padding: 10px 20px;
    color: #004456;
    text-transform: uppercase;
    border: 0;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s; }
    .mycoursestemplate-portlet .asset-more-top a:before {
      width: 10px;
      height: 25px;
      display: block;
      position: absolute;
      top: calc(50% - 13px);
      right: 0;
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      content: ""; }
    .mycoursestemplate-portlet .asset-more-top a:hover {
      transition: all .3s;
      -webkit-transition: all .3s; }
      .mycoursestemplate-portlet .asset-more-top a:hover:before {
        right: -10px;
        transition: all .3s; }
.mycoursestemplate-portlet .container-title {
  color: #004456;
  font: 300 24px "Telefonica-Regular", sans-serif;
  display: block;
  margin-bottom: 10px; }
  .mycoursestemplate-portlet .container-title:hover {
    color: #70c2da; }
.mycoursestemplate-portlet #executionDate {
  color: #909aa2;
  font: 300 12px "Telefonica-Light", sans-serif;
  margin-bottom: 20px; }
  .mycoursestemplate-portlet #executionDate .showTextExecutionDate {
    display: none; }
.mycoursestemplate-portlet .course-description {
  font: 300 14px "Telefonica-Regular", sans-serif;
  margin-bottom: 20px; }
.mycoursestemplate-portlet .course-progress {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 20px 0;
  padding: 40px 0;
  padding-right: 30%;
  border-top: 1px solid #d0d2d3;
  border-bottom: 1px solid #d0d2d3; }
  .mycoursestemplate-portlet .course-progress > div[title=Aprobado] {
    font: 300 14px 'Telefonica-Regular',sans-serif;
    margin-bottom: -20px; }
    .mycoursestemplate-portlet .course-progress > div[title=Aprobado] .progress-bar-value {
      width: 100% !important; }
  .mycoursestemplate-portlet .course-progress .progress-bar {
    height: 12px;
    background: #cbd4d6;
    border-radius: 50px;
    margin-top: 20px; }
    .mycoursestemplate-portlet .course-progress .progress-bar .progress-bar-value {
      height: 12px;
      background: #004456;
      border-radius: 50px; }
  .mycoursestemplate-portlet .course-progress .text-progress {
    margin: 0;
    position: absolute;
    bottom: 55px;
    color: #004456;
    font: 300 14px 'Telefonica-Regular',sans-serif; }
.mycoursestemplate-portlet .course-go-to-course {
  display: inline-block;
  width: 150px;
  vertical-align: top; }
.mycoursestemplate-portlet .course-mycourse-mini {
  padding: 30px;
  padding-bottom: 45px;
  border-top: 1px solid #929497;
  border-bottom: 1px solid #929497; }
  .mycoursestemplate-portlet .course-mycourse-mini .typeInfo {
    margin-bottom: 20px;
    font: 300 13px 'Telefonica-Bold',sans-serif; }
  .mycoursestemplate-portlet .course-mycourse-mini .content-row-header {
    position: relative; }
    .mycoursestemplate-portlet .course-mycourse-mini .content-row-header .expandosToShow {
      position: absolute;
      top: 0;
      left: 100px; }
      .mycoursestemplate-portlet .course-mycourse-mini .content-row-header .expandosToShow .duracion {
        background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_time_blue.svg) no-repeat scroll 0 40%;
        background-size: 20px;
        padding-left: 30px; }
  .mycoursestemplate-portlet .course-mycourse-mini.curso .typeInfo {
    color: #004456; }
    .mycoursestemplate-portlet .course-mycourse-mini.curso .typeInfo span {
      color: #004456; }
  .mycoursestemplate-portlet .course-mycourse-mini.itinerario .typeInfo {
    color: #70c2da; }
    .mycoursestemplate-portlet .course-mycourse-mini.itinerario .typeInfo span {
      color: #70c2da; }
  .mycoursestemplate-portlet .course-mycourse-mini.itinerario .content-row-header .expandosToShow .duracion {
    background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_time_orange.svg) no-repeat scroll 0 40%;
    background-size: 20px; }
  .mycoursestemplate-portlet .course-mycourse-mini.itinerario .course-progress .progress-bar .progress-bar-value {
    background: #70c2da; }
.mycoursestemplate-portlet .container-my-courses {
  position: relative;
  background: #eeeeee;
  margin: 30px auto;
  width: 90%;
  max-width: 620px;
  display: block;
  float: none;
  padding: 40px 50px; }
.mycoursestemplate-portlet .link-badge {
  position: absolute;
  bottom: 43px;
  right: 50px; }
  .mycoursestemplate-portlet .link-badge a {
    padding: 10px 0;
    position: relative; }
    .mycoursestemplate-portlet .link-badge a.badge-link:before {
      width: 10px;
      height: 25px;
      display: block;
      position: absolute;
      top: calc(50% - 13px);
      right: -15px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      transform: rotate(90deg);
      content: ""; }
    .mycoursestemplate-portlet .link-badge a.badge-link:hover:before {
      top: calc(50% - 5px);
      transition: all .3s; }
    .mycoursestemplate-portlet .link-badge a.badge-link-disabled {
      opacity: .4;
      cursor: not-allowed; }
.mycoursestemplate-portlet .ico-desplegable-modules {
  padding: 15px 0;
  padding-right: 35px;
  position: relative;
  text-transform: uppercase;
  font: 300 12px "Telefonica-Bold", sans-serif;
  letter-spacing: 1.5px;
  cursor: pointer; }
  .mycoursestemplate-portlet .ico-desplegable-modules:before, .mycoursestemplate-portlet .ico-desplegable-modules:after {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    display: block;
    background: #004456;
    right: 0;
    top: 22px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .mycoursestemplate-portlet .ico-desplegable-modules:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
  .mycoursestemplate-portlet .ico-desplegable-modules.open:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
.mycoursestemplate-portlet .collapsable-layer {
  background: white;
  padding: 5px 20px;
  margin: 20px 0; }
  .mycoursestemplate-portlet .collapsable-layer .moduleBlock {
    background: #f5f7f8;
    padding: 15px;
    max-width: 350px;
    width: 90%;
    display: block;
    position: relative;
    margin: 10px auto; }
    .mycoursestemplate-portlet .collapsable-layer .moduleBlock a {
      color: #004456; }
      .mycoursestemplate-portlet .collapsable-layer .moduleBlock a .module-title {
        color: #004456; }
      .mycoursestemplate-portlet .collapsable-layer .moduleBlock a:hover {
        color: #70c2da; }
        .mycoursestemplate-portlet .collapsable-layer .moduleBlock a:hover .module-title {
          color: #70c2da; }
    .mycoursestemplate-portlet .collapsable-layer .moduleBlock .module-progress {
      margin-top: 10px;
      font: 300 12px "Telefonica-Light", sans-serif; }
    .mycoursestemplate-portlet .collapsable-layer .moduleBlock .progress-bar {
      height: 8px;
      background: #cbd4d6;
      border-radius: 50px;
      margin-top: 0;
      overflow: hidden; }
      .mycoursestemplate-portlet .collapsable-layer .moduleBlock .progress-bar .progress-bar-value {
        height: 100%;
        background: #70c2da; }
    .mycoursestemplate-portlet .collapsable-layer .moduleBlock .module-passed {
      position: absolute;
      top: 5px;
      right: 5px; }
      .mycoursestemplate-portlet .collapsable-layer .moduleBlock .module-passed:before {
        content: "";
        background: #70c2da url(/lideres-digitales-theme/images/custom/common/ico_check_w.svg) no-repeat center;
        background-size: 16px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: block;
        opacity: 0; }
      .mycoursestemplate-portlet .collapsable-layer .moduleBlock .module-passed img {
        display: none; }
      .mycoursestemplate-portlet .collapsable-layer .moduleBlock .module-passed.passed:before {
        opacity: 1; }
  .mycoursestemplate-portlet .collapsable-layer .completed-activities-count {
    display: none; }

#caja_experiencia {
  padding: 50px;
  background: #f5f7f8;
  border-top: 1px solid #929497;
  margin-top: 40px; }
  #caja_experiencia .portlet-icon-back {
    display: none; }
  #caja_experiencia form[name=_Experiences_WAR_experiencesportlet_experience_execute] {
    padding: 40px;
    background: white; }
  #caja_experiencia .experience-upload > div {
    background: #f5f7f8;
    margin-bottom: 40px;
    padding: 15px; }
    #caja_experiencia .experience-upload > div label {
      color: #004456;
      font: 300 14px 'Telefonica-Regular',sans-serif; }
    #caja_experiencia .experience-upload > div .aui-field-element {
      width: 100%; }
    #caja_experiencia .experience-upload > div .aui-field-input-text,
    #caja_experiencia .experience-upload > div textarea,
    #caja_experiencia .experience-upload > div input[type="file"] {
      width: 100%;
      background: transparent;
      border: transparent;
      color: #909aa2;
      font: 300 14px 'Telefonica-Regular',sans-serif; }
    #caja_experiencia .experience-upload > div textarea {
      min-height: 120px; }
    #caja_experiencia .experience-upload > div.video-experience .aui-field-input {
      border: #929497;
      background: white;
      margin-top: 10px; }
    #caja_experiencia .experience-upload > div.categories {
      background: transparent;
      padding: 10px 0; }
      #caja_experiencia .experience-upload > div.categories .lfr-panel-container {
        border: 0; }
      #caja_experiencia .experience-upload > div.categories .panel-categoria {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0;
        position: relative; }
        #caja_experiencia .experience-upload > div.categories .panel-categoria:nth-child(2) {
          margin: 0 4.5%; }
        #caja_experiencia .experience-upload > div.categories .panel-categoria .lfr-panel-titlebar {
          background: transparent;
          border-top: 0;
          border-bottom: 1px solid #cdcdcd;
          margin: 0; }
          #caja_experiencia .experience-upload > div.categories .panel-categoria .lfr-panel-titlebar .lfr-panel-title {
            font: 300 14px 'Telefonica-Regular',sans-serif;
            position: relative; }
            #caja_experiencia .experience-upload > div.categories .panel-categoria .lfr-panel-titlebar .lfr-panel-title:before {
              content: "*";
              font-size: 13px;
              position: absolute;
              right: -8px; }
          #caja_experiencia .experience-upload > div.categories .panel-categoria .lfr-panel-titlebar .lfr-panel-button {
            transform: rotate(180deg);
            background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_simple_silver.png) no-repeat 50% 50%;
            background-size: 15px;
            transition: all .3s; }
          #caja_experiencia .experience-upload > div.categories .panel-categoria .lfr-panel-titlebar:hover .lfr-panel-button {
            background-position: 50% 100%;
            transition: all .3s; }
        #caja_experiencia .experience-upload > div.categories .panel-categoria .lfr-panel-content {
          padding: 5px 10px;
          position: absolute;
          background: white;
          z-index: 1;
          width: 100%;
          border-bottom: 1px solid #929497; }
        #caja_experiencia .experience-upload > div.categories .panel-categoria.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
          transform: rotate(0deg); }
    #caja_experiencia .experience-upload > div.aui-button-holder {
      background: transparent;
      text-align: right;
      padding: 0;
      margin: 0; }
      #caja_experiencia .experience-upload > div.aui-button-holder .aui-button-input {
        margin: 0;
        background: #004456;
        border-color: #004456; }
        #caja_experiencia .experience-upload > div.aui-button-holder .aui-button-input:hover {
          background: #004456;
          border-color: #004456; }

.aui-label-required {
  font-size: 0;
  position: relative; }
  .aui-label-required:before {
    content: "*";
    font-size: 13px;
    position: absolute;
    right: -4px; }

.lopdportlet-portlet .portlet-borderless-container,
.lanzaPerfilUsuario-portlet .portlet-borderless-container {
  min-height: 0; }

.lopdportlet-portlet {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  text-align: center;
  background: #f5f7f8;
  border-bottom: 1px solid #d0d2d3; }
  .lopdportlet-portlet .cookiesms {
    padding: 35px 20px;
    max-width: 1144px;
    margin: 0 auto;
    position: relative; }
  .lopdportlet-portlet .cookiestext {
    font: 300 14px 'Telefonica-Regular',sans-serif;
    text-align: left; }
    .lopdportlet-portlet .cookiestext a {
      color: #004456; }
      .lopdportlet-portlet .cookiestext a:hover {
        color: #70c2da; }
  .lopdportlet-portlet .cookiesmsclose {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    font-family: sans-serif;
    cursor: pointer;
    transform: scale(1.2);
    transition: all .3s; }
    .lopdportlet-portlet .cookiesmsclose:hover {
      transform: scale(0.9);
      transition: all .3s; }

.coursestats-portlet,
.studentmanage-portlet,
.gradebook-portlet,
.groupmailing-portlet,
.managetemplates-portlet,
.syllabus-portlet,
.caixabankdocviewer-portlet {
  padding: 20px; }

.coursestats-portlet .bt_importexport {
  float: right; }
  .coursestats-portlet .bt_importexport a span {
    background: #004456;
    padding: 10px 20px;
    color: white;
    text-transform: uppercase;
    border: 1px solid #004456;
    transition: all .3s;
    -webkit-transition: all .3s; }
    .coursestats-portlet .bt_importexport a span:hover {
      background: #70c2da;
      border: 1px solid #70c2da;
      color: white;
      transition: all .3s;
      -webkit-transition: all .3s; }
.coursestats-portlet h2 {
  font-size: 18px; }

.gradebook-portlet .lfr-panel-container {
  border: 0; }
.gradebook-portlet form {
  background: #eeeeee;
  padding: 20px;
  margin-bottom: 20px; }
  .gradebook-portlet form .aui-field-element {
    width: 90%; }
    .gradebook-portlet form .aui-field-element input {
      width: 90%; }
  .gradebook-portlet form .aui-button-holder {
    margin: 0;
    margin-top: 20px;
    margin-bottom: -10px;
    display: inline-block; }
.gradebook-portlet .tablet-link img {
  display: none; }
.gradebook-portlet .tablet-link span {
  background: #004456;
  padding: 10px 20px;
  color: white;
  text-transform: uppercase;
  border: 1px solid #004456;
  transition: all .3s;
  -webkit-transition: all .3s;
  display: inline-block;
  margin: 10px 0px; }
  .gradebook-portlet .tablet-link span:hover {
    background: #70c2da;
    border: 1px solid #70c2da;
    color: white;
    transition: all .3s;
    -webkit-transition: all .3s; }
.gradebook-portlet .search-results {
  font-size: 16px; }
.gradebook-portlet .taglib-search-iterator-page-iterator-top .search-pages {
  display: none; }
.gradebook-portlet .lfr-panel .lfr-panel-titlebar {
  border-top: 0 !important;
  margin: 0;
  background: white;
  border-bottom: 1px solid #d0d2d3; }
.gradebook-portlet .lfr-panel .lfr-panel-content {
  border: 1px solid #d0d2d3;
  margin-top: -1px; }

.syllabus-portlet .syllabuscont .itime {
  font-size: 12px;
  width: 85px !important;
  text-align: center; }
.syllabus-portlet .syllabuscont .ihour {
  width: 55px;
  font-size: 12px;
  text-align: center; }
.syllabus-portlet .syllabuscont .leyend {
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
.syllabus-portlet .syllabuscont a {
  margin-left: 0; }

.Experiences-portlet .user {
  margin-bottom: 20px;
  display: inline-block; }
  .Experiences-portlet .user img {
    border-radius: 50%;
    margin-right: 10px; }
.Experiences-portlet input[type="text"] {
  padding-left: 0; }
.Experiences-portlet .video-experience label {
  padding-left: 30px;
  background: transparent url(/lideres-digitales-theme/images/custom/video_formulario.png) no-repeat left;
  background-size: 25px; }
.Experiences-portlet .video-experience input[type="text"] {
  padding-left: 10px; }
.Experiences-portlet .experience-selectFileImage {
  padding-bottom: 0; }
  .Experiences-portlet .experience-selectFileImage label {
    border: 1px solid;
    background: white url(/lideres-digitales-theme/images/custom/subir_imagen_form.png) no-repeat 10px 50%;
    background-size: 25px;
    width: auto;
    display: inline-block;
    padding: 10px 15px;
    padding-left: 45px;
    cursor: pointer; }
  .Experiences-portlet .experience-selectFileImage input[type="file"] {
    padding: 10px;
    position: relative;
    top: -40px;
    opacity: 0;
    margin-bottom: -30px; }
.Experiences-portlet .experience-selectFile {
  padding-bottom: 0; }
  .Experiences-portlet .experience-selectFile label {
    border: 1px solid;
    background: white url(/lideres-digitales-theme/images/custom/subir_doc_form.png) no-repeat 4px 50%;
    background-size: 35px;
    width: auto;
    display: inline-block;
    padding: 10px 15px;
    padding-left: 45px;
    cursor: pointer; }
  .Experiences-portlet .experience-selectFile input[type="file"] {
    padding: 10px;
    position: relative;
    top: -40px;
    opacity: 0;
    margin-bottom: -30px; }
.Experiences-portlet .portlet-msg-success {
  position: fixed;
  max-width: 400px;
  padding: 20px;
  left: calc(50% - 200px);
  top: calc(50% - 70px);
  z-index: 99999; }
  .Experiences-portlet .portlet-msg-success .text {
    position: fixed;
    max-width: 400px;
    padding: 30px;
    left: calc(50% - 200px);
    top: calc(50% - 70px);
    z-index: 999;
    background: white;
    border: 1px solid #e3e3e3; }
  .Experiences-portlet .portlet-msg-success .shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99; }
  .Experiences-portlet .portlet-msg-success .close {
    z-index: 999999999999999999;
    left: calc(50% - -340px);
    top: calc(50% - 25px);
    transform: scale(0.6); }
    .Experiences-portlet .portlet-msg-success .close:after, .Experiences-portlet .portlet-msg-success .close:before {
      background-color: black; }

.portlet-message-boards {
  position: relative;
  padding-top: 0;
  padding-bottom: 30px; }
  .portlet-message-boards .taglib-header {
    border-bottom: 0;
    margin: 0; }
    .portlet-message-boards .taglib-header .header-back-to a {
      margin: -5px 10px; }
    .portlet-message-boards .taglib-header .header-title {
      margin: 0 20px;
      font-size: 20px;
      text-align: left; }
  .portlet-message-boards .taglib-search-iterator-page-iterator-top {
    display: none; }
  .portlet-message-boards form {
    padding: 10px 30px; }
    .portlet-message-boards form .taglib-header .header-title {
      margin: 0; }
    .portlet-message-boards form .aui-button-holder {
      text-align: center; }
      .portlet-message-boards form .aui-button-holder .aui-button-submit,
      .portlet-message-boards form .aui-button-holder .aui-button-cancel {
        float: left;
        display: block;
        width: 49%;
        margin-top: 30px; }
        .portlet-message-boards form .aui-button-holder .aui-button-submit input,
        .portlet-message-boards form .aui-button-holder .aui-button-cancel input {
          max-width: 250px;
          width: 100%; }
      .portlet-message-boards form .aui-button-holder .aui-button-submit {
        text-align: right; }
      .portlet-message-boards form .aui-button-holder .aui-button-cancel {
        text-align: left; }
        .portlet-message-boards form .aui-button-holder .aui-button-cancel input {
          background: white;
          border: 1px solid transparent;
          color: #004456; }
          .portlet-message-boards form .aui-button-holder .aui-button-cancel input:hover {
            background: #004456;
            border: 1px solid #004456;
            color: white; }
  .portlet-message-boards .category-buttons {
    text-align: center; }
    .portlet-message-boards .category-buttons .aui-button-input[onclick*=edit_message] {
      background: white;
      color: #70c2da; }
      .portlet-message-boards .category-buttons .aui-button-input[onclick*=edit_message]:hover {
        background: #004456;
        color: white; }
  .portlet-message-boards .top-links-container .top-links-navigation {
    float: none; }
  .portlet-message-boards .top-links-container .top-links {
    float: none;
    display: block;
    text-align: center;
    background: #f5f7f8; }
    .portlet-message-boards .top-links-container .top-links .top-link.first {
      display: none; }
    .portlet-message-boards .top-links-container .top-links .top-link a {
      padding: 10px;
      display: block;
      white-space: nowrap; }
      .portlet-message-boards .top-links-container .top-links .top-link a .taglib-text {
        border: 0;
        margin: 0;
        padding: 0;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
        color: #004456; }
      .portlet-message-boards .top-links-container .top-links .top-link a:hover .taglib-text {
        color: #70c2da; }
      .portlet-message-boards .top-links-container .top-links .top-link a img {
        height: 20px;
        width: 20px;
        max-width: 20px;
        display: inline-block;
        vertical-align: middle; }
        .portlet-message-boards .top-links-container .top-links .top-link a img.aui-icon-clock {
          background: transparent url(/lideres-digitales-theme/images/custom/common/clock.svg) no-repeat center !important;
          background-size: 18px !important; }
        .portlet-message-boards .top-links-container .top-links .top-link a img.aui-icon-person {
          background: transparent url(/lideres-digitales-theme/images/custom/common/message.svg) no-repeat center !important;
          background-size: 18px !important; }
        .portlet-message-boards .top-links-container .top-links .top-link a img.aui-icon-signal-diag {
          background: transparent url(/lideres-digitales-theme/images/custom/common/rss.svg) no-repeat center !important;
          background-size: 18px !important; }
        .portlet-message-boards .top-links-container .top-links .top-link a img.aui-icon-clipboard {
          background: transparent url(/lideres-digitales-theme/images/custom/common/estadistic.svg) no-repeat center !important;
          background-size: 18px !important; }
        .portlet-message-boards .top-links-container .top-links .top-link a img.aui-icon-alert {
          background: transparent url(/lideres-digitales-theme/images/custom/common/user_excl.svg) no-repeat center !important;
          background-size: 18px !important; }
  .portlet-message-boards .search_box {
    text-align: center; }
    .portlet-message-boards .search_box .aui-search-bar {
      position: relative;
      max-width: 380px;
      width: 100%;
      margin: 20px 0;
      display: inline-block; }
    .portlet-message-boards .search_box .aui-field-text {
      width: 100%; }
      .portlet-message-boards .search_box .aui-field-text span,
      .portlet-message-boards .search_box .aui-field-text input {
        width: 100%; }
    .portlet-message-boards .search_box .aui-button {
      position: absolute;
      top: 0;
      right: 0;
      overflow: hidden; }
      .portlet-message-boards .search_box .aui-button input {
        font-size: 0;
        margin: 0;
        padding: 0;
        border: 0;
        width: 38px;
        height: 38px;
        background: #70c2da url(/lideres-digitales-theme/images/custom/lupa.png) no-repeat center;
        background-size: 23px;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s; }
        .portlet-message-boards .search_box .aui-button input:hover {
          transform: scale(1.2);
          transition: all .2s;
          -webkit-transition: all .2s;
          -moz-transition: all .2s;
          -ms-transition: all .2s;
          -o-transition: all .2s; }
  .portlet-message-boards .category-subscriptions {
    display: none; }
  .portlet-message-boards #messageBoardsThreadsPanel .lfr-panel-titlebar {
    display: none; }
  .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container .results-grid {
    border: 0; }
  .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table {
    display: inline-block;
    width: 100%; }
    .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table thead {
      display: none; }
    .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody {
      display: inline-block;
      width: 100%; }
      .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .lfr-template {
        display: none !important; }
      .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row {
        border: 0;
        border-bottom: 1px solid #d0d2d3;
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 15px 0;
        padding-left: 55px;
        background: transparent url(/lideres-digitales-theme/images/custom/common/forum.svg) no-repeat 5px 50% !important;
        background-size: 28px !important; }
        .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row:nth-child(2) {
          border-top: 1px solid #d0d2d3; }
        .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td {
          border: 0 !important;
          display: inline-block;
          width: 100%;
          padding: 0; }
          .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-thread a {
            color: #004456;
            font-size: 18px; }
            .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-thread a:hover {
              color: #70c2da; }
          .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-started-by {
            display: none; }
          .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-posts {
            width: auto;
            margin-right: 20px;
            padding-right: 20px;
            background: transparent url(/lideres-digitales-theme/images/custom/common/message.svg) no-repeat 100% !important;
            background-size: 18px !important; }
          .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-views {
            width: auto;
            margin-right: 20px;
            padding-right: 20px;
            background: transparent url(/lideres-digitales-theme/images/custom/common/user.svg) no-repeat 100% !important;
            background-size: 18px !important; }
          .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-last-post {
            position: absolute;
            top: 10px;
            right: 0;
            width: auto; }
          .portlet-message-boards #messageBoardsThreadsPanel .lfr-search-container table tbody .results-row td.col-7 {
            position: absolute;
            bottom: 5px;
            right: 0;
            width: auto; }
  .portlet-message-boards form h1.header-title {
    text-align: left;
    margin: 0;
    padding: 10px;
    font: 100 20px 'Telefonica-Regular',sans-serif; }
  .portlet-message-boards form a {
    color: #004456;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s; }
    .portlet-message-boards form a .taglib-text {
      color: #004456;
      transition: all .2s;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -ms-transition: all .2s;
      -o-transition: all .2s; }
    .portlet-message-boards form a:hover {
      color: #70c2da;
      transition: all .2s;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -ms-transition: all .2s;
      -o-transition: all .2s; }
      .portlet-message-boards form a:hover .taglib-text {
        color: #70c2da;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s; }
  .portlet-message-boards form .edit-controls .taglib-icon img,
  .portlet-message-boards form .edit-controls .taglib-icon .taglib-text {
    display: inline-block;
    vertical-align: middle; }
  .portlet-message-boards form .edit-controls a {
    color: #004456; }
    .portlet-message-boards form .edit-controls a:hover {
      color: #70c2da; }
  .portlet-message-boards form .taglib-header {
    margin: 0;
    border: 0; }
    .portlet-message-boards form .taglib-header + table {
      display: none; }
  .portlet-message-boards form .thread-controls {
    margin: 0;
    border-bottom: 0;
    padding: 10px;
    border-left: 0; }
    .portlet-message-boards form .thread-controls .thread-actions td {
      padding: 0 10px; }
  .portlet-message-boards form .message-container .user-info img.avatar {
    border-radius: 50%; }
  .portlet-message-boards form .message-container .user-info .user-details .thread-user-rank,
  .portlet-message-boards form .message-container .user-info .user-details .thread-user-post-count {
    font: 300 14px 'Telefonica-Bold',sans-serif; }
    .portlet-message-boards form .message-container .user-info .user-details .thread-user-rank span,
    .portlet-message-boards form .message-container .user-info .user-details .thread-user-post-count span {
      font: 300 14px 'Telefonica-Regular', sans-serif; }
  .portlet-message-boards form .message-container .user-info .user-details .thread-user-join-date, .portlet-message-boards form .message-container .user-info .user-details > span {
    display: none; }
  .portlet-message-boards form .thread-top .subject {
    font-size: 11px; }
    .portlet-message-boards form .thread-top .subject a {
      font: 300 14px 'Telefonica-Regular', sans-serif; }
  .portlet-message-boards form .thread-top .edit-controls {
    margin-top: 5px; }
  .portlet-message-boards form .thread-body {
    padding: 15px 5px; }
  .portlet-message-boards form .thread-bottom .taglib-ratings {
    display: none; }
  .portlet-message-boards form .thread-bottom .taglib-flags {
    margin: 10px; }
    .portlet-message-boards form .thread-bottom .taglib-flags .taglib-icon img,
    .portlet-message-boards form .thread-bottom .taglib-flags .taglib-icon .taglib-text {
      display: inline-block;
      vertical-align: middle; }
  .portlet-message-boards form .thread-bottom .edit-controls {
    margin-top: -10px; }

.editarPerfilUsuario-portlet .datosRegistro {
  padding: 10px 30px; }
  .editarPerfilUsuario-portlet .datosRegistro form > p {
    display: none; }
  .editarPerfilUsuario-portlet .datosRegistro form .aui-fieldset .aui-field .aui-field-content {
    position: relative;
    background: #f5f7f8; }
    .editarPerfilUsuario-portlet .datosRegistro form .aui-fieldset .aui-field .aui-field-content label {
      position: absolute;
      top: 10px;
      left: 10px;
      font: 300 14px "Telefonica-Bold", sans-serif;
      color: #004456; }
    .editarPerfilUsuario-portlet .datosRegistro form .aui-fieldset .aui-field .aui-field-content .aui-field-element {
      width: 100%;
      background: transparent; }
      .editarPerfilUsuario-portlet .datosRegistro form .aui-fieldset .aui-field .aui-field-content .aui-field-element .aui-field-input:not(select) {
        border: 0 !important;
        width: 100%;
        background: transparent !important;
        padding-top: 35px !important;
        font: 300 14px "Telefonica-Regular", sans-serif;
        color: #909aa2; }
      .editarPerfilUsuario-portlet .datosRegistro form .aui-fieldset .aui-field .aui-field-content .aui-field-element select {
        margin: 0px 10px;
        margin-bottom: 10px;
        width: calc(100% - 20px);
        background: white url(/lideres-digitales-theme/images/custom/common/arrow_simple.svg) no-repeat scroll calc(100% - 10px) 50%;
        background-size: 15px; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_foto {
    display: none !important; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento .aui-field .aui-field-content .aui-field-element,
  .editarPerfilUsuario-portlet .datosRegistro .capa_Genero .aui-field .aui-field-content .aui-field-element,
  .editarPerfilUsuario-portlet .datosRegistro .capa_country .aui-field .aui-field-content .aui-field-element,
  .editarPerfilUsuario-portlet .datosRegistro .capa_zonaHoraria .aui-field .aui-field-content .aui-field-element {
    padding-top: 35px; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_zonaHoraria .aui-fieldset .aui-field .aui-field-content .aui-field-element select {
    margin-bottom: -10px; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento {
    position: relative;
    background: #f5f7f8;
    margin-bottom: 20px; }
    .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento label {
      position: absolute;
      top: 10px;
      left: 10px;
      font: 300 14px "Telefonica-Bold", sans-serif;
      color: #004456; }
    .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento .aui-datepicker {
      float: none;
      margin-top: 40px;
      margin-left: 10px; }
      .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento .aui-datepicker .aui-datepicker-content > div {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        float: none !important;
        margin: 0;
        padding: 0; }
      .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento .aui-datepicker select {
        width: auto !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        background: white url(/lideres-digitales-theme/images/custom/common/arrow_simple.svg) no-repeat scroll calc(100% - 10px) 50%;
        background-size: 15px; }
    .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento button {
      margin: 0;
      background: transparent;
      border: 0;
      padding: 0;
      line-height: 1;
      display: block;
      width: 20px;
      height: 20px; }
      .editarPerfilUsuario-portlet .datosRegistro .capa_nacimiento button .aui-icon {
        background: transparent url(/lideres-digitales-theme/images/custom/common/ico_fecha.svg) no-repeat center;
        background-size: 16px !important;
        width: 20px;
        height: 20px; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_TwitterId span.aui-field .aui-field-content label,
  .editarPerfilUsuario-portlet .datosRegistro .capa_FacebookID span.aui-field .aui-field-content label {
    font: 300 14px "Telefonica-Regular", sans-serif;
    position: relative; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_TwitterId span.aui-field .aui-field-content .aui-field-element,
  .editarPerfilUsuario-portlet .datosRegistro .capa_FacebookID span.aui-field .aui-field-content .aui-field-element {
    position: relative; }
    .editarPerfilUsuario-portlet .datosRegistro .capa_TwitterId span.aui-field .aui-field-content .aui-field-element:before,
    .editarPerfilUsuario-portlet .datosRegistro .capa_FacebookID span.aui-field .aui-field-content .aui-field-element:before {
      content: "";
      width: 35px;
      height: 35px;
      display: block;
      position: absolute;
      background: transparent url(/lideres-digitales-theme/images/custom/redes/twitter_g.svg) no-repeat center;
      background-size: 32px;
      bottom: 18px;
      left: 15px; }
    .editarPerfilUsuario-portlet .datosRegistro .capa_TwitterId span.aui-field .aui-field-content .aui-field-element input.aui-field-input,
    .editarPerfilUsuario-portlet .datosRegistro .capa_FacebookID span.aui-field .aui-field-content .aui-field-element input.aui-field-input {
      border: 1px solid #e3e3e3 !important;
      background: white !important;
      padding: 10px !important;
      width: calc(100% - 70px);
      margin: 10px;
      margin-bottom: 15px;
      margin-top: 20px;
      margin-left: 60px; }
  .editarPerfilUsuario-portlet .datosRegistro .capa_FacebookID span.aui-field .aui-field-content {
    margin: 0 !important; }
    .editarPerfilUsuario-portlet .datosRegistro .capa_FacebookID span.aui-field .aui-field-content .aui-field-element:before {
      background: transparent url(/lideres-digitales-theme/images/custom/redes/face_g.svg) no-repeat center;
      background-size: 32px; }

.TusBadges-portlet .badge-social-display,
.TusBadges-portlet .list_icoText li {
  position: relative;
  background: #eeeeee;
  margin: 30px auto;
  width: 90%;
  max-width: 500px;
  display: block;
  float: none;
  padding: 40px 50px; }
.TusBadges-portlet .list_icoText li {
  padding: 20px; }
  .TusBadges-portlet .list_icoText li br {
    display: none; }
  .TusBadges-portlet .list_icoText li .clickbad {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
    margin-left: 15px; }
    .TusBadges-portlet .list_icoText li .clickbad.spanBad {
      font: 300 20px "Telefonica-Regular", sans-serif;
      color: #004456; }
  .TusBadges-portlet .list_icoText li img.clickbad {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 100px; }
  .TusBadges-portlet .list_icoText li .bbuttons {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    .TusBadges-portlet .list_icoText li .bbuttons .diploma {
      -webkit-appearance: none;
      appearance: none;
      display: inline-block;
      width: auto;
      margin: 10px 0;
      margin-right: 10px;
      padding: 10px 25px;
      border-radius: 0;
      border: 1px solid #70c2da;
      color: white;
      font: 100 14px 'Telefonica-Bold',sans-serif;
      letter-spacing: 2.5px;
      cursor: pointer;
      box-shadow: none;
      text-transform: uppercase;
      background: white;
      color: #70c2da; }
      .TusBadges-portlet .list_icoText li .bbuttons .diploma:hover {
        background: #70c2da;
        color: white; }
  .TusBadges-portlet .list_icoText li .oculto {
    display: none; }

.mydiplomas-portlet .taglib-page-iterator {
  display: none; }
.mydiplomas-portlet .taglib-search-iterator {
  display: block; }
  .mydiplomas-portlet .taglib-search-iterator thead {
    display: none; }
  .mydiplomas-portlet .taglib-search-iterator tbody {
    display: block; }
    .mydiplomas-portlet .taglib-search-iterator tbody tr {
      position: relative;
      background: #eee;
      margin: 30px auto;
      width: 90%;
      max-width: 500px;
      display: block;
      float: none;
      padding: 20px; }
      .mydiplomas-portlet .taglib-search-iterator tbody tr td {
        display: block;
        border: 0;
        text-align: center;
        margin-top: 40px; }
        .mydiplomas-portlet .taglib-search-iterator tbody tr td.col-1 {
          margin-top: 0; }
          .mydiplomas-portlet .taglib-search-iterator tbody tr td.col-1 a {
            font: 300 20px "Telefonica-Regular", sans-serif;
            color: #004456; }
            .mydiplomas-portlet .taglib-search-iterator tbody tr td.col-1 a:hover {
              color: #70c2da; }
        .mydiplomas-portlet .taglib-search-iterator tbody tr td.col-2 a {
          -webkit-appearance: none;
          appearance: none;
          display: inline-block;
          width: auto;
          margin: 10px 0;
          padding: 10px 25px;
          border-radius: 0;
          border: 1px solid #70c2da;
          color: white;
          font: 300 14px "Telefonica-Bold", sans-serif;
          letter-spacing: 2.5px;
          cursor: pointer;
          box-shadow: none;
          text-transform: uppercase;
          background: white;
          color: #70c2da; }
          .mydiplomas-portlet .taglib-search-iterator tbody tr td.col-2 a:hover {
            color: white;
            background: #70c2da; }
        .mydiplomas-portlet .taglib-search-iterator tbody tr td.col-date {
          position: absolute;
          margin: 0;
          bottom: 95px;
          width: 100%;
          left: 0; }
      .mydiplomas-portlet .taglib-search-iterator tbody tr.lfr-template {
        display: none !important; }

.familiarMenu #menuAdministracion .boton {
  background: transparent !important;
  border: 0 !important; }
  .familiarMenu #menuAdministracion .boton a {
    display: block;
    padding: 30px;
    padding-left: 50px;
    position: relative; }
    .familiarMenu #menuAdministracion .boton a .textoEnlace {
      font: 300 20px "Telefonica-Bold", sans-serif;
      color: #70c2da;
      text-transform: capitalize; }
    .familiarMenu #menuAdministracion .boton a:before {
      content: "+";
      color: white;
      position: absolute;
      z-index: 99;
      font: 300 14px "Telefonica-ExtraLight", sans-serif;
      top: 33px;
      left: 20px;
      transform: scale(3.5);
      -webkit-transform: scale(3.5);
      -moz-transform: scale(3.5);
      -ms-transform: scale(3.5);
      -o-transform: scale(3.5); }
    .familiarMenu #menuAdministracion .boton a:after {
      content: "";
      background: #70c2da;
      width: 40px;
      height: 40px;
      display: block;
      position: absolute;
      border-radius: 50%;
      top: 22px;
      left: 0px; }
    .familiarMenu #menuAdministracion .boton a:hover {
      color: #004456; }
      .familiarMenu #menuAdministracion .boton a:hover .textoEnlace {
        color: #004456; }
      .familiarMenu #menuAdministracion .boton a:hover:after {
        background: #004456; }
    .familiarMenu #menuAdministracion .boton a .imgboton {
      display: none; }
.familiarMenu #menuAdministracion .datosUsuario {
  display: none!important; }

.gestionHijos-portlet {
  background: transparent; }
  .gestionHijos-portlet .results-grid {
    background: transparent;
    border: 0; }
  .gestionHijos-portlet .gestionHijos {
    background: #f5f7f8; }
    .gestionHijos-portlet .gestionHijos thead {
      display: none; }
    .gestionHijos-portlet .gestionHijos .lfr-search-container table tr {
      margin: 15px 30px;
      display: inline-block;
      width: calc(100% - 60px);
      border: 1px solid #d0d2d3;
      border-radius: 5px;
      background: white; }
      .gestionHijos-portlet .gestionHijos .lfr-search-container table tr.lfr-template {
        display: none; }
      .gestionHijos-portlet .gestionHijos .lfr-search-container table tr:nth-child(2) {
        margin-top: 30px; }
      .gestionHijos-portlet .gestionHijos .lfr-search-container table tr td {
        width: 100%;
        display: inline-block;
        padding: 0;
        border: 0; }
    .gestionHijos-portlet .gestionHijos .hijo {
      display: block;
      height: 120px;
      border-bottom: 1px solid #d0d2d3; }
      .gestionHijos-portlet .gestionHijos .hijo .profile {
        display: inline-block;
        width: calc(100% - 255px);
        vertical-align: top;
        height: 120px; }
        .gestionHijos-portlet .gestionHijos .hijo .profile .user-profile-image {
          margin: 0;
          display: inline-block;
          height: 100%;
          width: 120px;
          height: 120px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%; }
          .gestionHijos-portlet .gestionHijos .hijo .profile .user-profile-image.flex {
            display: inline-flex;
            vertical-align: middle;
            justify-content: center;
            align-items: center; }
          .gestionHijos-portlet .gestionHijos .hijo .profile .user-profile-image .no-foto {
            border-radius: 50%;
            overflow: hidden;
            color: white;
            padding: 15px 20px;
            background: #70c2da;
            font-size: 32px;
            text-transform: uppercase; }
          .gestionHijos-portlet .gestionHijos .hijo .profile .user-profile-image img {
            border: 0;
            margin: 10px;
            height: calc(100% - 20px);
            margin-left: 20px;
            max-width: none;
            width: auto; }
      .gestionHijos-portlet .gestionHijos .hijo .botones {
        width: 250px;
        display: inline-block;
        vertical-align: top;
        height: 120px; }
        .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones {
          width: 49%;
          display: inline-block;
          height: 120px;
          vertical-align: top;
          background: transparent url(/lideres-digitales-theme/images/custom/svg/config.svg) no-repeat center;
          background-size: 30px !important;
          transition: all .3s;
          cursor: pointer;
          position: relative;
          border-left: 1px solid #d0d2d3; }
          .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones {
            height: 0;
            min-height: 0;
            transition: all .3s;
            overflow: hidden;
            background: white;
            position: absolute;
            top: 45px;
            right: 80px;
            border: 1px solid transparent;
            padding: 0;
            border-radius: 5px; }
            .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul {
              margin: 0; }
              .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul li {
                display: inline-block;
                width: 100%; }
                .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul li a {
                  padding: 15px;
                  padding-left: 35px;
                  display: inline-block;
                  white-space: nowrap;
                  width: 100%;
                  position: relative;
                  color: #004456;
                  background: transparent; }
                  .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul li a:before {
                    content: "";
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    display: block;
                    background: transparent;
                    background-size: 15px!important;
                    top: 12px;
                    left: 7px; }
                  .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul li a:hover {
                    color: #70c2da;
                    background: #eeeeee; }
                .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul li.iconModificar a:before {
                  background: transparent url(/lideres-digitales-theme/images/common/edit.png) no-repeat center;
                  background-size: 18px!important; }
                .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones .listaOpciones ul li.iconContrasena a:before {
                  background: transparent url(/lideres-digitales-theme/images/custom/common/locked.svg) no-repeat center; }
          .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones:hover {
            background: transparent url(/lideres-digitales-theme/images/custom/svg/config_h.svg) no-repeat center;
            transition: all .3s;
            background-size: 30px !important; }
            .gestionHijos-portlet .gestionHijos .hijo .botones .menuAcciones:hover .listaOpciones {
              height: auto;
              min-height: 90px;
              transition: all .3s;
              overflow: hidden;
              border: 1px solid #d0d2d3; }
        .gestionHijos-portlet .gestionHijos .hijo .botones .inscribirHijo {
          width: 49%;
          display: inline-block;
          height: 120px;
          vertical-align: top;
          cursor: pointer;
          background: transparent url(/lideres-digitales-theme/images/custom/svg/new_child.svg) no-repeat center;
          transition: all .3s;
          background-size: 30px !important;
          border-left: 1px solid #d0d2d3; }
          .gestionHijos-portlet .gestionHijos .hijo .botones .inscribirHijo:hover {
            background: transparent url(/lideres-digitales-theme/images/custom/svg/new_child_h.svg) no-repeat center;
            transition: all .3s;
            background-size: 30px !important; }
    .gestionHijos-portlet .gestionHijos .curso {
      display: inline-block;
      width: 100%;
      margin-bottom: -3px; }
      .gestionHijos-portlet .gestionHijos .curso .lfr-search-container table tr {
        border: 0;
        margin: 0;
        width: 100%; }
        .gestionHijos-portlet .gestionHijos .curso .lfr-search-container table tr:nth-child(odd) {
          background: #f5f7f8; }
        .gestionHijos-portlet .gestionHijos .curso .lfr-search-container table tr td {
          padding: 20px 60px;
          position: relative; }
          .gestionHijos-portlet .gestionHijos .curso .lfr-search-container table tr td.col-2 {
            display: none !important; }
      .gestionHijos-portlet .gestionHijos .curso .portlet-msg-info, .gestionHijos-portlet .gestionHijos .curso .portlet-msg-help, .gestionHijos-portlet .gestionHijos .curso .lfr-message-help, .gestionHijos-portlet .gestionHijos .curso .portlet-msg-progress, .gestionHijos-portlet .gestionHijos .curso .lfr-message-progress,
      .gestionHijos-portlet .gestionHijos .curso .bajaCurso {
        display: none; }
      .gestionHijos-portlet .gestionHijos .curso .course-title {
        margin: 0;
        display: inline-block;
        width: 90px;
        vertical-align: middle; }
      .gestionHijos-portlet .gestionHijos .curso .nombreCurso {
        margin: 0;
        display: inline-block;
        width: calc(100% - 110px);
        vertical-align: middle;
        margin-left: 20px; }
      .gestionHijos-portlet .gestionHijos .curso .course-title {
        border-radius: 50%;
        height: 70px;
        width: 70px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 5px;
        left: 60px; }
      .gestionHijos-portlet .gestionHijos .curso .reto {
        display: inline-block;
        vertical-align: middle;
        margin-left: 85px;
        width: calc(100% - 85px); }
        .gestionHijos-portlet .gestionHijos .curso .reto .tituloReto {
          text-transform: uppercase;
          font: 300 14px "Telefonica-Bold", sans-serif;
          color: #004456;
          margin-right: 5px; }
      .gestionHijos-portlet .gestionHijos .curso .equipo {
        display: inline-block;
        vertical-align: middle;
        margin-left: 85px;
        width: calc(100% - 85px); }
        .gestionHijos-portlet .gestionHijos .curso .equipo .tituloEquipo {
          text-transform: uppercase;
          font: 300 14px "Telefonica-Bold", sans-serif;
          color: #004456;
          margin-right: 5px; }
  .gestionHijos-portlet .contenedor_pass,
  .gestionHijos-portlet .contenedor_datos {
    max-width: 600px;
    margin: 30px auto;
    width: 90%;
    padding: 30px;
    background: #f5f7f8; }
    .gestionHijos-portlet .contenedor_pass .cabecera,
    .gestionHijos-portlet .contenedor_datos .cabecera {
      font-size: 20px;
      margin-bottom: 15px; }
    .gestionHijos-portlet .contenedor_pass .formulario .aui-field,
    .gestionHijos-portlet .contenedor_datos .formulario .aui-field {
      display: inline-block;
      width: 100%;
      margin-bottom: 10px; }
      .gestionHijos-portlet .contenedor_pass .formulario .aui-field input,
      .gestionHijos-portlet .contenedor_datos .formulario .aui-field input {
        width: 100%; }
    .gestionHijos-portlet .contenedor_pass .formulario .aui-button-holder,
    .gestionHijos-portlet .contenedor_datos .formulario .aui-button-holder {
      text-align: center; }
  .gestionHijos-portlet .imageNoResults img {
    max-width: 400px;
    margin: 40px auto;
    display: block; }
  .gestionHijos-portlet .course-title img {
    width: 100%; }

.rateproject-portlet h1.name {
  padding: 20px; }
.rateproject-portlet .counter {
  text-align: right; }
  .rateproject-portlet .counter #counter {
    font-size: 27px;
    padding: 0;
    width: 200px;
    display: inline-block;
    text-align: right; }
  .rateproject-portlet .counter a {
    background: url(/lideres-digitales-theme/images/custom/common/replay.svg) no-repeat center;
    width: 30px;
    height: 40px;
    vertical-align: top;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 0;
    font-size: 0;
    margin: 0;
    text-indent: 999999px; }
    .rateproject-portlet .counter a:hover {
      transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
      -o-transform: rotate(-360deg); }
.rateproject-portlet .tabs-select {
  display: none; }
.rateproject-portlet .tabs-custom .tabs-content .tab:after {
  content: "";
  width: 1px;
  height: calc(100% - 10px);
  position: absolute;
  background: #d0d2d3;
  top: 5px;
  right: -4px;
  display: block; }
.rateproject-portlet .tabs-custom .tabs-content .tab:last-child:after {
  display: none; }
.rateproject-portlet .content-tab {
  padding: 30px;
  padding-top: 15px; }
  .rateproject-portlet .content-tab form {
    max-width: 550px;
    padding: 0 20px; }
    .rateproject-portlet .content-tab form .contentEditor {
      background: #f5f7f8;
      padding: 10px;
      margin-top: 20px;
      display: inline-block;
      width: 100%; }
    .rateproject-portlet .content-tab form .question {
      margin-bottom: 30px; }
    .rateproject-portlet .content-tab form .questiontext {
      margin-bottom: -5px; }
    .rateproject-portlet .content-tab form textarea {
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      background: transparent !important;
      border: 0 !important;
      padding: 0 !important;
      padding-top: 10px !important; }

div.aui-dialog.familia-ui-dialog .aui-panel-content .yui3-widget-hd, div.aui-dialog.new_project-ui-dialog .aui-panel-content .yui3-widget-hd, div.aui-dialog.project-ui-dialog .aui-panel-content .yui3-widget-hd, div.aui-dialog.confirm-dialog .aui-panel-content .yui3-widget-hd {
  background: transparent !important;
  padding: 20px 5px; }
div.aui-dialog.familia-ui-dialog .aui-panel-content, div.aui-dialog.new_project-ui-dialog .aui-panel-content, div.aui-dialog.project-ui-dialog .aui-panel-content, div.aui-dialog.confirm-dialog .aui-panel-content {
  max-width: 600px;
  width: 90%; }
div.aui-dialog.familia-ui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick, div.aui-dialog.new_project-ui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick, div.aui-dialog.project-ui-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick, div.aui-dialog.confirm-dialog .aui-panel-content .yui3-widget-hd .aui-toolbar .aui-toolbar-content #closethick {
  background: transparent url(/lideres-digitales-theme/images/custom/common/ico_cross_b.svg) no-repeat center;
  background-size: 100%;
  top: 0;
  right: 5px; }
div.aui-dialog.new_project-ui-dialog .container .window .header .title {
  position: absolute;
  top: 20px;
  left: 20px;
  font: 300 16px "Telefonica-Bold", sans-serif;
  text-transform: uppercase; }
div.aui-dialog.project-ui-dialog .aui-panel-content .yui3-widget-hd .aui-panel-hd-text {
  position: absolute;
  top: 20px;
  left: 20px;
  font: 300 16px "Telefonica-Bold", sans-serif;
  text-transform: uppercase;
  color: #004456; }
div.aui-dialog.project-ui-dialog .aui-panel-content .aui-dialog-bd {
  padding-top: 0;
  border: 0;
  overflow-y: visible; }
div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list {
  margin: 0 -20px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
  border-top: 10px solid #d6dedf;
  border-bottom: 10px solid #d6dedf; }
  div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li {
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
    float: none;
    vertical-align: middle;
    display: inline-block;
    font: 300 12px "Telefonica-Bold", sans-serif;
    letter-spacing: 1.5px;
    color: #909aa2;
    text-transform: uppercase;
    position: relative;
    min-width: 100px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li:after {
      content: "";
      width: 1px;
      height: calc(100% - 10px);
      position: absolute;
      background: #d0d2d3;
      top: 5px;
      right: -4px;
      display: block; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li:before {
      content: "";
      width: 100%;
      height: 2px;
      position: absolute;
      bottom: 0;
      background: #004456;
      left: 0;
      opacity: 0; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li.current:before {
      opacity: 1; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li.current a {
      color: #004456; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li .aui-tab-content {
      background: transparent !important;
      box-shadow: none !important;
      border: 0 !important; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li a {
      color: #909aa2;
      padding: 20px; }
      div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li a:hover {
        color: #004456; }
    div.aui-dialog.project-ui-dialog .container .window .content .aui-tabview-list li:last-child .aui-tab-content {
      border: 0; }
div.aui-dialog.project-ui-dialog .container .window .content form {
  padding: 10px;
  max-width: 500px; }
  div.aui-dialog.project-ui-dialog .container .window .content form > p {
    display: none; }
  div.aui-dialog.project-ui-dialog .container .window .content form .aui-field .aui-field-content {
    position: relative;
    background: #f5f7f8;
    margin-bottom: 20px; }
    div.aui-dialog.project-ui-dialog .container .window .content form .aui-field .aui-field-content label {
      position: absolute;
      top: 10px;
      left: 10px;
      font: 300 14px "Telefonica-Bold", sans-serif;
      color: #004456; }
    div.aui-dialog.project-ui-dialog .container .window .content form .aui-field .aui-field-content .aui-field-element {
      width: 100%;
      background: transparent;
      border-bottom: 2px solid #f5f7f8; }
      div.aui-dialog.project-ui-dialog .container .window .content form .aui-field .aui-field-content .aui-field-element .aui-field-input:not(select) {
        border: 0 !important;
        width: 100%;
        background: transparent !important;
        padding-top: 35px !important;
        font: 300 14px "Telefonica-Regular", sans-serif;
        color: #909aa2; }
      div.aui-dialog.project-ui-dialog .container .window .content form .aui-field .aui-field-content .aui-field-element select {
        margin: 0px 10px;
        margin-bottom: 10px;
        width: calc(100% - 20px);
        background: white url(/lideres-digitales-theme/images/custom/common/arrow_simple.svg) no-repeat scroll calc(100% - 10px) 50%;
        background-size: 15px; }
      div.aui-dialog.project-ui-dialog .container .window .content form .aui-field .aui-field-content .aui-field-element textarea {
        width: 100% !important; }
  div.aui-dialog.project-ui-dialog .container .window .content form .aui-field.aui-form-validator-error-container .aui-field-element {
    background: url(/lideres-digitales-theme/images/messages/error.png) no-repeat scroll 100% 50%;
    padding-right: 20px;
    background-size: 45px;
    border-bottom: 2px solid #f60000; }
div.aui-dialog.project-ui-dialog .container .window .projectTab {
  overflow-y: auto;
  max-height: 65vh;
  padding: 20px;
  padding-top: 50px;
  margin: -20px;
  position: relative; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .portlet-msg-error,
  div.aui-dialog.project-ui-dialog .container .window .projectTab .portlet-msg-success {
    position: absolute;
    top: 4px;
    width: 100%;
    left: 0; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .form-equipo form {
    margin-right: 15px;
    background: #f5f7f8; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .form-equipo form .aui-field .aui-field-content {
      background: white; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .form-equipo form .aui-field .aui-field-content .aui-field-element {
        border: 0; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .contenido {
    background: #f5f7f8;
    padding: 16px 20px;
    border: 1px solid #929497; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .contenido ol,
    div.aui-dialog.project-ui-dialog .container .window .projectTab .contenido ul {
      list-style: decimal outside !important;
      margin: 0;
      margin-left: 10px; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .contenido ol li,
      div.aui-dialog.project-ui-dialog .container .window .projectTab .contenido ul li {
        margin: 5px 0; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #d0d2d3; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante {
      position: relative;
      background: transparent;
      margin: 10px 0; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante.alias {
        opacity: .4; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante {
        padding: 10px;
        border: 0;
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 40px);
        padding-left: 40px;
        background: #f5f7f8;
        margin: 0 20px;
        position: relative; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante .svg.delegate {
          margin-top: 10px;
          stroke: transparent; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante .svg.delete {
          margin-top: 4px;
          stroke: transparent; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante:before {
          position: absolute;
          left: 9px;
          top: 12px;
          font-size: 30px; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante img {
          max-width: 40px;
          border-radius: 50%;
          overflow: hidden; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante .studentDataGrid {
          margin-left: 10px;
          vertical-align: middle; }
          div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante .studentDataGrid .studentName {
            font: 300 14px "Telefonica-Bold", sans-serif;
            color: #004456; }
          div.aui-dialog.project-ui-dialog .container .window .projectTab .estudiantes-list .col-estudiante .estudiante .studentDataGrid .studentCategory {
            font: 300 14px "Telefonica-Regular", sans-serif;
            color: #909aa2; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .claseCreada {
    background: #f5f7f8;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px 30px; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .claseCreada .claseGenerada1 {
      font: 300 14px "Telefonica-Bold", sans-serif;
      color: #004456;
      text-align: center;
      display: block;
      margin-bottom: 10px; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .claseCreada .codigoGenerado {
      display: block;
      text-align: center;
      margin: 0;
      padding: 40px;
      font: 300 30px "Telefonica-Light", sans-serif;
      color: #70c2da;
      font-size: 40px;
      background: transparent url(/lideres-digitales-theme/images/custom/codigo_stud.png) no-repeat center;
      background-size: 215px; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .claseCreada .claseGenerada3 {
      padding: 0 50px;
      text-align: center;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #d0d2d3; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .claseCreada .buttonHolder {
      position: relative;
      bottom: 10px;
      left: 0;
      display: block;
      text-align: center;
      width: 100%;
      padding-top: 100px;
      background: transparent url(/lideres-digitales-theme/images/custom/download.png) no-repeat 50% 40px;
      background-size: 50px; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .claseCreada .buttonHolder input {
        margin: 0; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades {
    max-width: 500px;
    margin: 0 auto; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo {
      background: #f5f7f8;
      padding: 10px;
      margin: 10px;
      display: inline-block;
      width: 100%;
      position: relative; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo h4,
      div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .fechaModulo {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        font: 300 14px "Telefonica-Light", sans-serif; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo h4 {
        font: 300 14px "Telefonica-Bold", sans-serif;
        color: #70c2da;
        text-transform: uppercase;
        margin-right: 5px;
        padding-right: 5px;
        border-right: 1px solid #929497; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad {
        width: calc(100% - 90px); }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .titulo {
          display: block;
          font: 300 14px "Telefonica-Bold", sans-serif;
          color: #004456;
          margin-bottom: 10px; }
          div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .titulo p, div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .titulo span {
            font: 300 14px "Telefonica-Bold", sans-serif;
            color: #004456;
            margin: 0; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .descripcion {
          font: 300 14px "Telefonica-Regular", sans-serif;
          color: #909aa2; }
          div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .descripcion p, div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .descripcion span, div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .descripcion ul li {
            font: 300 14px "Telefonica-Regular", sans-serif !important;
            color: #909aa2 !important;
            background: transparent !important; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .entregado,
        div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .no-entregado {
          position: absolute;
          top: 0;
          right: 0;
          width: 100px;
          height: 100%;
          border-left: 1px solid white;
          background: transparent url(/lideres-digitales-theme/images/custom/entregado.png) no-repeat center;
          background-size: 35px; }
        div.aui-dialog.project-ui-dialog .container .window .projectTab .listadoActividades .modulo .actividad .no-entregado {
          background: transparent url(/lideres-digitales-theme/images/custom/no-entregado.png) no-repeat center;
          background-size: 35px; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .noEvaluado {
    min-height: 200px;
    text-align: center; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .noEvaluado img {
      max-width: 500px;
      width: 100%; }
  div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto {
    max-width: 500px;
    margin: 20px auto;
    width: 100%; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto h2 {
      text-align: center;
      font: 300 16px "Telefonica-Bold", sans-serif;
      color: #004456;
      margin: 0; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto p {
      text-align: center;
      padding: 10px 30px;
      color: #909aa2; }
    div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto .valoracion {
      background: #f5f7f8;
      padding: 20px;
      width: 100%; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto .valoracion h3 {
        font: 300 16px "Telefonica-Bold", sans-serif;
        color: #004456;
        text-align: left;
        margin: 0;
        margin-bottom: 15px; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto .valoracion p {
        color: #909aa2;
        text-align: left;
        padding: 0; }
      div.aui-dialog.project-ui-dialog .container .window .projectTab .valoracionReto .valoracion .nota {
        text-align: center;
        display: block;
        color: #70c2da;
        font: 300 16px "Telefonica-Bold", sans-serif;
        font-size: 40px; }
div.aui-dialog.confirm-dialog {
  z-index: 9999999 !important; }
  div.aui-dialog.confirm-dialog .aui-panel-content {
    max-height: 300px; }
    div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-bd {
      height: 100px !important;
      text-align: center;
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }
    div.aui-dialog.confirm-dialog .aui-panel-content .yui3-widget-hd .aui-panel-hd-text {
      color: #004456;
      font: 300 16px "Telefonica-Bold", sans-serif;
      text-align: center;
      display: block;
      text-align: center;
      float: none; }
    div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button {
      border: 0;
      width: 175px;
      background: transparent;
      color: #70c2da;
      text-transform: uppercase;
      font: 300 16px "Telefonica-Bold", sans-serif;
      letter-spacing: 1.5px; }
      div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button span {
        color: #70c2da; }
      div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button:hover {
        background: #70c2da;
        color: white; }
        div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button:hover span {
          color: white; }
      div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button#confirmBtn {
        float: right;
        background: #fa5f01;
        color: white; }
        div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button#confirmBtn span {
          color: white; }
        div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button#confirmBtn:hover {
          background: white;
          color: #fa5f01; }
          div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button#confirmBtn:hover span {
            color: #fa5f01; }
      div.aui-dialog.confirm-dialog .aui-panel-content .aui-dialog-ft button#cancelBtn {
        float: left; }
div.aui-dialog.familia-ui-dialog .anadirCodigoClase .subtitulo {
  display: none; }
div.aui-dialog.familia-ui-dialog .avisoLegal p {
  display: inline-block;
  width: calc(100% - 60px);
  vertical-align: top;
  margin-left: 10px; }
  div.aui-dialog.familia-ui-dialog .avisoLegal p a {
    color: #70c2da; }
div.aui-dialog.familia-ui-dialog .nuevoHijo .titulo,
div.aui-dialog.familia-ui-dialog .anadirCodigoClase .titulo {
  position: absolute;
  top: 20px;
  left: 20px;
  font: 300 16px "Telefonica-Bold", sans-serif;
  text-transform: uppercase; }
div.aui-dialog.familia-ui-dialog .nuevoHijo .subtitulo,
div.aui-dialog.familia-ui-dialog .anadirCodigoClase .subtitulo {
  margin-bottom: 15px; }
div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-field,
div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-field {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  background: #f5f7f8;
  padding: 15px 10px; }
  div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-field.aui-field-wrapper,
  div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-field.aui-field-wrapper {
    padding: 0;
    background: transparent; }
  div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-field label,
  div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-field label {
    font: 300 12px "Telefonica-Bold", sans-serif;
    color: #004456; }
  div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-field input,
  div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-field input {
    border: 0;
    background: transparent;
    width: 100%;
    padding-left: 0; }
  div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-field select,
  div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-field select {
    background-color: white; }
div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-button-holder,
div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-button-holder {
  text-align: center; }
  div.aui-dialog.familia-ui-dialog .nuevoHijo form .aui-button-holder input,
  div.aui-dialog.familia-ui-dialog .anadirCodigoClase form .aui-button-holder input {
    width: 200px; }

/*$loops: 4;
@for $i from 0 through $loops {
    .columna-1 .col-estudiante:nth-child(#{$i+1}) .estudiante:before{
        content: "#{$i+1}.";
    }
}
@for $i from 0 through $loops {
    .columna-2 .col-estudiante:nth-child(#{$i+1}) .estudiante:before{
        content: "#{$i+$loops+1}.";
    }
}*/
.inscription-portlet .boton {
  position: absolute;
  width: 200px;
  text-align: center;
  bottom: 0;
  left: 50px; }
.inscription-portlet .content {
  padding: 10px 30px;
  max-width: 500px;
  margin: 0 auto; }
  .inscription-portlet .content form > p {
    display: none; }
  .inscription-portlet .content form .aui-field .aui-field-content {
    position: relative;
    background: #f5f7f8;
    margin-bottom: 20px; }
    .inscription-portlet .content form .aui-field .aui-field-content label {
      position: absolute;
      top: 10px;
      left: 10px;
      font: 300 14px "Telefonica-Bold", sans-serif;
      color: #004456; }
      .inscription-portlet .content form .aui-field .aui-field-content label.aui-form-validator-stack-error {
        width: 100%;
        left: 0;
        top: 100%;
        height: 0;
        z-index: 0; }
        .inscription-portlet .content form .aui-field .aui-field-content label.aui-form-validator-stack-error .aui-form-validator-message {
          width: 100% !important;
          top: initial;
          display: inline-block;
          position: absolute;
          /* clip: auto; */
          bottom: -16px;
          background: transparent;
          font: 300 12px "Telefonica-Light", sans-serif; }
    .inscription-portlet .content form .aui-field .aui-field-content .aui-field-element {
      width: 100%;
      background: transparent;
      border-bottom: 2px solid #f5f7f8; }
      .inscription-portlet .content form .aui-field .aui-field-content .aui-field-element .aui-field-input:not(select) {
        border: 0 !important;
        width: 100%;
        background: transparent !important;
        padding-top: 35px !important;
        font: 300 14px "Telefonica-Regular", sans-serif;
        color: #909aa2; }
      .inscription-portlet .content form .aui-field .aui-field-content .aui-field-element select {
        margin: 0px 10px;
        margin-bottom: 10px;
        width: calc(100% - 20px);
        background: white url(/lideres-digitales-theme/images/custom/common/arrow_simple.svg) no-repeat scroll calc(100% - 10px) 50%;
        background-size: 15px; }
      .inscription-portlet .content form .aui-field .aui-field-content .aui-field-element textarea {
        width: 100% !important; }
  .inscription-portlet .content form .aui-field.aui-form-validator-error-container .aui-field-element {
    background: url(/lideres-digitales-theme/images/messages/error.png) no-repeat scroll 100% 50%;
    padding-right: 20px;
    background-size: 45px;
    border-bottom: 2px solid #f60000; }
.inscription-portlet .portlet-msg-success,
.inscription-portlet .portlet-msg-error {
  display: none !important; }

.cambiopassword-portlet {
  position: relative;
  background: #f5f7f8;
  margin: 15px;
  padding: 15px;
  padding-bottom: 0; }
  .cambiopassword-portlet header.portlet-topper {
    border: 0; }
  .cambiopassword-portlet h1.portlet-title {
    position: relative;
    font: 300 14px "Telefonica-Bold", sans-serif !important;
    color: #004456;
    padding: 0 !important;
    margin-bottom: 10px; }
  .cambiopassword-portlet form .aui-fieldset .aui-field .aui-field-content .aui-field-element {
    position: relative; }
    .cambiopassword-portlet form .aui-fieldset .aui-field .aui-field-content .aui-field-element input {
      letter-spacing: 10px; }

.faq-portlet h1.tituloFAQ {
  text-align: left;
  margin-bottom: 10px; }
.faq-portlet hr {
  border-top: 1px solid #cfd2d3; }

.portlet-asset-categories-navigation {
  background: transparent;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important; }
  .portlet-asset-categories-navigation .lfr-panel-container {
    border: 0;
    background: transparent; }
    .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel {
      border: 1px solid #cfd2d3;
      margin-bottom: 20px;
      border-radius: 0;
      background: white; }
      .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-titlebar {
        padding: 5px 10px;
        font: 100 14px 'Telefonica-Regular',sans-serif;
        color: #50535a;
        text-align: left;
        background: transparent;
        margin: 0; }
        .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-titlebar span {
          font: 100 16px 'Telefonica-Regular',sans-serif;
          color: #50535a;
          text-align: left;
          text-transform: uppercase; }
      .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-content {
        padding: 10px; }
        .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-content .lfr-asset-category-list li {
          padding: 0;
          margin-bottom: 5px; }
          .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-content .lfr-asset-category-list li .aui-tree-collapsed .aui-tree-hitarea {
            border: 5px solid transparent;
            border-left: 5px solid #70c2da;
            background: transparent;
            width: 10px;
            height: 10px;
            margin-top: 4px;
            margin-left: 5px;
            margin-right: -4px; }
          .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-content .lfr-asset-category-list li a.tag-selected, .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-content .lfr-asset-category-list li a:hover {
            color: #70c2da; }
          .portlet-asset-categories-navigation .lfr-panel-container .lfr-panel .lfr-panel-content .lfr-asset-category-list li ul.aui-tree-container {
            display: none !important; }

.unsubscribenewsletter-portlet {
  position: relative;
  background: #f5f7f8;
  margin: 15px;
  padding: 15px;
  padding-bottom: 0; }
  .unsubscribenewsletter-portlet header.portlet-topper {
    border: 0; }
  .unsubscribenewsletter-portlet h1.portlet-title {
    position: relative;
    font: 300 14px "Telefonica-Bold", sans-serif !important;
    color: #004456;
    padding: 0 !important;
    margin-bottom: 10px; }
  .unsubscribenewsletter-portlet form .aui-fieldset {
    margin: 0 !important; }
    .unsubscribenewsletter-portlet form .aui-fieldset .aui-field .aui-field-content .aui-field-element {
      background: transparent; }
      .unsubscribenewsletter-portlet form .aui-fieldset .aui-field .aui-field-content .aui-field-element .aui-field-input {
        vertical-align: middle; }
  .unsubscribenewsletter-portlet legend,
  .unsubscribenewsletter-portlet .portlet-icon-back {
    display: none; }
  .unsubscribenewsletter-portlet input[type="checkbox"] {
    width: 26px!important;
    height: 26px; }

.mysubscriptions-portlet {
  position: relative;
  background: #f5f7f8;
  margin: 15px;
  padding: 15px;
  padding-bottom: 0; }
  .mysubscriptions-portlet header.portlet-topper {
    border: 0; }
  .mysubscriptions-portlet h1.portlet-title {
    position: relative;
    font: 300 14px "Telefonica-Bold", sans-serif !important;
    color: #004456;
    padding: 0 !important;
    margin-bottom: 10px; }
  .mysubscriptions-portlet .ms_container .ms_entradilla {
    font: 300 14px "Telefonica-Regular", sans-serif;
    color: #909aa2; }
  .mysubscriptions-portlet .ms_container .ms_fieldeset {
    margin-top: 10px; }
    .mysubscriptions-portlet .ms_container .ms_fieldeset fieldset {
      border: 0;
      padding: 0; }
    .mysubscriptions-portlet .ms_container .ms_fieldeset legend {
      padding: 20px 0;
      border-top: 1px solid #d0d2d3;
      width: 100%;
      display: inline-block;
      font: 300 14px "Telefonica-Bold", sans-serif !important;
      color: #004456; }
    .mysubscriptions-portlet .ms_container .ms_fieldeset .ms_check {
      display: inline-block;
      width: 100%; }
      .mysubscriptions-portlet .ms_container .ms_fieldeset .ms_check > span {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px; }
      .mysubscriptions-portlet .ms_container .ms_fieldeset .ms_check input[type="checkbox"] {
        width: 26px!important;
        height: 26px;
        display: inline-block;
        vertical-align: middle; }
      .mysubscriptions-portlet .ms_container .ms_fieldeset .ms_check label {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px; }
  .mysubscriptions-portlet #mailing-mysubscriptions a {
    margin: 0;
    color: #70c2da;
    margin-bottom: 0px;
    display: inline-block;
    float: right;
    position: relative;
    top: -30px; }
    .mysubscriptions-portlet #mailing-mysubscriptions a:hover {
      text-decoration: underline !important;
      color: #70c2da; }

.detailProyect .link-home-proyectos {
  text-align: right;
  padding-right: 25px; }
  .detailProyect .link-home-proyectos > a {
    position: relative; }
    .detailProyect .link-home-proyectos > a:before {
      content: "";
      width: 10px;
      height: 20px;
      display: block;
      position: absolute;
      top: 0;
      left: -15px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      transform: rotate(180deg); }
    .detailProyect .link-home-proyectos > a:hover:before {
      transition: all .3s;
      left: -20px; }
.detailProyect .col-md-12 {
  z-index: 1; }
  .detailProyect .col-md-12.backgroundGreyLight {
    z-index: 0; }
.detailProyect .backgroundGreyDark {
  z-index: 1; }
.detailProyect .imgProyect {
  width: 29%;
  display: inline-block;
  vertical-align: top;
  text-align: right; }
  .detailProyect .imgProyect img {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
    margin-bottom: -135px; }
.detailProyect .proyect {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  padding-left: 30px; }
  .detailProyect .proyect .type {
    text-align: left;
    font: 500 15px "Telefonica-Bold",sans-serif;
    color: #004456; }
  .detailProyect .proyect .title {
    text-align: left;
    font: 500 45px "Telefonica-Light",sans-serif;
    color: #004456; }
  .detailProyect .proyect .fav {
    display: inline-block;
    width: auto; }
    .detailProyect .proyect .fav .btn {
      background: transparent;
      color: black;
      border: 0;
      padding: 0;
      margin-right: 50px;
      padding-left: 30px;
      font: 500 12px "Telefonica-Light",sans-serif;
      text-transform: uppercase;
      position: relative; }
      .detailProyect .proyect .fav .btn span {
        position: absolute;
        top: 0;
        left: 0; }
        .detailProyect .proyect .fav .btn span:before {
          content: "";
          width: 15px;
          height: 15px;
          background: transparent url(/lideres-digitales-theme/images/custom/common/fav.png) no-repeat 50%;
          background-size: 12px !important;
          position: absolute;
          top: 0;
          left: 10px;
          transition: all .3s; }
        .detailProyect .proyect .fav .btn span .icon {
          display: none; }
      .detailProyect .proyect .fav .btn:hover span:before {
        transition: all .3s; }
      .detailProyect .proyect .fav .btn#zyfa__btn-agregar-favorito span:before {
        background: transparent url(/lideres-digitales-theme/images/custom/common/fav.png) no-repeat 50%; }
      .detailProyect .proyect .fav .btn#zyfa__btn-agregar-favorito:hover span:before {
        background: transparent url(/lideres-digitales-theme/images/custom/common/fav_check.png) no-repeat 50%; }
      .detailProyect .proyect .fav .btn#zyfa__btn-eliminar-favorito span:before {
        background: transparent url(/lideres-digitales-theme/images/custom/common/fav_check.png) no-repeat 50%; }
      .detailProyect .proyect .fav .btn#zyfa__btn-eliminar-favorito:hover span:before {
        background: transparent url(/lideres-digitales-theme/images/custom/common/fav.png) no-repeat 50%; }
.detailProyect .content {
  padding: 50px 14%; }
  .detailProyect .content .descriptionBtn {
    text-align: center;
    font: 500 20px "Telefonica-Regular",sans-serif;
    color: #004456; }
  .detailProyect .content .contentBtn > * {
    display: block;
    color: #004456;
    text-align: center; }
    .detailProyect .content .contentBtn > *.download {
      background: #004456;
      padding: 10px 20px;
      color: white;
      text-transform: uppercase;
      border: 1px solid #004456;
      transition: all .3s;
      -webkit-transition: all .3s;
      width: 150px;
      position: relative;
      margin: 25px auto; }
      .detailProyect .content .contentBtn > *.download:hover {
        background: #70c2da;
        border: 1px solid #70c2da;
        color: white;
        transition: all .3s;
        -webkit-transition: all .3s; }
      .detailProyect .content .contentBtn > *.download:before {
        content: "";
        width: 10px;
        height: 20px;
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_white.png) no-repeat 50%;
        background-size: 10px;
        transition: all .3s;
        transform: rotate(90deg); }
      .detailProyect .content .contentBtn > *.download:hover:before {
        background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
        background-size: 10px;
        transition: all .3s;
        top: 15px; }
    .detailProyect .content .contentBtn > *.nameFile {
      font: 500 11px "Telefonica-Regular",sans-serif; }
    .detailProyect .content .contentBtn > *.sizeFile {
      font: 500 11px "Telefonica-Bold",sans-serif; }
  .detailProyect .content .titleDescription {
    font: 500 30px "Telefonica-Bold",sans-serif;
    color: #004456;
    text-align: left;
    margin-bottom: 40px; }
  .detailProyect .content .tabs > * {
    border-radius: 0;
    padding: 0;
    margin: 0; }
  .detailProyect .content .tabs h3 {
    font: 500 25px "Telefonica-Bold",sans-serif;
    color: #004456;
    padding-left: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0;
    border-top: 1px solid #929497; }
    .detailProyect .content .tabs h3.ui-state-hover {
      background-color: transparent !important;
      color: #004456; }
    .detailProyect .content .tabs h3.ui-state-active {
      padding-bottom: 0; }
    .detailProyect .content .tabs h3.resumen {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Resumen_silver.svg) no-repeat scroll 0% 20px;
      background-size: 30px; }
      .detailProyect .content .tabs h3.resumen.ui-state-active {
        background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Resumen.svg) no-repeat scroll 0% 20px;
        background-size: 30px; }
    .detailProyect .content .tabs h3.materiales {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Materiales_silver.svg) no-repeat scroll 0% 20px;
      background-size: 30px; }
      .detailProyect .content .tabs h3.materiales.ui-state-active {
        background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Materiales.svg) no-repeat scroll 0% 20px;
        background-size: 30px; }
    .detailProyect .content .tabs h3.metas {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Objetivos_silver.svg) no-repeat scroll 0% 20px;
      background-size: 30px; }
      .detailProyect .content .tabs h3.metas.ui-state-active {
        background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Objetivos.svg) no-repeat scroll 0% 20px;
        background-size: 30px; }
    .detailProyect .content .tabs h3.producto {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Product_Fin_silver.svg) no-repeat scroll 0% 50%;
      background-size: 30px; }
      .detailProyect .content .tabs h3.producto.ui-state-active {
        background: transparent url(/lideres-digitales-theme/images/custom/svg/detail/ico_Product_Fin.svg) no-repeat scroll 0% 50%;
        background-size: 30px; }
  .detailProyect .content .tabs > div {
    border: 0;
    padding-bottom: 20px;
    padding-left: 45px;
    border-bottom: 1px solid #929497;
    font: 500 21px "Telefonica-Regular",sans-serif;
    height: auto !important; }
.detailProyect .imgDescription {
  margin: 10px 0;
  margin-bottom: 40px; }
  .detailProyect .imgDescription img {
    width: 100%; }
.detailProyect .cursosAsociados {
  width: 100%;
  display: inline-block;
  margin-top: 30px; }
  .detailProyect .cursosAsociados .title {
    font: 500 30px "Telefonica-Bold",sans-serif;
    text-align: left;
    padding-left: 50px; }
  .detailProyect .cursosAsociados .boxContent {
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    width: 93%;
    min-height: 20px;
    border: 0; }
  .detailProyect .cursosAsociados .course {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 1%;
    margin-bottom: 40px;
    border: 1px solid #f5f7f8; }
    .detailProyect .cursosAsociados .course a {
      width: 100%;
      display: inline-block;
      position: relative;
      transition: all .3s;
      max-height: 230px;
      overflow: hidden; }
      .detailProyect .cursosAsociados .course a:hover .title {
        margin-top: -30px;
        transition: all .3s; }
    .detailProyect .cursosAsociados .course .contentImg {
      min-height: 160px;
      max-height: 160px;
      overflow: hidden;
      border-bottom: 1px solid #f5f7f8; }
      .detailProyect .cursosAsociados .course .contentImg img {
        width: 100% !important; }
    .detailProyect .cursosAsociados .course .title {
      font: 500 15px "Telefonica-Bold",sans-serif;
      padding: 1em 7%;
      padding-bottom: 20px;
      position: relative;
      margin: 0;
      background: #f5f7f8;
      color: #004456;
      min-height: 100px;
      transition: all .3s; }
    .detailProyect .cursosAsociados .course .date {
      padding: 0;
      position: relative;
      bottom: 30px;
      right: 30px;
      font-size: 12px;
      color: #909aa2; }
    .detailProyect .cursosAsociados .course .fecha {
      padding: 0;
      position: relative;
      bottom: 30px;
      left: 35px;
      color: #909aa2;
      font-size: 12px;
      color: #909aa2; }
.detailProyect .experiences .title {
  font: 500 30px "Telefonica-Bold",sans-serif;
  text-align: left;
  margin-bottom: 30px; }
.detailProyect .experiences .content {
  padding: 30px 50px; }
.detailProyect .experiences p {
  padding-left: 14%;
  padding-right: 14%; }
.detailProyect .experiences .boxContent {
  display: table;
  border: 0; }
  .detailProyect .experiences .boxContent .box {
    padding: 50px 50px;
    padding-bottom: 20px;
    background: white;
    border: 1px solid #929497;
    margin-bottom: 20px;
    display: table-cell;
    min-height: 360px; }
    .detailProyect .experiences .boxContent .box:last-child {
      border-left: 0; }
.detailProyect .apps {
  display: table; }
  .detailProyect .apps .app {
    display: table-cell;
    height: 350px;
    padding: 50px; }
    .detailProyect .apps .app img {
      width: 100%; }
    .detailProyect .apps .app .title {
      font: 500 30px "Telefonica-Bold",sans-serif;
      text-align: left;
      color: #004456; }
    .detailProyect .apps .app .descriptionApp {
      font: 500 23px "Telefonica-Regular",sans-serif;
      text-align: left;
      color: #004456; }
    .detailProyect .apps .app .btnStore {
      margin-top: 50px;
      display: inline-block;
      width: 150px;
      margin-right: 20px;
      height: 55px;
      transition: all .3s; }
      .detailProyect .apps .app .btnStore.appIOS {
        background: transparent url(/lideres-digitales-theme/images/custom/common/app/app_ios.png) no-repeat center;
        background-size: 100%; }
      .detailProyect .apps .app .btnStore.appAndroid {
        background: transparent url(/lideres-digitales-theme/images/custom/common/app/app_android.png) no-repeat center;
        background-size: 100%; }
      .detailProyect .apps .app .btnStore:hover {
        transition: all .3s;
        transform: scale(1.2); }
    .detailProyect .apps .app:first-child {
      background: #004456;
      padding: 0;
      overflow: hidden; }

.detailExperience .propuesta_iframe {
  width: 100%;
  text-align: center;
  border-top: 1px solid #d0d2d3;
  border-bottom: 1px solid #d0d2d3; }
  .detailExperience .propuesta_iframe iframe {
    width: 60% !important;
    margin: 0 auto;
    height: 400px !important;
    margin-bottom: -5px; }
.detailExperience .categories {
  padding-left: 0; }
  .detailExperience .categories .col-md-2 {
    float: none;
    display: inline-block;
    vertical-align: top; }
.detailExperience .proyect {
  padding: 20px 40px; }
  .detailExperience .proyect h1.title {
    text-align: left;
    font: 500 37px "Telefonica-Light",sans-serif;
    color: #004456;
    margin-bottom: 15px; }
  .detailExperience .proyect .user {
    margin-right: 25px;
    font: 500 15px "Telefonica-Light",sans-serif;
    color: #909aa2; }
    .detailExperience .proyect .user img {
      width: 30px !important;
      border-radius: 50%;
      margin-right: 5px; }
  .detailExperience .proyect .fecha {
    font: 500 15px "Telefonica-Light",sans-serif;
    color: #909aa2;
    background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_date_blue.svg) no-repeat scroll 0 40%;
    background-size: 20px;
    padding-left: 30px; }
.detailExperience .description {
  padding: 40px;
  display: inline-block;
  padding-left: 100px;
  font: 500 19px "Telefonica-Regular",sans-serif;
  color: #004456; }
.detailExperience .valoracion {
  display: block;
  width: 70%;
  text-align: center;
  margin: 50px auto;
  margin-top: 20px; }
.detailExperience .docDownload {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 35px;
  background: transparent url(/lideres-digitales-theme/images/custom/common/docDescarga.png) no-repeat 50% 16%;
  background-size: 50px;
  border-top: 1px solid #929497;
  border-bottom: 1px solid #929497;
  width: 70%;
  margin: 0 auto; }
  .detailExperience .docDownload span {
    font: 500 18px "Telefonica-Regular",sans-serif;
    color: #909aa2;
    display: block;
    margin-bottom: 30px; }
  .detailExperience .docDownload a {
    background: #004456;
    padding: 10px 20px;
    color: white;
    text-transform: uppercase;
    border: 1px solid #004456;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: 150px;
    position: relative;
    margin: 25px auto; }
    .detailExperience .docDownload a:hover {
      background: #70c2da;
      border: 1px solid #70c2da;
      color: white;
      transition: all .3s;
      -webkit-transition: all .3s; }
    .detailExperience .docDownload a:before {
      content: "";
      width: 10px;
      height: 20px;
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow_white.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      transform: rotate(90deg); }
    .detailExperience .docDownload a:hover:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      top: 15px; }
.detailExperience .link-home-experiencias {
  text-align: left;
  padding-left: 50px;
  margin: 30px 0;
  display: inline-block; }
  .detailExperience .link-home-experiencias > a {
    position: relative; }
    .detailExperience .link-home-experiencias > a:before {
      content: "";
      width: 10px;
      height: 20px;
      display: block;
      position: absolute;
      top: 0;
      right: -15px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/arrow.png) no-repeat 50%;
      background-size: 10px;
      transition: all .3s;
      transform: rotate(0deg); }
    .detailExperience .link-home-experiencias > a:hover:before {
      transition: all .3s;
      right: -20px; }

.SearchExperience .add-comment {
  padding: 50px;
  text-align: center; }
  .SearchExperience .add-comment a {
    display: block;
    margin: 20px 0;
    color: #004456; }
    .SearchExperience .add-comment a:hover {
      text-decoration: underline; }
  .SearchExperience .add-comment div[id*=postReplyForm0] .aui-field-content {
    width: 70%;
    margin: 20px auto;
    padding: 30px; }
    .SearchExperience .add-comment div[id*=postReplyForm0] .aui-field-content .aui-field-label {
      display: none; }
    .SearchExperience .add-comment div[id*=postReplyForm0] .aui-field-content textarea {
      width: 100% !important;
      background: white;
      border: 0; }
  .SearchExperience .add-comment div[id*=postReplyForm0] .aui-field-text .aui-field-content {
    background: #f5f7f8; }

.detailProyect ul,
.detailExperience ul {
  list-style: disc outside !important; }

.course .description,
.itinerary .description {
  list-style: disc outside!important; }

.valoracion {
  display: inline-block;
  width: auto; }
  .valoracion .stars {
    overflow: visible;
    padding-top: 20px; }
    .valoracion .stars #zyfa_ratingStarContent {
      position: relative; }
      .valoracion .stars #zyfa_ratingStarContent .aui-rating-label-element {
        position: absolute;
        right: -80px; }

.categories {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-left: 29%; }
  .categories .category {
    padding: 20px 10px;
    width: 100%;
    padding-top: 70px;
    text-align: center;
    position: relative;
    min-height: 115px;
    display: inline-block;
    background-size: 30px !important;
    background-position: 50% 30% !important; }
    .categories .category._03-06, .categories .category._06-08, .categories .category._08-10, .categories .category._10-12, .categories .category._12-16, .categories .category._16-18 {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_rango_edad.svg) no-repeat scroll 7px 40%;
      background-size: 25px; }
    .categories .category._cienciasdelanaturaleza {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_naturales.svg) no-repeat scroll 7px 50%;
      background-size: 30px; }
    .categories .category._biologiaygeologia {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_naturales.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._musica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_music.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._disenoaudiovisual {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_diseno_audioVisual.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._rv_ra {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_rv_ra.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._lenguayliteratura {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_lengua.svg) no-repeat scroll 7px 55%;
      background-size: 31px; }
    .categories .category._fisicayquimica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_fisica_quimica_2.svg) no-repeat scroll 7px 60%;
      background-size: 22px; }
    .categories .category._educacioninfantil {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_infantil_2.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._geografiaehistoria, .categories .category._cienciassociales {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_sociales.svg) no-repeat scroll 7px 40%;
      background-size: 22px; }
    .categories .category._educacionartistica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_arte.svg) no-repeat scroll 7px 50%;
      background-size: 16px; }
    .categories .category._electronica {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_electronica.svg) no-repeat scroll 7px 50%;
      background-size: 27px; }
    .categories .category._sinequipamientoadicional {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_equipamiento_grey.svg) no-repeat scroll 7px 50%;
      background-size: 26px; }
    .categories .category._programacion {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_programacion.svg) no-repeat scroll 7px 60%;
      background-size: 30px; }
    .categories .category._tecnologia {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_tecnologia.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._matematicas {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_mates.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._robot {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_robotica.svg) no-repeat scroll 7px 40%;
      background-size: 19px; }
    .categories .category._conequipamientoadicional {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_equipamiento.svg) no-repeat scroll 7px 50%;
      background-size: 26px; }
    .categories .category._softwaregratuito {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_free.svg) no-repeat scroll 7px 40%;
      background-size: 35px; }
    .categories .category._softwaredepago {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_pay.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category.fecha {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_date_blue.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category.duracion {
      background: transparent url(/lideres-digitales-theme/images/custom/svg/ico_time_blue.svg) no-repeat scroll 7px 40%;
      background-size: 20px; }
    .categories .category._educacionartistica {
      background-size: 20px !important; }
    .categories .category:before {
      content: "";
      width: 1px;
      height: 50%;
      background: #cbd4d6;
      position: absolute;
      top: 30px;
      right: 0; }
  .categories .col-md-2:last-child .category:before {
    display: none; }

.currentcoursename-portlet {
  background: transparent;
  padding-top: 25px;
  padding-bottom: 25px; }
  .currentcoursename-portlet header.portlet-topper {
    border: 0;
    margin: 20px;
    margin-top: 0;
    margin-bottom: 5px; }
    .currentcoursename-portlet header.portlet-topper h1.portlet-title {
      padding: 0; }
      .currentcoursename-portlet header.portlet-topper h1.portlet-title .portlet-title-text {
        font: 300 12px 'Telefonica-Bold',sans-serif;
        color: #70c2da;
        text-transform: uppercase; }
  .currentcoursename-portlet #courseName {
    text-align: left;
    font: 300 32px "Telefonica-Light",sans-serif;
    color: #004456;
    width: 100%;
    padding-left: 20px; }

.courseratings-portlet {
  display: block;
  width: 185px;
  margin: 0 auto;
  margin-bottom: 20px; }
  .courseratings-portlet .stars {
    overflow: visible;
    padding-top: 20px; }
    .courseratings-portlet .stars .aui-rating-label-element {
      position: absolute;
      left: 90px;
      white-space: nowrap; }
    .courseratings-portlet .stars .liferay-rating-vote,
    .courseratings-portlet .stars .liferay-rating-score {
      display: block;
      width: auto;
      padding: 0; }
    .courseratings-portlet .stars .liferay-rating-score {
      display: none; }

.inscriptionportlet-portlet {
  width: auto;
  display: block; }
  .inscriptionportlet-portlet #caja_inscripcion {
    text-align: center; }
    .inscriptionportlet-portlet #caja_inscripcion .mensaje_marcado {
      margin: 15px;
      display: inline-block; }
    .inscriptionportlet-portlet #caja_inscripcion .boton_inscibirse {
      width: auto;
      margin: 0 auto;
      text-align: center;
      float: right;
      margin-right: 50px; }
      .inscriptionportlet-portlet #caja_inscripcion .boton_inscibirse a {
        padding: 20px 50px;
        display: inline-block;
        background: #004456;
        border: 1px solid #004456;
        margin-bottom: -20px;
        opacity: 1;
        text-transform: uppercase;
        color: white; }
        .inscriptionportlet-portlet #caja_inscripcion .boton_inscibirse a:hover {
          opacity: .7;
          background: white;
          border: 1px solid #004456;
          color: #004456; }

.courseintro-portlet {
  text-align: center;
  padding: 30px;
  min-height: 300px; }
  .courseintro-portlet iframe {
    width: 100% !important;
    min-height: 300px; }

.my-projects-portlet {
  overflow: visible !important; }
  .my-projects-portlet .portlet-content {
    padding: 0 !important; }
  .my-projects-portlet .portlet-topper {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .my-projects-portlet .portlet-content {
    overflow: visible !important; }
  .my-projects-portlet .window {
    position: relative; }
    .my-projects-portlet .window .title {
      display: none; }
    .my-projects-portlet .window .header {
      width: 100%;
      padding: 0 !important; }
      .my-projects-portlet .window .header .icon {
        position: absolute;
        top: -38px;
        right: 10px;
        background: white;
        width: 31px;
        height: 31px;
        border: 1px solid white;
        border-radius: 50%;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
        .my-projects-portlet .window .header .icon svg {
          display: none; }
        .my-projects-portlet .window .header .icon:before, .my-projects-portlet .window .header .icon:after {
          content: "";
          width: 15px;
          height: 2px;
          position: absolute;
          display: block;
          background: #004456;
          left: 7px;
          top: 14px;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        .my-projects-portlet .window .header .icon:after {
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg); }
        .my-projects-portlet .window .header .icon:hover {
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s;
          background: #70c2da;
          border-color: #70c2da; }
          .my-projects-portlet .window .header .icon:hover:before, .my-projects-portlet .window .header .icon:hover:after {
            background: white;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
    .my-projects-portlet .window .content .item {
      position: relative;
      padding: 20px;
      border-bottom: 1px solid #d0d2d3;
      margin: 0 7px; }
      .my-projects-portlet .window .content .item:last-child {
        border-bottom: 0; }
      .my-projects-portlet .window .content .item:before {
        content: "";
        width: 5px;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: -7px;
        background: #70c2da; }
      .my-projects-portlet .window .content .item.background_1:before {
        background: #c699c4; }
      .my-projects-portlet .window .content .item.background_2:before {
        background: #8dcacb; }
      .my-projects-portlet .window .content .item.background_3:before {
        background: #cfe09c; }
      .my-projects-portlet .window .content .item.background_4:before {
        background: #f6b65e; }
      .my-projects-portlet .window .content .item.background_5:before {
        background: #47b4b1; }
      .my-projects-portlet .window .content .item .name .img-team {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle; }
        .my-projects-portlet .window .content .item .name .img-team img {
          width: 70px;
          height: auto;
          display: block;
          position: relative;
          top: 0;
          left: 0;
          max-width: none; }
      .my-projects-portlet .window .content .item .name span {
        padding: 20px 0;
        display: inline-flex;
        width: calc(100% - 120px);
        margin-left: 10px;
        justify-content: left;
        align-items: center;
        vertical-align: middle; }
        .my-projects-portlet .window .content .item .name span svg {
          width: 20px;
          height: 20px;
          display: block;
          position: absolute;
          right: 10px;
          top: calc(50% - 10px);
          fill: #004456;
          cursor: pointer;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
          .my-projects-portlet .window .content .item .name span svg.open, .my-projects-portlet .window .content .item .name span svg:hover {
            fill: #70c2da;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s; }
      .my-projects-portlet .window .content .item .container-menu {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 50px;
        opacity: 0;
        width: 175px;
        background: white;
        border-radius: 5px;
        overflow: hidden;
        height: 0;
        min-height: 0;
        border: 1px solid transparent;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
        .my-projects-portlet .window .content .item .container-menu.open {
          opacity: 1;
          min-height: 100px;
          height: auto;
          border: 1px solid #d0d2d3;
          top: -40px;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        .my-projects-portlet .window .content .item .container-menu .menu-options {
          margin: 0;
          display: block; }
          .my-projects-portlet .window .content .item .container-menu .menu-options li {
            display: inline-block;
            width: 100%; }
            .my-projects-portlet .window .content .item .container-menu .menu-options li:hover {
              background: #fbfcfd; }
            .my-projects-portlet .window .content .item .container-menu .menu-options li .icon {
              padding: 10px;
              padding-left: 35px;
              font: 300 14px "Telefonica-Regular", sans-serif;
              color: #004456;
              position: relative;
              display: inline-block;
              width: 100%;
              cursor: pointer; }
              .my-projects-portlet .window .content .item .container-menu .menu-options li .icon span {
                color: #004456;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }
              .my-projects-portlet .window .content .item .container-menu .menu-options li .icon svg {
                width: 15px;
                height: 20px;
                display: block;
                position: absolute;
                left: 10px;
                top: calc(50% - 10px);
                fill: #004456;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }
            .my-projects-portlet .window .content .item .container-menu .menu-options li:hover .icon {
              color: #70c2da;
              transition: all .3s;
              -webkit-transition: all .3s;
              -moz-transition: all .3s;
              -ms-transition: all .3s;
              -o-transition: all .3s; }
              .my-projects-portlet .window .content .item .container-menu .menu-options li:hover .icon span {
                color: #70c2da;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }
              .my-projects-portlet .window .content .item .container-menu .menu-options li:hover .icon svg {
                fill: #70c2da;
                transition: all .3s;
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s; }

body.body-modules div.aui-dialog .aui-panel-content {
  max-width: 1000px;
  min-height: 80vh; }

.new_project-ui-dialog .taglib-header {
  display: none; }

.lmsactivitieslist-portlet .portlet-topper .portlet-title {
  border: 0;
  border-top: 1px solid #d0d2d3;
  padding: 15px;
  margin-top: -1px;
  font: 300 18px 'Telefonica-Bold',sans-serif;
  position: relative; }
.lmsactivitieslist-portlet .portlet-content {
  padding: 0 !important; }
.lmsactivitieslist-portlet .modulo.portlet-toolbar {
  margin: 0; }
.lmsactivitieslist-portlet .modulo ul {
  margin: 0; }
  .lmsactivitieslist-portlet .modulo ul > li {
    list-style: none;
    margin: 10px 20px;
    display: inline-block;
    width: calc(100% - 40px);
    padding-left: 25px;
    border: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #d0d2d3; }
    .lmsactivitieslist-portlet .modulo ul > li:first-child {
      margin-top: 20px !important; }
    .lmsactivitieslist-portlet .modulo ul > li:last-child {
      border: 0; }
    .lmsactivitieslist-portlet .modulo ul > li > a {
      font: 300 18px 'Telefonica-Bold',sans-serif;
      color: #004456; }
      .lmsactivitieslist-portlet .modulo ul > li > a:hover {
        color: #70c2da; }
    .lmsactivitieslist-portlet .modulo ul > li .desplegar {
      display: none; }
    .lmsactivitieslist-portlet .modulo ul > li.option-none:before {
      content: "";
      width: 17px;
      height: 17px;
      display: block;
      position: absolute;
      left: 0;
      top: 3px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/open.svg) no-repeat center;
      background-size: 13px; }
    .lmsactivitieslist-portlet .modulo ul > li.option-none.locked:before {
      content: "";
      background: transparent url(/lideres-digitales-theme/images/custom/common/locked.svg) no-repeat center;
      background-size: 13px; }
    .lmsactivitieslist-portlet .modulo ul > li.option-none.locked a {
      color: #909aa2; }
    .lmsactivitieslist-portlet .modulo ul > li.option-none.passed:before {
      content: "";
      left: 0;
      top: 3px;
      border-radius: 50%;
      background: #70c2da url(/lideres-digitales-theme/images/custom/common/ico_check_w.svg) no-repeat center;
      background-size: 13px; }
  .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li {
    list-style: none;
    position: relative;
    padding: 8px;
    padding-left: 20px;
    margin: 0;
    margin-top: 0;
    border: 0;
    display: block; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li:first-child {
      margin-top: 10px !important; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li:before {
      content: "";
      width: 15px;
      height: 15px;
      display: block;
      position: absolute;
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_silver.svg) no-repeat center;
      background-size: 12px;
      border: 0;
      left: 0;
      top: 9px; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li > a {
      padding: 0;
      display: block;
      font: 300 15px 'Telefonica-Regular',sans-serif;
      color: #004456; }
      .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li > a:hover {
        color: #70c2da; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity:hover a, .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity:hover span {
      color: #70c2da; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.activado:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_border.svg) no-repeat center;
      background-size: 12px;
      top: 9px; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.activado a, .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.activado span {
      font: 300 15px 'Telefonica-Bold',sans-serif; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.started:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_start.svg) no-repeat center;
      background-size: 12px; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked {
      background: transparent url(/lideres-digitales-theme/images/custom/common/locked.svg) no-repeat 2px 6px;
      background-size: 12px;
      opacity: .35;
      color: #909aa2; }
      .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked:before, .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked:after {
        display: none; }
      .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked a {
        color: #909aa2; }
    .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.passed:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_passed.svg) no-repeat center;
      background-size: 12px; }
.lmsactivitieslist-portlet .modulo .newactivity a {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  margin: 10px 0;
  margin-right: 10px;
  padding: 10px 25px;
  border-radius: 0;
  background: #70c2da;
  border: 1px solid #70c2da;
  color: white;
  font: 100 14px 'Telefonica-Regular',sans-serif;
  letter-spacing: 1.5px;
  cursor: pointer;
  box-shadow: none;
  text-transform: uppercase; }
  .lmsactivitieslist-portlet .modulo .newactivity a span {
    color: white; }
  .lmsactivitieslist-portlet .modulo .newactivity a img {
    display: none; }
  .lmsactivitieslist-portlet .modulo .newactivity a:hover {
    background: #004456;
    border: 1px solid #004456; }
.lmsactivitieslist-portlet .modulo .iconsedit {
  margin-top: 10px; }
  .lmsactivitieslist-portlet .modulo .iconsedit > span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
    .lmsactivitieslist-portlet .modulo .iconsedit > span img.icon {
      width: 15px;
      max-width: 15px; }
  .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable {
    margin-top: 20px; }
    .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable ul li {
      opacity: 1 !important;
      padding-bottom: 20px;
      margin: 10px 0;
      border-bottom: 1px solid #cbd4d6; }
    .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable .iconsedit > span {
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle; }
      .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable .iconsedit > span img.icon {
        width: 18px;
        max-width: 18px; }

.courseimage-portlet {
  position: absolute !important;
  left: -280px !important;
  top: 25px !important;
  width: 20%; }
  .courseimage-portlet .institution-image {
    height: 250px;
    width: 250px;
    border: 0;
    background-color: white;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.gradebook-portlet .aui-searchcontainer-content {
  overflow-x: auto; }

.itinerarioactivity-portlet {
  padding: 10px 30px;
  padding-bottom: 30px; }
  .itinerarioactivity-portlet .portlet-msg-success {
    display: none; }
  .itinerarioactivity-portlet header.portlet-topper {
    border: 0; }
    .itinerarioactivity-portlet header.portlet-topper .portlet-title {
      border-left: 1px solid #d0d2d3;
      padding: 0px 20px 25px!important;
      margin-top: 20px;
      position: relative; }
      .itinerarioactivity-portlet header.portlet-topper .portlet-title:before {
        content: "";
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        border-radius: 50%;
        background: #70c2da;
        top: 0;
        left: -8px; }
  .itinerarioactivity-portlet .contenidoItinerario {
    padding: 20px;
    border: 1px solid #d0d2d3;
    margin-bottom: -1px;
    list-style: none;
    transition: all .3s;
    position: relative; }
    .itinerarioactivity-portlet .contenidoItinerario:after {
      width: 24px;
      height: 24px;
      display: block;
      position: absolute;
      border-radius: 50%;
      background: #70c2da;
      background-size: 10px;
      top: -12px;
      left: -12px;
      content: "1";
      color: white;
      padding: 3px;
      padding-left: 9px; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(1):after {
      content: "1"; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(2):after {
      content: ""; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(3):after {
      content: "2"; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(4):after {
      content: ""; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(5):after {
      content: "3"; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(6):after {
      content: ""; }
    .itinerarioactivity-portlet .contenidoItinerario:nth-child(7):after {
      content: "4"; }
    .itinerarioactivity-portlet .contenidoItinerario:before {
      content: "";
      width: 30px;
      height: 30px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/itinerario_.png) no-repeat center;
      background-size: 100%;
      position: absolute;
      top: 10px;
      right: 10px;
      border-radius: 50%; }
    .itinerarioactivity-portlet .contenidoItinerario.courseComplete:before {
      content: "";
      background: transparent url(/lideres-digitales-theme/images/custom/common/itinerario_orange.png) no-repeat center;
      background-size: 100%; }
    .itinerarioactivity-portlet .contenidoItinerario.courseComplete .progress-bar-value {
      width: 100% !important; }
    .itinerarioactivity-portlet .contenidoItinerario .literalCurso {
      color: #70c2da;
      font: 300 15px 'Telefonica-Bold',sans-serif; }
    .itinerarioactivity-portlet .contenidoItinerario .tituloCurso {
      color: #004456;
      text-align: left;
      font: 300 20px 'Telefonica-Regular',sans-serif; }
    .itinerarioactivity-portlet .contenidoItinerario .descripcion,
    .itinerarioactivity-portlet .contenidoItinerario .descriptionTitle2 {
      display: none; }
    .itinerarioactivity-portlet .contenidoItinerario .course-mycourse-mini .progress-bar {
      height: 12px;
      background: #cbd4d6;
      border-radius: 50px;
      margin-top: 40px;
      margin-bottom: -30px; }
      .itinerarioactivity-portlet .contenidoItinerario .course-mycourse-mini .progress-bar .progress-bar-value {
        height: 12px;
        background: #70c2da;
        border-radius: 50px; }
    .itinerarioactivity-portlet .contenidoItinerario .course-mycourse-mini .text-progress {
      margin: 0;
      position: absolute;
      bottom: -15px;
      color: #004456;
      font: 300 15px 'Telefonica-Regular',sans-serif; }
    .itinerarioactivity-portlet .contenidoItinerario .acceso a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 0; }
    .itinerarioactivity-portlet .contenidoItinerario:hover {
      transition: all .3s;
      background: #f5f7f8; }

.tabs-course-know-more .tab-course {
  cursor: pointer;
  border-top: 1px solid #d0d2d3;
  border-bottom: 1px solid #d0d2d3; }
  .tabs-course-know-more .tab-course span {
    font: 300 15px 'Telefonica-Bold', sans-serif;
    color: #004456;
    text-transform: uppercase;
    padding: 15px 20px;
    display: inline-block; }
  .tabs-course-know-more .tab-course:before, .tabs-course-know-more .tab-course:after {
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    display: block;
    background: #004456;
    right: 20px;
    top: 25px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .tabs-course-know-more .tab-course:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
  .tabs-course-know-more .tab-course.open:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
.tabs-course-know-more .tab-course-menu {
  background: #f5f7f8;
  height: 0;
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }
  .tabs-course-know-more .tab-course-menu.open {
    height: 48px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .tabs-course-know-more .tab-course-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between; }
    .tabs-course-know-more .tab-course-menu ul li {
      padding: 15px 20px;
      cursor: pointer;
      color: #004456;
      font: 300 14px 'Telefonica-Regular', sans-serif; }
      .tabs-course-know-more .tab-course-menu ul li:hover {
        color: #70c2da; }
      .tabs-course-know-more .tab-course-menu ul li.selected, .tabs-course-know-more .tab-course-menu ul li.open {
        font: 300 14px 'Telefonica-Bold', sans-serif; }

@media (min-width: 768px) {
  .know-more {
    max-width: 885px;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important; }

  .coursedescription-portlet {
    display: block; }

  .tabs-course-know-more .tab-course {
    display: none; }

  .tabs-course-know-more .tab-course-menu {
    height: 78px; }
    .tabs-course-know-more .tab-course-menu ul {
      max-width: 890px;
      margin: 0 auto; }
      .tabs-course-know-more .tab-course-menu ul li {
        padding: 30px 20px; } }
.know-more {
  height: 0;
  min-height: 0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }
  .know-more.open {
    height: auto;
    min-height: 30px;
    margin-bottom: 15px;
    transition: height .3s;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition-delay: .2s; }
  .know-more .portlet-column {
    width: 100% !important; }
  .know-more header.portlet-topper {
    border: 0; }
    .know-more header.portlet-topper .portlet-title {
      padding: 3px 0; }
      .know-more header.portlet-topper .portlet-title .portlet-title-text {
        font: 300 17px 'Telefonica-Bold', sans-serif;
        color: #004456; }
  .know-more .portlet-boundary {
    padding: 20px; }
    .know-more .portlet-boundary.portlet-nested-portlets, .know-more .portlet-boundary.courseteachers-portlet {
      padding: 0; }
      .know-more .portlet-boundary.portlet-nested-portlets header.portlet-topper .portlet-title, .know-more .portlet-boundary.courseteachers-portlet header.portlet-topper .portlet-title {
        padding: 5px 20px; }
    .know-more .portlet-boundary.portlet-nested-portlets {
      padding: 20px 0; }
  .know-more .detailcourse-portlet {
    display: none; }
    .know-more .detailcourse-portlet.open {
      display: block; }
  .know-more .courseteachers-portlet {
    display: none; }
    .know-more .courseteachers-portlet.open {
      display: block; }

.coursedescription-portlet {
  padding: 0;
  display: none; }
  .coursedescription-portlet.open {
    display: block; }
  .coursedescription-portlet .description {
    margin-top: 15px; }
    .coursedescription-portlet .description p, .coursedescription-portlet .description span {
      color: #909aa2 !important;
      text-shadow: none !important;
      border: 0 !important;
      background: transparent !important;
      font: 100 14px 'Telefonica-Light',sans-serif !important; }
    .coursedescription-portlet .description img,
    .coursedescription-portlet .description video,
    .coursedescription-portlet .description iframe {
      max-width: 60% !important;
      width: 90% !important;
      display: block;
      margin: 0 auto !important; }
    .coursedescription-portlet .description ul {
      margin: 0 !important;
      margin-bottom: 20px !important; }
      .coursedescription-portlet .description ul li {
        padding-left: 20px !important;
        position: relative !important;
        font: 100 14px 'Telefonica-Light',sans-serif !important;
        color: #909aa2 !important; }
        .coursedescription-portlet .description ul li:before {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background: #004456;
          display: block;
          position: absolute;
          top: 6px;
          left: 8px; }
        .coursedescription-portlet .description ul li ul {
          list-style-type: none;
          margin-top: 5px !important; }
          .coursedescription-portlet .description ul li ul li:before {
            border-radius: 0;
            background: #004456; }
          .coursedescription-portlet .description ul li ul li ul li:before {
            background: #70c2da; }

.showbadgecoursecomplete-portlet {
  padding: 0 !important;
  margin-top: 30px; }
  .showbadgecoursecomplete-portlet .list_icoText {
    margin: 0; }
  .showbadgecoursecomplete-portlet .ico_badge,
  .showbadgecoursecomplete-portlet .spanBad {
    display: none; }
  .showbadgecoursecomplete-portlet .badge_det_container .portlet-title-text,
  .showbadgecoursecomplete-portlet .badge_det_container h2 {
    display: none; }
  .showbadgecoursecomplete-portlet .badge_det_container .ico_badge {
    display: block;
    max-width: 125px;
    margin-left: 20px;
    margin-top: -15px;
    margin-right: 15px; }
  .showbadgecoursecomplete-portlet .badge_det_container p {
    color: #004456;
    font: 300 14px 'Telefonica-Bold',sans-serif; }
  .showbadgecoursecomplete-portlet .badge_det_container .row p {
    font: 300 14px 'Telefonica-Regular',sans-serif;
    color: #909aa2; }

.ico_duracion,
.ico_fecha,
.ico_conocimientos {
  padding: 0 20px !important;
  padding-left: 25px !important;
  margin-left: 20px;
  margin-bottom: 15px;
  background: transparent url(/lideres-digitales-theme/images/custom/common/ico_duracion.svg) no-repeat 0 50%;
  background-size: 20px !important; }
  .ico_duracion .portlet-borderless-container,
  .ico_fecha .portlet-borderless-container,
  .ico_conocimientos .portlet-borderless-container {
    min-height: 0; }

.ico_fecha {
  background: transparent url(/lideres-digitales-theme/images/custom/common/ico_fecha.svg) no-repeat 2px 50%;
  background-size: 15px !important; }

.ico_conocimientos {
  background: transparent url(/lideres-digitales-theme/images/custom/common/ico_conocimientos.svg) no-repeat -1px 50%;
  background-size: 22px!important; }

.courseteachers-portlet {
  background: transparent;
  width: 100%;
  margin: 0 auto;
  max-width: 890px;
  padding: 20px;
  padding-top: 5px;
  margin-top: -45px;
  display: none; }
  .courseteachers-portlet.open {
    display: block; }
  .courseteachers-portlet .portlet-topper {
    border: 0; }
    .courseteachers-portlet .portlet-topper .portlet-title {
      padding-left: 0; }
      .courseteachers-portlet .portlet-topper .portlet-title .portlet-title-text {
        font: 300 17px 'Telefonica-Bold',sans-serif;
        color: #004456; }
  .courseteachers-portlet .teachers {
    text-align: left;
    display: inline-block;
    width: 100%; }
    .courseteachers-portlet .teachers .teacher {
      display: inline-block;
      width: auto;
      margin: 0;
      vertical-align: top;
      text-align: left; }
      .courseteachers-portlet .teachers .teacher .user-profile-image {
        display: inline-block !important;
        vertical-align: middle !important;
        width: 68px !important;
        height: 68px !important;
        border-radius: 50%;
        overflow: hidden;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        background: #70c2da; }
        .courseteachers-portlet .teachers .teacher .user-profile-image span {
          color: white;
          font: 300 18px "Telefonica-Bold",sans-serif;
          letter-spacing: 3px;
          margin-left: 2px;
          text-transform: uppercase; }
        .courseteachers-portlet .teachers .teacher .user-profile-image img {
          width: auto;
          max-height: 100%;
          margin: 0 auto;
          display: none; }
      .courseteachers-portlet .teachers .teacher .user-name {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 130px);
        text-align: left;
        padding-left: 10px;
        text-transform: capitalize;
        white-space: nowrap; }

.modulelist-portlet {
  border-top: 30px solid #d6dedf;
  margin: 0;
  margin-top: -20px; }
  .modulelist-portlet header.portlet-topper {
    border: 0; }
    .modulelist-portlet header.portlet-topper .portlet-title {
      padding: 20px; }
      .modulelist-portlet header.portlet-topper .portlet-title .portlet-title-text {
        font: 300 17px 'Telefonica-Bold', sans-serif;
        color: #004456; }
  .modulelist-portlet #myContainer {
    background: transparent;
    width: 100%;
    margin: 0 auto;
    padding: 30px 20px;
    padding-top: 0;
    display: block; }
    .modulelist-portlet #myContainer .coursemodule {
      width: 100%;
      background: #f5f7f8;
      position: relative; }
      .modulelist-portlet #myContainer .coursemodule tr {
        border-bottom: 15px solid white;
        position: relative;
        display: inline-block;
        width: 100%;
        cursor: pointer; }
        .modulelist-portlet #myContainer .coursemodule tr:hover td.title a {
          color: #70c2da;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        .modulelist-portlet #myContainer .coursemodule tr.completed td.title {
          color: #70c2da; }
        .modulelist-portlet #myContainer .coursemodule tr.completed td.icon {
          display: none !important; }
        .modulelist-portlet #myContainer .coursemodule tr.completed:before, .modulelist-portlet #myContainer .coursemodule tr.completed:after {
          content: "";
          width: 30px;
          height: 30px;
          border-radius: 50%;
          position: absolute;
          background: #70c2da;
          top: 10px;
          right: 10px; }
        .modulelist-portlet #myContainer .coursemodule tr.completed:after {
          background: url(/lideres-digitales-theme/images/custom/common/ico_check_w.svg) no-repeat center;
          background-size: 20px; }
      .modulelist-portlet #myContainer .coursemodule td {
        padding: 10px 20px;
        display: inline-block;
        display: inline-block;
        width: 33%;
        padding-bottom: 30px; }
        .modulelist-portlet #myContainer .coursemodule td.icon {
          width: 0;
          height: 0;
          padding: 0;
          position: relative;
          float: right; }
          .modulelist-portlet #myContainer .coursemodule td.icon img {
            width: 0; }
            .modulelist-portlet #myContainer .coursemodule td.icon img.icon {
              position: absolute;
              top: 10px;
              right: 10px;
              width: 25px;
              max-width: none;
              height: auto; }
        .modulelist-portlet #myContainer .coursemodule td.title {
          color: #004456;
          font: 300 20px 'Telefonica-Regular',sans-serif;
          padding-top: 40px;
          padding-left: 20px;
          padding-bottom: 15px;
          display: block;
          width: 100%;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        .modulelist-portlet #myContainer .coursemodule td.date {
          color: #909aa2;
          font: 300 14px 'Telefonica-Regular',sans-serif;
          position: absolute;
          top: 5px;
          left: 0; }
          .modulelist-portlet #myContainer .coursemodule td.date p {
            font-size: 0; }
          .modulelist-portlet #myContainer .coursemodule td.date .date-title-module {
            display: none; }
          .modulelist-portlet #myContainer .coursemodule td.date .date-module {
            font: 300 12px 'Telefonica-Regular',sans-serif; }
            .modulelist-portlet #myContainer .coursemodule td.date .date-module:before {
              content: "|";
              margin-right: 5px; }
        .modulelist-portlet #myContainer .coursemodule td.percent, .modulelist-portlet #myContainer .coursemodule td.contain_actions {
          text-align: center; }
        .modulelist-portlet #myContainer .coursemodule td.percent {
          position: relative;
          text-align: left;
          padding-bottom: 0;
          width: 100%; }
        .modulelist-portlet #myContainer .coursemodule td.contain_actions {
          padding: 0; }
          .modulelist-portlet #myContainer .coursemodule td.contain_actions .access a {
            background: #004456;
            padding: 10px 20px;
            color: white;
            text-transform: uppercase;
            border: 1px solid #004456;
            transition: all .3s;
            -webkit-transition: all .3s; }
            .modulelist-portlet #myContainer .coursemodule td.contain_actions .access a:hover {
              background: #70c2da;
              border: 1px solid #70c2da;
              color: white;
              transition: all .3s;
              -webkit-transition: all .3s; }
            .modulelist-portlet #myContainer .coursemodule td.contain_actions .access a.module-list-button-access {
              position: absolute;
              top: 0;
              left: 0;
              border: 0;
              font-size: 0;
              padding: 0;
              width: 100%;
              height: 100%;
              background: transparent; }
  .modulelist-portlet .header-title {
    text-align: left;
    padding-left: 0 !important;
    margin-left: 0;
    font: 300 32px 'Telefonica-Regular',sans-serif; }

.checkmark {
  width: 24px;
  height: 18px;
  position: absolute;
  right: -15px;
  transform: translate(-50%, -50%) scale(0.4);
  -webkit-transform: translate(-50%, -50%) scale(0.4);
  -moz-transform: translate(-50%, -50%) scale(0.4);
  -ms-transform: translate(-50%, -50%) scale(0.4);
  -o-transform: translate(-50%, -50%) scale(0.4);
  top: 50%;
  z-index: 99; }

.eclases-local-resource-activity-portlet .portlet-topper {
  display: none; }
.eclases-local-resource-activity-portlet #descripcionActividad img, .eclases-local-resource-activity-portlet #descripcionActividad iframe {
  max-width: 100%;
  margin: 0 auto; }
.eclases-local-resource-activity-portlet .contenidoReto .descripcionReto {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d0d2d3;
  text-align: center;
  font: 300 14px "Telefonica-Bold", sans-serif;
  text-transform: uppercase;
  color: #004456; }
  .eclases-local-resource-activity-portlet .contenidoReto .descripcionReto p {
    font: 300 14px "Telefonica-Bold", sans-serif;
    text-transform: uppercase;
    color: #004456; }
.eclases-local-resource-activity-portlet .contenidoReto .documentoReto {
  text-align: center;
  margin-bottom: 30px; }
  .eclases-local-resource-activity-portlet .contenidoReto .documentoReto .nombreFichero {
    background: transparent url(/lideres-digitales-theme/images/custom/download.png) no-repeat 50% 5px;
    background-size: 50px;
    padding-top: 80px;
    font: 300 14px "Telefonica-Bold", sans-serif;
    text-transform: uppercase;
    color: #004456; }
    .eclases-local-resource-activity-portlet .contenidoReto .documentoReto .nombreFichero p {
      font: 300 14px "Telefonica-Bold", sans-serif;
      text-transform: uppercase;
      color: #004456; }

.challenge-activity-portlet .portlet-topper {
  display: none; }
.challenge-activity-portlet #descripcionActividad {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0d2d3; }
  .challenge-activity-portlet #descripcionActividad img, .challenge-activity-portlet #descripcionActividad iframe {
    max-width: 100%;
    margin: 0 auto; }
.challenge-activity-portlet form {
  max-width: 500px;
  margin: 10px auto;
  text-align: center;
  background: #f5f7f8;
  padding: 20px; }
  .challenge-activity-portlet form .aui-field input, .challenge-activity-portlet form .aui-field select {
    margin-top: 5px;
    width: 100%;
    font: 300 14px "Telefonica-Bold", sans-serif;
    color: #004456;
    background-color: white; }
.challenge-activity-portlet .pendingDeliveries {
  padding: 20px;
  color: #004456; }
.challenge-activity-portlet #activityMessages {
  height: 40px; }
  .challenge-activity-portlet #activityMessages .portlet-msg-success {
    position: absolute;
    width: 100%; }
.challenge-activity-portlet #drop-area {
  border: 0;
  margin: 20px auto;
  width: 100%;
  max-width: 500px;
  background: #f5f7f8;
  border-radius: 0;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }
  .challenge-activity-portlet #drop-area.destacado {
    transform: scale(1.1);
    opacity: .5;
    border: 1px dotted;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .challenge-activity-portlet #drop-area #uploadForm .button {
    margin: 0 auto;
    display: block;
    max-width: 350px;
    background-color: white;
    text-align: center;
    font: 300 14px "Telefonica-Regular", sans-serif;
    color: #004456; }
.challenge-activity-portlet #gallery {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #d0d2d3; }
  .challenge-activity-portlet #gallery label {
    font: 300 14px "Telefonica-Bold", sans-serif;
    text-transform: uppercase;
    color: #004456;
    margin-bottom: 15px; }
  .challenge-activity-portlet #gallery .deliverable img {
    max-width: 75px; }
  .challenge-activity-portlet #gallery .deliverable a {
    margin-right: 5px; }
  .challenge-activity-portlet #gallery form {
    max-width: none;
    background: transparent;
    padding: 20px 0; }
    .challenge-activity-portlet #gallery form .aui-field label {
      margin-bottom: 10px; }

/* Progress Bars */
.progress--bar {
  height: 10px;
  border-radius: 50px;
  background-color: #bfbfbf;
  position: relative; }
  .progress--bar:after {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    border-radius: 50px;
    left: 0;
    position: relative;
    background-color: #70c2da;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s; }
  .progress--bar.progress--100:after {
    background-color: #70c2da; }

.progress--bar.progress--0:after {
  width: 0%;
  left: 0; }

.progress--bar.progress--1:after {
  width: 1%;
  left: 0; }

.progress--bar.progress--2:after {
  width: 2%;
  left: 0; }

.progress--bar.progress--3:after {
  width: 3%;
  left: 0; }

.progress--bar.progress--4:after {
  width: 4%;
  left: 0; }

.progress--bar.progress--5:after {
  width: 5%;
  left: 0; }

.progress--bar.progress--6:after {
  width: 6%;
  left: 0; }

.progress--bar.progress--7:after {
  width: 7%;
  left: 0; }

.progress--bar.progress--8:after {
  width: 8%;
  left: 0; }

.progress--bar.progress--9:after {
  width: 9%;
  left: 0; }

.progress--bar.progress--10:after {
  width: 10%;
  left: 0; }

.progress--bar.progress--11:after {
  width: 11%;
  left: 0; }

.progress--bar.progress--12:after {
  width: 12%;
  left: 0; }

.progress--bar.progress--13:after {
  width: 13%;
  left: 0; }

.progress--bar.progress--14:after {
  width: 14%;
  left: 0; }

.progress--bar.progress--15:after {
  width: 15%;
  left: 0; }

.progress--bar.progress--16:after {
  width: 16%;
  left: 0; }

.progress--bar.progress--17:after {
  width: 17%;
  left: 0; }

.progress--bar.progress--18:after {
  width: 18%;
  left: 0; }

.progress--bar.progress--19:after {
  width: 19%;
  left: 0; }

.progress--bar.progress--20:after {
  width: 20%;
  left: 0; }

.progress--bar.progress--21:after {
  width: 21%;
  left: 0; }

.progress--bar.progress--22:after {
  width: 22%;
  left: 0; }

.progress--bar.progress--23:after {
  width: 23%;
  left: 0; }

.progress--bar.progress--24:after {
  width: 24%;
  left: 0; }

.progress--bar.progress--25:after {
  width: 25%;
  left: 0; }

.progress--bar.progress--26:after {
  width: 26%;
  left: 0; }

.progress--bar.progress--27:after {
  width: 27%;
  left: 0; }

.progress--bar.progress--28:after {
  width: 28%;
  left: 0; }

.progress--bar.progress--29:after {
  width: 29%;
  left: 0; }

.progress--bar.progress--30:after {
  width: 30%;
  left: 0; }

.progress--bar.progress--31:after {
  width: 31%;
  left: 0; }

.progress--bar.progress--32:after {
  width: 32%;
  left: 0; }

.progress--bar.progress--33:after {
  width: 33%;
  left: 0; }

.progress--bar.progress--34:after {
  width: 34%;
  left: 0; }

.progress--bar.progress--35:after {
  width: 35%;
  left: 0; }

.progress--bar.progress--36:after {
  width: 36%;
  left: 0; }

.progress--bar.progress--37:after {
  width: 37%;
  left: 0; }

.progress--bar.progress--38:after {
  width: 38%;
  left: 0; }

.progress--bar.progress--39:after {
  width: 39%;
  left: 0; }

.progress--bar.progress--40:after {
  width: 40%;
  left: 0; }

.progress--bar.progress--41:after {
  width: 41%;
  left: 0; }

.progress--bar.progress--42:after {
  width: 42%;
  left: 0; }

.progress--bar.progress--43:after {
  width: 43%;
  left: 0; }

.progress--bar.progress--44:after {
  width: 44%;
  left: 0; }

.progress--bar.progress--45:after {
  width: 45%;
  left: 0; }

.progress--bar.progress--46:after {
  width: 46%;
  left: 0; }

.progress--bar.progress--47:after {
  width: 47%;
  left: 0; }

.progress--bar.progress--48:after {
  width: 48%;
  left: 0; }

.progress--bar.progress--49:after {
  width: 49%;
  left: 0; }

.progress--bar.progress--50:after {
  width: 50%;
  left: 0; }

.progress--bar.progress--51:after {
  width: 51%;
  left: 0; }

.progress--bar.progress--52:after {
  width: 52%;
  left: 0; }

.progress--bar.progress--53:after {
  width: 53%;
  left: 0; }

.progress--bar.progress--54:after {
  width: 54%;
  left: 0; }

.progress--bar.progress--55:after {
  width: 55%;
  left: 0; }

.progress--bar.progress--56:after {
  width: 56%;
  left: 0; }

.progress--bar.progress--57:after {
  width: 57%;
  left: 0; }

.progress--bar.progress--58:after {
  width: 58%;
  left: 0; }

.progress--bar.progress--59:after {
  width: 59%;
  left: 0; }

.progress--bar.progress--60:after {
  width: 60%;
  left: 0; }

.progress--bar.progress--61:after {
  width: 61%;
  left: 0; }

.progress--bar.progress--62:after {
  width: 62%;
  left: 0; }

.progress--bar.progress--63:after {
  width: 63%;
  left: 0; }

.progress--bar.progress--64:after {
  width: 64%;
  left: 0; }

.progress--bar.progress--65:after {
  width: 65%;
  left: 0; }

.progress--bar.progress--66:after {
  width: 66%;
  left: 0; }

.progress--bar.progress--67:after {
  width: 67%;
  left: 0; }

.progress--bar.progress--68:after {
  width: 68%;
  left: 0; }

.progress--bar.progress--69:after {
  width: 69%;
  left: 0; }

.progress--bar.progress--70:after {
  width: 70%;
  left: 0; }

.progress--bar.progress--71:after {
  width: 71%;
  left: 0; }

.progress--bar.progress--72:after {
  width: 72%;
  left: 0; }

.progress--bar.progress--73:after {
  width: 73%;
  left: 0; }

.progress--bar.progress--74:after {
  width: 74%;
  left: 0; }

.progress--bar.progress--75:after {
  width: 75%;
  left: 0; }

.progress--bar.progress--76:after {
  width: 76%;
  left: 0; }

.progress--bar.progress--77:after {
  width: 77%;
  left: 0; }

.progress--bar.progress--78:after {
  width: 78%;
  left: 0; }

.progress--bar.progress--79:after {
  width: 79%;
  left: 0; }

.progress--bar.progress--80:after {
  width: 80%;
  left: 0; }

.progress--bar.progress--81:after {
  width: 81%;
  left: 0; }

.progress--bar.progress--82:after {
  width: 82%;
  left: 0; }

.progress--bar.progress--83:after {
  width: 83%;
  left: 0; }

.progress--bar.progress--84:after {
  width: 84%;
  left: 0; }

.progress--bar.progress--85:after {
  width: 85%;
  left: 0; }

.progress--bar.progress--86:after {
  width: 86%;
  left: 0; }

.progress--bar.progress--87:after {
  width: 87%;
  left: 0; }

.progress--bar.progress--88:after {
  width: 88%;
  left: 0; }

.progress--bar.progress--89:after {
  width: 89%;
  left: 0; }

.progress--bar.progress--90:after {
  width: 90%;
  left: 0; }

.progress--bar.progress--91:after {
  width: 91%;
  left: 0; }

.progress--bar.progress--92:after {
  width: 92%;
  left: 0; }

.progress--bar.progress--93:after {
  width: 93%;
  left: 0; }

.progress--bar.progress--94:after {
  width: 94%;
  left: 0; }

.progress--bar.progress--95:after {
  width: 95%;
  left: 0; }

.progress--bar.progress--96:after {
  width: 96%;
  left: 0; }

.progress--bar.progress--97:after {
  width: 97%;
  left: 0; }

.progress--bar.progress--98:after {
  width: 98%;
  left: 0; }

.progress--bar.progress--99:after {
  width: 99%;
  left: 0; }

.progress--bar.progress--100:after {
  width: 100%;
  left: 0; }

.chrome header#banner content .contentHeader .custom-logo svg,
.firefox header#banner content .contentHeader .custom-logo svg,
.mobile header#banner content .contentHeader .custom-logo svg {
  top: 0; }
.chrome header#banner content .contentHeader.menu-hambur.open,
.firefox header#banner content .contentHeader.menu-hambur.open,
.mobile header#banner content .contentHeader.menu-hambur.open {
  position: initial; }

body.home #content {
  margin-top: 105px;
  background: transparent; }
body.home .portlet-dockbar {
  margin: 0; }
body.home #layout-column-2 {
  display: none; }
body.home.dockbar-ready #content {
  margin-top: 80px; }

#html_captcha iframe {
  display: none; }

#preRegistroT {
  margin-top: 22px; }

#main-content.course #content, #main-content.itinerary #content {
  margin-top: 80px; }
#main-content.course .portlet-column, #main-content.itinerary .portlet-column {
  width: 50%; }
#main-content.course #column-3, #main-content.itinerary #column-3 {
  display: flex;
  min-height: 385px;
  align-items: center;
  justify-content: center; }
#main-content.course .back-top-formation, #main-content.itinerary .back-top-formation, #main-content.modules .back-top-formation {
  top: 40px; }
#main-content.course .portlet-breadcrumb .breadcrumbs, #main-content.itinerary .portlet-breadcrumb .breadcrumbs, #main-content.modules .portlet-breadcrumb .breadcrumbs {
  margin-bottom: 20px; }
  #main-content.course .portlet-breadcrumb .breadcrumbs li a, #main-content.itinerary .portlet-breadcrumb .breadcrumbs li a, #main-content.modules .portlet-breadcrumb .breadcrumbs li a {
    font: 300 24px "Telefonica-Light", sans-serif;
    margin: 15px 20px;
    display: inline-block;
    width: 100%; }
#main-content.course .inscription-portlet .portlet-borderless-container, #main-content.itinerary .inscription-portlet .portlet-borderless-container, #main-content.modules .inscription-portlet .portlet-borderless-container {
  min-height: 0; }
#main-content.course .portlet-navigation input.menu-btn,
#main-content.course .portlet-navigation label.menu-icon,
#main-content.course .portlet-navigation .menu2, #main-content.itinerary .portlet-navigation input.menu-btn, #main-content.itinerary .portlet-navigation label.menu-icon, #main-content.itinerary .portlet-navigation .menu2, #main-content.modules .portlet-navigation input.menu-btn, #main-content.modules .portlet-navigation label.menu-icon, #main-content.modules .portlet-navigation .menu2 {
  display: none; }
#main-content.course .modulelist-portlet header.portlet-topper, #main-content.itinerary .modulelist-portlet header.portlet-topper, #main-content.modules .modulelist-portlet header.portlet-topper {
  max-width: 75%;
  display: block;
  margin: 0 auto; }
#main-content.course .modulelist-portlet #myContainer, #main-content.itinerary .modulelist-portlet #myContainer, #main-content.modules .modulelist-portlet #myContainer {
  max-width: 550px; }
#main-content.course .inscription-portlet, #main-content.itinerary .inscription-portlet, #main-content.modules .inscription-portlet {
  position: relative;
  bottom: 40px;
  left: 40px;
  background: transparent;
  width: auto;
  display: inline-block; }
  #main-content.course .inscription-portlet .portlet-msg-success, #main-content.itinerary .inscription-portlet .portlet-msg-success, #main-content.modules .inscription-portlet .portlet-msg-success {
    top: 60px;
    position: relative;
    left: 0;
    padding-right: 17px; }
  #main-content.course .inscription-portlet .portlet-body > a, #main-content.itinerary .inscription-portlet .portlet-body > a, #main-content.modules .inscription-portlet .portlet-body > a {
    margin: 0; }

body.itinerary .blog_BS {
  background: #d6dedf; }
body.itinerary #content {
  padding-top: 20px; }
body.itinerary .back-top-formation {
  top: 10px; }
body.itinerary .courseimage-portlet {
  position: absolute!important;
  left: -330px !important;
  top: 25px!important; }
body.itinerary .itinerarioactivity-portlet .contenidoItinerario {
  padding-bottom: 50px; }
  body.itinerary .itinerarioactivity-portlet .contenidoItinerario .course-mycourse-mini .text-progress {
    bottom: 35px; }
body.itinerary #column-5 {
  width: 35%;
  margin: 0 auto;
  display: inline-block;
  background: white;
  vertical-align: top;
  position: relative; }
  body.itinerary #column-5:before {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    right: -2px;
    background: white; }
body.itinerary #column-4 {
  width: calc(65% - 3px );
  display: inline-block;
  vertical-align: top;
  border-left: 50px solid #f5f7f8;
  border-right: 50px solid #f5f7f8;
  border-bottom: 50px solid #f5f7f8;
  position: relative;
  background: white; }
  body.itinerary #column-4:before {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    right: -51px;
    background: #f5f7f8; }

#main-content.modules #content {
  margin-top: 70px; }
#main-content.modules #column-2 {
  background: #f5f7f8;
  padding: 20px;
  margin-bottom: -8px; }
  #main-content.modules #column-2 .portlet-boundary {
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden; }
    #main-content.modules #column-2 .portlet-boundary .portlet-topper {
      background: #003245; }
      #main-content.modules #column-2 .portlet-boundary .portlet-topper .portlet-title {
        padding: 15px;
        font: 300 12px "Telefonica-Bold", sans-serif; }
      #main-content.modules #column-2 .portlet-boundary .portlet-topper .portlet-title-text {
        font: 300 12px "Telefonica-Bold", sans-serif;
        color: white;
        text-transform: uppercase;
        letter-spacing: 2px; }
    #main-content.modules #column-2 .portlet-boundary .portlet-content {
      padding: 20px;
      border: 1px solid #d0d2d3;
      margin-top: -2px;
      overflow: hidden;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
#main-content.modules #column-3 {
  padding: 20px; }

#main-content.perfil {
  background: #d6dedf;
  margin-bottom: -5px;
  min-height: calc(100vh - 153px); }
  #main-content.perfil .menu {
    border-right: 10px solid #d6dedf;
    background: white; }
  #main-content.perfil .content {
    background: white; }
  #main-content.perfil div.portlet-navigation {
    margin: 0;
    display: inline-block;
    width: 100%; }
    #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li {
      width: 100%; }
      #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a {
        margin: 5px 0;
        margin-bottom: 0;
        padding: 13px 5px;
        border: 0;
        border-bottom: 1px solid #d0d2d3;
        position: relative;
        width: calc(100% - 45px);
        text-align: left;
        margin-left: 45px;
        font: 300 14px "Telefonica-Bold", sans-serif;
        text-transform: uppercase;
        letter-spacing: 1.5px; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a:before {
          content: "";
          width: 25px;
          height: 25px;
          display: block;
          position: absolute;
          left: -30px;
          top: 9px;
          background: transparent;
          background-size: 14px !important; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a:after {
          content: "";
          width: 5px;
          height: 0;
          background: #70c2da;
          overflow: hidden;
          display: block;
          position: absolute;
          top: 50%;
          left: -45px;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=formacion]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/formacion.svg) no-repeat 50%;
          background-size: 18px !important; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=certificados]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/certificado.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=comunidad]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/comunidad.svg) no-repeat 50%;
          background-size: 18px !important; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=reto]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/reto.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=favoritos]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/fav.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=diagnosticos]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/diagnostico.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=ficha]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/ficha.svg) no-repeat 50%;
          background-size: 18px !important; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=configuracion]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/config.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=notificaciones]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/notif.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a[href*=salir]:before {
          background: transparent url(/lideres-digitales-theme/images/custom/menu/salir.svg) no-repeat 50%; }
        #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a:hover:after, #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li a.selected:after {
          height: 100%;
          top: 0;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s; }
      #main-content.perfil div.portlet-navigation .nav-menu ul.layouts.level-1 li:nth-last-child(1) a {
        border: 0; }

body.portal-popup .portlet-boundary {
  border: 0 !important;
  position: relative !important; }
body.portal-popup .modulelist-portlet {
  margin: 0; }
body.portal-popup .aui-field-choice .aui-field-content {
  margin-bottom: 10px; }
body.portal-popup .courseintro-portlet {
  text-align: left; }
  body.portal-popup .courseintro-portlet .aui-field {
    margin-bottom: 20px;
    display: block; }

/* MAX Media Querys */
@media screen and (max-width: 1200px) {
  body.home #layout-column-3 {
    padding: 30px; } }
@media screen and (max-width: 992px) {
  .container {
    padding: 0; }

  body.home .aui-w50 {
    width: 100%; }

  .detailProyect .cursosAsociados .course {
    width: 48%; }

  .reto-header-title .content-img .content-before {
    margin-left: 30%; }

  footer p {
    padding-left: 30px; }

  footer .onlyPc {
    display: none!important; }

  .onlyMobile {
    display: block !important; } }
@media screen and (max-width: 768px) {
  body .detailProyect .experiences .boxContent .box {
    border: 1px solid #929497 !important; }

  body.course .aui-w50.portlet-column-first, body.itinerary .aui-w50.portlet-column-first {
    width: 60%;
    margin-left: 330px; }

  .courseteachers-portlet .teachers .teacher {
    width: 98%; }

  .detailExperience .propuesta_iframe iframe {
    width: 90%!important;
    margin: 0 auto;
    height: 350px!important; }

  body.course .courseimage-portlet,
  body.itinerary .courseimage-portlet {
    left: 15px!important; }

  body .course-tabs-portlet {
    margin-top: 40px; }
  body #main-content.course #column-3,
  body #main-content.itinerary #column-3 {
    width: 100%; }
    body #main-content.course #column-3 .portlet-column-content,
    body #main-content.itinerary #column-3 .portlet-column-content {
      width: 100%; }
  body .inscriptionportlet-portlet #caja_inscripcion .mensaje_marcado {
    position: relative;
    top: 20px;
    left: 0; }
  body .inscriptionportlet-portlet #caja_inscripcion {
    text-align: left; }
  body #navigation ul {
    width: 90%; }
  body #content {
    padding: 0; }
  body footer {
    padding: 30px 20px; }
  body .tabs-registro-login {
    margin: 0 -20px; }
  body .dockbar .menu-button {
    vertical-align: text-bottom; }
    body .dockbar .menu-button span {
      width: 20px;
      display: block;
      height: 20px;
      font-size: 0; }
  body .dockbar .user-fullname {
    display: none; }
  body .dockbar .toggle-controls a {
    width: 20px;
    display: block;
    height: 20px;
    font-size: 0; }
  body:not(.portal-popup) div.portlet-search {
    margin: 0; }
    body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content {
      max-width: 550px;
      max-width: 470px;
      padding: 0 30px; }
      body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content .searchButton {
        right: 30px; }
    body:not(.portal-popup) div.portlet-search .btn-filter-box {
      display: block; }
      body:not(.portal-popup) div.portlet-search .btn-filter-box .btn-filter {
        max-width: 250px; }
    body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu {
      width: 0;
      position: fixed;
      z-index: 9;
      top: 0;
      left: 0;
      max-height: 100vh;
      overflow: visible;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
      body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu.open {
        width: 45%;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s; }
      body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet ul {
        max-height: calc(100vh - 55px);
        overflow: auto; }
      body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu .menu-content .search-facet .tag-list-box {
        display: block; }
    body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result {
      width: 100%; }
  body .coursedescription-portlet .description img,
  body .coursedescription-portlet .description video,
  body .coursedescription-portlet .description iframe {
    max-width: 75%!important; }
  body .sign-out-guest .menu-profile.open {
    width: 45%; }
  body .courseintro-portlet {
    padding: 0; }
  body .courseratings-portlet,
  body .inscriptionportlet-portlet {
    width: auto;
    margin-left: 20px; }
  body .inscriptionportlet-portlet .mensaje_marcado {
    margin: 0 !important; }
  body .btn-list-modules {
    display: inline-block; }
  body #main-content.modules #column-3 {
    padding-right: 0; }
  body .moduledescription-portlet {
    padding-right: 20px; }
  body .moduletitle-portlet {
    padding-left: 35px;
    display: block;
    margin-top: -12px;
    margin-bottom: 15px; }
  body .lmsactivitieslist-portlet .portlet-topper .portlet-title {
    padding-left: 20px;
    margin-top: 0px; }
  body .img-login:before {
    height: 200px;
    bottom: -5px; }
  body .img-login svg {
    width: 90%; }
  body .reto-header-title .content-img .content-before {
    width: 180px !important;
    height: 195px !important;
    margin: -20px -90px !important;
    margin-left: 30% !important; }
  body .retos-home .container-item-destacado {
    display: block;
    text-align: center; }
    body .retos-home .container-item-destacado .item-destacado {
      width: 85%;
      display: inline-block;
      max-width: 450px; }
  body .banner-home svg {
    width: 30%;
    bottom: -20px;
    right: 35px; }
  body .cursos-home .challengesContainer {
    display: block; }
    body .cursos-home .challengesContainer .courseRow {
      margin: 30px;
      width: calc(49% - 60px);
      padding: 0;
      float: none;
      display: inline-block;
      vertical-align: top; }
  body.body-modules #main-content.modules #column-2 {
    position: initial;
    padding: 0; }
    body.body-modules #main-content.modules #column-2 #layout-column_column-2.open {
      background: #f5f7f8;
      padding: 20px;
      margin: 0; }
  body.body-modules.course-activities #main-content.modules #column-2 #layout-column_column-2.open {
    padding: 0; }
  body #main-content.course .portlet-column, body #main-content.itinerary .portlet-column {
    width: 100%; }
  body #main-content.course #column-3, body #main-content.itinerary #column-3 {
    min-height: 0;
    justify-content: left; }
  body #main-content.modules .row.activity {
    position: relative; }
  body #main-content.modules #column-2 {
    position: initial;
    padding: 0; }
    body #main-content.modules #column-2.open:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(255, 255, 255, 0.75);
      z-index: 9;
      top: 54px; }
    body #main-content.modules #column-2 #layout-column_column-2 {
      position: absolute;
      top: 55px;
      z-index: 9;
      width: 0;
      overflow: hidden;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
      body #main-content.modules #column-2 #layout-column_column-2.open {
        width: 70%; }
  body #main-content.perfil .col.menu {
    display: none; }

  .onlyPc {
    display: none !important; }

  .logoaepd {
    margin-left: 0px; }

  #navigationFooter ul li {
    margin-left: 30px; } }
@media screen and (max-width: 480px) {
  body .tabs-custom .tab {
    padding: 20px 10px; }
  body .acerca-de-proyecto .reto-header-title {
    background: transparent; }
  body .rateproject-portlet .tabs-select {
    display: block;
    padding: 20px;
    border-top: 1px solid #d0d2d3;
    text-transform: uppercase;
    position: relative; }
    body .rateproject-portlet .tabs-select:before {
      content: "";
      width: 10px;
      height: 10px;
      border-top: 2px solid black;
      border-left: 2px solid black;
      position: absolute;
      top: 23px;
      right: 30px;
      transform: rotate(225deg);
      -webkit-transform: rotate(225deg);
      -moz-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      -o-transform: rotate(225deg); }
    body .rateproject-portlet .tabs-select.open:before {
      top: 27px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg); }
  body .rateproject-portlet .tabs-content {
    height: 0;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
    body .rateproject-portlet .tabs-content.open {
      height: auto;
      transition: all .3s;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s; }
    body .rateproject-portlet .tabs-content .tab {
      display: block; }
  body .rateproject-portlet .counter {
    text-align: center; }
    body .rateproject-portlet .counter #counter {
      display: block;
      float: none;
      text-align: center;
      margin: 0 auto; }
  body header#banner content .contentHeader.menu-hambur {
    width: 75px; }
    body header#banner content .contentHeader.menu-hambur:before {
      display: none; }
  body header#banner content .contentHeader.content-logo {
    width: calc(100% - 195px); }
  body header#banner content .contentHeader.access #sign-out {
    padding: 34px 25px;
    margin-top: 3px;
    margin-bottom: -6px; }
    body header#banner content .contentHeader.access #sign-out span {
      display: none; }
  body .img-login {
    display: none; }
  body .login-content {
    left: 0;
    width: 100%; }
  body .header-login, body .tabs-familiar {
    left: 5%;
    width: 90%;
    top: 25px; }
  body .portlet-login,
  body .formularioregistro-portlet {
    left: 5%;
    width: 90%;
    top: 100px; }
  body .reto-header-title .content-title {
    padding: 40px; }
  body .headerPage {
    width: 100%; }
    body .headerPage.compartir.experiencia {
      background: white !important; }
  body .detailExperience .propuesta_iframe iframe {
    height: 220px!important; }
  body .sign-out-header a {
    font-size: 0; }
    body .sign-out-header a:before {
      top: -10px;
      left: -15px; }
    body .sign-out-header a:after {
      top: -10px;
      left: -10px; }
    body .sign-out-header a:hover:before {
      left: -5px; }
  body .bannerHome {
    background: white; }
    body .bannerHome .col-md-5 {
      display: none; }
    body .bannerHome .col-md-7 {
      margin-left: 20%; }
    body .bannerHome .text {
      padding: 5px; }
  body .favoritos-portlet .favHeader .favProjects a {
    width: 100%; }
  body .favoritos-portlet .favHeader .favAddText,
  body .favoritos-portlet .favHeader .favProjects {
    display: block;
    width: 100%;
    text-align: center; }
  body .boxInfoElement {
    position: relative; }
    body .boxInfoElement .imagen {
      position: absolute;
      left: 0;
      margin-top: 20px; }
    body .boxInfoElement .info {
      padding-top: 215px; }
  body.itinerary #column-4,
  body.itinerary #column-5 {
    width: 100%; }
  body .detailProyect .apps .app {
    display: block;
    height: auto; }
  body .modulelist-portlet #myContainer .coursemodule td {
    padding: 0 15px;
    display: inline-block !important;
    width: 100% !important; }
    body .modulelist-portlet #myContainer .coursemodule td a.module-list-button-access {
      width: 100%;
      display: block; }
  body.modules .portlet-column.span9 {
    width: 100%;
    border-top: 1px solid; }
  body.modules .portlet-column.span3 {
    width: 85%; }
  body .reto-header-title .content-title {
    padding: 10px 40px; }
  body .inscription-portlet .boton {
    left: 0;
    bottom: -20px; }
  body .reto-header-title .content-img .content-before {
    display: none !important; }
  body .reto-header-title .content-img {
    min-height: 50px; }
  body .cursos-home .challengesContainer .courseRow {
    width: calc(95% - 60px); }
  body .banner-home {
    background: transparent; }
    body .banner-home svg {
      display: none; }
  body footer p {
    padding-left: 0; }
  body footer content > div:not(.backToTop) {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: center; }
  body footer .col-xs-3 {
    width: 100%;
    margin-bottom: 30px; }
  body #navigationFooter ul li {
    display: block;
    padding: 0 10px;
    margin: 10px 0;
    text-align: center; }
    body #navigationFooter ul li:hover, body #navigationFooter ul li.selected {
      padding-bottom: 5px; }
  body #caja_experiencia {
    padding: 30px; }
    body #caja_experiencia .experience-upload > div.categories .panel-categoria {
      width: 100%;
      margin: 10px 0 !important; }
    body #caja_experiencia form[name=_Experiences_WAR_experiencesportlet_experience_execute] {
      padding: 20px; }
  body h1.title_3fases {
    font: 300 29px 'Telefonica-Regular',sans-serif;
    margin-bottom: 10px; }
  body ._3fases .box {
    display: block;
    padding: 30px 0; }
    body ._3fases .box:before {
      width: 100%;
      position: absolute;
      top: 94%;
      right: 0; }
  body .boxContent .box {
    border-bottom: 1px solid #d0d2d3; }
  body .modulelist-portlet #myContainer .coursemodule td.percent, body .modulelist-portlet #myContainer .coursemodule td.contain_actions {
    padding: 25px 15px; }
    body .modulelist-portlet #myContainer .coursemodule td.percent .access a, body .modulelist-portlet #myContainer .coursemodule td.contain_actions .access a {
      width: 100%;
      display: block; }
  body.modules .portlet-column.span9 {
    padding: 20px;
    padding-top: 40px; }
  body.modules .back-top-formation {
    right: 0px;
    top: 0px; }
  body .video {
    width: 100%; }
    body .video iframe {
      width: 100%; }

  .detailProyect .cursosAsociados .course {
    width: 98%; }

  body.course .aui-w50.portlet-column-first,
  body.itinerary .aui-w50.portlet-column-first {
    width: 90%;
    padding-top: 250px; }

  body.course .courseimage-portlet,
  body.itinerary .courseimage-portlet {
    left: 20px!important;
    top: 20px!important; }

  body.course .aui-w50.portlet-column-last,
  body.itinerary .aui-w50.portlet-column-last {
    margin-top: -5px;
    padding-left: 55px; }

  body.course .aui-w50.portlet-column-first,
  body.itinerary .aui-w50.portlet-column-first {
    margin-left: 80px; }

  .inscriptionportlet-portlet #caja_inscripcion .boton_inscibirse {
    margin-right: 50%; }

  .detailProyect .proyect {
    padding-top: 200px;
    width: 100%; }

  .detailProyect .imgProyect {
    width: 60%; }

  .categories {
    padding-left: 0; }

  body #main-content.course .portlet-column, body #main-content.itinerary .portlet-column {
    width: 100%; }
  body #main-content.modules #column-2 #layout-column_column-2.open {
    width: 90%; }
  body .sign-out-guest .menu-profile.open {
    width: calc(100% - 67px); }
  body:not(.portal-popup) div.portlet-search .aui-fieldset .aui-fieldset-content {
    max-width: 470px; }
  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.menu.open {
    width: calc(100% - 65px); }
  body:not(.portal-popup) div.portlet-search .search-layout .search-layout-content .aui-column.result {
    width: 100%; }
  body .coursedescription-portlet .description img,
  body .coursedescription-portlet .description video,
  body .coursedescription-portlet .description iframe {
    max-width: 100%!important; }
  body .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado span.admin:before, body .portlet-navigation.navigation-lineal ul.layouts.level-1 > li.plegado a.admin:before {
    top: 11px; }
  body .portlet-navigation.navigation-lineal ul.layouts.level-1 > li a {
    font: 500 12px "Telefonica-Light",sans-serif;
    margin: 10px 0;
    padding: 12px 10px;
    letter-spacing: 1.2px; }
  body .portlet-message-boards #messageBoardsCategoriesPanel table th,
  body .portlet-message-boards #messageBoardsCategoriesPanel table td {
    display: none; }
    body .portlet-message-boards #messageBoardsCategoriesPanel table th.col-1,
    body .portlet-message-boards #messageBoardsCategoriesPanel table td.col-1 {
      display: block; }
  body .portlet-message-boards .category-buttons input {
    width: 80%; } }
body.course-activities #main-content.modules #column-2 {
  padding: 0; }
  body.course-activities #main-content.modules #column-2 .portlet-boundary {
    border-radius: 0; }
    body.course-activities #main-content.modules #column-2 .portlet-boundary .portlet-content {
      border-radius: 0;
      border: 0; }
    body.course-activities #main-content.modules #column-2 .portlet-boundary .portlet-topper .portlet-title {
      border-radius: 0;
      border: 0;
      padding: 15px; }
      body.course-activities #main-content.modules #column-2 .portlet-boundary .portlet-topper .portlet-title .portlet-title-text {
        color: #004456;
        font: 300 18px "Telefonica-Bold", sans-serif;
        text-transform: capitalize; }
body.course-activities .lmsactivitieslist-portlet .portlet-topper .portlet-title {
  border: 0;
  border-top: 1px solid #d0d2d3;
  padding: 15px;
  margin-top: -1px;
  background: #cbd4d6;
  font: 300 18px 'Telefonica-Bold',sans-serif;
  position: relative; }
body.course-activities .lmsactivitieslist-portlet .modulo ul {
  margin: 0;
  background: #f5f7f8; }
  body.course-activities .lmsactivitieslist-portlet .modulo ul > li {
    list-style: none;
    margin: 10px 20px;
    display: inline-block;
    width: calc(100% - 40px);
    padding-left: 25px;
    border: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d2d3; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li:first-child {
      margin-top: 20px !important; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li:last-child {
      border: 0; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li > a {
      font: 300 18px 'Telefonica-Bold',sans-serif;
      color: #004456; }
      body.course-activities .lmsactivitieslist-portlet .modulo ul > li > a:hover {
        color: #70c2da; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li .desplegar {
      display: none; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li.option-none:before {
      content: "";
      width: 17px;
      height: 17px;
      display: block;
      position: absolute;
      left: 0;
      top: 3px;
      background: transparent url(/lideres-digitales-theme/images/custom/common/open.svg) no-repeat center;
      background-size: 13px; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li.option-none.locked:before {
      content: "";
      background: transparent url(/lideres-digitales-theme/images/custom/common/locked.svg) no-repeat center;
      background-size: 13px; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li.option-none.locked a {
      color: #909aa2; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul > li.option-none.passed:before {
      content: "";
      left: 0;
      top: 3px;
      border-radius: 50%;
      background: #70c2da url(/lideres-digitales-theme/images/custom/common/ico_check_w.svg) no-repeat center;
      background-size: 13px; }
  body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li {
    list-style: none;
    position: relative;
    padding: 8px;
    padding-left: 20px;
    margin: 0;
    margin-top: 0;
    border: 0;
    display: block; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li:first-child {
      margin-top: 10px !important; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li:before {
      content: "";
      width: 15px;
      height: 15px;
      display: block;
      position: absolute;
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_silver.svg) no-repeat center;
      background-size: 12px;
      border: 0;
      left: 0;
      top: 9px; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li > a {
      padding: 0;
      display: block;
      font: 300 15px 'Telefonica-Regular',sans-serif;
      color: #004456; }
      body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li > a:hover {
        color: #70c2da; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity:hover a, body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity:hover span {
      color: #70c2da; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.activado:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_border.svg) no-repeat center;
      background-size: 12px;
      top: 9px; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.activado a, body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.activado span {
      font: 300 15px 'Telefonica-Bold',sans-serif; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.started:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_start.svg) no-repeat center;
      background-size: 12px; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked {
      background: transparent url(/lideres-digitales-theme/images/custom/common/locked.svg) no-repeat 2px 6px;
      background-size: 12px;
      opacity: .35;
      color: #909aa2; }
      body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked:before, body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked:after {
        display: none; }
      body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.locked a {
        color: #909aa2; }
    body.course-activities .lmsactivitieslist-portlet .modulo ul .lms-desplegable ul > li.learningActivity.passed:before {
      background: transparent url(/lideres-digitales-theme/images/custom/common/bookmark_passed.svg) no-repeat center;
      background-size: 12px; }
body.course-activities .lmsactivitieslist-portlet .modulo .newactivity a {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  margin: 10px 0;
  margin-right: 10px;
  padding: 10px 25px;
  border-radius: 0;
  background: #70c2da;
  border: 1px solid #70c2da;
  color: white;
  font: 100 14px 'Telefonica-Regular',sans-serif;
  letter-spacing: 1.5px;
  cursor: pointer;
  box-shadow: none;
  text-transform: uppercase; }
  body.course-activities .lmsactivitieslist-portlet .modulo .newactivity a span {
    color: white; }
  body.course-activities .lmsactivitieslist-portlet .modulo .newactivity a img {
    display: none; }
  body.course-activities .lmsactivitieslist-portlet .modulo .newactivity a:hover {
    background: #004456;
    border: 1px solid #004456; }
body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit {
  margin-top: 10px; }
  body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit > span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
    body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit > span img.icon {
      width: 15px;
      max-width: 15px; }
  body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable {
    margin-top: 20px; }
    body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable ul li {
      opacity: 1 !important;
      padding-bottom: 20px;
      margin: 10px 0;
      border-bottom: 1px solid #cbd4d6; }
    body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable .iconsedit > span {
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle; }
      body.course-activities .lmsactivitieslist-portlet .modulo .iconsedit + .lms-desplegable .iconsedit > span img.icon {
        width: 18px;
        max-width: 18px; }
body.course-activities .moduletitle-portlet .taglib-header {
  border: 0;
  border: 0;
  margin: 0; }
body.course-activities .moduletitle-portlet .header-title {
  font: 100 18px 'Telefonica-Regular',sans-serif;
  text-align: left;
  padding: 15px;
  margin: 0;
  border-top: 0;
  border-bottom: 1px solid #d0d2d3;
  background: #f5f7f8; }