@charset "UTF-8";
/* CSS Document */

@font-face { font-family: 'stpatricks'; src: url("/includes/_fonts_/CircularStd-Book.eot"); src: url("/includes/_fonts_/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("/includes/_fonts_/CircularStd-Book.woff") format("woff"), url("/includes/_fonts_/CircularStd-Book.ttf") format("truetype"), url("/includes/_fonts_/CircularStd-Book.svg#CircularStd") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'stpatricks'; src: url("/includes/_fonts_/CircularStd-BookItalic.eot"); src: url("/includes/_fonts_/CircularStd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/includes/_fonts_/CircularStd-BookItalic.woff") format("woff"), url("/includes/_fonts_/CircularStd-BookItalic.ttf") format("truetype"), url("/includes/_fonts_/CircularStd-BookItalic.svg#CircularStd") format("svg"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'stpatricks'; src: url("/includes/_fonts_/CircularStd-Bold.eot"); src: url("/includes/_fonts_/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("/includes/_fonts_/CircularStd-Bold.woff") format("woff"), url("/includes/_fonts_/CircularStd-Bold.ttf") format("truetype"), url("/includes/_fonts_/CircularStd-Bold.svg#CircularStd") format("svg"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'stpatricks'; src: url("/includes/_fonts_/CircularStd-BoldItalic.eot"); src: url("/includes/_fonts_/CircularStd-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/includes/_fonts_/CircularStd-BoldItalic.woff") format("woff"), url("/includes/_fonts_/CircularStd-BoldItalic.ttf") format("truetype"), url("/includes/_fonts_/CircularStd-BoldItalic.svg#CircularStd") format("svg"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'stpatricks'; src: url("/includes/_fonts_/CircularStd-Black.eot"); src: url("/includes/_fonts_/CircularStd-Black.eot?#iefix") format("embedded-opentype"), url("/includes/_fonts_/CircularStd-Black.woff") format("woff"), url("/includes/_fonts_/CircularStd-Black.ttf") format("truetype"), url("/includes/_fonts_/CircularStd-Black.svg#CircularStd") format("svg"); font-weight: 900; font-style: normal; }

/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; font-size: 100%; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; color: #7c7c7c; font-family: "stpatricks", "Font Awesome 7 Pro", sans-serif; }

body.menuMini:before { top:60px; }
body:before { position:absolute; top: 110px; left: 0; width: 100%; height: 1px; content: ''; display: block; background-color:transparent; z-index: -1; }

/* ESTILOS PROVENIENTES DE estilos_fou****tion.css REVISAR Y OPTIMIZAR */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: not-allowed; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
*, *::before, *::after { box-sizing: inherit; }
img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }
textarea { height: auto; min-height: 50px; border-radius: 0; }
select { width: 100%; border-radius: 0; }
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }
button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; }
[data-whatinput='mouse'] button { outline: 0; }
.is-visible { display: block !important; }
.is-hidden { display: none !important; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }
p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 80%; line-height: inherit; }
a { color: #00695c; text-decoration: none; line-height: inherit; cursor: pointer; }
a:hover, a:focus { color: #005a4f; }
a img { border: 0; }
hr { max-width: 1460px; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; }
ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; }
li { font-size: inherit; }
ul { list-style-type: disc; margin-left: 1.25rem; }
ol { margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; }
dl { margin-bottom: 1rem; }
dl dt { margin-bottom: 0.3rem; font-weight: bold; }
blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; /*border-left: 1px solid #cacaca;*/ }
blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; }
cite { display: block; font-size: 0.8125rem; color: #8a8a8a; }
cite:before { content: '\2014 \0020'; }
abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; }
code { font-family: Consolas, Courier, monospace; font-weight: normal; color: #0a0a0a; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.125rem 0.3125rem 0.0625rem; }
kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, Courier, monospace; }
.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; }
.lead { font-size: 125%; line-height: 1.6; }
.stat { font-size: 2.5rem; line-height: 1; }
p + .stat { margin-top: -1rem; }
.mostrarenimpresora { display:none; }
.mostrarenimpresorarejilla { display:none; }
.show-for-print { display: none !important; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #0a0a0a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border-radius: 0; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #8a8a8a; background-color: #fefefe; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
textarea { max-width: 100%; }
textarea[rows] { height: auto; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; }
input::placeholder, textarea::placeholder { color: #cacaca; }
input:disabled, textarea:disabled, textarea[readonly], input[readonly] { background-color: #e6e6e6; cursor: not-allowed; }
[type='submit'], [type='button'] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; }
input[type='search'] { box-sizing: border-box; }
[type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; }
[type='checkbox'] + label, [type='radio'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; }
[type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; }
label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; }
[type='file'] { width: 100%; }
label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; }
label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; }
.help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; }
fieldset { border: 0; padding: 0; margin: 0; }
legend { margin-bottom: 0.5rem; max-width: 100%; }
.fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; }
.fieldset legend { background: #fefefe; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; }
select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-size: 1rem; font-family: inherit; line-height: normal; color: #0a0a0a; background-color: #fefefe; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; }
@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select option:disabled { background-color: #e6e6e6; cursor: not-allowed; }
select::-ms-expand { display: none; }
select[multiple] { height: auto; background-image: none; }
[data-whatinput='mouse'] .button { outline: 0; }
.button:hover, .button:focus { background-color: #00594e; color: #fefefe; }
.button.tiny { font-size: 0.6rem; }
.button.small { font-size: 0.75rem; }
.button.large { font-size: 1.25rem; }
.button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; }
.button.primary { background-color: #00695c; color: #fefefe; }
.button.primary:hover, .button.primary:focus { background-color: #00544a; color: #fefefe; }
.button.secondary { background-color: #F3D311; color: #fefefe; }
.button.secondary:hover, .button.secondary:focus { background-color: #be9c0f; color: #fefefe; }
.button.success { background-color: #3adb76; color: #fefefe; }
.button.success:hover, .button.success:focus { background-color: #22bb5b; color: #fefefe; }
.button.warning { background-color: #ffae00; color: #fefefe; }
.button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fefefe; }
.button.alert { background-color: #ec5840; color: #fefefe; }
.button.alert:hover, .button.alert:focus { background-color: #da3116; color: #fefefe; }
.button.hollow { border: 1px solid #00695c; color: #00695c; }
.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; }
.button.hollow:hover, .button.hollow:focus { border-color: #00352e; color: #00352e; }
.button.hollow.primary { border: 1px solid #00695c; color: #00695c; }
.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #00352e; color: #00352e; }
.button.hollow.secondary { border: 1px solid #F3D311; color: #F3D311; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #77620a; color: #77620a; }
.button.hollow.success { border: 1px solid #3adb76; color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; }
.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }
.button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; }
.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; }
.button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #00695c; color: #fefefe; }
.button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; }
.button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #00695c; color: #fefefe; }
.button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #F3D311; color: #fefefe; }
.button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: #fefefe; }
.button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; }
.button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #fefefe; }
.button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #ec5840; color: #fefefe; }
.button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #fefefe transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; }
.button.arrow-only::after { margin-left: 0; float: none; top: -0.1em; }
.callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; position: relative; color: #0a0a0a; background-color: white; }
.callout > :first-child { margin-top: 0; }
.callout > :last-child { margin-bottom: 0; }
.callout.primary { background-color: #c2fff7; }
.callout.secondary { background-color: #fcf6dc; }
.callout.success { background-color: #e1faea; }
.callout.warning { background-color: #fff3d9; }
.callout.alert { background-color: #fce6e2; }
.callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }
.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }
.label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #00695c; color: #fefefe; }
.label.secondary { background: #F3D311; color: #fefefe; }
.label.success { background: #3adb76; color: #fefefe; }
.label.warning { background: #ffae00; color: #fefefe; }
.label.alert { background: #ec5840; color: #fefefe; }
.pagination { margin-left: 0; margin-bottom: 1rem; }
.pagination::before, .pagination::after { content: ' '; display: table; }
.pagination::after { clear: both; }
.pagination li { font-size: 0.875rem; margin-right: 0.0625rem; border-radius: 0; display: none; }
.pagination li:last-child, .pagination li:first-child { display: inline-block; }
.pagination a, .pagination button { color: #0a0a0a; display: block; padding: 0.1875rem 0.625rem; border-radius: 0; }
.pagination a:hover, .pagination button:hover { background: #e6e6e6; }
.pagination .current { padding: 0.1875rem 0.625rem; background: #00695c; color: #fefefe; cursor: default; }
.pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; }
.pagination .disabled:hover { background: transparent; }
.pagination .ellipsis::after { content: '\2026'; padding: 0.1875rem 0.625rem; color: #0a0a0a; }
.pagination-previous a::before, .pagination-previous.disabled::before { content: '<<'; display: inline-block; margin-right: 0.5rem; }
.pagination-next a::after, .pagination-next.disabled::after { content: '>>'; display: inline-block; margin-left: 0.5rem; }

@media screen and (min-width: 40em) { .pagination li { display: inline-block; } }

.progress { background-color: #cacaca; height: 1rem; margin-bottom: 1rem; border-radius: 0; }
.progress.primary .progress-meter { background-color: #00695c; }
.progress.secondary .progress-meter { background-color: #F3D311; }
.progress.success .progress-meter { background-color: #3adb76; }
.progress.warning .progress-meter { background-color: #ffae00; }
.progress.alert .progress-meter { background-color: #ec5840; }
.progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #00695c; }
.progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; }

.switch { height: 2rem; margin-bottom: 1rem; outline: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fefefe; font-weight: bold; font-size: 0.875rem; }
.switch-input { opacity: 0; position: absolute; margin-bottom: 0; }
.switch-paddle { background: #cacaca; cursor: pointer; display: block; position: relative; width: 4rem; height: 2rem; transition: all 0.25s ease-out; border-radius: 0; color: inherit; font-weight: inherit; }
input + .switch-paddle { margin: 0; }
.switch-paddle::after { background: #fefefe; content: ''; display: block; position: absolute; height: 1.5rem; left: 0.25rem; top: 0.25rem; width: 1.5rem; transition: all 0.25s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0; }
input:checked ~ .switch-paddle { background: #00695c; }
input:checked ~ .switch-paddle::after { left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; }
.switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.switch-active { left: 8%; display: none; }
input:checked + label > .switch-active { display: block; }
.switch-inactive { right: 15%; }
input:checked + label > .switch-inactive { display: none; }
.switch.tiny { height: 1.5rem; }
.switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; }
.switch.tiny .switch-paddle::after { width: 1rem; height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; }
.switch.small { height: 1.75rem; }
.switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; }
.switch.small .switch-paddle::after { width: 1.25rem; height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after { left: 2rem; }
.switch.large { height: 2.5rem; }
.switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; }
.switch.large .switch-paddle::after { width: 2rem; height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; }

table { width: 100%; margin-bottom: 1rem; border-radius: 0; }
table caption { font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; }
table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; }
table thead th input, table thead td input, table tfoot th input, table tfoot td input { font-weight: normal; }
table tbody tr:nth-child(even) { background-color: #f1f1f1; }
table tbody th, table tbody td { padding: 0.5rem 0.625rem 0.625rem; }

/* fin estilos de Fou****tion */

/* fix a listas desplegables estándar y chosen dentro de tablas */
table td select {width: 100%;}
table td .chosen-container {width: 100% !important;}

@media screen and (max-width: 63.9375em) { table.stack thead { display: none; }
  table.stack tfoot { display: none; }
  table.stack tr, table.stack th, table.stack td { display: block; }
  table.stack td { border-top: 0; } }

table.scroll { display: block; width: 100%; overflow-x: auto; }
table.hover tbody tr:hover { background-color: #f9f9f9; }
table.hover tbody tr:nth-of-type(even):hover { background-color: #ececec; }
.table-scroll { overflow-x: auto; }
.table-scroll table { width: auto; }

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

.float-left { float: left !important; }
.float-right { float: right !important; }
.float-center { display: block; margin-left: auto; margin-right: auto; }
.clearfix::before, .clearfix::after { content: ' '; display: table; }
.clearfix::after { clear: both; }

h1 { font-size: 3.625em; font-weight: 900; color: #000; margin: 30px 0 80px; }
h2 { font-size: 2.65em; font-weight: 900; color: #444; margin: 25px 0 50px; }
h3 { font-size: 2em; font-weight: normal; margin: 20px 0 20px 0; }
h4 { font-size: 1.5em; font-weight: normal; }
h5 { font-size: 1.35em; font-weight: normal; }
h6 { font-size: 1em; font-weight: normal; }
h1, h2, h3, h4, h5, h6, .link { line-height: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .link a { font-size: 1em; }

.link {font-size: 1.43em; font-weight: bolder}
.link a {font-size: 1em;}
.cuerpo7 {font-size: 0.85em; font-weight: normal}
.cuerpo10 {font-size: 1em; font-weight: normal;}
.cuerpo11 {font-size: 1.14em; font-weight: normal}
.cuerpo12 {font-size: 1.29em; font-weight: normal}
.cuerpo14 {font-size: 1.43em; font-weight: bold}
.cuerpo18 {font-size: 1.71em; font-weight: bold}
.cuerpo14abs {font-size: 14px; font-weight: bold}

.cuerpo7 a, .cuerpo7 input, .cuerpo7 select, .cuerpo7 textarea,
.cuerpo10 a, .cuerpo10 input, .cuerpo10 select, .cuerpo10 textarea,
.cuerpo11 a, .cuerpo11 input, .cuerpo11 select, .cuerpo11 textarea,
.cuerpo12 a, .cuerpo12 input, .cuerpo12 select, .cuerpo12 textarea,
.cuerpo14 a, .cuerpo14 input, .cuerpo14 select, .cuerpo14 textarea,
.cuerpo18 a, .cuerpo18 input, .cuerpo18 select, .cuerpo18 textarea {
    font-size: 1em;
}

.secondary {color: #F3D311;}

textarea {font-size:1.14em !important; }
.BotonOpcion {width:200px;}

table input[type='checkbox'] {margin:5px 0 0 0;}

#modnotas_todas p {margin:0;}
#modnotas_conceptos p {margin:0;}

.tfnoprioritario {border: thin solid #8a8a8a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:0 5px 0 5px;}
.TablaBoletin td {border:thin solid #333333 !important;}
.TablaBoletin th {border:thin solid #333333 !important; text-align:center !important;}
.TablaBoletin tr:nth-child(even) {background:transparent;}
.TablaBoletin thead, .TablaBoletin.hover thead tr:hover {background: transparent; color: #000000; border-bottom: 0; }
.TablaBoletin.hover tbody tr:hover {background-color: transparent; }
.TablaBoletin.hover tbody tr:nth-of-type(even):hover {background-color: transparent; }
/* celda de boletín de notas con ancho ajustado al contenido */
.CeldaAjustada {white-space: nowrap;}

@media all and (min-width: 40em) { .CeldaPaddingDcha {padding-right:30px !important;} }

.CabeceraBoletin {position: inherit;display: grid; margin: 10px 0 10px 10px;}
.CuerpoBoletin {position:absolute; color:#000000; width:100%; max-width:1460px;}

/* incrustar video responsive */
.VideoContenedor {position: relative; margin: auto; width: 100%; max-width:1000px; border-left:5px #999; border-right:5px #999; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media all and (max-width: 1000px) {.VideoContenedor {width:100%;}}

.destacado { font-size: 0.875em; font-weight: normal; width: 180px; margin: 10px; padding: 5px; float: right; border: 1px solid #999999; border-top: 0; border-bottom: 0; }
.mensajeOK {color:#00675A;}
.mensajeerror { color:#900;}

ol { padding-left:10px; }

/* cuadros de opción a tamaño normal */
.CuadroOpcion {width:120px; min-height:120px; line-height: inherit; display:block; background-color:#ECEDEE; transition: all 1s ease; text-align:center;}
.iconoopcion {font-size:36px !important; transition: all 1s ease; margin-top:20px;}
/*.iconoopcion2 {font-size:18px !important; transition: all 1s ease; margin-top:18px !important;}*/
.CuadroOpcion p { font-size:12px; margin:0;}
.CuadroOpcion:hover {background-color: #E6E6E6;}
.CuadroOpcion:hover .iconoopcion {transform:scale(1.3,1.3); transform-origin: bottom center;}
/*.CuadroOpcion:hover .iconoopcion2 {transform:scale(1.3,1.3); transform-origin: bottom center;}*/

/* color de fondo para varios usos */
.fondo_rojo {background-color: #e06666;}
.fondo_amarillo {background-color: #fad966;}
.fondo_verde {background-color: #b6d7a8;}
.fondo_azul {background-color: #a4c2f4;}

/* color para varios usos */
.rojo {color: #e06666;}
.amarillo {color: #fad966;}
.verde {color: #76B55B;}
.azul {color: #3A7BE7;}
.berenjena {color:#8B4368;}

/* estilo para input checkbox */

/* Customize the label (the container) */
.chequeador_contenedor { display: block; position: relative; padding-left: 35px; margin-bottom: 12px !important; cursor: pointer; font-size: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; }
/* Hide the browser's default checkbox */
.chequeador_contenedor input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.chequeador { position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background-color: #dddddd; }
/* On mouse-over, add a grey background color */
.chequeador_contenedor:hover input ~ .chequeador { background-color: #bbbbbb; }
/* When the checkbox is checked, add a different color background */
.chequeador_contenedor input:checked ~ .chequeador { background-color: #00675A; }
/* Create the checkmark/indicator (hidden when not checked) */
.chequeador:after { content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.chequeador_contenedor input:checked ~ .chequeador:after {display: block;}
/* Style the checkmark/indicator */
.chequeador_contenedor .chequeador:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* fin estilo para input checkbox */

/* estilo para input radio button estándar */

/* Customize the label (the container) */
.botonradio_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background-color: #dddddd; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.botonradio_contenedor:hover input ~ .botonradio { background-color: #bbbbbb;}
/* When the radio button is checked, add a custom background */
.botonradio_contenedor input:checked ~ .botonradio {background-color: #00675A;}

/* fin estilo para input radio button estándar */

/* estilo para input radio button sin valor - gris oscuro */

/* Customize the label (the container) */
.botonradio_gris_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_gris_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_gris {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background-color: #dddddd; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.botonradio_gris_contenedor:hover input ~ .botonradio_gris { background-color: #bbbbbb;}
/* When the radio button is checked, add a custom background */
.botonradio_gris_contenedor input:checked ~ .botonradio_gris {background-color: #777777;}

/* control 'option' con icono 'X' fontawesome */
.botonradio_gris:after { display: none; }
.botonradio_gris .svg-inline--fa {margin-top:4px; margin-left:2px; color:#7c7c7c;}
.botonradio_gris_contenedor input:checked ~ .botonradio_gris .svg-inline--fa { color:#F3D311; }
.botonradio_gris:after { content:"\f00d"; }

/* fin estilo para input radio button sin valor - gris oscuro */

/* estilo para input radio button rojo */

/* Customize the label (the container) */
.botonradio_rojo_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_rojo_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_rojo {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background: linear-gradient(to right,#bbbbbb 0%,#bbbbbb 75%, #e06666 75%, #e06666 100% );  border-radius: 50%;}
/* On mouse-over, add a grey background color */
.botonradio_rojo_contenedor:hover input ~ .botonradio_rojo { background: linear-gradient(to top,#bbbbbb 0%,#bbbbbb 75%, #e06666 75%, #e06666 100% ) ; }
/* When the radio button is checked, add a custom background */
.botonradio_rojo_contenedor input:checked ~ .botonradio_rojo {background: #e06666;}

/* fin estilo para input radio button rojo */

/* estilo para input radio button amarillo */

/* Customize the label (the container) */
.botonradio_amarillo_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_amarillo_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_amarillo {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background: linear-gradient(to right,#bbbbbb 0%,#bbbbbb 75%, #fad966 75%, #fad966 100% );  border-radius: 50%;}
/* On mouse-over, add a grey background color */
.botonradio_amarillo_contenedor:hover input ~ .botonradio_amarillo { background: linear-gradient(to top,#bbbbbb 0%,#bbbbbb 75%, #fad966 75%, #fad966 100% ) ;}
/* When the radio button is checked, add a custom background */
.botonradio_amarillo_contenedor input:checked ~ .botonradio_amarillo {background: #fad966;}

/* fin estilo para input radio button amarillo */

/* estilo para input radio button verde */

/* Customize the label (the container) */
.botonradio_verde_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_verde_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_verde {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background: linear-gradient(to right,#bbbbbb 0%,#bbbbbb 75%, #76B55B 75%, #76B55B 100% );  border-radius: 50%;}
/* On mouse-over, add a grey background color */
.botonradio_verde_contenedor:hover input ~ .botonradio_verde { background: linear-gradient(to top,#bbbbbb 0%,#bbbbbb 75%, #76B55B 75%, #76B55B 100% ) ;}
/* When the radio button is checked, add a custom background */
.botonradio_verde_contenedor input:checked ~ .botonradio_verde {background: #76B55B;}

/* fin estilo para input radio button verde */

/* estilo para input radio button azul */

/* Customize the label (the container) */
.botonradio_azul_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_azul_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_azul {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background: linear-gradient(to right,#bbbbbb 0%,#bbbbbb 75%, #3A7BE7 75%, #3A7BE7 100% );  border-radius: 50%;}
/* On mouse-over, add a grey background color */
.botonradio_azul_contenedor:hover input ~ .botonradio_azul { background: linear-gradient(to top,#bbbbbb 0%,#bbbbbb 75%, #3A7BE7 75%, #3A7BE7 100% ) ;}
/* When the radio button is checked, add a custom background */
.botonradio_azul_contenedor input:checked ~ .botonradio_azul {background: #3A7BE7;}

/* fin estilo para input radio button azul */

/* estilo para input radio button estándar en formato cuadrado */

/* Customize the label (the container) */
.botonradio_cuadrado_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_cuadrado_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_cuadrado {position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background-color: #dddddd;}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_contenedor:hover input ~ .botonradio_cuadrado { background-color: #bbbbbb;}
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_contenedor input:checked ~ .botonradio_cuadrado {background-color: #00675A;}

/* fin estilo para input radio button estándar en formato cuadrado */

/* Estilos para interfaz de introducción de notas (competencias) */

/* estilo para input radio button sin valor en formato cuadrado - gris oscuro */

/* Customize the label (the container) */
.botonradio_cuadrado_gris_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_cuadrado_gris_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom radio button */
.botonradio_cuadrado_gris {position: absolute; top: -5px; left: 0; height: 35px; width: 35px; background-color: #dddddd; font-size:24px;}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_gris_contenedor:hover input ~ .botonradio_cuadrado_gris { background-color: #bbbbbb;}
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_gris_contenedor input:checked ~ .botonradio_cuadrado_gris {background-color: #777777;}

/* control 'option' con icono 'X' fontawesome */
.botonradio_cuadrado_gris:after { display: none; }
.botonradio_cuadrado_gris .svg-inline--fa {margin-top:4px; margin-left:8px; color:#7c7c7c;}
.botonradio_cuadrado_gris_contenedor input:checked ~ .botonradio_cuadrado_gris .svg-inline--fa { color:#F3D311; }
.botonradio_cuadrado_gris:after { content:"\f00d"; }

/* fin estilo para input radio button sin valor en formato cuadrado - gris oscuro */

/* estilo para input radio button rojo en formato cuadrado */

/* Customize the label (the container) */
.botonradio_cuadrado_rojo_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default radio button */
.botonradio_cuadrado_rojo_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_cuadrado_rojo {position: absolute; top: -5px; left: 0; height: 35px; width: 35px; background: linear-gradient(to bottom,#dddddd 0%,#dddddd 75%, #e06666 75%, #e06666 100% );}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_rojo_contenedor:hover input ~ .botonradio_cuadrado_rojo { background: linear-gradient(to bottom,#dddddd 0%,#dddddd 50%, #e06666 50%, #e06666 100% ); }
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_rojo_contenedor input:checked ~ .botonradio_cuadrado_rojo {background: #e06666;}

/* fin estilo para input radio button rojo en formato cuadrado */

/* Customize the label (the container) */
.botonradio_cuadrado_berenjena_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default radio button */
.botonradio_cuadrado_berenjena_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_cuadrado_berenjena {position: absolute; top: -5px; left: 0; height: 35px; width: 35px; background: linear-gradient(to bottom,#dddddd 0%,#dddddd 75%, #8B4368 75%, #8B4368 100% );}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_berenjena_contenedor:hover input ~ .botonradio_cuadrado_berenjena { background: linear-gradient(to bottom,#dddddd 0%,#dddddd 50%, #8B4368 50%, #8B4368 100% ); }
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_berenjena_contenedor input:checked ~ .botonradio_cuadrado_berenjena {background: #8B4368;}

/* fin estilo para input radio button berenjena en formato cuadrado */

/* estilo para input radio button amarillo en formato cuadrado */

/* Customize the label (the container) */
.botonradio_cuadrado_amarillo_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_cuadrado_amarillo_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_cuadrado_amarillo {position: absolute; top: -5px; left: 0; height: 35px; width: 35px; background: linear-gradient(to bottom,#dddddd 0%,#dddddd 75%, #fad966 75%, #fad966 100% );}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_amarillo_contenedor:hover input ~ .botonradio_cuadrado_amarillo { background: linear-gradient(to bottom,#dddddd 0%,#dddddd 50%, #fad966 50%, #fad966 100% );}
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_amarillo_contenedor input:checked ~ .botonradio_cuadrado_amarillo {background: #fad966;}

/* fin estilo para input radio button amarillo en formato cuadrado */

/* estilo para input radio button verde en formato cuadrado */

/* Customize the label (the container) */
.botonradio_cuadrado_verde_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_cuadrado_verde_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_cuadrado_verde {position: absolute; top: -5px; left: 0; height: 35px; width: 35px; background: linear-gradient(to bottom,#dddddd 0%,#dddddd 75%, #76B55B 75%, #76B55B 100% );}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_verde_contenedor:hover input ~ .botonradio_cuadrado_verde { background: linear-gradient(to bottom,#dddddd 0%,#dddddd 50%, #76B55B 50%, #76B55B 100% );}
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_verde_contenedor input:checked ~ .botonradio_cuadrado_verde {background: #76B55B;}

/* fin estilo para input radio button verde en formato cuadrado */

/* estilo para input radio button azul en formato cuadrado */

/* Customize the label (the container) */
.botonradio_cuadrado_azul_contenedor {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default radio button */
.botonradio_cuadrado_azul_contenedor input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom radio button */
.botonradio_cuadrado_azul {position: absolute; top: -5px; left: 0; height: 35px; width: 35px; background: linear-gradient(to bottom,#dddddd 0%,#dddddd 75%, #3A7BE7 75%, #3A7BE7 100% );}
/* On mouse-over, add a grey background color */
.botonradio_cuadrado_azul_contenedor:hover input ~ .botonradio_cuadrado_azul { background: linear-gradient(to bottom,#dddddd 0%,#dddddd 50%, #3A7BE7 50%, #3A7BE7 100% );}
/* When the radio button is checked, add a custom background */
.botonradio_cuadrado_azul_contenedor input:checked ~ .botonradio_cuadrado_azul {background: #3A7BE7;}

/* fin estilo para input radio button azul en formato cuadrado */

/* fin Estilos para interfaz de introducción de notas (competencias) */

/* estilos para panel dropdown */
.dropdownWrapper { display: inline-block; background-color: #FFFFFF; padding: 0px; position: relative;}
.dropdownLabel {cursor: pointer; color:#00695C;}
.dropdownPanel { position: absolute; background-color: #FFFFFF; padding:10px; left: 0; top: 0; margin-top: 35px; display: none; z-index: 2;}

/* estilos para acordeón */
.ui-accordion .ui-accordion-header {display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 1.25rem 1rem; color:#00695C; border: 1px solid #e6e6e6; border-bottom: 0; }
.ui-accordion .ui-accordion-content {padding: 1em 2.2em; border-top: 0; overflow: auto;}
.ui-accordion-header-active, .ui-accordion-header:hover, .ui-accordion-header:focus { background-color: #e6e6e6;}
.ui-accordion-header:last-of-type { border-bottom: 1px solid #e6e6e6;}
/* fin estilos para acordeón */

/* estilo para dropdown (textos de sugerencias) en campos de texto */
.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.ui-front {	z-index: 100;}
.ui-widget.ui-widget-content {border: 1px solid #c5c5c5;}
.ui-widget-content {border: 1px solid #dddddd;background: #ffffff;color: #333333;}
.ui-autocomplete {position: absolute; top: 0; left: 0; cursor: default;	font-size: 1rem;}
.ui-menu {list-style: none;	padding: 0;	margin: 0;display: block;outline: 0;}
.ui-menu .ui-menu {	position: absolute;}
.ui-menu .ui-menu-item {margin: 0;cursor: pointer;}
.ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px .4em;}
.ui-menu .ui-menu-divider {margin: 5px 0;height: 0;font-size: 0;line-height: 0;border-width: 1px 0 0 0;}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {margin: -1px;}
.ui-menu-item {border-bottom:solid 1px #CCCCCC;}
/* fin estilo para dropdwn (textos de sugerencias) de campos de texto */

/* estilo para medidor de notas */
meter { display: block; width: 100%; height:20px; background:#888888;}

meter::-webkit-meter-bar {background: #888888;}
meter::-webkit-meter-optimum-value {background: #00675A;}
meter::-webkit-meter-suboptimum-value {background: #F3D311;}
meter::-webkit-meter-even-less-good-value {background: #990000;}

meter::-moz-meter-bar {background: #888888;}
meter:-moz-meter-optimum::-moz-meter-bar {background: #00675A;}
meter:-moz-meter-sub-optimum::-moz-meter-bar {background: #F3D311;}
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {background: #990000;}
/* fin estilo para medidor de notas */

/* estilo para progress bar de notas */
.progress.muydeficiente .progress-meter { background: #990000; }
.progress.insuficiente .progress-meter { background: #990000; }
.progress.suficiente .progress-meter { background: #f3d311; }
.progress.bien .progress-meter { background: #f3d311; }
.progress.notable .progress-meter { background: #00675a; }
.progress.sobresaliente .progress-meter {background: #00675a;}
/* fin estilo para progress bar de notas */

.button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 0.9rem; background-color: #00695c; color: #fefefe; white-space: pre-line; max-width:100%;}

/* capas de cabecera */
#capacabecera { position: relative; width: 100%; }
/*#capacabecera #menucabecera { right:10px; }*/

#capacabecera { position: relative; width: 100%; max-width: 1460px; margin-left: auto; margin-right: auto; height: 110px; margin: 0 auto 1.5em; }
#capacabecera #logocabecera { position: absolute; width: 133px; height: 40px; margin: 10px 0 0 10px; z-index: 9; transition: all .35s linear; }
#capacabecera #logocabecera a { position: relative; width: 100%; height: 100%; display: block; z-index: 2;}
#capacabecera #logocabecera:hover { opacity: .7; }

#capacabecera #cursoescolarcabecera { position: absolute; padding:50px 5px 0 0; right: 0; font-size: 1em; color: #000000; z-index: 5; }
#capacabecera #fechacabecera { position: absolute; right: 0; padding:30px 5px 0 0; z-index: 2;  }
#capacabecera #iconosscabecera { position: absolute; padding: 10px 7px 0 0; left: auto; bottom: auto; right: 0; z-index: 10; }
/*#capacabecera #iconosscabecera a { width: 20px; height: 20px; display: inline-block; }*/
/*#capacabecera #iconosscabecera a i { font-size: 1.15em; }*/
#capacabecera #direccioncabecera { position: relative; z-index: 1; float: left; padding-left:10px; margin:105px 0 2px 10px; }
/*#direccioncabecera p { margin: 5px 0 2px 10px; padding-left: 7px; text-indent: -7px; }*/

#capacabecera.mini { height: 60px; }
/*#capacabecera.mini #cursoescolarcabecera { top: 32px; bottom: auto; }*/
/*#capacabecera.mini #fechacabecera { top: 14px; }*/
#capacabecera.mini #iconosscabecera { top: 0; right: 0; }
#capacabecera.mini #iconosscabecera a i { font-size: 1em; }
#capacabecera.mini #direccioncabecera { margin-top: 64px; }

#capacentral { position: relative; width: 100%; max-width: 1460px; margin-left: auto; margin-right: auto; }
#capacentral .no-bullet img { margin-left: 0; }
#capacentral .menu li a { white-space: inherit; }
#capacentral .menu li a.active { color: #F3D311; }
#capacentral .menu.menuVisible { display: block; }

@media screen and (max-width: 40em) { 
  #capacabecera.mini #menuPrincipalTrigger { top: 13px; left: 0; } 
  #capacabecera.mini #menucabecera ul.menu { top: 55px; left: -160px; }
  #capacabecera.mini #menucabecera ul.menu > li ul.sub-menu { left: 0; } 
  #capacabecera #menucabecera ul.menu { top: 110px; left: -10px; bottom: auto; background: #fff; }
  #capacabecera #menucabecera ul.menu > li { width: 100%; }
  #capacabecera #menucabecera ul.menu > li > a:after { height: 4px; }
  #capacabecera #menucabecera ul.menu > li ul.sub-menu { position: relative; opacity: 1; width: auto; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  #capacabecera #menucabecera ul.menu > li ul.sub-menu li { width: 100%; } 
  #capacabecera .menu { display: block; } 
  .listaenbloques_estructura { width: 100%; }
  .listaenbloques_estructura li { width: 100%; }  
  /* fix evitar scroll horizontal en móvil para menú en cabecera mini */
  #capacabecera.mini #menucabecera { width:calc(100% - 160px);}
}

/* elementos generales */
a { color: #00695c; text-decoration: none; line-height: inherit; cursor: pointer; }
a:hover, a:focus { color: #005a4f; }
a img { border: 0; }
img { border:0; }
.tabla { border: 1px solid #DDDDDD; font-style: normal; font-weight: normal; font-variant: normal; }
.tablacabecera { text-align: center; color: #FFFFFF; background-color: #6699CC; }
.aviso { color: #990000; }
.MensajeOK {color:#00695C;}
.MensajeError { color: #990000; }
blockquote { border-left: 0; }
cite:before { content: ''; display: none; }
table thead, table.hover thead tr:hover { background: #00695c; color: #fff; border-bottom: 3px solid #F3D311; }
table.sin-margen thead th, table.sin-margen thead td, table.sin-margen tbody th, table.sin-margen tbody td, table.sin-margen tfoot th, table.sin-margen tfoot td { padding: 5px; }
table.sin-margen0 thead th, table.sin-margen0 thead td, table.sin-margen0 tbody th, table.sin-margen0 tbody td, table.sin-margen0 tfoot th, table.sin-margen0 tfoot td { padding: 0px; }

/* cabecera */
.cursormano { cursor: pointer; }
.celdalineainferior { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #999999; }

/* Gráfica Highcharts */
.GraficaEstadistica {width:100%; height:600px; display:block;}
.GraficaCompetencias {width:100%; height:auto; display:block;}
.highcharts-container, .highcharts-container>svg { width:100% !important; }
.highcharts-credits {display:none;}

.separacionsubopcionsistema {margin: 0px 0px 0px 20px; padding-left: 20px; list-style-position: inside; }

/* listas que se muestran en bloques horizontales */
.listaenbloques { list-style-type: none; padding: 0; margin: 0; }
.listaenbloques li { display: inline-block; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; column-break-inside: avoid; margin: 0 5px 5px 0; vertical-align: top; }
.listaenbloques_estructura { list-style-type: none; padding: 0; margin: 0; }
.listaenbloques_estructura li { display: inline-flex; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; column-break-inside: avoid; margin: 0 5px 5px 0; vertical-align: top;}

/* listas varias */
.no-bullet { margin-left: 0; list-style: none; }
.no-bullet img { margin-left: -17px; }
.ListaHorizontal li { display: inline !important; }

/* capa a ocultar */
.mostrarenmovil { display: none; }

/* css4 selectors */
input[type=email]:invalid { border-color: #900900; }
input[type=email]:valid { border-color: #006633; }

/* body ancho máximo para padres/alumnos */
.CuerpoMax {max-width:1460px; margin:0 auto;}

/* solución a espaciado de iconos Font-Awesome...*/
i { margin-left:1px; margin-right:1px;}

/* modificaciones a elementos generales */
label {display: inline !important; font-size: inherit !important; color: inherit !important; font-weight: inherit !important; line-height: inherit !important;}

/* tbody sin bordes */
table tbody {border:none;}

/* elementos de formulario */
fieldset { border: 1px solid #CCC !important; border-radius: 10px; padding:10px;  }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: inline;}
fieldset legend { font-size: 1.35em; font-weight: normal; }

/* Fix a ancho de cabecera */
#capacabecera {width:calc(100% - 10px);}

/* fix a problema de ancho máximo, por encima de 1440px o haciendo CTRL- */
#capacabecera, #capacentral, .grid-row {max-width:none;}

/* fix a choque con capa anterior / solución a scroll horizontal en páginas que se van de ancho (modificar notas, consulta de notas...) */
#capacentral {clear:both; padding-top:5px; }

/* formato para foto de hijo/a en pag principal*/
.fotohijoportada {height:120px; width:auto;}

/* efecto blink-flash */
.blink_me {animation: blinker 2s linear infinite;}

/* enlaces destacados */
.enlacedestacado {width:calc(100% - 50px); margin: 0 auto; padding: 3px; border: 2px solid #F3D311; border-radius: 25px; display:block; font-weight: bolder; transition:0.2s ease-in-out;}
.enlacedestacado:hover {background-color:#F3D311; color:#FFFFFF;}

.enlaceencuadrado { border: 2px solid #00675A;  border-radius: 9999px; padding: 4px 12px; display: inline-block; transition:0.2s ease-in-out;}
.enlaceencuadrado:hover {background-color:#F3D311; border-color:#F3D311; color:#FFFFFF;}

.enlacecodano {width:calc(100% - 50px); margin: 0 auto; padding: 3px; border: 2px solid #00675A; border-radius: 9999px; display:block; transition:0.2s ease-in-out;}
.enlacecodano:hover {background-color:#F3D311; border-color:#F3D311; color:#FFFFFF;}

.EnlaceIdioma {display:inline-block; width:calc(100% - 50px); margin: 5px auto; padding: 3px; border: 2px solid #F3D311; border-radius: 25px; transition:0.2s ease-in-out;}
.EnlaceIdioma--SinAncho { width:unset; padding-left:10px; padding-right:10px; }
.EnlaceIdioma:hover {background-color:#F3D311; color:#FFFFFF;}

/* estilizamos opciones radio con aspecto de botón, con un borde exterior redondeado y ocupando el ancho del contenedor, que lleva la clase 'opcion-radio-botonizado-ancho', y que es una capa div */

.opcion-radio-botonizado-ancho input[type="radio"] { position: absolute; opacity: 0; pointer-events: none;}
.opcion-radio-botonizado-ancho label { width: calc (100% - 25px); display:block !important; margin: 5px auto; padding: 10px 20px; border: 2px solid #00675A; border-radius: 9999px; text-align: center; cursor: pointer; transition: 0.2s ease-in-out; color: #00675A !important; background: transparent;}
.opcion-radio-botonizado-ancho label:hover { background-color:#F3D311; color:#FFFFFF !important;}
.opcion-radio-botonizado-ancho input[type="radio"]:checked + label { background: #00675A; color: #ffffff !important;}
.opcion-radio-botonizado-ancho input[type="radio"]:focus-visible + label { outline: 2px solid #00675A; outline-offset: 3px;}

/* estilizamos opciones radio con aspecto de botón, con un borde exterior redondeado y ocupando el ancho de su contenido. la clase 'opcion-radio-botonizado' se aplica a una capa div */
.opcion-radio-botonizado input[type="radio"] { position: absolute; opacity: 0; pointer-events: none;}
.opcion-radio-botonizado label { display:block !important; margin: 5px auto; padding: 10px 20px; border: 2px solid #00675A; border-radius: 9999px; text-align: center; cursor: pointer; transition: 0.2s ease-in-out; color: #00675A !important; background: transparent;}
.opcion-radio-botonizado label:hover { background-color:#F3D311; color:#FFFFFF !important;}
.opcion-radio-botonizado input[type="radio"]:checked + label { background: #00675A; color: #ffffff !important;}
.opcion-radio-botonizado input[type="radio"]:focus-visible + label { outline: 2px solid #00675A; outline-offset: 3px;}

/* colores en iconos Duotone FontAwesome */
 :root {
    /* colores en iconos normales */
	--fa-secondary-color: #7c7c7c; /* < gris de web */
	--fa-secondary-opacity: 1;
	--fa-primary-color: #F3D311; /* < amarillo corporativo */
	--fa-primary-opacity: 1;
  }

 :root a {
    /* colores en iconos con enlace */
	--fa-secondary-color: #00675A; /* < verde corporativo */
	--fa-secondary-opacity: 1;
	--fa-primary-color: #F3D311; /* < amarillo corporativo */
	--fa-primary-opacity: 1;
  }

 :root .OpcionActiva {
    /* colores en iconos con enlace 'activo' (tiene info dentro) */
	--fa-secondary-color: #F3D311 !important; /* < amarillo corporativo */
	--fa-secondary-opacity: 1;
	--fa-primary-color: #00675A !important; /* < verde corporativo */
	--fa-primary-opacity: 1;	
  }
  
 :root .ColorDuotoneAlternativo {
    /* colores en iconos con enlace de color 'alternativo' */
	--fa-secondary-color: #00675A !important ; /* < verde corporativo */
	--fa-secondary-opacity: 1;
	--fa-primary-color: #F3D311 !important ; /* < amarillo corporativo */
	--fa-primary-opacity: 1;	
  }
 
 :root .ColorDuotoneAlternativo.OpcionActiva {
    /* colores en iconos con enlace de color 'alternativo' e icono 'activo' */
	--fa-secondary-color: #F3D311 !important ; /* < amarillo corporativo */
	--fa-secondary-opacity: 1;
	--fa-primary-color: #00675A !important ; /* < verde corporativo */
	--fa-primary-opacity: 1;
  }
/* FIN colores en iconos Duotone FontAwesome */

/* colores activado y desactivado en elementos como iconos */
.Activado, .Activado:hover, .Activado:focus {color:#00675A;}
.Desactivado, .Desactivado:hover, .Desactivado:focus {color:#8CBDB7;}

@keyframes blinker { 50% { opacity: 0; }}

/* resolución para tablets y móviles 1024px */
@media all and (max-width: 64em) {	
	/* eliminar margenes en capacabecera */
	#capacabecera {margin:0;}
	/* formato para foto de hijo/a en pag principal / igualamos a ancho de cuadro de opción*/
	.fotohijoportada {margin: 0 20px;}
	/* elementos generales */
	#capacentral { position: relative; padding:0; /*top: 30px;*/ }
	/* bajamos la capa central (contenido) de la Intranet para dejar hueco a la cabecera */
	#logostpatricks img { width: 100px; height: 23px; }
	/* ajustamos capa de curso escolar en cabecera */
	#cursoescolarcabecera { z-index: 7; }
	/* ajustamos capa de iconos superiores en cabecera */
	#iconosscabecera { z-index: 5; padding-right:0; }
	/* ocultamos capa de dirección recorrida -- migas de pan */	
	#direccioncabecera { display: none; }
	.separacionsubopcionsistema { margin: 0px 0px 0px 5px; padding-left: 5px; }

	/* tabla responsive */
	.TablaResponsive table, .TablaResponsive tr, .TablaResponsive td { display: block; }
	.TablaResponsive tr:first-child { display: none; }
	.TablaResponsive tr { position: relative; }
	/* si la celda tiene title, se muestra*/
	.TablaResponsive td[title] { clear: both; margin-left: 25%px; padding-left: 25%; position: relative; text-align: left; }
	.TablaResponsive td[title]:before { content: attr(title); color: #111111; display: block; left: 0; position: absolute; }
}

/* resolución para móviles 800px */
@media screen and (max-width: 50em) {
	.ocultarenmovil { display: none !important; }
	
	/* ocultamos datos generales con id común 'movil e impresora' */
	.ocultarenmovileimpresora { display: none; }
	/* ocultamos datos generales con id común */
	#mostrarenmovil { display: inline !important; }
	.mostrarenmovil { display: inline !important; }

	/* ocultar elementos en menú de cabecera mini */
	#capacabecera.mini #fechacabecera {display:none !important;}
	#capacabecera.mini #cursoescolarcabecera {display:none !important;}
	/* ocultar elementos en menú de cabecera normal */
	#capacabecera #fechacabecera {display:none !important;}
	#capacabecera #cursoescolarcabecera {display:none !important;}
	iframe {width:100%; height:auto;}

	.button.small-expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; }
	
	/* celda de boletín de notas con ancho ajustado al contenido. en móviles se deshabilita */
	.CeldaAjustada {white-space: pre-wrap;}

	/* disminuimos el tamaño del blockquote/separador sub-opción en sistema */
	.separacionsubopcionsistema { margin-left: 5px; padding-left: 0px; }
	.listaenbloques li {margin: 0 2px 2px 0;}
	.BotonOpcion {width:100%;}
}