@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
html {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    min-height: 100%;
    position: relative;
}

body {
    margin: 0;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}


/*footer pegado*/
html {

}
body {
    margin: 0;
}
footer {
    background-color: black;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: white;
}

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

summary {
    display: list-item
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

i.fa-warning{
    color:#E2A43C;
    margin-left: 6px;
}
i.fa-exclamation-circle{
    color:#e24f3c;
    margin-left: 6px;
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}


sub {
    bottom: -.25em
}
li{

    list-style: none;
}
sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

html {
    box-sizing: border-box;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    background-color: #f2f2f2;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5 !important;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0
}

button {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    background-color: transparent
}

[tabindex="-1"]:focus {
    outline: none!important
}

img {
    vertical-align: middle
}

embed, iframe, img, object, video {
    max-width: 100%
}

a, .ui-widget-header a {
    color: #003da5;
}

a:focus, a:hover {
    text-decoration: none
}

:focus, button:focus {
    outline: 2px solid #ffbf47;
    outline-offset: .04063rem
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: .5rem
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.4rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    font-size: 1em;
}

small {
    font-size: 80%;
    font-weight: 400
}

mark {
    padding: .2em;
    background-color: #fcf8e3
}

blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eee;
    clear: both
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 2em 0;
    padding: 0
}

address {
    font-style: normal
}

abbr[title] {
    text-decoration: none;
    border-bottom: 1px dotted #bbb;
    cursor: default
}

dl {
    margin-top: 0;
    margin-bottom: 1.5em
}

dd {
    margin-left: 0
}

dd+dt {
    margin-top: 1em
}

.Container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    max-width:  1304px !important;
}

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

.Container:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.Container--small {
    max-width: 48rem
}

.Grid {
    margin-right: -12px;
    margin-left: -12px
}

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

.Grid:after {
    clear: both
}

.Grid-item {
    float: left;
    position: relative;
    padding-right: 12px;
    padding-left: 12px;
    width: 100%
}

.Grid-item--center {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.Grid--noGutter {
    margin-left: 0;
    margin-right: 0
}

.Grid--noGutter>.Grid-item {
    padding-right: 0;
    padding-left: 0
}

.Grid--rowSize2 .Grid-item:nth-child(odd),
.Grid--rowSize3 .Grid-item:nth-child(3n+1),
.Grid--rowSize4 .Grid-item:nth-child(4n+1),
.Grid--rowSize5 .Grid-item:nth-child(5n+1) {
    clear: left
}

.List {
    list-style: none;
    padding: 0;
    margin-top: 0
}

.List .List-item,
.List>li {
    padding: .75rem;
    border-top: 1px solid #eee;
    display: block
}

.List .List-item:first-child,
.List>li:first-child {
    border-top: 0
}

.List-subtitle {
    text-transform: uppercase;
    color: #555;
    font-size: .85rem;
    font-weight: 600;
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: .75rem
}

.List--media .Media {
    padding: 0;
    padding-top: 2rem;
    margin-top: 2rem
}

.List--media .Media:first-child {
    padding-top: 0;
    margin-top: 0
}

.List--media .Media-title,
.List--media h3 {
    margin: .5rem 0;
    font-size: 1.625rem
}

.List--media .Media-text,
.List--media p {
    margin: .5rem 0
}

@media screen and (max-width:768px) {
    .List--media .Media-image {
        max-width: 100px;
        margin-right: 1rem;
        margin-bottom: .5rem
    }
}

@media screen and (max-width:480px) {
    .List--media .Media-image {
        width: 100%;
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
        overflow: hidden
    }
}

.Media,
.Media-body {
    display: block;
    overflow: hidden;
    text-align: left
}

.Media-image {
    float: left;
    margin-right: 1.5rem
}

.Media--full .Media-image {
    float: none;
    margin-right: 0;
    margin-bottom: 2rem;
    margin-left: 0
}

.Flag {
    display: table;
    width: 100%
}

.Flag-body,
.Flag-image {
    display: table-cell;
    vertical-align: middle
}

.Flag-image {
    padding-right: 1rem
}

.Flag-image>img {
    display: block;
    max-width: none
}

.Flag-body {
    width: 100%
}

.Flag--rev {
    direction: rtl
}

.Flag--rev>.Flag-body,
.Flag--rev>.Flag-image {
    direction: ltr
}

.Flag--rev>.Flag-image {
    padding-right: 0;
    padding-left: 1.5rem
}

.Flag--top .Flag-body,
.Flag--top .Flag-image {
    vertical-align: top
}

.Flag--bottom .Flag-body,
.Flag--bottom .Flag-image {
    vertical-align: bottom
}

.FlexEmbed {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.FlexEmbed:before {
    display: block;
    content: ""
}

.FlexEmbed .FlexEmbed-item,
.FlexEmbed embed,
.FlexEmbed iframe,
.FlexEmbed object,
.FlexEmbed video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.FlexEmbed--21by9:before {
    padding-top: 42.85714%
}

.FlexEmbed--16by9:before {
    padding-top: 56.25%
}

.FlexEmbed--4by3:before {
    padding-top: 75%
}

.FlexEmbed--1by1:before {
    padding-top: 100%
}

.Bar {
    display: table;
    width: 100%;
    height: 100%
}

.Bar-cell {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:992px) {
    .Module {
        margin-bottom: 24px
    }
    .Module .Grid,
    .Module .Grid-item {
        height: 100%
    }
    .Module--120 {
        height: 120px
    }
    .Module--240 {
        height: 240px
    }
    .Module--xs {
        height: 282px
    }
    .Module--360,
    .Module--sm {
        height: 360px
    }
    .Module--450 {
        height: 450px
    }
    .Module--510,
    .Module--md {
        height: 510px
    }
    .Module--615,
    .Module--lg {
        height: 615px
    }
    .Module--720,
    .Module--xl {
        height: 720px
    }
    .Module--840,
    .Module--xxl {
        height: 840px
    }
    .Module--960 {
        height: 960px
    }
    .Module--1200 {
        height: 1200px
    }
    .Module--1440 {
        height: 1440px
    }
    .Module--1680 {
        height: 1680px
    }
    .Module--1920 {
        height: 1920px
    }
    .Module--2400 {
        height: 2400px
    }
    .Module-item {
        height: 100%;
        padding-bottom: 12px;
        padding-top: 12px
    }
    .Module-item--1of2 {
        height: 50%
    }
    .Module-item--1of3 {
        height: 33.333333%
    }
    .Module-item--2of3 {
        height: 66.666666%
    }
    .Grid-item .Module-item:last-child {
        padding-bottom: 0!important
    }
    .Grid-item .Module-item:first-child {
        padding-top: 0!important
    }
    .Module .Box {
        height: 100%;
        width: 100%
    }
    .Module .Box-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0
    }
    .Module .Box--acceso {
        display: table;
        width: 100%
    }
    .Module .Box--acceso .Flag {
        width: 100%;
        display: table-cell;
        vertical-align: middle
    }
    .Module .Box--destacado4 {
        display: table;
        width: 100%
    }
    .Module .Box--destacado4>* {
        width: 100%;
        display: table-cell;
        vertical-align: middle
    }
    /*posicionar el menu abierto pero no funciona*/
    .ui-menu-dynamic{
        position: absolute;
        top: 123px;
    }
    .panelExportar {
        width: 100%;
    }

}

@media screen and (min-width:992px) and (max-width:992px) {
    .Module .Box--destacado4 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

@media screen and (min-width:992px) {
    .Module .Box--destacado1,
    .Module .Box--destacado2 {
        padding: 0
    }
    .Module .Box--destacado1 .Box-image,
    .Module .Box--destacado2 .Box-image {
        height: 100%
    }
    .Module .Box--destacado1 .Box-cover,
    .Module .Box--destacado2 .Box-cover {
        margin: 0;
        height: 100%
    }
}

.Button, .ui-state-default.Button {
    display: inline-block;
    background-color: #eee;
    border-color: currentcolor;
    border-radius: 2px;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    font-weight: 600;
    margin: 0;
    padding: 0.625em 1.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: box-shadow 0.35s, background-color 0.35s;
    user-select: none;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0.3em;
}

.ui-button .ui-button-text {
    line-height: inherit;
}

.Button:hover, .ui-state-hover.Button {
    background-color: #ddd
}

.Button:focus, .ui-state-focus.Button {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

.Button:active,
.Button:focus,
.Button:hover,
.ui-state-active.Button,
.ui-state-focus.Button,
.ui-state-hover.Button{
    text-decoration: none
}

.Button.is-disabled,
.Button:disabled {
    cursor: default;
    opacity: .2;
    box-shadow: none
}

.Button:active, .ui-state-active.Button {
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .25)
}

.Button--small, .ui-state-default.Button--small {
    font-size: .88rem
}

.Button--primary, .ui-state-default.Button--primary, a.Button--primary {
    background-color: #003da5;
    color: #fff
}

.Button--primary:hover, .ui-state-hover.Button--primary, a.Button--primary:hover {
    background-color: #002e7c;
    color: #fff
}

.Button {
    border: 1px solid transparent;
}

.Button--secondary, .ui-state-default.Button--secondary, a.Button--secondary {
    background-color: #E6A800;
    color: #212121;
}

.Button--secondary:hover, .ui-state-hover.Button--secondary, a.Button--secondary:hover {
    background-color: #fcce26;
    color: #000
}

.espacio{
    margin-left:10px !important;
}

.Button--inverse, .ui-state-default.Button--inverse {
    border: 1px solid #003da5;
    background-color: #fff;
    color: #003da5;
}

.Button--inverse:hover, .ui-state-hover.Button--inverse, .ui-widget-content a.Button--inverse:hover {
    color: #003DA5;
    background-color: #e2edff;
}

.Button--white, .ui-state-default.Button--white {
    background-color: #fff;
    color: #000
}

.Alert {
    background-color: #f3f3f3;
    color: #333;
    border-left: 3px solid #bbb;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
}

.Alert>:first-child {
    margin-top: 0!important
}

.Alert>:last-child {
    margin-bottom: 0!important
}

.Alert--warning {
    background-color: #fbf8ea;
    color: #332b00;
    border-color: #ffd15f
}

.Alert--info {
    background-color: #eaf2ff;
    color: #07162d;
    border-color: #2d5ca8
}

.Alert--success {
    background-color: #e8ffec;
    color: #052d0d;
    border-color: #279e3f
}

.Alert--danger {
    background-color: #FBEFEF;
    color: #2d0505;
    border-color: #c33
}

.Alert--dialog.Alert--danger {
    background-image: url(./../../imagenes/alert-danger.svg)
}

.Alert--dialog.Alert--success {
    background-image: url(./../../imagenes/alert-success.svg)
}

.Alert--dialog.Alert--warning {
    background-image: url(./../../imagenes/alert-warning.svg)
}

.Alert--dialog.Alert--info {
    background-image: url(./../../imagenes/alert-info.svg)
}

.Alert--dialog {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5.25rem;
    background-repeat: no-repeat;
    background-position: 1.25rem 1.875rem;
}

.Icon {
    width: 1.5em;
    height: 1.5em;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.Icon--small {
    font-size: .75rem
}

.Icon--large {
    font-size: 2rem
}

.Icon--print {
    background-image: url(./../../imagenes/icon-print.svg)
}

.no-svg .Icon--print {
    background-image: url(./../../imagenes/icon-print.png)
}

.Icon--share {
    background-image: url(./../../imagenes/icon-share.svg)
}

.no-svg .Icon--share {
    background-image: url(./../../imagenes/icon-share.png)
}

.Icon--download {
    background-image: url(./../../imagenes/icon-download.svg)
}

.no-svg .Icon--download {
    background-image: url(./../../imagenes/icon-download.png)
}

.Icon--phone {
    background-image: url(./../../imagenes/icon-phone.svg)
}

.no-svg .Icon--phone {
    background-image: url(./../../imagenes/icon-phone.png)
}

.Icon--search {
    background-image: url(./../../imagenes/icon-search.svg)
}

.no-svg .Icon--search {
    background-image: url(./../../imagenes/icon-search.png)
}

.Icon--facebook {
    background-image: url(./../../imagenes/icon-facebook.svg)
}

.no-svg .Icon--facebook {
    background-image: url(./../../imagenes/icon-facebook.png)
}

.Icon--twitter {
    background-image: url(./../../imagenes/icon-twitter.svg)
}

.no-svg .Icon--twitter {
    background-image: url(./../../imagenes/icon-twitter.png)
}

.Icon--google {
    background-image: url(./../../imagenes/icon-google.svg)
}

.no-svg .Icon--google {
    background-image: url(./../../imagenes/icon-google.png)
}

.Icon--youtube {
    background-image: url(./../../imagenes/icon-youtube.svg)
}

.no-svg .Icon--youtube {
    background-image: url(./../../imagenes/icon-youtube.png)
}

.Icon--instagram {
    background-image: url(./../../imagenes/icon-instagram.svg)
}

.no-svg .Icon--instagram {
    background-image: url(./../../imagenes/icon-instagram.png)
}

.Icon--vera {
    background-image: url(./../../imagenes/icon-vera.svg)
}

.no-svg .Icon--vera {
    background-image: url(./../../imagenes/icon-vera.png)
}

.Icon--rss {
    background-image: url(./../../imagenes/icon-rss.svg)
}

.no-svg .Icon--rss {
    background-image: url(./../../imagenes/icon-rss.png)
}

.Icon--live {
    background-image: url(./../../imagenes/icon-live.svg)
}

.no-svg .Icon--live {
    background-image: url(./../../imagenes/icon-live.png)
}

.File-icon {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 2.25em;
    height: 3.5em
}

.File-icon .Icon {
    width: 2.25em;
    height: 3.5em;
    top: -1px;
    background-image: url(./../../imagenes/data.svg)
}

.Icon--json {
    background-image: url(./../../imagenes/json.svg)!important
}

.Icon--csv {
    background-image: url(./../../imagenes/csv.svg)!important
}

.Icon--html {
    background-image: url(./../../imagenes/html.svg)!important
}

.Icon--xls {
    background-image: url(./../../imagenes/xls.svg)!important
}

.Icon--pdf {
    background-image: url(./../../imagenes/pdf.svg)!important
}

.Icon--zip {
    background-image: url(./../../imagenes/zip.svg)!important
}

.Icon--rar {
    background-image: url(./../../imagenes/rar.svg)!important
}

.Icon--xml {
    background-image: url(./../../imagenes/xml.svg)!important
}

.Icon--txt {
    background-image: url(./../../imagenes/txt.svg)!important
}

.Icon--undefined {
    background-image: url(./../../imagenes/data.svg)!important
}

.Icon--code {
    background-image: url(./../../imagenes/icon-code.svg)
}

.Date {
    width: 4.5em;
    display: inline-block
}

.Date-month {
    background-color: #003da5;
    color: #fff;
    text-transform: uppercase;
    font-size: .875em;
    padding-top: .15em;
    padding-bottom: .15em
}

.Date-day,
.Date-month {
    display: block;
    font-weight: 700;
    text-align: center
}

.Date-day {
    background-color: #fff;
    padding-top: .45em;
    padding-bottom: .45em;
    font-size: 1.375em;
    color: #555;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.Date--small {
    font-size: .75rem;
    width: 3.75em
}

.Date--small .Date-day {
    padding-top: .15em;
    padding-bottom: .15em
}

.Date-day--double {
    font-size: .95em;
    padding-top: 1em;
    padding-bottom: 1em
}

.Tags {
    margin: 1rem 0
}

.Tags-item {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: .2rem .625rem;
    background-color: #f3f3f3;
    border-radius: 2px;
    font-size: .9rem;
    color: #333;
    -webkit-transition: box-shadow .35s, color .35s;
    transition: box-shadow .35s, color .35s
}

.Tags-item:hover {
    box-shadow: 1px 1px 1px #ddd, 0 0 1px #ddd;
    color: #000;
    text-decoration: none
}

.Tags-item:last-child {
    margin-right: 0
}

.Tags-item--csv,
.Tags-item--html,
.Tags-item--json,
.Tags-item--pdf,
.Tags-item--rar,
.Tags-item--txt,
.Tags-item--undefined,
.Tags-item--xls,
.Tags-item--xml,
.Tags-item--zip {
    color: #fff
}

.Tags-item--csv:hover,
.Tags-item--html:hover,
.Tags-item--json:hover,
.Tags-item--pdf:hover,
.Tags-item--rar:hover,
.Tags-item--txt:hover,
.Tags-item--undefined:hover,
.Tags-item--xls:hover,
.Tags-item--xml:hover,
.Tags-item--zip:hover {
    color: #fff;
    text-decoration: underline
}

.Tags-item--json {
    background-color: #ef7100
}

.Tags-item--csv {
    background-color: #dfb100
}

.Tags-item--html {
    background-color: #55a1ce
}

.Tags-item--xls {
    background-color: #2db55d
}

.Tags-item--pdf {
    background-color: #e0051e
}

.Tags-item--rar,
.Tags-item--zip {
    background-color: #556080
}

.Tags-item--xml {
    background-color: #bacb58
}

.Tags-item--txt {
    background-color: #95a5a5
}

.Tags-item--undefined {
    background-color: #686868
}

.Image img {
    border-radius: 2px
}

.Image .Image-caption,
.Image figcaption {
    font-size: .85em;
    font-style: italic
}

.Image--left {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1.5rem
}

.Audio {
    margin: 2rem 0
}

.Audio audio {
    width: 100%;
    display: block
}

.Audio-link {
    font-style: italic;
    font-size: .875em
}

.Table {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 0.93em;
}

.Table td,
.Table th {
    padding: 10px 16px;
    vertical-align: top;
    border: 1px solid #ddd
}

.Table th {
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    vertical-align: bottom;
    background-color: #eee
}

.Table tr {
    background-color: #fff;
    border-top: 1px solid #bbb
}

.Table--striped tr:nth-child(2n) {
    background-color: #f8f8f8
}

.Table--borderless thead tr {
    background-color: transparent
}

.Table--borderless thead th {
    border-top: 0
}

.Table--borderless td,
.Table--borderless th {
    border-right: 0;
    border-left: 0
}

.Table--small td,
.Table--small th {
    padding: 3px 16px
}

.content-before {
    display: none;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 400
}
.denunciar{
    margin-bottom: 25px;
}
.ui-autocomplete .ui-autocomplete-dropdown {
    background-color: #fff;
    border-color: #003da5;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid !important;
}
.ui-autocomplete .ui-autocomplete-dropdown.ui-state-default .ui-icon{
    background-image: url(./../../imagenes/ui-icons_284586_256x240.png);
}
.ui-autocomplete .ui-autocomplete-dropdown.ui-state-hover, .ui-autocomplete .ui-autocomplete-dropdown.ui-state-focus, .ui-autocomplete .ui-autocomplete-dropdown.ui-state-active {
    background: #002e7c;
}
.ui-autocomplete .ui-autocomplete-dropdown.ui-state-hover .ui-icon, .ui-autocomplete .ui-autocomplete-dropdown.ui-state-focus .ui-icon, .ui-autocomplete .ui-autocomplete-dropdown.ui-state-active .ui-icon {
    background-image: url(./../../imagenes/ui-icons_ffffff_256x240.png);
}
.ui-autocomplete-panel .ui-state-highlight, .ui-autocomplete-panel.ui-widget-content .ui-state-highlight {
    border: 1px solid #1e90ff;
    background: #1e90ff;
}

@media screen and (max-width:992px) {
    .content-before .content-before {
        display: block
    }
}

@media screen and (max-width:992px) {
    .Table--responsive {
        width: 100%;
        max-width: 100%;
        display: block;
        overflow: auto
    }
    .Table--responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .Table--responsive tbody,
    .Table--responsive td,
    .Table--responsive th,
    .Table--responsive thead,
    .Table--responsive tr {
        display: block;
        overflow: auto
    }
    .Table--responsive td,
    .Table--responsive tr {
        box-sizing: border-box;
        width: 100%;
        float: left
    }
    .Table--responsive tr {
        border: 1px solid #ccc;
        padding: 10px 0
    }
    .Table--responsive tr td {
        border: none!important;
        border-top: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left;
        font-weight: 700!important
    }
}

.SkipLink {
    position: absolute;
    top: -40px;
    left: -10000px;
    width: 1px;
    height: 1px;
    padding: 1em 1.5em;
    overflow: hidden;
    -webkit-transition: top .3s;
    transition: top .3s;
    color: #fff;
    background: #000
}

.SkipLink:focus {
    color: #fff;
    top: 0;
    left: 0;
    z-index: 5;
    width: auto;
    height: auto
}

.Dropdown {
    position: relative
}

.Dropdown-menu {
    display: none;
    position: absolute;
    min-width: 180px;
    left: 0;
    top: 100%;
    z-index: 9;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, .15);
    padding: .5rem
}

.Download,
.Dropdown:focus .Dropdown-menu,
.Dropdown:hover .Dropdown-menu {
    display: block
}

.Download {
    line-height: 1.35;
    color: #000
}

.Download:focus,
.Download:hover {
    text-decoration: none
}

.Download:focus .Download-icon,
.Download:hover .Download-icon {
    background-color: #fff;
    border: 2px solid #eee
}

.Download:focus .Download-title,
.Download:hover .Download-title {
    text-decoration: underline
}

.Download .Media-image {
    margin-right: 1rem
}

.Download-icon {
    border-radius: 50%;
    background-color: #eee;
    border: 2px solid transparent;
    -webkit-transition: background-color .35s, border-color .35s;
    transition: background-color .35s, border-color .35s;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 2.75em;
    height: 2.75em
}

.Download-icon .Icon {
    top: 0
}

.Download-title {
    font-size: 1.25em;
    font-weight: 600;
    color: #003da5;
    margin-bottom: .25em
}

.Download-description {
    color: #555;
    font-size: 1em
}

.Download-date {
    font-size: .85em;
    color: #555
}

.Download--large {
    font-size: 1.125rem
}

.Download--large .Download-title {
    font-size: 1.25em
}

.Download--large .Download-icon {
    padding: 1em
}

.Download--large .Download-icon svg {
    width: 2em;
    height: 2em
}

.Download--small {
    font-size: .875em
}

.Event {
    background-color: #f1f1f1;
    margin-bottom: 2rem
}

.Event iframe {
    width: 100%;
    vertical-align: middle
}

.Event-info {
    padding: 1.15rem
}

.Event-info:after,
.Event-info:before {
    display: table;
    content: ""
}

.Event-info:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Event-info {
        padding: .75rem
    }
}

.Event-info .Media-image {
    margin-right: 1rem
}

.Event-details {
    font-size: .875em;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Event-details li {
    margin-top: 0;
    list-style: none
}

.Event-description {
    margin-bottom: .25rem;
    color: #555
}

.Event-map {
    position: relative
}

.Event-map:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.Event-map.is-visible:after {
    display: none
}

@media screen and (max-width:992px) {
    .Event .Date {
        font-size: .75rem;
        width: 3.75em
    }
    .Event .Date .Date-day {
        padding-top: .15em;
        padding-bottom: .15em
    }
}

.Pagination {
    text-align: center;
    margin-top: 4rem
}

.Pagination-text {
    margin-bottom: 1rem
}

.Pagination-links {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Pagination-links li {
    list-style: none;
    display: inline-block
}

.Pagination-links li a {
    text-decoration: none;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding: .5rem 1rem;
    background-color: #f3f3f3;
    border-radius: 3px;
    color: #000;
    -webkit-transition: background-color .35s, color .35s;
    transition: background-color .35s, color .35s;
    border-bottom: 1px solid #ddd
}

.Pagination-links li a:hover {
    background-color: #9292e3
}

.Pagination-links li.is-selected a {
    background-color: #003da5;
    color: #fff
}

.Pagination-next a:after {
    padding-left: .5rem;
    content: "\2192"
}

.Pagination-prev a:before {
    padding-right: .5rem;
    content: "\2190"
}

@media screen and (max-width:992px) {
    .Pagination li {
        display: none
    }
    .Pagination-next,
    .Pagination-prev {
        display: inline-block!important
    }
}

.Carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.Carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.Carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.Carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.Carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.Carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.Carousel .owl-dots.disabled,
.Carousel .owl-nav.disabled {
    display: none
}

.Carousel .owl-dot,
.Carousel .owl-nav .owl-next,
.Carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
}

.Carousel.owl-loaded {
    display: block
}

.Carousel.owl-loading {
    opacity: 0;
    display: block
}

.Carousel.owl-hidden {
    opacity: 0
}

.Carousel.owl-refresh .owl-item {
    visibility: hidden
}

.Carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.Carousel.owl-rtl {
    direction: rtl
}

.Carousel.owl-rtl .owl-item {
    float: right
}

.no-js .Carousel {
    display: block
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.Carousel-caption {
    background-color: #f3f3f3;
    padding: .5rem 1rem;
    font-size: .9em;
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.Carousel {
    margin-bottom: 2.5rem
}

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

.Carousel:after {
    clear: both
}

.Carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    float: right
}

.Carousel .owl-nav [class*=owl-] {
    color: #fff;
    font-size: .85rem;
    margin: 5px;
    padding: 4px 12px;
    background: #555;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.Carousel .owl-nav [class*=owl-]:hover {
    background: #333;
    color: #fff;
    text-decoration: none
}

.Carousel .owl-nav [class*=owl-]:active {
    background: #555;
    text-decoration: none
}

.Carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.Carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.Carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    float: left
}

.Carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.Carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #bbb;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.Carousel .owl-dots .owl-dot.active span,
.Carousel .owl-dots .owl-dot:hover span {
    background: #333
}

@media screen and (max-width:992px) {
    .Carousel .owl-dots,
    .Carousel .owl-nav {
        float: none
    }
    .Carousel p {
        margin-bottom: 0
    }
    .Carousel .owl-nav {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.Tree h3 {
    font-size: 1.625em;
    margin-bottom: 0
}

.Tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 13%;
    position: relative;
    width: 87%;
    margin-top: 20px
}

.Tree ul {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative
}

.Tree ul:not([class]) li+li {
    margin-top: 0!important
}

.Tree li.lvlOne {
    padding-left: 0;
    width: 100%;
    height: auto
}

.Tree li:after,
.Tree li:before {
    content: "";
    left: 3%;
    position: absolute;
    right: auto
}

.Tree li:before {
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 0
}

.Tree li:after {
    top: 25px;
    width: 12%
}

.Tree li div.itemContent {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
    background-color: #fff;
    position: relative;
    z-index: 1
}

.Tree li div.itemContent li:after,
.Tree li div.itemContent li:before {
    content: "";
    position: static
}

.Tree ul>li div.itemContent img {
    max-width: 70px
}

.Tree ul>li>ul>li div.itemContent img {
    max-width: 65px
}

.Tree ul>li>ul>li>ul>li div.itemContent img {
    max-width: 60px
}

.Tree ul>li>ul>li>ul>li>ul>li div.itemContent img {
    max-width: 55px
}

.Tree ul>li>ul>li {
    margin-top: 0
}

.Tree ul>li>ul>li:before {
    top: 0
}

.Tree ul>li>ul>li:last-child:before {
    height: 25px
}

.Tree li div.itemContent .contItem {
    float: left;
    margin-left: 3%;
    width: 62%;
    margin-top: .625rem
}

.Tree li div.itemContent .noImage {
    float: none;
    margin-left: 0;
    width: 100%
}

.Tree li div.itemContent h2 {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 10px
}

.Tree li div.itemContent ul {
    padding-left: 15px
}

.Tree li div.itemContent ul li {
    list-style: disc;
    list-style-position: outside;
    padding-left: 5px;
    margin-top: 0;
    margin-left: 15px;
    margin-bottom: 0
}

.Tree li div.itemContent ul li a {
    line-height: 18px;
    padding-right: 10px
}

.Tree li div.itemContent ul li {
    border: none;
    position: relative;
    content: inherit
}

.Tree li div.itemContent ul li:before {
    content: "";
    border: none;
    height: auto;
    width: auto
}

.Tree li:before {
    top: -20px;
    padding-bottom: 20px
}

.Tree li div.hasChilds,
.Tree li div.itemContent {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
    padding: 1em;
    text-decoration: none;
    width: 100%
}

.Tree li.parent_li .hasChilds {
    cursor: pointer
}

.Tree>ul>li:after,
.Tree>ul>li:before {
    border: 0
}

.Tree li:last-child:before {
    height: 45px
}

.Tree li.parent_li>.hasChilds:hover,
.Tree li.parent_li>.hasChilds:hover+ul li .hasChilds {
    background: #fbfbfb;
    border: 1px solid #666;
    color: #000
}

.Tree h3 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25
}

.Tree h4 {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600
}

.Tree h5 {
    margin: 0;
    font-size: .925rem;
    font-weight: 400
}

@media screen and (max-width:992px) {
    .Tree li {
        width: 100%;
        padding: 10px 0 0 26px
    }
    .Tree li:after {
        width: 17px
    }
    .Tree h3 {
        font-size: 96%
    }
}

.Tree .itemContent .Flag+.Flag {
    margin-top: 1rem
}

.Tree .itemContent>h3 {
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #eee
}

.Flag-body h4+h5 {
    margin-top: .325rem
}

.Tree li:after,
.Tree li:before {
    background-color: #ccc
}

.Tree li:after {
    height: 2px
}

.Tree li:before {
    width: 2px
}

.Tree li.lvlOne:after,
.Tree li.lvlOne:before {
    display: none
}

.Tree ul:not([class]) li.Tree-rightLink {
    padding-left: 19%!important;
    margin-top: 2rem!important;
    width: 100%
}

.Tree-rightLink:after,
.Tree-rightLink:before {
    display: none!important
}

.Tree-prevRightLink:before {
    height: 26px!important
}

.Tree-hasRightLink {
    position: relative
}

.Tree-hasRightLink ul {
    margin-left: 40px
}

.Tree-hasRightLink ul:before {
    width: 2px;
    content: "";
    position: absolute;
    top: 0;
    left: -14px;
    z-index: 1;
    height: calc(100% + 65px)
}

.Tree li.Tree-rightLink>.itemContent:before {
    display: block!important;
    position: absolute;
    content: "";
    z-index: 0;
    height: 2px;
    top: 16px;
    left: -10%;
    width: 10%
}

.Tree-hasRightLink ul:before,
.Tree li.Tree-rightLink>.itemContent:before {
    background-color: #1d90ff
}

.Tree-hasRightLink:not(.Tree-prevRightLink) ul:before {
    background: -webkit-linear-gradient(top, #1d90ff 70%, #fff)!important;
    background: linear-gradient(180deg, #1d90ff 70%, #fff)!important;
    height: calc(100% + 10px)
}

.Tree li.Tree-hasRightLink:after,
.Tree li.Tree-hasRightLink:before {
    background-color: #9292e3
}

.Tree ul>li>ul>li:after,
.Tree ul>li>ul>li:before {
    background-color: #ccc
}

.Tree ul:not([class]) li.Tree-rightLink {
    margin-top: 36px!important
}

.Tree ul:not([class]) li.Tree-rightLink:before {
    height: 62px;
    top: -36px
}

.Tree ul>li>ul>li {
    padding-left: 8%!important
}

@media screen and (max-width:992px) {
    .Tree-hasRightLink ul {
        margin-left: 28px
    }
    .Tree ul {
        width: auto
    }
    .Tree li.Tree-rightLink>.itemContent:before {
        left: -8%;
        width: 8%
    }
    .Tree ul:not([class]) li.Tree-rightLink {
        padding-left: 20%!important
    }
}

@media screen and (max-width:768px) {
    .Tree-hasRightLink ul:before {
        left: -4%
    }
}

.Page {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 2rem;
    padding: 2.5rem;
    position: relative
}

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

.Page:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Page {
        margin-bottom: 1rem;
        padding: 1rem
    }
}

.ie8 .Page {
    border: 1px solid #ddd
}

.Page-title {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}
.Page-title + .form-action-buttons {
    margin-top: -2.5rem;
}

@media screen and (max-width:992px) {
    .Page-title {
        font-size: 1.8rem;
        margin-top: .75rem;
        margin-bottom: 2rem
    }
    .Page-title + .form-action-buttons {
        margin-top: -1.6rem;
    }
}

.Page-heading {
    font-weight: 400
}

.Page-heading strong {
    font-weight: 700
}

.Page-description {
    font-size: 1.3125rem;
    color: #333;
    margin-top: 2rem;
    margin-bottom: 3.5rem
}

.Page-image {
    margin-bottom: 2rem
}

.Page-image img {
    border-radius: 2px;
    width: 100%;
    height: auto
}

.Page-date {
    color: #555;
    font-size: .85rem
}

.Page-subtitle {
    color: #555;
    display: block;
    font-size: 1.15em;
    line-height: 1.15;
    margin-bottom: 1em;
    margin-top: 1em
}

.Page-info {
    margin-bottom: 2rem;
    margin-top: 1rem
}

.Page-info:after,
.Page-info:before {
    display: table;
    content: ""
}

.Page-info:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Page-info .Bar-cell {
        display: block
    }
}

.Page blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eee;
    clear: both
}

.Page-actions {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .9em;
    float: right
}

.Page-actions li {
    list-style: none
}

@media screen and (max-width:992px) {
    .Page-actions {
        float: left;
        margin-top: 1rem
    }
}

.Page-actions li {
    display: inline-block;
    padding-left: .5rem
}

@media screen and (max-width:992px) {
    .Page-actions li:first-child {
        padding-left: 0
    }
}
.Page-nav {
    padding: 2rem 1.5rem;
}
.Page-nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Page-nav ul li {
    list-style: none
}

.Page-navTitle {
    font-weight: 700;
    font-size: 1.15rem;
    display: block;
    padding: 2rem 1.5rem 1rem
}

.Page-navList li {
    border-bottom: 1px solid #eee
}

.Page-navList li a {
    display: block;
    padding: .75rem 1.5rem;
    -webkit-transition: color .25s;
    transition: color .25s
}

.Page-navList li a:hover {
    color: #000
}

.Page-navList li.is-active {
    border-left: 4px solid #bbb
}

.Page-navList li.is-active a {
    color: #000;
    text-decoration: none;
    border-right: 1px solid #fff;
    width: calc(100% + 1px);
    position: relative;
    z-index: 2
}

@media screen and (max-width:992px) {
    .Page-navList li.is-active a {
        width: 100%
    }
}

.Page-navSublist {
    margin-left: 1.5rem;
    font-size: .85rem
}

.Page-navSublist li a {
    padding: .75rem 1rem
}

.Page-navSublist li:last-child {
    border-bottom: 0
}

@media screen and (max-width:992px) {
    /*.Page-navList {
        display: none
    }*/
    .Page-navTitle {
        padding: 1rem;
        border-bottom: 1px solid #eee;
        font-size: .95rem
    }
    .Page-nav.is-open .Page-navTitle {
        background-color: #f9f9f9
    }
    .Page-nav.is-open .Page-navList {
        display: block
    }
}

.Page-document h2:not([class]),
.Page-document h3:not([class]),
.Page-document h4:not([class]),
.Page-document h5:not([class]),
.Page-document h6:not([class]) {
    margin-top: 3rem;
    margin-bottom: 1.25rem
}

@media screen and (max-width:992px) {
    .Page-document h2:not([class]),
    .Page-document h3:not([class]),
    .Page-document h4:not([class]),
    .Page-document h5:not([class]),
    .Page-document h6:not([class]) {
        font-size: 140%;
        line-height: 1.25
    }
}

.Page-document h2:not([class]) {
    font-size: 1.875rem
}

.Page-document h3:not([class]) {
    font-size: 1.5rem;
    margin-top: 2.75rem
}

.Page-document h4:not([class]) {
    font-size: 1.325rem;
    margin-top: 2.5rem
}

.Page-document h5:not([class]) {
    font-size: 1.125rem;
    margin-top: 2.25rem
}

.Page-document ul:not([class]) {
    margin-bottom: 2em
}

.Page-document ul:not([class]) li+li {
    margin-top: .25em
}

.Page-document li>ul:not([class]) {
    margin-top: .5em
}

.Page-document .Download {
    margin-bottom: 1.5rem
}

.Page-document .Page-downloads li {
    padding: 1rem 0
}

.Page-document .Page-downloads .Download {
    margin-bottom: 0
}

.Page-header {
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.Page-header>* {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .Page-header>* {
        font-size: 1.825rem
    }
}

.Page--hasNav {
    padding: 0;
}

.Page--hasNav .Page-body {
    box-shadow: 0 2px 2px rgb(0 0 0 / 18%);
    padding: 2.5rem;
}

@media screen and (max-width:992px) {
    .Page--hasNav .Page-body {
        padding: 2rem 1.5rem;
        border-left: 0
    }
}

.Breadcrumb {
    background-color: #fff;
    font-size: .875em;
    padding: .675em 0
}

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

.Breadcrumb:after {
    clear: both
}

.Breadcrumb a {
    color: #000;
    text-decoration: none
}

.Breadcrumb a:hover {
    text-decoration: underline
}

.Breadcrumb ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Breadcrumb ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px
}

.Breadcrumb ul li:before {
    padding-right: 12px;
    color: #555;
    content: "\00bb"
}

.Breadcrumb ul li:first-child:before {
    display: none
}

.Breadcrumb ul li:first-child {
    padding-left: 0;
    margin-left: 0
}

@media screen and (max-width:992px) {
    .touch .Breadcrumb {
        border-top: 1px solid #eee;
        overflow: scroll;
        position: relative
    }
    .touch .Breadcrumb:before {
        background: -webkit-linear-gradient(right, #eee, transparent);
        background: linear-gradient(270deg, #eee, transparent);
        content: "";
        display: none;
        width: 3rem;
        height: 2.7em;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 7
    }
    .touch .Breadcrumb ul {
        white-space: nowrap
    }
    .touch .Breadcrumb ul li:last-child {
        padding-right: 3.5rem
    }
}

@media screen and (max-width:992px) {
    .no-touch .Breadcrumb {
        display: none
    }
}

.Search {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px;
    background-color: #fff
}

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

.Search:after {
    clear: both
}

.Search-input {
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    color: #000;
    float: left;
    font-family: inherit;
    font-weight: 400;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: .75em;
    padding-right: 3em;
    line-height: 1.5
}

.Search-button {
    right: 2px;
    width: 3em;
    text-indent: -9999px;
    height: 3em!important;
    border: 0;
    background-color: #003da5;
    background-image: url(/unidad-acceso-informacion-publica/profiles/gub_uy/themes/custom/portalbase/dist/assets/icon-search.svg);
    background-size: 1.15em;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 2px
}

.Search-button,
.Search-checkboxLabel {
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.Search-checkboxLabel {
    max-width: 9em;
    display: inline-block;
    margin: .5em;
    padding: .3em .5em;
    background: #f7f7f8;
    border-radius: 3px;
    border: 1px solid #d8d9dd;
    right: calc(3em + 4px);
    line-height: 1.25em;
    font-size: 1em;
    color: #6d6e70;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.Search-checkboxLabel input {
    margin-right: 5px
}

.Search--big {
    font-size: 1.25em
}

.Search--borderless {
    border: 0
}

.Header {
    background-color: #fff;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}

.Header-top {
    border-bottom: 1px solid #eee;
    padding-top: .55em;
    padding-bottom: .7em;
    padding-bottom: 0.65em;
}

.Header-top:after,
.Header-top:before {
    display: table;
    content: ""
}

.Header-top:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Header-top {
        padding-top: .5em;
        padding-bottom: .5em
    }
}

.Header-site {
    float: left;
    display: table
}

.Header-site .Header-mainLink {
    display: table-cell;
    position: relative;
    top: 3px
}

.Header-site img {
    vertical-align: bottom;
    max-width: 120px;
    height: auto
}

@media screen and (max-width:992px) {
    .Header-site img {
        max-width: 105px
    }
}

.Header-parent {
    display: inline-block;
    margin-left: 1.25em;
    font-weight: 400;
    top: -5px;
    position: relative;
    border-left: 1px solid #ccc;
    padding-left: 1.5em
}

.Header-parent a {
    color: #555
}

@media screen and (max-width:520px) {
    .Header-parent {
        display: none
    }
}

.Header-explore {
    display: table-cell;
    vertical-align: bottom;
    width: 1.825em;
    height: 1.825em;
    border-radius: 3px;
    border: 1px solid #666;
    color: #666;
    overflow: hidden;
    margin-left: .75em
}

.Header-login {
    float: right;
    margin-top: .1825em
}

.Header-body {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}
.Header-body h1{
    font-size: 1.4em;
    margin-top: 15px;
    text-align: left;
    color: #003da5;
}

.Header-body:after,
.Header-body:before {
    display: table;
    content: ""
}

.Header-body:after {
    clear: both
}

@media screen and (max-width:992px) {
    .Header-body {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

.Header-logo {
    float: right;
    margin-bottom: 0
}
.Header-title {
    float: left;
    margin-bottom: 0
}


@media screen and (max-width:992px) {
    .Header-logo img {
        width: 100%;
        height: auto;
        max-width: 5.5em
    }
}



.Header-search {
    float: right;
    margin-top: 1em;
    width: 100%;
    max-width: 30em
}

@media screen and (max-width:992px) {
    .Header-search {
        display: none
    }
}

.Header-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border: .2825em solid transparent;
    border-left-color: inherit;
    position: relative;
    top: 0;
    display: inline-block;
    margin-top: .64481em;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Header-menuTrigger {
    float: right;
    color: #000;
    border: 1px solid #000;
    padding: .25em .5em;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: .6875em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1em
}

.Header-menuTrigger>svg {
    margin-right: .125em
}

.Header-logo a:hover {
    text-decoration: none
}

.Logo {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center*/
    text-align: right;
}

.Logo-abbr {
    font-weight: 400;
    font-size: 16px;
    color: #555
}

@media screen and (max-width:992px) {
    .Logo-abbr {
        font-size: 14px
    }
}

.Logo-abbr+.Logo-title,
.Logo-title+.Logo-abbr {
    margin-top: .325rem
}

.Logo-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

@media screen and (max-width:992px) {
    .Logo-title {
        font-size: 18px;
        line-height: 24px
    }
}

.Logo-image {
    /*margin-right: .5em*/
}

@media screen and (max-width: 640px) {
    .Header-logo{
        float: none;
        width: 100%;
        clear: both;
    }
    .Logo{
        display: block;
        text-align: left;
        margin-top: 10px;
    }
    .Header-logo img.Logo-image {
        /* margin-right: .325em; */
        max-width: 4em;
        height: auto;
    }
}

.Nav {
    background-color: #003da5;
    position: relative;
    z-index: 3;
    font-weight: 600 !important;
}

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

.Nav:after {
    clear: both
}

.Nav a {
    display: block
}

.Nav a,
.Nav a:hover {
    text-decoration: none;
    color: #fff
}

.Nav-list, .ui-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    left: -1.5rem
}

.Nav-item, .ui-menuitem {
    float: left;
    text-align: center
}

.Nav-item>a, .ui-menuitem>a {
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    padding: .875rem 1.5rem;
    -webkit-transition: background-color .375s;
    transition: background-color .375s;
    width: 100%
}

@media screen and (max-width:992px) {
    .Nav ul {
        left: 0;
        /* margin-bottom: 1.5rem */
    }
    .Nav ul:after,
    .Nav ul:before {
        display: table;
        content: ""
    }
    .Nav ul:after {
        clear: both
    }
    .Nav-item, .ui-menuitem {
        text-align: left;
        width: 100%
    }
    .Nav-item a, .ui-menuitem a {
        padding-top: .5rem;
        padding-bottom: .75rem
    }
    .Nav {
        background: #fff;
    }
    .Nav.is-open {
        display: block
    }
    .ui-menu-dynamic {
        background: #003da5;
        color: #fff;
        width: 100%;
        max-width: 100%;
        padding: 0;
        left: 0 !important;
        margin-top: 33px !important;
    }
    .ui-menu-list {
        left: 0;
    }
    .ui-menu-dynamic.ui-widget-content a{
        color: #fff;
    }
    .ui-menu-dynamic .ui-widget-header{
        background: none;
        padding: 0 10px;
    }
    .ui-menu-dynamic .ui-widget-header h3{
        text-shadow: none;
        color: white;
        width: 100%;
        float: none;
        border-bottom: 1px solid #6984c5;
        padding: 10px 14px;
    }

}

.Nav-search {
    border: 0;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

@media screen and (max-width:992px) {
    .Nav-list, .ui-menu-list {
        margin-bottom: 2rem
    }
}

@media screen and (min-width:992px) {
    .Nav-search {
        display: none
    }
}

.Nav-list, .ui-menu-list,
.Nav-subnav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Nav-list li, .ui-menu-list li,
.Nav-subnav ul li {
    list-style: none
}

.Nav-list>li, .ui-menu-list>li {
    position: relative
}

.Nav-list>li>a:hover, .ui-menu-list>li>a:hover {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.Nav-item.hover a {
    background-color: #0d2d6c
}

.Nav-item>a, .ui-menuitem>a {
    position: relative;
    z-index: 12
}

.Nav-subnav {
    background-color: #0d2d6c;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    left: -9999px;
    opacity: 0;
    position: absolute;
    text-align: left;
    -webkit-transition: left 0s, opacity .375s;
    transition: left 0s, opacity .375s;
    width: 14rem;
    z-index: 11
}

@media screen and (max-width:992px) {
    .Nav-subnav {
        box-shadow: 0 0 0 transparent;
        margin-bottom: 2rem;
        width: 100%
    }
}

.Nav-subnav ul li:last-child {
    border-bottom: 0
}

.Nav-subnav ul li:last-child a {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.Nav-subnav a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .05);
    padding: 10px 20px
}

.Nav-subnav a:focus
.Nav-subnav a:hover {
    text-decoration: none;
    background-color: #003da5
}

.Nav-list>li.hover .Nav-subnav,
.Nav-list>li:hover .Nav-subnav,
.Nav-list>li>a:focus+.Nav-subnav,
.Nav-list>li>a:hover+.Nav-subnav {
    left: 0;
    opacity: 1
}

@media screen and (max-width:992px) {
    .Nav-list>li.hover .Nav-subnav,
    .Nav-list>li:hover .Nav-subnav,
    .Nav-list>li>a:focus+.Nav-subnav,
    .Nav-list>li>a:hover+.Nav-subnav {
        position: static
    }
}

.Nav-list>li:hover .Nav-subnav,
.Nav-list>li>a:focus+.Nav-subnav,
.Nav-list>li>a:hover+.Nav-subnav {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.ParentNav {
    color: #fff;
    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    max-width: 33em;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: width .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out;
    transition: transform .5s ease-in-out, width .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.ParentNav a {
    color: #fff
}

.ParentNav.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width:480px) {
    .ParentNav {
        font-size: .85em
    }
}

.ie8 .ParentNav {
    display: none
}

.ie8 .ParentNav.is-open {
    display: block
}

.ParentNav-wrap {
    overflow: auto;
    height: 100%;
    background-color: #0d2d6c;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
    z-index: 10;
    position: relative
}

.ParentNav-header {
    padding: 1.25em;
    position: relative
}

.ParentNav-logo {
    max-width: 8em
}

.ParentNav-logo img {
    height: auto
}

.ParentNav-tagline {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #fff
}

.ParentNav-close {
    position: absolute;
    top: 1.25em;
    right: 1.25em
}

.ParentNav-close button {
    line-height: 1
}

.ParentNav-body {
    font-size: 1.25em
}

.ParentNav-body .ParentNav-item>span {
    width: 100%
}

.ParentNav-body .has-submenu>span:after {
    content: "";
    width: 1rem;
    height: 1rem;
    background: transparent url(/unidad-acceso-informacion-publica/profiles/gub_uy/themes/custom/portalbase/dist/assets/arrow.svg) no-repeat 50%;
    display: block;
    float: right;
    position: relative;
    top: 8px
}

.ParentNav-item {
    display: block;
    width: 100%;
    position: relative
}

.ParentNav-item>span {
    display: block;
    cursor: pointer;
    z-index: 12;
    position: relative
}

.ParentNav-item.is-open,
.ParentNav-item.is-selected {
    background-color: #f9f9f9
}

.ParentNav-item.is-open {
    color: #000
}

.ParentNav-item>span,
a.ParentNav-item {
    padding: .75em 1.5em
}

.ParentNav-item.has-submenu.is-open>span:after {
    background-image: url(/unidad-acceso-informacion-publica/profiles/gub_uy/themes/custom/portalbase/dist/assets/arrow-black.svg)
}

.ParentNav-subNav {
    padding: .5em 1.5em 0;
    background-color: #f9f9f9;
    width: 100%;
    display: none
}

@media screen and (max-width:480px) {
    .ParentNav-subNav {
        font-size: .85em
    }
}

.ParentNav-subNav a {
    color: #003da5
}

.ParentNav-subNav.is-open {
    display: block
}

.ParentNav-subNav--temas {
    padding: 2em 2em 0
}

@media screen and (max-width:992px) {
    .ParentNav-subNav--temas {
        padding: 1em 1em 0
    }
}

.ParentNav-subNav--temas ul li+li {
    margin-top: .5em
}

.ParentNav-more {
    text-align: center;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
    padding-bottom: 1em
}

.ParentNav-subNav--tramites {
    padding: 2em 2em 0
}

@media screen and (max-width:992px) {
    .ParentNav-subNav--tramites {
        padding: 1em 1em 0
    }
}

@media screen and (min-width:992px) {
    .ParentNav-aside,
    .ParentNav-wrap {
        float: left;
        width: 100%
    }
    .ParentNav-aside {
        -webkit-transition: width .35s ease-in-out;
        transition: width .35s ease-in-out;
        padding: 1.5em;
        overflow-x: hidden;
        overflow-y: auto;
        width: 0;
        background-color: #f9f9f9;
        color: #000;
        height: 100%
    }
    .ParentNav-aside a {
        color: #003da5
    }
    body.has-parentNavAside .ParentNav {
        max-width: 70em
    }
    body.has-parentNavAside .ParentNav:after,
    body.has-parentNavAside .ParentNav:before {
        display: table;
        content: ""
    }
    body.has-parentNavAside .ParentNav:after {
        clear: both
    }
    body.has-parentNavAside .ParentNav-wrap {
        box-shadow: 0 0 0 transparent;
        width: 33em;
        float: left
    }
    body.has-parentNavAside .ParentNav-aside {
        box-shadow: 0 4px 4px rgba(0, 0, 0, .75);
        width: 37em;
        float: left
    }
}

body:after {
    opacity: 0;
    content: "";
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

body.has-menu {
    overflow: hidden
}

body.has-menu:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    z-index: 11
}

.Stats {
    margin-top: 1.5em !important;
}

.Stats2 {
    margin-top: 2.5em !important;
}

.Stats-item {
    text-align: center;
    margin-bottom: 3.5em
}

.Stats-item a {
    font-size: 5em;
    line-height: 1.15
}

.Nav-flagList {
    margin-left: 1em;
    padding-left: 0
}

.Nav-flagList li {
    list-style: none
}

.Nav-flagList li+li {
    margin-top: .5em
}

.Footer {
    margin-top: 2.5em;
    background-color: #003da5;
    font-size: 1em;
    height: auto;
    position: initial;
}

.Footer,
.Footer a {
    color: #fff
}

.Footer address {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.Footer address p {
    margin-bottom: .5em;
    line-height: 1.25
}

.Footer address p span {
    opacity: .85
}

.Footer-body {
    padding-top: 3.5em;
    padding-bottom: 3.5em
}

.Footer-title {
    font-size: 1.625em;
    font-weight: 700;
    line-height: 1.15
}

.Footer-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    display: none;
}

.Footer-bottom ul {
    padding: 0;
    margin: 0;
    margin-top: 1em
}

.Footer-bottom ul li {
    display: inline-block
}

.Footer-bottom ul li+li {
    margin-left: 1.5em
}

.Footer-list {
    line-height: 1.35
}

.Footer-list h3 {
    font-size: 1.5em;
    font-weight: 500;
    margin-top: 1em
}

.Footer-tagline {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 6px;
    opacity: .85
}

@media screen and (min-width:992px) {
    .Footer {
        font-size: 1em;
        text-align: left;
    }
    .Footer-bottom {
        text-align: left;
        font-size: .825em;
        border-color: #fff;
        border-top: 1px solid hsla(0, 0%, 100%, .15);
    }
    .Footer-bottom:after,
    .Footer-bottom:before {
        display: table;
        content: ""
    }
    .Footer-bottom:after {
        clear: both
    }
    .Footer-bottom ul {
        margin-top: 0;
    }
    .Footer-social {
        float: left
    }
    .Footer-links {
        float: right;
    }
    .Footer-list h3 {
        font-size: 1.25em;
        margin-top: 0
    }
    .Footer-info {
        border-right: 1px solid hsla(0, 0%, 100%, .15)
    }
}

.Footer-logo img {
    max-width: 8em
}

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

.Faq+.Faq {
    border-top: 1px solid #eee
}

.Faq-question {
    padding-top: 1.5em;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1em
}

.Faq-answer p {
    margin-bottom: .5em
}

.busquedaVacia-title {
    font-size: 2.5em!important;
    padding: .75em .75em .6em;
    white-space: normal
}

.busquedaVacia-listItem {
    font-size: 1.25em;
    padding: .25em 0
}

.errorPage {
    margin: 7.25rem 0 8rem
}

.errorPage-nombre {
    margin-bottom: .6rem;
    line-height: 1;
    color: #ba3a25;
    font-weight: 700;
    font-size: 2.05em
}

.errorPage-mensaje {
    margin-bottom: .9rem;
    line-height: 1.2;
    font-weight: 700;
    font-size: 3.2em
}

.errorPage-texto {
    margin-bottom: 2.5rem;
    font-size: 1.8em
}

.Button--errorPage {
    padding: .4em 1em .5em;
    font-size: 1.75em!important
}

.Live {
    font-size: .85em;
    margin-top: .5em;
    background-color: #f3f3f3;
    display: inline-block;
    border-radius: 2px;
    color: #333;
    padding: .2rem .625rem
}

.Live-icon {
    margin-right: .5em;
    float: left;
    width: 1.25em;
    height: 1.25em;
    top: .075rem
}

.Live--now {
    background-color: #ffe3e3;
    font-weight: 700
}

.Live--now .Live-icon {
    display: none
}

.Live--now:before {
    content: " ";
    display: inline-block;
    border-radius: 50%;
    background-color: #b22222;
    width: 10px;
    height: 10px;
    margin-right: .625em;
    -webkit-animation: a infinite 1.25s linear;
    animation: a infinite 1.25s linear
}

@-webkit-keyframes a {
    50% {
        opacity: 0
    }
}

@keyframes a {
    50% {
        opacity: 0
    }
}

.Group {
    background-color: #eee;
    padding-top: 4rem;
    padding-bottom: 3rem
}

.Group--color1 {
    background-color: #e2e9f1
}

.Group--color2 {
    background-color: #33236a
}

.Group--color2 .Group-title {
    color: #fff
}

.Group-title {
    margin-bottom: 3rem;
    font-weight: 400;
    font-size: 32px
}

.Group-footer {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
    text-align: center;
    padding-top: 1.5rem;
    font-size: 1.5rem
}

@media screen and (max-width:992px) {
    .Group-footer {
        font-size: 1.125em
    }
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.modal-dialog {
    position: relative;
    width: 90%;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.fade.in {
    opacity: .6
}

.modal-header {
    padding: 16px 24px
}

.modal-header:after,
.modal-header:before {
    display: table;
    content: ""
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 2.1
}

.modal-body {
    position: relative;
    padding: 8px 0;
    margin: 0 24px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.modal-footer {
    padding: 16px 24px;
    text-align: right
}

.modal-footer:after,
.modal-footer:before {
    display: table;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media screen and (min-width:768px) {
    .modal-dialog {
        width: 960px;
        margin: 30px auto
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media screen and (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.modal {
    padding: 0!important;
    text-align: center
}

.modal:before {
    height: 100%;
    margin-right: -4px;
    content: ""
}

.modal-dialog,
.modal:before {
    display: inline-block;
    vertical-align: middle
}

.modal-dialog {
    text-align: left
}

.Box {
    background: #fff;
    display: block;
    padding: 1.5rem;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    margin-bottom: 1.5rem
}

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

.Box:after {
    clear: both
}

.ie8 .Box {
    border: 1px solid #ddd
}

.Box-header {
    margin-bottom: 1.5em;
    padding: 0;
    border-bottom: 0
}

.Box-header:after,
.Box-header:before {
    display: table;
    content: ""
}

.Box-header:after {
    clear: both
}

.Box-name {
    float: left;
    padding-top: .325em;
    margin-bottom: 0;
    font-size: 1.75em;
    color: #555 !important
}

.Box-link {
    float: right;
    color: #555;
    position: relative;
    top: .375em;
    font-weight: 400
}

.Box-title {
    display: block;
    font-size: 19.125px;
    font-weight: 600;
    margin-bottom: .125em;
    word-break: break-word;
    color: #003da5;
}

.Box-subtitle {
    color: #555;
    display: block;
    font-size: 1.15em;
    line-height: 1.15;
    margin-bottom: 1em
}

.Box-info {
    color: #000;
    display: block;
    font-size: 13.875px;
    margin-bottom: .5em;
}

.Box-image,
.Box-video {
    margin-bottom: 1.25em
}

.Box-text {
    margin-bottom: 1em
        font-size: 16px;
}

.Box-definitions dt {
    font-size: 95%;
    font-style: italic
}

.Box-definitions dd {
    padding-left: .5em
}

.Box-footer {
    border-top: 1px solid #eee;
    font-size: .875em;
    margin: 0 -1.5rem -1.5rem;
    padding: .75rem 1.5rem;
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.Box-footer>a,
.Box-footerLink {
    color: #444 !important;
        text-decoration: underline;
}
.Box-footer>a:hover,
.Box-footerLink:hover {
        text-decoration: none;
}
.Box-cover {
    margin: -1.5rem
}

.Box-coverImage,
.Box-cover img {
    width: 100%;
    height: auto
}

.Box-gridList .Box-title a:hover {
    text-decoration: underline
}

.Box-gridList {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Box-gridList li {
    list-style: none
}

.Box-gridList a {
    display: block;
    text-decoration: none
}

.Box-gridList a:hover .Box-title {
    text-decoration: underline
}

.Box-gridList li {
    margin-bottom: 2.5rem
}

.Box-gridList img {
    width: 100%;
    height: auto
}

.Box-gridList .Box-title {
    margin-bottom: .375em;
    font-size: 1.5em
}

.Box-gridList .Box-image {
    display: block;
    margin-bottom: .75em
}

.Box-gridList .Box-info,
.Box-gridList .Box-subtitle,
.Box-gridList .Box-text,
.Box-gridList p {
    margin-bottom: 0
}

.Box-gridList .Box-text,
.Box-gridList p {
    color: #000
}

.Box-mediaList {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.Box-mediaList li {
    list-style: none
}

.Box-mediaList>.Media,
.Box-mediaList li {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #eee
}

.Box-mediaList>.Media:first-child,
.Box-mediaList li:first-child {
    padding-top: .5rem;
    border-top: 0
}

@media screen and (max-width:992px) {
    .Box-mediaList .Media {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .Box-mediaList .Media-image {
        float: none;
        margin-right: 0;
        margin-bottom: .5em
    }
}

.Box-mediaList--small .Media-image {
    margin-right: 1rem
}

.Box-mediaList--small .Media {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.Box--acceso .Box-title {
    font-size: 1.25em;
    margin-bottom: .125em
}

.Box--acceso .Box-info {
    margin-bottom: 0
}

.Box--acceso:hover {
    text-decoration: none
}

.Box--acceso:hover .Box-title {
    text-decoration: underline
}

.Box--event {
    padding: 0;
    border-radius: 2px
}

.Box--event .Box-title {
    font-size: 1.25em;
    margin-bottom: .25em
}

.Box--event .Box-subtitle {
    font-size: .7em;
    color: #555;
    margin-bottom: .65em;
    margin-top: .25em;
    text-transform: uppercase
}

.Box--event .Box-inner>p,
.Box--event .Box-text {
    margin-bottom: 0;
    margin-top: 1em;
    font-size: .9375em
}

.Box--event .Box-image {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    width: 100%;
    height: auto
}

.Box--event .Box-inner {
    background-color: #f3f3f3;
    border-radius: 3px;
    margin: 0 1em;
    position: relative;
    top: -4.25em;
    padding: 1.25em
}

.Box--event .Box-inner .Media-image {
    margin-right: 1rem
}

.Box--event .Box-date {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    z-index: 8;
    right: 1em;
    top: -3.25em
}

.Box--event .Box-body {
    padding: 1.5rem;
    padding-bottom: 0;
    padding-top: 1rem;
    top: -4.25em;
    position: relative
}

.Box--event .Box-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0
}

.Box--event .Box-overlay {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .95)
}

.Box-time {
    font-size: 1.125em;
    line-height: 1.25;
    margin-bottom: .5em;
    display: block
}

.Box--destacado1 a {
    color: #fff;
    text-decoration: none
}

.Box--destacado1 a:hover {
    text-decoration: underline
}

.Box--destacado1 .Box-image {
    margin-bottom: 0;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover
}

.Box--destacado1 .Box-overlay {
    background: rgba(20, 58, 151, .8);
    color: #fff;
    height: auto;
    left: 0;
    padding: 2rem;
    position: absolute;
    bottom: 8%;
    width: auto;
    max-width: 85%
}

.Box--destacado1 .Box-title {
    margin-bottom: 0;
    font-size: 1.875rem
}

.Box--destacado1 .Box-info {
    color: #fff
}

@media screen and (max-width:992px) {
    .Box--destacado1 {
        padding: 0
    }
    .Box--destacado1 .Box-title {
        font-size: 1.25em;
        margin-bottom: .5em
    }
    .Box--destacado1 .Box-cover {
        margin: 0
    }
    .Box--destacado1 .Box-overlay {
        position: static;
        max-width: 100%;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        background: #143a97;
        padding: 1.5rem
    }
    .Box--destacado1 .Box-coverImage,
    .Box--destacado1 .Box-cover img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.Box--destacado1.Box--solid {
    padding: 0
}

.Box--destacado1.Box--solid .Box-overlay {
    position: static;
    max-width: 100%;
    background-color: #143a97;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.Box--destacado1.Box--solid .Box-cover {
    margin: 0;
    height: auto
}

.Box--destacado1.Box--solid .Box-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: auto
}

.Module-item .Box--destacado1.Box--solid .Box-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.Module-item .Box--destacado1.Box--solid .Box-image {
    height: 100%!important
}

.Module-item .Box--destacado1.Box--solid .Box-cover {
    height: 75%!important
}

.Box--destacado2 {
    background: rgba(0, 96, 163, .9)
}

.Box--destacado2 .Box-image {
    border-radius: 8px;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.Box--destacado2 .Box-overlay {
    border-radius: 8px;
    background: rgba(20, 58, 151, .9);
    background: -webkit-linear-gradient(top, rgba(20, 58, 151, .9) 20%, transparent);
    background: linear-gradient(180deg, rgba(20, 58, 151, .9) 20%, transparent);
    color: #fff;
    height: 100%;
    left: 0;
    padding: 2rem;
    position: absolute;
    top: 0;
    width: 100%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
}

@media screen and (max-width:992px) {
    .Box--destacado2 .Box-overlay {
        padding-left: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.Box--destacado2 .Box-title {
    margin-bottom: .5em;
    line-height: 1.15;
    color: #fff
}

.Box--destacado2 .Box-info {
    color: #fff;
    color: hsla(0, 0%, 100%, .8)
}

.Box--destacado2 .Box-button {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    text-shadow: none
}

.Box--destacado2.Box--solid .Box-overlay {
    background: #003da5;
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.Box--destacado2.Box--solid .Box-overlay :last-child {
    margin-bottom: 0
}

.Box--destacado2.Box--solid .Box-button {
    position: static;
    top: unset;
    left: unset;
    margin-top: .75em
}

@media screen and (max-width:992px) {
    .Box--destacado2.Box--solid {
        padding: 0
    }
    .Box--destacado2.Box--solid .Box-cover {
        margin: 0
    }
    .Box--destacado2.Box--solid .Box-overlay {
        position: static
    }
}

.Box--destacado3 .Box-title {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.Box--destacado3 .Box-text,
.Box--destacado3 p {
    color: #000
}

.Box--destacado3 .Box-info {
    margin-bottom: 1.5rem
}

.Box--destacado3:hover {
    text-decoration: none
}

.Box--destacado3:hover .Box-title {
    text-decoration: underline
}

.Box--destacado4 {
    padding-bottom: 3rem;
    padding-top: 3rem;
    text-align: center
}

.Box--destacado4 a {
    display: block
}

.Box--destacado4 .Box-info,
.Box--destacado4 .Box-subtitle {
    margin-bottom: 0
}

.Box--destacado4 .Box-title {
    margin-bottom: .5em
}

.Box--destacado4 .Box-image {
    margin-bottom: 1.5em;
    display: block
}

.Box--destacado4 .Box-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.Box--destacado4.Box--color4 .Box-subtitle,
.Box--destacado4.Box--color4 a {
    color: #fff
}

.Box--listadoEnlaces .Box-title {
    font-size: 1.25em;
    margin-bottom: .125em
}

.Box--listadoEnlaces .Box-body,
.Box--listadoEnlaces .Box-gridList li {
    margin-bottom: 1.5rem
}

.Box--listadoEnlaces .Box-gridList img {
    width: auto
}

@media screen and (max-width:992px) {
    .Box--listadoEnlaces .Flag-image {
        display: none!important
    }
}

.Box--listadoHorizontal .Box-image,
.Box--listadoHorizontal .Box-info {
    margin-bottom: .5em
}

.Box--listadoHorizontal .Box-title {
    font-size: 1.25em
}

@media screen and (max-width:992px) {
    .touch .Box--scrollableItems .Box-body {
        overflow: scroll;
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .touch .Box--scrollableItems .Grid {
        white-space: nowrap
    }
    .touch .Box--scrollableItems .Grid-item {
        width: 80%;
        float: none;
        display: inline-block;
        white-space: normal;
        vertical-align: top
    }
    .touch .Box--scrollableItems .Grid .Grid-item:first-child {
        margin-left: 1.5rem
    }
    .touch .Box--scrollableItems .Grid .Grid-item:last-child {
        padding-right: 0;
        margin-right: 1.5rem
    }
}

.Box--listadoTramites .Box-item {
    margin-bottom: 2.5em
}

.Box--listadoTramites .Box-title {
    font-size: 1.125em;
    margin-bottom: .125em
}

.Box--listadoVertical .Box-title {
    margin-bottom: .25em
}

.Box--listadoVertical .Download {
    font-size: .875em;
    margin-top: 1.25em
}

.Box--listadoVertical .Box-text,
.Box--listadoVertical p {
    margin-bottom: 0
}

.Box--articles .Box-title {
    line-height: 1.25;
    font-weight: 500;
    font-size: 1.75rem;
    margin-bottom: 1rem
}

.Box--articles .Box-subtitle {
    margin-bottom: .5rem
}

.Box--articles .Media-image img {
    border-radius: 2px;
    max-width: 250px
}

.Box--articles .Media-image video {
    width: 100%;
    max-width: 250px;
    height: auto
}

.Box--login .Box-title {
    margin-bottom: 0
}

.Box--login .Box-header {
    margin-bottom: 2.5em
}

.Box--navLocal {
    padding: 0 1em 1.25em
}

.Box--navLocal .Page-navList li a,
.Box--navLocal .Page-navTitle {
    padding-left: 1rem;
    padding-right: 1rem
}

.Box--navLocal ul.Page-navList li:last-child {
    border-bottom: none
}

@media screen and (max-width:992px) {
    .Box--navLocal .Page-navList {
        display: block
    }
    .Box--navLocal .Page-navTitle {
        font-weight: 700;
        font-size: 1.15rem;
        display: block;
        padding: 2rem 1rem 1rem;
        border-bottom: none
    }
}

.Box--timeline .Box-header {
    margin-bottom: 3rem
}

.Box--timeline .Box-body {
    margin-left: 10px;
    margin-top: -1.25rem;
    padding-top: 3em;
    padding-left: 40px;
    border-left: 4px solid #3155a5
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-body {
        margin-left: 9.5em;
        padding-left: 1.825em
    }
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-title {
        position: relative;
        margin-top: -5px;
        margin-left: 40px;
        left: -40px
    }
}

.Box--timeline .Box-subtitle {
    padding-left: 40px;
    position: relative;
    left: -40px
}

@media screen and (min-width:992px) {
    .Box--timeline .Box-subtitle {
        width: 115px;
        padding-left: 0;
        float: left;
        position: absolute;
        left: 10px;
        text-align: right
    }
}

.Box--timeline .List {
    padding-left: 10px
}

.timeline-mark {
    display: block;
    position: relative;
    left: -52px;
    float: left;
    width: 2.5em;
    height: .75em;
    border-bottom: 4px solid #3155a5
}

@media screen and (min-width:992px) {
    .timeline-mark {
        left: -3.85em
    }
}

.timeline-mark span {
    display: block;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 4px solid #3155a5;
    border-radius: 100%
}

@media screen and (min-width:992px) {
    .timeline-mark span {
        float: right
    }
}

.Box-timelineNav {
    width: 100%;
    clear: both;
    margin-top: 4.5rem
}

.Box-timelineNav a {
    text-decoration: underline;
    color: #000
}

.Box-timelineNav ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

.Box-timelineNav ul li {
    display: inline-block
}

.Box-timelineNav ul li+li {
    border-left: 1px solid #ccc;
    padding-left: 1em;
    margin-left: 1em
}

.Box--video .Box-video {
    margin-bottom: 0;
    margin-right: -2.25rem;
    margin-left: -2.25rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.Hero {
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    position: relative
}

.Hero-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 560px;
    border-radius: 3px
}

@media screen and (max-width:992px) {
    .Hero-image img {
        height: 200px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.Hero-body {
    background-color: #3356a5;
    color: #fff;
    position: absolute;
    max-width: 42em;
    right: 0;
    padding: 2em 1.5em
}

@media screen and (min-width:992px) {
    .Hero-body {
        top: 50%;
        padding: 1.75em 2em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width:992px) {
    .Hero-body {
        max-width: 100%;
        font-size: .9375em;
        position: relative;
        top: 0;
        left: 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

}

.Hero-body .Box-info {
    color: #fff;
    text-transform: uppercase
}

.Hero-body .Box-title {
    font-weight: 400;
    margin-bottom: .5em;
    margin-top: .5em;
    line-height: 1.25
}

.Hero-body .Box-text {
    font-size: .95em;
    margin-bottom: 0
}

.Hero-body .Box-title a {
    font-size: 1.25em;
    text-decoration: none;
    color: #fff
}

.Hero-body .Box-title a:hover {
    text-decoration: underline
}

.Box--small {
    font-size: .875rem
}

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

.Box--color1 .Download,
.Box--color2 .Download,
.Box--color3 .Download,
.Box--color4 .Download {
    text-decoration: none
}

.Box--color1 .Download-title,
.Box--color2 .Download-title,
.Box--color3 .Download-title,
.Box--color4 .Download-title {
    color: inherit;
    text-decoration: underline
}

.Box--color1 .Download-description,
.Box--color2 .Download-description,
.Box--color3 .Download-description,
.Box--color4 .Download-description {
    color: inherit
}

.Box--color1 .Box-mediaList>.Media,
.Box--color1 .Box-mediaList li,
.Box--color2 .Box-mediaList>.Media,
.Box--color2 .Box-mediaList li,
.Box--color3 .Box-mediaList>.Media,
.Box--color3 .Box-mediaList li,
.Box--color4 .Box-mediaList>.Media,
.Box--color4 .Box-mediaList li {
    border-top-color: hsla(0, 0%, 100%, .25)
}

.Box--color1.Box--listadoHorizontal a,
.Box--color2.Box--listadoHorizontal a,
.Box--color3.Box--listadoHorizontal a,
.Box--color4.Box--listadoHorizontal a {
    text-decoration: none
}

.Box--color1.Box--listadoHorizontal .Box-title,
.Box--color2.Box--listadoHorizontal .Box-title,
.Box--color3.Box--listadoHorizontal .Box-title,
.Box--color4.Box--listadoHorizontal .Box-title {
    text-decoration: underline
}

.Box--color1 .Box-footer,
.Box--color2 .Box-footer,
.Box--color3 .Box-footer,
.Box--color4 .Box-footer {
    background-color: transparent;
    border-top-color: hsla(0, 0%, 100%, .25)
}

.Box--color1 .Box-footer a,
.Box--color2 .Box-footer a,
.Box--color3 .Box-footer a,
.Box--color4 .Box-footer a {
    text-decoration: underline
}

.Box--color1 {
    background-color: #003da5;
    color: #fff
}

.Box--color1 a:not(.Button) {
    color: #fff;
    text-decoration: underline
}

.Box--color1 .Box-info,
.Box--color1 .Box-name,
.Box--color1 .Box-subtitle,
.Box--color1 .Box-text,
.Box--color1 p {
    color: #fff
}

.Box--color1.Box--event .Box-inner {
    background-color: #3b65c5
}

.Box--color2 {
    background-color: #9292e3;
    color: #000
}

.Box--color2 a:not(.Button) {
    color: #000;
    text-decoration: underline
}

.Box--color2 .Box-info,
.Box--color2 .Box-name,
.Box--color2 .Box-subtitle,
.Box--color2 .Box-text,
.Box--color2 p {
    color: #000
}

.Box--color2.Box--event .Box-inner {
    background-color: #b2b2eb
}

.Box--color3 {
    background-color: #33236a;
    color: #fff
}

.Box--color3 a:not(.Button) {
    color: #fff;
    text-decoration: underline
}

.Box--color3 .Box-info,
.Box--color3 .Box-name,
.Box--color3 .Box-subtitle,
.Box--color3 .Box-text,
.Box--color3 p {
    color: #fff
}

.Box--color3.Box--event .Box-inner {
    background-color: #422d89
}

.Box--color4 {
    background-color: #93117e;
    color: #fff
}

.Box--color4 a:not(.Button) {
    color: #fff;
    text-decoration: underline
}

.Box--color4 .Box-info,
.Box--color4 .Box-name,
.Box--color4 .Box-subtitle,
.Box--color4 .Box-text,
.Box--color4 p {
    color: #fff
}

.Box--color4.Box--event .Box-inner {
    background-color: #b8159d
}

.Box--fit {
    height: 100%;
    width: 100%
}

.Box--alignMiddle {
    display: table;
    width: 100%
}

.Box--alignMiddle .Box-cell {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

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

.u-sizeFull {
    width: 100%!important
}

.u-size1of12 {
    width: 8.33333%!important
}

.u-size1of10 {
    width: 10%!important
}

.u-size1of8 {
    width: 12.5%!important
}

.u-size1of6,
.u-size2of12 {
    width: 16.66667%!important
}

.u-size1of5,
.u-size2of10 {
    width: 20%!important
}

.u-size1of4,
.u-size2of8,
.u-size3of12 {
    width: 25%!important
}

.u-size3of10 {
    width: 30%!important
}

.u-size1of3,
.u-size2of6,
.u-size4of12 {
    width: 33.33333%!important
}

.u-size3of8 {
    width: 37.5%!important
}

.u-size2of5,
.u-size4of10 {
    width: 40%!important
}

.u-size5of12 {
    width: 41.66667%!important
}

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
    width: 50%!important
}

.u-size7of12 {
    width: 58.33333%!important
}

.u-size3of5,
.u-size6of10 {
    width: 60%!important
}

.u-size5of8 {
    width: 62.5%!important
}

.u-size2of3,
.u-size4of6,
.u-size8of12 {
    width: 66.66667%!important
}

.u-size7of10 {
    width: 70%!important
}

.u-size3of4,
.u-size6of8,
.u-size9of12 {
    width: 75%!important
}

.u-size4of5,
.u-size8of10 {
    width: 80%!important
}

.u-size5of6,
.u-size10of12 {
    width: 83.33333%!important
}

.u-size7of8 {
    width: 87.5%!important
}

.u-size9of10 {
    width: 90%!important
}

.u-size11of12 {
    width: 91.66667%!important
}

@media (min-width:480px) {
    .u-xs-size1of12 {
        width: 8.33333%!important
    }
    .u-xs-size1of10 {
        width: 10%!important
    }
    .u-xs-size1of8 {
        width: 12.5%!important
    }
    .u-xs-size1of6,
    .u-xs-size2of12 {
        width: 16.66667%!important
    }
    .u-xs-size1of5,
    .u-xs-size2of10 {
        width: 20%!important
    }
    .u-xs-size1of4,
    .u-xs-size2of8,
    .u-xs-size3of12 {
        width: 25%!important
    }
    .u-xs-size3of10 {
        width: 30%!important
    }
    .u-xs-size1of3,
    .u-xs-size2of6,
    .u-xs-size4of12 {
        width: 33.33333%!important
    }
    .u-xs-size3of8 {
        width: 37.5%!important
    }
    .u-xs-size2of5,
    .u-xs-size4of10 {
        width: 40%!important
    }
    .u-xs-size5of12 {
        width: 41.66667%!important
    }
    .u-xs-size1of2,
    .u-xs-size2of4,
    .u-xs-size3of6,
    .u-xs-size4of8,
    .u-xs-size5of10,
    .u-xs-size6of12 {
        width: 50%!important
    }
    .u-xs-size7of12 {
        width: 58.33333%!important
    }
    .u-xs-size3of5,
    .u-xs-size6of10 {
        width: 60%!important
    }
    .u-xs-size5of8 {
        width: 62.5%!important
    }
    .u-xs-size2of3,
    .u-xs-size4of6,
    .u-xs-size8of12 {
        width: 66.66667%!important
    }
    .u-xs-size7of10 {
        width: 70%!important
    }
    .u-xs-size3of4,
    .u-xs-size6of8,
    .u-xs-size9of12 {
        width: 75%!important
    }
    .u-xs-size4of5,
    .u-xs-size8of10 {
        width: 80%!important
    }
    .u-xs-size5of6,
    .u-xs-size10of12 {
        width: 83.33333%!important
    }
    .u-xs-size7of8 {
        width: 87.5%!important
    }
    .u-xs-size9of10 {
        width: 90%!important
    }
    .u-xs-size11of12 {
        width: 91.66667%!important
    }
    .u-xs-sizeFull {
        width: 100%!important
    }
}

@media (min-width:768px) {
    .u-sm-size1of12 {
        width: 8.33333%!important
    }
    .u-sm-size1of10 {
        width: 10%!important
    }
    .u-sm-size1of8 {
        width: 12.5%!important
    }
    .u-sm-size1of6,
    .u-sm-size2of12 {
        width: 16.66667%!important
    }
    .u-sm-size1of5,
    .u-sm-size2of10 {
        width: 20%!important
    }
    .u-sm-size1of4,
    .u-sm-size2of8,
    .u-sm-size3of12 {
        width: 25%!important
    }
    .u-sm-size3of10 {
        width: 30%!important
    }
    .u-sm-size1of3,
    .u-sm-size2of6,
    .u-sm-size4of12 {
        width: 33.33333%!important
    }
    .u-sm-size3of8 {
        width: 37.5%!important
    }
    .u-sm-size2of5,
    .u-sm-size4of10 {
        width: 40%!important
    }
    .u-sm-size5of12 {
        width: 41.66667%!important
    }
    .u-sm-size1of2,
    .u-sm-size2of4,
    .u-sm-size3of6,
    .u-sm-size4of8,
    .u-sm-size5of10,
    .u-sm-size6of12 {
        width: 50%!important
    }
    .u-sm-size7of12 {
        width: 58.33333%!important
    }
    .u-sm-size3of5,
    .u-sm-size6of10 {
        width: 60%!important
    }
    .u-sm-size5of8 {
        width: 62.5%!important
    }
    .u-sm-size2of3,
    .u-sm-size4of6,
    .u-sm-size8of12 {
        width: 66.66667%!important
    }
    .u-sm-size7of10 {
        width: 70%!important
    }
    .u-sm-size3of4,
    .u-sm-size6of8,
    .u-sm-size9of12 {
        width: 75%!important
    }
    .u-sm-size4of5,
    .u-sm-size8of10 {
        width: 80%!important
    }
    .u-sm-size5of6,
    .u-sm-size10of12 {
        width: 83.33333%!important
    }
    .u-sm-size7of8 {
        width: 87.5%!important
    }
    .u-sm-size9of10 {
        width: 90%!important
    }
    .u-sm-size11of12 {
        width: 91.66667%!important
    }
    .u-sm-sizeFull {
        width: 100%!important
    }
}

@media (min-width:992px) {
    .u-md-size1of12 {
        width: 8.33333%!important
    }
    .u-md-size1of10 {
        width: 10%!important
    }
    .u-md-size1of8 {
        width: 12.5%!important
    }
    .u-md-size1of6,
    .u-md-size2of12 {
        width: 16.66667%!important
    }
    .u-md-size1of5,
    .u-md-size2of10 {
        width: 20%!important
    }
    .u-md-size1of4,
    .u-md-size2of8,
    .u-md-size3of12 {
        width: 25%!important
    }
    .u-md-size3of10 {
        width: 30%!important
    }
    .u-md-size1of3,
    .u-md-size2of6,
    .u-md-size4of12 {
        width: 33.33333%!important
    }
    .u-md-size3of8 {
        width: 37.5%!important
    }
    .u-md-size2of5,
    .u-md-size4of10 {
        width: 40%!important
    }
    .u-md-size5of12 {
        width: 41.66667%!important
    }
    .u-md-size1of2,
    .u-md-size2of4,
    .u-md-size3of6,
    .u-md-size4of8,
    .u-md-size5of10,
    .u-md-size6of12 {
        width: 50%!important
    }
    .u-md-size7of12 {
        width: 58.33333%!important
    }
    .u-md-size3of5,
    .u-md-size6of10 {
        width: 60%!important
    }
    .u-md-size5of8 {
        width: 62.5%!important
    }
    .u-md-size2of3,
    .u-md-size4of6,
    .u-md-size8of12 {
        width: 66.66667%!important
    }
    .u-md-size7of10 {
        width: 70%!important
    }
    .u-md-size3of4,
    .u-md-size6of8,
    .u-md-size9of12 {
        width: 75%!important
    }
    .u-md-size4of5,
    .u-md-size8of10 {
        width: 80%!important
    }
    .u-md-size5of6,
    .u-md-size10of12 {
        width: 83.33333%!important
    }
    .u-md-size7of8 {
        width: 87.5%!important
    }
    .u-md-size9of10 {
        width: 90%!important
    }
    .u-md-size11of12 {
        width: 91.66667%!important
    }
    .u-md-sizeFull {
        width: 100%!important
    }
}

@media (min-width:1367px) {
    .u-lg-size1of12 {
        width: 8.33333%!important
    }
    .u-lg-size1of10 {
        width: 10%!important
    }
    .u-lg-size1of8 {
        width: 12.5%!important
    }
    .u-lg-size1of6,
    .u-lg-size2of12 {
        width: 16.66667%!important
    }
    .u-lg-size1of5,
    .u-lg-size2of10 {
        width: 20%!important
    }
    .u-lg-size1of4,
    .u-lg-size2of8,
    .u-lg-size3of12 {
        width: 25%!important
    }
    .u-lg-size3of10 {
        width: 30%!important
    }
    .u-lg-size1of3,
    .u-lg-size2of6,
    .u-lg-size4of12 {
        width: 33.33333%!important
    }
    .u-lg-size3of8 {
        width: 37.5%!important
    }
    .u-lg-size2of5,
    .u-lg-size4of10 {
        width: 40%!important
    }
    .u-lg-size5of12 {
        width: 41.66667%!important
    }
    .u-lg-size1of2,
    .u-lg-size2of4,
    .u-lg-size3of6,
    .u-lg-size4of8,
    .u-lg-size5of10,
    .u-lg-size6of12 {
        width: 50%!important
    }
    .u-lg-size7of12 {
        width: 58.33333%!important
    }
    .u-lg-size3of5,
    .u-lg-size6of10 {
        width: 60%!important
    }
    .u-lg-size5of8 {
        width: 62.5%!important
    }
    .u-lg-size2of3,
    .u-lg-size4of6,
    .u-lg-size8of12 {
        width: 66.66667%!important
    }
    .u-lg-size7of10 {
        width: 70%!important
    }
    .u-lg-size3of4,
    .u-lg-size6of8,
    .u-lg-size9of12 {
        width: 75%!important
    }
    .u-lg-size4of5,
    .u-lg-size8of10 {
        width: 80%!important
    }
    .u-lg-size5of6,
    .u-lg-size10of12 {
        width: 83.33333%!important
    }
    .u-lg-size7of8 {
        width: 87.5%!important
    }
    .u-lg-size9of10 {
        width: 90%!important
    }
    .u-lg-size11of12 {
        width: 91.66667%!important
    }
    .u-lg-sizeFull {
        width: 100%!important
    }
}

.u-m0 {
    margin: 0!important
}

.u-m1 {
    margin: .5rem!important
}

.u-m2 {
    margin: 1rem!important
}

.u-m3 {
    margin: 1.5rem!important
}

.u-m4 {
    margin: 2rem!important
}

.u-m5 {
    margin: 2.5rem!important
}

.u-m6 {
    margin: 3rem!important
}

.u-mx0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.u-mx1 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.u-mx2 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}

.u-mx3 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}

.u-mx4 {
    margin-left: 2rem!important;
    margin-right: 2rem!important
}

.u-mx5 {
    margin-left: 2.5rem!important;
    margin-right: 2.5rem!important
}

.u-mx6 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}

.u-my0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.u-my1 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.u-my2 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.u-my3 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.u-my4 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
}

.u-my5 {
    margin-top: 2.5rem!important;
    margin-bottom: 2.5rem!important
}

.u-my6 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.u-mt0 {
    margin-top: 0!important
}

.u-mt1 {
    margin-top: .5rem!important
}

.u-mt2 {
    margin-top: 1rem!important
}

.u-mt3 {
    margin-top: 1.5rem!important
}

.u-mt4 {
    margin-top: 2rem!important
}

.u-mt5 {
    margin-top: 2.5rem!important
}

.u-mt6 {
    margin-top: 3rem!important
}

.u-mr0 {
    margin-right: 0!important
}

.u-mr1 {
    margin-right: .5rem!important
}

.u-mr2 {
    margin-right: 1rem!important
}

.u-mr3 {
    margin-right: 1.5rem!important
}

.u-mr4 {
    margin-right: 2rem!important
}

.u-mr5 {
    margin-right: 2.5rem!important
}

.u-mr6 {
    margin-right: 3rem!important
}

.u-mb0 {
    margin-bottom: 0!important
}

.u-mb1 {
    margin-bottom: .5rem!important
}

.u-mb2 {
    margin-bottom: 1rem!important
}

.u-mb3 {
    margin-bottom: 1.5rem!important
}

.u-mb4 {
    margin-bottom: 2rem!important
}

.u-mb5 {
    margin-bottom: 2.5rem!important
}

.u-mb6 {
    margin-bottom: 3rem!important
}

.u-ml0 {
    margin-left: 0!important
}

.u-ml1 {
    margin-left: .5rem!important
}

.u-ml2 {
    margin-left: 1rem!important
}

.u-ml3 {
    margin-left: 1.5rem!important
}

.u-ml4 {
    margin-left: 2rem!important
}

.u-ml5 {
    margin-left: 2.5rem!important
}

.u-ml6 {
    margin-left: 3rem!important
}

@media screen and (min-width:992px) {
    .u-md-m0 {
        margin: 0!important
    }
    .u-md-m1 {
        margin: .5rem!important
    }
    .u-md-m2 {
        margin: 1rem!important
    }
    .u-md-m3 {
        margin: 1.5rem!important
    }
    .u-md-m4 {
        margin: 2rem!important
    }
    .u-md-m5 {
        margin: 2.5rem!important
    }
    .u-md-m6 {
        margin: 3rem!important
    }
    .u-md-mx0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .u-md-mx1 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }
    .u-md-mx2 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }
    .u-md-mx3 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }
    .u-md-mx4 {
        margin-left: 2rem!important;
        margin-right: 2rem!important
    }
    .u-md-mx5 {
        margin-left: 2.5rem!important;
        margin-right: 2.5rem!important
    }
    .u-md-mx6 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }
    .u-md-my0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .u-md-my1 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }
    .u-md-my2 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }
    .u-md-my3 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }
    .u-md-my4 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }
    .u-md-my5 {
        margin-top: 2.5rem!important;
        margin-bottom: 2.5rem!important
    }
    .u-md-my6 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }
    .u-md-mt0 {
        margin-top: 0!important
    }
    .u-md-mt1 {
        margin-top: .5rem!important
    }
    .u-md-mt2 {
        margin-top: 1rem!important
    }
    .u-md-mt3 {
        margin-top: 1.5rem!important
    }
    .u-md-mt4 {
        margin-top: 2rem!important
    }
    .u-md-mt5 {
        margin-top: 2.5rem!important
    }
    .u-md-mt6 {
        margin-top: 3rem!important
    }
    .u-md-mr0 {
        margin-right: 0!important
    }
    .u-md-mr1 {
        margin-right: .5rem!important
    }
    .u-md-mr2 {
        margin-right: 1rem!important
    }
    .u-md-mr3 {
        margin-right: 1.5rem!important
    }
    .u-md-mr4 {
        margin-right: 2rem!important
    }
    .u-md-mr5 {
        margin-right: 2.5rem!important
    }
    .u-md-mr6 {
        margin-right: 3rem!important
    }
    .u-md-mb0 {
        margin-bottom: 0!important
    }
    .u-md-mb1 {
        margin-bottom: .5rem!important
    }
    .u-md-mb2 {
        margin-bottom: 1rem!important
    }
    .u-md-mb3 {
        margin-bottom: 1.5rem!important
    }
    .u-md-mb4 {
        margin-bottom: 2rem!important
    }
    .u-md-mb5 {
        margin-bottom: 2.5rem!important
    }
    .u-md-mb6 {
        margin-bottom: 3rem!important
    }
    .u-md-ml0 {
        margin-left: 0!important
    }
    .u-md-ml1 {
        margin-left: .5rem!important
    }
    .u-md-ml2 {
        margin-left: 1rem!important
    }
    .u-md-ml3 {
        margin-left: 1.5rem!important
    }
    .u-md-ml4 {
        margin-left: 2rem!important
    }
    .u-md-ml5 {
        margin-left: 2.5rem!important
    }
    .u-md-ml6 {
        margin-left: 3rem!important
    }
}

.u-p0 {
    padding: 0!important
}

.u-p1 {
    padding: .5rem!important
}

.u-p2 {
    padding: 1rem!important
}

.u-p3 {
    padding: 1.5rem!important
}

.u-p4 {
    padding: 2rem!important
}

.u-p5 {
    padding: 2.5rem!important
}

.u-p6 {
    padding: 3rem!important
}

.u-px0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.u-px1 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.u-px2 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.u-px3 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.u-px4 {
    padding-left: 2rem!important;
    padding-right: 2rem!important
}

.u-px5 {
    padding-left: 2.5rem!important;
    padding-right: 2.5rem!important
}

.u-px6 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}

.u-py0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.u-py1 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.u-py2 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.u-py3 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.u-py4 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
}

.u-py5 {
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important
}

.u-py6 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.u-pt0 {
    padding-top: 0!important
}

.u-pt1 {
    padding-top: .5rem!important
}

.u-pt2 {
    padding-top: 1rem!important
}

.u-pt3 {
    padding-top: 1.5rem!important
}

.u-pt4 {
    padding-top: 2rem!important
}

.u-pt5 {
    padding-top: 2.5rem!important
}

.u-pt6 {
    padding-top: 3rem!important
}

.u-pr0 {
    padding-right: 0!important
}

.u-pr1 {
    padding-right: .5rem!important
}

.u-pr2 {
    padding-right: 1rem!important
}

.u-pr3 {
    padding-right: 1.5rem!important
}

.u-pr4 {
    padding-right: 2rem!important
}

.u-pr5 {
    padding-right: 2.5rem!important
}

.u-pr6 {
    padding-right: 3rem!important
}

.u-pb0 {
    padding-bottom: 0!important
}

.u-pb1 {
    padding-bottom: .5rem!important
}

.u-pb2 {
    padding-bottom: 1rem!important
}

.u-pb3 {
    padding-bottom: 1.5rem!important
}

.u-pb4 {
    padding-bottom: 2rem!important
}

.u-pb5 {
    padding-bottom: 2.5rem!important
}

.u-pb6 {
    padding-bottom: 3rem!important
}

.u-pl0 {
    padding-left: 0!important
}

.u-pl1 {
    padding-left: .5rem!important
}

.u-pl2 {
    padding-left: 1rem!important
}

.u-pl3 {
    padding-left: 1.5rem!important
}

.u-pl4 {
    padding-left: 2rem!important
}

.u-pl5 {
    padding-left: 2.5rem!important
}

.u-pl6 {
    padding-left: 3rem!important
}

@media screen and (min-width:992px) {
    .u-md-p0 {
        padding: 0!important
    }
    .u-md-p1 {
        padding: .5rem!important
    }
    .u-md-p2 {
        padding: 1rem!important
    }
    .u-md-p3 {
        padding: 1.5rem!important
    }
    .u-md-p4 {
        padding: 2rem!important
    }
    .u-md-p5 {
        padding: 2.5rem!important
    }
    .u-md-p6 {
        padding: 3rem!important
    }
    .u-md-px0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .u-md-px1 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }
    .u-md-px2 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .u-md-px3 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }
    .u-md-px4 {
        padding-left: 2rem!important;
        padding-right: 2rem!important
    }
    .u-md-px5 {
        padding-left: 2.5rem!important;
        padding-right: 2.5rem!important
    }
    .u-md-px6 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }
    .u-md-py0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .u-md-py1 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }
    .u-md-py2 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }
    .u-md-py3 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }
    .u-md-py4 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }
    .u-md-py5 {
        padding-top: 2.5rem!important;
        padding-bottom: 2.5rem!important
    }
    .u-md-py6 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }
    .u-md-pt0 {
        padding-top: 0!important
    }
    .u-md-pt1 {
        padding-top: .5rem!important
    }
    .u-md-pt2 {
        padding-top: 1rem!important
    }
    .u-md-pt3 {
        padding-top: 1.5rem!important
    }
    .u-md-pt4 {
        padding-top: 2rem!important
    }
    .u-md-pt5 {
        padding-top: 2.5rem!important
    }
    .u-md-pt6 {
        padding-top: 3rem!important
    }
    .u-md-pr0 {
        padding-right: 0!important
    }
    .u-md-pr1 {
        padding-right: .5rem!important
    }
    .u-md-pr2 {
        padding-right: 1rem!important
    }
    .u-md-pr3 {
        padding-right: 1.5rem!important
    }
    .u-md-pr4 {
        padding-right: 2rem!important
    }
    .u-md-pr5 {
        padding-right: 2.5rem!important
    }
    .u-md-pr6 {
        padding-right: 3rem!important
    }
    .u-md-pb0 {
        padding-bottom: 0!important
    }
    .u-md-pb1 {
        padding-bottom: .5rem!important
    }
    .u-md-pb2 {
        padding-bottom: 1rem!important
    }
    .u-md-pb3 {
        padding-bottom: 1.5rem!important
    }
    .u-md-pb4 {
        padding-bottom: 2rem!important
    }
    .u-md-pb5 {
        padding-bottom: 2.5rem!important
    }
    .u-md-pb6 {
        padding-bottom: 3rem!important
    }
    .u-md-pl0 {
        padding-left: 0!important
    }
    .u-md-pl1 {
        padding-left: .5rem!important
    }
    .u-md-pl2 {
        padding-left: 1rem!important
    }
    .u-md-pl3 {
        padding-left: 1.5rem!important
    }
    .u-md-pl4 {
        padding-left: 2rem!important
    }
    .u-md-pl5 {
        padding-left: 2.5rem!important
    }
    .u-md-pl6 {
        padding-left: 3rem!important
    }
}

.u-h1,
.u-h2,
.u-h3,
.u-h4,
.u-h5,
.u-h6 {
    font-family: inherit!important;
    font-weight: 600!important;
    line-height: 1.1!important
}

.u-h1 {
    font-size: 2.5rem!important
}

.u-h2 {
    font-size: 2rem!important
}

.u-h3 {
    font-size: 1.75rem!important
}

.u-h4 {
    font-size: 1.5rem!important
}

.u-h5 {
    font-size: 1.25rem!important;
    line-height: 1.15!important
}

.u-h6 {
    font-size: 1.15rem!important;
    line-height: 1.35!important
}

.u-textCenter {
    text-align: center!important
}

.u-textLeft {
    text-align: left!important
}

.u-textRight {
    text-align: right!important
}

@media screen and (min-width:992px) {
    .u-md-textCenter {
        text-align: center!important
    }
    .u-md-textLeft {
        text-align: left!important
    }
    .u-md-textRight {
        text-align: right!important
    }
}

.u-textExtraLarge {
    font-size: 1.75em!important;
    line-height: 1.125!important
}

.u-textLarge {
    font-size: 1.35em!important;
    line-height: 1.125!important
}

.u-textMedium {
    font-size: 1.125em!important;
    line-height: 1.25!important
}

.u-textSmall {
    font-size: .85em!important
}

.u-textLead {
    font-size: 1.35rem!important
}

.u-textLead,
.u-textNormal {
    font-weight: 400!important
}

.u-textSemiBold {
    font-weight: 600!important
}

.u-textBold {
    font-weight: 700!important
}

.u-breakWord {
    word-break: break-word!important
}

.u-textUppercase {
    text-transform: uppercase!important
}

.u-textUnderline {
    text-decoration: underline!important
}

.u-textMute {
    color: #444!important
}

.u-textWhite {
    color: #fff!important
}

.u-textBlue {
    color: #003da5!important
}

.u-textBlack {
    color: #000!important
}

.u-bgWhite {
    background-color: #fff!important
}

.u-bgBlue {
    background-color: #003da5!important
}

.u-bgDarkBlue {
    background-color: #0d2d6c!important
}

.u-bgGreen {
    background-color: #00632e!important
}

.u-bgGold {
    background-color: #fcd649!important
}

.u-bgPurple {
    background-color: #33236a!important
}

.u-bgColor1 {
    background-color: #003da5!important
}

.u-bgColor2 {
    background-color: #9292e3!important
}

.u-bgColor3 {
    background-color: #33236a!important
}

.u-bgColor4 {
    background-color: #93117e!important
}

.u-cfx:after,
.u-cfx:before {
    display: table;
    content: ""
}

.u-cfx:after {
    clear: both
}

.u-left {
    float: left!important
}

.u-right {
    float: right!important
}

@media screen and (min-width:768px) {
    .u-sm-left {
        float: left!important
    }
    .u-sm-right {
        float: right!important
    }
}

@media screen and (min-width:992px) {
    .u-md-left {
        float: left!important
    }
    .u-md-right {
        float: right!important
    }
}

@media screen and (min-width:1367px) {
    .u-lg-left {
        float: left!important
    }
    .u-lg-right {
        float: right!important
    }
}

.u-hide {
    display: none!important
}

.u-show {
    display: block!important
}

@media screen and (min-width:768px) {
    .u-sm-show {
        display: block!important
    }
    .u-sm-hide {
        display: none!important
    }
}

@media screen and (min-width:992px) {
    .u-md-show {
        display: block!important
    }
    .u-md-hide {
        display: none!important
    }
}

@media screen and (min-width:1367px) {
    .u-lg-show {
        display: block!important
    }
    .u-lg-hide {
        display: none!important
    }
}

.u-table {
    display: table!important
}

.u-tableCell {
    display: table-cell!important
}

.u-alignMiddle {
    vertical-align: middle!important
}

.u-main {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.u-relative {
    position: relative!important
}

.u-circle {
    border-radius: 50%!important
}

.u-imgResponsive {
    width: 100%;
    height: auto
}

.u-listReset {
    list-style: none;
    margin: 0;
    padding: 0
}

.u-bullet {
    padding-left: 1.5em
}

.u-bullet li+li {
    margin-top: .825em
}

.u-bullet li {
    line-height: 1.325;
    list-style-type: none;
    position: relative
}

.u-bullet li:before {
    content: "\2022";
    font-size: .75em;
    position: absolute;
    top: .25em;
    left: -1.25em
}

.u-hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 2em 0;
    padding: 0
}

.u-alternativeLink {
    text-decoration: underline
}

.u-alternativeLink:hover {
    text-decoration: none
}

.u-inlineBlock {
    display: inline-block
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-toggle=collapse].collapsed .caret {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

[data-toggle=collapse] .caret {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.pinned {
    position: fixed
}

[data-drupal-selector=edit-archivo-upload-button],
[id^=edit-archivo-upload] .description {
    display: none!important
}

.youtube-container {
    margin-bottom: 1.5rem
}

.Module-item .contextual-region,
.Module-item [region=content_bottom_left],
.Module-item [region=content_bottom_right] {
    height: 100%
}

.Box--table .Table th,
.Box--table .Table td {
    padding: 10px;
    font-size: .95em;
    font-weight: normal;
}

.Box--navLocal .Page-navList li span.no-link {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #3155A6;
}

.Page-navList li span.no-link {
    display: block;
    padding: .75rem 1.5rem;
    transition: color .25s;
}

#toolbar-administration #toolbar-bar {
    z-index: 10000;
}

.page-user-login .tabs {
    display: none;
}

.contextual {
    z-index: 10000;
}

div.tabs {
    margin: 1em 0;
}

ul.tabs {
    list-style: none;
    margin: 0 0 0.5em;
    padding: 0;
}

.tabs>li {
    display: inline-block;
    margin-right: 0.3em;
}

[dir=rtl] .tabs>li {
    margin-left: 0.3em;
    margin-right: 0;
}

.tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
}

.tabs a.is-active {
    background-color: #143a97;
    color: #fff;
}

.tabs a:focus,
.tabs a:hover {
    background-color: #f5f5f5;
    color: #143a97;
}

.messages {
    background: no-repeat 10px 17px;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.messages:last-child {
    margin-bottom: 20px;
}

.messages__block {
    margin-bottom: 15px;
}

[dir=rtl] .messages {
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
    padding-left: 20px;
    padding-right: 35px;
    text-align: right;
}

.messages+.messages {
    margin-top: 1.538em;
}

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

.messages__item+.messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    background-color: #e8ffec;
    border-color: #279e3f #279e3f #279e3f transparent;
    background-image: url(./../../imagenes/check.svg);
    box-shadow: -8px 0 0 #279e3f;
}

[dir=rtl] .messages--status {
    border-color: #279e3f transparent #279e3f #279e3f;
    box-shadow: 8px 0 0 #279e3f;
    margin-left: 0;
}

.messages--warning {
    background-color: #fff6dc;
    background-image: url(./../../imagenes/warning.svg);
    border-color: #ffd15f #ffd15f #ffd15f transparent;
    color: #734c00;
    box-shadow: -8px 0 0 #ffd15f;
}

[dir=rtl] .messages--warning {
    border-color: #ffd15f transparent #ffd15f #ffd15f;
    box-shadow: 8px 0 0 #ffd15f;
}

.messages--error {
    background-color: #ffe5e5;
    color: #a51b00;
    background-image: url(./../../imagenes/error.svg);
    border-color: #c33 #c33 #c33 transparent;
    box-shadow: -8px 0 0 #e62600;
}

[dir=rtl] .messages--error {
    border-color: #c33 transparent #c33 #c33;
    box-shadow: 8px 0 0 #c33;
}

.messages--error p.error {
    color: #a51b00;
}

.user-login-form .form-item {
    margin-bottom: 10px;
}

.user-login-form .form-item label {
    color: #143a97;
}

.user-login-form .form-item .description {
    font-size: 0.75em;
    color: #717171;
}

.user-login-form .form-item .form-actions {
    text-align: right;
    margin-top: 10px;
}

.user-login-form .form-actions {
    text-align: right;
    margin-top: 20px;
}

#user-login-form input {
    border-radius: 2px;
    border: 1px solid #bbb;
    font-family: inherit;
    padding: 0.5em;
    width: 100%;
    max-width: 25em;
}

#search-form #edit-keys {
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #000;
    float: left;
    font-family: inherit;
    padding: 0.6875em;
    font-weight: 400;
}

#search-form #edit-submit {
    position: absolute;
    z-index: 2;
    right: 0;
    width: 2.5em;
    text-indent: -9999px;
    height: 2.5em;
    border: 0;
    background-color: transparent;
    background-image: url(./../../imagenes/icon-search.svg);
    background-size: 1.15em;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.SidebarFirst h2 {
    font-size: 1.2rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    margin:0;
    margin-bottom: 25px;

}

.SidebarFirst nav ul.Nav-list {
    width: 100%;
    float: left;
    position: relative;
    left: 0;
    z-index: 1;
}

.SidebarFirst nav ul.Nav-list li.Nav-item {
    width: 100%;
    text-align: left;
}

.SidebarFirst nav ul.Nav-list li.Nav-item a.is-active {
    border-left: 4px solid #bbb;
    color: #000;
    text-decoration: none;
    z-index: 10;
    border-right: 3px solid #fff;
    width: 101%;
}

.SidebarFirst nav ul.Nav-list li.Nav-item.hover,
.SidebarFirst nav ul.Nav-list li.Nav-item.hover a,
.SidebarFirst nav ul.Nav-list li.Nav-item:hover,
.SidebarFirst nav ul.Nav-list li.Nav-item:hover a,
.SidebarFirst nav ul.Nav-list li.Nav-item:visited,
.SidebarFirst nav ul.Nav-list li.Nav-item:visited a,
.SidebarFirst nav ul.Nav-list li.Nav-item:active,
.SidebarFirst nav ul.Nav-list li.Nav-item:active a {
    background-color: transparent;
    color: #000;
    text-decoration: none;
}
.SidebarFirst ul.form-group-list li {
    padding-left: 0;
    padding-right: 0;
    border: none;
}
.SidebarFirst select{
    width: 100%;
    min-width: unset;
}
.SidebarFirst input[type="text"],.SidebarFirst input[type="email"],.SidebarFirst input[type="password"],.SidebarFirst input[type="tel"],.SidebarFirst input[type="date"]{
    width: 100%;
    min-width: unset;
    padding: 8px 10px;
    height: auto;
}
.SidebarFirst .Button {
    width: 100%;
}

.contextual {
    z-index: 5;
}

.Nav-subnav {
    z-index: 10;
}

.sidebarFirst-close .Nav-item>a {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.Icon--print {
    color: transparent;
}

.ParentNav {
    z-index: 10000;
}

/***/
/*portal-tipo.css*/

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* --------------- TABLAS --------------- */
/* Tabla generica */
table {
    background-color: transparent;
    width: 100%;
    border-collapse: collapse;
    margin: 50px 0;
    font-size: 0.93em;
}

.table-title {
    font-size: 15px;
    font-weight: bold;
}

fieldset table {
    max-width: 1278px;
    /*margin: 20px 15px 40px 15px;*/
}

fieldset fieldset table {
    margin: 0 0 40px 0;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: center;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    line-height: 1.2;
    vertical-align: middle;
    border: 1px solid #E4E5E6;
    font-weight: normal;
    overflow: visible;
}

table > thead > tr > th {
    background: #f4f4f5;
    padding: 15px;
    max-width: 150px;
    border-bottom: none;
}

table tbody tr td {
    padding: 10px 16px;
}

table > tfoot > tr > td {
    border: 0px;
    padding-top: 20px;
}

table input[type="text"], table select, table textarea {
    border-radius: 2px;
}

table > tr > td.number {
    padding-right: 28px;
}

table tr:nth-child(1n) {
    background: #FFF;
}

table tr:nth-child(2n) {
    background: #f8f8f8;
}

table input[type="text"], table select, table textarea {
    width: 100%;
    min-width: inherit;
}
table tr.nueva td{
    font-weight: bold;
}

/* Estilos para celdas */
td p {
    margin: 5px 0;
}

/* SONAR td colspan {
    text-align: center;
}*/

.doble-entrada {
    background: #f4f4f5;
    text-align: center;
}

.colspan {
    text-align: center;
}

@media screen and (max-width: 980px) {
    .doble-entrada {
        display: none;
    }
    .colspan {
        text-align: left;
    }
}

/* Detalle de los datos */
.dato-secundario {
    color: #6D6E70;
}

/* Alinear numeros */
.celda-numero {
    text-align: right;
}

/* Centrar inputs en tablas */
td > input[type="text"], td > select {
    margin: 0 auto;
    display: block;
}

/* Mini tabla subtotal */
.subtotal {
    background: #f4f4f5;
    text-align: right;
}

/* Grilla tabla */
.una-celda {
    width: 10%;
}

.dos-celdas {
    width: 20%;
}

.tres-celdas {
    width: 30%;
}

.cuatro-celdas {
    width: 40%;
}

.cinco-celdas {
    width: 50%;
}

.seis-celdas {
    width: 60%;
}

.siete-celdas {
    width: 70%;
}

.ocho-celdas {
    width: 80%;
}

.nueve-celdas {
    width: 90%;
}

.diez-celdas {
    width: 100%;
}
.highlight td{
    font-weight: bold;
}

/* Mensaje o enlace para una tabla */
.table-msg {
    display: block;
    margin: -15px 0 40px 0;
}

fieldset .table-msg {
    margin: -25px 0 40px 15px;
}

fieldset fieldset .table-msg {
    margin: -25px 0 40px 0px;
}

/** ESTILOS FORMULARIO TIPO */
fieldset h1,
fieldset h2,
fieldset h3,
fieldset h4,
fieldset h5,
fieldset h6,
fieldset .table-title {
    margin-left: 15px;
}

fieldset fieldset h1,
fieldset fieldset h2,
fieldset fieldset h3,
fieldset fieldset h4,
fieldset fieldset h5,
fieldset fieldset h6,
fieldset fieldset .table-title {
    margin-left: 0;
}

/* Borrar flotacion */
.clear,
.clearFloat {
    clear: both;
}

/* Accesibilidad */
.hide-text-read-cross {
    display: block;
    float: left;
    text-indent: -9999em;
    color: #000;
    font-size: 2em;
    line-height: 1;
}

.hide-text-read {
    display: block;
    text-indent: -9999em;
    color: #000;
    font-size: 2em;
    line-height: 1;
}

.hide-read {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.link-right {
    float: right;
    padding-top: 10px;
    text-decoration: none !important;
}

.link-right span.icn {
    margin-right: 3px;
}

.link-right:hover {
    text-decoration: underline !important;
}

/* Textos */
span.error {
    color: #c12e2a;
}

span.complementario {
    display: inline-block;
    font-size: 0.95em;
    color: #3D3D3D;
}

.color-grey {
    color: #6d6e70;
}

/* Flechas triangulos */
.icn-triangle-left {
    background: url(./../../imagenes/icn-triangle-left.png) no-repeat;
    width: 6px;
    height: 10px;
}

.icn-triangle-right {
    background: url(./../../imagenes/icn-triangle-right.png) no-repeat;
    width: 6px;
    height: 10px;
}

.icn-triangle-up {
    background: url(./../../imagenes/icn-triangle-up.png) no-repeat;
    width: 10px;
    height: 6px;
}

.icn-triangle-down {
    background: url(./../../imagenes/icn-triangle-down.png) no-repeat;
    width: 10px;
    height: 6px;
}

/* Flechas chevrons */
.icn-chevron-left {
    background: url(./../../imagenes/icn-chevron-left.png) no-repeat;
    width: 16px;
    height: 26px;
}

.icn-chevron-right {
    background: url(./../../imagenes/icn-chevron-right.png) no-repeat;
    width: 16px;
    height: 26px;
}

.icn-chevron-up {
    background: url(./../../imagenes/icn-chevron-up.png) no-repeat;
    width: 26px;
    height: 16px;
}

.icn-chevron-down {
    background: url(./../../imagenes/icn-chevron-down.png) no-repeat;
    width: 26px;
    height: 16px;
}

.icn-search {
    background: url(./../../imagenes/icn-search.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-history {
    background: url(./../../imagenes/icn-history.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-reload {
    background: url(./../../imagenes/icn-reload.png) no-repeat;
    width: 18px;
    height: 18px;
}

/* Iconos circulares */
.icn-circle-success {
    background: url(./../../imagenes/icn-circle-success.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-circle-plus {
    background: url(./../../imagenes/icn-circle-plus.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-circle-minus {
    background: url(./../../imagenes/icn-circle-minus.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-circle-error {
    background: url(./../../imagenes/icn-circle-error.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-circle-help {
    background: url(./../../imagenes/icn-circle-help.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-circle-info {
    background: url(./../../imagenes/icn-circle-info.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-circle-noti {
    background: url(./../../imagenes/icn-circle-noti.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-warning {
    background: url(./../../imagenes/icn-warning.png) no-repeat;
    width: 20px;
    height: 18px;
}

.icn-success {
    background: url(./../../imagenes/icn-success.png) no-repeat;
    width: 18px;
    height: 14px;
}

.icn-plus {
    background: url(./../../imagenes/icn-plus.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-minus {
    background: url(./../../imagenes/icn-minus.png) no-repeat;
    width: 18px;
    height: 4px;
}

.icn-error {
    background: url(./../../imagenes/icn-error.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-edit {
    background: url(./../../imagenes/icn-edit.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-delete {
    background: url(./../../imagenes/icn-delete.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-home {
    background: url(./../../imagenes/icn-home.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-star {
    background: url(./../../imagenes/icn-star.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-account {
    background: url(./../../imagenes/icn-account.png) no-repeat;
    width: 18px;
    height: 16px;
}

.icn-key {
    background: url(./../../imagenes/icn-key.png) no-repeat;
    width: 12px;
    height: 18px;
}

.icn-lock {
    background: url(./../../imagenes/icn-lock.png) no-repeat;
    width: 15px;
    height: 18px;
}

.icn-email {
    background: url(./../../imagenes/icn-email.png) no-repeat;
    width: 25px;
    height: 18px;
}

.icn-attach {
    background: url(./../../imagenes/icn-attach.png) no-repeat;
    width: 20px;
    height: 18px;
}

.icn-link {
    background: url(./../../imagenes/icn-link.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-settings {
    background: url(./../../imagenes/icn-settings.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-download {
    background: url(./../../imagenes/icon-download.svg) no-repeat !important;
    width: 20px;
    height: 25px !important;
    margin-left: 15px !important;
    margin-top: -12px !important;
}

.icn-upload {
    background: url(./../../imagenes/icn-upload.png) no-repeat;
    width: 20px;
    height: 18px;
}

.icn-folder {
    background: url(./../../imagenes/icn-folder.png) no-repeat;
    width: 22px;
    height: 18px;
}

.icn-cloud {
    background: url(./../../imagenes/icn-cloud.png) no-repeat;
    width: 27px;
    height: 18px;
}

.icn-gps {
    background: url(./../../imagenes/icn-gps.png) no-repeat;
    width: 12px;
    height: 18px;
}

.icn-calendar {
    background: url(./../../imagenes/icn-calendar.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-fullscreen {
    background: url(./../../imagenes/icn-fullscreen.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-minimize {
    background: url(./../../imagenes/icn-minimize.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-tag {
    background: url(./../../imagenes/icn-tag.png) no-repeat;
    width: 23px;
    height: 18px;
}

.icn-print {
    background: url(./../../imagenes/icn-print.png) no-repeat;
    width: 18px;
    height: 18px;
}

.icn-view {
    background: url(./../../imagenes/icn-view.png) no-repeat;
    width: 25px;
    height: 13px;
}

.icn-view-sm {
    background: url(./../../imagenes/icn-view-sm.png) no-repeat;
    width: 19px;
    height: 11px;
}

.icn-format-csv {
    background: url(./../../imagenes/icn-format-csv.png) no-repeat;
    width: 15px;
    height: 18px;
}

.icn-format-zip {
    background: url(./../../imagenes/icn-format-zip.png) no-repeat;
    width: 15px;
    height: 18px;
}

.icn-format-xls {
    background: url(./../../imagenes/icn-format-xls.png) no-repeat;
    width: 15px;
    height: 18px;
}

.icn-format-doc {
    background: url(./../../imagenes/icn-format-doc.png) no-repeat;
    width: 15px;
    height: 18px;
}

.icn-format-pdf {
    background: url(./../../imagenes/icn-format-pdf.png) no-repeat;
    width: 15px;
    height: 18px;
    filter: contrast(900%) !important;
}

/* Icono chico */
.icn-search-sm {
    background: url(./../../imagenes/icn-search-sm.png) no-repeat;
    width: 13px;
    height: 13px;
    filter: contrast(900%) !important;
}
.icn-history-sm {
    background: url(./../../imagenes/icn-history-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-reload-sm {
    background: url(./../../imagenes/icn-reload-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

/* Iconos circulares */
.icn-circle-success-sm {
    background: url(./../../imagenes/icn-circle-success-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-circle-plus-sm {
    background: url(./../../imagenes/icn-circle-plus-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-circle-minus-sm {
    background: url(./../../imagenes/icn-circle-minus-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-circle-error-sm {
    background: url(./../../imagenes/icn-circle-error-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-circle-help-sm {
    background: url(./../../imagenes/icn-circle-help-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-circle-info-sm {
    background: url(./../../imagenes/icn-circle-info-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-circle-noti-sm {
    background: url(./../../imagenes/icn-circle-noti-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-warning-sm {
    background: url(./../../imagenes/icn-warning-sm.png) no-repeat;
    width: 13px;
    height: 14px;
}

.icn-success-sm {
    background: url(./../../imagenes/icn-success-sm.png) no-repeat;
    width: 17px;
    height: 13px;
}

.icn-plus-sm {
    background: url(./../../imagenes/icn-plus-sm.png) no-repeat;
    width: 13px;
    height: 13px;
    filter: contrast(900%) !important;
}

.icn-minus-sm {
    background: url(./../../imagenes/icn-minus-sm.png) no-repeat;
    width: 13px;
    height: 3px;
}

.icn-error-sm {
    background: url(./../../imagenes/icn-error-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-edit-sm {
    background: url(./../../imagenes/icn-edit-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-delete-sm {
    background: url(./../../imagenes/icn-delete-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-home-sm {
    background: url(./../../imagenes/icn-home-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-star-sm {
    background: url(./../../imagenes/icn-star-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-account-sm {
    background: url(./../../imagenes/icn-account-sm.png) no-repeat;
    width: 14px;
    height: 13px;
}

.icn-key-sm {
    background: url(./../../imagenes/icn-key-sm.png) no-repeat;
    width: 8px;
    height: 13px;
}

.icn-lock-sm {
    background: url(./../../imagenes/icn-lock-sm.png) no-repeat;
    width: 13px;
    height: 11px;
}

.icn-unlock-sm {
    background: url(./../../imagenes/icn-unlock-sm.png) no-repeat;
    width: 13px;
    height: 11px;
}

.icn-email-sm {
    background: url(./../../imagenes/icn-email-sm.png) no-repeat;
    width: 18px;
    height: 13px;
}

.icn-attach-sm {
    background: url(./../../imagenes/icn-attach-sm.png) no-repeat;
    width: 14px;
    height: 13px;
}

.icn-link-sm {
    background: url(./../../imagenes/icn-link-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-settings-sm {
    background: url(./../../imagenes/icn-settings-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-download-sm {
    background: url(./../../imagenes/icn-download-sm.png) no-repeat;
    width: 14px;
    height: 13px;
}

.icn-upload-sm {
    background: url(./../../imagenes/icn-upload-sm.png) no-repeat;
    width: 14px;
    height: 13px;
}

.icn-folder-sm {
    background: url(./../../imagenes/icn-folder-sm.png) no-repeat;
    width: 16px;
    height: 13px;
}

.icn-cloud-sm {
    background: url(./../../imagenes/icn-cloud-sm.png) no-repeat;
    width: 19px;
    height: 13px;
}

.icn-gps-sm {
    background: url(./../../imagenes/icn-gps-sm.png) no-repeat;
    width: 9px;
    height: 13px;
}

.icn-calendar-sm {
    background: url(./../../imagenes/icn-calendar-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-fullscreen-sm {
    background: url(./../../imagenes/icn-fullscreen-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-minimize-sm {
    background: url(./../../imagenes/icn-minimize-sm.png) no-repeat;
    width: 13px;
    height: 13px;
}

.icn-tag-sm {
    background: url(./../../imagenes/icn-tag-sm.png) no-repeat;
    width: 17px;
    height: 13px;
}

.icn-arrow-right-sm {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
}

.icn-arrow-left-sm {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
}

/* Icono grande */
.icn-circle-info-lg {
    background: url(./../../imagenes/icn-circle-info-lg.png) no-repeat;
    width: 46px;
    height: 46px;
}

.icn-circle-noti-lg {
    background: url(./../../imagenes/icn-circle-noti-lg.png) no-repeat;
    width: 46px;
    height: 46px;
}

.icn-circle-success-lg {
    background: url(./../../imagenes/icn-circle-success-lg.png) no-repeat;
    width: 46px;
    height: 46px;
}

.icn-circle-error-lg {
    background: url(./../../imagenes/icn-circle-error-lg.png) no-repeat;
    width: 46px;
    height: 46px;
}

.icn-warning-lg {
    background: url(./../../imagenes/icn-warning-lg.png) no-repeat;
    width: 51px;
    height: 46px;
}

/* --------------- FORMULARIOS --------------- */
/* Genericos */
::-webkit-input-placeholder {
    /* WebKit */
    color: #AAAAAA;
    font-style: italic;
}

:-moz-placeholder {
    /* Firefox 4 a 18 */
    color: #7E8080;
    font-style: italic;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #7E8080;
    font-style: italic;
    opacity: 1;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #7E8080;
    font-style: italic;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
}

optgroup[label] {
    font-weight: bold;
    color: #6D6E71;
}

option {
    color: #231F20;
}

fieldset {
    min-width: 0;
    margin: 0px;
}

fieldset div {
    box-sizing: border-box;
}

form fieldset {
    margin-bottom: 30px;
    padding: 0 45px;
    padding-top: 25px;
    border: 1px solid #DDD;
}

form fieldset,
form fieldset fieldset {
    padding: 20px 20px 30px 20px;
}
form fieldset.fildset-condensed,
form fieldset fieldset.fildset-condensed{
    padding-top: 15px;
    padding-bottom: 15px;
}

form fieldset fieldset {
    margin-top: 20px;
}

fieldset legend {
    padding: 0 15px;
    border: 0;
    box-sizing: border-box;
    font-size: 1.35em;
    line-height: 1.125;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}

fieldset > fieldset > legend {
    font-size: 1.1em;
}

fieldset label,
fieldset span.label,
span.label, .ui-dialog label{
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 220px;
    text-align: right;
    margin-right: 10px;
    line-height: 1.5 !important;
    font-size: 15px;
    color: black;
    font-weight: 400;
    margin-top: 11px;
    margin-bottom: 5px;
    white-space: unset;
}

.falso-label {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 220px;
    text-align: right;
    margin-right: 10px;
}
.borrar {
    background: #b00f0d !important;
    color: white !important;
    font-size: 0.85em !important;
    text-decoration: underline!important;
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: .2rem .625rem;
    background-color: #f3f3f3;
    border-radius: 2px;
    height:27px!important;
    font-weight: 400!important;
    box-shadow: none;
    border:0!important;
    transition: box-shadow .35s,color .35s;
}
.info-oculta {
    display: flex !important;
    align-items: center !important;
}
.resumen-datos .falso-label {
    width: 70px;
}
.enlace {
    color: #003da5;
    text-decoration: underline !important;
    background: transparent;
    border: 0;
}

@media screen and (max-width: 980px) {
    fieldset .falso-label {
        display: block;
        width: 100%;
        text-align: left;
        margin-right: 0;
        font-size: 1.3em;
        margin-bottom: 3px;
    }
}

fieldset fieldset label,
fieldset fieldset span.label,
span.label, .ui-dialog label{
    /* width: 215px;*/
    width: 30%;
    text-align: right;
}

/* Mensaje o enlace para un fieldset */
.fieldset-msg {
    margin: -20px 0 30px 0;
    display: block;
}

fieldset .fieldset-msg {
    margin: -25px 0 30px 5px;
}

@media screen and (max-width: 480px) {
    fieldset .fieldset-msg {
        margin: 0px 0 30px 15px;
    }
    fieldset fieldset .fieldset-msg {
        margin: -30px 0 30px 15px;
    }
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
select {
    padding: 9px 10px;
    line-height: 1.5;
    border: 1px solid #999;
    width: 50%;
    border-radius: 2px;
    height: 3em!important;

}

select .otros {
    min-width: 232px !important;
    max-width: 536.5px !important;
}

textarea {
    width: 50% !important;
    padding: 5px 10px !important;
    line-height: 1.5 !important;
    border: 1px solid #999 !important;
    min-width: 295px !important;
    border-radius: 2px !important;
}
.textoTextarea {
    width: 50% !important;
    line-height: 1.5 !important;
    min-width: 295px !important;
    display: inline-block !important;
}
.ui-dialog input[type="text"],
.ui-dialog input[type="email"],
.ui-dialog input[type="password"],
.ui-dialog input[type="tel"],
.ui-dialog input[type="date"],
.ui-dialog select,
.ui-dialog textarea{
    min-width: 284px;
}

/* Subtitulo fieldset */
.txt-adicional,
.fieldset-description {
    margin: -10px 0 20px 15px;
}

fieldset .form-group-list .group-list {
    width: 65%;
}

@media screen and (max-width: 640px) {
    fieldset .form-group-list .group-list {
        width: 100%;
    }
}

/* Date picker */
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}

input[type="file"] {
    vertical-align: initial;
    height: auto;
}

textarea {
    min-height: 130px;
    height: auto;
    resize: none;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"],
ul.form-group-list input[type="radio"],
ul.form-group-list input[type="checkbox"]{
    margin: 0;
    line-height: normal;
    height: auto;
    vertical-align: middle;/*para checkbox selectmanycheckbox */
    margin-top: 2px;/*para checkbox selectmanycheckbox */
}
.ui-selectmanycheckbox label {
    margin-top: 2px;
    width: auto;
    max-width: 90%;
}
label.checkbox-label input[type="checkbox"]{
    margin-top: 0;
    margin-right: 7px;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: 48px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-width: 1px;
    border-color: #1B75BB;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input[type="search"] {
    -webkit-appearance: none;
}

/* Elementos de formulario clases especificas */
/* Alineacion de campos y etiquetas */
.align-center,
.align-center button {
    text-align: center;
    margin: 0 auto;
}

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

.align-to-input-right {
    padding-right: 28px !important;
}

.align-to-input-left {
    padding-left: 28px !important;
}

.right {
    float: right;
}

fieldset ul.form-group-list,
ul.data-list {
    padding-left: 55px;
}

fieldset fieldset ul.form-group-list {
    padding-left: 0;
}

ul.form-group-list {
    list-style-type: none;
    padding: 0;
}

ul.form-group-list li {
    display: block;
    margin-bottom: 0;
}

.popup .form-group button {
    margin-left: 25%;
}

.form-group button {
    margin-left: 290px;
}
ul.form-group-list.form-group-list-condensed{
    margin-bottom: 0;
}
.form-group,
ul.form-group-list > li {
    position: relative;
    padding: 10px 15px;
}
ul.form-group-list.form-group-list-condensed > li{
    padding: 0px 15px;
}
.SidebarFirst ul.form-group-list > li{
    border: 1px solid transparent;
    margin-bottom: 0.125em;
    padding-bottom: 0.75em;
    padding-top: 0.75em;
    display: table;
    vertical-align: top;
    width: 100%;
}
.SidebarFirst ul.form-group-list > li > label{
    display: block;
    font-weight:600;
}
.SidebarFirst input, select {
    height: 3em !important;
}
.SidebarFirst .btn-link{
    margin-left: 0;
    margin-top: 10px;
}
.SidebarFirst ul.form-group-list{
    margin-bottom: 15px;
}

.SidebarFirst select:focus {
    border-color: #003DA5 !important;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 61, 165, 0.075), 0 0 0 0.2em rgba(0, 61, 165, 0.1);
}


input:focus {
    border-color: #003DA5 !important;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 61, 165, 0.075), 0 0 0 0.2em rgba(0, 61, 165, 0.1);
}
.groupBusqueda button {
    width: auto !important;
}
.groupBusqueda {
    width:100%;
}
.groupBusqueda .btn.btn-link {
    height:46px;
    background-color: #eee;
    border-color: currentcolor;
    border-radius: 2px;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    font-family: inherit;
    font-weight: 600;
    margin: 0;
    padding: 0.625em 1.5em;
    position: relative;
    text-align: center;
    transition: box-shadow 0.35s, background-color 0.35s;
    user-select: none;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0.3em;
    font-size: 15px !important;
}
button{
    height:46px;
}
.Form-Group{
    display:flex;
}

.groupBusqueda a {
    float: left;
}
.groupBusqueda button {
    float: right;
}

.form-group.info-oculta,
ul.form-group-list > .info-oculta{
    padding: 0;
}
ul.form-group-list > .info-oculta > div > div{
    padding: 10px 15px;
}

.form-group,
ul.form-group-list > li {
    margin-bottom: 7px;
}

.form-group *,
ul.form-group-list * {
    vertical-align: top;
    /* vertical-align: middle; */
}
.ui-dialog textarea {
    width: 55%;
}
.form-group a,
ul.form-group-list a,
ul.form-group-list li p strong {
    vertical-align: baseline;
}

.form-group label,
.form-group .label,
ul.form-group-list label,
ul.form-group-list .label {
    vertical-align: top;
    /* vertical-align: middle; */
}

.form-group li img,
ul.form-group-list li img {
    max-width: 380px;
}

.form-group button,
ul.form-group-list button {
    margin-bottom: 0;
}

label.textarea {
    vertical-align: top;
}

span.label {
    /*vertical-align: top;
    margin-top: 0;*/
}

.form-group label.label-align-top,
.form-group span.label-align-top,
ul.form-group-list label.label-align-top,
ul.form-group-list span.label-align-top,
label.label-align-top,
span.label-align-top {
    vertical-align: top;
    padding: 0;
}

/* Mensaje de ayuda debajo de campo */
.group {
    display: inline-block;
    vertical-align: top !important;
}

.group span {
    display: block;
    font-size: 0.9em;
    margin-top: 5px;
}

div.group ~ button {
    height: 31px;
}

/* Campo tamano medio compuesto */
fieldset .campo-compuesto .campo-md {
    min-width: 90px;
    max-width: 120px;
    margin-right: 10px;
}

fieldset .campo-compuesto input,
fieldset .campo-compuesto select {
    width: auto;
    min-width: inherit;
}

/* Tamanos de campo */
.campo-md {
    min-width: inherit !important;
    max-width: 242px;
}

.campo-sm {
    min-width: inherit !important;
    max-width: 130px;
}

.full-width {
    width: 100% !important;
}

/* Campos requeridos y texto de requerido */
span.required,
.form-required span {
    color: #3D6789;
}

form .form-required {
    margin-top: 30px !important;
    margin-bottom: -5px;
    text-align: right;
    font-size: 0.85em;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.form-group-disabled label,
.form-group-disabled .label {
    color: #CCC;
}

input[disabled],
select[disabled],
textarea[disabled],
.form-group-disabled input,
.form-group-disabled select,
.form-group-disabled textarea {
    background-color: #f9f9f9;
    border-color: #e6e6e6;
}

textarea.form-control {
    height: auto;
}

.align-to-input,
fieldset .align-to-input {
    margin-left: 235px;
}

fieldset fieldset .align-to-input {
    margin-left: 30%;
    padding-left: 14px;
}

.align-to-radio {
    margin: 10px 0px 10px 20px;
}

/* Select con multiple seleccion */
.select-multi-options {
    display: inline;
    position: relative;
}

.select-option {
    position: absolute;
    top: -3px;
    left: 5px;
    background-color: #E6E6E6;
    border: 1px solid #CCC;
    padding: 1px 10px;
    border-radius: 3px;
}

/* Lista de radios o checkboxes */
ul.large-question {
    width: 50%;
}

ul.group-list, div.group-list {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 55%;
    vertical-align: top;
}

ul.group-list li, div.group-list .ui-grid-row, div.group-list .ui-g {
    margin: 0;
    margin-bottom: 12px !important;
    display: block;
    margin-top: 5px;
    padding: 0;
    width: 100%;
    overflow-wrap: break-word;
}
div.group-list .ui-g div{
    padding: 0;
}

ul.group-list li:first-child {
    margin-top: 0;
}
div.group-list .ui-grid-row:first-child, div.group-list .ui-g:first-child {
    margin-top: -25px;
    margin-bottom: 12px !important;
}

.group-list li span {
    font-size: 14px;
    /*padding-left: 5px; comentado para el texto de los file upload*/
    /*cursor: pointer; comentado para los file upload*/
}

.group-list li label,
.group-list li .label{
    display: block;
    text-align: left;
    width: 100%;
}
.group-list li label.ui-helper-hidden {
    display: none;
}
div.group-list .ui-grid-row label,
div.group-list .ui-g label{
    text-align: left;
    display: inline-block;
}

.sidebarFirst-close ul.group-list, div.group-list {
    display: inline;
}
/* Labels para radios con logo a la izquierda */
ul.form-group-list-radio-logo li ul li {
    margin-bottom: 15px;
}

ul.form-group-list-radio-logo li label {
    width: 90px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}
.control-group label + a.ui-commandlink {
    display: inline-block;
    padding-top: 5px;
}
/* Campo con icono a la derecha */
.input-group {
    position: relative;
    display: inline-block;
    border-collapse: separate;
}

.input-calendar input {
    min-width: 200px;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
    border-radius: 2px 0 0 2px;
}

.input-group-addon {
    position: relative;
    float: left;
}

.input-group-addon button {
    display: table-cell;
    padding: 0 12px;
    height: 32px;
    vertical-align: middle;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #bebebe;
    border-left: none;
    border-radius: 0 2px 2px 0;
}

.input-group-addon button .icn {
    margin: 0;
}

.input-group .form-control:focus + .input-group-addon > button {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: auto 5px -webkit-focus-ring-color;
    border-color: #1B75BB;
}

/* Popups - Ventana */
.popup {
    box-sizing: border-box;
    padding: 25px;
    height: auto;
    overflow: hidden;
    overflow-y: inherit;
}

/* Icono de cerrar ventana */
.close-modal {
    width: 40px;
    height: 40px;
    background: url("../_img/fancy/fancybox-custom-close.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    margin-right: 4px;
}

/* Popups - Formularios */
.popup .form-group,
.popup ul.form-group-list > li {
    width: 100%;
}

.popup input[type="text"],
.popup select,
.popup textarea {
    width: 55%;
    min-width: inherit;
}

.popup .falso-label {
    width: 35%;
}

/* Custom fancy box */
.fancybox-close {
    background: url(../_img/fancy/fancybox-custom-close.png) no-repeat;
    cursor: pointer;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 8040;
}

/* Pasos de formulario */
.wizard-nav-tabs {
    padding: 0;
    margin-bottom: 40px;
    overflow: hidden;
    background: #F5F5F5;
    border: 1px solid #d9d8d8;
}

.wizard-nav-tabs li {
    position: relative;
    display: table-cell;
    float: left;
    list-style-type: none;
    padding: 10px 0;
    padding-left: 60px;
    box-sizing: border-box;
}

.wizard-nav-tabs li:first-child {
    padding-left: 25px;
}

.wizard-nav-tabs li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #F5F5F5;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.wizard-nav-tabs li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #DCDCDC;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.wizard-nav-tabs-2 li {
    width: 50%;
}

.wizard-nav-tabs-3 li {
    width: 33.3333333333%;
}

.wizard-nav-tabs-4 li {
    width: 25%;
}

.wizard-nav-tabs-5 li {
    width: 20%;
}

.wizard-nav-tabs-6 li {
    width: 16.6666666667%;
}

.wizard-nav-tabs li a {
    text-decoration: none;
    color: #231F20;
}

.wizard-nav-tabs li .wizard-step {
    display: block;
    font-size: 1.7em;
    line-height: 1;
    margin-bottom: 3px;
}

.wizard-nav-tabs li .wizard-step-description {
    display: block;
    line-height: 1.2;
}

.wizard-nav-tabs li.active .wizard-step,
.wizard-nav-tabs li.active .wizard-step-description {
    color: #1A2F5A;
    font-weight: bold;
}

.wizard-nav-tabs li.active {
    background: #e2e9ef;
}

.wizard-nav-tabs li.active:after {
    border-left: 30px solid #e2e9ef;
}

/* Paso validado */
.paso-validado {
    display: block;
    overflow: hidden;
}

.paso-validado > span {
    display: block;
    float: left;
}

.paso-validado > .icn {
    margin-left: 12px;
    margin-top: 5px;
}

/* Pasos 2 lineas de texto */
.paso-dos-lineas {
    padding-bottom: 25px !important;
    /* Agregar cuando el paso seleccionado queda corto */
}

/* Pasos 3 lineas de texto */
.paso-tres-lineas {
    padding-bottom: 40px !important;
    /* Agregar cuando el paso seleccionado queda corto */
}

@media screen and (max-width: 980px) {
    .paso-dos-lineas {
        padding-bottom: 100% !important;
    }
    .paso-tres-lineas {
        padding-bottom: 100% !important;
    }
}

/* Botones de accion de formulario */
.form-action-buttons,
.form-action-buttons ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
}

.form-action-buttons button, .form-action-buttons .Button, .form-action-buttons .ui-state-default.Button {
    margin-bottom: 10px;
    margin-left: 25px;
}

.form-action-buttons .btn-link {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 25px;
}

.form-action-buttons li {
    float: right;
}

.form-action-buttons li.action-buttons-second {
    float: left;
}

.Form-error {
    color: #9b2727;
    font-size: 0.825em;
    margin-top: 0.4em;
    line-height: 1.6;
}

/* Campo con error */
/*
.form-error {
    position: relative;
    background: #FFF3F3;
    border: 1px solid #e3c4c4;
    padding: 10px 0;
}
*/
.input-msg {
    display: block;
    margin-top: 5px;
    margin-left: 235px;
    font-size: 0.9em;
}
.ui-dialog .input-msg {
    margin-left: 31%;
}

.input-msg span {
    display: block;
    margin-bottom: 5px;
}

.input-msg img {
    border: 1px solid #E6E6E6;
    padding: 7px;
}

fieldset fieldset .input-msg {
    margin-left: 30%;
    padding-left: 14px;
}

.icn-circle-error {
    background: url("./../../imagenes/icn-circle-error.png") no-repeat;
    width: 18px;
    height: 18px;
}

/* Alineacion de mensaje para campo documento */
.input-msg-documento {
    margin-left: 355px;
}

.input-msg-error {
    color: #930718;
}

.form-error input,
input.error,
.form-error .input-group-addon button,
.form-error select,
.form-error textarea {
    border-color: #a94442;
}

.msIcon-sm {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -11px;
    /* La mitad del alto */
    padding: 0;
}

.msIcon-sm span.icn {
    display: inline-block;
}

/* Campo con ayuda */
.input-msg-help {
    color: #666;
}

/* Campo con validacion */
.rol-validado {
    display: inline-block;
}

.rol-validado > span.icn {
    margin-left: 11px;
}

.rol-validado > p {
    display: inline-block;
    margin: 0 0 0 5px;
}
.caja-editor .panelBotonesDer{
    max-width: 100%;
}

@media screen and (min-width: 980px) and (max-width: 1200px) {
    .rol-validado {
        margin-left: 225px;
        margin-top: 5px;
    }
}

@media screen and (max-width: 640px) {
    .rol-validado {
        display: block;
        margin-top: 5px;
    }
    .rol-validado > span.icn {
        margin-left: 0;
    }
}

/* Modo lectura */
.form-group-list.lectura li p,
p.lectura,
li.lectura {
    display: inline-block;
    font-weight: bold;
    margin: 0;
}

input.soloLectura {
    font-weight: bold;
    border: none;
    padding-left: 0 !important;
}
span.soloLectura {
    display: inline-block;
    padding: 0;
    min-height: inherit;
    line-height: 1.2em;
    margin: 6px 0 5px;
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 5px;
    max-width: 494.5px;
}

/* Recuadro tooltip con imagen y texto */
.box-tooltip {
    position: absolute;
    right: 35px;
    background-color: #ecf3f9;
    border: 3px solid #bed0e0;
    border-radius: 2px;
    padding: 16px;
    width: 200px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 220px;
    z-index: 100;
}

/* Recuadro con numero de error */
.box-error {
    position: absolute;
    right: -210px;
    background-color: #ecf3f9;
    border: 3px solid #bed0e0;
    border-radius: 2px;
    padding: 7px 0;
    width: 220px;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 62px;
}

.box-error ul {
    padding: 0 10px;
    margin: 0;
    list-style-type: none;
    overflow: auto;
    font-size: 1.1em;
}

.box-error-title {
    font-size: 1.4em;
    display: block;
    text-align: center;
    margin-bottom: 3px;
}

.box-error .arrow,
.box-tooltip .arrow {
    position: absolute;
    top: 47%;
    left: -8px;
    border-right-color: #bed0e0;
}

/* Iconos del box error */
.icn-arrow-right-sm {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
}

.icn-arrow-left-sm {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
}

/* Cuadros de dialogo */
/* Estilos viejos suplantados por Alert */
/*.dialog-box {
  width: 100%;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  margin: 0 auto;
  margin-bottom: 25px;
  border-radius: 2px;
}

.dialog-box a {
  font-size: 1.1em;
}

.dialog-success {
  border-color: #c1e0b4;
  background: #ecf6e8;
}

.dialog-warning {
  border-color: #e7e2c5;
  background: #fbf8ea;
}

.dialog-error {
  border-color: #e3c4c4;
  background: #ffeded;
}

.dialog-info {
  border-color: #cecece;
  background: #F5F5F5;
}*/
.dialog-center {
    display: table;
    margin: 0 auto;
}

.dialog-data {
    display: table-cell;
    padding: 20px;
    padding-left: 0;
}

.dialog-data span ~ p {
    margin: 0 0 10px;
}

.dialog-data ul,
.dialog-data ol {
    list-style-position: inside;
    padding: 0;
}

.dialog-title {
    display: block;
    font-weight: normal;
    font-size: 1.25em;
    margin-bottom: 5px;
    line-height: 1.1;
}

.dialog-icon {
    display: table-cell;
    vertical-align: middle;
    padding: 0 35px;
    padding-right: 30px;
}

.dialog-icon .icn {
    width: 51px;
    display: inline-block;
}

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

.Alert ul li {
    margin-bottom: 0;
    margin-top: 2px;
}

.Alert ul li:first-child {
    margin-top: 0;
}

/* Mensaje con lista de errores */
.lista-errores {
    margin: 10px 0;
}

.lista-errores li {
    margin-bottom: 8px;
}

/* Mix de: cuadro con datos precargados y mensaje de alerta o exito */
.Alert ul.resumen-datos {
    margin: 20px 0;
}

.Alert ul.resumen-datos li label {
    text-align: right;
    display: inline-block;
    width: 70px;
}

.Alert ul.resumen-datos li p {
    display: inline-block;
    margin: 0;
    font-weight: 700;
}

.dialog-data .btn-primario {
    display: block;
    margin: 15px 0 0 0;
}

/* Tooltip */
.tooltip {
    display: inline;
    position: relative;
    z-index: 100;
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: default;
    margin-left: 10px;
}

.tooltip .icn {
    margin-top: 0;
    margin-right: 0;
    display: inline-block;
}

/* Recuadro gris */
.box {
    width: 100%;
    margin-bottom: 40px;
    overflow: auto;
}

.box button {
    margin: 0;
}

.box-grey {
    background-color: #F5F5F5;
}

.box-content-padding45 {
    padding: 30px 45px;
    overflow: auto;
}

.box-content-padding15 {
    padding: 15px;
    overflow: auto;
}

.box-title {
    display: inline-block;
    font-weight: normal;
    font-size: 1.25em;
    margin-bottom: 25px;
}

/* Datos alineados, tipo tabla */
.data-list {
    list-style-type: none;
    padding: 0;
}

.data-list > li {
    padding: 10px 15px;
    padding-top: 20px;
}

.data-list > li:first-child {
    padding-top: 0;
}

.data-list > li span {
    display: inline-block;
    color: #6D6E70;
    width: 220px;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
}

.data-list > li > ul,
.data-list > li > ol {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    padding-left: 17px;
}

.data-list > li > ul.group-list,
.data-list > li > ol.group-list {
    padding-left: 0;
}

.data-list > li > ol {
    padding-left: 20px;
}

.data-list img {
    max-width: 100%;
    height: auto;
    padding: 5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    background: #FFF;
}

.data-list-link {
    margin-left: 234px;
    padding-bottom: 10px;
}

.panelExportar select{
    margin-bottom: .7rem;
    margin-left: 1em;
    min-width: auto;
    width: 124px !important;
}
.ui-accordion .ui-accordion-header{
    text-shadow: none;
    background: #003da5;
    color: #fff;
    font-weight: bold;
    padding: .5em 2.2em .5em 1em;
    font-size: .95em;
}
.ui-accordion .ui-accordion-header:hover{
    background:#002e7c;
}
/* --------------- TABLAS --------------- */
/* Total a fin de tabla */
.data-list-total {
    list-style: none;
    padding: 0;
    float: right;
    margin-bottom: 40px;
}

.data-list-total li {
    display: inline-block;
    float: left;
    padding: 7px 15px;
    border: 1px solid #E4E5E6;
    border-left: none;
    min-width: 100px;
}

.data-list-total li:first-child {
    background-color: #F1F1F2;
    border: 1px solid #E4E5E6;
}

@media screen and (max-width: 980px) {
    .doble-entrada {
        display: none;
    }
    .colspan {
        text-align: left;
    }
}

/* Detalle de los datos */
.dato-secundario {
    color: #6D6E70;
}

/* Alinear numeros */
.celda-numero {
    text-align: right;
}

/* Centrar inputs en tablas */
td > input[type="text"],
td > select {
    margin: 0 auto;
    display: block;
}

/* Mini tabla subtotal */
.subtotal {
    background: #f4f4f5;
    text-align: right;
}

/* Grilla tabla */
.una-celda {
    width: 10%;
}

.dos-celdas {
    width: 20%;
}

.tres-celdas {
    width: 30%;
}

.cuatro-celdas {
    width: 40%;
}

.cinco-celdas {
    width: 50%;
}

.seis-celdas {
    width: 60%;
}

.siete-celdas {
    width: 70%;
}

.ocho-celdas {
    width: 80%;
}

.nueve-celdas {
    width: 90%;
}

.diez-celdas {
    width: 100%;
}

/* Mensaje o enlace para una tabla */
.table-msg {
    display: block;
    margin: -15px 0 40px 0;
}

fieldset .table-msg {
    margin: -25px 0 40px 15px;
}

fieldset fieldset .table-msg {
    margin: -25px 0 40px 0px;
}

/* Barra gris de filtros */
.inline-filters {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.inline-filters label,
.inline-filters input,
.inline-filters select,
.inline-filters textarea {
    display: inline-block;
    min-width: inherit;
    width: auto;
}

.inline-filters label {
    text-align: left;
}

.inline-filters input,
.inline-filters select,
.inline-filters textarea {
    width: 65%;
}

.inline-filters li {
    float: left;
    display: block;
    width: 40%;
}

/* Filtro individual */
.filter {
    float: right;
}

.filter select {
    width: auto;
}

.filter-results {
    display: block;
    text-align: right;
    margin-bottom: 5px;
}

/* Nav tabs */
.nav {
    padding-left: 30px;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: underline;
}

.nav > li.disabled > a {
    color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #999;
    margin-bottom: 25px;
}

.nav-tabs:after {
    content: '';
    display: block;
    clear: both;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    background: #F5F5F5;
    margin-right: 10px;
    line-height: 1.42857143;
    border: 1px solid #CCC;
    border-radius: 2px;
    border-bottom-color: #999;
    color: #333;
}

.nav-tabs > li > a:hover {
    text-decoration: none;
    border-color: #999;
    color: #000;
}

.nav-tabs > li > a:focus {
    text-decoration: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #000;
    cursor: default;
    background-color: #fff;
    border: 1px solid #999;
    border-bottom-color: transparent;
    text-decoration: none;
}

/* Paneles de tab */
.tab-content {
    margin-bottom: 45px;
}

.tab-pane {
    padding: 0 50px;
}

/* --------------- ESPECIAL PARA TRAMITES --------------- */
/* Usuario logueado */
.logged {
    float: right;
}

.logged strong {
    text-decoration: underline;
}

/* Sistema de valoracion */
.rating {
    width: 80px;
    height: 16px;
    margin: 0 0 3px 0;
    padding: 0;
    list-style: none;
    clear: both;
    display: inline-block;
    position: relative;
    background: url(../_img/star-matrix.gif) no-repeat 0 0;
}

.nostar {
    background-position: 0 0;
}

.onestar {
    background-position: 0 -16px;
}

.twostar {
    background-position: 0 -32px;
}

.threestar {
    background-position: 0 -48px;
}

.fourstar {
    background-position: 0 -64px;
}

.fivestar {
    background-position: 0 -80px;
}

ul.rating li {
    cursor: pointer;
    float: left;
    text-indent: -999em;
}

ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    text-decoration: none;
    z-index: 200;
}

ul.rating li.one a {
    left: 0;
}

ul.rating li.two a {
    left: 16px;
}

ul.rating li.three a {
    left: 32px;
}

ul.rating li.four a {
    left: 48px;
}

ul.rating li.five a {
    left: 64px;
}

ul.rating li a:hover {
    z-index: 2;
    width: 80px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background: url(../_img/star-matrix.gif) no-repeat 0 0;
}

ul.rating li.one a:hover {
    background-position: 0 -96px;
}

ul.rating li.two a:hover {
    background-position: 0 -112px;
}

ul.rating li.three a:hover {
    background-position: 0 -128px;
}

ul.rating li.four a:hover {
    background-position: 0 -144px;
}

ul.rating li.five a:hover {
    background-position: 0 -160px;
}

/* --------------- PAGINACION --------------- */
.pagination {
    font-size: 1.1em;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
}

.pagination-indicator {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.pagination ul {
    list-style: none;
    overflow: auto;
    padding: 1px 0;
}

.pagination ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    color: #000;
    line-height: 18px;
}

.pagination ul li a {
    text-decoration: none;
}

.pagination ul li a:hover {
    text-decoration: underline;
}

.pagination .active {
    font-weight: bold;
}

/* --------------- Estilos Mapa direccion --------------- */
.Place-map {
    position: relative;
    border: 1px solid #bebebe;
    border-radius: 2px;
}

.form-group-list .Place-map {
    width: 50%;
}

@media (max-width: 980px) {
    .form-group-list .Place-map {
        width: 70%;
    }
}

@media (max-width: 640px) {
    .form-group-list .Place-map {
        width: 100%;
    }
}

.Place-map.is-visible .Over-map {
    display: none;
}

.Over-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    background-color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.Over-map-position {
    height: auto;
    vertical-align: middle;
    position: absolute;
    left: 40%;
    top: 50%;
    -webkit-transform: translate(-33%, -50%);
    transform: translate(-33%, -50%);
}

.Over-map .Button {
    width: 100%;
    margin: 10px 0px;
    box-sizing: border-box;
}

.Over-map .Button:first-child {
    margin-top: 0px;
}

.Over-map .Button:last-child {
    margin-bottom: 0px;
}

.Over-map .Map-error {
    padding: 25px 20px 20px;
    margin: 20px 0px 10px;
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    text-align: center;
    z-index: 2;
}

.Over-map .Map-error .Map-error-icon {
    display: block;
    height: 80px;
    width: 80px;
    background: url("./../../imagenes/map-error-icon.png") no-repeat center center;
    background-size: 80%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: -45px;
    left: calc(50% - 40px);
}

.Over-map .Map-error-back {
    display: block;
    height: 80px;
    width: 80px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: -22px;
    left: calc(50% - 40px);
}

@media (max-width: 480px) {
    .ui-dialog textarea {
        width:100%;
    }
    .Place-map .FlexEmbed--4by3:before {
        padding-top: 100%;
    }
    .Over-map-position {
        left: 11%;
        -webkit-transform: translate(-6%, -50%);
        transform: translate(-6%, -50%);
    }
    .Over-map .Map-error {
        margin-top: 35px;
        margin-bottom: 0px;
        padding: 15px 20px;
    }
    .Over-map .Map-error-back {
        top: -7px;
    }
    .Over-map .Map-error .Map-error-icon, .Over-map .Map-error-back {
        height: 70px;
        width: 70px;
        left: calc(50% - 35px);
    }
}

/* --------------- |ENTRE 980 Y 1200| --------------- */
@media screen and (max-width: 1200px) {
    /* Formulario */
    ul.group-list {
        width: 55%;
    }
    fieldset table {
        max-width: 908px;
    }
}

/* --------------- |ENTRE 1200 Y 1600 | --------------- */
@media screen and (min-width: 1200px) {
    /* Contenedor principal */
    .contenedorGeneral {
        max-width: 1100px;
    }
    fieldset table {
        max-width: 1028px;
    }
}

/* --------------- |MAS DE 1600| --------------- */
@media screen and (min-width: 1600px) {
    /* Contenedor principal */
    .contenedorGeneral {
        max-width: 1350px;
    }
    fieldset table {
        max-width: 1278px;
    }
}

/* --------------- |980| --------------- */
@media screen and (max-width: 980px) {
    /* Contenedor general */
    .contGralContenido {
        width: 97%;
        padding: 15px 1.5% 0 1.5%;
    }
    textarea {
        min-width: 100% !important;
    }
    /* Elementos de formulario */
    fieldset h1,
    fieldset h2,
    fieldset h3,
    fieldset h4,
    fieldset h5,
    fieldset h6,
    .table-title {
        margin-left: 0px;
    }
    fieldset legend {
        font-size: 1.35em;
        width: auto;
        padding: 0 15px 0 15px;
    }
    fieldset fieldset legend {
        font-size: 1.25em;
    }
    form fieldset fieldset {
        margin-top: 15px;
    }
    fieldset label,
    fieldset span.label,
    fieldset fieldset label,
    fieldset fieldset span.label,
    span.label{
        display: block;
        width: 100%;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
    }
    .richTextMax {
        max-width: 100% !important;
    }
    fieldset .form-group-list .group-list {
        width: 100%;
    }
    .ui-editor iframe {
        width: 99% !important;
        height: 98% !important;
        overflow-x: hidden !important;
    }
    .caja-editor .panelBotonesDer{
        max-width: 100%;
    }
    form > fieldset > ul.form-group-list {
        padding-left: 75px;
    }
    .form-group li img,
    ul.form-group-list li img {
        max-width: 100%;
        width: inherit;
    }
    form > fieldset > fieldset > ul.form-group-list {
        padding-left: 15px;
    }
    .form-group,
    ul.form-group-list > li {
        width: 100%;
        margin: 10px 0;
        padding: 7px 0;
        box-sizing: border-box;
    }
    .form-group,
    ul.form-group-list > li:first-child {
        margin-top: 0;
    }
    .form-group,
    ul.form-group-list > li.form-error {
        width: 70%;
    }
    fieldset .align-to-input,
    fieldset fieldset .align-to-input {
        margin-left: 0;
    }
    ul.form-group-list > .info-oculta > div > div{
        padding: 10px 0;
    }
    .input-msg,
    fieldset fieldset .input-msg {
        margin-left: 0;
    }
    .input-msg-documento {
        margin-left: 135px;
    }
    ul.group-list {
        width: 55%;
    }
    .group-list li span {
        display: inline;
        font-weight: normal;
    }
    fieldset ul.form-group-list,
    ul.data-list {
        padding-left: 0;
    }
    fieldset label,
    fieldset span.label,
    span.label,
    fieldset label.ui-widget{
        font-weight: normal;
        font-size: 1rem;
        margin-bottom: 5px;
    }
    fieldset label span {
        font-weight: normal;
        font-size: 1rem;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="date"],
    select {
        font-size: 1rem;
        padding: 5px 10px 8px 10px;
        width:100%;
    }
    .ui-selectmanycheckbox, .ui-selectoneradio {
        margin-left: 20px !important;
    }
    .input-msg {
        font-size: 1rem;
    }
    /* Texto adicional de grupo de campos */
    .txt-adicional {
        margin: 0 0 1rem 0;
    }
    /* Texto de campo solo lectura */
    .lectura {
        font-size: 1.2em;
    }
    /* Recuadro con numero de error */
    .msIcon-sm {
        display: inline-block;
    }
    .link-right {
        display: block;
        width: 100%;
        text-align: right;
        float: right;
        padding-top: 0;
        margin-bottom: 15px;
        text-decoration: none !important;
    }
    .filter {
        width: 100%;
        margin-bottom: 15px;
    }
    .filter select {
        width: 100%;
    }
    /* Inputs */
    button,
    input,
    select,
    textarea {
        line-height: normal !important;
    }
    form fieldset {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
        margin: 0;
        border: 1px solid #c0c0c0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    form > fieldset > legend {
        display: block;
        width: 100%;
        padding-bottom: 5px;
        border-bottom: 1px solid #9aacb3;
    }
    form > fieldset > fieldset {
        padding-left: 20px;
    }
    form > fieldset > ul.form-group-list {
        box-sizing: border-box;
        padding-left: 0;
    }
    form > fieldset > ul.form-group-list > li,
    form > fieldset > fieldset > ul.form-group-list > li,
    form > fieldset > fieldset > ul.form-group-list {
        padding-left: 0;
    }
    form > fieldset > ul.form-group-list > li.form-error {
        padding-left: 20px;
    }
    legend {
        font-weight: normal;
    }
    form .form-required {
        display: none;
    }
    /* Recuadro gris */
    .align-to-form {
        padding-left: 36px;
    }
    /* Nav tabs */
    .nav {
        padding-left: 0;
    }
    .nav-tabs > li > a {
        margin-right: 5px;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border: 1px solid #666;
        border-bottom-color: #666;
        text-decoration: none;
    }
    /* Paneles de tab */
    .tab-pane {
        padding: 0 15px;
    }

    .content-before {
        display: block;
        padding-bottom: 5px;
        text-align: left;
        font-weight: normal;
    }

    .align-to-input-left {
        padding-left: 10px;
    }

    fieldset .table-msg {
        margin: -5px 0 40px 0px;
    }
    fieldset table {
        margin: 15px 0px;
    }
    /* Datos alineados, tipo tabla */
    .data-list li {
        padding-top: 10px;
    }
    .data-list li span {
        display: block;
        width: auto;
        text-align: left;
    }
    .data-list-link {
        margin-left: 0;
    }
    /* Barra gris de filtros */
    .inline-filters {
        overflow: auto;
        margin-bottom: 15px;
    }
    .inline-filters label {
        display: block;
    }
    .inline-filters input,
    .inline-filters select,
    .inline-filters textarea {
        width: 100%;
    }
    .inline-filters li {
        width: 49%;
        margin-left: 2%;
    }
    .inline-filters li:first-child {
        margin-left: 0;
    }
    /* Popup forms */
    .popup input[type="text"],
    .popup select,
    .popup textarea {
        width: 100%;
    }
    .popup .form-group button {
        margin-left: 0;
    }
    .popup label,
    .popup .label {
        width: 100%;
    }
    /* Recuadro gris */
    .box-content-padding30 {
        padding: 20px;
    }
    .align-to-form {
        padding-left: 123px;
    }
    ul.large-question {
        width: 100%;
    }
    /* Pasos de formulario */
    .wizard-nav-tabs {
        padding-bottom: 15px;
    }
    .wizard-nav-tabs li {
        padding-left: 15px;
        padding-right: 15px;
        border-left: 1px solid #E1E1E1;
        padding-bottom: 100%;
        margin-bottom: -100%;
    }
    .wizard-nav-tabs li:first-child {
        border-left: none;
        padding-left: 15px;
    }
    .wizard-nav-tabs li:after,
    .wizard-nav-tabs li:before,
    .wizard-nav-tabs li.active:after {
        border: none;
        display: none;
    }
    div.group ~ button {
        display: block;
        margin-top: 10px;
    }
    .tooltip {
        /*display: none;*/
    }
}

/* --------------- |690| --------------- */
@media screen and (max-width: 690px) {
    /* Usuario logueado */
    .logged {
        float: none;
    }
}

/* --------------- |640| --------------- */
@media screen and (max-width: 640px) {
    /* Elementos de formulario */
    .form-group,
    ul.form-group-list,
    .form-group,
    ul.form-group-list > li.form-error,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="date"],
    select,
    textarea,
    input[type="file"],
    .campo-md,
    .campo-sm,
    textarea {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .input-group {
        width: 100%;
    }
    input.form-control {
        width: 90%;
    }
    .input-group-addon {
        width: 10%;
        display: table-cell;
        box-sizing: border-box;
    }
    .form-group,
    ul.form-group-list > li {
        width: 100%;
        box-sizing: border-box;
    }
    /* Campo con error */
    .msIcon-sm {
        display: none;
    }
    /* Botones de accion de formulario */
    .form-action-buttons li.action-buttons-primary ul li {
        float: none;
    }
    /* Recuadro con numero de error */
    .box-error {
        position: static;
        margin: inherit;
        margin-top: 5px;
        height: auto;
        width: 100%;
        max-width: 220px;
    }
    .box-error .arrow {
        display: none;
    }
    /* Resumen de errores */
    .dialog-box .dialog-icon {
        display: none;
    }
    .dialog-box .dialog-data {
        padding: 30px;
        padding-left: 30px;
    }
    /* Barra gris de filtros */
    .inline-filters input,
    .inline-filters select,
    .inline-filters textarea {
        width: 100%;
    }
    .inline-filters li {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .inline-filters li:first-child {
        margin-top: 0;
    }
    /* Nav tabs */
    .nav {
        padding-left: 0;
    }
    .nav-tabs {
        border-bottom: none;
    }
    .nav-tabs > li {
        float: none;
        margin-bottom: 3px;
    }
    .nav-tabs > li > a {
        border: 1px solid #CCC;
        border-radius: 0;
        margin-right: 0;
    }
    .nav-tabs > li > a:hover {
        border: 1px solid #666;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border: 1px solid #666;
        border-bottom-color: #666;
        text-decoration: none;
    }
    /* Paneles de tab */
    .tab-pane {
        padding: 0 15px;
    }
    /* Nombre de los pasos */
    .wizard-nav-tabs li .wizard-step-description {
        display: none;
    }
}

/* --------------- |480| --------------- */
@media screen and (max-width: 480px) {
    /* Elementos de formulario */
    form > fieldset > fieldset {
        border: none;
        padding: 0 5px;
        margin-left: 0;
        margin-bottom: 0;
        padding-top: 5px;
    }
    form > fieldset > fieldset > legend {
        font-weight: bold;
        font-size: 1.25em;
    }
    input.form-control {
        width: 85%;
    }
    .input-group-addon {
        width: 15%;
    }
    .group {
        display: block;
        width: 100%;
    }
    /* Campo documento */
    fieldset .campo-compuesto select {
        min-width: inherit;
        max-width: none !important;
        width: 100%;
        margin-bottom: 7px;
    }
    fieldset .campo-compuesto input {
        min-width: inherit;
        max-width: none !important;
        width: 100%;
    }
    /* Subtitulo fieldset */
    fieldset fieldset .txt-adicional {
        margin: 0px 0 20px 10px;
    }
    /* Alineacion de mensaje para campo documento */
    .input-msg-documento {
        margin-left: 0;
    }
    /* Botones de accion de formulario */
    .form-action-buttons {
        /*padding-left: 30px;*/
    }
    .form-action-buttons li {
        /* float: none; */
    }
    .form-action-buttons li button {
        margin-left: 0;
        margin-bottom: 15px;
    }
    .form-action-buttons li.action-buttons-primary ul {
        margin-bottom: 15px;
    }
    /* Tabla generica */
    /* Total a fin de tabla */
    .data-list-total {
        float: none;
        min-width: inherit;
        margin-bottom: 40px;
    }
    .data-list-total li {
        box-sizing: border-box;
        display: block;
        float: none;
        width: 100%;
        padding: 7px;
        border: 1px solid #E4E5E6;
        border-top: none;
        min-width: 100px;
    }
    .data-list-total li:first-child {
        background-color: #F1F1F2;
        border: 1px solid #E4E5E6;
    }
    /* Recuadro gris */
    .align-to-form {
        padding-left: 4.5%;
    }
    /* Paginacion */
    .pagination-indicator {
        text-align: left;
    }
    .pagination ul li.pagination-control {
        float: none;
        display: inline-block;
        width: 100%;
        margin: 10px 0;
    }
    /* Pasos del formulario */
    .wizard-nav-tabs li,
    .wizard-nav-tabs li:first-child {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wizard-nav-tabs li .wizard-step {
        font-size: 1.3em;
    }
    /* Paginacion */
    .pagination {
        margin: 0;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .pagination-indicator {
        margin-bottom: 0;
    }
}

/* --------------- |390| --------------- */
@media screen and (max-width: 390px) {
    body {
        margin-bottom: 140px;
    }
    .contGralContenido {
        width: 94%;
        padding: 15px 3% 0 3%;
    }
    /* Cuadros de dialogo */
    .dialog-data {
        display: block;
        padding: 10px 15px;
        padding-top: 0;
    }
    .dialog-icon {
        display: block;
        padding: 15px;
        padding-bottom: 5px;
    }
    /* Datos alineados, tipo tabla */
    .data-list {
        padding-left: 0;
    }
    /* Elementos de formulario */
    form > fieldset > ul.form-group-list,
    form > fieldset > fieldset ul.form-group-list {
        padding-left: 0;
    }
    input.form-control {
        width: 80%;
    }
    .input-group-addon {
        width: 20%;
    }
    /* Botones de accion de formulario */
    .form-action-buttons {
        /*padding-left: 15px;*/
    }
    .form-action-buttons li button {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .Page-title + .form-action-buttons li button {
        width: auto;
    }
}

/* --------------- |230| --------------- */
@media screen and (max-width: 230px) {
    /* Elementos de formulario */
    input.form-control {
        width: 100%;
        border-right-width: 1px;
        border-right-style: solid;
    }
    .input-group-addon {
        display: none;
    }
}

/* --------------- PARA TRAMITES --------------- */
/* Medios de pago */
.medios-pago {
    display: block;
    margin: 5px 0 25px 10px;
    cursor: inherit;
}

.medios-pago > span {
    text-align: center;
    width: 120px;
    display: inline-block;
}

.medios-pago > span > img {
    max-height: 35px;
}

.medio {
    margin-bottom: 10px;
}

.medio-organismo {
    height: 35px;
    display: block;
    margin: auto;
}

@media screen and (max-width: 980px) {
    .group-list li span.medios-pago {
        display: block;
    }
    .group-list li span.medios-pago > span,
    .group-list li span.medios-pago > img {
        display: block;
        margin-bottom: 20px;
    }
}

.table-action-icn {
    margin: 5px !important;
}

.table-action-link {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

/* Modal */
.align-to-input-modal {
    margin-left: 35%;
    padding-left: 15px;
}

.fancybox-white {
    background: white !important;
}

.input-msg-modal {
    margin-top: 10px;
}

@media screen and (max-width: 980px) {
    /* Estilo parapopup */
    .align-to-input-modal {
        margin-left: 0px;
        padding-left: 0px;
    }
}

.sub-header {
    display: block;
    margin: -15px 0 20px 0;
}

.resumen {
    margin-bottom: 0;
}

.texto-secundario {
    color: grey;
}

/*Datos en modo lectura 2*/
.static-data-box {
    margin: 30px 0px 30px 0px;
    padding: 30px;
    background-color: #f9f9f9;
}

ul.static-box-list {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}

ul.static-box-list li {
    min-height: 40px;
    display: block;
}

.static-data-title {
    font-size: 1.25em;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #9aacb3;
}

.data-value {
    font-weight: bold;
}

.margin-bottom {
    margin-bottom: 5px;
}

/* TOOLTIP CSS  -------------------------------------------- */
/* Hover y focus solo en escritorio; en mobile eliminar el hover porque confunde */
.tooltip:focus {
    border: none;
}

.box-tooltip {
    opacity: 0;
    z-index: 0;
    right: -35px;
}

.box-tooltip p {
    line-height: 1.2rem;
    margin-top: 5px;
}

.tooltip:hover + .box-tooltip,
.tooltip:focus + .box-tooltip {
    opacity: 1;
    z-index: 1000;
    pointer-events: inherit;
}

/* --------------- |ENTRE 980 Y 1200| --------------- */
@media screen and (max-width: 1200px) {
    .box-tooltip {
        right: 215px;
    }
    .box-tooltip .arrow {
        right: -8px;
    }
    .richTextMax {
        max-width: 500px !important;
    }
}

/* --------------- |980| --------------- */
@media screen and (max-width: 980px) {
    .box-tooltip {
        margin: 0px;
        right: 0;
        left: calc(50% + 55px);
        top: -55px;
    }
}

/* --------------- |480| --------------- */
@media screen and (max-width: 640px) {
    .tooltip {
        margin-left: -1px;
        margin-top: 6px;
    }
    .box-tooltip {
        margin: 0px;
        left: 35px;
        top: -15px;
    }
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    width: 80%;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.fade.in {
    opacity: 0.6;
}

.modal-header {
    padding: 16px 24px;
}

.modal-header:after, .modal-header:before {
    display: table;
    content: '';
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 2.1;
}

.modal-body {
    position: relative;
    padding: 8px 0;
    margin: 0 24px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.modal-footer {
    padding: 16px 24px;
    text-align: right;
}

.modal-footer:after, .modal-footer:before {
    display: table;
    content: '';
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 720px;
        margin: 30px auto;
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}

@media screen and (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal {
    padding: 0 !important;
    text-align: center;
}

.modal:before {
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
    content: '';
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height;
}

.close {
    float: right;
    font-size: rem(46);
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-shadow: 0 1px 0 #fff;
}

.close:hover, .close:focus {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.highlight {
    background: #fff;
    margin-bottom: 15px;
    padding: 1.25rem;
    border-radius: 3px;
}

.highlighter-rouge .highlight {
    background: #f9f9f9;
}

.highlight .c {
    color: #998;
    font-style: italic;
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2;
}

.highlight .k {
    font-weight: bold;
}

.highlight .o {
    font-weight: bold;
}

.highlight .cm {
    color: #998;
    font-style: italic;
}

.highlight .cp {
    color: #999;
    font-weight: bold;
}

.highlight .c1 {
    color: #998;
    font-style: italic;
}

.highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic;
}

.highlight .gd {
    color: #000;
    background-color: #fdd;
}

.highlight .gd .x {
    color: #000;
    background-color: #faa;
}

.highlight .ge {
    font-style: italic;
}

.highlight .gr {
    color: #a00;
}

.highlight .gh {
    color: #999;
}

.highlight .gi {
    color: #000;
    background-color: #dfd;
}

.highlight .gi .x {
    color: #000;
    background-color: #afa;
}

.highlight .go {
    color: #888;
}

.highlight .gp {
    color: #555;
}

.highlight .gs {
    font-weight: bold;
}

.highlight .gu {
    color: #aaa;
}

.highlight .gt {
    color: #a00;
}

.highlight .kc {
    font-weight: bold;
}

.highlight .kd {
    font-weight: bold;
}

.highlight .kp {
    font-weight: bold;
}

.highlight .kr {
    font-weight: bold;
}

.highlight .kt {
    color: #458;
    font-weight: bold;
}

.highlight .m {
    color: #099;
}

.highlight .s {
    color: #d14;
}

.highlight .na {
    color: #008080;
}

.highlight .nb {
    color: #0086B3;
}

.highlight .nc {
    color: #458;
    font-weight: bold;
}

.highlight .no {
    color: #008080;
}

.highlight .ni {
    color: #800080;
}

.highlight .ne {
    color: #900;
    font-weight: bold;
}

.highlight .nf {
    color: #900;
    font-weight: bold;
}

.highlight .nn {
    color: #555;
}

.highlight .nt {
    color: #000080;
}

.highlight .nv {
    color: #008080;
}

.highlight .ow {
    font-weight: bold;
}

.highlight .w {
    color: #bbb;
}

.highlight .mf {
    color: #099;
}

.highlight .mh {
    color: #099;
}

.highlight .mi {
    color: #099;
}

.highlight .mo {
    color: #099;
}

.highlight .sb {
    color: #d14;
}

.highlight .sc {
    color: #d14;
}

.highlight .sd {
    color: #d14;
}

.highlight .s2 {
    color: #d14;
}

.highlight .se {
    color: #d14;
}

.highlight .sh {
    color: #d14;
}

.highlight .si {
    color: #d14;
}

.highlight .sx {
    color: #d14;
}

.highlight .sr {
    color: #009926;
}

.highlight .s1 {
    color: #d14;
}

.highlight .ss {
    color: #990073;
}

.highlight .bp {
    color: #999;
}

.highlight .vc {
    color: #008080;
}

.highlight .vg {
    color: #008080;
}

.highlight .vi {
    color: #008080;
}

.highlight .il {
    color: #099;
}

/***/

/***/
/*css.css*/
.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
    width: auto;
}

.invisible {
    visibility: hidden;
}
/***/

.respuesta {
    background: #f0f4f8;
}
.ui-panel .ui-panel-titlebar {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    background-image: none;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-shadow: none;
}
.ui-panel .ui-panel-content {
    padding: 15px 25px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 20px;
}
.indicadores .col-sm-6:nth-child(odd){
    clear: both;
}
.promedio {
    font-size: 14em;
    line-height: 0.9em;
    margin-bottom: 30px;
    display: inline-block;
}
.dias {
    font-size: 2em;
}
.indicadores .ui-paginator-rpp-options, .indicadores ui-paginator-current{
    display: none;
}
.promedio-panel .ui-panel-content{
    text-align: center;
}
.indicadores table{
    margin-top: 20px;
}
.indicadores .ui-datatable thead th.ui-state-default{
    padding: 6px 15px;
}
.respondidas-panel .ui-panel-content{
    padding-top: 30px;
    padding-bottom: 30px;
}
.ampliar{
    text-align: right;
    margin-top: 10px;
}

svg > g > g:last-child {
    pointer-events: none
}

@media print {
    *,
    :after,
    :before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    body {
        zoom: .75
    }
    .Footer-links,
    .Footer-list,
    .Header-menuTrigger,
    .Nav,
    .Page-nav,
    .u-noPrint {
        display: none
    }
    .Page--hasNav .Page-body {
        border-left: 0
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after,
    a[href^="./"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }

    header,
    .Breadcrumb,
    .u-main>.Container>div:first-child,
    .Video,
    .Audio,
    .Carousel.owl-loaded,
    .Page-actions,
    .Page-nav,
    footer {
        display: none;
    }
    body {
        background: none;
        margin: 0;
        padding: 0;
    }
    .Container {
        max-width: 950px;
    }
    .u-main {
        margin: 0;
    }
    .Page {
        box-shadow: none;
    }
    .Page-body,
    .Page--hasNav .Page-body {
        padding: 0 0.5rem;
    }
    .Page--hasNav .Page-body {
        border-left: none;
    }
    .Page-subtitle {
        font-size: 0.85rem;
    }
    .Page-title {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
    }
    .Page-image {
        margin-bottom: 1rem;
    }
    .Page-info {
        margin-bottom: 1rem;
    }
    .Page-date,
    .Download-description {
        font-size: .75rem;
    }
    .Page-document h3:not([class]),
    h3,
    u-h3 {
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-size: 1.25rem;
    }
    .Page-description {
        font-size: 1rem;
        margin: 1rem 0;
    }
    .Download-title {
        font-size: 1rem;
    }
    p,
    ul li,
    .Alert,
    th,
    td {
        font-size: 0.85rem;
    }
    .Page blockquote {
        font-size: 1rem;
    }
    .Event,
    .owl-theme {
        margin-bottom: 1rem;
    }
    .table-with-total {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    span.label{
        border: none;
    }
    fieldset .form-group-list .group-list{
        width: auto;
    }
    div.group-list .ui-grid-row label, div.group-list .ui-g label{
        float: none;
    }
    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
        opacity: 1;
    }
}
table.manyCheck {
    margin-top: 0!important;
}
div.oneCheck div{
    display: inline;
    padding-bottom: 10px !important;
    ;
}
div.oneCheck {
    padding-bottom: 10px !important;
    border-bottom: 1px solid gray;
}
table.manyCheck tbody tr td label{
    display: inline;
}
table.manyCheck tbody tr td {
    padding-left: 0;
}
.Header-site .Header-mainLink {
    display: table-cell;
}
a {
    color: #003da5;
    text-decoration: none;
}
a:focus, a:hover {
    text-decoration: underline !important;
}
.Brand {
    color: #003da5;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
}
.Brand--sm {
    font-size: 8px;
}
.Brand-text {
    font-size: 2.75em;
}
.Header-parent a {
    color: #444;
}
.Header-logo {
    font-size: .9em;
    float: left;
    margin-bottom: 0;
}
.Logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.Header-logo a, .Header-logo a:hover  {
    color: #000;
    text-decoration: none !important;
    display: flex;
}
.Logo-image {
    height: 98px;
    width: auto;
    margin-right: 12.8px;
}
.Logo-text {
    color: #003da5;
}
.Logo-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4rem;
    display: block;
    margin-bottom: 0;
}
.Logo-role {
    font-weight: 400;
    display: block !important;
}
.Logo-title > span {
    display: block;
}
.Footer-links ul li {
    color: #e2e9f1;
}
.Footer-bottom ul li {
    display: inline-block;
}
.Footer-links ul li a {
    color: #fff;
}
.Footer a {
    color: #fff;
    text-decoration: underline !important;
}
.Footer a:hover {
    color: #fff;
    text-decoration: none !important;
}
.Footer-logos {
    margin-top: 2rem;
}
.Footer-logos a{
    text-decoration: none !important
}
.Brand--lg {
    font-size: 12px;
}
.Brand--white {
    color: #fff;
}
.ui-menu .ui-menuitem-link .ui-icon {
    display: none;
}
.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    width: 79% !important;
    max-width: 340px;
    min-width: 112px;
    padding: 8px 10px !important;
    height: auto;
}
.ui-calendar .ui-button {
    height: 42px;
}
.Button--primary:hover, .ui-state-hover.Button--primary, a.Button--primary:hover {
    text-decoration: none !important;
}
.btn-link, .btn.btn-link.disabled, .btn.btn-link[disabled] {
    color: #003da5;
    text-decoration: none !important;
    background: transparent;
    border-color: transparent;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
    color: #003da5;
    background: transparent;
    border-color: transparent;
    text-decoration: underline !important;
}
ui-menu .ui-menu-parent .ui-menu-child {
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 30%);
    box-shadow: 0px 3px 6px rgb(0 0 0 / 30%);
    padding: 0;
    border: none;
    background: #042f62;
    width: auto;
}
.ui-menubar .ui-menu-child .ui-menuitem a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0,0%,100%,.05);
    padding: 10px 20px;
    background: #042f62;
}
.ui-menubar .ui-menu-child .ui-menuitem a span{
    font-weight: 500;
}
.ui-widget-header .ui-state-hover {
    background: #042f62;
    font-weight: normal;
    color: #ffffff;
    box-shadow: none;
}
.ui-menubar .ui-menu-child .ui-menuitem a:hover {
    background: #003da5;
}
.ui-paginator-rpp-options.ui-state-default {
    margin-top: 0;
    height: 42px !important;
    position: absolute;
    left: 40%;
    width: 76px !important;
    border: 1px solid #999;
}
.ui-paginator .ui-paginator-page {
    text-decoration: none;
    border: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0.65rem 1rem;
    background-color: #f3f3f3;
    border-radius: 3px;
    color: #000;
    -webkit-transition: background-color .35s,color .35s;
    transition: background-color .35s,color .35s;
    border-bottom: 1px solid #ddd;
}
.ui-paginator .ui-paginator-page.ui-state-hover, .ui-paginator .ui-paginator-next.ui-state-hover, .ui-paginator .ui-paginator-last.ui-state-hover, .ui-paginator .ui-paginator-prev.ui-state-hover  {
    text-decoration: none !important;
    background-color: #ddd;
    color: #000;
}
.ui-paginator .ui-paginator-page.ui-state-active, .ui-paginator .ui-paginator-page.ui-state-active:hover {
    font-weight: 400;
    text-decoration: none !important;
    background-color: #003da5;
    color: #fff;
}
.ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-prev {
    cursor: pointer;
    text-decoration: none;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0.5rem 1rem !important;
    background-color: #f3f3f3;
    border-radius: 3px;
    color: #000;
    -webkit-transition: background-color .35s,color .35s;
    transition: background-color .35s,color .35s;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
}
.ui-datatable .ui-paginator.ui-paginator-bottom {
    margin-top: 30px;
}
.ui-widget-content a.linkBoton {
    color: #003da5;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: 0;
    border: 0;
    color: #003da5;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.4em 0 0.5em 0;
    background: #f4f4f5;
    border-bottom: 2px solid white;
}
.ui-datepicker .ui-state-default, .ui-widget-content .ui-datepicker .ui-state-default {
    padding: 8px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -3px;
}
.titulo-boton-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.titulo-boton-flex a  {
    margin-top: 16px;
}
.titulo-boton-flex button {
    margin-top: 16px !important;
    min-width: 200px;
}
.caja-boton-derecha:after {
    content: "";
    display: block;
    clear: both;

    margin-bottom: 20px;
}


a.ui-menuitem-link.ui-submenu-link.ui-corner-all.ui-state-hover {
    background: #042f62 !important;
}
a.ui-menuitem-link.ui-corner-all.ui-state-hover {
    background: #042f62 !important;
}
.ui-menu-child a.ui-menuitem-link.ui-corner-all.ui-state-hover {
    background: #003da5 !important;
}

.btn.btn-link {
    background: transparent;
    border: none;
    color: #003da5;
    font-weight: 400;
    font-size: 1rem;
}

::ng-deep .input-styling input {
    width: 130px !important;
    min-width: 135px !important;
}

:host ::ng-deep .form-control-inputnumber {
    width: 130px !important;
    min-width: 135px !important;
}
.ui-radiobutton{
    width:22px!important;
}


@media screen and (max-width: 992px) and (min-width: 768px) {
    select.example {
        margin-left:  1px !important;
    }

    span.example {
        margin-left:  1px !important;
    }
}

.ui-fluid .ui-spinner .ui-spinner-input {
    text-align: inherit;
    padding-right: 36px;
    width: 85px !important;
    min-width: 85px !important;
}

.ui-fluid .ui-spinner .ui-spinner-button {
    width: 0px !important;
    background: #f1f1f1;
    height: 15px !important;
    margin: 10px;
    padding-left: 8px;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-icon {
    left: 4px;
}
.ui-paginator-rpp-options.ui-state-hover{
    background-color: transparent !important;
    color: #000;
}
.ui-paginator-rpp-options.ui-state-default:focus{
    border-color: #003DA5 !important;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 61, 165, 0.075), 0 0 0 0.2em rgba(0, 61, 165, 0.1);
}
select {
    font-size: 0.908em !important;
}
.obligatorio {
    margin-left: 0 ;
}
.ui-outputlabel.ui-widget {
    margin-left: 0 !important;
}
.ui-spinner.ui-widget.ui-corner-all {
    height: 3rem !important;
}
.table-margin-top{
    margin-top: -40px;
}
.oculta-margin-top{
    margin-top: -65px;
    margin-left: 70px;
}
.input_acl_respuesta{
    margin-left: 235px;
}
.input-nombre-completo{
    margin-left: -10px !important;
}
.select-combo-unidad{
    width: 50%;
}
 .ui-paginator .ui-paginator-current {
    color: #000;
    text-decoration: none;
    display: block;
    margin-bottom: 31px;
    padding-top: 10px;
    margin-left: 320px !important;
    font-weight: 400 !important;
  }

.ui-paginator {
    margin-top: 20px;
    background: #fff !important;
}
.elementos-pagina {
    margin-top: -100px;
}

.caja-motivos{
    display: flex !important;
}

@media (max-width: 992px){
    .ui-paginator .ui-paginator-current {
        margin-left: 0 !important;
    }
    .verticalmenu button, .verticalmenu button.ui-state-hover, .verticalmenu button.ui-state-active {
        padding: 0.6em 0.6em 0.6em 1.7em;
        background: #fff;
        font-size: 0.9em;
        margin-top: -60px;
        float: right;
        color: #003da5;
        border: 1px solid #003da5;
        border-radius: 4px;
        text-transform: uppercase;
    }
    .Header {
        box-shadow: 0 0 6px rgb(0 0 0 / 8%);
    }
    .Header-top {
        background: #003da5;
        border-bottom: none;
        padding-top: 0.625em;
        padding-bottom: 0.625em;
    }
    .Container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .Header-site .Header-mainLink .Brand {
        color: #fff;
    }
    .Brand--sm {
        font-size: 7px;
    }
    .Header-parent {
        top: -4px;
        border-color: #fff;
    }
    .Header-parent a {
        color: #fff;
        font-size: .9375rem;
    }
    .Header-login {
        margin-top: 1px;
        color: white;
    }
    .Header-login a {
        color: #fff;
    }
    .Header-body {
        padding-top: 0.75em;
        padding-bottom: 0.85em;
    }
    .Logo-image {
        height: auto;
        max-width: 4rem!important;
        margin-right: 0.5em;
        margin-left: 0;
    }
    .Header-logo img {
        height: auto;
        max-width: 2.5395rem!important;
    }
    .Header-logo .Logo-title {
        font-size: .9375rem;
        line-height: 1.1875rem;
        margin-top: 4px;
    }
    .Header-logo .Logo-role {
        margin-bottom: 1px;
    }
    .Logo-title>span {
        display: inline;
    }
    .Logo-text {
        color: #003da5;
        width: auto;
    }
    .ui-calendar .ui-button {
        height: 36px;
    }
    .Footer-bottom ul li+li {
        margin: 5px 5px;
        margin-left: 1.5em;
        display: block;
    }
    .Page-document {
        display: flex;
        flex-direction: column;
    }
    .subtitleHeader{
        display: block ruby!important;
    }
    .ui-fluid.formgrid.grid {
        display: flex !important;
        padding: 0 4rem;
    }
    .ui-paginator-rpp-options.ui-state-default {
        position: inherit;
        margin-left: 58px;
    }
    .input_acl_respuesta{
        margin-left: 0;
    }
    .oculta-margin-top{
        margin-top: -100px;
        margin-left: 0px;
    }

    .input-nombre-completo{
        margin-left: 0px !important;
    }
    .select-combo-unidad{
        width: 100%;
    }
    .elementos-pagina {
        margin-top: -149px;
        left: 42%;
    }
    .fecha-sub {
        position: relative !important;
        right: 0 !important;
        display: block;
        margin: 5px 0 !important;
    }
    .caja-motivos{
        flex-direction: column;
    }
}
@media (max-width: 768px){

    .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
        width: 150px;
    }

    input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, input.ui-state-default, .ui-widget-content input[type="text"].ui-state-default, .ui-widget-content .ui-selectonemenu.ui-state-default, .ui-widget-content input.ui-state-default, .ui-widget-header input.ui-state-default, .ui-paginator-rpp-options.ui-state-default, .ui-inputfield.ui-state-default {
        min-width: 100%;
    }

    .titulo-boton-flex {
        flex-direction: column;
    }
    .titulo-boton-flex .Page-title {
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
    }
    .titulo-boton-flex a, .titulo-boton-flex button  {
        width: 100%;
    }
    .ui-autocomplete {
        width: auto !important;
        min-width: auto !important;
    }
    select {
        min-width: auto !important;
    }
    .ui-fluid.formgrid.grid {
        display: flex !important;
        padding: 0 4rem;
    }
    .ui-spinner.ui-widget.ui-corner-all {
        margin-top: 5px !important;
        padding-left: .4em;
    }
    .mobile-date {
        margin-right: 2.5em;
    }
    .table-margin-top{
        margin-top: 0px;
    }
    .archivos-adjuntos-margen{
        width: 50% !important;
    }
    .ui-accordion .ui-accordion-content {
        padding: 0;
    }
    form fieldset, form fieldset fieldset {
        padding: 5px;
    }
    fieldset fieldset .control-group {
        padding: 0 5px;
    }
    .Page--hasNav .Page-body {
        padding: .5rem .5rem;
    }
    .ui-paginator .ui-paginator-pages {
        display: none;
    }
}

@media (max-width: 640px){
    .elementos-pagina {
        margin-top: -149px;
    }
    .elementos-pagina {
        left: 38%;
    }
}

@media (max-width: 390px){
    body {
        margin-bottom: 0;
    }
}

.info {
    background-color: #eaf7fb;
    border-color: white;
    padding-top: 15px;
    padding-bottom: 10px;
}

.grillaPosicionUno{
    grid-row: 1/10;width: 100% !important;grid-row-end: auto;
}

.grillaPosicionDos{
    grid-row: 2/10;width: 100% !important;grid-row-end: auto;
}

.grillaPosicion{
   display: grid;grid-template-columns: auto ;
}

.validarFechaReseNuevo{
    text-align: left;display: table-cell;width: 155px; padding: 18px !important;padding-left: 50px !important;
    background-image: url(./../../imagenes/alert-info.svg) ;background-position: left;
    background-repeat: no-repeat;  background-size: 15px 15px; font-size: 1em !important; 
    background-position-x: 16px !important;
}

.linkExportarNegro{
    padding-left: 50px !important;height: 46.5px;padding-top: 12px;margin-right: 10px;color: black
}

.archivoFechaEstadoPosicion{
    margin-top: 12px !important;
    display: inline-grid !important;
}

.margenMenos20{
    margin-top: -20px !important;
}

.margenMas20{
    margin-top: 20px !important;
}

.dialogHistorial{
  max-width: 100% !important; font-size: 1em !important;   width: 100% !important;color:white !important;  
}

.width95{
    width: 107px !important;
    min-width: 107px !important;
    padding: 5px 7px !important;
}

.green-button, .red-button {
    pointer-events: none; 
}

.green-button:hover, .green-button:focus,
.red-button:hover, .red-button:focus {
    background-color: inherit !important;
    border-color: inherit !important;
    box-shadow: none !important;
    color: inherit !important;
}

.green-button {
    border-radius: 50% !important;
    width: 10px !important;
    height: 10px !important;
    background-color: #279E3F !important;
    border: none !important;
    padding: initial !important;
    margin-right: 5px !important;
    margin-bottom: 4px !important;
    margin-left: 5px !important;
  }
  
.red-button {
    border-radius: 50% !important;
    width: 10px !important;
    height: 10px !important;
    background-color: #c33333 !important;
    border: none !important;
    padding: initial !important;
    margin-right: 5px !important;
    margin-bottom: 4px !important;
    margin-left: 5px !important;
}

.margintop11{
    margin-top: 11px !important;
}
  
.width250{
    width: 250px !important;
}

.font400{
    font-weight: 400 !important;
}
  
.marginbc{
    margin-top: -10px; background-color: #FBEFEF; border-color: #f5d6d6;
}

.marginlt{
    margin-left: 25px !important; 
    margin-top: -19px !important;
}

.marginB2{
    margin-bottom: 2rem !important;
}

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

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

.left16{
    margin-left: 16px !important;
}

.width200{
    width: 200px !important;min-width: 200px;
}

.width360{
    width: 360px !important;
    margin-left: 7px !important;
}

.btnAcciones{
    font-weight: 400 !important;width: 200px;margin-right: 5px !important; margin-top: 14px;
}

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

.estiloUnidadReserva{
    margin-top: 14px;padding-bottom: 0.75em;
}

.estiloCombosExportar{
    width: 137px;
    text-align: end;
    margin-top: 10px;
    margin-right: 10px;
}

.estiloLabelExportar{
    width: 151px;
    text-align: end;
    margin-top: 10px;
    margin-right: 10px;
}

.estiloLabelExportarOrg{
    width: 135px;
    text-align: end;
    margin-top: 10px;
    margin-right: 10px;
}

.alertInfoDialog {
    text-align: left;
    padding: 18px !important;
    padding-left: 80px !important;
    background-image: url(./../../imagenes/alert-info.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 42px 42px;
    font-size: 1em !important;
    background-position-x: 25px !important;
    background-position-y: 28px;
    padding-top: 30px !important;
}

.marginr0{
    margin-right: 0px !important;
}

.richTextMax{
    resize: both !important;
    overflow: auto !important;
    min-height: 290px !important;
    min-width: 340px !important;
    max-height: 800px !important;
    max-width: 605px ;
    background-color: #ffffff !important;
    border-bottom: solid 0.1px #b3b3b3;
    border-left: solid 0.1px #b3b3b3;
    border-right: solid 0.1px #b3b3b3;
    border-top: solid 0.1px #b3b3b3;
}

.soloLecturaEditor {
    background-color: #f9f9f9 !important; 
}

.soloLecturaEditor .ql-editor {
    pointer-events: none;
}

.marginTopM15{
    margin-top: -15px !important;
}

.respuestaMargen{
    margin-bottom: 30px !important;
    margin-left: 10px !important;
}

.respuestaMargen2{
    margin-bottom: 30px !important;
    margin-left: 3px !important;
}

.sol-list {
    margin: 0;
    padding: 0;
}
.sol-card {
    padding: 32px 0;
    border-bottom: 1px solid #e0e0e0;
}
.sol-card:last-child{
    border:none;
}
  .sol-card--nueva {
    background: #fff;
  }

  .sol-meta {
    font-size: 14px;
    color: #444;
    font-weight: 500;
    margin-bottom: 0.2rem;
  }
  .sol-meta__sep {
    font-weight: 700;
  }
  .sol-titulo {
    margin: 6px 0 12.5px 0;
    font-size: 1.5em;
    line-height: 1.30;
  }
  .sol-link {
    color: #003DA5 !important;
    text-decoration: none;
  }
  .sol-link:hover {
    text-decoration: underline;
  }
  .sol-org {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .sol-desc {
    font-size: 16px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .Page-subtitleCatalogo {
    color: #444;
    display: block;
    font-size: 1.15em;
    line-height: 1.15;
    margin-bottom: 1em;
    margin-top: 1em;
}

©.Page-descriptionCatalogo {
    font-size: 1.2125rem;
    color: #333 !important;
    margin-top: 0rem;
    margin-bottom: 1.5rem;
}

.noCut{
    white-space: pre-wrap !important;
        overflow-wrap: anywhere !important; 
        max-height:none !important;       
        overflow:auto !important; 
        display: block !important;
        -webkit-line-clamp: unset !important;
}

.seccion-titulo{
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0.75rem 0 20px 0;
  }
  
  .archivo-item{
    display:block;
    flex-direction:column;
    margin:.4rem 0 .8rem 0;
  }
  .archivo-item a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
  .archivo-icono{
    font-size: 0.9rem;
    color: #000000;
    background: #eeeeee;
    padding: 5px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #eee;
    border: 2px solid transparent;
    transition: background-color .35s, border-color .35s;
    height: fit-content;
  }
   .archivo-item a:hover .archivo-icono{
    background-color: #fff;
    border: 2px solid #eee;
  }
  .archivo-link{
    font-weight: 600;
    color: #003da5 !important;
    margin-left: 1.3rem;
    font-size: 1.2em !important;
  }
  .archivo-link:hover{text-decoration:underline}
  
  .archivo-descripcion{
    font-size:.85rem;
    color:#666;
    margin-left:1.5rem;
  }
  
  .respuesta-bloque{padding:1rem 0}
  .respuesta-fecha{    
    font-size: 1.25rem !important;
    font-weight: 600;
    margin: 0 0 8px 0;
  }
  .respuesta-texto{
    font-size: 1em;
    color: #000;
    margin: 0 0 .7rem 0;
  }
  
  .respuesta-separador{border:none;border-top:1px solid #e0e0e0;margin:1.3rem 0}

.toggle-link {
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    margin: .5rem 0;
    color: #003da5 !important;
    font-size: .95em !important;
  }
  .toggle-link .ui-icon,
  .toggle-link .pi {    
    margin-left: .25rem;
    transition: transform .2s ease;
  }
  
  .ui-panel-open .toggle-link .pi {
    transform: rotate(180deg);
  }
  
  .detalle-aclaracion {
    border: none;
    background: #f3f3f3 !important;
    margin-top: 0.5rem;
  }
  
  .subtitulo {
    margin: 10px 0 .5rem 0;
    font-size: 18px;
    font-weight: 600;
  }
  .fecha-sub {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    margin-left: .5rem;
    position: absolute;
    right: 60px;
  }
  
  
  .ui-editor-button[title="Show Source"] {
    display: none !important;
  }

  .tabla-con-bordes,
 .tabla-con-bordes td,
 .tabla-con-bordes th {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 4px;
}

.richTextMax table, 
.richTextMax th, 
.richTextMax td {
  border: 1px solid black;
  border-collapse: collapse;
}

.Page-title.marginB2 {
    margin-bottom: 8px !important;
}

.sol-meta.Page-subtitleCatalogo {
    margin-top: 10px;
    color: #000;
    font-size: 16px;
    margin-bottom: 2rem;
}

span.Page-descriptionCatalogo.noCut {
    font-size: 21px;
}

.archivos-todos {
    font-size: 14px !important;
    font-weight: 400;
}

.ui-accordion .ui-accordion-header .ui-icon {
    background-image: url(./../../imagenes/ui-icons_ffffff_256x240.png);
    right: .5em !important;
    left: auto;
}


.left40{
    margin-left: 40px !important;
}

@media print {
    .ui-paginator {
        display: none !important;
    }
    
    .elementos-pagina{
        display: none !important;
    }

    .pprint{
        display: none !important;
    }
    
    .no-print,
    .form-action-buttons,
    .botones-accion {
        display: none !important;
    }
}

.richTextMax .ui-editor {
    width: auto;
    height: 97% !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.ui-editor iframe {
    overflow-x: hidden !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    width: 99% !important;
    height: 92% !important;
    min-height: 252px;
}

/* Estilos para historial de respuesta - alineación de etiquetas y valores */
.respuesta-historial-label {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-left: 15px;
}

.respuesta-historial-label-sin-margen {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.respuesta-historial-fecha {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.respuesta-historial-usuario {
    display: inline-block;
    vertical-align: top;
}


.Box--heroTramites {
    background-color: #143a97;
    color: #fff;
    padding-bottom: 5rem;
    padding-top: 5rem;
    text-align: center;
}
.Box--heroTramites .Box-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #fff;
}
.Box--heroTramites .Search {
    margin-left: auto;
    margin-right: auto;
    max-width: 60rem;
}

.Search--big {
    font-size: 1.25em;
}
.Search {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px;
    background-color: #fff;
}

.Box--heroTramites .Search-input {
    text-align: left;
    border: none;
    height: 60px;
    width: 100%;
}
.Box--heroTramites .Search-input::placeholder {
    color: #757575;
    opacity: 1;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
.Search-input {
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    color: #000;
    float: left;
    font-family: inherit;
    font-weight: 400;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: .75em;
    padding-right: 3.75em;
    line-height: 1.5;
}
.Box--heroTramites .Search-button {
    background-color: #143a97;
}
.Search-button {
    position: absolute;
    z-index: 2;
    right: 2px;
    width: 3em;
    text-indent: -9999px;
    height: 3em;
    border: 0;
    background-color: #003da5;
    background-image: url(./../../imagenes/icon-search.svg);
    background-size: 1.25em;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-radius: 2px;
}
.Search-button:hover,
.Search-button.ui-state-hover,
.Search-button:focus,
.Search-button.ui-state-focus {
    background-color: #003da5 !important;
    background-image: none !important;
}
.Search-button:hover::after,
.Search-button.ui-state-hover::after,
.Search-button:focus::after,
.Search-button.ui-state-focus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.25em;
    height: 1.25em;
    background-image: url(./../../imagenes/icon-search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    pointer-events: none;
}
.Box--heroTramites .Search-button:hover,
.Box--heroTramites .Search-button.ui-state-hover,
.Box--heroTramites .Search-button:focus,
.Box--heroTramites .Search-button.ui-state-focus {
    background-color: #143a97 !important;
    background-image: none !important;
}
.Box--heroTramites .Search-button:hover::after,
.Box--heroTramites .Search-button.ui-state-hover::after,
.Box--heroTramites .Search-button:focus::after,
.Box--heroTramites .Search-button.ui-state-focus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.25em;
    height: 1.25em;
    background-image: url(./../../imagenes/icon-search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    pointer-events: none;
}
.Box--heroTramites .Box-text {
    font-size: .825em;
    margin: .5em auto 0;
    max-width: 60rem;
    text-align: left;
}
.Module .Box.Box--color1 {
    background: #fff;
    display: block;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.18);
    margin-bottom: 1.5rem;
}
.Box--color1 h4.Results-title a:not(.Button) {
    color: #003DA5;
    text-decoration: none
}
.Box--color1 h4.Results-title a:not(.Button):hover {
    text-decoration: underline
}

li.Results-item p {
    color: #000;
}
.Results-item {
    margin-top: 2.5em;
}
.Box-footer {
    border-top: 1px solid #eee !important;
}

.Box-body ul{
    padding: 0;
}
.Box-name:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1.5em;
    background-color: transparent;
    position: absolute;
    top: 26px;
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.Box--color1 .Box-name:before {
    background-color: #003da5;
}
.Module .Box--destacado2 {
    height: 410px !important;
}
.Box--mf {
    border-radius: 8px;
}

.Module .Box--destacado2 .Box-title {
    margin-bottom: .5em;
    color: #fff;
    text-decoration: underline;
    display: block;
    font-size: 1.625em;
    font-weight: 600;
    margin-bottom: 0.75em;
    word-wrap: break-word;
}
.Box--destacado2 .Box-button:hover{
    text-decoration: none !important;
}
.Box--color5 .Box-body ul {
    padding-left: 1.5em;
}
.Box--color5 .Box-name:before {
    background-color: #FF6900;
}
.Module .Box--destacado2 .Box-title:hover{
    text-decoration: none !important;
}