html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

hr {
  border-width: 1px 0 0 !important;
  clear: both;
  height: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

p {
  margin: 0 0 1em;
}

em {
  font-style: italic;
}

small {
  font-size: 80%;
}

blockquote cite {
  display: block;
}

a, a:visited {
  outline: 0;
}

img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

.border-box {
  box-sizing: border-box;
}

.full-width {
  width: 100%;
}

.remove-bottom {
  margin-bottom: 0 !important;
}

.half-bottom {
  margin-bottom: 0.75em !important;
}

.add-bottom {
  margin-bottom: 1.5em !important;
}

.no-padding {
  padding: 0 !important;
}

.no-border {
  border: 0 none !important;
}

.side-padding {
  padding: 0 1em !important;
}

.side-margin {
  margin: 0 1em !important;
}

.side-border {
  padding: 0 0.5em !important;
}

.radius-mini {
  border-radius: 4px;
}

.relative {
  position: relative;
}

.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.block {
  display: block !important;
}

.align-middle {
  vertical-align: middle;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

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

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

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

.remove-bottom {
  margin-bottom: 0 !important;
}

.half-bottom {
  margin-bottom: 1em !important;
}

.add-bottom {
  margin-bottom: 2em !important;
}

.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.medium {
  font-weight: 600;
}

.bold, strong {
  font-weight: 700;
}

.upp {
  text-transform: uppercase;
}

.clickable {
  cursor: pointer;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.scrollable {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.no-callout {
  -webkit-touch-callout: none;
}

.col {
  float: left;
  display: inline;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
.col.padded {
  padding-left: 1em;
  padding-right: 1em;
}
.col.no-left {
  padding-left: 0;
}
.col.no-right {
  padding-right: 0;
}

.row {
  margin-bottom: 1em;
}

.one {
  width: 6.25%;
}

.two {
  width: 12.5%;
}

.three {
  width: 18.75%;
}

.four {
  width: 25%;
}

.five {
  width: 31.25%;
}

.six {
  width: 37.5%;
}

.seven {
  width: 43.75%;
}

.eight {
  width: 50%;
}

.nine {
  width: 56.25%;
}

.ten {
  width: 62.5%;
}

.eleven {
  width: 68.75%;
}

.twelve {
  width: 75%;
}

.thirteen {
  width: 81.25%;
}

.fourteen {
  width: 87.5%;
}

.fifteen {
  width: 92.75%;
}

.sixteen {
  width: 100%;
}

.one-third {
  width: 33.33%;
}

.two-thirds {
  width: 66.66%;
}

.clearfix:before, .clearfix:after, .row:before, .row:after, .av-row:before, .av-row:after,.av-tabs:before, .av-tabs:after  {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after, .row:after, .av-row:after, .av-tabs:after {
  clear: both;
}

.clearfix, .row, .av-row, .av-tabs {
  zoom: 1;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

@font-face {
  font-family: "Signika";
  src: url("../fonts/signika-bold.eot");
  src: url("../fonts/signika-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/signika-bold.woff") format("woff"), url("../fonts/signika-bold.ttf") format("truetype"), url("../fonts/signika-bold.svg#signikabold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Signika";
  src: url("../fonts/signika-semibold.eot");
  src: url("../fonts/signika-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/signika-semibold.woff") format("woff"), url("../fonts/signika-semibold.ttf") format("truetype"), url("../fonts/signika-semibold.svg#signikasemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Signika";
  src: url("../fonts/signika-light.eot");
  src: url("../fonts/signika-light.eot?#iefix") format("embedded-opentype"), url("../fonts/signika-light.woff") format("woff"), url("../fonts/signika-light.ttf") format("truetype"), url("../fonts/signika-light.svg#signikalight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Signika";
  src: url("../fonts/signika-regular.eot");
  src: url("../fonts/signika-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/signika-regular.woff") format("woff"), url("../fonts/signika-regular.ttf") format("truetype"), url("../fonts/signika-regular.svg#signikaregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "avs";
  src: url("../fonts/avs.eot");
  src: url("../fonts/avs.eot?#iefix") format("embedded-opentype"), url("../fonts/avs.ttf") format("truetype"), url("../fonts/avs.svg#avs") format("svg"), url("../fonts/avs.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before, .borrar:before, .dialog-borrar:before {
  font-family: "avs" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before, [class*=" icon-"]:before, [class^="msg-"]:before, [class*=" msg-"]:before, .file-icon:after {
  font-family: "avs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-exit-broken:before {
  content: "\e002";
}

.icon-user:before {
  content: "\e003";
}

.icon-group:before {
  content: "\e004";
}

.icon-library:before {
  content: "\e005";
}

.icon-contents:before {
  content: "\e006";
}

.icon-list:before {
  content: "\e007";
}

.icon-bubble:before {
  content: "\e008";
}

.icon-add:before {
  content: "\e009";
}

.icon-edit:before {
  content: "\e00a";
}

.icon-delete:before {
  content: "\e00b";
}

.icon-pdf:before {
  content: "\e00c";
}

.icon-plus:before {
  content: "\e00d";
}

.icon-message:before {
  content: "\e00e";
}

.icon-settings-old:before {
  content: "\e00f";
}

.icon-calendar:before {
  content: "\e010";
}

.icon-activity:before {
  content: "\e011";
}

.icon-arrow-down:before {
  content: "\e012";
}

.icon-arrow-up:before {
  content: "\e013";
}

.icon-arrow-left:before {
  content: "\e014";
}

.icon-arrow-right:before {
  content: "\e015";
}

.icon-cross:before {
  content: "\e017";
}

.icon-reload-old:before {
  content: "\e018";
}

.icon-magnifier:before {
  content: "\e000";
}

.icon-help:before {
  content: "\e016";
}

.icon-id:before {
  content: "\e019";
}

.icon-user-edit:before {
  content: "\e001";
}

.icon-grid:before {
  content: "\e01a";
}

.icon-video-old:before {
  content: "\e01c";
}

.icon-audio-old:before {
  content: "\e01d";
}

.icon-camera:before {
  content: "\e01b";
}

.icon-pictures-old:before {
  content: "\e01e";
}

.icon-floppy:before {
  content: "\e01f";
}

.icon-settings:before {
  content: "\e020";
}

.icon-reload:before {
  content: "\e021";
}

.icon-doc-ok:before {
  content: "\e022";
}

.icon-back-old:before {
  content: "\e023";
}

.icon-delete-round:before {
  content: "\e024";
}

.icon-onair:before {
  content: "\e025";
}

.icon-trash:before {
  content: "\e026";
}

.icon-eye:before {
  content: "\e027";
}

.icon-play:before {
  content: "\e028";
}

.icon-mail:before {
  content: "\e029";
}

.icon-tick:before {
  content: "\e02a";
}

.icon-tick-2:before {
  content: "\e02b";
}

.icon-edit-ok:before {
  content: "\e02c";
}

.icon-dots:before {
  content: "\e02d";
}

.icon-bookmark:before {
  content: "\e02e";
}

.icon-signal-low:before {
  content: "\e02f";
}

.icon-signal-medium:before {
  content: "\e030";
}

.icon-signal-high:before {
  content: "\e031";
}

.icon-envelope-send:before {
  content: "\e032";
}

.icon-doc-edit:before {
  content: "\e033";
}

.icon-doc-edit-2:before {
  content: "\e034";
}

.icon-envelope-empty:before {
  content: "\e035";
}

.icon-airplane:before {
  content: "\e036";
}

.icon-santillana-message:before {
  content: "\e037";
}

.icon-santillana-group:before {
  content: "\e038";
}

.icon-santillana-mouse:before {
  content: "\e039";
}

.icon-santillana-key:before {
  content: "\e03a";
}

.icon-line-note:before {
  content: "\e03b";
}

.icon-line-book:before {
  content: "\e03c";
}

.icon-line-notepad:before {
  content: "\e03d";
}

.icon-line-message:before {
  content: "\e03e";
}

.icon-share:before {
  content: "\e03f";
}

.icon-download-old:before {
  content: "\e040";
}

.icon-screens-old:before {
  content: "\e041";
}

.icon-screens-view-old:before {
  content: "\e042";
}

.icon-download:before {
  content: "\e043";
}

.icon-shapes:before {
  content: "\e044";
}

.icon-video:before {
  content: "\e045";
}

.icon-audio:before {
  content: "\e046";
}

.icon-pictures:before {
  content: "\e047";
}

.icon-text:before {
  content: "\e048";
}

.icon-cloud-add:before {
  content: "\e049";
}

.icon-screens-view:before {
  content: "\e04a";
}

.icon-screens-old-1:before {
  content: "\e04b";
}

.icon-control-panel:before {
  content: "\e04c";
}

.icon-close:before {
  content: "\e04d";
}

.icon-address-book-old:before {
  content: "\e04e";
}

.icon-calendar-back:before {
  content: "\e050";
}

.icon-exit:before {
  content: "\e04f";
}

.icon-event-old:before {
  content: "\e051";
}

.icon-calendar-alt-old:before {
  content: "\e052";
}

.icon-import:before {
  content: "\e053";
}

.icon-card:before {
  content: "\e054";
}

.icon-actividades:before {
  content: "\e055";
}

.icon-recursos:before {
  content: "\e056";
}

.icon-calendar-alt:before {
  content: "\e057";
}

.icon-event:before {
  content: "\e058";
}

.icon-address-book:before {
  content: "\e059";
}

.msg-tutorias:before {
  content: "\e05a";
}

.msg-ausencias:before {
  content: "\e05b";
}

.msg-incidencias:before {
  content: "\e05c";
}

.msg-excursiones:before {
  content: "\e05d";
}

.msg-deberes:before {
  content: "\e05e";
}

.msg-calificaciones:before {
  content: "\e05f";
}

.msg-mensajes:before {
  content: "\e060";
}

.icon-msg-share:before {
  content: "\e061";
}

.icon-triangle:before {
  content: "\e062";
}

.icon-view-eye:before {
  content: "\e063";
}

.icon-santillana-think:before {
  content: "\e064";
}

.icon-cloud:before {
  content: "\e065";
}

.file-icon:after {
  content: "\e066";
}

.icon-back:before {
  content: "\e070";
}

.icon-move:before {
  content: "\e071";
}

.icon-screens:before {
  content: "\e072";
}

.icon-edit-screen:before {
  content: "\e073";
}

.icon-arrow-left-light:before {
  content: "\e074";
}

.icon-arrow-right-light:before {
  content: "\e075";
}

.icon-dot:before {
  content: "\e076";
}

.icon-parents:before {
  content: "\e077";
}

.icon-file-2:before {
  content: "\e067";
}

@font-face {
  font-family: "iconos-recursos";
  src: url("../fonts/iconos-recursos.eot");
  src: url("../fonts/iconos-recursos.eot?#iefix") format("embedded-opentype"), url("../fonts/iconos-recursos.woff") format("woff"), url("../fonts/iconos-recursos.ttf") format("truetype"), url("../fonts/iconos-recursos.svg#iconos-recursos") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "iconos-recursos" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ICONO_"]:before, [class*=" ICONO_"]:before {
  font-family: "iconos-recursos" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ICONO_1:before {
  content: "a";
}

.ICONO_2:before {
  content: "b";
}

.ICONO_3:before {
  content: "c";
}

.ICONO_4:before {
  content: "d";
}

.ICONO_5:before {
  content: "e";
}

.ICONO_6:before {
  content: "f";
}

.ICONO_7:before {
  content: "g";
}

.ICONO_8:before {
  content: "h";
}

.ICONO_9:before {
  content: "i";
}

.ICONO_10:before {
  content: "j";
}

.ICONO_11:before {
  content: "k";
}

.ICONO_12:before {
  content: "l";
}

.ICONO_13:before {
  content: "m";
}

.ICONO_26:before {
  content: "n";
}

.ICONO_25:before {
  content: "o";
}

.ICONO_24:before {
  content: "p";
}

.ICONO_23:before {
  content: "q";
}

.ICONO_22:before {
  content: "r";
}

.ICONO_21:before {
  content: "s";
}

.ICONO_20:before {
  content: "t";
}

.ICONO_19:before {
  content: "u";
}

.ICONO_18:before {
  content: "v";
}

.ICONO_17:before {
  content: "w";
}

.ICONO_16:before {
  content: "x";
}

.ICONO_15:before {
  content: "y";
}

.ICONO_14:before {
  content: "z";
}

.ICONO_27:before {
  content: "A";
}

.ICONO_28:before {
  content: "B";
}

.ICONO_29:before {
  content: "C";
}

.ICONO_31:before {
  content: "D";
}

.ICONO_30:before {
  content: "E";
}

.ICONO_32:before {
  content: "F";
}

.ICONO_33:before {
  content: "G";
}

.ICONO_34:before {
  content: "H";
}

.ICONO_35:before {
  content: "I";
}

.ICONO_36:before {
  content: "J";
}

.ICONO_37:before {
  content: "K";
}

@font-face {
  font-family: "av-familias";
  src: url("../fonts/av-familias.eot");
  src: url("../fonts/av-familias.eot?#iefix") format("embedded-opentype"), url("../fonts/av-familias.woff") format("woff"), url("../fonts/av-familias.ttf") format("truetype"), url("../fonts/av-familias.svg#av-familias") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "av-familias" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="fam-"]:before, [class*=" fam-"]:before {
  font-family: "av-familias" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fam-calendario:before {
  content: "a";
}

.fam-reloj:before {
  content: "b";
}

.fam-calendario-importar:before {
  content: "c";
}

.av-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 1;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
}

.av-modal-area {
  position: absolute;
  top: 2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #f6f5f0;
  color: #66635f;
  margin-bottom: 10px;
}

.av-modal-creditos .av-modal-area {
  width: 50em;
}
.av-modal-creditos .av-modal-body {
  padding-bottom: 1.5em;
}

.av-modal-opciones .av-modal-area {
  width: 25em;
}

.av-modal-para .av-modal-area {
  width: 50em;
}

.av-modal-body {
  padding: 0 1.5em;
}
.av-modal-body.no-padding {
  padding: 0;
}

.av-modal-header {
  padding: 1em 1.5em;
}

.av-modal-header-title {
  margin: .5em 2em .5em .6em;
  font-size: 24px;
  font-size: 1.6em;
  font-weight: 400;
  color: #66635f;
}

.av-modal-header-close {
  position: absolute;
  top: .2em;
  right: .2em;
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 2.5em;
  text-align: center;
  cursor: pointer;
}

.modal-abierto {
  overflow: hidden;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #ccc6bd;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.av-progress {
  overflow: hidden;
  margin: 0 1em;
  height: 1.5em;
  line-height: 1.5;
  background-color: #e2e2db;
}

.av-progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 0.875em;
  color: #f6f5f0;
  text-align: right;
  background: #a9a59f;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.av-progress-bar span {
  margin-right: 1em;
}

.av-progress-values {
  padding: 0 1em;
  margin-bottom: 1em;
}

.container {
  min-width: 800px;
}

.container, #main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#main {
  top: 4.5em;
  padding: 1em 1.5em 0 6.5em;
}

#footer {
  height: 2.5em;
  margin-top: 1.5em;
  text-align: center;
}
#footer img {
  width: 7.5em;
}

#av-navigation {
  position: absolute;
  left: 0;
  top: .5em;
}

.av-bloque-claro {
  padding: 1em;
  background-color: #f6f5f0;
}
.av-bloque-claro.av-pastilla-grupo {
  padding: 1em 3em .25em;
}

body {
  background-color: #dbdbd2;
  font: 1em/1.25;
  font-weight: 400;
  font-family: "Signika", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #99958e;
  min-width: 980px;
}

hr {
  border: solid #99958e;
  margin: 1em 0 2em;
}

::-moz-selection {
  background: transparent;
  text-shadow: none;
}

::selection {
  background: transparent;
  text-shadow: none;
}

::-moz-selection:window-inactive {
  background: transparent;
}

::selection:window-inactive {
  background: transparent;
}

input[type="text"]::-moz-selection, input[type="password"]::-moz-selection, input[type="email"]::-moz-selection, textarea::-moz-selection {
  color: #f6f5f0;
  background: #99958e;
}

input[type="text"]::selection, input[type="password"]::selection, input[type="email"]::selection, textarea::selection {
  color: #f6f5f0;
  background: #99958e;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Signika", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a, a:visited {
  color: #99958e;
  text-decoration: none;
}

a:hover, a:focus {
  color: #99958e;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-decoration: none;
  cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.av-boton, button:not(.av-busqueda-boton), input[type="submit"], input[type="reset"], input[type="button"], .av-idioma {
  background: #66635f;
  color: #fff;
  line-height: normal;
  padding: 0 1em;
  margin: 0;
  height: 3.421em;
  font-size: 19px;
  font-size: 1.188em;
  text-align: center;
  cursor: pointer;
  border: 0 none;
  font-family: "Signika", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}
.av-boton:not(input), button:not(.av-busqueda-boton):not(input), input[type="submit"]:not(input), input[type="reset"]:not(input), input[type="button"]:not(input), .av-idioma:not(input) {
  line-height: 3.421;
}
.user.av-input{
  line-height: 2.6;
}
.av-boton .icon-pdf, button:not(.av-busqueda-boton) .icon-pdf, input[type="submit"] .icon-pdf, input[type="reset"] .icon-pdf, input[type="button"] .icon-pdf, .av-idioma .icon-pdf {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 48px;
  font-size: 3em;
}

.av-idioma {
  color: #66635f;
  background: transparent;
  cursor: auto;
}

/*.av-boton:hover, button:not(.av-busqueda-boton):hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background-color: #66635f;
}

a.av-boton, a.av-boton:hover {
  color: #fff;
}

.av-boton:active, button:not(.av-busqueda-boton):active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
  background-color: #4c4946;
}*/

.av-botonera {
  display: table;
  width: 100%;
}
.av-botonera > * {
  display: table-cell;
}
.av-botonera > *:not(button) {
  line-height: 3.421;
}
.av-botonera > button {
  line-height: 1.2 !important;
}

.av-botonera-coniconos .av-boton-conicono {
  width: 3.368em;
}
.av-botonera-coniconos .av-boton-conicono i {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 38px;
  font-size: 2em;
  vertical-align: middle;
}
.av-botonera-coniconos .av-boton-conicono:not(:first-child) {
  border-left: 1px solid #dbdbd2;
}

form {
  margin-bottom: 1em;
}

fieldset {
  margin-bottom: 1em;
}

textarea {
  min-height: 6em;
}

.textarea-full {
  max-width: 100%;
  min-width: 100%;
  min-height: 6em;
}

.av-input-altura {
  height: 3.25em;
}
.av-input-altura:not(input) {
  line-height: 3.25;
}

.av-input {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  padding: 0 1em;
  margin: 0;
  font-family: "Signika", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125em;
  border: 0 none;
  color: #99958e;
  background-color: transparent;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  outline: none;
}
.av-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f6f5f0 inset;
}

.av-input:focus {
  background-color: #f6f5f0;
}

.av-label {
  font-size: 18px;
  font-size: 1.125em;
  color: #66635f;
  line-height: 1;
  cursor: pointer;
}
.av-label .icon-add {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 32px;
  font-size: 2em;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.av-label.av-input-altura, .av-input.av-input-altura {
  height: 2.889em;
}
.av-label.av-input-altura:not(input), .av-input.av-input-altura:not(input) {
  line-height: 2.889;
}

.av-label-bloque {
  display: block;
  margin-bottom: .25em;
}

.av-row-conicono {
  position: relative;
}
.av-row-conicono i {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  right: .5em;
  display: block;
  font-size: 24px;
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  color: #66635f;
  cursor: pointer;
  z-index: 1;
}

.av-input-visible {
  padding: .5em;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
  background-color: #faf9f6;
}
.av-input-visible:focus {
  background-color: #faf9f6 !important;
}

.placeholder {
  color: #ccc;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

.av-row {
  position: relative;
  background-color: #f6f5f0;
}
.av-row .col + .col {
  border-left: 0px solid #dbdbd2;
}
.av-row input {
  border-left: 0 none !important;
}

.av-row-inverse {
  color: #f6f5f0;
  background-color: #ccc6bd;
}

.av-row + .av-row {
  border-top: 1px solid #dbdbd2;
}

.av-fieldset {
  padding: 2em 0 0;
  margin-bottom: 1em;
  background-color: #f6f5f0;
  box-sizing: border-box;
}

.av-legend {
  position: relative;
  top: 1.5em;
  margin: 0 .667em .667em;
  font-size: 24px;
  font-size: 1.5em;
  color: #66635f;
}

.av-checkradio {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.av-checkradio + .av-checkradio {
  margin-left: 1em;
}
.av-checkradio + .av-checkradio.col {
  margin-left: 0;
}
.av-checkradio > * {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.av-checkradio input {
  display: none;
}
.av-checkradio label, .av-checkradio span:not(.av-label) {
  cursor: pointer;
  height: 35px;
  width: 35px;
  margin-right: .25em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-color: transparent;
}
.av-checkradio span:not(.av-label) {
  background-color: #fff;
  line-height: 35px;
  text-align: center;
}
.av-checkradio input[type="radio"] + label {
  background-image: url(../img/icon-radio.svg);
  background-size: 35px 70px;
}
.av-checkradio input[type="checkbox"] + label {
  background-image: url(../img/messaging-checkbox.svg);
  background-size: 35px 66px;
}
.av-checkradio.av-checkbox-mini label {
  height: 21px;
  width: 22px;
  background-image: url(../img/icon-checkbox.svg) !important;
  background-size: 22px 42px !important;
}
.av-checkradio.av-checkbox-mini .av-label {
  color: #f6f5f0;
  font-size: 16px;
  font-size: 1em;
}
.av-checkradio input:checked + label {
  background-position: left bottom;
}
.av-checkradio .av-label-mini {
  color: #99958e;
  font-size: 15px;
  font-size: .938em;
}

.no-svg .av-checkradio[type="radio"] label {
  background-image: url(../img/icon-radio.png);
}
.no-svg .av-checkbox-mini label label {
  background-image: url(../img/icon-checkbox.png);
}
.no-svg .av-checkradio[type="checkbox"] label {
  background-image: url(../img/messaging-checkbox.png);
}

.av-busqueda {
  position: relative;
  overflow: hidden;
  border-radius: .4em;
  background-color: #66635f;
}

.av-busqueda-input {
  height: 2em !important;
  width: 12em !important;
  color: #dbdbd2 !important;
  background-color: transparent !important;
  float: left;
  padding-right: 0px;
}

.av-busqueda-boton {
  position: relative;
  top: .1em;
  right: 0;
  border: 0 none;
  outline: 0 none;
  padding: 0 0.2em;
  font-size: 1.8em;
  height: 1em;
  line-height: 1;
  color: #dbdbd2;
  background-color: transparent;  
  float: left;
}

.avo-breadcrumbs i {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
}
.avo-breadcrumbs i[class*="icon-file-"] {
  font-size: 35px;
  font-size: 2.25em;
  color: #99958e;
  margin-right: .2em;
}
.avo-breadcrumbs .icon-play {
  font-size: 12px;
  font-size: .75em;
  margin: 0 1.2em 0 .5em;
}

.av-cabecera-principal {
  position: absolute;
  top: 0;
  left: 5.5em;
  right: 0;
  /*border-bottom: 1px solid $av-color-gris;*/
  z-index: 999;
}
.av-cabecera-principal .icon-back {
  position: absolute;
  top: .2em;
  left: -1.65em;
  display: block;
  width: 1em;
  height: 1em;
  padding: 0 .096em;
  font-size: 52px;
  font-size: 3.25em;
}
.av-cabecera-principal .icon-help {
  color: #f6f5f0 !important;
  cursor: pointer;
}
.av-cabecera-principal .icon-play {
  position: relative;
  top: 2px;
  font-size: 12px;
  font-size: .375em;
  margin: 0 1em;
  vertical-align: middle;
}

.av-cabecera-principal-titular-subseccion {
  font-size: 24px;
  font-size: .75em;
}

.av-cabecera-principal-titular {
  position: relative;
  margin: 0 1.813em 0 .5em;
  padding: .5em 0 .3em;
  font-size: 32px;
  font-size: 2em;
  border-top: .125em solid;
}

.av-cabecera-principal-titular-alumno {
  position: absolute;
  top: .75em;
  font-size: 16px;
  font-size: .5em;
}

.av-cabecera-principal-titular-icono {
  position: absolute;
  top: .65em;
  font-size: 30px;
  font-size: .938em;
}

.av-cabecera-principal-acciones {
  position: absolute;
  right: 0;
  top: .4em;
  font-size: 38px;
  font-size: 2.375em;
}
.av-cabecera-principal-acciones .av-tooltip {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: auto;
  height: auto;
  text-align: center;
  padding: 0;
  border-left: 0 none;
}
.av-cabecera-principal-acciones :first-child {
  border-left: 0 none;
}

.av-cabecera-principal-acciones > *:only-child {
  border-left: 0 none;
}

.av-cabecera-principal-acciones > *, .av-cabecera-principal-acciones .av-tooltip-click {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  text-align: center;
  padding: .132em .263em;
  border-left: 1px solid #99958e;
  cursor: pointer;
}

.av-titular-seccion {
  font-size: 1.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 92%;
  display: inline-block;
  vertical-align: middle;
}

#av-navigation a {
  display: block;
  font-size: 40px;
  font-size: 2.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  padding: .4em;
}
#av-navigation .active {
  position: relative;
}
#av-navigation .active:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 21px;
  height: 25px;
  background: url("../img/nav-active.png") no-repeat scroll 0 0/21px 25px transparent;
}
#av-navigation .icon-user {
  background-color: #eb363d;
  color: #78130a;
}
#av-navigation .icon-group {
  background-color: #f6712e;
  color: #78130a;
}
#av-navigation .icon-library {
  background-color: #08ad97;
  color: #036155;
}
#av-navigation .icon-activity {
  background-color: #3fa9e2;
  color: #1e6e86;
}
#av-navigation .icon-doc-ok {
  background-color: #34485e;
  color: #85919e;
}
#av-navigation .icon-calendar {
  background-color: #f5cd38;
  color: #8c741c;
}
#av-navigation .icon-message {
  background-color: #ac72c3;
  color: #613f6e;
}
#av-navigation .icon-settings {
  background-color: #a81b64;
  color: #640a32;
}
#av-navigation .icon-cloud {
  color: #66635f;
  background-color: #99958e;
}
#av-navigation .count-flexible {
  top: -3.7em;
  left: -.7em;
  font-size: 7px;
  font-size: .45em;
  background-color: #f6f5f0;
}
#av-navigation .count-flexible span {
  color: #99958e;
}
#av-navigation .count-flexible:after {
  border-bottom-color: #f6f5f0;
  border-top-color: #f6f5f0;
}

.av-tooltip {
  position: relative;
}

.av-tooltip-opciones {
  position: absolute;
  left: 50%;
  top: 80%;
  display: none;
  opacity: 0;
  border: 1px solid #dbdbd2;
  background-color: #f6f5f0;
  z-index: 10;
}

.av-tooltip-opciones:after, .av-tooltip-opciones:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.av-tooltip-opciones:after {
  border-color: rgba(249, 249, 249, 0);
  border-bottom-color: #f6f5f0;
  border-width: 5px;
  margin-left: -5px;
}

.av-tooltip-opciones:before {
  border-color: rgba(219, 219, 210, 0);
  border-bottom-color: #dbdbd2;
  border-width: 6px;
  margin-left: -6px;
}

.av-tooltip-opciones > * {
  display: block;
  height: 2.5em;
  padding: 0 1em;
  font-size: 14px;
  font-size: .368em;
  color: #99958e;
  line-height: 2.5;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}

.av-tooltip-opciones > *:not(:last-child) {
  border-bottom: 1px solid #dbdbd2;
}

.av-tooltip-opciones > *:active {
  background-color: #fff;
}

.count {
  position: relative;
  top: -2px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  color: #99958e;
  text-align: center;
}
.count .icon-bubble {
  display: block;
  height: 1em;
  width: 1em;
  line-height: 1;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH";
}
.count span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1em;
  width: 100%;
  line-height: 1;
  color: #fff;
  font-size: 8px;
  font-size: .4em;
  font-weight: 300;
  text-align: center;
}

.icon-mail.relative .count {
  position: absolute;
  top: .1em;
  left: .1em;
  font-size: .6em;
}

.count-flexible {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
  padding: 0 .5em;
  border-radius: 1em;
}
.count-flexible:after {
  content: "";
  position: absolute;
  bottom: -.2em;
  right: .1em;
  border-style: solid;
  border-width: 1em .5em 0;
  border-color: transparent;
  display: block;
  width: 0;
  z-index: 1;
  -webkit-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  transform: rotate(-33deg);
}
.count-flexible span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-size: .8em;
  height: 2em;
  line-height: 2;
  color: #fff;
  font-weight: 300;
  z-index: 2;
}

.av-pastilla-grupo {
  border-top: 1px solid #dbdbd2;
}
.av-pastilla-grupo .av-pastilla {
  margin: 0 1em 1em 0;
}

.av-pastilla {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 1.7em;
  line-height: 1.9;
  padding: 0 1em;
  font-size: 13px;
  font-size: .813em;
  border: 1px solid #a9a59f;
  border-radius: 1em;
}
.av-pastilla .icon-cross {
  position: relative;
  top: -2px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-left: 1em;
  vertical-align: middle;
  cursor: pointer;
}

.avo-filtros {
  font-size: 14px;
  font-size: .875em;
}
.avo-filtros .av-desplegable {
  margin-right: 1em;
}

.av-desplegable {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.av-desplegable.esta-abierto .icon-arrow-down {
  -webkit-transform: translateY(-50%) translateZ(0) rotate(180deg);
  transform: translateY(-50%) translateZ(0) rotate(180deg);
}
.av-desplegable.esta-abierto .av-desplegable-opciones {
  display: block;
}
.av-desplegable.av-row {
  padding: 0;
}
.av-desplegable.av-row .av-desplegable-click {
  height: 100%;
  margin: 0 1em;
  line-height: 3;
}
.av-desplegable.av-row .av-desplegable-click .icon-arrow-down {
  right: 0;
}
.av-desplegable.av-row .av-desplegable-opciones {
  background-color: #fff;
  right: 0;
  left: 0;
}

.av-desplegable-click, .av-desplegable-opciones > * {
  display: block;
  height: 2em;
  line-height: 2;
  padding: 0 1em;
  font-size: 18px;
  font-size: 1.125em;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}

.av-desplegable-click {
  position: relative;
  padding: 0 2em 0 0;
}
.av-desplegable-click .icon-arrow-down {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%) translateZ(0) rotate(0deg);
  transform: translateY(-50%) translateZ(0) rotate(0deg);
  right: 1.75em;
  font-size: 10px;
  font-size: .625em;
  width: 1em;
  height: 1em;
  line-height: 1;
}
.av-desplegable-click .icon-add {
  position: absolute;
  top: 0;
  right: 0.3em;
  font-size: 32px;
  font-size: 2em;
  height: 1.3em;
  line-height: 1.65;
}

.av-desplegable-opciones {
  display: none;
  height: 0;
  overflow: hidden;
}
.av-desplegable-opciones .av-form-input, .av-desplegable-opciones .av-button {
  font-size: inherit;
}

.av-desplegable-opciones > *:not(:first-child) {
  border-top: 1px solid #dbdbd2;
}

.av-desplegable-opciones > span:active, .av-desplegable-opciones > li:active, .av-desplegable-opciones > a:active {
  background-color: #f6f5f0;
}

.av-desplegable-opciones-scroll {
  max-height: 10em;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.av-desplegable-flotante {
  position: relative;
}
.av-desplegable-flotante .av-desplegable-opciones {
  position: absolute;
  left: -1em;
  min-width: 100%;
  background-color: #fff;
  box-shadow: 0 0 8px #999;
  z-index: 100;
}

.av-barra-opciones .av-desplegable-opciones {
  left: 0;
}
.av-barra-opciones .icon-arrow-down {
  right: 2%;
}

.av-form-input.av-desplegable-flotante .av-desplegable-click {
  line-height: 2.35;
}
.av-form-input.av-desplegable-flotante .av-desplegable-opciones {
  left: 0;
}

.av-tabla, .av-tabla-grupos, .av-tabla-usuarios {
  display: table;
  table-layout: fixed;
}

.av-tabla-usuarios thead {
  height: 2.813em;
}

.av-tabla .file-icon {
  position: relative;
  font-size: 36px;
  font-size: 2.25em;
  height: 1em;
  width: 1em;
  line-height: 1;
}
.av-tabla .file-icon:before, .av-tabla .file-icon:after {
  position: absolute;
}
.av-tabla .file-icon:after {
  left: 0;
}
.av-tabla .file-icon:before {
  top: .6em;
  left: .5em;
  font-size: .5em;
}
.av-tabla *[class*="msg-"] {
  font-size: 3.25em;
  height: 1em;
  line-height: 1;
  width: 1em;
}
.av-tabla .icon-dot {
  font-size: 1em;
  height: 1em;
  line-height: 1;
  width: 1em;
}

.datatable th:not(.av-tabla-acciones) {
  cursor: pointer;
}
.av-tabla th, .av-tabla-th, .tabla-dinamica-cabecera .tabla-dinamica-td {
  padding: .3em .5em;
  color: #dbdbd2;
  background-color: #a9a59f;
  height: 1.875em;
}
.av-tabla th i[class*="arrow-"], .av-tabla-th i[class*="arrow-"], .tabla-dinamica-cabecera .tabla-dinamica-td i[class*="arrow-"] {
  position: relative;
  top: .167em;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 1em;
  font-size: 12px;
  font-size: .75em;
  color: #66635f;
}

.av-tabla td, .av-tabla-td, .tabla-dinamica-td {
  padding: .2em .5em;
  color: #66635f;
  background-color: #f6f5f0;
  height: 3.125em;
}
.av-tabla td span, .av-tabla td i, .av-tabla td a, .av-tabla-td span, .av-tabla-td i, .av-tabla-td a, .tabla-dinamica-td span, .tabla-dinamica-td i, .tabla-dinamica-td a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.av-tabla th, .av-tabla td, .av-tabla-th, .av-tabla-td {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.av-tabla td.white-space-normal {
  white-space: normal !important;
}

.av-tabla-mensajes:not(:last-child) td {
  border-bottom: 2px solid #dbdbd2;
}

.av-tabla-acciones {
  text-align: right;
  white-space: nowrap;
}
.av-tabla-acciones span, .av-tabla-acciones i, .av-tabla-acciones a {
  font-size: 36px;
  font-size: 2.25em;
  height: 1em;
  width: 1em;
  line-height: 1;
  cursor: pointer;
}
.av-tabla-acciones span:not(:last-child), .av-tabla-acciones i:not(:last-child), .av-tabla-acciones a:not(:last-child) {
  margin-right: .15em;
}

.av-tabla [class^='icon-'] {
  height: 1em;
  width: 1em;
  line-height: 1;
}
.av-tabla [class^='icon-santillana'] {
  font-size: 24px;
  font-size: 1.5em;
}
.av-tabla [class^='icon-user'] {
  font-size: 32px;
  font-size: 2em;
}
.av-tabla [class^='icon-parents'] {
  font-size: 40px;
  font-size: 2.5em;
}
.av-tabla .disabled {
  color: #dbdbd2;
}

.ellipsis {
  display: inline-block;
  zoom: 1;
  *display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.ellipsis_aux{
  display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    max-width: 68%;
    vertical-align: middle;
}

.av-tabla-empty {
  padding: 2em 5em;
  font-size: 32px;
  font-size: 2em;
}

.tabla-dinamica-fija, .tabla-dinamica-scroll {
  display: block;
  float: left;
}

.tabla-dinamica-scroll {
  font-size: 0;
  max-width: 35%;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.tabla-dinamica-fija {
  width: 65%;
  border-right: 4px solid #dbdbd2;
}
.tabla-dinamica-fija .icon-eye {
  font-size: 36px;
  font-size: 2.25em;
  height: 1em;
  width: 1em;
  line-height: 1;
  cursor: pointer;
}

.tabla-dinamica-fija, .tabla-dinamica-scroll, .tabla-dinamica-scroll, .tabla-dinamica-tr, .tabla-dinamica-td {
  box-sizing: border-box;
}

.tabla-dinamica-cabecera .tabla-dinamica-td {
  height: 2.5em;
  line-height: 2.5;
}

.tabla-dinamica-td {
  display: inline-block;
  white-space: nowrap;
  font-size: 16px;
  font-size: 1rem;
  padding: 0 0.5em !important;
  text-align: center;
  overflow: hidden;
}

.tabla-dinamica-tr {
  white-space: nowrap;
}
.tabla-dinamica-tr:not(.tabla-dinamica-cabecera) .tabla-dinamica-td {
  height: 3.5em;
  line-height: 3.5;
}
.tabla-dinamica-tr:not(:last-child):not(.tabla-dinamica-cabecera) .tabla-dinamica-td {
  border-bottom: 1px solid #dbdbd2;
}

.av-modal .av-tabla {
  border: 1px solid #ccc6bd;
}
.av-modal .av-tabla tr:not(:last-child) td {
  border-bottom: 1px solid #ccc6bd;
}

.handsontable {
  position: relative;
}
.handsontable .btn {
  position: relative;
  top: 12px;
  left: -6px;
  font-size: 27px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #66635f;
  color: #dbdbd2;
  border-radius: 16px;
  cursor: pointer;
}
.handsontable.htAutoColumnSize {
  visibility: hidden;
  left: 0;
  position: absolute;
  top: 0;
}

.ht_clone_top.handsontable{
  width: 100% !important;
}

.handsontable table.htCore {
  border-collapse: separate;
  position: relative;
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  max-width: none;
  max-height: none;
}

.ht_clone_top.handsontable table.htCore, .wtHolder.ht_master table.htCore{
  width: 100%;
}

.htContainer{width: 100%;}
.handsontable col {
  width: 50px;
}
.handsontable col.rowHeader {
  width: 50px;
}
.handsontable th {
  border-right: 1px solid #ccc6bd;
  border-bottom: 1px solid #ccc6bd;
  height: 42px;
  empty-cells: show;
  line-height: 38px;
  padding: 0 15px;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  color: #dbdbd2;
  background-color: #a9a59f;
}
.handsontable td {
  border-right: 1px solid #ccc6bd;
  border-bottom: 1px solid #ccc6bd;
  height: 55px;
  empty-cells: show;
  line-height: 54px;
  padding: 0 15px;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  color: #66635f;
  background-color: #f6f5f0;
}
.handsontable td.htInvalid {
  -webkit-transition: background 0.75s ease;
  transition: background 0.75s ease;
  background-color: #ff4c42;
}
.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #ccc6bd;
  border-bottom: 1px solid #ccc6bd;
}
.handsontable tr:first-child th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}
.handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}
.handsontable th:first-child {
  border-left: 1px solid #ccc6bd;
}
.handsontable td:first-child {
  border-left: 1px solid #ccc6bd;
}
.handsontable .htNoFrame + th, .handsontable .htNoFrame + td {
  border-left: 1px solid #ccc6bd;
}
.handsontable tr:first-child th, .handsontable tr:first-child td {
  border-top: 1px solid #ccc6bd;
}
.handsontable thead tr:last-child th, .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}
.handsontable th {
  color: #dbdbd2;
  background-color: #a9a59f;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}
.handsontable thead th {
  padding: 0;
}
.handsontable th.active {
  background-color: #ccc6bd;
}
.handsontable thead th .relative {
  position: relative;
  padding: 2px 15px;
}
.handsontable .manualColumnMover {
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 5px;
  height: 25px;
  z-index: 999;
  cursor: move;
}
.handsontable th .manualColumnMover:hover, .handsontable th .manualColumnMover.active {
  background-color: #88F;
}
.handsontable .manualColumnResizer {
  position: absolute;
  top: 0;
  cursor: col-resize;
}
.handsontable .manualColumnResizerHandle {
  background-color: transparent;
  width: 5px;
  height: 25px;
}
.handsontable .manualColumnResizer:hover .manualColumnResizerHandle, .handsontable .manualColumnResizer.active .manualColumnResizerHandle {
  background-color: #AAB;
}
.handsontable .manualColumnResizerLine {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #AAB;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
}
.handsontable .manualColumnResizer.active .manualColumnResizerLine {
  display: block;
}
.handsontable .columnSorting:hover {
  text-decoration: underline;
  cursor: pointer;
}
.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.handsontable td.area {
  background-color: #EEF4FF;
}
.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}
.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}

.handsontableInput {
  border: 2px solid #5292F7;
  outline-width: 0;
  margin: 0;
  padding: 1px 15px 0 14px;
  line-height: 1.3em;
  font-size: inherit;
  resize: none;
  display: inline-block;
  color: #66635f;
  border-radius: 0;
  background-color: #FFF;
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
}

.handsontable .htDimmed {
  color: #777;
}
.handsontable .htPlaceholder {
  color: #999;
}
.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #EEE;
  cursor: default;
  width: 16px;
  text-align: center;
}
.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}
.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htNumeric {
  text-align: right;
}

ul.context-menu-list {
  color: black;
}
ul.context-menu-list li {
  margin-bottom: 0;
  /*Foundation framework fix*/
}

.handsontable .dragdealer {
  position: relative;
  width: 9px;
  height: 9px;
  background: #F8F8F8;
  border: 1px solid #DDD;
}
.handsontable .dragdealer .handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #C5C5C5;
}
.handsontable .dragdealer .disabled {
  background: #898989;
}
.handsontable .handsontable .wtHider {
  padding: 0 0 5px 0;
}
.handsontable.listbox {
  margin: 0;
}
.handsontable.listbox table {
  border: 1px solid #ccc6bd;
  border-collapse: separate;
  background: white;
}
.handsontable.listbox th {
  border-width: 0;
}
.handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td {
  border-width: 0;
}
.handsontable.listbox td {
  border-width: 0;
}
.handsontable.listbox th {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}
.handsontable.listbox .wtBorder {
  visibility: hidden;
}
.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
  background: #eee;
}

.htContextMenu {
  display: none;
  position: absolute;
}
.htContextMenu table.htCore {
  outline: 1px solid #bbb;
}
.htContextMenu .wtBorder {
  visibility: hidden;
}
.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0px 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.htContextMenu table tbody tr td:first-child {
  border: 0;
}
.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}
.htContextMenu table tbody tr td.current {
  background: #e9e9e9;
}
.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #bbb;
  height: 0;
  padding: 0;
}
.htContextMenu table tbody tr td.htDisabled {
  color: #999;
}
.htContextMenu table tbody tr td.htDisabled:hover {
  background: white;
  color: #999;
  cursor: default;
}

.wtDebugHidden {
  display: none;
}

.wtDebugVisible {
  display: block;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: wtFadeInFromNone;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: wtFadeInFromNone;
  animation-name: wtFadeInFromNone;
}

@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}
.av-ficha, .av-ficha-lista-add {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 9em;
  height: 13.5em;
  margin: 0 1em 1.5em 0;
  box-sizing: border-box;
}

.av-ficha-lista-add {
  padding-top: 1em;
  text-align: center;
}
.av-ficha-lista-add:before {
  font-size: 8em;
}

.av-ficha {
  position: relative;
  border: solid #fff;
  border-width: .65em .65em 3.5em;
  border-radius: .2em;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
}
.av-ficha .icon-group {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 12;
  background: no-repeat top center / cover;
}
.av-ficha .icon-group:before {
  font-size: 6em;
  color: rgba(255, 255, 255, 0.5);
}
.av-ficha .icon-group:not([style^="background-image: url();"]):before {
  display: none;
}
.av-ficha .av-ficha-nombre {
  position: absolute;
  top: 10.2em;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.av-ficha .icon-tick {
  position: absolute;
  top: 40%;
  right: -1em;
  display: block;
  height: 1.4em;
  width: 1.4em;
  line-height: 1.7;
  text-align: center;
  color: #17a085;
  background-color: #fff;
  border: 3px solid #17a085;
  border-radius: 2em;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.av-barra-opciones {
  position: relative;
  padding-left: 1em;
  height: 3.313em;
  line-height: 3.313;
  background-color: #f6f5f0;
}
.av-barra-opciones .av-input {
  height: 2.944em;
  background-color: #f6f5f0;
  padding-left: 0;
}
.av-barra-opciones .av-input:not(input) {
  line-height: 2.944;
}
.av-barra-opciones .av-barra-opciones-acciones {
  position: absolute;
  top: 0;
  right: 0;
}
.av-barra-opciones .av-boton {
  height: 2.8em;
  line-height: 2.8;
}
.av-barra-opciones .icon-add {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  height: 1em;
  width: 1em;
  margin-right: .3em;
  font-size: 2.5em;
  line-height: 1;
  cursor: pointer;
}

.av-barra-cabecera {
  font-size: 24px;
  font-size: 1.5em;
  line-height: 2.208;
  white-space: nowrap;
}
.av-barra-cabecera .count {
  font-size: 40px;
  font-size: 1.667em;
}

.av-selector-color img {
  vertical-align: top;
  height: 3.2em;
}
.av-selector-color .av-tooltip-opciones {
  font-size: 2.5em;
}

.av-selector-color-seleccionado {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-top: .03em;
  height: 1em;
  width: 1em;
  font-size: 3em;
  line-height: 1;
}

.av-tooltip-colores {
  left: 38%;
  width: 3em;
  padding: .3em .2em;
  line-height: .5;
  text-align: center;
}
.av-tooltip-colores > * {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  height: 1em;
  width: 1em;
  margin-bottom: .25em;
  padding: 0;
  font-size: .8em;
  line-height: 1;
  cursor: pointer;
  border: 0 none !important;
}

.flexbox .av-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5em;
}
.flexbox .av-selector-scrollable {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.flexbox .av-selector-scrollable .av-selector-opcion {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.no-flexbox .av-selector {
  text-align: center;
}
.no-flexbox .av-selector-scrollable {
  text-align: left;
  white-space: nowrap;
}
.no-flexbox .av-selector-opcion {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.av-selector-opcion {
  position: relative;
  display: block;
  height: 12em;
  width: 12em;
  margin: .75em;
  border-radius: 1em;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
}
.av-selector-opcion img {
  position: absolute;
  top: 1em;
  left: 50%;
  width: 8em;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.av-selector-opcion img[src*="deberes-crear"] {
  width: 7.6em;
}
.av-selector-opcion img[src*="deberes-enviar"] {
  top: 2.5em;
}
.av-selector-opcion img[src*="-informes"] {
  width: 7.3em;
}
.av-selector-opcion img[src*="evaluacion-generar"] {
  width: 7.5em;
}
.av-selector-opcion img[src*="evaluacion-gestor"] {
  width: 5.5em;
}
.av-selector-opcion img[src*="evaluacion-pruebas"] {
  width: 5.9em;
}
.av-selector-opcion img[src*="evaluacion-programacion"] {
  width: 7.3em;
}
.av-selector-opcion img[src*="calendario"] {
  width: 6.7em;
}
.av-selector-opcion img[src*="horarios"] {
  left: 56%;
  top: 1.2em;
  width: 9em;
}
.av-selector-opcion img[src*="calculadora"] {
  width: 6.3em;
}
.av-selector-opcion img[src*="apuntes"] {
  left: 55%;
  top: 0.8em;
  width: 7.5em;
}
.av-selector-opcion img[src*="geoplano"] {
  top: 1.8em;
}
.av-selector-opcion img[src*="presentaciones"] {
  top: 1.5em;
}
.av-selector-opcion img[src*="linea"] {
  top: 2.6em;
}
.av-selector-opcion img[src*="fichas"] {
  top: 2.5em;
  width: 8.8em;
}
.av-selector-opcion img[src*="preguntas"] {
  width: 7.5em;
}
.av-selector-opcion img[src*="galeria"] {
  left: 48.5%;
  width: 7em;
}
.av-selector-opcion img[src*="3d"] {
  top: 2.8em;
  width: 9em;
}
.av-selector-opcion.esta-desactivado {
  opacity: .25;
  cursor: no-drop;
}

.av-selector-opcion-titulo {
  position: absolute;
  width: 100%;
  bottom: .75em;
  padding: 0 1em;
  line-height: 1;
  color: #dbdbd2;
  box-sizing: border-box;
}

.tema-agenda .av-selector-opcion-titulo {
  color: #fff;
}

.av-selector-scrollable {
  padding: 0 !important;
}
.av-selector-scrollable .av-selector-opcion {
  font-size: 11px;
}

.no-flexbox .av-selector {
  text-align: center;
}
.no-flexbox .av-selector-opcion {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.av-selector-opcion {
  position: relative;
  display: block;
  height: 12em;
  width: 12em;
  margin: 1.5em;
  border-radius: 1em;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.5);
}
.av-selector-opcion img {
  position: absolute;
  top: 1em;
  left: 50%;
  width: 8em;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.av-selector-opcion img[src*="deberes-crear"] {
  width: 7.6em;
}
.av-selector-opcion img[src*="deberes-enviar"] {
  top: 2.5em;
}
.av-selector-opcion img[src*="-informes"] {
  width: 7.3em;
}
.av-selector-opcion img[src*="evaluacion-generar"] {
  width: 7.5em;
}
.av-selector-opcion img[src*="evaluacion-gestor"] {
  width: 5.5em;
}
.av-selector-opcion img[src*="evaluacion-pruebas"] {
  width: 5.9em;
}
.av-selector-opcion img[src*="evaluacion-programacion"] {
  width: 7.3em;
}
.av-selector-opcion h2 {
  position: absolute;
  width: 100%;
  bottom: .75em;
  padding: 0 1em;
  line-height: 1;
  color: #dbdbd2;
  box-sizing: border-box;
}
.av-selector-opcion.esta-desactivado {
  opacity: .5;
  cursor: no-drop;
}
.av-selector-opcion.esta-desactivado img {
  opacity: .5;
}

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.picker__input {
  cursor: pointer
}
.picker__input.picker__input--active {
  border-color: #0089ec
}
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}
.picker {
  width: 100%
}
.picker__holder {
  position: absolute;
  background: #fff;
  border: 1px solid #aaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s
}
.picker__frame {
  padding: 1px
}
.picker__wrap {
  margin: -1px
}
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: -webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
  transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0,0,0,0.12)
}
.picker__box {
  padding: 0 1em
}
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em
}
.picker__month, .picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: 0.25em
}
.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic
}
.picker__select--month, .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: 0.25em
}
@media (min-width: 24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -0.5em
  }
}
.picker__select--month {
  width: 35%
}
.picker__select--year {
  width: 22.5%
}
.picker__select--month:focus, .picker__select--year:focus, .picker__list-item--selected {
  border-color: #0089ec !important
}
.picker__nav--next, .picker__nav--prev {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em
}
@media (min-width: 24.5em) {
  .picker__nav--next, .picker__nav--prev {
    top: -0.33em
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em
  }
}
.picker__nav--next:before, .picker__nav--prev:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: .75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000
}
.picker__nav--next:hover, .picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb
}
.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: 0.5em
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em
  }
}
.picker__table td {
  margin: 0;
  padding: 0
}
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em
  }
}
.picker__day, .picker__list-item {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent
}
.picker__day--today {
  position: relative
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: .5em solid #0059bc;
  border-left: 0.5em solid transparent
}
.picker__day--disabled:before {
  border-top-color: #aaa
}
.picker__day--outfocus {
  color: #ddd
}
.picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__list-item:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb
}
.picker__day--highlighted {
  border-color: #0089ec
}
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb
}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
  background: #0089ec;
  color: #fff
}
.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb
}
.picker__footer {
  text-align: center
}
.picker__button--clear, .picker__button--close, .picker__button--today {
  background: none repeat scroll 0 0 #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #666666 !important;
  display: inline-block;
  font-size: 0.8em !important;
  font-weight: 700;
  height: auto !important;
  padding: 0.66em 0 !important;
  vertical-align: bottom;
  width: 33%;
  line-height: 1 !important
}
.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover, .picker__list-item--selected {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb
}
.picker__button--clear:focus, .picker__button--close:focus, .picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0
}
.picker__button--clear:before, .picker__button--close:before, .picker__button--today:before, .picker__list-item--selected:before {
  position: relative;
  display: inline-block;
  height: 0
}
.picker__button--clear:before, .picker__button--today:before, .picker__list-item--selected:before {
  content: " ";
  margin-right: 0.45em
}
.picker__button--today:before, .picker__list-item--selected:before {
  top: -.05em;
  width: 0;
  border-top: .66em solid #0059bc;
  border-left: 0.66em solid transparent
}
.picker__list-item--selected:before {
  position: absolute;
  top: .4em;
  right: 0
}
.picker__button--clear:before {
  top: -.25em;
  width: .66em;
  border-top: 3px solid #e20
}
.picker__button--close:before {
  content: "\D7";
  top: -.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777
}
.picker__button--today[disabled], .picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa
}
.picker__list {
  list-style: none;
  margin: 0;
  padding: 0
}
.picker--time .picker__box {
  padding: 0
}
.picker--time .picker__list-item {
  text-align: center
}
.picker__list-item {
  position: relative
}
.picker--time [role=presentation], .picker--time [role=presentation] button {
  width: 100%
}
.av-leyenda {
  font-size: 18px;
  font-size: 1.125em;
}

.av-leyenda-item {
  position: relative;
  height: 1em;
  line-height: 1;
  padding-left: 2.5em;
}
.av-leyenda-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1em;
  width: 2em;
  background-color: #fff;
}
.av-leyenda-item span {
  font-size: 14px;
  font-size: .875em;
}
.av-leyenda-item:not(:last-child) {
  margin-bottom: .25em;
}

.texto-av-leyenda-01 {
  color: #3498db !important;
}

.texto-av-leyenda-02 {
  color: #196090 !important;
}

.texto-av-leyenda-03 {
  color: #0a2639 !important;
}

.texto-av-leyenda-04 {
  color: black !important;
}

.texto-av-leyenda-05 {
  color: black !important;
}

.av-leyenda-01:before {
  background-color: #3498db;
}

.av-leyenda-02:before {
  background-color: #196090;
}

.av-leyenda-03:before {
  background-color: #0a2639;
}

.av-leyenda-04:before {
  background-color: black;
}

.av-leyenda-05:before {
  background-color: black;
}

.av-switch {
  display: inline-block;
  position: relative;
  width: 90px;
  background: #e2e2db;
  border-radius: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.av-switch-checkbox {
  display: none;
}

.av-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  background-color: rgba(238, 121, 131, 0.5);
  -webkit-transition: background-color 0.3s ease-in 0s;
  transition: background-color 0.3s ease-in 0s;
}

.av-switch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.av-switch-inner:before, .av-switch-inner:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  box-sizing: border-box;
  background-size: 64px 32px;
}
.av-switch-inner:before {
  background-position: left center;
  float: left;
  margin-left: 2px;
}
.av-switch-inner:after {
  background-position: right center;
  float: right;
  margin-right: 2px;
}

.av-switch-switch {
  width: 25px;
  margin: 3.5px;
  background-color: #66635f;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 57px;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.av-switch-checkbox:checked + .av-switch-label .av-switch-inner {
  margin-left: 0;
}
.av-switch-checkbox:checked + .av-switch-label .av-switch-switch {
  right: 2px;
}
.av-switch-checkbox:checked + .av-switch-label {
  background-color: rgba(29, 205, 170, 0.5);
}

.av-respuesta {
  padding: .5em 0;
}
.av-respuesta .av-switch {
  margin-top: .1em;
}

.av-respuesta-numero {
  font-size: 28px;
  font-size: 1.75em;
}

#avo-login {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin-top: -180px;
}

.av-login {
  width: 26em;
  margin: 0 auto;
}
.av-login .logo {
  width: 100%;
  margin-bottom: 1em;
}
.av-login .av-row:not(.av-row-inverse) .av-input, .av-login .av-row:not(.av-row-inverse) .av-label {
  height: 4em;
}
.av-login .av-row:not(.av-row-inverse) .av-label {
  line-height: 4;
}

.small {
  font-size: 12px !important;
  font-size: 0.75em !important;
}
.small.av-boton {
  height: 5.417em;
}

#avo-welcome {
  position: absolute;
  top: 45%;
  left: 10%;
  right: 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.av-welcome .logo {
  width: 100%;
  margin-bottom: 1em;
}

.av-welcome-texto {
  font-size: 48px;
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: .5em;
}
.av-welcome-texto .bold {
  font-size: 1.75em;
}

.borde-grande {
  border: 10px solid #fff;
  box-sizing: border-box;
}

.avo-main-cabecera {
  position: relative;
  min-height: 2.25em;
  margin-bottom: 1em;
}
.avo-main-cabecera .av-busqueda, .avo-main-cabecera .av-leyenda {
  position: absolute;
  top: 0;
  right: 0;
}

.av-libro-avances {
  padding-right: 30px;
}
.av-libro-avances > * {
  height: 10.5em;
}
.av-libro-avances .av-libro {
  border-bottom-width: 1.3em !important;
}
.av-libro-avances .av-libro img {
  height: 8.5em;
}
.av-libro-avances .av-libro-porcentajes {
  position: absolute;
  bottom: 1.3em;
  width: 100%;
}
.av-libro-avances h3 {
  font-size: 1.5em;
  margin: 0;
}
.av-libro-avances h2 {
  margin: 0 0 1.5em;
}
.av-libro-avances .av-progress, .av-libro-avances .av-progress-porcentaje {
  display: block;
  height: 3px;
}
.av-libro-avances .av-progress {
  position: relative;
  width: 100%;
  background-color: #a9a69f;
  margin: 0 0 1em;
  overflow: visible;
}
.av-libro-avances .av-progress:last-child {
  margin-bottom: 0;
}
.av-libro-avances .av-progress > span {
  position: absolute;
  bottom: -.4em;
  right: 0;
}
.av-libro-avances .av-progress-porcentaje {
  position: absolute;
}
.av-libro-avances-detalle-apartados {
	color: #80807c;
}
.av-libro-avances-detalle, .av-libro-avances-detalle-apartados, .av-libro-avances-detalle-items {
	margin: 0;
	list-style: none;
}
.av-libro-avances-detalle-apartados li {
	background-color: #f8f7f3;
}
.av-libro-avances-detalle, .av-libro-avances-detalle-apartados {
  padding: 0;
}

.av-libro-avances-detalle-items {
	border-bottom: 1px solid #ceccc8;
	padding: 0 0 0 60px;
}

.av-libro-avances-detalle li, .av-libro-avances-detalle li > span {
  display: block;
}
.av-libro-avances-detalle li > span {
  position: relative;
  height: 3.725em;
  line-height: 3.725em;
}
.av-libro-avances-detalle > li {
  background-color: #fff;
}
.av-libro-avances-detalle > li > span {
  border-bottom: 1px solid #dbdbd2;
  cursor: pointer;
  padding: 0 1em;
}
.av-libro-avances-detalle .icon-play {
  display: inline-block;
  font-size: 13px;
  font-size: .813em;
  height: 1em;
  line-height: 1;
  margin-right: .75em;
}
.av-libro-avances-detalle .icon-tick-2 {
  position: absolute;
  display: block;
  right: .5em;
  top: .35em;
  font-size: 36px;
  font-size: 2.25em;
  height: 1em;
  line-height: 1;
  color: #17a085;
  opacity: 0;
}
.av-libro-avances-detalle-items .icon-tick-2 {
  position: relative;
  right: auto;
  top: auto;
  width: 13%;
  text-align: center;
}

.esta-abierto > span > .icon-play {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.av-libro-avances-detalle-icono {
  position: relative;
  top: -2px;
  display: inline-block;
  font-size: 32px;
  font-size: 2em;
  height: 1em;
  line-height: 1;
  margin-right: .75em;
  vertical-align: middle;
}

.av-libro-avances-detalle-count {
  position: absolute;
  right: 3em;
  top: 0;
  font-weight: 300;
}
.av-libro-avances-detalle-count b {
  font-weight: 400;
}

.esta-completado .icon-tick-2 {
  opacity: 1 !important;
}
.esta-cerrado {
	overflow: hidden;
	height: 0px;
}
.av-libro-avances-detalle-apartados > li {
  background-color: #f6f5f0;
}
.av-libro-avances-detalle-apartados > li > span {
  border-bottom: 1px solid #ccc6bd;
  padding-left: 1.875em;
  cursor: pointer;
}

li.esta-abierto .av-libro-avances-detalle-apartados{
  display: block;
}

ul.av-libro-avances-detalle-apartados li.esta-abierto .av-libro-avances-detalle-items{
  display: block;
}

.av-libro-avances-detalle-items span {
	position: relative;
	display: block;
	padding-left: 25px;
}
.av-libro-avances-detalle-items li > span > span {
  font-size: 1rem;
}
.av-libro-avances-detalle-items li > span > span:not(:first-child) {
  width: 13%;
  text-align: center;
  white-space: nowrap;
}
.av-libro-avances-detalle-items li > span > span:first-child {
  width: 48%;
}
.av-libro-avances-detalle li.av-libro-avances-detalle-items-header > span{
  height: 1.8em;
  line-height: 1.8;
}
.av-libro-avances-detalle li:not(.av-libro-avances-detalle-items-header) > span > span:not(:first-child){
  color: #f15a24;
}

.av-libro-avances-detalle-items {
  border-bottom: 1px solid #ccc6bd;
  padding: 0 0 0 60px;
}
.av-libro-avances-detalle-items > li {
  background-color: #e2e2db;
}
.av-libro-avances-detalle-items > li > span {
  padding-left: 1em;
}
.av-libro-avances-detalle-items > li > span:not(:last-child) {
  border-bottom: 1px solid #f6f5f0;
}

.av-libro-avances-detalle-table,
.av-libro-avances-detalle-intable {
	width: 100%;
	table-layout: fixed;
}
.av-libro-avances-detalle-intable table > thead > tr > th {
	padding: 5px 0;
	color: #f6712e;
}
.av-libro-avances-detalle-intable table > thead > tr > th:eq(1) {
	width: 29%;
}

.av-libro-avances-detalle-intable table > tbody > tr > td:not(:first-child) {
	border-top: 1px solid #f6712e;
	color: #80807c;
	background-color: #f8f7f3;
}
.av-libro-avances-detalle-table > thead > tr >  th 
.av-libro-avances-detalle-intable > thead > tr >  th {
	width: 15%;
}
.info-actividad.esta-abierto .icon-play,
.icon-play.abierto {
  transform: rotate(90deg);
  color: #f6712e;
}
.av-libro-avances-detalle-intable table > tbody > tr >  td {
	background-color: #f8f7f3;
	text-align: center;
	vertical-align: middle;
	height: 36px;
}
.info-actividad.esta-abierto + tr {
  display: table-row;
}
.av-libro-avances-detalle-table th {
	font-weight: 400;
	text-align: center;
	background-color: #e8e8e1;
}
.info-actividad {
	background-color: #e8e8e1;
}
.info-actividad td:first-child {
	text-align: left;
}
.info-actividad td {
	padding: 0 12px;
	vertical-align: middle;
	text-align: center;
	height: 58px;
}
.av-libro-avances-detalle-table > thead > tr > th:first-child,
.av-libro-avances-detalle-table > tbody > tr > td:first-child,
.av-libro-avances-detalle-intable > thead > tr > th:first-child,
.av-libro-avances-detalle-intable > tbody > tr > td:first-child {
	width: 40%;
}

.av-libro-avances-detalle-table > tbody > tr > td:not(:first-child) {
   color: #f6712e;
   font-weight: 600;
   padding: 0 12px;
   vertical-align: middle;
   text-align: center;
   height: 58px;
   background-color: #e8e8e1;
}
.av-libro-avances-detalle-intable {
	display: none;
}

.av-libro img {
  height: 10.375em;
  border: 1px solid #ccc6bd;
  border-radius: .5em;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.av-libro.icon-bookmark, .av-libro.es-demo {
  position: relative;
}
.av-libro.icon-bookmark:before {
  position: absolute;
  right: 0;
  font-size: 40px;
  font-size: 2.5em;
}
.av-libro.es-demo:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 65.5px;
  background: url(../img/libro-demo.png) no-repeat transparent;
  background-size: 66px 65.5px;
}

.av-libro-referencia, .av-libro-apoyado {
  background: url(../img/item-books.svg) no-repeat top right/auto 10.375em;
}

.no-svg .av-libro-referencia, .no-svg .av-libro-apoyado {
  background-image: url(../img/item-books.png);
}

.av-libro-referencia img {
  border: 0 none;
  box-shadow: none;
  border-radius: 0;
}

.av-libreria-grid .av-libro {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin: 0 1.5em 2em 0;
}
.av-libreria-grid .av-libro img {
  display: block;
  margin-bottom: .2em;
}
.av-libreria-grid .av-libro .av-libro-porcentaje {
  text-align: center;
}
.av-libreria-grid .av-libro-titulo {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
  padding: .1em .1em .2em;
  line-height: .85;
  max-height: 3.69em;
  overflow: hidden;
  border-radius: .3em;
  box-sizing: border-box;
  background-color: #f6f5f0;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
}
.av-libreria-grid .av-libro-titulo span {
  font-size: 12px;
  font-size: .75em;
}
.av-libreria-grid.es-scrollable {
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.av-libreria-grid.es-scrollable .av-libro {
  margin-bottom: .5em;
}

.tema-grupos .av-libro {
  border: solid transparent;
  border-width: 1em 1em .5em;
  border-radius: .25em;
}
.tema-grupos .av-libro.esta-activo {
  border-color: #fff;
  background-color: #fff;
}

.big {
  font-size: 2em;
}

.av-libreria-listado .av-libro {
  display: table;
  width: 100%;
  position: relative;
  height: 10.375em;
  margin-bottom: 2em;
  box-sizing: border-box;
}
.av-libreria-listado .av-libro img {
  position: absolute;
  top: 0;
  left: 0;
}
.av-libreria-listado .av-libro-titulo {
  display: table-cell;
  vertical-align: middle;
  height: 10.375em;
}
.av-libreria-listado .av-libro-titulo span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  font-size: 18px;
  font-size: 1.125em;
}

.av-seleccion {
  background: url(../img/av-seleccion.gif) repeat-y 31.2% top transparent;
}
.av-seleccion .scrollable {
  min-height: 10em;
  max-height: 20em;
}

.av-tabla-grupos tr:last-child .av-tabla-grupos-td {
  border-bottom: 1px solid #dbdbd2;
}

.av-tabla-grupos-td, .av-tabla-usuarios-th, .av-tabla-usuarios-td {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0 .75em;
}

.av-tabla-grupos-td {
  height: 4em;
  border-top: 1px solid #dbdbd2;
  cursor: pointer;
}

.av-tabla-usuarios .av-checkbox-grande {
  position: relative;
  top: .15em;
}
.av-tabla-usuarios tr:not(:first-child) td {
  border-top: 1px solid #dbdbd2;
}

.av-tabla-usuarios-th {
  color: #fff;
  background-color: #a9a59f;
}
.av-tabla-usuarios-th:not(:first-child) {
  border-left: 1px solid #dbdbd2;
}

.av-tabla-usuarios-td {
  background-color: #fff;
  height: 5em;
}

.av-tabs-opcion {
  display: block;
  float: left;
  font-size: 18px;
  font-size: 1.125em;
  height: 2.5em;
  line-height: 2.5;
  padding: 0 .75em;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.av-tabs-opcion.active {
  background-color: #f6f5f0;
}
.av-tabs-opcion i {
  position: relative;
  top: -2px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 1.778em;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
}
.av-tabs-opcion i:not([class*="msg-"]) {
  margin-left: 0.2em;
}
.av-tabs-opcion i[class*="msg-"] {
  margin-right: 0.2em;
}

.av-mensaje-contenido {
  max-height: 27em;
}

.av-deberes-carcasa {
  background-color: #f6f5f0;
}

.av-deberes-carcasa-titulo {
  background-color: #e6e6e0;
  margin: 0 0 .5em;
}

.av-deberes-carcasa-titulo, .av-deberes-carcasa-respuesta {
  font-size: 32px;
  font-size: 2em;
  padding: .5em;
}

.av-deberes-carcasa-main {
  padding: 1em 0;
}

.av-deberes-carcasa-pregunta {
  font-size: 20px;
  font-size: 1.25em;
  padding: 0 .8em;
  margin: 0;
}

.av-deberes-carcasa-respuesta {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #dbdbd2;
}
.av-deberes-carcasa-respuesta span {
  display: block;
  margin: 0 .5em;
}
.av-deberes-carcasa-respuesta:active, .av-deberes-carcasa-respuesta .esta-seleccionada {
  background-color: #eceae0;
}
.av-deberes-carcasa-respuesta.es-correcta, .av-deberes-carcasa-respuesta.es-incorrecta {
  background-color: white;
}
.av-deberes-carcasa-respuesta.es-correcta:before, .av-deberes-carcasa-respuesta.es-incorrecta:before {
  position: absolute;
  right: 1em;
  font-family: "avs";
}
.av-deberes-carcasa-respuesta.es-correcta:before {
  content: "\e02a";
  color: #17a085;
}
.av-deberes-carcasa-respuesta.es-incorrecta:before {
  content: "\e017";
  color: #e31e2f;
}

.av-listado-deberes {
  padding: 2em !important;
}

.av-listado-deberes-ficha {
  display: inline-block;
  margin: 1em .5em;
  position: relative;
  width: 10em;
  float: left;
}
.av-listado-deberes-ficha img {
  width: 100%;
}
.av-listado-deberes-ficha > *:not(img) {
  position: absolute;
}
.av-listado-deberes-ficha time {
  color: #40a9e1;
  font-size: 14px;
  font-size: .875em;
  left: .5em;
  line-height: 1;
  top: 3.25em;
}
.av-listado-deberes-ficha time span {
  display: block;
}
.av-listado-deberes-ficha time span:first-child {
  font-size: 15px;
  font-size: 1.125em;
}
.av-listado-deberes-ficha h2 {
  font-size: 1.25em;
  font-weight: 400;
  height: 3em;
  left: 0;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  top: 5em;
  text-overflow: ellipsis;
}
.av-listado-deberes-ficha h2, .av-listado-deberes-ficha p {
  color: #797672;
  padding: 0 20% 0 5%;
  width: 75%;
  word-wrap: break-word;
}
.av-listado-deberes-ficha p {
  bottom: .5em;
  font-size: 0.813em;
  margin: 0;
  text-align: center;
}

.avo-pila {
  border: solid #f6f5f0;
  border-width: .438em .438em 0;
}
.avo-pila-unidad {
  position: relative;
  display: block;
  border-bottom: .438em solid #f6f5f0;
  height: 4.5em;
  color: #66635f;
  cursor: pointer;
}
.avo-pila-unidad span{
  position: absolute;
  bottom: .2em;
  right: .2em;
}
.avo-pila-unidad span i{
  opacity: 0;
  font-size: .688em;
}
.avo-pila-unidad.select{
  color: #f6f5f0;
  background-color: #66635f;
}
.avo-pila-unidad.select span i{
  opacity: 1;
}
.avo-pila-cloud-icon {
  position: absolute;
  top: .3em;
  left: .3em;
  font-size: 1.5em;
}

.av-listado-deberes-ficha-leftpadded {
  padding: 0 20% !important;
  width: 60% !important;
}

.marron {
  color: #66635f;
}

.azul {
  color: #40a9e1;
}

.rojo {
  color: #e31e2f;
}

.verde {
  color: #17a085;
}

.av-leyenda, .texto-tema {
  color: #66635f !important;
}

.av-cabecera-principal, .av-cabecera-principal a, .avo-filtros .av-desplegable-click, .av-barra-cabecera, .av-barra-cabecera .icon-bubble, .av-barra-opciones .icon-add, .av-titular-seccion, .av-libro-porcentaje, .av-horario-tabla-row .hora {
  color: #99958e;
}
.av-cabecera-principal-acciones > *, .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #99958e;
}
.count-flexible:after {
  border-top-color: #66635f;
  border-bottom-color: #66635f;
}
.av-boton, button:not(.av-busqueda-boton), input[type="submit"], input[type="reset"], input[type="button"], .av-selector-opcion, .count-flexible, .av-boton:hover, button:not(.av-busqueda-boton):hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .av-progress-porcentaje {
  background-color: #66635f;
}
.av-selector-opcion {
  background-color: #66635f;
}
.av-boton:active, button:not(.av-busqueda-boton):active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
  background-color: #4c4946;
}
.av-boton-izquierda {
  background-color: #f6f5f0 !important;
}
.av-boton-izquierda:hover {
  background-color: #f6f5f0 !important;
}
.av-boton-izquierda:active {
  background-color: #e3e0d0 !important;
}
.av-boton-centro {
  background-color: #a9a59f !important;
}
.av-boton-centro:hover {
  background-color: #a9a59f !important;
}
.av-boton-centro:active {
  background-color: #918c84 !important;
}
.enlace-color {
  color: #66635f;
  text-decoration: underline;
}
.icon-mail .count .icon-bubble {
  color: #195d71;
}

.texto-usuarios, .av-leyenda {
  color: #eb363d !important;
}

.tema-usuarios .av-cabecera-principal, .tema-usuarios .av-cabecera-principal a, .tema-usuarios .avo-filtros .av-desplegable-click, .tema-usuarios .av-barra-cabecera, .tema-usuarios .av-barra-cabecera .icon-bubble, .tema-usuarios .av-barra-opciones .icon-add, .tema-usuarios .av-titular-seccion, .tema-usuarios .av-libro-porcentaje {
  color: #eb363d;
}
.tema-usuarios .av-cabecera-principal-acciones > *, .tema-usuarios .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #eb363d;
}
.tema-usuarios .count-flexible:after {
  border-top-color: #eb363d;
  border-bottom-color: #eb363d;
}
.tema-usuarios .av-boton, .tema-usuarios button:not(.av-busqueda-boton), .tema-usuarios input[type="submit"], .tema-usuarios input[type="reset"], .tema-usuarios input[type="button"], .tema-usuarios .av-selector-opcion, .tema-usuarios .count-flexible, .tema-usuarios .av-boton:hover, .tema-usuarios button:not(.av-busqueda-boton):hover, .tema-usuarios input[type="submit"]:hover, .tema-usuarios input[type="reset"]:hover, .tema-usuarios input[type="button"]:hover, .tema-usuarios .av-progress-porcentaje {
  background-color: #eb363d;
}
.tema-usuarios .av-boton:active, .tema-usuarios button:not(.av-busqueda-boton):active, .tema-usuarios input[type="submit"]:active, .tema-usuarios input[type="reset"]:active, .tema-usuarios input[type="button"]:active {
  background-color: #d8161d;
}
.tema-usuarios .av-boton-izquierda {
  background-color: #f8b6ba !important;
}
.tema-usuarios .av-boton-izquierda:hover {
  background-color: #f8b6ba !important;
}
.tema-usuarios .av-boton-izquierda:active {
  background-color: #f4878e !important;
}
.tema-usuarios .av-boton-centro {
  background-color: #f38e94 !important;
}
.tema-usuarios .av-boton-centro:hover {
  background-color: #f38e94 !important;
}
.tema-usuarios .av-boton-centro:active {
  background-color: #ee6068 !important;
}
.tema-usuarios .enlace-color {
  color: #eb363d;
  text-decoration: underline;
}
.tema-usuarios .icon-mail .count .icon-bubble {
  color: #195d71;
}

.texto-libreria, .av-leyenda {
  color: #08ad97 !important;
}

.tema-libreria .av-cabecera-principal, .tema-libreria .av-cabecera-principal a, .tema-libreria .avo-filtros .av-desplegable-click, .tema-libreria .av-barra-cabecera, .tema-libreria .av-barra-cabecera .icon-bubble, .tema-libreria .av-barra-opciones .icon-add, .tema-libreria .av-titular-seccion, .tema-libreria .av-libro-porcentaje {
  color: #08ad97;
}
.tema-libreria .av-cabecera-principal-acciones > *, .tema-libreria .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #08ad97;
}
.tema-libreria .count-flexible:after {
  border-top-color: #08ad97;
  border-bottom-color: #08ad97;
}
.tema-libreria .av-boton, .tema-libreria button:not(.av-busqueda-boton), .tema-libreria input[type="submit"], .tema-libreria input[type="reset"], .tema-libreria input[type="button"], .tema-libreria .av-selector-opcion, .tema-libreria .count-flexible, .tema-libreria .av-boton:hover, .tema-libreria button:not(.av-busqueda-boton):hover, .tema-libreria input[type="submit"]:hover, .tema-libreria input[type="reset"]:hover, .tema-libreria input[type="button"]:hover, .tema-libreria .av-progress-porcentaje {
  background-color: #08ad97;
}
.tema-libreria .av-boton:active, .tema-libreria button:not(.av-busqueda-boton):active, .tema-libreria input[type="submit"]:active, .tema-libreria input[type="reset"]:active, .tema-libreria input[type="button"]:active {
  background-color: #067c6c;
}
.tema-libreria .av-boton-izquierda {
  background-color: #b0dfd7 !important;
}
.tema-libreria .av-boton-izquierda:hover {
  background-color: #b0dfd7 !important;
}
.tema-libreria .av-boton-izquierda:active {
  background-color: #8cd0c5 !important;
}
.tema-libreria .av-boton-centro {
  background-color: #84cfc3 !important;
}
.tema-libreria .av-boton-centro:hover {
  background-color: #84cfc3 !important;
}
.tema-libreria .av-boton-centro:active {
  background-color: #5fc1b1 !important;
}
.tema-libreria .enlace-color {
  color: #08ad97;
  text-decoration: underline;
}
.tema-libreria .icon-mail .count .icon-bubble {
  color: #195d71;
}

.texto-mensajes, .av-leyenda {
  color: #9b59b6 !important;
}

.tema-mensajes .av-cabecera-principal, .tema-mensajes .av-cabecera-principal a, .tema-mensajes .avo-filtros .av-desplegable-click, .tema-mensajes .av-barra-cabecera, .tema-mensajes .av-barra-cabecera .icon-bubble, .tema-mensajes .av-barra-opciones .icon-add, .tema-mensajes .av-titular-seccion, .tema-mensajes .av-libro-porcentaje {
  color: #9b59b6;
}
.tema-mensajes .av-cabecera-principal-acciones > *, .tema-mensajes .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #9b59b6;
}
.tema-mensajes .count-flexible:after {
  border-top-color: #9b59b6;
  border-bottom-color: #9b59b6;
}
.tema-mensajes .av-boton, .tema-mensajes button:not(.av-busqueda-boton), .tema-mensajes input[type="submit"], .tema-mensajes input[type="reset"], .tema-mensajes input[type="button"], .tema-mensajes .av-selector-opcion, .tema-mensajes .count-flexible, .tema-mensajes .av-boton:hover, .tema-mensajes button:not(.av-busqueda-boton):hover, .tema-mensajes input[type="submit"]:hover, .tema-mensajes input[type="reset"]:hover, .tema-mensajes input[type="button"]:hover, .tema-mensajes .av-progress-porcentaje {
  background-color: #9b59b6;
}
.tema-mensajes .av-boton:active, .tema-mensajes button:not(.av-busqueda-boton):active, .tema-mensajes input[type="submit"]:active, .tema-mensajes input[type="reset"]:active, .tema-mensajes input[type="button"]:active {
  background-color: #804399;
}
.tema-mensajes .av-boton-izquierda {
  background-color: #efe5f3 !important;
}
.tema-mensajes .av-boton-izquierda:hover {
  background-color: #efe5f3 !important;
}
.tema-mensajes .av-boton-izquierda:active {
  background-color: #dac2e3 !important;
}
.tema-mensajes .av-boton-centro {
  background-color: #dfcae8 !important;
}
.tema-mensajes .av-boton-centro:hover {
  background-color: #dfcae8 !important;
}
.tema-mensajes .av-boton-centro:active {
  background-color: #caa6d9 !important;
}
.tema-mensajes .enlace-color {
  color: #9b59b6;
  text-decoration: underline;
}
.tema-mensajes .icon-mail .count .icon-bubble {
  color: #195d71;
}

.texto-grupos, .av-leyenda {
  color: #f15a24 !important;
}

.tema-grupos .av-ficha .count-flexible {
    background-color: #99958e;
    position: absolute;
    right: 0.3em;
    top: 0.3em;
    z-index: 1;
}
.tema-grupos .av-ficha .count-flexible:after {
    border-bottom-color: #99958e;
    border-top-color: #99958e;
    left: 0.1em;
    right: auto;
    -webkit-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
            transform: rotate(33deg);
}
.tema-grupos .av-cabecera-principal, .tema-grupos .av-cabecera-principal a, .tema-grupos .avo-filtros .av-desplegable-click, .tema-grupos .av-barra-cabecera, .tema-grupos .av-barra-cabecera .icon-bubble, .tema-grupos .av-barra-opciones .icon-add, .tema-grupos .av-titular-seccion, .tema-grupos .av-libro-porcentaje {
  color: #f15a24;
}
.tema-grupos .av-cabecera-principal-acciones > *, .tema-grupos .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #f15a24;
}
.tema-grupos .count-flexible:after {
  border-top-color: #f15a24;
  border-bottom-color: #f15a24;
}
.tema-grupos .av-boton, .tema-grupos button:not(.av-busqueda-boton), .tema-grupos input[type="submit"], .tema-grupos input[type="reset"], .tema-grupos input[type="button"], .tema-grupos .av-selector-opcion, .tema-grupos .count-flexible, .tema-grupos .av-boton:hover, .tema-grupos button:not(.av-busqueda-boton):hover, .tema-grupos input[type="submit"]:hover, .tema-grupos input[type="reset"]:hover, .tema-grupos input[type="button"]:hover, .tema-grupos .av-progress-porcentaje {
  background-color: #f15a24;
}
.tema-grupos .av-boton:active, .tema-grupos button:not(.av-busqueda-boton):active, .tema-grupos input[type="submit"]:active, .tema-grupos input[type="reset"]:active, .tema-grupos input[type="button"]:active {
  background-color: #d4420e;
}
.tema-grupos .av-boton-izquierda {
  background-color: #fbc9b6 !important;
}
.tema-grupos .av-boton-izquierda:hover {
  background-color: #fbc9b6 !important;
}
.tema-grupos .av-boton-izquierda:active {
  background-color: #f8a586 !important;
}
.tema-grupos .av-boton-centro {
  background-color: #faad8e !important;
}
.tema-grupos .av-boton-centro:hover {
  background-color: #faad8e !important;
}
.tema-grupos .av-boton-centro:active {
  background-color: #f88a5d !important;
}
.tema-grupos .enlace-color {
  color: #f15a24;
  text-decoration: underline;
}
.tema-grupos .icon-mail .count .icon-bubble {
  color: #195d71;
}

.tema-grupos tbody#alumnos td span{
  text-align: left;
}

.tema-grupos tbody#alumnos td:last-child span{
  text-align: right;
}

.texto-deberes, .av-leyenda {
  color: #40a9e1 !important;
}

.tema-deberes .av-cabecera-principal, .tema-deberes .av-cabecera-principal a, .tema-deberes .avo-filtros .av-desplegable-click, .tema-deberes .av-barra-cabecera, .tema-deberes .av-barra-cabecera .icon-bubble, .tema-deberes .av-barra-opciones .icon-add, .tema-deberes .av-titular-seccion, .tema-deberes .av-libro-porcentaje {
  color: #40a9e1;
}
.tema-deberes .av-cabecera-principal-acciones > *, .tema-deberes .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #40a9e1;
}
.tema-deberes .count-flexible:after {
  border-top-color: #40a9e1;
  border-bottom-color: #40a9e1;
}
.tema-deberes .av-boton, .tema-deberes button:not(.av-busqueda-boton), .tema-deberes input[type="submit"], .tema-deberes input[type="reset"], .tema-deberes input[type="button"], .tema-deberes .av-selector-opcion, .tema-deberes .count-flexible, .tema-deberes .av-boton:hover, .tema-deberes button:not(.av-busqueda-boton):hover, .tema-deberes input[type="submit"]:hover, .tema-deberes input[type="reset"]:hover, .tema-deberes input[type="button"]:hover, .tema-deberes .av-progress-porcentaje {
  background-color: #40a9e1;
}
.tema-deberes .av-boton:active, .tema-deberes button:not(.av-busqueda-boton):active, .tema-deberes input[type="submit"]:active, .tema-deberes input[type="reset"]:active, .tema-deberes input[type="button"]:active {
  background-color: #2091ce;
}
.tema-deberes .av-boton-izquierda {
  background-color: #bbdef4 !important;
}
.tema-deberes .av-boton-izquierda:hover {
  background-color: #bbdef4 !important;
}
.tema-deberes .av-boton-izquierda:active {
  background-color: #8fc9ed !important;
}
.tema-deberes .av-boton-centro {
  background-color: #95cdee !important;
}
.tema-deberes .av-boton-centro:hover {
  background-color: #95cdee !important;
}
.tema-deberes .av-boton-centro:active {
  background-color: #69b8e7 !important;
}
.tema-deberes .enlace-color {
  color: #40a9e1;
  text-decoration: underline;
}
.tema-deberes .icon-mail .count .icon-bubble {
  color: #195d71;
}

.texto-evaluacion, .av-leyenda {
  color: #34485e !important;
}

.tema-evaluacion .av-cabecera-principal, .tema-evaluacion .av-cabecera-principal a, .tema-evaluacion .avo-filtros .av-desplegable-click, .tema-evaluacion .av-barra-cabecera, .tema-evaluacion .av-barra-cabecera .icon-bubble, .tema-evaluacion .av-barra-opciones .icon-add, .tema-evaluacion .av-titular-seccion, .tema-evaluacion .av-libro-porcentaje {
  color: #34485e;
}
.tema-evaluacion .av-cabecera-principal-acciones > *, .tema-evaluacion .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #34485e;
}
.tema-evaluacion .count-flexible:after {
  border-top-color: #34485e;
  border-bottom-color: #34485e;
}
.tema-evaluacion .av-boton, .tema-evaluacion button:not(.av-busqueda-boton), .tema-evaluacion input[type="submit"], .tema-evaluacion input[type="reset"], .tema-evaluacion input[type="button"], .tema-evaluacion .av-selector-opcion, .tema-evaluacion .count-flexible, .tema-evaluacion .av-boton:hover, .tema-evaluacion button:not(.av-busqueda-boton):hover, .tema-evaluacion input[type="submit"]:hover, .tema-evaluacion input[type="reset"]:hover, .tema-evaluacion input[type="button"]:hover, .tema-evaluacion .av-progress-porcentaje {
  background-color: #34485e;
}
.tema-evaluacion .av-boton:active, .tema-evaluacion button:not(.av-busqueda-boton):active, .tema-evaluacion input[type="submit"]:active, .tema-evaluacion input[type="reset"]:active, .tema-evaluacion input[type="button"]:active {
  background-color: #222f3d;
}
.tema-evaluacion .av-boton-izquierda {
  background-color: #bcc3ca !important;
}
.tema-evaluacion .av-boton-izquierda:hover {
  background-color: #bcc3ca !important;
}
.tema-evaluacion .av-boton-izquierda:active {
  background-color: #a0a9b3 !important;
}
.tema-evaluacion .av-boton-centro {
  background-color: #97a2ae !important;
}
.tema-evaluacion .av-boton-centro:hover {
  background-color: #97a2ae !important;
}
.tema-evaluacion .av-boton-centro:active {
  background-color: #7a8898 !important;
}
.tema-evaluacion .enlace-color {
  color: #34485e;
  text-decoration: underline;
}
.tema-evaluacion .icon-mail .count .icon-bubble {
  color: #195d71;
}

[class*="msg-grupos"] {
  color: #f15a24;
}

[class*="msg-tutorias"] {
  color: #dbb523;
}

[class*="msg-ausencias"] {
  color: #f1842c;
}

[class*="msg-incidencias"] {
  color: #e31e2f;
}

[class*="msg-excursiones"] {
  color: #17a085;
}

[class*="msg-deberes"] {
  color: #3498db;
}

[class*="msg-calificaciones"] {
  color: #34485e;
}

.read .msg-mensajes, .read h2, .read h3 {
  color: #9b59b6;
}

.color-usuarios {
  color: #f8b6ba;
}

.color-grupos {
  color: #fbc9b6;
}

.color-libreria {
  color: #b0dfd7;
}

.color-deberes {
  color: #bbdef4;
}

.color-evaluacion {
  color: #bcc3ca;
}

.color-agenda {
  color: #f9e192;
}

.color-mensajes {
  color: #efe5f3;
}

.color-herramientas {
  color: #e7d8de;
}

.color-cloud {
  color: #dbdbd2;
}

.bg-usuarios {
  background-color: #f8b6ba !important;
}

.bg-grupos {
  background-color: #fbc9b6 !important;
}

.bg-libreria {
  background-color: #b0dfd7 !important;
}

.bg-deberes {
  background-color: #bbdef4 !important;
}

.bg-evaluacion {
  background-color: #bcc3ca !important;
}

.bg-agenda {
  background-color: #f9e192 !important;
}

.bg-mensajes {
  background-color: #efe5f3 !important;
}

.bg-herramientas {
  background-color: #e7d8de !important;
}

.bg-cloud {
  background-color: #dbdbd2 !important;
}

.av-empty{
  font-size:32px;
  font-size:2em;
}
.av-empty{
  padding:1.5em 3em;
  width:100%;
  text-align:center;
  color:#66635f;
  background-color:#f6f5f0;
  box-sizing:border-box;
}

/* Small PC */
/* Smaller than Small PC */
@media only screen and (max-width: 59.938em) {
  body, .tabla-dinamica-td {
    font-size: 14px;
  }
}

/* TEMA-AGENDA */

.texto-agenda, .av-leyenda, .tema-agenda .texto-tema {
  color: #bd8911 !important
}
.tema-agenda .av-cabecera-principal, .tema-agenda .av-cabecera-principal a, .tema-agenda .avo-filtros .av-desplegable-click, .tema-agenda .av-barra-cabecera, .tema-agenda .av-barra-cabecera .icon-bubble, .tema-agenda .av-barra-opciones .icon-add, .tema-agenda .av-titular-seccion, .tema-agenda .av-libro-porcentaje, .tema-agenda .av-horario-tabla-row .hora {
  color: #bd8911
}
.tema-agenda .av-cabecera-principal-acciones > *, .tema-agenda .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #bd8911
}
.tema-agenda .count-flexible:after {
  border-top-color: #bd8911;
  border-bottom-color: #bd8911
}
.tema-agenda .av-boton, .tema-agenda button:not(.av-busqueda-boton), .tema-agenda input[type="submit"], .tema-agenda input[type="reset"], .tema-agenda input[type="button"], .tema-agenda .av-selector-opcion, .tema-agenda .count-flexible, .tema-agenda .av-boton:hover, .tema-agenda button:not(.av-busqueda-boton):hover, .tema-agenda input[type="submit"]:hover, .tema-agenda input[type="reset"]:hover, .tema-agenda input[type="button"]:hover, .tema-agenda .av-progress-porcentaje {
  background-color: #bd8911
}
.tema-agenda .av-selector-opcion {
  background-color: #f5cd38
}
.tema-agenda .av-boton:active, .tema-agenda button:not(.av-busqueda-boton):active, .tema-agenda input[type="submit"]:active, .tema-agenda input[type="reset"]:active, .tema-agenda input[type="button"]:active {
  background-color: #8e670d
}
.tema-agenda .av-boton-izquierda {
  background-color: #f9e192 !important
}
.tema-agenda .av-boton-izquierda:hover {
  background-color: #f9e192 !important
}
.tema-agenda .av-boton-izquierda:active {
  background-color: #f6d462 !important
}
.tema-agenda .av-boton-centro {
  background-color: #bd8911 !important
}
.tema-agenda .av-boton-centro:hover {
  background-color: #bd8911 !important
}
.tema-agenda .av-boton-centro:active {
  background-color: #8e670d !important
}
.tema-agenda .enlace-color {
  color: #bd8911;
  text-decoration: underline
}
.tema-agenda .icon-mail .count .icon-bubble {
  color: #195d71
}
.tema-agenda .av-selector-opcion-titulo {
  color: #fff
}
.color-agenda {
  color: #f9e192
}
.bg-agenda {
  background-color: #f9e192 !important
}
.av-selector-opcion img[src*="calendario"] {
  width: 6.7em
}
.av-selector-opcion img[src*="horarios"] {
  left: 56%;
  top: 1.2em;
  width: 9em
}
.av-horario {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  top: 15px
}
.av-horario-tabla {
  width: 100%;
  height: 100%
}
.av-horario-tabla-row > div {
  float: left;
  width: 13.28%;
  height: 120px;
  padding: 5px;
  background: url(../img/schedule-td-bg.png) repeat-x center #f2f2ee;
  box-sizing: border-box;
  border: solid #a9a59f;
  border-width: 0 1px 1px 0
}
.av-horario-tabla-row > div:first-child {
  border-width: 0 1px 0 0;
  background-color: transparent
}
.av-horario-tabla-row .hora {
  width: 7%;
  padding: 0
}
.av-horario-tabla-row .hora span {
  position: relative;
  top: 25px;
  padding: 2px 6px;
  background: #dbdbd2
}
.av-horario-tabla-row .disabled {
  border: 0 none;
  background: none
}
.av-horario-tabla-head .hoy {
  display: block;
  opacity: 0;
  font-size: 0.750em
}
.av-horario-tabla-head > div {
  position: relative;
  text-align: center;
  font-weight: 300;
  line-height: 14px;
  color: #66635f;
  height: 30px;
  padding: 0 5px;
  background: none;
  border-width: 0 0 1px 0
}
.av-horario-tabla-head > div:first-child {
  border-width: 0
}
.av-horario-evento {
  position: absolute;
  left: 0;
  margin-top: 30px;
  display: block;
  width: 97%;
  padding: 5px;
  text-align: left;
  font-weight: 400;
  background: #f6f5f0;
  box-sizing: border-box
}
.av-horario-evento p {
  text-align: center;
  margin: 0;
  font-size: 0.750em;
  color: #66635f;
  overflow: hidden;
  height: 12px
}
.av-horario-evento-clase {
  margin-top: 5px
}
.av-tabs-filtro {
  position: relative;
}

.av-tabs-filtro .av-busqueda-filtros {
  position: absolute;
  right: 16em;
  top: 0
}

.av-tabs-filtro .av-busqueda {
  position: absolute;
  right: 0;
  top: 0;
}
.av-libreria-milibro {
  position: relative;
  margin: 0 0 2em 14em;
  padding: 3em 0 0 .2em;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.av-libreria-milibro .av-libro {
  position: relative;
  padding: .1em 1.5em;
  margin-bottom: .5em;
  background-color: #ccc6bd;
  border-radius: .5em;
}
.av-libreria-milibro .av-libro:before {
  right: .55em;
}
.av-libreria-milibro .av-libro .av-libro-titulo span {
  white-space: nowrap;
  overflow: hidden;
}
.av-libreria-milibro .av-libro.esta-activo {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.av-libreria-milibro .av-libro .milibro-acciones {
  position: absolute;
  top: -3em;
  left: 0;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
.av-libreria-milibro .av-libro .milibro-acciones [class*=icon] {
  font-size: 36px;
  font-size: 2.25em;
  height: 1em;
  width: 1em;
  line-height: 1;
  cursor: pointer;
  margin: 0 .2em;
}
.av-selector-opcion-milibro {
  position: absolute;
  left: 6em;
  top: 4.8em;
}


.icon-edit-off{
  opacity: 0.1;
  filter: alpha(opacity=10); /* For IE8 and earlier */
  pointer-events: none;  
}

.av-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 225px;
  height: 295px;
  margin: -148px 0 0 -125px;
  text-align: center;
  background-color: rgba(255,255,255,.5);
  color: #a9a69f;    
  z-index: 1000;
}
.av-loading img {
  width: 140px;
  margin: 25px;
}
.av-loading p {
  height: 40px;
  margin: 0 0 25px;
  padding: 25px 25px 0;
  border-top: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
}

.avo-overlay {
  background-color: rgba(169,166,159,.6);
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  height: 100%;
}

.texto-herramientas, .av-leyenda, .tema-herramientas .texto-tema {
  color: #a81b64 !important;
}
.tema-herramientas .av-cabecera-principal, .tema-herramientas .av-cabecera-principal a, .tema-herramientas .avo-filtros .av-desplegable-click, .tema-herramientas .av-barra-cabecera, .tema-herramientas .av-barra-cabecera .icon-bubble, .tema-herramientas .av-barra-opciones .icon-add, .tema-herramientas .av-titular-seccion, .tema-herramientas .av-libro-porcentaje, .tema-herramientas .av-horario-tabla-row .hora {
  color: #a81b64;
}
.tema-herramientas .av-cabecera-principal-acciones > *, .tema-herramientas .av-cabecera-principal-acciones .av-tooltip-click {
  border-color: #a81b64;
}
.tema-herramientas .count-flexible:after {
  border-top-color: #a81b64;
  border-bottom-color: #a81b64;
}
.tema-herramientas .av-boton, .tema-herramientas button:not(.av-busqueda-boton), .tema-herramientas input[type="submit"], .tema-herramientas input[type="reset"], .tema-herramientas input[type="button"], .tema-herramientas .av-selector-opcion, .tema-herramientas .count-flexible, .tema-herramientas .av-boton:hover, .tema-herramientas button:not(.av-busqueda-boton):hover, .tema-herramientas input[type="submit"]:hover, .tema-herramientas input[type="reset"]:hover, .tema-herramientas input[type="button"]:hover, .tema-herramientas .av-progress-porcentaje {
  background-color: #a81b64;
}
.tema-herramientas .av-selector-opcion {
  background-color: #a81b64;
}
.tema-herramientas .av-boton:active, .tema-herramientas button:not(.av-busqueda-boton):active, .tema-herramientas input[type="submit"]:active, .tema-herramientas input[type="reset"]:active, .tema-herramientas input[type="button"]:active {
  background-color: #7c144a;
}
.tema-herramientas .av-boton-izquierda {
  background-color: #e7d8de !important;
}
.tema-herramientas .av-boton-izquierda:hover {
  background-color: #e7d8de !important;
}
.tema-herramientas .av-boton-izquierda:active {
  background-color: #d4b8c3 !important;
}
.tema-herramientas .av-boton-centro {
  background-color: #b48497 !important;
}
.tema-herramientas .av-boton-centro:hover {
  background-color: #b48497 !important;
}
.tema-herramientas .av-boton-centro:active {
  background-color: #a1647c !important;
}
.tema-herramientas .enlace-color {
  color: #a81b64;
  text-decoration: underline;
}
.tema-herramientas .icon-mail .count .icon-bubble {
  color: #195d71;
}
.icon-off{
  opacity: 0.1;
  filter: alpha(opacity=10); /* For IE8 and earlier */
  pointer-events: none;  
}
.av-loading {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 225px;
  height: 295px;
  margin: -148px 0 0 -125px;
  text-align: center;
  background-color: rgba(255,255,255,.5);
  color: #a9a69f;    
  z-index: 1000
}
.av-loading img {
  width: 140px;
  margin: 25px;
}
.av-loading p {
  height: 40px;
  margin: 0 0 25px;
  padding: 25px 25px 0;
  border-top: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avo-overlay {
  background-color: rgba(169,166,159,.6);
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  height: 100%;
}

/* Tablets */
/* Smaller than Tablet */
/* Phone */

#filesystem{
  overflow-x:hidden;
  overflow-y:auto;
  border:grey solid 10px;
  background-color:#dbdbd2;
  position:absolute;
  top:0;
  left:0;z-index:10000; 
}