.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    box-shadow: 0 3px 13px #00000014
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #eceef1
}

.flatpickr-calendar.hasTime .flatpickr-innerContainer {
    border-bottom: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border: 1px solid #eceef1
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #eceef1
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    border-top-color: #eceef1
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    border-radius: 5px 5px 0 0;
    background: #eceef1;
    color: #5a6171;
    fill: #5a6171;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #5a6171;
    fill: #5a6171
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #bbb
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(72, 72, 72, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(72, 72, 72, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(72, 72, 72, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #5a617180
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\fffd;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #5a6171
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #5a6171
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: baseline;
    vertical-align: initial;
    -webkit-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: #5a617180;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: #eceef1;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: baseline;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #eceef1;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: #eceef1;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: #eceef1;
    color: #5a6171;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px;
    border-left: 1px solid #eceef1;
    border-right: 1px solid #eceef1
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translateZ(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 #eceef1
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #484848;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e2e2e2;
    border-color: #e2e2e2
}

.flatpickr-day.today {
    border-color: #bbb
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #bbb;
    background: #bbb;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #ff5a5f;
    box-shadow: none;
    color: #fff;
    border-color: #ff5a5f
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 #ff5a5f
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 #e2e2e2, 5px 0 #e2e2e2
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: #4848484d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #4848481a
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 #ff5a5f, 5px 0 #ff5a5f
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    border-left: 1px solid #eceef1
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: #4848484d;
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #eceef1
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
    box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #484848
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #484848
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #484848;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #484848;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eaeaea
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

span.flatpickr-day.selected {
    font-weight: 700
}

.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
    height: inherit;
    text-align: left;
    text-align: initial
}

.public-DraftEditor-content[contenteditable=true] {
    -webkit-user-modify: read-write-plaintext-only
}

.DraftEditor-root {
    position: relative
}

.DraftEditor-editorContainer {
    background-color: #fff0;
    border-left: .1px solid transparent;
    position: relative;
    z-index: 1
}

.public-DraftEditor-block {
    position: relative
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
    text-align: left
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
    left: 0;
    text-align: left
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
    text-align: center
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
    text-align: right
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
    right: 0;
    text-align: right
}

.public-DraftEditorPlaceholder-root {
    color: #9197a3;
    position: absolute;
    z-index: 1
}

.public-DraftEditorPlaceholder-hasFocus {
    color: #bdc1c9
}

.DraftEditorPlaceholder-hidden {
    display: none
}

.public-DraftStyleDefault-block {
    position: relative;
    white-space: pre-wrap
}

.public-DraftStyleDefault-ltr {
    direction: ltr;
    text-align: left
}

.public-DraftStyleDefault-rtl {
    direction: rtl;
    text-align: right
}

.public-DraftStyleDefault-listLTR {
    direction: ltr
}

.public-DraftStyleDefault-listRTL {
    direction: rtl
}

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
    margin: 16px 0;
    padding: 0
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
    margin-left: 1.5em
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
    margin-right: 1.5em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
    margin-left: 3em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
    margin-right: 3em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
    margin-left: 4.5em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
    margin-right: 4.5em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
    margin-left: 6em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
    margin-right: 6em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
    margin-left: 7.5em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
    margin-right: 7.5em
}

.public-DraftStyleDefault-unorderedListItem {
    list-style-type: square;
    position: relative
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
    list-style-type: disc
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    list-style-type: circle
}

.public-DraftStyleDefault-orderedListItem {
    list-style-type: none;
    position: relative
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
    left: -36px;
    position: absolute;
    text-align: right;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
    position: absolute;
    right: -36px;
    text-align: left;
    width: 30px
}

.public-DraftStyleDefault-orderedListItem:before {
    content: counter(ol0) ". ";
    counter-increment: ol0
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content: counter(ol1) ". ";
    counter-increment: ol1
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2) ". ";
    counter-increment: ol2
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content: counter(ol3) ". ";
    counter-increment: ol3
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content: counter(ol4) ". ";
    counter-increment: ol4
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}

.html_editor_wrapper .a-btn:hover {
    background-color: #eee
}

.html_editor_wrapper .draftModal {
    right: 0
}

.html_editor_wrapper .mac_button {
    border: 2px solid green;
    border-radius: 3px;
    color: green
}

.draftModal {
    display: block
}

.public-DraftStyleDefault-depth1 {
    margin-left: 1rem
}

.public-DraftStyleDefault-depth2 {
    margin-left: 2rem
}

.public-DraftStyleDefault-depth3 {
    margin-left: 3rem
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
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 {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

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

button {
    background-color: transparent;
    background-image: none
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

html {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e5e5
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

input::placeholder,
textarea::placeholder {
    color: #a0aec0
}

[role=button],
button {
    cursor: pointer
}

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

a {
    color: inherit;
    text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

.user-note {
    background: #efefef;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    transition: left .1s ease 0s;
    width: 28px;
    height: 28px;
    text-align: center
}

.user-note span {
    display: block;
    font-size: 16px
}

.user-note.commented {
    display: block
}

.note-active,
.user-note:hover {
    color: #fff;
    background: #aaa
}

#notes-list {
    width: 90%;
    margin-left: 2rem;
    font-size: .85rem;
    line-height: .95rem
}

#notes-list h5 {
    font-size: 1rem
}

#notes-list .note-nav {
    display: block;
    padding: 6px;
    background: #f6f6f6;
    margin-bottom: 5px;
    position: relative;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #0006
}

#notes-list .answer {
    margin-left: 7%;
    width: 93%
}

#notes-list .answer .options {
    margin-top: -14px
}

#notes-list .addNote {
    display: block;
    padding-left: 35px;
    color: #aaa;
    font-size: 12px;
    text-decoration: none;
    position: relative;
    z-index: 3
}

#notes-list .addNote.hide {
    padding: 0;
    display: none
}

#notes-list .addNote:hover {
    color: #1f87cb
}

#notes-list .addNote i {
    margin-right: 4px
}

.notes-nav,
.notes-new-note {
    display: none;
    position: absolute
}

.answer-nav {
    position: relative;
    margin-left: 0 !important
}

#note-editor,
.note-editor-nav {
    min-height: 20px;
    height: auto;
    outline: 0 none;
    word-wrap: break-word;
    margin-bottom: 10px
}

.note-editor-nav.editable {
    background: #fefefe;
    min-height: 26px;
    margin-bottom: 10px
}

.notes-new-note.new-note-highlighted {
    margin-left: 38px
}

.notes-new-note.new-note-highlighted .note-nav {
    background: #fff !important;
    padding: 6px;
    background: #f6f6f6;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #00000080
}

.new-note-highlighted {
    display: block
}

.options {
    float: right;
    margin-top: 1px
}

.options a {
    opacity: .5
}

.options a i {
    padding: 3px
}

.options a:hover {
    background: #ccc;
    color: #000;
    opacity: 1
}

.options a:-webkit-any-link {
    text-decoration: none
}

.buttons {
    margin-bottom: 4px;
    min-height: 10px
}

.editable {
    margin: 0;
    font-size: 14px;
    line-height: 1.4
}

.default-value>p,
.notes-foot {
    color: #b3b3b1
}

.notes-foot {
    margin-top: 3px
}

.notes-container .btn-chromeless,
.notes-foot {
    font-size: 13px
}

.btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-style: none;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    --bg-opacity: 1;
    background-color: #efefef;
    background-color: rgba(239, 239, 239, var(--bg-opacity));
    line-height: 20px;
    color: #777;
    border-bottom: 1px solid #dfdfdf
}

.btn-small {
    padding: 2px 10px;
    font-size: 12px;
    margin-right: 6px
}

.btn-primary {
    color: #fff;
    background-color: #1f87cb;
    border-bottom-color: #1269a2
}

#message-error {
    color: red;
    display: none;
    font-size: 11px
}

.autor-pic {
    display: block;
    position: absolute;
    left: 4px;
    width: 26px;
    height: 26px
}

.autor-pic i {
    font-size: 25px
}

mark {
    background: #fff299;
    color: #000
}

.coronavirus .no-break br {
    display: none
}

@media (min-width:1280px) {
    .coronavirus .xl\:no-break br {
        display: block
    }
}

.coronavirus .respuestas a {
    margin-bottom: 1rem;
    display: block
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.coronavirus .error {
    color: #f04134 !important
}

.coronavirus .info {
    position: relative;
    display: flex;
    align-items: center;
    padding: .5rem 2rem .5rem 1rem
}

@media (min-width:768px) {
    .coronavirus .info {
        padding-left: 2.5rem
    }
}

.coronavirus .info:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    left: 0;
    width: .5rem
}

.coronavirus .info svg {
    margin-top: -85px;
    width: 40%;
    height: 40%
}

@media (min-width:735px) {
    .coronavirus .info svg {
        margin-top: 0;
        width: 28px;
        height: 28px
    }
}

.coronavirus .bg-white-anchor .border-b {
    border: none
}

.coronavirus .bg-white-anchor a {
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029
}

.coronavirus .coronavirus-radio .radio-image:hover {
    box-shadow: 0 4px 8px #00000017, 0 6px 20px #0000001a
}

.coronavirus .coronavirus-radio .happy {
    --text-opacity: 1;
    color: #1b9d6b;
    color: rgba(27, 157, 107, var(--text-opacity))
}

.coronavirus .coronavirus-radio .sad {
    --text-opacity: 1;
    color: #eb0303;
    color: rgba(235, 3, 3, var(--text-opacity))
}

.coronavirus .coronavirus-radio input:checked~.radio-image.happy {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #1b9d6b;
    background-color: rgba(27, 157, 107, var(--bg-opacity))
}

.coronavirus .coronavirus-radio input:checked~.radio-image.sad {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #eb0303;
    background-color: rgba(235, 3, 3, var(--bg-opacity))
}

.coronavirus .coronavirus-radio input:focus~.radio-image {
    outline: 3px solid #ffd147
}

.coronavirus .title {
    position: relative
}

@media (max-width:768px) {
    .coronavirus .title__after p {
        font-size: 2rem
    }
}

@media (min-width:769px) {
    .coronavirus .title__after p {
        font-size: 1.5rem
    }
}

.coronavirus .title__after:after {
    content: " ";
    width: .2rem;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity));
    position: absolute;
    margin-bottom: 2rem;
    bottom: -8px;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    .coronavirus .title__after__indigo p {
        font-size: 2rem
    }
}

@media (min-width:769px) {
    .coronavirus .title__after__indigo p {
        font-size: 1.5rem
    }
}

.coronavirus .title__after__indigo:after {
    content: " ";
    width: .2rem;
    --bg-opacity: 1;
    background-color: #474d98;
    background-color: rgba(71, 77, 152, var(--bg-opacity));
    position: absolute;
    margin-bottom: 2rem;
    bottom: -8px;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    .coronavirus .title__after__red p {
        font-size: 2rem
    }
}

@media (min-width:769px) {
    .coronavirus .title__after__red p {
        font-size: 1.5rem
    }
}

.coronavirus .title__after__red:after {
    content: " ";
    width: .2rem;
    --bg-opacity: 1;
    background-color: #ff0707;
    background-color: rgba(255, 7, 7, var(--bg-opacity));
    position: absolute;
    margin-bottom: 2rem;
    bottom: -8px;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    .coronavirus .title__after__green p {
        font-size: 2rem
    }
}

@media (min-width:769px) {
    .coronavirus .title__after__green p {
        font-size: 1.5rem
    }
}

.coronavirus .title__after__green:after {
    content: " ";
    width: .2rem;
    --bg-opacity: 1;
    background-color: #1b9d6b;
    background-color: rgba(27, 157, 107, var(--bg-opacity));
    position: absolute;
    margin-bottom: 2rem;
    bottom: -8px;
    top: 0;
    left: 0
}

.coronavirus .tile-prevention {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    transition: all .3s ease-in-out
}

.coronavirus .tile-prevention .arrow {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .tile-prevention:hover .arrow {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .tile-prevention:hover .icon {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .tile-prevention:hover .p {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .tile-prevention:hover h2 {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    transition: .2s ease-in-out
}

.coronavirus .tile-prevention:hover h2:after {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .centered:after {
    width: 3.37rem;
    content: " ";
    height: .5rem;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity));
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 81%
}

@media (min-width:768px) {
    .coronavirus .centered:after {
        left: 48%;
        right: 48%
    }
}

.coronavirus .tiles {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 1fr
}

.coronavirus .tiles .tile {
    transition: all .3s ease-in-out
}

.coronavirus .tiles .tile .arrow {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .tiles .tile .tile__content {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity));
    transition: all .2s ease-in-out
}

.coronavirus .tiles .tile h2 {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    text-decoration: none
}

.coronavirus .tiles .tile:hover h2 {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-decoration: none
}

.coronavirus .tiles .tile:hover .tile__content {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.coronavirus .tiles .tile:hover .arrow,
.coronavirus .tiles .tile:hover .tile__content {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    transition: .2s ease-in-out
}

.coronavirus .tiles .tile:hover .icon {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    transition: .2s ease-in-out
}

@media (min-width:768px) {
    .coronavirus .tiles {
        grid-gap: 4rem;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:1024px) {
    .coronavirus .tiles {
        grid-gap: 4rem;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.coronavirus .list--square {
    position: relative
}

.coronavirus .list--square:before {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 8px;
    left: -3px
}

.coronavirus .list--square--style {
    position: relative
}

.coronavirus .list--square--style:before {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 8px;
    left: -3px
}

.coronavirus ul>hr {
    height: 1.5px
}

.coronavirus .section-item {
    padding-left: 1rem
}

.coronavirus .scrollable-wrap {
    flex-wrap: wrap !important
}

.coronavirus .space_button {
    margin-top: 0
}

@media (max-width:768px) {

    .coronavirus .section-item,
    .coronavirus .section-item:first-child,
    .coronavirus .section-item:last-child {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width:639px) {
    .coronavirus .scrollable__wrap__item {
        min-width: calc(50% - 60px);
        flex-basis: 50%;
        max-width: 50%
    }
}

.line-cases {
    height: .05rem
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__inner__custom,
.choices.is-disabled .choices__input,
.choices.is-disabled .choices__input__custom {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner,
.choices[data-type*=select-one] .choices__inner__custom {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input,
.choices[data-type*=select-one] .choices__input__custom {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]:after {
    content: "";
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #333;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=select-multiple] .choices__inner__custom,
.choices[data-type*=text] .choices__inner,
.choices[data-type*=text] .choices__inner__custom {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner,
.choices__inner__custom,
.is-disabled .choices__inner__custom {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-focused .choices__inner__custom,
.is-open .choices__inner,
.is-open .choices__inner__custom {
    border-color: #b7b7b7
}

.is-open .choices__inner,
.is-open .choices__inner__custom {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner,
.is-flipped.is-open .choices__inner__custom {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility
}

.choices__list--dropdown.is-active {
    visibility: visible
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input,
.choices__input__custom,
.is-disabled .choices__input__custom {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus,
.choices__input__custom:focus {
    outline: 0
}

[dir=rtl] .choices__input,
[dir=rtl] .choices__input__custom {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.branch-offices .choices__inner,
.branch-offices .choices__inner__custom {
    padding: 6px 15px;
    height: 42px;
    background-size: 18px;
    background-position: calc(100% - 10px) 50%;
    background-position-x: calc(100% - 8px);
    background-position-y: 50%;
    border: solid #000;
    border-width: 1px 1px 3px
}

.branch-offices .choices__list--dropdown {
    z-index: 100
}

.is-open .choices__inner,
.is-open .choices__inner__custom {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="7" transform="rotate(180)"  viewBox="0 0 14 7"><g><g><path d="M0 0l7 7 7-7z"/></g></g></svg>') no-repeat;
    background-size: 18px;
    background-position: calc(100% - 10px) 50%;
    background-position-x: calc(100% - 8px);
    background-position-y: 50%
}

.branch-offices .choices__placeholder {
    opacity: 1;
    color: #000;
    font-size: 1rem;
    background-color: #fff
}

.branch-offices .choices__inner,
.branch-offices .choices__inner__custom {
    background-color: #fff
}

.branch-offices .custom-select {
    border-style: none
}

.choices__inner__custom {
    border: 2px solid #26292e
}

.preview {
    position: relative;
    min-width: 7rem
}

.preview__image-generic {
    display: block;
    width: 99px;
    height: 140px;
    outline: 5px solid rgba(11, 12, 12, .1);
    box-shadow: 0 2px 2px #0b0c0c66;
    overflow: hidden;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    object-fit: cover
}

.preview__file-type {
    color: #fafbfc;
    font-weight: 700;
    position: absolute;
    width: 99px;
    text-align: center;
    margin-top: 12px
}

.preview__image {
    border: 1px solid #d7d7d7;
    height: 155px;
    max-width: 100px;
    overflow: hidden
}

.banner-image {
    overflow: hidden
}

.banner-image img {
    max-width: 100%
}

@media (max-width:768px) {
    .banner-image {
        max-height: 24vh
    }
}

@media (max-width:640px) {
    .banner-image {
        max-width: 120%;
        margin-left: -20%;
        max-height: 2%
    }

    .banner-image img {
        max-width: 130%
    }
}

@media (min-width:768px) {
    .banner-image {
        max-height: 24vh
    }
}

@media (min-width:1024px) {
    .banner-image {
        max-height: 38vh
    }
}

.extension {
    margin-left: 28px
}

@media (max-width:1023px) {
    .scrollable {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .scrollable__item {
        min-width: calc(50% - 30px)
    }
}

@media (max-width:1023px) and (max-width:639px) {
    .scrollable__item {
        min-width: calc(100% - 60px)
    }
}

@media (max-width:767px) {
    .scrollable_grid {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-auto-columns: minmax(200px, 1fr)
    }

    .scrollable_grid__item {
        min-width: calc(100% - 60px)
    }
}

.information__row:not(:last-child) {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity))
}

@media (min-width:1024px) {

    .no-margin-last-2:nth-child(n+3),
    .no-margin-last-3:nth-child(n+4) {
        margin-top: 2rem
    }
}

.institution__links-de-interes p {
    break-inside: avoid-column
}

@media (min-width:577px) {
    .institution__logo img {
        max-height: 60px;
        width: auto
    }
}

@media (max-width:576px) {
    .institution__logo img {
        max-height: 40px;
        width: auto
    }
}

.institution__children {
    display: grid
}

@media (min-width:768px) {
    .institution__children {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.institution__links-wrapper {
    flex-wrap: wrap;
    column-count: 2;
    grid-column-gap: 2rem;
    column-gap: 2rem
}

.institution__links-wrapper--full .links-wrapper {
    column-count: 3
}

@media (max-width:768px) {
    .institution__links-wrapper--full .links-wrapper {
        column-count: 2
    }
}

@media (max-width:640px) {
    .institution__links-wrapper {
        column-count: 1 !important
    }
}

.institution__links-wrapper__list {
    margin-bottom: 2rem;
    break-inside: avoid-column
}

.institution__links-wrapper--columns-3 {
    column-count: 3
}

@media (max-width:640px) {
    .institution__links-wrapper--columns-3 {
        column-count: 2;
        column-count: 1
    }
}

.institution__links-wrapper__subtitle {
    border-bottom: 1px solid #333;
    margin-bottom: .5rem;
    margin-right: 3rem
}

.institution__links-wrapper p {
    padding-left: 1rem;
    position: relative;
    margin-right: 3rem;
    margin-bottom: .5rem
}

.institution__links-wrapper p:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
    content: "";
    left: -18px;
    width: 5px;
    height: 5px;
    background: #05a;
    left: 0
}

@media (max-width:640px) {
    .institution__links-wrapper p {
        margin-right: 0
    }
}

.chat-with-us {
    border-radius: .5rem;
    max-width: 17rem;
    font-weight: 700;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 10;
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.chat-with-us,
.chat-with-us:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.chat-with-us.disabled {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity))
}

.chat-with-us.disabled,
.chat-with-us.disabled:hover {
    --text-opacity: 1;
    color: #6f777b;
    color: rgba(111, 119, 123, var(--text-opacity))
}

.card-central-telefonica {
    line-height: 1.15
}

#calendar-sunat .bg-calendar {
    background: #edf0f4;
    line-height: 1.25rem
}

#calendar-sunat table,
#calendar-sunat table th {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    margin: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#calendar-sunat table tbody tr td {
    padding: 1rem
}

#calendar-sunat table thead tr th {
    font-weight: 700;
    font-size: 1rem
}

@media only screen and (min-width:780px) and (max-width:1200px) {
    #calendar-sunat table tbody tr td {
        padding-left: .5rem;
        padding-right: .5rem
    }

    #calendar-sunat table thead tr th:first-child,
    #calendar-sunat table thead tr th:last-child {
        width: 15%
    }

    #calendar-sunat table tbody tr td:first-child {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width:768px) {
    .grid-hide-hr-2-columns li>hr {
        display: block
    }

    .grid-hide-hr-2-columns li:nth-child(odd):nth-last-child(-n+2) hr,
    .grid-hide-hr-2-columns li:nth-child(odd):nth-last-child(-n+2)~li hr {
        display: none
    }
}

@media (min-width:768px) {
    .grid-hide-hr-3-columns li>hr {
        display: block
    }

    .grid-hide-hr-3-columns li:nth-child(3n+1):nth-last-child(-n+3) hr,
    .grid-hide-hr-3-columns li:nth-child(3n+1):nth-last-child(-n+3)~li hr {
        display: none
    }
}

body {
    background: red
}

.card-content__mock:after,
.card__mock:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: transparent;
    z-index: 1
}

.card-content:after,
.card:after {
    content: "";
    height: .25rem;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.card--top-bar,
.card-content--top-bar {
    position: relative
}

.card--top-bar:before,
.card-content--top-bar:before {
    content: " ";
    height: 3px;
    --bg-opacity: 1;
    background-color: #cf000b;
    background-color: rgba(207, 0, 11, var(--bg-opacity));
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.card-content:after {
    height: 0;
    background-color: transparent
}

.shadow-cards-digital {
    box-shadow: 2px 3px 23px -4px #d3e0ec;
    -webkit-box-shadow: 2px 3px 23px -4px #d3e0ec;
    -moz-box-shadow: 2px 3px 23px -4px #d3e0ec
}

.shadow-cards {
    box-shadow: 4px 5px 16px -4px #dee3ea;
    -webkit-box-shadow: 4px 5px 16px -4px #dee3ea;
    -moz-box-shadow: 4px 5px 16px -4px #dee3ea
}

.page-themes-style {
    background-color: #fff;
    box-shadow: 0 4px 11px #8a8e9226
}

.page-themes-style a {
    color: #000
}

header {
    background: #bf0909
}

header.home {
    --bg-opacity: 1;
    background-color: #bf0909;
    background-color: rgba(191, 9, 9, var(--bg-opacity));
    opacity: 1
}

header .logo {
    padding: 0;
    display: flex;
    align-items: center
}

header .logo:hover {
    text-decoration: none
}

header .logo .image {
    width: 55px;
    height: auto;
    margin-top: 2px;
    margin-right: 5px
}

header .logo:focus .img-logo-focus {
    display: block
}

@media (max-width:767px) {
    header .logo:focus .img-logo-focus {
        display: none
    }
}

header .logo:focus .img-logo {
    display: none
}

header .tagline {
    color: #fff
}

header .tagline__text {
    margin-left: 1.5rem;
    line-height: 2rem;
    padding-left: 1rem;
    border-left-width: 1px;
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    font-family: Montserrat;
    letter-spacing: 0px;
    word-spacing: 0px
}

header a:focus .tagline {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

header a:focus .tagline__text {
    --border-opacity: 1;
    border-color: #26292e;
    border-color: rgba(38, 41, 46, var(--border-opacity))
}

header a:focus .gobpe img:last-child {
    display: block
}

header a:focus .gobpe img:first-child {
    display: none
}

header .search-group {
    height: 50px
}

header .search-group span {
    display: none
}

header .altenative-version {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    padding: .5rem
}

header .altenative-version .logo {
    fill: #fff;
    margin-right: .5rem
}

header.header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    height: 68px
}

@media (max-width:576px) {
    header.header {
        padding-top: .25rem;
        padding-bottom: .25rem;
        height: 60px
    }
}

header.scrolled {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60
}

.header__content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 68px
}

@media (max-width:576px) {
    .header__content {
        height: 79px
    }
}

.header__half {
    justify-content: center
}

.gobpe__text svg {
    height: 2rem;
    vertical-align: middle
}

.home__logo__img--small img {
    height: 2.5rem
}

@media (max-width:767px) {
    .home__logo__img--small img {
        /*display:none*/
    }
}

.home__logo .gobpe {
    display: inline
}

.home__logo .gobpe__text svg {
    vertical-align: middle
}

.home__logo .gobpe img {
    height: 2.5rem
}

.home__logo .gobpe_shield {
    display: inline;
    padding-right: 10px
}

.home__logo .gobpe_shield img {
    width: 46px;
    height: auto !important;
    min-height: 30px
}

.separator {
    height: 1px;
    background-color: #bf0909
}

.separator--mobile {
    width: 100%;
    margin-bottom: 3rem
}

@media (min-width:768px) {
    .separator--mobile {
        display: none
    }
}

.separator-left {
    border-left: 1px solid #e0e2e6
}

.light {
    font-weight: 400
}

body {
    word-break: break-word
}

.icon-normal-size {
    font-size: 25px;
    padding-right: 7px
}

.icon-big-size {
    font-size: 50px
}

.icon-svg-big {
    width: 39px
}

@media (max-width:640px) {
    .icon-svg-big {
        width: 45px;
        height: 45px
    }
}

.twitter-timeline {
    max-height: 500px;
    overflow: auto;
    margin-bottom: 40px
}

@media (min-width:640px) {
    .facebook-timeline {
        width: 493px !important
    }
}

.fb-page,
.fb-page iframe[style],
.fb-page span {
    width: 100% !important
}

.list li {
    padding-left: 1rem;
    position: relative
}

.list li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
    content: "";
    left: -18px;
    width: 5px;
    height: 5px;
    background: #05a;
    left: 5px
}

.radio:focus,
.radio:focus-within {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #ebebeb
}

.sr-only {
    border: 0
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media only screen and (min-width:1152px) {
    .container {
        max-width: 72rem
    }
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem
}

.row {
    /*box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem*/
}

.row.reverse {
    flex-direction: row-reverse
}

.col.reverse {
    flex-direction: column-reverse
}

.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

.col-xs-offset-2 {
    margin-left: 16.7%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    flex-basis: 33.3%;
    max-width: 33.3%
}

.col-xs-5 {
    flex-basis: 41.7%;
    max-width: 41.7%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-8 {
    flex-basis: 66.7%;
    max-width: 66.7%
}

.col-xs-9 {
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    flex-basis: 83.3%;
    max-width: 83.3%
}

.col-xs-11 {
    flex-basis: 91.7%;
    max-width: 91.7%
}

.col-xs-12 {
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width:640px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-2,
    .col-sm-offset-3 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-sm-offset-2 {
        margin-left: 16.7%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-1 {
        flex-basis: 8.3%;
        max-width: 8.3%
    }

    .col-sm-2 {
        flex-basis: 16.7%;
        max-width: 16.7%
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex-basis: 33.3%;
        max-width: 33.3%
    }

    .col-sm-5 {
        flex-basis: 41.7%;
        max-width: 41.7%
    }

    .col-sm-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-8 {
        flex-basis: 66.7%;
        max-width: 66.7%
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex-basis: 83.3%;
        max-width: 83.3%
    }

    .col-sm-11 {
        flex-basis: 91.7%;
        max-width: 91.7%
    }

    .col-sm-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:768px) {

    .col-md-1,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.3%
    }

    .col-md-offset-2 {
        margin-left: 16.7%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3%
    }

    .col-md-1 {
        flex-basis: 8.3%;
        max-width: 8.3%
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex-basis: 33.3%;
        max-width: 33.3%
    }

    .col-md-5 {
        flex-basis: 41.7%;
        max-width: 41.7%
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex-basis: 58.3%;
        max-width: 58.3%
    }

    .col-md-8 {
        flex-basis: 66.7%;
        max-width: 66.7%
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex-basis: 83.3%;
        max-width: 83.3%
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1024px) {

    .col-lg-1,
    .col-lg-3,
    .col-lg-4,
    .col-lg-6,
    .col-lg-8,
    .col-lg-9,
    .col-lg-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .col-lg-1 {
        flex-basis: 8.3%;
        max-width: 8.3%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.3%;
        max-width: 33.3%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-8 {
        flex-basis: 66.7%;
        max-width: 66.7%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1280px) {
    .col-xl-6 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
        flex-basis: 50%;
        max-width: 50%
    }
}

.col-lg-1,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-lg-9,
.col-lg-12,
.col-md-1,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xl-6,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.divide-x-2>:not(template)~:not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px*var(--divide-x-reverse));
    border-left-width: calc(2px*(1 - var(--divide-x-reverse)))
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.bg-transparent {
    background-color: transparent
}

.bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-gray-40 {
    --bg-opacity: 1;
    background-color: #f2f5f8;
    background-color: rgba(242, 245, 248, var(--bg-opacity))
}

.bg-gray-50 {
    --bg-opacity: 1;
    background-color: #f4f4f4;
    background-color: rgba(244, 244, 244, var(--bg-opacity))
}

.bg-gray-60 {
    --bg-opacity: 1;
    background-color: #f1f3f6;
    background-color: rgba(241, 243, 246, var(--bg-opacity))
}

.bg-gray-70 {
    --bg-opacity: 1;
    background-color: #f6f9fc;
    background-color: rgba(246, 249, 252, var(--bg-opacity))
}

.bg-gray-80 {
    --bg-opacity: 1;
    background-color: #dfe3e9;
    background-color: rgba(223, 227, 233, var(--bg-opacity))
}

.bg-gray-90 {
    --bg-opacity: 1;
    background-color: #fcf6f3;
    background-color: rgba(252, 246, 243, var(--bg-opacity))
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity))
}

.bg-gray-110 {
    --bg-opacity: 1;
    background-color: #f1f8f5;
    background-color: rgba(241, 248, 245, var(--bg-opacity))
}

.bg-gray-120 {
    --bg-opacity: 1;
    background-color: #f4f6f9;
    background-color: rgba(244, 246, 249, var(--bg-opacity))
}

.bg-gray-130 {
    --bg-opacity: 1;
    background-color: #ecf2f9;
    background-color: rgba(236, 242, 249, var(--bg-opacity))
}

.bg-gray-160 {
    --bg-opacity: 1;
    background-color: #d3e0ec;
    background-color: rgba(211, 224, 236, var(--bg-opacity))
}

.bg-gray-180 {
    --bg-opacity: 1;
    background-color: #d3d8e0;
    background-color: rgba(211, 216, 224, var(--bg-opacity))
}

.bg-gray-200 {
    --bg-opacity: 1;
    background-color: #efefef;
    background-color: rgba(239, 239, 239, var(--bg-opacity))
}

.bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e5e5e5;
    background-color: rgba(229, 229, 229, var(--bg-opacity))
}

.bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.bg-gray-500 {
    --bg-opacity: 1;
    background-color: #6f777b;
    background-color: rgba(111, 119, 123, var(--bg-opacity))
}

.bg-gray-600 {
    --bg-opacity: 1;
    background-color: #919191;
    background-color: rgba(145, 145, 145, var(--bg-opacity))
}

.bg-gray-700 {
    --bg-opacity: 1;
    background-color: #70777b;
    background-color: rgba(112, 119, 123, var(--bg-opacity))
}

.bg-gray-800 {
    --bg-opacity: 1;
    background-color: #4d4d4d;
    background-color: rgba(77, 77, 77, var(--bg-opacity))
}

.bg-gray-900 {
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity))
}

.bg-gray-950 {
    --bg-opacity: 1;
    background-color: #0e1a26;
    background-color: rgba(14, 26, 38, var(--bg-opacity))
}

.bg-red-100 {
    --bg-opacity: 1;
    background-color: #ffeff0;
    background-color: rgba(255, 239, 240, var(--bg-opacity))
}

.bg-red-300 {
    --bg-opacity: 1;
    background-color: #bf0909;
    background-color: rgba(191, 9, 9, var(--bg-opacity))
}

.bg-red-450 {
    --bg-opacity: 1;
    background-color: #df2a30;
    background-color: rgba(223, 42, 48, var(--bg-opacity))
}

.bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff0707;
    background-color: rgba(255, 7, 7, var(--bg-opacity))
}

.bg-red-600 {
    --bg-opacity: 1;
    background-color: #eb0303;
    background-color: rgba(235, 3, 3, var(--bg-opacity))
}

.bg-red-630 {
    --bg-opacity: 1;
    background-color: #e20000;
    background-color: rgba(226, 0, 0, var(--bg-opacity))
}

.bg-red-700 {
    --bg-opacity: 1;
    background-color: #cf000b;
    background-color: rgba(207, 0, 11, var(--bg-opacity))
}

.bg-red-750 {
    --bg-opacity: 1;
    background-color: #bf080a;
    background-color: rgba(191, 8, 10, var(--bg-opacity))
}

.bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity))
}

.bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd147;
    background-color: rgba(255, 209, 71, var(--bg-opacity))
}

.bg-yellow-650 {
    --bg-opacity: 1;
    background-color: #fd0;
    background-color: rgba(255, 221, 0, var(--bg-opacity))
}

.bg-green-100 {
    --bg-opacity: 1;
    background-color: #c9f0d8;
    background-color: rgba(201, 240, 216, var(--bg-opacity))
}

.bg-green-300 {
    --bg-opacity: 1;
    background-color: #078152;
    background-color: rgba(7, 129, 82, var(--bg-opacity))
}

.bg-green-400 {
    --bg-opacity: 1;
    background-color: #1b9d6b;
    background-color: rgba(27, 157, 107, var(--bg-opacity))
}

.bg-green-500 {
    --bg-opacity: 1;
    background-color: #076725;
    background-color: rgba(7, 103, 37, var(--bg-opacity))
}

.bg-green-550 {
    --bg-opacity: 1;
    background-color: #090;
    background-color: rgba(0, 153, 0, var(--bg-opacity))
}

.bg-green-600 {
    --bg-opacity: 1;
    background-color: #00823b;
    background-color: rgba(0, 130, 59, var(--bg-opacity))
}

.bg-blue-70 {
    --bg-opacity: 1;
    background-color: #f9fafc;
    background-color: rgba(249, 250, 252, var(--bg-opacity))
}

.bg-blue-100 {
    --bg-opacity: 1;
    background-color: #e6f2f8;
    background-color: rgba(230, 242, 248, var(--bg-opacity))
}

.bg-blue-200 {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity))
}

.bg-blue-300 {
    --bg-opacity: 1;
    background-color: #eef0f4;
    background-color: rgba(238, 240, 244, var(--bg-opacity))
}

.bg-blue-500 {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity))
}

.bg-blue-600 {
    --bg-opacity: 1;
    background-color: #0256ac;
    background-color: rgba(2, 86, 172, var(--bg-opacity))
}

.bg-blue-700 {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.bg-blue-850 {
    --bg-opacity: 1;
    background-color: #005d80;
    background-color: rgba(0, 93, 128, var(--bg-opacity))
}

.bg-indigo-500 {
    --bg-opacity: 1;
    background-color: #474d98;
    background-color: rgba(71, 77, 152, var(--bg-opacity))
}

.bg-indigo-600 {
    --bg-opacity: 1;
    background-color: #363a73;
    background-color: rgba(54, 58, 115, var(--bg-opacity))
}

.bg-purple-150 {
    --bg-opacity: 1;
    background-color: #e6e6fd;
    background-color: rgba(230, 230, 253, var(--bg-opacity))
}

.bg-purple-300 {
    --bg-opacity: 1;
    background-color: #e8dde5;
    background-color: rgba(232, 221, 229, var(--bg-opacity))
}

.hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.hover\:bg-gray-40:hover {
    --bg-opacity: 1;
    background-color: #f2f5f8;
    background-color: rgba(242, 245, 248, var(--bg-opacity))
}

.hover\:bg-gray-70:hover {
    --bg-opacity: 1;
    background-color: #f6f9fc;
    background-color: rgba(246, 249, 252, var(--bg-opacity))
}

.hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity))
}

.hover\:bg-gray-250:hover {
    --bg-opacity: 1;
    background-color: #e2e2e2;
    background-color: rgba(226, 226, 226, var(--bg-opacity))
}

.hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #e6f2f8;
    background-color: rgba(230, 242, 248, var(--bg-opacity))
}

.hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity))
}

.hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #eef0f4;
    background-color: rgba(238, 240, 244, var(--bg-opacity))
}

.hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity))
}

.hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #0256ac;
    background-color: rgba(2, 86, 172, var(--bg-opacity))
}

.focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.focus\:bg-gray-40:focus {
    --bg-opacity: 1;
    background-color: #f2f5f8;
    background-color: rgba(242, 245, 248, var(--bg-opacity))
}

.focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd147;
    background-color: rgba(255, 209, 71, var(--bg-opacity))
}

.focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #ffbf47;
    background-color: rgba(255, 191, 71, var(--bg-opacity))
}

.bg-code-partitioned {
    background-image: linear-gradient(270deg, #000 70%, hsla(0, 0%, 100%, 0) 0)
}

.bg-bottom {
    background-position: bottom
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-50 {
    background-size: 50px 1px
}

.border-collapse {
    border-collapse: collapse
}

.border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-gray-40 {
    --border-opacity: 1;
    border-color: #f2f5f8;
    border-color: rgba(242, 245, 248, var(--border-opacity))
}

.border-gray-80 {
    --border-opacity: 1;
    border-color: #dfe3e9;
    border-color: rgba(223, 227, 233, var(--border-opacity))
}

.border-gray-100 {
    --border-opacity: 1;
    border-color: #edf0f4;
    border-color: rgba(237, 240, 244, var(--border-opacity))
}

.border-gray-120 {
    --border-opacity: 1;
    border-color: #f4f6f9;
    border-color: rgba(244, 246, 249, var(--border-opacity))
}

.border-gray-140 {
    --border-opacity: 1;
    border-color: #c5cdda;
    border-color: rgba(197, 205, 218, var(--border-opacity))
}

.border-gray-160 {
    --border-opacity: 1;
    border-color: #d3e0ec;
    border-color: rgba(211, 224, 236, var(--border-opacity))
}

.border-gray-200 {
    --border-opacity: 1;
    border-color: #efefef;
    border-color: rgba(239, 239, 239, var(--border-opacity))
}

.border-gray-300 {
    --border-opacity: 1;
    border-color: #e5e5e5;
    border-color: rgba(229, 229, 229, var(--border-opacity))
}

.border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity))
}

.border-gray-500 {
    --border-opacity: 1;
    border-color: #6f777b;
    border-color: rgba(111, 119, 123, var(--border-opacity))
}

.border-gray-600 {
    --border-opacity: 1;
    border-color: #919191;
    border-color: rgba(145, 145, 145, var(--border-opacity))
}

.border-gray-700 {
    --border-opacity: 1;
    border-color: #70777b;
    border-color: rgba(112, 119, 123, var(--border-opacity))
}

.border-gray-900 {
    --border-opacity: 1;
    border-color: #26292e;
    border-color: rgba(38, 41, 46, var(--border-opacity))
}

.border-red-400 {
    --border-opacity: 1;
    border-color: #fd583a;
    border-color: rgba(253, 88, 58, var(--border-opacity))
}

.border-red-500 {
    --border-opacity: 1;
    border-color: #ff0707;
    border-color: rgba(255, 7, 7, var(--border-opacity))
}

.border-red-800 {
    --border-opacity: 1;
    border-color: #b21414;
    border-color: rgba(178, 20, 20, var(--border-opacity))
}

.border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd147;
    border-color: rgba(255, 209, 71, var(--border-opacity))
}

.border-green-200 {
    --border-opacity: 1;
    border-color: #a2d5b4;
    border-color: rgba(162, 213, 180, var(--border-opacity))
}

.border-green-400 {
    --border-opacity: 1;
    border-color: #1b9d6b;
    border-color: rgba(27, 157, 107, var(--border-opacity))
}

.border-blue-200 {
    --border-opacity: 1;
    border-color: #dee3ea;
    border-color: rgba(222, 227, 234, var(--border-opacity))
}

.border-blue-300 {
    --border-opacity: 1;
    border-color: #eef0f4;
    border-color: rgba(238, 240, 244, var(--border-opacity))
}

.border-blue-400 {
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity))
}

.border-blue-500 {
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity))
}

.border-blue-600 {
    --border-opacity: 1;
    border-color: #0256ac;
    border-color: rgba(2, 86, 172, var(--border-opacity))
}

.border-blue-700 {
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity))
}

.border-blue-900 {
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity))
}

.border-purple-150 {
    --border-opacity: 1;
    border-color: #e6e6fd;
    border-color: rgba(230, 230, 253, var(--border-opacity))
}

.focus-within\:border-yellow-500:focus-within {
    --border-opacity: 1;
    border-color: #ffbf47;
    border-color: rgba(255, 191, 71, var(--border-opacity))
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.focus\:rounded-none:focus {
    border-radius: 0
}

.border-solid {
    border-style: solid
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-3 {
    border-width: 3px
}

.border-4 {
    border-width: 4px
}

.border-10 {
    border-width: 10px
}

.border {
    border-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-3 {
    border-bottom-width: 3px
}

.border-t-4 {
    border-top-width: 4px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

.border-b-5 {
    border-bottom-width: 5px
}

.border-b-8 {
    border-bottom-width: 8px
}

.border-l-8 {
    border-left-width: 8px
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-b-share-icons {
    border-bottom-width: .6px
}

.border-b-nation {
    border-bottom-width: 1.3px
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.content-center {
    align-content: center
}

.content-end {
    align-content: flex-end
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.flex-1 {
    flex: 1 1
}

.flex-2 {
    flex: 2 2
}

.flex-3 {
    flex: 3 3
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.flex-grow {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink {
    flex-shrink: 1
}

.order-last {
    order: 9999
}

.float-left {
    float: left
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-24 {
    height: 6rem
}

.h-48 {
    height: 12rem
}

.h-64 {
    height: 16rem
}

.h-156 {
    height: 156px
}

.h-180 {
    height: 180px
}

.h-200 {
    height: 200px
}

.h-210 {
    height: 210px
}

.h-315 {
    height: 315px
}

.h-auto {
    height: auto
}

.h-px {
    height: 1px
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.h-0\.5 {
    height: .125rem
}

.h-85px {
    height: 85px
}

.text-15 {
    font-size: 15px
}

.text-22 {
    font-size: 22px
}

.text-32 {
    font-size: 32px
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem
}

.text-4xl {
    font-size: 2.25rem
}

.text-5xl {
    font-size: 3rem
}

.text-6xl {
    font-size: 4rem
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-10 {
    line-height: 2.5rem
}

.leading-13 {
    line-height: 3.25rem
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-snug {
    line-height: 1.375
}

.leading-normal {
    line-height: 1.5
}

.leading-loose {
    line-height: 2
}

.leading-extra-tight {
    line-height: 1.15
}

.list-inside {
    list-style-position: inside
}

.list-none {
    list-style-type: none
}

.list-disc {
    list-style-type: disc
}

.list-square {
    list-style-type: square
}

.m-0 {
    margin: 0
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.m-5 {
    margin: 1.25rem
}

.m-6 {
    margin: 1.5rem
}

.m-auto {
    margin: auto
}

.-m-2 {
    margin: -.5rem
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mt-1 {
    margin-top: .25rem
}

.mr-1 {
    margin-right: .25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.ml-1 {
    margin-left: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mr-3 {
    margin-right: .75rem
}

.mb-3 {
    margin-bottom: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-8 {
    margin-left: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.ml-10 {
    margin-left: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mr-12 {
    margin-right: 3rem
}

.mb-12 {
    margin-bottom: 3rem
}

.ml-12 {
    margin-left: 3rem
}

.mt-14 {
    margin-top: 56px
}

.mt-16 {
    margin-top: 4rem
}

.mb-16 {
    margin-bottom: 4rem
}

.ml-16 {
    margin-left: 4rem
}

.mt-20 {
    margin-top: 5rem
}

.ml-20 {
    margin-left: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

.-mt-1 {
    margin-top: -.25rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.-ml-4 {
    margin-left: -1rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mt-8 {
    margin-top: -2rem
}

.-mr-16 {
    margin-right: -4rem
}

.-mt-20 {
    margin-top: -5rem
}

.-ml-20 {
    margin-left: -5rem
}

.mr-0\.5 {
    margin-right: .125rem
}

.mt-40px {
    margin-top: 40px
}

.max-w-2 {
    max-width: .5rem
}

.max-w-4 {
    max-width: 4rem
}

.max-w-5 {
    max-width: 5rem
}

.max-w-6 {
    max-width: 6rem
}

.max-w-8 {
    max-width: 8rem
}

.max-w-12 {
    max-width: 12rem
}

.max-w-13 {
    max-width: 13rem
}

.max-w-16 {
    max-width: 16rem
}

.max-w-17 {
    max-width: 17rem
}

.max-w-18 {
    max-width: 18rem
}

.max-w-20 {
    max-width: 20rem
}

.max-w-32 {
    max-width: 32rem
}

.max-w-40 {
    max-width: 40rem
}

.max-w-48 {
    max-width: 48rem
}

.max-w-380 {
    max-width: 380px
}

.max-w-xs {
    max-width: 20rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-3xl {
    max-width: 48rem
}

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

.max-w-screen-md {
    max-width: 768px
}

.min-h-0 {
    min-height: 0
}

.min-h-2 {
    min-height: 2rem
}

.min-h-4 {
    min-height: 4rem
}

.min-h-6 {
    min-height: 6rem
}

.min-h-10 {
    min-height: 10rem
}

.min-h-12 {
    min-height: 12rem
}

.min-h-14 {
    min-height: 14rem
}

.min-h-16 {
    min-height: 16rem
}

.min-h-18 {
    min-height: 18rem
}

.min-h-19 {
    min-height: 19rem
}

.min-h-23 {
    min-height: 23rem
}

.min-h-27 {
    min-height: 27rem
}

.min-h-35 {
    min-height: 35rem
}

.min-h-screen {
    min-height: 100vh
}

.min-h-2\.5 {
    min-height: 2.5rem
}

.min-w-2 {
    min-width: .5rem
}

.min-w-6 {
    min-width: 6rem
}

.min-w-10 {
    min-width: 10rem
}

.min-w-12 {
    min-width: 12rem
}

.min-w-15 {
    min-width: 15rem
}

.min-w-330 {
    min-width: 330px
}

.min-w-25px {
    min-width: 25px
}

.min-w-38px {
    min-width: 38px
}

.min-w-22px {
    min-width: 22px
}

.min-w-60px {
    min-width: 60px
}

.object-cover {
    object-fit: cover
}

.opacity-0 {
    opacity: 0
}

.opacity-75 {
    opacity: .75
}

.opacity-100 {
    opacity: 1
}

.active\:outline-yellow:active {
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-scroll {
    overflow-y: scroll
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-9 {
    padding: 2.25rem
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-14 {
    padding: 3.5rem
}

.p-10px {
    padding: 10px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-50px {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pt-1 {
    padding-top: .25rem
}

.pr-1 {
    padding-right: .25rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pl-1 {
    padding-left: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pr-2 {
    padding-right: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pl-2 {
    padding-left: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pr-3 {
    padding-right: .75rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-9 {
    padding-right: 2.25rem
}

.pb-9 {
    padding-bottom: 2.25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pl-12 {
    padding-left: 3rem
}

.pr-16 {
    padding-right: 4rem
}

.pl-16 {
    padding-left: 4rem
}

.pl-18 {
    padding-left: 4.5rem
}

.pl-15px {
    padding-left: 15px
}

.placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #6f777b;
    color: rgba(111, 119, 123, var(--placeholder-opacity))
}

.pointer-events-none {
    pointer-events: none
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    right: 0;
    left: 0
}

.inset-0,
.inset-y-0 {
    top: 0;
    bottom: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-1 {
    top: .25rem
}

.bottom-1 {
    bottom: .25rem
}

.right-2 {
    right: .5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.right-4 {
    right: 1rem
}

.bottom-4 {
    bottom: 1rem
}

.left-4 {
    left: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-15 {
    top: 3.75rem
}

.left-52 {
    left: 13rem
}

.-right-13 {
    right: -3.125rem
}

.-right-12 {
    right: -3rem
}

.-left-12 {
    left: -3rem
}

.-bottom-5 {
    bottom: -1.25rem
}

.top-1\/2 {
    top: 50%
}

.resize {
    resize: both
}

.shadow {
    box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f
}

.shadow-md {
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a
}

.shadow-none {
    box-shadow: none
}

.shadow-feed-img {
    box-shadow: 1px 1px 2px #00000040
}

.shadow-campaign-card {
    box-shadow: 2px 3px 23px -4px #d3e0ec
}

.shadow-sismo {
    box-shadow: -5px 9px 52px #c0c8d099
}

.shadow-calendar {
    box-shadow: 3px 3px 29px -3px #dee3ea
}

.shadow-highlighted-card {
    box-shadow: 4px 5px 16px -4px #dee3ea
}

.shadow-share-icons {
    box-shadow: 0 4px 12px 3px #0000000d
}

.shadow-contact-card {
    box-shadow: 0 0 11px #8a8e924d
}

.hover\:shadow-page-card:hover {
    box-shadow: 2px -3px 17px #48627c42
}

.focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px #4299e180
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-gray-300 {
    --text-opacity: 1;
    color: #e5e5e5;
    color: rgba(229, 229, 229, var(--text-opacity))
}

.text-gray-500 {
    --text-opacity: 1;
    color: #6f777b;
    color: rgba(111, 119, 123, var(--text-opacity))
}

.text-gray-550 {
    --text-opacity: 1;
    color: #646565;
    color: rgba(100, 101, 101, var(--text-opacity))
}

.text-gray-600 {
    --text-opacity: 1;
    color: #919191;
    color: rgba(145, 145, 145, var(--text-opacity))
}

.text-gray-700 {
    --text-opacity: 1;
    color: #70777b;
    color: rgba(112, 119, 123, var(--text-opacity))
}

.text-gray-750 {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.text-gray-760 {
    --text-opacity: 1;
    color: #2f2f2f;
    color: rgba(47, 47, 47, var(--text-opacity))
}

.text-gray-770 {
    --text-opacity: 1;
    color: #3c4145;
    color: rgba(60, 65, 69, var(--text-opacity))
}

.text-gray-800 {
    --text-opacity: 1;
    color: #4d4d4d;
    color: rgba(77, 77, 77, var(--text-opacity))
}

.text-gray-850 {
    --text-opacity: 1;
    color: #2f2f2f;
    color: rgba(47, 47, 47, var(--text-opacity))
}

.text-gray-900 {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.text-red-450 {
    --text-opacity: 1;
    color: #df2a30;
    color: rgba(223, 42, 48, var(--text-opacity))
}

.text-red-500 {
    --text-opacity: 1;
    color: #ff0707;
    color: rgba(255, 7, 7, var(--text-opacity))
}

.text-red-600 {
    --text-opacity: 1;
    color: #eb0303;
    color: rgba(235, 3, 3, var(--text-opacity))
}

.text-red-700 {
    --text-opacity: 1;
    color: #cf000b;
    color: rgba(207, 0, 11, var(--text-opacity))
}

.text-red-800 {
    --text-opacity: 1;
    color: #b21414;
    color: rgba(178, 20, 20, var(--text-opacity))
}

.text-yellow-500 {
    --text-opacity: 1;
    color: #ffbf47;
    color: rgba(255, 191, 71, var(--text-opacity))
}

.text-green-300 {
    --text-opacity: 1;
    color: #078152;
    color: rgba(7, 129, 82, var(--text-opacity))
}

.text-green-500 {
    --text-opacity: 1;
    color: #076725;
    color: rgba(7, 103, 37, var(--text-opacity))
}

.text-blue-300 {
    --text-opacity: 1;
    color: #eef0f4;
    color: rgba(238, 240, 244, var(--text-opacity))
}

.text-blue-400 {
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity))
}

.text-blue-500 {
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity))
}

.text-blue-550 {
    --text-opacity: 1;
    color: #3d6bab;
    color: rgba(61, 107, 171, var(--text-opacity))
}

.text-blue-600 {
    --text-opacity: 1;
    color: #0256ac;
    color: rgba(2, 86, 172, var(--text-opacity))
}

.text-blue-700 {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.text-indigo-500 {
    --text-opacity: 1;
    color: #474d98;
    color: rgba(71, 77, 152, var(--text-opacity))
}

.text-purple-500 {
    --text-opacity: 1;
    color: #5d2ee5;
    color: rgba(93, 46, 229, var(--text-opacity))
}

.text-purple-600 {
    --text-opacity: 1;
    color: #763668;
    color: rgba(118, 54, 104, var(--text-opacity))
}

.text-cyan-500 {
    --text-opacity: 1;
    color: #acf2ff;
    color: rgba(172, 242, 255, var(--text-opacity))
}

.text-primary {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e5e5e5;
    color: rgba(229, 229, 229, var(--text-opacity))
}

.hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #6f777b;
    color: rgba(111, 119, 123, var(--text-opacity))
}

.hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #4d4d4d;
    color: rgba(77, 77, 77, var(--text-opacity))
}

.hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.hover\:text-red-400:hover {
    --text-opacity: 1;
    color: #fd583a;
    color: rgba(253, 88, 58, var(--text-opacity))
}

.hover\:text-blue-450:hover {
    --text-opacity: 1;
    color: #3b5998;
    color: rgba(59, 89, 152, var(--text-opacity))
}

.hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #1d0ebe;
    color: rgba(29, 14, 190, var(--text-opacity))
}

.hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #5d2ee5;
    color: rgba(93, 46, 229, var(--text-opacity))
}

.hover\:text-cyan-500:hover {
    --text-opacity: 1;
    color: #acf2ff;
    color: rgba(172, 242, 255, var(--text-opacity))
}

.hover\:text-primary:hover {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.focus\:text-primary:focus {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.not-italic {
    font-style: normal
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.underline {
    text-decoration: underline
}

.no-underline {
    text-decoration: none
}

.hover\:underline:hover {
    text-decoration: underline
}

.hover\:no-underline:hover {
    text-decoration: none
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-code {
    letter-spacing: 2.625em
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-no-wrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    word-wrap: break-word;
    overflow-wrap: break-word
}

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

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-2 {
    width: .5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-15 {
    width: 3.75rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-56 {
    width: 14rem
}

.w-64 {
    width: 16rem
}

.w-72 {
    width: 18rem
}

.w-90 {
    width: 90%
}

.w-96 {
    width: 24rem
}

.w-200 {
    width: 200px
}

.w-290 {
    width: 290px
}

.w-330 {
    width: 330px
}

.w-auto {
    width: auto
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/4 {
    width: 25%
}

.w-2\/4 {
    width: 50%
}

.w-3\/4 {
    width: 75%
}

.w-2\/5 {
    width: 40%
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-4\/6 {
    width: 66.666667%
}

.w-5\/6 {
    width: 83.333333%
}

.w-3\/12 {
    width: 25%
}

.w-5\/12 {
    width: 41.666667%
}

.w-6\/12 {
    width: 50%
}

.w-8\/12 {
    width: 66.666667%
}

.w-9\/12 {
    width: 75%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-full {
    width: 100%
}

.w-3px {
    width: 3px
}

.w-22px {
    width: 22px
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-11\/24 {
    width: 45.8333333%
}

.w-6x {
    width: 600%
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.gap-1 {
    grid-gap: .25rem;
    gap: .25rem
}

.gap-2 {
    grid-gap: .5rem;
    gap: .5rem
}

.gap-4 {
    grid-gap: 1rem;
    gap: 1rem
}

.gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.gap-8 {
    grid-gap: 2rem;
    gap: 2rem
}

.gap-12 {
    grid-gap: 3rem;
    gap: 3rem
}

.gap-x-2 {
    grid-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem
}

.gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem
}

.gap-y-2 {
    grid-row-gap: .5rem;
    row-gap: .5rem
}

.gap-y-2\.5 {
    grid-row-gap: .625rem;
    row-gap: .625rem
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-3\/5 {
    grid-template-columns: 3fr 2fr
}

.grid-cols-icon-text {
    grid-template-columns: auto 1fr
}

.grid-cols-candidates {
    grid-template-columns: 1fr 2px 1fr 2px 1fr
}

.grid-cols-list {
    grid-template-columns: auto 1fr
}

.grid-cols-short-list {
    grid-template-columns: minmax(auto, 150px) 1fr
}

.auto-cols-max {
    grid-auto-columns: max-content
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
}

.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translate(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skew(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.origin-left {
    transform-origin: left
}

.scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75
}

.rotate-90 {
    --transform-rotate: 90deg
}

.rotate-180 {
    --transform-rotate: 180deg
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@font-face {
    font-family: peru;
    src: url(peru-a663f3e5d745a6d8e16394702e26dc1a.e6d4b58bf44b3907.eot);
    src: url(peru-a663f3e5d745a6d8e16394702e26dc1a.e6d4b58bf44b3907.eot?#iefix) format("embedded-opentype"), url(peru-d9bb2203b48b96df57418c5f923430c5.b799b04d8c0b0470.woff) format("woff"), url(peru-5e8ab9c38826c0e27aed621efc207f6e.cd0a214e2ed00154.ttf) format("truetype"), url(peru-964874153e90068c1f73324a453ec7f6.eb4874722ebad795.svg#peru) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    content: attr(data-icon)
}

[class*=" icon-"]:before,
[class^=icon-]:before,
[data-icon]:before {
    font-family: peru !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    vertical-align: middle
}

.icon-add2:before {
    content: "a"
}

.icon-add-s:before {
    content: "b"
}

.icon-airport:before {
    content: "c"
}

.icon-alarm:before {
    content: "d"
}

.icon-alarm-s:before {
    content: "e"
}

.icon-anticorruption:before {
    content: "f"
}

.icon-anticorruption-s:before {
    content: "g"
}

.icon-attachment-s:before {
    content: "h"
}

.icon-bold-s:before {
    content: "i"
}

.icon-book:before {
    content: "j"
}

.icon-bookmark:before {
    content: "k"
}

.icon-calculator-s:before {
    content: "l"
}

.icon-calendar-s:before {
    content: "n"
}

.icon-cde:before {
    content: "o"
}

.icon-cde2:before {
    content: "p"
}

.icon-chart:before {
    content: "q"
}

.icon-check:before {
    content: "r"
}

.icon-check-s:before {
    content: "s"
}

.icon-citizen:before {
    content: "t"
}

.icon-close:before {
    content: "v"
}

.icon-close2:before {
    content: "w"
}

.icon-close-s:before {
    content: "x"
}

.icon-cloud:before {
    content: "y"
}

.icon-cloud-s:before {
    content: "z"
}

.icon-comment:before {
    content: "A"
}

.icon-comment-s:before {
    content: "B"
}

.icon-contact:before {
    content: "C"
}

.icon-cost-s:before {
    content: "E"
}

.icon-criteria:before {
    content: "F"
}

.icon-criteria-s:before {
    content: "G"
}

.icon-culture:before {
    content: "H"
}

.icon-culture-s:before {
    content: "I"
}

.icon-dashboard:before {
    content: "J"
}

.icon-dashboard-s:before {
    content: "K"
}

.icon-debt:before {
    content: "L"
}

.icon-debt-s:before {
    content: "M"
}

.icon-delete:before {
    content: "N"
}

.icon-delete-s:before {
    content: "O"
}

.icon-dislike:before {
    content: "P"
}

.icon-dislike-s:before {
    content: "Q"
}

.icon-down:before {
    content: "R"
}

.icon-down-s:before {
    content: "S"
}

.icon-download2:before {
    content: "T"
}

.icon-download3:before {
    content: "V"
}

.icon-download-s:before {
    content: "W"
}

.icon-drag:before {
    content: "X"
}

.icon-drag-s:before {
    content: "Y"
}

.icon-edit:before {
    content: "Z"
}

.icon-edit-s:before {
    content: "0"
}

.icon-education:before {
    content: "1"
}

.icon-education-s:before {
    content: "2"
}

.icon-environment:before {
    content: "3"
}

.icon-environment-s:before {
    content: "4"
}

.icon-facebook:before {
    content: "5"
}

.icon-facebook-s:before {
    content: "6"
}

.icon-feedback:before {
    content: "7"
}

.icon-feedback-s:before {
    content: "8"
}

.icon-file:before {
    content: "9"
}

.icon-file-s:before {
    content: "!"
}

.icon-folder:before {
    content: '"'
}

.icon-folder-s:before {
    content: "#"
}

.icon-font-s:before {
    content: "$"
}

.icon-fontsize-s:before {
    content: "%"
}

.icon-health:before {
    content: "&"
}

.icon-health-s:before {
    content: "'"
}

.icon-heart:before {
    content: "("
}

.icon-heart-s:before {
    content: ")"
}

.icon-heart-x:before {
    content: "*"
}

.icon-home:before {
    content: "+"
}

.icon-home-s:before {
    content: ","
}

.icon-housing:before {
    content: "-"
}

.icon-housing-s:before {
    content: "."
}

.icon-image-s:before {
    content: "/"
}

.icon-important:before {
    content: ":"
}

.icon-important-s:before {
    content: ";"
}

.icon-industry:before {
    content: "<"
}

.icon-industry-s:before {
    content: "="
}

.icon-info:before {
    content: ">"
}

.icon-info-s:before {
    content: "?"
}

.icon-infraestructure:before {
    content: "@"
}

.icon-infraestructure-s:before {
    content: "["
}

.icon-inperson:before {
    content: "]"
}

.icon-instagram:before {
    content: "^"
}

.icon-instagram-s:before {
    content: "_"
}

.icon-institution:before {
    content: "`"
}

.icon-institution-s:before {
    content:"{"
}

.icon-international:before {
    content: "|"
}

.icon-international-s:before {
    content: "}"
}

.icon-justice:before {
    content: "~"
}

.icon-justice-s:before {
    content: "\\"
}

.icon-left:before {
    content: "\e000"
}

.icon-left-s:before {
    content: "\e001"
}

.icon-legislation:before {
    content: "\e002"
}

.icon-legislation-s:before {
    content: "\e003"
}

.icon-like:before {
    content: "\e004"
}

.icon-like-s:before {
    content: "\e005"
}

.icon-location:before {
    content: "\e007"
}

.icon-location-s:before {
    content: "\e008"
}

.icon-lock:before {
    content: "\e009"
}

.icon-lock-s:before {
    content: "\e00a"
}

.icon-mac:before {
    content: "\e00b"
}

.icon-mac2:before {
    content: "\e00c"
}

.icon-mail:before {
    content: "\e00d"
}

.icon-mail-s:before {
    content: "\e00e"
}

.icon-message-s:before {
    content: "\e00f"
}

.icon-module:before {
    content: "\e010"
}

.icon-news:before {
    content: "\e011"
}

.icon-noformat-s:before {
    content: "\e012"
}

.icon-olist-s:before {
    content: "\e013"
}

.icon-online:before {
    content: "\e014"
}

.icon-pages:before {
    content: "\e015"
}

.icon-pages-s:before {
    content: "\e016"
}

.icon-pc:before {
    content: "\e017"
}

.icon-person:before {
    content: "\e018"
}

.icon-person-s:before {
    content: "\e019"
}

.icon-phone:before {
    content: "\e01a"
}

.icon-phone-s:before {
    content: "\e01b"
}

.icon-photo:before {
    content: "\e01c"
}

.icon-photo-s:before {
    content: "\e01d"
}

.icon-pias:before {
    content: "\e01e"
}

.icon-print:before {
    content: "\e01f"
}

.icon-project:before {
    content: "\e020"
}

.icon-protection:before {
    content: "\e021"
}

.icon-protection-s:before {
    content: "\e022"
}

.icon-pte:before {
    content: "\e023"
}

.icon-publish-s:before {
    content: "\e024"
}

.icon-question:before {
    content: "\e025"
}

.icon-question-s:before {
    content: "\e026"
}

.icon-request:before {
    content: "\e027"
}

.icon-request-s:before {
    content: "\e028"
}

.icon-right:before {
    content: "\e029"
}

.icon-right-s:before {
    content: "\e02a"
}

.icon-search:before {
    content: "\e02b"
}

.icon-search-s:before {
    content: "\e02c"
}

.icon-security-s:before {
    content: "\e02e"
}

.icon-send:before {
    content: "\e02f"
}

.icon-settings:before {
    content: "\e030"
}

.icon-settings-s:before {
    content: "\e031"
}

.icon-share:before {
    content: "\e032"
}

.icon-share-s:before {
    content: "\e033"
}

.icon-simplification:before {
    content: "\e034"
}

.icon-smartphone:before {
    content: "\e036"
}

.icon-star:before {
    content: "\e037"
}

.icon-star-s:before {
    content: "\e038"
}

.icon-star-x:before {
    content: "\e039"
}

.icon-step:before {
    content: "\e03a"
}

.icon-table-s:before {
    content: "\e03b"
}

.icon-tag:before {
    content: "\e03c"
}

.icon-tag-s:before {
    content: "\e03d"
}

.icon-tourism:before {
    content: "\e03e"
}

.icon-tourism-s:before {
    content: "\e03f"
}

.icon-twitter:before {
    content: "\e040"
}

.icon-twitter-s:before {
    content: "\e041"
}

.icon-ulist-s:before {
    content: "\e042"
}

.icon-undo-s:before {
    content: "\e043"
}

.icon-unlink-s:before {
    content: "\e044"
}

.icon-unlock:before {
    content: "\e045"
}

.icon-unlock-s:before {
    content: "\e046"
}

.icon-unpublish-s:before {
    content: "\e047"
}

.icon-up:before {
    content: "\e048"
}

.icon-up-s:before {
    content: "\e049"
}

.icon-upload-s:before {
    content: "\e04a"
}

.icon-water:before {
    content: "\e04b"
}

.icon-water-s:before {
    content: "\e04c"
}

.icon-whatsapp-s:before {
    content: "\e04e"
}

.icon-work:before {
    content: "\e04f"
}

.icon-work-s:before {
    content: "\e050"
}

.icon-youtube:before {
    content: "\e051"
}

.icon-youtube-s:before {
    content: "\e052"
}

.icon-citizen-s:before {
    content: "u"
}

.icon-contact-s:before {
    content: "D"
}

.icon-whatsapp:before {
    content: "\e04d"
}

.icon-classes:before {
    content: "\e053"
}

.icon-classes-s:before {
    content: "\e054"
}

.icon-flickr:before {
    content: "\e055"
}

.icon-flickr-s:before {
    content: "\e056"
}

.icon-police:before {
    content: "\e057"
}

.icon-police-s:before {
    content: "\e058"
}

.icon-rss:before {
    content: "\e059"
}

.icon-rss-s:before {
    content: "\e05a"
}

.icon-simplification-s:before {
    content: "\e035"
}

.icon-security:before {
    content: "\e02d"
}

.icon-calendar:before {
    content: "m"
}

.icon-sound-cloud-s:before {
    content: "\e05b"
}

.icon-youtube-ss:before {
    content: "\e05c"
}

.icon-feedback-question:before {
    content: "\e05d"
}

.icon-medium:before {
    content: "\e05e"
}

.icon-download2-s:before {
    content: "U"
}

.icon-estado:before {
    content: "\e05f"
}

.icon-soundcloud:before {
    content: "\e060"
}

.icon-linkedin:before {
    content: "\e061"
}

.icon-plus-bold:before {
    content: "\e062"
}

.icon-download:before {
    content: "\e063"
}

.icon-calendar-1:before {
    content: "\e064"
}

.icon-download-element:before {
    content: "\e065"
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-Regular-9feb0110b6dff9ee2b9ebd17f7a1aee6.woff2) format("woff2"), url(Roboto-Regular-94dac78eee406a8c8f0406b69b85ac2b.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-Bold-f3a02e2578bee50e620e515912278bc9.woff2) format("woff2"), url(Roboto-Bold-08cb8f79715774f9a6285ee7db2919a3.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-Medium-50d01d3e6c994995bcaf829e63d53d1a.f8693cca22ae31bc.woff2) format("woff2"), url(Roboto-Medium-9a3bf7acae14d9b5ed5a88458106b58b.4fa4b1c02a877115.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-BoldItalic-fb87f577cddc4fcce562196d62d86a7c.390061c79a976b33.woff2) format("woff2"), url(Roboto-BoldItalic-65c7b0c96d644be47ca4a652b2d47972.520b61e1f58bfa73.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Roboto;
    src: url(Roboto-Italic-ad4e08740474893c8f08df87268544ce.e89c482bb3c378ae.woff2) format("woff2"), url(Roboto-Italic-fd5970128586cba8e7ed994f134ec176.16e779734e57c33a.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

body,
html {
    font-family: Roboto, sans-serif;
    moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    background: #f6f9fc;
    font-size: 16px;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    text-size-adjust: 100%;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-feature-settings: "pnum", "pnum", "pnum";
    font-variant-numeric: proportional-nums;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: calc(100vh + 1px);
    display: flex;
    flex-direction: column
}

h1 {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width:768px) {
    h1 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

h2 {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width:768px) {
    h2 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

h3 {
    font-size: 1rem;
    line-height: 1.38rem
}

@media (min-width:768px) {
    h3 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

h4 {
    font-size: 1rem
}

h5 {
    font-size: .875rem
}

p {
    margin-bottom: .25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.a,
a {
    --text-opacity: 1;
    color: #0256ac;
    color: rgba(2, 86, 172, var(--text-opacity))
}

.a:hover,
a:hover {
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity))
}

.a.active,
a.active {
    text-decoration: underline;
    --text-opacity: 1;
    color: #1d0ebe;
    color: rgba(29, 14, 190, var(--text-opacity))
}

hr {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity))
}

.w-max {
    width: max-content
}

.checkbox,
.radio {
    position: relative;
    cursor: pointer;
    padding: 6px 6px 6px 0
}

.checkbox::selection,
.radio::selection {
    background: transparent
}

.checkbox input:disabled+span,
.radio input:disabled+span {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity))
}

.checkbox input+span,
.radio input+span {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    display: inline-block;
    margin-bottom: .25rem;
    margin-right: 1rem;
    padding: 0;
    border-width: 2px;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    vertical-align: middle;
    width: 18px;
    height: 18px;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.checkbox input+span:after,
.radio input+span:after {
    content: "";
    display: block;
    transform: scale(0);
    transition: transform .2s
}

.checkbox input:checked+span:after,
.radio input:checked+span:after {
    transform: scale(1)
}

.checkbox input,
.radio input {
    position: absolute;
    cursor: pointer;
    opacity: 0
}

.choices__inner__custom,
.choices__input__custom {
    background-color: #fff !important
}

.choices__input__custom {
    color: #000 !important;
    opacity: 1
}

.is-disabled .choices__inner__custom {
    background-color: #edf0f4 !important
}

.is-disabled .choices__input__custom {
    background-color: #edf0f4 !important;
    color: #000 !important;
    opacity: 1
}

.choices__input__custom::placeholder {
    color: #000;
    opacity: 1
}

.choices__input__custom:-ms-input-placeholder {
    color: #000
}

.choices__input__custom::-ms-input-placeholder {
    color: #000
}

.btn {
    font-weight: 700;
    padding: 1rem;
    cursor: pointer
}

.btn--primary {
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    cursor: pointer
}

.btn--primary,
.btn--primary:hover {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.btn--primary:hover {
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity))
}

.btn--primary:disabled {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity));
    --text-opacity: 1;
    color: #6f777b;
    color: rgba(111, 119, 123, var(--text-opacity))
}

.btn--secondary {
    border-radius: .25rem;
    --border-opacity: 1;
    border: 2px solid #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    cursor: pointer;
    transition: all .3s ease-in-out;
    line-height: 1.35
}

.btn--secondary,
.btn--secondary:disabled {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.btn--secondary:disabled,
.btn--secondary:focus {
    background-color: #e6f2f8;
    background-color: rgba(230, 242, 248, var(--bg-opacity))
}

.btn--secondary:focus {
    --bg-opacity: 1
}

.btn--secondary.disabled {
    pointer-events: none;
    color: #919191 !important;
    border: 1px solid grey !important
}

.btn--secondary.download {
    font-weight: 700;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.btn--secondary.download:hover {
    text-decoration: none;
    background-color: #f6f9fc
}

.btn--secondary.download:active {
    text-decoration: none;
    background-color: #edf0f4
}

.btn--terciary {
    background-color: #70777b;
    background-color: rgba(112, 119, 123, var(--bg-opacity))
}

.btn--terciary,
.btn--terciary:disabled,
.btn--terciary:hover {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.btn--terciary:disabled,
.btn--terciary:hover {
    background-color: #919191;
    background-color: rgba(145, 145, 145, var(--bg-opacity))
}

.btn--cuaternary {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem
}

.btn--cuaternary.active,
.btn--cuaternary:disabled,
.btn--cuaternary:hover {
    background-color: #0256ac;
    background-color: rgba(2, 86, 172, var(--bg-opacity))
}

.btn--cuaternary.active,
.btn--cuaternary:disabled,
.btn--cuaternary:hover,
.btn--danger {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.btn--danger {
    background-color: #cf000b;
    background-color: rgba(207, 0, 11, var(--bg-opacity))
}

.btn--danger:disabled,
.btn--danger:hover {
    --bg-opacity: 1;
    background-color: #eb0303;
    background-color: rgba(235, 3, 3, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.btn--calendar {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    padding: 1rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.btn--calendar:hover {
    text-decoration: none
}

.btn--calendar:focus,
.btn--calendar:hover {
    --bg-opacity: 1;
    background-color: #f2f5f8;
    background-color: rgba(242, 245, 248, var(--bg-opacity))
}

.btn--see-all {
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    padding: 1rem 2rem;
    text-align: center;
    margin: auto;
    width: 40%
}

.btn--see-all,
.btn--see-all--secondary {
    border-width: 1px;
    --border-opacity: 1;
    display: flex
}

.btn--see-all--secondary {
    position: relative;
    border-color: #f2f5f8;
    border-color: rgba(242, 245, 248, var(--border-opacity));
    --bg-opacity: 1;
    background-color: #f2f5f8;
    background-color: rgba(242, 245, 248, var(--bg-opacity));
    padding: .75rem 2rem;
    justify-content: flex-end;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.btn--see-all--secondary:hover {
    --bg-opacity: 1;
    background-color: #e6f2f8;
    background-color: rgba(230, 242, 248, var(--bg-opacity))
}

.btn--see-all--secondary:focus {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.btn--see-all--terciary {
    position: relative;
    --border-opacity: 1;
    border-color: #dee3ea;
    border-color: rgba(222, 227, 234, var(--border-opacity));
    --bg-opacity: 1;
    background-color: #f2f5f8;
    background-color: rgba(242, 245, 248, var(--bg-opacity));
    padding: .5rem 1rem;
    display: flex;
    justify-content: flex-end;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.btn--see-all--terciary:hover {
    --bg-opacity: 1;
    background-color: #e6f2f8;
    background-color: rgba(230, 242, 248, var(--bg-opacity));
    text-decoration: none
}

.btn--see-all--terciary:focus {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.btn--see-all--procedures {
    font-size: 1.125rem;
    border-width: 2px;
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    font-weight: 700;
    padding: 1rem .5rem;
    line-height: 1.25;
    display: flex;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:600px) {
    .btn--see-all--procedures {
        padding-left: 1rem;
        padding-right: 1rem;
        width: -moz-fit-content;
        width: fit-content
    }
}

.btn--see-all:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

@media (max-width:767px) {
    .btn--see-all {
        width: 100%;
        text-align: center
    }
}

.btn--link {
    font-weight: 700;
    align-items: center;
    display: flex;
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity));
    justify-content: flex-end;
    padding: .5rem
}

.btn--link:hover {
    text-decoration: none
}

.btn--link--emergency {
    display: flex;
    text-align: center;
    justify-content: center;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    width: 180px
}

.btn--corona {
    position: relative;
    border-width: 2px;
    border-radius: .25rem;
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    transition: all .3s ease-in-out
}

.btn--corona:hover {
    --bg-opacity: 1;
    background-color: #e6f2f8;
    background-color: rgba(230, 242, 248, var(--bg-opacity));
    text-decoration: none
}

.btn--corona:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

@media (min-width:768px) {
    .btn--corona {
        font-size: 1.125rem
    }
}

@media (min-width:640px) {
    .btn--corona {
        justify-content: center
    }
}

.btn--triage {
    position: relative;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    padding: 1rem 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    transition: all .3s ease-in-out;
    line-height: 1.15
}

.btn--triage,
.btn--triage:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1
}

.btn--triage:hover {
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
    text-decoration: none
}

.btn--triage:focus {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.btn--measures {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    transition: all .3s ease-in-out;
    line-height: 1.15;
    padding: 15px 2rem
}

.btn--measures,
.btn--measures:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1
}

.btn--measures:hover {
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
    text-decoration: none
}

.btn--measures:focus {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.btn--sala {
    border-width: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    flex-direction: column;
    justify-content: space-around;
    line-height: 1
}

.btn--emergency,
.btn--sala {
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    --bg-opacity: 1;
    --text-opacity: 1;
    display: flex
}

.btn--emergency {
    position: relative;
    border-width: 1px;
    padding: .75rem 1.5rem;
    justify-content: center;
    align-items: center;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    width: 180px;
    transition: all .3s ease-in-out;
    line-height: 1.15
}

.btn--emergency,
.btn--emergency:hover {
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.btn--emergency:hover {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
    --text-opacity: 1;
    text-decoration: none
}

.btn--emergency:focus {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity))
}

.awesomplete {
    display: inline-block;
    position: relative;
    width: 100%
}

.awesomplete:empty,
.awesomplete [hidden] {
    display: none
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.awesomplete input {
    display: block
}

.awesomplete>ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 6px #3c41450f;
    margin: 1.2em 0 0;
    padding-top: 16px;
    padding-bottom: 16px
}

.awesomplete>ul:before {
    content: "";
    position: absolute;
    top: -.95em;
    right: 3em;
    width: 0;
    height: 0;
    padding: 1em;
    background: #fff;
    border: 0;
    border-radius: 1px;
    transform: rotate(45deg);
    box-shadow: -2px -2px 3px #00000014
}

.awesomplete>ul>li {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 5px;
    color: #333;
    text-align: left;
    position: relative;
    padding: 3px 30px;
    cursor: pointer
}

.awesomplete>ul>li:focus,
.awesomplete>ul>li:hover {
    background: #f9fafc
}

.awesomplete>ul>li:focus mark,
.awesomplete>ul>li:hover mark {
    background: transparent;
    font-weight: 600
}

.awesomplete>ul>li[aria-selected=true],
.awesomplete>ul>li[aria-selected=true] mark {
    background: #f9fafc
}

.awesomplete>ul>li:last-child,
.awesomplete>ul>li:last-child mark {
    color: #05a
}

.awesomplete mark {
    background: transparent;
    font-weight: 600
}

.awesomplete .list-container {
    width: 130%;
    margin-left: -30%;
    margin-top: 7%;
    box-shadow: 4px 4px 9px 3px #0000003b
}

@media (max-width:784px) {
    .awesomplete .list-container {
        width: 96vw;
        margin-left: -25vw
    }
}

@media (max-width:576px) {
    .awesomplete .list-container {
        width: 96vw;
        margin-left: -27vw;
        margin-top: 10%
    }
}

.awesomplete .list-container--home {
    width: auto;
    margin-left: 0;
    margin-top: 3.5%
}

.awesomplete .list-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: #eff1f4
}

@supports (transform:scale(0)) {
    .awesomplete>ul {
        transition: .3s cubic-bezier(.4, .2, .5, 1.4);
        transform-origin: 1.43em -.43em
    }

    .awesomplete>ul:empty,
    .awesomplete>ul[hidden] {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease
    }
}

img.responsible {
    width: 100%
}

html {
    font-size: 100%;
    -webkit-tap-highlight-color: transparent
}

section {
    position: relative
}

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

p {
    margin-top: 0;
    margin-bottom: 16px
}

.black,
.title-color {
    color: #232323
}

.icon-color {
    color: #3297d3
}

.background {
    background: #f7f7f9
}

.bg-neutral {
    background: #f9fafc
}

.icolor,
.scolor {
    color: #05a
}

.header-two {
    font-size: 1.25rem
}

@media (min-width:768px) {
    .header-two {
        font-size: 1.5rem;
        line-height: 2.25rem;
        margin-bottom: 1.25rem
    }
}

.d-inline {
    display: inline !important
}

a.inline:-webkit-any-link {
    text-decoration: none
}

.mb20 {
    margin-bottom: 20px
}

.pt20 {
    padding-top: 20px
}

.nb {
    border: none
}

.np {
    padding: 0
}

.npl {
    padding-left: 0
}

.pull-right {
    float: right;
    margin: 10px 0 0
}

.bb {
    border-bottom: 1px solid #dedede;
    padding: 0 0 30px;
    margin: 0 0 30px;
    overflow: auto;
    min-height: 75px
}

.is {
    width: 40px;
    height: auto
}

.sb {
    margin: 0 0 30px;
    border-bottom: 1px solid;
    padding: 0 0 30px
}

.center {
    text-align: center
}

.lh20 {
    line-height: 23px
}

.divider-bottom {
    border-bottom: 2px solid #e8f0f5
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

li,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    text-decoration: none
}

a,
a:hover {
    color: #05a
}

a:hover {
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

pre {
    margin-top: 0;
    margin-bottom: 1rem
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    max-width: 100%
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #818a91;
    caption-side: bottom
}

caption,
th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: 0
}

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

button,
input,
select,
textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    /*width:100%;*/
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: inherit
}

input[type=search] {
    box-sizing: inherit;
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

input,
select,
textarea {
    resize: none;
    border: 1px solid #999;
    padding: .25rem .75rem;
    width: 100%;
    outline: none
}

table {
    width: 100%;
    color: #32313a;
    border-radius: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 23px;
    margin: 40px 0
}

td,
th {
    border: 0;
    height: 30px
}

th {
    color: #32313a;
    font-weight: 400;
    height: 47px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0;
    width: 125px
}

tr {
    border-bottom: 1px solid #e2e2e2
}

td {
    background: #fafafa;
    text-align: left;
    padding: 20px 5px;
    font-size: 14px
}

td p {
    margin: 0
}

tr:nth-child(2n) td {
    background: #fff
}

tr:nth-child(odd) td {
    background: #f2f2f2
}

.yield {
    background: #fdfdfd;
    flex: 1 0 auto
}

a:hover i {
    text-decoration: none
}

.italic {
    font-style: italic
}

.bolder {
    font-weight: 600
}

a:focus {
    background-color: #ffd147;
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.radio:focus-within,
button:focus,
input:focus {
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.awesomplete:focus-within {
    outline: 3px solid #ffd147;
    outline-offset: 0
}

#search_sort_by_selector {
    -webkit-appearance: none;
    appearance: none;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-width: 2px;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    padding: .5rem 4rem .5rem .75rem;
    border-radius: 0;
    background-image: url(arrow_down-ed6d45dd9b513c030af01120e0b5f671.e26339a6bdec5459.svg);
    background-size: 12px;
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat
}

#search_sort_by_selector:disabled {
    --bg-opacity: 1;
    background-color: #f6f9fc;
    background-color: rgba(246, 249, 252, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #c5cdda;
    border-color: rgba(197, 205, 218, var(--border-opacity));
    --text-opacity: 1;
    color: #8a94a2;
    color: rgba(138, 148, 162, var(--text-opacity));
    background-image: url(arrow_down_darkgray-7058424aae495912b828607c01835dfa.a60b325d8d80470a.svg)
}

.table-prosecutor-officess th {
    font-weight: 700;
    text-align: left
}

.table-prosecutor-officess td {
    text-align: left
}

.radio-button {
    position: relative
}

.radio-button input[type=radio] {
    opacity: 0
}

.radio-button input[type=radio]:checked+label:before {
    background: #00823b;
    border: 0
}

.radio-button label {
    position: relative;
    margin-left: 24px;
    padding-left: 10px
}

.radio-button label:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #bfc1c1;
    position: absolute;
    top: 1px;
    left: -24px;
    transition: background .3s ease-in-out
}

.icon {
    vertical-align: text-bottom
}

.icon--small {
    width: 1.25rem;
    height: 1.25rem
}

.icon--round-background {
    background: #05a;
    border-radius: 17px;
    fill: #fff
}

.icon-text {
    display: flex;
    flex-direction: row;
    align-items: center
}

.icon-text--icon-inline {
    align-items: start
}

.icon-text--icon-inline svg {
    margin-top: 2px
}

.icon-text--icon-inline a {
    align-items: start
}

.icon-text .icon {
    flex-shrink: 0
}

.nav-default {
    --bg-opacity: 1;
    background-color: #1d386d;
    background-color: rgba(29, 56, 109, var(--bg-opacity))
}

.nav-default,
.nav-default__wrapper {
    display: flex;
    align-items: center
}

.footer {
    overflow: auto;
    color: #fff;
    padding: 3rem;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity))
}

@media (max-width:768px) {
    .footer {
        padding: 3rem 1rem
    }
}

.footer .arrow {
    color: #fff;
    font-size: 18px;
    transition: transform .3s ease-in-out
}

.footer .arrow:active,
.footer .arrow:hover {
    transform: translate(2px)
}

.footer .icon-minus:before {
    content: " ";
    width: 1rem;
    display: block;
    height: .25rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.footer__link {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 1.25rem;
    margin-bottom: .5rem;
    display: block
}

@media (max-width:768px) {
    .footer__link {
        padding-right: 0;
        margin-bottom: 1.5rem
    }

    .footer__link--visible:not(.footer__link--language) {
        display: flex;
        align-items: center
    }
}

.footer__heading--bottom {
    margin-top: 25px
}

.footer__heading .arrow {
    font-size: 16px;
    color: #fff
}

.footer__social-icons {
    display: flex;
    align-items: center
}

.footer__social-icons--correction {
    margin-top: -6px
}

.footer__icons {
    display: flex;
    align-items: center;
    line-height: normal
}

.footer__icons a {
    display: block
}

.footer__icons a:hover {
    text-decoration: none
}

.footer__icon {
    color: #fff;
    font-size: 30px;
    position: relative
}

.footer__icon:active,
.footer__icon:focus,
.footer__icon:hover {
    color: #fff;
    transform: scale(1.1)
}

.footer hr {
    border-top: 1px solid #646565
}

@media (max-width:767px) {
    .footer hr {
        display: none
    }
}

.footer ul {
    margin-bottom: 0
}

@media (max-width:768px) {
    .footer ul.visible {
        height: auto
    }
}

.footer ul.list-footer li>a:hover {
    text-decoration: none
}

.footer ul.list-footer li>a span {
    text-decoration: underline;
    text-underline-position: under
}

.footer ul.list-footer li>a span:hover {
    text-decoration-thickness: 3px
}

.footer ul.list-footer li>a:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.footer ul.list-footer li>a:focus span {
    text-decoration: none;
    background-color: #ffd147;
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.title-year {
    font-size: 4rem;
    position: relative;
    display: block
}

@md {
    .title-year {
        margin-left: auto
    }
}

.title-year:after {
    content: " ";
    height: 7px;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity));
    position: absolute;
    margin-bottom: 1rem;
    bottom: -30px;
    right: 0;
    left: 0
}

.candidates-show p {
    margin-bottom: 0
}

.candidates-show .mb-8-not-last:not(:last-child) {
    margin-bottom: 2rem
}

.candidates-show .nav-link {
    margin-bottom: .5rem;
    line-height: 1.25;
    width: 50%;
    padding: .5rem;
    min-width: 10rem;
    border-bottom-width: 2px;
    display: flex;
    justify-content: space-between;
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.candidates-show .nav-link svg {
    min-width: .5rem;
    max-width: .5rem;
    height: auto
}

@media (min-width:768px) {
    .candidates-show .nav-link {
        width: 100%
    }
}

.candidates-show .nav-link.active {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    font-weight: 700;
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity))
}

.candidates-show .congresales__fixed-card {
    position: fixed;
    top: 0;
    z-index: 50
}

.candidates-show .congresales__fixed-card--bottom {
    position: absolute;
    bottom: 0;
    top: auto
}

.candidates-show h2 {
    line-height: 1.375
}

.candidates-show .list--square {
    position: relative
}

.candidates-show .list--square:before {
    content: "";
    background: #333;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    left: -24px
}

.candidates-show hr {
    border-color: #bec7d3
}

.candidates-show hr.border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.candidates-show hr.white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.candidates-show hr.soft-gray {
    border-color: #ccc
}

.candidates-show ol.list-number {
    list-style: none;
    counter-reset: contador-procesos-candidatos
}

.candidates-show ol.list-number li {
    counter-increment: contador-procesos-candidatos;
    position: relative
}

.candidates-show ol.list-number li:before {
    content: counter(contador-procesos-candidatos) ". ";
    left: 0;
    color: #333;
    font-weight: 700;
    position: absolute;
    font-size: 1.25rem
}

.candidates-show ul.normal-list li {
    counter-increment: none
}

.candidates-show ul.normal-list li:before {
    content: ""
}

.candidates-show .title {
    position: relative
}

.candidates-show .title:after {
    width: 20%
}

.candidates-show .title.full:after,
.candidates-show .title:after {
    content: " ";
    height: 3px;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity));
    position: absolute;
    margin-bottom: 1rem;
    bottom: -30px;
    left: 0
}

.candidates-show .title.full:after {
    right: 0;
    width: auto
}

.util {
    padding: 60px 0
}

.util .item {
    height: auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

.util .description {
    font-size: 14px;
    line-height: 30px;
    display: block;
    padding-top: 8px;
    text-align: center;
    font-weight: 400
}

.relations .title {
    margin-bottom: 15px
}

.relations br {
    line-height: 32px
}

.feedback .row {
    padding: 0 20px
}

.feedback .like .description {
    font-weight: 600;
    font-size: 16px
}

.feedback .feedback-form {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
    text-align: left
}

@media (max-width:767px) {
    .feedback .feedback-form {
        padding: 15px
    }
}

.feedback .feedback-form .title {
    color: #2f2f2f;
    font-size: 16px;
    line-height: 19px
}

.feedback .feedback-form .box {
    padding-top: 10px
}

.feedback .feedback-form .list {
    padding: 2px 0
}

.feedback .feedback-form .list .field_with_errors {
    display: inline-block
}

.feedback .feedback-form label {
    cursor: pointer;
    font-size: 16px;
    line-height: 19px
}

.feedback .feedback-form button {
    outline: none
}

.form-contact input[type=checkbox],
.form-contact input[type=radio] {
    display: inline-block;
    width: auto;
    margin-right: 10px
}

.sticky-social {
    z-index: 1
}

.breadcrumb-full-width {
    --bg-opacity: 1;
    background-color: #eef0f4;
    background-color: rgba(238, 240, 244, var(--bg-opacity))
}

.breadcrumb-full-width .row {
    align-items: center
}

.breadcrumb-full-width ol.breadcrumb {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 10px 0
}

.breadcrumb-full-width ol.breadcrumb li.breadcrumb-item {
    --text-opacity: 1;
    color: #646565;
    color: rgba(100, 101, 101, var(--text-opacity));
    align-items: center;
    list-style-type: none;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.38rem
}

.breadcrumb-full-width ol.breadcrumb li.breadcrumb-item a {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.38rem
}

.breadcrumb-full-width ol.breadcrumb li.breadcrumb-item a.link:hover {
    text-decoration: underline
}

.breadcrumb-full-width ol.breadcrumb li.breadcrumb-item:first-child a:hover {
    text-decoration: none
}

@media (max-width:575px) {
    .breadcrumb-full-width ol.breadcrumb li.breadcrumb-item:nth-last-child(n+3) {
        display: none
    }
}

.breadcrumb-full-width ol.breadcrumb li.breadcrumb-item a[aria-current=page] {
    text-decoration: none;
    color: #646565
}

.breadcrumb-full-width ol.breadcrumb li.breadcrumb-item.active {
    color: #34393a
}

.breadcrumb-full-width i.arrow,
.breadcrumb-full-width svg.arrow {
    display: inline-block;
    color: #2f2f2f;
    font-size: 20px;
    margin-left: 8px;
    margin-right: 8px
}

.breadcrumb-full-width i.arrow--link,
.breadcrumb-full-width svg.arrow--link {
    color: #05a;
    margin-left: -6px
}

.breadcrumb-full-width i.home {
    font-size: 28px;
    color: #2f2f2f
}

.breadcrumb-full-width.scrolled {
    --bg-opacity: 1;
    background-color: #bf0909;
    background-color: rgba(191, 9, 9, var(--bg-opacity));
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px 0;
    z-index: 60
}

.breadcrumb-full-width.scrolled ol.breadcrumb li.breadcrumb-item {
    font-size: .875rem;
    font-weight: 500;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (min-width:768px) {
    .breadcrumb-full-width.scrolled ol.breadcrumb li.breadcrumb-item #escudo {
        display: flex;
        align-items: center
    }
}

.breadcrumb-full-width.scrolled ol.breadcrumb li.breadcrumb-item a,
.breadcrumb-full-width.scrolled ol.breadcrumb li.breadcrumb-item a.link,
.breadcrumb-full-width.scrolled ol.breadcrumb li.breadcrumb-item span.arrow {
    color: #fff;
    fill: #fff
}

.search-breadcrumb {
    position: relative
}

.search-breadcrumb .awesomplete.list-container {
    color: #333;
    z-index: 60
}

.custom-select {
    padding: 0;
    margin: 0;
    border: 1px solid #b3b3b3;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    position: relative
}

.custom-select__overflow-visible {
    overflow: visible
}

.custom-select select {
    padding: 6px 15px;
    width: 100%;
    height: 42px;
    border-bottom: 3px solid #000;
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="7" viewBox="0 0 14 7"><g><g><path d="M0 0l7 7 7-7z"/></g></g></svg>') no-repeat;
    background-size: 18px;
    background-position: calc(100% - 10px) 50%;
    background-color: #fff
}

.custom-select select:focus {
    outline: none
}

.checkbox {
    padding: 0;
    font-weight: 400
}

.checkbox input:focus+span {
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.checkbox input+span {
    border: 2px solid #333
}

.checkbox input+span:after {
    width: 100%;
    height: 100%
}

.checkbox input:checked+span:after {
    background-color: #333;
    background-image: url(check-5a0e0f4baefd2dd5b4c11d562c655467.996847d0e8abb63b.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.radio input+span {
    border-radius: 100%
}

.radio input+span:after {
    border-radius: 100%;
    margin: 4px;
    width: 8px;
    height: 8px
}

.radio input:checked+span {
    border: 1px solid #333
}

.radio .radio-checked {
    width: 23px;
    height: 23px
}

.radio input:checked+.radio-checked {
    border: 2.8px solid #26292e
}

.radio input:checked+.radio-checked:after {
    border-radius: 100%;
    margin: 3px;
    width: 12px;
    height: 12px
}

.radio input:checked+span:after {
    background: #333
}

#ubigeo .option {
    padding-bottom: 20px
}

.aside.fixed {
    position: fixed;
    width: 390px;
    left: 50%;
    margin-left: 195px;
    top: 90px
}

.jumbotron-home {
    --bg-opacity: 1;
    background-color: #ecf2f9;
    background-color: rgba(236, 242, 249, var(--bg-opacity));
    height: 450px;
    margin: 0;
    padding: 0;
    background-image: url(machupicchu-33141c4e3f8ed9d299715ec084410cfd.da73ee5b05185193.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .jumbotron-home {
        background-size: 46% 30%
    }
}

@media (min-width:1024px) {
    .jumbotron-home {
        background-size: 40% 34%
    }
}

@media (min-width:1280px) {
    .jumbotron-home {
        background-size: 45% 45%
    }
}

.jumbotron-home .block-center {
    margin-top: 60px
}

@media (max-width:767px) {
    .jumbotron-home .block-center {
        margin-top: 30px
    }
}

.jumbotron-home .title {
    --text-opacity: 1;
    color: #bf0909;
    color: rgba(191, 9, 9, var(--text-opacity));
    font-size: 60px;
    line-height: 73px
}

.jumbotron-home .slogan {
    font-size: 1rem;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    margin-bottom: 0;
    margin-top: 1rem;
    line-height: 25px
}

.jumbotron-home .subtitle {
    font-size: 1rem;
    display: flex;
    color: #333
}

.jumbotron-home .bock-search-detail {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.jumbotron-home .examples {
    margin-left: .5rem;
    margin-bottom: 0
}

.jumbotron-home .examples li {
    float: left;
    position: relative;
    margin-left: .25rem
}

.jumbotron-home .examples li:after {
    display: block;
    height: 1rem;
    position: absolute;
    right: 0;
    content: "";
    width: 1px;
    background-color: #333;
    top: 3px
}

.jumbotron-home .examples li:last-child:after {
    width: 0;
    content: ""
}

.jumbotron-home .examples a {
    margin-right: .5rem;
    display: inline-flex
}

.jumbotron-home .search {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: 100%;
    border-radius: 0;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #d3e0ec;
    border-color: rgba(211, 224, 236, var(--border-opacity));
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    font-size: 1.25rem;
    height: 75px;
    line-height: 29px;
    padding: 25px 70px 25px 30px
}

@media (max-width:767px) {
    .jumbotron-home .search {
        height: 50px;
        line-height: 19px;
        padding-left: 17px;
        padding-right: 40px
    }
}

.jumbotron-home #institution-gobpe-search-input::placeholder {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    font-size: 1.25rem
}

.jumbotron-home .icon {
    font-size: 26px;
    vertical-align: middle;
    color: #333
}

.jumbotron-home .search-group {
    box-shadow: 3px 3px 5px #32303a38;
    border-radius: 4px;
    position: relative;
    background: transparent;
    margin: 0 auto
}

@media (max-width:767px) {
    .jumbotron-home .search-group {
        width: 100%
    }
}

.jumbotron-home .button {
    display: none
}

.jumbotron-home .submit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border: 0;
    margin: 12px 12px 12px 0;
    padding: 0;
    cursor: pointer;
    height: 48px;
    width: 48px;
    right: 0;
    top: 0
}

.home-index .section-link {
    padding-left: 1rem;
    vertical-align: text-bottom
}

.home-index .section-link i {
    color: #333;
    padding-right: 15px;
    margin-left: 5px
}

.home-index .section-link:before {
    content: none
}

.home-index .section-icon {
    font-size: 2rem
}

.home-index .section-title {
    color: #3c4145;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

@media (max-width:575px) {
    .home-index .section-title {
        font-size: 19px
    }
}

.last-updated {
    color: #646565;
    font-size: 14px;
    margin-top: 30px;
    line-height: 19px;
    padding-bottom: 30px
}

.notification {
    color: #fff;
    background: #00823b;
    text-align: left;
    padding: 0;
    font-size: 16px;
    width: 100%;
    z-index: 999;
    top: 0;
    position: relative
}

.notification .link-notice,
.notification__content {
    display: flex;
    align-items: center;
    justify-content: center
}

.notification .row {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.notification img {
    padding-right: 20px;
    height: 50px;
    width: 50px;
    vertical-align: middle
}

.notification a {
    color: #fff;
    font-size: 16px;
    line-height: 19px
}

.notification a:focus {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.notification a:focus .view_more_alert {
    --border-opacity: 1;
    border-color: #26292e;
    border-color: rgba(38, 41, 46, var(--border-opacity))
}

.notification a:focus .icon-black {
    display: inline-block
}

.notification a:focus .icon-white {
    display: none
}

.notification .close {
    font-size: 20px;
    cursor: pointer;
    color: #fff
}

@media (max-width:639px) {

    .notification span.icon-black,
    .notification span.icon-white {
        margin-right: .25rem
    }
}

.links-of-interest {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 6px #0000000a;
    border: 1px solid #b3b3b3;
    padding: 25px 35px;
    margin-bottom: 20px;
    position: relative
}

@media (max-width:767px) {
    .links-of-interest {
        padding: 23px 25px
    }
}

.links-of-interest a {
    padding-left: 18px;
    line-height: 21px;
    display: block;
    position: relative
}

.links-of-interest a:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #00823b;
    top: 7px
}

.news-links li:last-child hr {
    display: none
}

.typed-cursor {
    opacity: 1;
    animation: blink .7s infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.typed-fade-out {
    opacity: 0;
    animation: 0;
    transition: opacity .25s
}

.costo {
    background: #ebfff6;
    border: 1px solid #7ce1b5;
    border-radius: 2px;
    color: #00823b;
    height: 26px;
    display: inline-block;
    line-height: 19px;
    padding: 3px 5px;
    margin-right: 1px;
    font-size: 16px;
    font-weight: 600
}

@media (max-width:1024px) {
    .util {
        padding: 30px 0;
        letter-spacing: 0
    }

    .util .row {
        display: flex;
        justify-content: center
    }
}

@media (max-width:767px) {
    body {
        font-size: 16px
    }

    .jumbotron-home {
        padding: 0;
        height: 490px;
        background-size: contain
    }

    .jumbotron-home--super {
        height: 35rem
    }

    .jumbotron-home .title {
        font-size: 32px;
        padding: 0;
        margin-bottom: 0;
        line-height: 28px
    }

    .jumbotron-home .title strong {
        font-size: 26px
    }

    .jumbotron-home .subtitle {
        font-size: 15px;
        padding-top: 10px
    }

    .jumbotron-home .bock-search-detail {
        padding: 13px 0 7px
    }

    .jumbotron-home .block-search .space {
        padding: 0 15px
    }

    .jumbotron-home .submit {
        height: 30px;
        width: 30px
    }

    .jumbotron-home .icon {
        font-size: 22px
    }

    .utils.fixed {
        display: none
    }

    .utils .item.text {
        line-height: 25px;
        font-size: 18px
    }

    .utils .feedback .row {
        padding: 0
    }

    .component-updates {
        padding: 0 15px
    }

    .notification a {
        color: #fff
    }
}

.cookie-alert {
    line-height: 30px;
    position: fixed;
    z-index: 9998;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 20px 0;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    background: #d5e8f3;
    color: #2f2f2f
}

.cookie-alert p {
    padding-right: 25px;
    line-height: 20px
}

.cookie-alert a {
    margin-left: 10px;
    font-size: 15px
}

.cookie-alert a.allow {
    margin-left: 20px
}

.cookie-alert .link-alert {
    position: absolute;
    top: 7px;
    right: 40px
}

.cookie-alert .link-alert:hover {
    text-decoration: none
}

.cookie-alert .icon-close-alert {
    color: #646565;
    font-size: 25px !important;
    margin-top: -2px
}

.cookie-alert .icon-close-alert:hover {
    font-weight: 700
}

.home-icon {
    font-size: 30px;
    margin-right: 5px
}

.home-more {
    float: right;
    margin-top: 10px;
    margin-bottom: -7px
}

.home-more i {
    margin-left: .5rem
}

@media (max-width:575px) {
    .cookie-alert .link-alert {
        right: 10px;
        top: 10px
    }
}

@media (min-width:1040px) {
    .highlights {
        padding-right: 2rem
    }
}

.highlights .items {
    margin-left: .5rem;
    flex-wrap: wrap
}

.highlights .item {
    box-sizing: border-box;
    line-height: 27px
}

@media (min-width:640px) {

    .highlights .item:last-child,
    .highlights .item:nth-last-child(2) {
        margin-bottom: 0
    }
}

@media (max-width:640px) {
    .highlights .item:last-child {
        margin-bottom: 0
    }
}

.highlights .item .link {
    padding-bottom: 4px;
    padding-left: 18px;
    display: block;
    line-height: 21px;
    position: relative
}

.highlights .item:before {
    position: absolute;
    --bg-opacity: 1;
    background-color: #cf000b;
    background-color: rgba(207, 0, 11, var(--bg-opacity));
    content: "";
    width: 6px;
    height: 6px;
    top: 34px;
    left: 0
}

.highlights .title-card:after {
    --bg-opacity: 1;
    background-color: #df2a30;
    background-color: rgba(223, 42, 48, var(--bg-opacity));
    content: "";
    position: absolute;
    bottom: 0;
    width: 2rem;
    left: 1rem;
    top: 34px;
    height: 7px
}

@media (max-width:320px) {
    .highlights .title-card:after {
        position: relative
    }
}

.highlights .title-card-content {
    --bg-opacity: 1;
    background-color: #df2a30;
    background-color: rgba(223, 42, 48, var(--bg-opacity));
    position: absolute;
    width: 2rem;
    height: 7px;
    margin-top: 0
}

@media (max-width:320px) {
    .highlights .title-card-content {
        display: none
    }
}

.highlights .title {
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px
}

.highlights .title-first {
    margin-bottom: 7px
}

.highlights .form-select {
    margin-bottom: 30px
}

.highlights .selectbox {
    height: 53px;
    margin-bottom: 0
}

@media (max-width:767px) {
    .highlights .item {
        padding-right: 15px;
        min-height: auto;
        flex: 100% 1
    }

    .highlights .divider {
        margin: 38px 0 30px 20px
    }

    .highlights .tags {
        padding-top: 3px
    }

    .highlights .title {
        font-size: 20px
    }
}

.category-line {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    width: 91.666667%;
    border-bottom: 3px solid #fff
}

li#list:nth-child(n+10) {
    display: none
}

#content_categories {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .list:nth-child(n+4) {
        margin-top: 1rem
    }
}

.border-hidden {
    border-bottom-width: 0
}

.remove-spacing {
    margin-bottom: 0
}

.tags {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .tags {
        padding-top: 3px
    }
}

.tags .tag {
    background: #f9fafc;
    border: 1px solid #d9dfe5;
    border-radius: 2px;
    color: #333;
    height: 20px;
    line-height: 13px;
    padding: 3px 7px;
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 500;
    text-align: center
}

.languages {
    display: none;
    padding: 80px 0 30px
}

@media (min-width:992px) {
    .internal {
        padding-right: 80px
    }
}

.internal .title {
    line-height: 40px;
    color: #232323;
    font-size: 28px;
    font-weight: 400
}

.internal .title,
.internal img,
.internal p {
    margin-bottom: 20px
}

.internal img {
    width: 100% !important
}

.internal h2,
.internal h3,
.internal h4,
.internal h5,
.internal h6 {
    padding: 0;
    font-weight: 700;
    color: #2f2f2f;
    margin: 0 0 1.125rem
}

.internal h6 {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    position: relative
}

.internal h4 {
    font-size: 1rem
}

.internal ol,
.internal ul:not(.paginator) {
    margin: 0 0 20px
}

.internal li {
    margin: 5px 0 15px
}

.internal h6 {
    font-size: 16px;
    margin: 25px 0 10px;
    line-height: 40px
}

.internal .step-number {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    height: 2rem;
    width: 2rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #00823b;
    background-color: rgba(0, 130, 59, var(--bg-opacity));
    line-height: 35px;
    margin-right: 5px;
    border-radius: 50%
}

.internal h4.modality-title {
    padding: 20px 0 10px;
    font-weight: 500
}

.internal .form-content {
    width: 100%
}

.internal .form-content .form-group {
    margin-bottom: 20px
}

.internal .important {
    padding: 0 0 0 15px
}

.internal .important p:last-child {
    padding: 0
}

span.boton {
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0
}

.use-information {
    padding: 30px
}

.use-information .share-icon {
    font-size: 60px;
    color: #21ce99
}

.use-information .uf-title {
    padding-bottom: 30px;
    color: #34393a;
    font-weight: 400;
    font-size: 18px
}

.use-information .uf-description {
    font-size: 15px;
    margin: 0
}

.use-information .item-list {
    text-align: center;
    padding: 20px 0;
    cursor: pointer
}

.use-information .item-print {
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.use-information .item-print,
.use-information .item-share {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.use-information .item-chat {
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.use-information ul:hover li {
    opacity: .4
}

.use-information ul:hover li,
.use-information ul li:hover {
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.use-information ul li:hover {
    opacity: 1
}

.use-important {
    padding: 0
}

.use-important .title {
    font-weight: 500;
    font-size: 18px;
    padding: 0 0 15px
}

.use-important p {
    margin: 0;
    line-height: 26px
}

.use-important .body {
    padding: 0
}

.use-important .markdown {
    padding-bottom: 15px
}

.use-important .icon {
    text-align: center;
    padding: 0;
    font-size: 30px
}

.border-blue {
    width: 5px;
    height: 100%;
    position: absolute;
    left: -5px;
    top: 0;
    border-radius: 30px
}

.modal {
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0
}

.modal .modal-body {
    position: absolute;
    width: 660px;
    height: 440px;
    left: 50%;
    margin-left: -330px;
    top: 50%;
    margin-top: -220px;
    background: #fff;
    border-radius: 5px;
    padding: 30px 50px;
    text-align: center
}

.modal .modal-body img {
    margin-bottom: 10px
}

.modal .modal-body h3 {
    margin-bottom: 30px;
    font-size: 28px
}

.modal .modal-body h3,
.modal .modal-body p {
    font-weight: 300;
    line-height: 40px
}

.modal .modal-body h3 b,
.modal .modal-body p b {
    font-weight: 500
}

.modal .modal-body p {
    font-size: 22px;
    font-weight: 300;
    line-height: 40px
}

.modal .modal-body p i {
    font-size: 30px
}

.modal .modal-body .button {
    font-size: 1.125rem;
    background-color: transparent;
    box-shadow: none;
    display: inline-block;
    --text-opacity: 1;
    color: #e25959;
    color: rgba(226, 89, 89, var(--text-opacity));
    width: 140px;
    margin-top: 30px
}

.modal .modal-body .button:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #e25959;
    background-color: rgba(226, 89, 89, var(--bg-opacity))
}

.modal .modal-body .icon-close,
.modal .modal-body .icon-dislike,
.modal .modal-body .icon-like,
.modal .modal-body .icon-shield {
    --text-opacity: 1;
    color: #e25959;
    color: rgba(226, 89, 89, var(--text-opacity))
}

.modal .modal-body .icon-dislike,
.modal .modal-body .icon-like {
    margin-top: -11px;
    margin-left: 5px
}

.modal .modal-body .dislike_norm {
    vertical-align: bottom;
    margin: 0 10px 0 0
}

.modal .modal-body .feedback-item-modal .circle {
    box-shadow: none !important;
    border: 1px solid transparent;
    border-radius: 50%;
    box-sizing: content-box
}

.modal .modal-body .icon-shield {
    font-size: 90px;
    display: block;
    margin: 20px
}

.modal .modal-body .close {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 30px;
    font-size: 50px;
    background-position: -5px -2605px
}

.come-back {
    display: none;
    padding: 10px 0
}

.come-back .arrow {
    font-size: 28px;
    margin: -4px -4px 0 0
}

@media (max-width:575px) {
    header .logo .icon-home-m {
        font-size: 50px
    }

    .modal {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .modal .modal-body {
        width: 98%;
        left: 0;
        top: 0;
        margin-top: 0;
        padding: 40px 35px;
        margin-left: 1%;
        top: .5%
    }

    .modal .modal-body img {
        width: 70px;
        height: 70px
    }

    .modal .modal-body h3,
    .modal .modal-body p {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }

    .internal .title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
        font-weight: 400;
        padding-top: 20px
    }

    .internal .content .subtitle {
        font-weight: 400;
        font-size: 21px
    }

    .internal .content img {
        padding-bottom: 12px
    }

    .categories .title-categories {
        padding: 20px 0 0;
        font-size: 20px
    }

    .categories .content-child {
        margin: 0
    }

    .come-back {
        display: block
    }
}

.internal.page h2:not(.page__box-title-important) {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --text-opacity: 1;
    color: #2f2f2f;
    color: rgba(47, 47, 47, var(--text-opacity));
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width:768px) {
    .internal.page h2:not(.page__box-title-important) {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.submenu {
    position: relative;
    padding: 30px 0 0
}

.submenu .submenu-content {
    width: 100%
}

.submenu .submenu-content .submenu__list {
    padding-left: 0;
    margin: 0
}

@media (min-width:575px) {
    .submenu .submenu-content .submenu__list {
        column-count: 2
    }
}

@media (max-width:575px) {
    .submenu .submenu-content .submenu__list .nav a {
        line-height: 1.25rem
    }

    .submenu .submenu-content .submenu__list .nav.active {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        --text-opacity: 1;
        color: #cf000b;
        color: rgba(207, 0, 11, var(--text-opacity))
    }

    .submenu .submenu-content .submenu__list .nav.active:after {
        --bg-opacity: 1;
        background-color: #cf000b;
        background-color: rgba(207, 0, 11, var(--bg-opacity));
        position: absolute;
        height: 100%;
        bottom: 0;
        right: 0;
        content: "";
        width: 3px
    }
}

.submenu .submenu-content .submenu__list .nav:hover {
    --bg-opacity: 1;
    background-color: #f4f6f9;
    background-color: rgba(244, 246, 249, var(--bg-opacity))
}

@media (max-width:575px) {
    .submenu .submenu-content .nav-options {
        display: none
    }

    .submenu .submenu-content .nav-options .nav {
        border-left-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        --border-opacity: 1;
        border-color: #dee3ea;
        border-color: rgba(222, 227, 234, var(--border-opacity))
    }

    .submenu .submenu-content .nav-options .last-nav-options {
        border-radius: 0 0 5px 5px
    }
}

.submenu .submenu-content .nav-options li {
    padding-left: .5rem;
    padding-right: .5rem
}

.submenu .submenu-content .nav-options li>a {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.submenu .submenu-content .border-submenu {
    --border-opacity: 1;
    border: 1.2px solid #eef0f4;
    border-color: rgba(238, 240, 244, var(--border-opacity))
}

@media (max-width:575px) {
    .submenu .submenu-content .left-submenu .nav:first-child {
        border-top: 1px solid #eff1f4
    }
}

.submenu .nav.active-page-nav {
    --bg-opacity: 1;
    background-color: #f4f6f9;
    background-color: rgba(244, 246, 249, var(--bg-opacity));
    margin-bottom: 0;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    border-width: 1px;
    --border-opacity: 1;
    border-color: #dee3ea;
    border-color: rgba(222, 227, 234, var(--border-opacity));
    margin-top: 1.25rem
}

.submenu .nav {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #eef0f4;
    border-color: rgba(238, 240, 244, var(--border-opacity));
    padding: 0;
    margin: 0;
    position: relative
}

@media (max-width:575px) {
    .submenu .nav {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        position: relative;
        --border-opacity: 1;
        border: 1px solid #eff1f4;
        border-color: rgba(239, 241, 244, var(--border-opacity));
        padding: 13px 20px
    }

    .submenu .nav:not(.active-page-nav) {
        margin: 0;
        border-width: 0
    }
}

.submenu .nav .active-page-name {
    font-weight: 700;
    padding-right: 30px
}

.submenu .nav .arrow {
    position: absolute;
    right: 20px;
    top: 6px;
    margin: 0;
    font-size: 20px
}

.submenu .nav .arrow.icon-add-s {
    top: 10px
}

.submenu .nav .icon-minus:before {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    position: absolute;
    height: 1px;
    top: 1.25rem;
    content: "";
    right: 6px;
    width: 14px
}

.submenu .nav a {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 16px;
    line-height: 25px
}

@media (max-width:575px) {
    .submenu .nav a {
        --text-opacity: 1;
        color: #0056ac;
        color: rgba(0, 86, 172, var(--text-opacity));
        font-size: 1rem;
        line-height: 1.25rem;
        position: relative;
        padding-right: 30px
    }

    .submenu .nav a:hover {
        text-decoration: none
    }
}

.submenu .nav.active .hidden-sm-up,
.submenu .nav:hover .hidden-sm-up {
    display: none !important
}

.submenu .nav.active a,
.submenu .nav:hover a {
    text-decoration: underline
}

@media (max-width:575px) {

    .submenu .nav.active a,
    .submenu .nav:hover a {
        text-decoration: none
    }
}

.submenu .nav.active a {
    font-weight: 700;
    text-decoration: none;
    cursor: default
}

@media (max-width:575px) {
    .submenu .nav.active a {
        --text-opacity: 1;
        color: #cf000b;
        color: rgba(207, 0, 11, var(--text-opacity));
        font-weight: 400
    }
}

.submenu .nav.active .slash {
    --bg-opacity: 1;
    background-color: #cf000b;
    background-color: rgba(207, 0, 11, var(--bg-opacity));
    position: absolute;
    right: 0;
    height: 100%;
    width: 3px
}

@media (max-width:575px) {
    .submenu .nav.active .slash {
        display: none
    }
}

.submenu-fixed {
    opacity: 0;
    position: fixed;
    background: #fff;
    z-index: 9;
    width: 100%;
    padding: 12px 0 10px;
    cursor: pointer;
    left: 0;
    top: 0;
    box-shadow: 0 4px 5px #00000024, 0 1px 10px #0000001f, 0 2px 4px -1px #0003
}

.submenu-fixed.fixed {
    opacity: 1;
    top: 0
}

.submenu-fixed .submenu-action {
    width: 1170px;
    margin: 0 auto
}

.submenu-fixed .submenu-content-copy {
    width: 100%;
    position: absolute;
    right: 0;
    top: 36px;
    background: #fff;
    font-weight: 300;
    border-radius: 0 0 4px 4px;
    padding: 20px 30px 10px 40px;
    box-shadow: 0 4px 5px #00000024, 0 1px 10px #0000001f, 0 2px 4px -1px #0003
}

.submenu-fixed .submenu-content-copy .nav {
    width: 100%
}

.submenu-fixed .submenu-content,
.submenu-fixed .submenu-content-copy {
    display: none
}

.submenu-fixed .action {
    opacity: 1;
    font-weight: 100;
    cursor: pointer;
    float: left;
    color: #232323
}

.submenu-fixed .action .selected-result {
    display: inline-block;
    font-weight: 400;
    position: relative;
    min-width: 350px
}

.submenu-fixed .upper {
    font-size: 28px;
    margin-left: 5px
}

@media (max-width:575px) {
    .submenu {
        padding: 8px 0 6px
    }

    .submenu .submenu-fixed.fixed {
        top: 0
    }

    .submenu .submenu-fixed .selected-result {
        width: 100%;
        padding: 0 10px;
        font-size: 16px
    }

    .headerfixed {
        top: -60px !important
    }

    .submenufixed {
        top: 60px !important
    }
}

.search hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    --border-opacity: 1;
    border-color: #dee3ea;
    border-color: rgba(222, 227, 234, var(--border-opacity))
}

@media (min-width:768px) {
    .search-aside {
        height: 100vh;
        overflow-y: auto;
        top: 0;
        position: sticky
    }

    .search-aside::-webkit-scrollbar {
        width: 5px
    }

    .search-aside::-webkit-scrollbar-thumb {
        border-radius: 0;
        width: 5px;
        height: 30px;
        background-color: #ccc
    }

    .search-aside::-webkit-scrollbar-track {
        background-color: #fff
    }
}

.results hr {
    margin-top: .5rem;
    margin-bottom: 1rem;
    --border-opacity: 1;
    border-color: #26292e;
    border-color: rgba(38, 41, 46, var(--border-opacity))
}

.search::-webkit-input-placeholder {
    color: #b3b3b3;
    font-weight: 400
}

.search::-moz-placeholder {
    color: #b3b3b3;
    font-weight: 400
}

.search:-ms-input-placeholder {
    color: #b3b3b3;
    font-weight: 400
}

.search:-moz-placeholder {
    color: #b3b3b3;
    font-weight: 400
}

.subpages {
    margin: 40px 0
}

.subpages .content {
    margin: 0;
    line-height: 22px
}

.subpages .content.next,
.subpages .content.previous {
    display: inline-block;
    width: 100%;
    color: #333
}

.subpages .content.next p,
.subpages .content.previous p {
    color: #05a
}

.subpages .content.next:hover,
.subpages .content.previous:hover {
    text-decoration: none
}

.subpages .content .arrow {
    font-size: 22px
}

.subpages .content.previous {
    text-align: left
}

.subpages .content.next {
    text-align: right
}

.subpages .previous-content {
    padding: 0 20px 0 0
}

.subpages .previous-content span {
    margin-left: 8px
}

.subpages .next-content {
    padding: 0 0 0 20px;
    margin-left: auto
}

.subpages .next-content span {
    margin-right: 8px
}

.subpages .next-page-name,
.subpages .previous-page-name {
    margin-top: 10px
}

.subpages .next-page-name:hover,
.subpages .previous-page-name:hover {
    text-decoration: underline
}

@media (max-width:575px) {
    .subpages .previous-content {
        padding: 0 20px 0 0
    }

    .subpages .next-content {
        padding: 0 0 0 20px
    }

    .subpages .content {
        font-size: 16px;
        line-height: 25px
    }
}

span.field_with_errors {
    color: #bf0909;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
    padding: 0;
    text-align: left;
    font-size: 15px
}

#result_message {
    font-size: 20px;
    background: #f9fafc;
    padding: 5px 20px 15px;
    border-radius: 5px;
    margin-bottom: 10px
}

.contact_form {
    margin-top: 32px
}

.alert {
    border: 1px solid;
    border-radius: 0;
    padding: 5px 10px;
    position: relative;
    margin-bottom: 1rem
}

.alert a.alert-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.alert p {
    margin-bottom: 0
}

.alert-notice {
    border-color: green;
    color: green
}

.alert-notice a.alert-close {
    color: green
}

.alert-error {
    border-color: red;
    color: red
}

.alert-error a.alert-close {
    color: red
}

.alert-alert {
    border-color: orange;
    color: orange
}

.alert-alert a.alert-close {
    color: orange
}

.tooltip {
    background: #e25959;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    line-height: 19px
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px
}

.tabs {
    margin: 0 0 50px;
    padding-bottom: 15px
}

@media (max-width:767px) {
    .tabs {
        margin-bottom: 30px
    }
}

.tabs.color {
    border-bottom: 2px solid #eff1f4
}

.tabs .tab {
    padding: 4px 0 10px;
    text-align: center;
    height: 125px;
    position: relative
}

.tabs .link {
    cursor: pointer;
    text-decoration: none;
    transition: background-color .2s cubic-bezier(.55, 0, .55, .2);
    display: block
}

.tabs .action .ball {
    width: 80px;
    height: 80px;
    font-size: 55px;
    border-radius: 50%;
    padding: 15px 12px;
    line-height: 55px
}

.tabs .upper {
    bottom: -15px;
    left: 50%;
    margin-left: -14px;
    display: none
}

.tabs .upper,
.tabs .upper:after {
    position: absolute;
    box-sizing: border-box
}

.tabs .upper:after {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 10px;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -3px 2px 3px #0000001f
}

.tabs .description {
    line-height: 30px;
    padding: 10px;
    color: #232323;
    font-weight: 400;
    line-height: 20px
}

@media (max-width:575px) {
    .tabs .description {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 4px;
        word-wrap: break-word
    }

    .tabs .action .ball {
        width: 60px;
        height: 60px;
        font-size: 45px;
        padding: 5px
    }
}

.institution-tabs a[role=tab] {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    text-decoration: none
}

.institution-tabs a[role=tab]:hover {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.institution-tabs a[role=tab]:focus {
    background-color: transparent
}

.institution-tabs a[role=tab][aria-selected=true] {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-top: 5px solid #0056ac
}

.institution-tabs a[role=tab][aria-selected=false] {
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity))
}

.institution-tabs a[role=tab][aria-selected=false]:hover {
    background-color: #dee3eacc
}

hr.line {
    height: .15rem
}

.badger-accordion__panel {
    max-height: 75vh;
    overflow: hidden
}

.badger-accordion__panel.-ba-is-hidden {
    max-height: 0 !important;
    visibility: hidden
}

.badger-accordion--initialized .badger-accordion__panel {
    transition: all .2s ease-in-out
}

.js-badger-accordion-panel {
    max-height: 100% !important
}

.js-badger-accordion-header {
    position: relative;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

@media (min-width:768px) {
    .js-badger-accordion-header:hover {
        --text-opacity: 1;
        color: #0056ac;
        color: rgba(0, 86, 172, var(--text-opacity));
        position: relative
    }

    .js-badger-accordion-header:hover:after {
        content: " ";
        width: 96%;
        height: 3px;
        --bg-opacity: 1;
        background-color: #0056ac;
        background-color: rgba(0, 86, 172, var(--bg-opacity));
        position: absolute;
        margin-bottom: 1rem;
        bottom: -15px;
        left: 20px
    }
}

.js-badger-accordion-header__default {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.js-badger-accordion-header__default:before {
    content: " ";
    width: 96%;
    height: 1px;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    position: absolute;
    margin-bottom: 1rem;
    bottom: -15px;
    left: 5px
}

@media (min-width:768px) {
    .js-badger-accordion-header__default:before {
        left: 20px
    }
}

.js-badger-accordion-panel {
    position: relative
}

.js-badger-accordion-panel__selected {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.js-badger-accordion-panel__selected:after {
    content: " ";
    width: 96%;
    height: 3px;
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    position: absolute;
    margin-bottom: 1rem;
    bottom: -5px;
    left: 2%
}

.see-details {
    text-align: center;
    font-weight: 400;
    color: #646565;
    border: 1px solid #646565;
    padding: .5rem;
    display: block;
    width: 100%;
    white-space: pre
}

.see-details:focus {
    background-color: transparent
}

.see-details:hover {
    color: #2f2f2f
}

.tupa {
    width: 100%;
    white-space: normal;
    text-align: center
}

.see-more {
    margin-left: -23px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px
}

@media (max-width:768px) {
    .see-more {
        margin-left: 0
    }
}

.no-link,
.no-link:hover {
    text-decoration: none !important;
    color: inherit !important
}

.no-link:-webkit-any-link {
    text-decoration: none !important;
    color: inherit !important
}

.link {
    cursor: pointer;
    display: flex
}

.link:hover {
    text-decoration: underline
}

.thin-link {
    font-weight: 400
}

.quick-links li {
    position: relative;
    margin-right: 3rem;
    padding-left: 1rem
}

.quick-links li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
    content: "";
    left: -18px;
    width: 5px;
    height: 5px;
    background: #05a;
    left: 0
}

.page__title {
    font-size: 1.875rem;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    font-weight: 800;
    line-height: 2.25rem
}

@media (min-width:768px) {
    .page__title {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.page__modality-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width:768px) {
    .page__modality-title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.page__content {
    font-size: 1rem;
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity));
    line-height: 1.5rem;
    letter-spacing: .22px
}

.page__content strong {
    font-weight: 700
}

.page__content .boton a {
    font-weight: 700;
    text-align: center;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    font-size: 1.125rem;
    padding: 1rem 1.5rem;
    width: 100%;
    cursor: pointer
}

.page__content .boton a,
.page__content .boton a:hover {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.page__content .boton a:hover {
    text-decoration: none;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity))
}

.page__content .boton a:focus {
    --bg-opacity: 1;
    background-color: #ffd147;
    background-color: rgba(255, 209, 71, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #ffd147;
    border-color: rgba(255, 209, 71, var(--border-opacity));
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.page__content .boton a:active {
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.page__content .boton a.disabled,
.page__content .boton a:disabled,
.page__content .boton a[disabled] {
    --text-opacity: 1;
    color: #6f777b;
    color: rgba(111, 119, 123, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity));
    pointer-events: none
}

.page__content a {
    font-weight: 500
}

.page__secondary-content .content {
    border-bottom: 1px solid #e5e5e5
}

.page__secondary-content a {
    font-size: 16px;
    line-height: 22px
}

.page__secondary-content p>a {
    font-weight: 700
}

.page__secondary-content-title {
    color: #2f2f2f;
    padding-top: 8px;
    margin-bottom: 15px
}

.page__tabs {
    margin-top: 50px
}

.page__modality-name {
    color: #646565;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff1f4
}

.page__modality:hover {
    text-decoration: none
}

.page__modality--active .page__modality-icon,
.page__modality--active .page__modality-name,
.page__modality:hover .page__modality-icon,
.page__modality:hover .page__modality-name {
    color: #00823b
}

.page__modality--active .page__modality-name {
    border-bottom: 1px solid #00823b
}

.page__modality-icon {
    height: 66px;
    font-size: 66px;
    color: #e5e5e5
}

.page__disabled {
    font-size: 21px;
    letter-spacing: .21px;
    line-height: 33px
}

.page strong {
    font-weight: 600
}

.page h5 {
    font-weight: 500
}

.page ul:not(.paginator) {
    margin-bottom: 24px
}

.page ul:not(.paginator)>ul {
    padding-left: 18px;
    margin-bottom: 0
}

.page ul:not(.paginator)>li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 16px
}

.page ul:not(.paginator)>li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #00823b;
    top: 11px
}

.page li {
    font-size: 16px;
    line-height: 30px
}

.page .important {
    border-radius: 3px;
    background: #f9fafc;
    padding: 12px 28px
}

.page .box-collapsable {
    position: relative;
    padding-left: 1.3rem
}

.page .box-collapsable p {
    margin-left: .75rem
}

.page .box-collapsable h2:first-of-type {
    display: block !important;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    margin-left: .75rem
}

.page .box-collapsable:not(.box-collapsable--show) .page__box-text * {
    display: none
}

.page .box-collapsable--show.box-collapsable:before {
    transform: rotate(90deg);
    cursor: pointer;
    content: url(arrow_collapsable-531397ddb24b08bafe7f30f68a01a390.2b1f281a4045d1c4.svg)
}

.page .box-collapsable:not(.box-collapsable--show):before {
    transform: rotate(0);
    cursor: pointer;
    content: url(arrow_collapsable-531397ddb24b08bafe7f30f68a01a390.2b1f281a4045d1c4.svg)
}

.page .box-collapsable:before {
    position: absolute;
    font-weight: 700;
    left: 0;
    top: 4px;
    transition: transform .2s
}

.page .requirement {
    --border-opacity: 1;
    border-color: #eef0f4;
    border-left-color: rgba(238, 240, 244, var(--border-opacity));
    border-right-color: rgba(238, 240, 244, var(--border-opacity));
    border-left-style: solid;
    border-bottom: 2px solid rgba(238, 240, 244, var(--border-opacity));
    border-right-style: solid;
    border-top: 2px solid rgba(238, 240, 244, var(--border-opacity));
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 1.5rem
}

.page .requirement ul>li {
    position: relative;
    padding-left: 20px
}

.page .requirement ul>li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #00823b;
    top: 12px
}

.page .requirement>ul {
    margin-left: 0
}

.page .requirement>ul>li {
    position: relative;
    padding-left: 25px
}

.page .requirement>ul>li:before {
    content: "r";
    position: absolute;
    font-family: peru;
    border: 0;
    color: #00823b;
    font-size: 22px;
    width: 22px;
    height: 22px;
    top: 0;
    left: -4px;
    margin-right: 8px
}

.page .requirement>ul>ul,
.page .requirement>ul>ul>ul {
    margin-left: 25px
}

.page .requirement>ul>ul>ul>li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
    content: "";
    left: -18px;
    width: 5px;
    height: 5px;
    background: #00823b;
    left: -4px
}

.page div:not(.requirement)>ul>li {
    position: relative;
    padding-left: 16px
}

.page :not(.submenu-content)>ol {
    list-style: none;
    counter-reset: li;
    margin-bottom: 24px;
    padding-left: 20px
}

.page :not(.submenu-content)>ol li {
    counter-increment: li
}

.page :not(.submenu-content)>ol li:before {
    content: "." counter(li);
    color: #00823b;
    display: inline-block;
    width: 2em;
    margin-left: -2.5em;
    margin-right: .5em;
    text-align: right;
    direction: rtl
}

.page__box-title {
    font-size: 1.25rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #2f2f2f;
    color: rgba(47, 47, 47, var(--text-opacity));
    letter-spacing: .22px;
    padding-bottom: 23px
}

@media (min-width:768px) {
    .page__box-title {
        font-size: 1.5rem
    }
}

.page__box-title-important {
    font-size: 1rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #2f2f2f;
    color: rgba(47, 47, 47, var(--text-opacity));
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-bottom: .75rem;
    letter-spacing: .22px
}

@media (min-width:768px) {
    .page__box-title-important {
        font-size: 1.25rem
    }
}

.page__subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media (min-width:768px) {
    .page__subtitle {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.page__last-modification {
    color: #646565;
    border-top: 1px solid #eff1f4;
    padding-top: 24px;
    margin-bottom: 72px;
    margin-top: 56px;
    font-size: 14px;
    line-height: 19px
}

@media (max-width:400px) {
    .page__last-modification {
        padding-left: 15px
    }
}

.page__contact-form {
    display: none
}

.modality-title-no-js h3 {
    font-size: 5rem
}

.modality-title-no-js h3 .icon {
    vertical-align: middle;
    color: #bf0909;
    font-size: 4rem;
    width: 5rem
}

.page .icon-right-s {
    font-size: 22px
}

.page.prev-menu {
    padding: 10px 0 40px
}

.page .header {
    padding: 0 0 10px
}

.page .header .icon {
    margin: -12px 8px 0 -6px;
    font-size: 45px
}

.page .header .page-title {
    display: inline-block;
    width: calc(100% - 48px)
}

.page .header .more {
    margin: 0 0 0 40px;
    position: absolute;
    right: 15px;
    bottom: -44px
}

.page .body img {
    width: 100%
}

.page .body a {
    font-size: 16px
}

.page .body .truncate {
    padding: 0 90px 0 15px;
    line-height: 22px;
    height: 58px
}

.page .body .date {
    font-size: 14px
}

.page .body .date-thin {
    font-size: 14px;
    margin-top: -10px;
    margin-bottom: 0
}

.page .body .important {
    padding-bottom: 20px
}

.page .body .important a {
    font-size: 18px
}

.page .body .other-news {
    margin-top: 40px
}

.page .body .other-news .date {
    margin-bottom: 0
}

.page .body.directory figure {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: inline-block;
    overflow: hidden
}

.page .body.directory .afficial {
    padding: 0 36px
}

.page .body.directory .charge {
    display: table;
    height: 70px;
    width: 100%;
    text-align: center
}

.page .body.directory .charge span {
    display: table-cell;
    vertical-align: middle
}

.page .body.directory .contact {
    font-size: 13px;
    margin-bottom: 0
}

.page .body.contact {
    border: 1px solid #e7e7e7;
    padding: 26px;
    border-radius: 5px;
    height: 450px;
    overflow: auto
}

.page .body.contact .column {
    padding-right: 20px
}

.page .body.contact p {
    margin-bottom: 0
}

.page .body.tweet {
    height: 450px;
    overflow: auto
}

.page .body.tweet .column {
    padding-right: 20px
}

.page.no-border {
    border-bottom: none;
    padding-bottom: 0
}

.pages {
    margin: 0;
    padding: 5px
}

.pages h5 {
    font-size: 18px;
    margin: 10px 0
}

@media (max-width:767px) {
    .institution {
        padding: 0 10px
    }
}

.menu-left {
    z-index: 99;
    background: #fff;
    position: relative;
    margin: 9px 0
}

.menu-left a {
    color: #424242;
    display: inline-block;
    padding: 4px 10px 5px;
    border: 1px solid #fff;
    width: 100%
}

.menu-left a.active,
.menu-left a:hover {
    background: #e25959;
    color: #fff;
    padding: 4px 10px;
    text-decoration: none
}

.menu-left .menu-item {
    border: 1px solid #dedede;
    padding: 8px 10px 6px;
    position: relative;
    border-radius: 6px;
    cursor: pointer
}

.menu-left .menu-item .icon-add-s {
    color: #e25959;
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    right: 6px;
    top: 5px
}

.menu-left .menu-items {
    display: none;
    padding: 15px 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    top: 48px;
    box-shadow: 0 4px 5px 0 transparent, 0 1px 10px #0000001f, 0 2px 4px -1px #0003;
    position: absolute
}

.person {
    text-align: center;
    min-height: 250px;
    margin-bottom: 20px
}

.person .mark {
    border: 1px solid #ddd;
    min-height: 250px;
    border-radius: 5px;
    padding: 20px 20px 0;
    box-shadow: 2px 2px 4px #00000026
}

.fixed-mark {
    height: 390px
}

.info-notice {
    border-left: 3px solid #e25959;
    padding: .7em 0 .8em 1em
}

.fragment {
    padding: 20px 0;
    position: relative;
    line-height: 3rem
}

.fragment__procedures {
    padding-left: 30px
}

.documents .document .document-thumb img {
    display: block;
    width: 99px;
    height: 140px;
    background: #fff;
    outline: 5px solid rgba(11, 12, 12, .1);
    box-shadow: 0 2px 2px #0b0c0c66
}

@media (max-width:767px) {
    .documents .document .document-thumb img {
        display: none
    }
}

.documents .document .document-thumb .file-type {
    color: #fff;
    font-weight: 700;
    position: absolute;
    width: 99px;
    text-align: center;
    margin-top: 12px
}

@media (min-width:768px) {
    .documents .document-detail {
        padding-left: 10px
    }
}

.doc-subnav {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

@media (max-width:767px) {
    .doc-subnav {
        flex-direction: column
    }
}

.doc-subnav>* {
    flex: none;
    padding-left: 15px;
    position: relative
}

.bar-menu {
    background: #f9fafc;
    padding: 0 20px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-height: 60px
}

.bar-menu li {
    margin: auto;
    padding-left: 0
}

@media (max-width:767px) {
    .bar-menu li {
        margin: 0;
        padding: 6px
    }
}

.bar-menu li.active a {
    color: #333;
    font-weight: 700
}

.bar-menu li a {
    padding: 1rem;
    text-decoration: none
}

.feedback-item {
    margin-top: 0
}

.unpublished-page {
    background: #00823b;
    color: #fff;
    padding: 13px 0
}

@media (max-width:991px) {

    .unpublished-page h3,
    .unpublished-page p {
        text-align: center
    }
}

.unpublished-page h3 {
    margin-bottom: 0;
    color: #fff;
    padding-top: 2px
}

.unpublished-page p {
    margin-top: 8px;
    line-height: 26px
}

.unpublished-page a.button {
    background: #fff;
    border: 0;
    color: #2f2f2f;
    display: block;
    margin-top: 5px;
    padding: 15px 25px
}

@media (max-width:991px) {
    .unpublished-page a.button {
        margin-top: 15px;
        margin-bottom: 5px
    }
}

.comments-group .icons-container {
    width: 10%;
    float: left
}

.comments-group .notes-container {
    width: 90%;
    float: left
}

section .beta-side h4 {
    margin-top: 16px
}

section .beta-side label {
    width: 100%
}

@media (max-width:575px) {

    .boton a,
    .button {
        width: 100%
    }

    .npl {
        padding: 0
    }

    .search-mac {
        padding-top: 70px
    }

    .institution,
    .pages {
        padding: 0
    }

    .page .body .important {
        padding-bottom: 30px
    }

    .page .body .important .date {
        font-size: 14px
    }

    .page .body .important .description,
    .page .body .important a {
        font-size: 16px
    }

    .page .body.directory figure {
        width: 160px;
        height: 160px
    }

    .page .body .chart,
    .page .body.directory .person {
        border-bottom: 1px solid #dedede;
        margin: 0 40px 30px;
        padding: 0 0 30px
    }

    .page .body .chart:last-child,
    .page .body.directory .person:last-child {
        border: none
    }

    .menu-left a.active,
    .menu-left a:hover {
        width: 100%;
        border-radius: 0
    }

    .menu-left {
        margin: 40px 0 0
    }

    .menu-left .text {
        font-weight: 400
    }

    .page .body .truncate {
        padding: 0 90px 15px 15px;
        line-height: 22px;
        height: auto
    }

    .page.npt ul.row {
        margin-bottom: 0
    }

    .menu-mobile {
        display: none
    }

    .tweetpd {
        padding: 50px 20px 0
    }
}

#form_ubigeo_data,
#result_ubigeo {
    font-size: 14px
}

#result_ubigeo span {
    background: #f9fafc;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 16px;
    display: block
}

#result_ubigeo div,
#result_ubigeo ul {
    background: #f9fafc;
    padding: 20px;
    border-radius: 6px;
    font-size: 16px
}

#result_ubigeo ul.no-list li {
    font-size: 14px;
    list-style-type: none;
    line-height: 26px;
    margin: 15px 0;
    word-wrap: break-word
}

#result_ubigeo ul.no-list li:before {
    content: none
}

#result_ubigeo b {
    display: block
}

.cookies-page-container {
    margin-top: 50px;
    padding-bottom: 50px
}

.ubigeo-result {
    margin-top: 25px
}

@media (max-width:575px) {
    #ubigeo .option {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #result_ubigeo ul {
        margin: 20px 0 0;
        padding: 10px
    }

    #ubigeo-content {
        padding: 0
    }
}

@media (max-width:991px) {
    .comments-group {
        display: none
    }
}

.float-right {
    float: right
}

@media print {

    .no-print,
    input {
        display: none !important
    }

    a {
        color: #000 !important;
        font-weight: bolder !important
    }

    .page .box-collapsable:not(.box-collapsable--show) * {
        display: block !important
    }

    .page .box-collapsable:not(.box-collapsable--show):before {
        content: "\e048"
    }
}

.content-structure h2 {
    font-size: 1.125rem
}

.criteria-form {
    color: #333;
    font-size: 20px
}

.criteria-form__label {
    margin-bottom: 8px
}

.info-page {
    padding-bottom: 2.5rem
}

.info-page ol li:before {
    display: none
}

.info-page__title {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.info-page__secondary-title {
    font-size: 1rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

@media (min-width:768px) {
    .info-page__secondary-title {
        font-size: 1.25rem
    }
}

.info-page__tile {
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-bottom: 1.25rem;
    padding: 1.5rem;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --border-opacity: 1;
    border: 1px solid #edf0f4;
    border-color: rgba(237, 240, 244, var(--border-opacity));
    border-bottom: 4px solid #000
}

@media (min-width:768px) {
    .info-page__tile {
        padding: 34px
    }
}

.info-page__stat {
    font-size: 1.875rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    margin-top: 1.25rem
}

@media (min-width:768px) {
    .info-page__stat {
        font-size: 2.25rem
    }
}

.info-page__list {
    font-weight: 400
}

.info-page__list li {
    font-size: 1rem;
    margin-bottom: 6px;
    position: relative
}

@media (min-width:768px) {
    .info-page__list li {
        margin-bottom: .25rem
    }
}

.categories {
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 100px;
    min-height: 500px
}

@media (max-width:575px) {
    .categories {
        padding-bottom: 35px
    }
}

.categories .content-child {
    background: #f9fafc;
    border: 1px solid #eff1f4;
    border-radius: 5px
}

.categories li {
    line-height: 20px
}

.categories .title-categories {
    padding: 0 0 20px;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: #2f2f2f
}

.categories .category-link {
    color: #646565;
    font-size: 15px;
    line-height: 25px;
    display: block;
    padding: 12px 60px 12px 20px;
    position: relative;
    margin: 0;
    transition: background-color .3s ease-in-out, border-left .2s ease-out
}

.categories .category-link .arrow {
    position: absolute;
    right: 16px;
    top: 12px;
    color: #2f2f2f;
    height: 14px;
    width: 14px;
    transition: transform .3s ease-in-out
}

.categories .category-link:hover {
    background: #fff
}

.categories .category-link.active,
.categories .category-link:focus {
    background-color: #fff;
    text-decoration: none;
    position: relative
}

.categories .category-link.active:before,
.categories .category-link:focus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #e25959
}

.categories .category-link.active .arrow,
.categories .category-link:focus .arrow {
    transform: translate(4px)
}

.categories .category-search-result {
    margin-bottom: 16px
}

.categories .category-search-result .no-results {
    color: #2f2f2f
}

.categories .linkto {
    color: #646565;
    line-height: 25px;
    margin-bottom: 1rem;
    display: block
}

.categories .linkto span {
    font-size: 16px;
    color: #05a
}

.categories .linkto span:hover {
    text-decoration: underline
}

.categories .linkto .description {
    font-size: 16px;
    line-height: 25px;
    margin-top: 2px;
    margin-bottom: 25px
}

.categories .linkto.active,
.categories .linkto:hover {
    text-decoration: none
}

.categories .categories-link {
    display: block;
    font-size: 17px;
    line-height: 35px;
    margin-bottom: 17px
}

.categories .categories-link:hover {
    text-decoration: none
}

.categories .categories-link .text {
    margin-left: 10px
}

#category-search,
.category-search {
    border-radius: 5px;
    width: 100%;
    margin: 0 0 20px
}

#category-search span,
.category-search span {
    font-weight: 400
}

#category-search .category-search-input,
.category-search .category-search-input {
    background-color: #fff;
    border: 1px solid #e0e2e6;
    border-radius: 5px;
    height: 45px;
    margin-bottom: 16px;
    padding-left: 20px
}

#category-search .item-autocomplete,
.category-search .item-autocomplete {
    color: #05a;
    line-height: 23px;
    display: inline-block;
    padding: 5px 0
}

.holidays {
    padding-bottom: 30px
}

.holidays__title {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 30px;
    margin-top: 19px
}

.holidays__following,
.holidays__title {
    margin-bottom: 20px
}

.holidays__recent-holiday {
    background-color: #00823b;
    color: #fff;
    border-radius: 3px;
    min-height: 170px;
    padding: 34px 23px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:992px) {
    .holidays__recent-holiday {
        width: 80%
    }
}

.holidays__recent-holiday-date {
    line-height: 40px;
    font-size: 35px;
    font-weight: 700
}

.holidays__recent-holiday-name {
    color: #eff1f4;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 16px;
    margin-bottom: 0
}

.holidays .jumbotron {
    text-align: center;
    position: relative;
    margin-bottom: 46px
}

.holidays__next-title {
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 32px
}

.holidays__list {
    margin-bottom: 44px
}

.holidays__list-item {
    font-size: 18px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 25px;
    line-height: 30px
}

.holidays__list-item:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #00823b;
    top: 12px
}

.holidays__list-item-date {
    color: #2f2f2f;
    font-weight: 600
}

.holidays__list-item-name {
    color: #646565
}

#calculator {
    height: 200px;
    border-radius: 6px;
    font-size: 35px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 0 11px #8a8e924d;
    border: 1px solid #eef0f4;
    border-bottom: 3px solid #26292e
}

#calculator .block {
    padding: 0
}

#calculator .border-line {
    height: 100px;
    margin: 5px 0;
    border-right: 1px solid #e5e5e5
}

#calculator input {
    margin: 1.5rem 1rem .5rem;
    text-align: center;
    height: 120px;
    width: 75%;
    border: 1px solid #26292e;
    box-sizing: border-box;
    font-weight: 700
}

.cal_equals {
    width: 40px;
    right: -21px;
    top: 72px;
    z-index: 1;
    font-size: 50px;
    padding: 0
}

.cal_equals,
.cal_text {
    position: absolute;
    font-weight: 700;
    text-align: center
}

.cal_text {
    bottom: 20px;
    left: 0;
    font-size: 20px;
    width: 100%;
    height: 20px;
    color: #68758a
}

.cal_edit {
    position: absolute;
    top: 2px;
    right: 9px;
    font-size: 20px;
    z-index: 1
}

#botoncont {
    padding-top: 2.25rem
}

#js-botonuit {
    padding-left: 5rem;
    padding-right: 5rem;
    font-size: 1rem
}

.boton-uit-calculator {
    justify-content: center
}

@media (max-width:575px) {
    #calculator-container {
        padding: 0;
        max-width: 100%
    }

    #calculator {
        margin-left: 1rem;
        margin-right: 1rem;
        display: block;
        height: 700px;
        width: 93%
    }

    #calculator input {
        margin-top: 2.5rem;
        height: 130px;
        max-width: 65%;
        font-size: 40px
    }

    .cal_equals {
        position: relative;
        top: 18px;
        width: 100%;
        right: 0;
        font-size: 48px
    }

    .cal_text {
        position: inherit;
        padding: 0;
        bottom: 2px;
        font-size: 16px;
        font-weight: 400
    }

    #botoncont {
        padding-left: 1rem;
        width: 93%
    }

    #js-botonuit {
        margin-left: 1rem
    }

    .boton-uit-calculator {
        justify-content: left
    }
}

.feedback {
    border-bottom: 1px solid #e5e5e5
}

@media (min-width:992px) {

    .feedback__button-wrapper,
    .feedback__textarea-wrapper {
        padding: 0
    }
}

.feedback__textarea {
    --border-opacity: 1;
    border: 1px solid #e5e5e5;
    border-color: rgba(229, 229, 229, var(--border-opacity));
    border-radius: .125rem;
    font-size: .875rem;
    margin-top: 0;
    --text-opacity: 1;
    color: #646565;
    color: rgba(100, 101, 101, var(--text-opacity));
    line-height: 35px
}

.feedback__items {
    display: flex;
    justify-content: center
}

.feedback__ball {
    --border-opacity: 1;
    border: 1px solid #e5e5e5;
    border-color: rgba(229, 229, 229, var(--border-opacity))
}

.feedback__ball--positive {
    line-height: 57px
}

.feedback__ball--negative {
    line-height: 65px
}

.feedback__icon {
    display: inline-block
}

.feedback__icon--positive {
    margin-left: 2px
}

.feedback__icon--negative {
    margin-right: 2px
}

.feedback__count {
    margin-top: 8px
}

.feedback__count--positive {
    --text-opacity: 1;
    color: #00823b;
    color: rgba(0, 130, 59, var(--text-opacity))
}

.feedback__count--negative {
    --text-opacity: 1;
    color: #cf000b;
    color: rgba(207, 0, 11, var(--text-opacity))
}

.feedback__input {
    font-size: 1rem;
    --border-opacity: 1;
    border: 1px solid #70777b;
    border-color: rgba(112, 119, 123, var(--border-opacity));
    border-radius: .125rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity));
    padding: 10px;
    line-height: 18px
}

.feedback__input:focus {
    --border-opacity: 1;
    border: 1px solid #00823b;
    border-color: rgba(0, 130, 59, var(--border-opacity))
}

.feedback__input--invalid {
    --border-opacity: 1;
    border: 1px solid #f04134;
    border-color: rgba(240, 65, 52, var(--border-opacity))
}

.feedback__textarea {
    min-height: 90px
}

.feedback__error-message {
    --text-opacity: 1;
    color: #f04134;
    color: rgba(240, 65, 52, var(--text-opacity));
    font-size: 13px;
    line-height: 19px;
    text-align: left
}

.contact-form__form-group {
    margin-top: 16px
}

.contact-form__label {
    color: #2f2f2f;
    font-size: 14px;
    line-height: 18px
}

.contact-form__form-institution__textarea label {
    display: none
}

.contact-form__form-institution__radio-label {
    display: block
}

.contact-form__form-institution__form {
    padding: 1.5rem
}

.contact-form__form-institution__link {
    flex-direction: column;
    display: flex;
    align-items: center
}

@media (min-width:768px) {
    .contact-form__form-institution__link {
        flex-direction: row;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.contact-form__form-institution__bar--green {
    height: .3rem;
    background-color: #00823b
}

.contact-form__form-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.contact-form__input {
    font-size: 16px;
    padding: 10px;
    border: 1px solid #e0e2e6;
    border-radius: 2px;
    background-color: #fff;
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #333
}

.contact-form__input:focus {
    border: 1px solid #00823b
}

.contact-form__input--invalid {
    border: 1px solid #f04134
}

.contact-form__textarea {
    min-height: 90px
}

.contact-form__error-message {
    font-size: 13px;
    line-height: 19px;
    color: #f04134;
    text-align: left
}

.thanks {
    color: #646565;
    font-size: 16px;
    line-height: 35px;
    margin-top: 20px
}

.social-utils {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.social-utils .actions {
    width: 70%;
    margin: 0 auto
}

@media (max-width:575px) {
    .social-utils .actions {
        width: 90%
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .social-utils .actions {
        width: 80%
    }
}

.social-utils__icon {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity))
}

.social-utils__icon i {
    transition: all .3s ease-in-out
}

.social-utils__icon.active i,
.social-utils__icon:active i,
.social-utils__icon:hover i {
    --text-opacity: 1;
    color: #ee6b6b;
    color: rgba(238, 107, 107, var(--text-opacity))
}

.social-utils__icon:hover svg {
    fill: currentColor;
    --text-opacity: 1;
    color: #eef0f4;
    color: rgba(238, 240, 244, var(--text-opacity))
}

@media (max-width:991px) {
    .social-utils__icon {
        font-size: 35px
    }
}

.social-utils__icon-description {
    font-size: 1rem;
    margin-top: .5rem;
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity));
    line-height: 1.5rem;
    word-break: normal
}

.social-utils__share-content {
    display: none;
    width: 70%;
    margin: .5rem auto 0
}

@media (max-width:575px) {
    .social-utils__share-content {
        width: 90%
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .social-utils__share-content {
        width: 80%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .social-utils__share-content {
        width: 55%;
        margin-left: auto;
        margin-right: auto
    }
}

.social-utils__share-icons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.social-utils__social-icon {
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    position: relative
}

.social-utils__social-icon:focus .social-utils__medium,
.social-utils__social-icon:hover .social-utils__medium {
    opacity: 1
}

.social-utils__social-icon i {
    font-size: 35px
}

.social-utils__social-icon--facebook,
.social-utils__social-icon--facebook:active,
.social-utils__social-icon--facebook:focus,
.social-utils__social-icon--facebook:hover {
    --text-opacity: 1;
    color: #3b5998;
    color: rgba(59, 89, 152, var(--text-opacity))
}

.social-utils__social-icon--twitter,
.social-utils__social-icon--twitter:active,
.social-utils__social-icon--twitter:focus,
.social-utils__social-icon--twitter:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity))
}

.social-utils__social-icon--whatsapp,
.social-utils__social-icon--whatsapp:active,
.social-utils__social-icon--whatsapp:focus,
.social-utils__social-icon--whatsapp:hover {
    --text-opacity: 1;
    color: #34af23;
    color: rgba(52, 175, 35, var(--text-opacity))
}

.social-utils__social-icon--email,
.social-utils__social-icon--email:active,
.social-utils__social-icon--email:focus,
.social-utils__social-icon--email:hover {
    --text-opacity: 1;
    color: #ee6b6b;
    color: rgba(238, 107, 107, var(--text-opacity))
}

.social-utils__medium {
    position: absolute;
    opacity: 0;
    left: 40px;
    font-size: 14px;
    line-height: 20px;
    transition: all .1s ease-in-out;
    word-break: normal
}

.social-utils__medium:focus,
.social-utils__medium:hover {
    opacity: 1
}

.social-utils a:active,
.social-utils a:focus,
.social-utils a:hover {
    text-decoration: none
}

@media (max-width:767px) {
    .social-utils .action:not(.bookmark) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }
}

@media (max-width:575px) {
    .social-utils .action {
        cursor: pointer;
        padding: 0;
        text-align: center
    }
}

.social-utils #social-focus:first-child a:focus svg:first-child {
    display: none
}

.social-utils #social-focus:first-child a:focus svg:last-child {
    display: inline-block
}

.social-utils #social-focus:first-of-type+#social-focus a:focus .share-svg {
    fill: currentColor;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.social-utils #social-focus:first-of-type+#social-focus a:focus .share-svg .change_plus {
    stroke: currentColor;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.social-utils #social-focus:last-child a:focus .bookmark-svg {
    fill: currentColor;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.social-utils #social-focus:last-child a:focus .bookmark-svg .change_plus {
    stroke: currentColor;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (max-width:575px) {
    .social-utils .actions {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width:500px) and (max-width:767px) {
    .social-utils .actions {
        width: 55%;
        margin: 0 auto
    }
}

nav.pagination {
    margin-top: 2rem;
    text-align: center;
    font-size: 1.1rem
}

nav.pagination span {
    padding: 0 .5rem 0 0;
    border: none
}

nav.pagination i {
    font-size: 1.3rem
}

.searches-index .pagination {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
    font-weight: 700
}

.searches-index .pagination .active {
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity));
    border-bottom-width: 4px;
    --border-opacity: 1;
    border-color: #333;
    border-color: rgba(51, 51, 51, var(--border-opacity))
}

.searches-index .pagination .active a {
    cursor: default;
    color: inherit
}

.searches-index .pagination .active a:hover {
    text-decoration: none
}

.searches-index .pagination li:not(.active) a {
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity))
}

.searches-index .pagination .disabled {
    visibility: hidden;
    display: none
}

.searches-index .pagination li {
    margin: 0 .5rem;
    padding: 0 .5rem
}

p.publication {
    font-size: 14px;
    margin-bottom: 3px
}

p.pcontent {
    font-size: 16px
}

p.details {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px
}

p.details.photographer {
    margin-top: -12px
}

p.author {
    font-size: 16px;
    margin: 16px 0 0
}

.entities__title {
    margin-top: 20px;
    margin-bottom: 30px
}

.entities__powers {
    padding-bottom: 15px;
    margin-bottom: 15px
}

.entities__entity {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #6f777b;
    border-color: rgba(111, 119, 123, var(--border-opacity));
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

.entities__entity:last-child {
    border-bottom-width: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.entities__content {
    line-height: 1.5rem;
    margin-top: 10px
}

.entities__content,
.entities__entity-info {
    font-size: 1rem;
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    letter-spacing: .13px
}

.entities__institution-type {
    margin-bottom: 1rem
}

.entities__country-type,
.entities__institution-type {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity));
    font-size: 1rem;
    font-weight: 700
}

.entities__country-type {
    margin-bottom: .5rem;
    margin-left: 1.5rem
}

.entities__zone-entities {
    margin-top: 30px
}

.entities-summary {
    margin-bottom: 6rem
}

.entities-summary .row .entities-number {
    color: #252a32;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px
}

.entities-summary .row .entities-link a {
    font-size: 18px;
    line-height: 25px
}

.entities-summary .row .entities-link a:hover {
    text-decoration: none
}

.entities-summary .row .entities-link i.icon {
    margin-left: 6px
}

.entities-summary .see-all {
    --bg-opacity: 1;
    background-color: #f6f9fc;
    background-color: rgba(246, 249, 252, var(--bg-opacity));
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    white-space: nowrap;
    padding: 5px 7px
}

.entities-summary .see-all i.icon {
    font-size: 14px;
    font-weight: 700;
    margin-left: 3px;
    vertical-align: baseline
}

.entities-summary .see-all:hover {
    cursor: pointer
}

.entities-summary .entities-list {
    margin-top: 2rem
}

.entities-summary .entities-list label.select {
    float: left
}

.entities-summary .entities-list .entity .entity-name a {
    font-size: 1.25rem;
    font-weight: 700;
    --text-opacity: 1;
    color: #0056ac;
    color: rgba(0, 86, 172, var(--text-opacity));
    display: flex;
    align-items: center;
    letter-spacing: .16px
}

.entities-summary .entities-list .entity .entity-name a svg.icon-external {
    margin-left: 1rem;
    fill: currentColor
}

.entities-summary .entities-list .entity .entity-children {
    font-size: 1rem;
    margin-top: 1rem
}

.entities-summary .entities-list .entity .children-list {
    --bg-opacity: 1;
    background-color: #f6f9fc;
    background-color: rgba(246, 249, 252, var(--bg-opacity));
    margin-top: 1rem;
    padding: 2rem
}

.entities-summary .entities-list .entity .children-list .entity-link {
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #919191;
    border-color: rgba(145, 145, 145, var(--border-opacity));
    display: flex;
    width: 100%;
    align-items: center
}

.entities-summary .entities-list .entity .children-list .entity-link svg.icon {
    display: inline;
    --bg-opacity: 1;
    background-color: #dee3ea;
    background-color: rgba(222, 227, 234, var(--bg-opacity));
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 2rem;
    min-width: 40px;
    padding: 13px 10px
}

.children-list .content p,
.power-details .content p {
    margin-bottom: 25px
}

.entities-zone {
    float: left;
    margin-left: 14px;
    margin-top: -5px;
    width: 40%
}

@media (max-width:450px) {
    .entities-zone {
        clear: left;
        margin-left: 0;
        margin-top: 10px
    }
}

.entities-zone:after {
    border-color: #222 transparent transparent
}

.entities-zone select {
    height: 36px;
    padding: 5px 13px
}

.powers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 3.2rem
}

.powers .row {
    width: 100%
}

.power {
    padding-top: 3.2rem
}

.power-title {
    font-weight: 600;
    font-size: 2.5rem
}

.power-card {
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    justify-content: center;
    width: calc(33.33% - 2rem);
    min-height: 8rem;
    color: #05a;
    min-width: 10rem;
    margin: auto
}

.power-card:-webkit-any-link {
    text-decoration: none
}

.power-card:hover {
    cursor: pointer;
    text-decoration: none
}

.power-card:hover .power-card__title {
    text-decoration: underline
}

.power-card:after {
    position: absolute;
    height: .25rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e25959
}

.power-card__title {
    font-size: 1.2rem
}

ul.children {
    margin-top: .5rem;
    margin-left: 2rem;
    margin-bottom: 2rem
}

ul.children li {
    position: relative;
    padding-left: 1.5rem;
    margin-top: .75rem;
    margin-bottom: .75rem
}

ul.children li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
    content: "";
    left: -18px;
    width: 5px;
    height: 5px;
    background: #0056ac;
    left: 10px
}

ul.children li a.entity-child {
    font-weight: 500 !important;
    font-size: 1rem !important
}

ul.children:last-child {
    margin-bottom: 0
}

.children-list,
.power-details {
    display: none
}

.power-home {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin: auto;
    width: 100%;
    font-weight: 700;
    min-width: 10rem
}

.power-home:-webkit-any-link {
    text-decoration: none
}

.power-home:hover {
    text-decoration: none;
    cursor: pointer
}

.power-home__title {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .power-home {
        width: calc(33.33% - 2rem)
    }
}

@media (max-width:639px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width:640px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width:1023px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width:1024px) {
    .hidden-lg-up {
        display: none !important
    }
}

.visible-print-block {
    display: none !important
}

.visible-block {
    display: block !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.text-lowercase {
    text-transform: lowercase
}

.toggle-on-clic {
    cursor: pointer
}

.box-shadow-indicadores {
    border-radius: 3px;
    box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030
}

.flex-center {
    display: flex;
    justify-content: center
}

.flex-right {
    display: flex;
    padding-right: 15px;
    flex-direction: row-reverse
}

.flex-align-center {
    display: flex;
    align-items: center
}

.flex-align-baseline {
    display: flex;
    align-items: baseline
}

.flex-grow {
    flex: 1 1 auto
}

.flex-end {
    align-self: flex-end
}

.no-margin {
    margin: 0
}

.no-padding {
    padding: 0
}

.no-padding-left {
    padding-left: 0
}

.break-word {
    word-break: break-word
}

@media (max-width:1040px) {
    .hidden-md-and-down {
        display: none
    }
}

.form-control-feedback {
    color: #f04134;
    font-size: 13px
}

.align-center {
    display: flex;
    align-items: center
}

.full-height {
    height: 100%
}

@media (max-width:991px) {
    .full-height {
        height: auto !important
    }
}

.d-md-flex {
    display: flex
}

@media (max-width:991px) {
    .d-md-flex {
        display: inline;
        display: initial
    }
}

.no-decoration,
.no-decoration:hover {
    text-decoration: none !important
}

.is-bold {
    font-weight: 700
}

.has-weight-500 {
    font-weight: 500
}

.has-shadow {
    box-shadow: 0 0 10px #0000001f
}

.img-circle,
.img-rounded,
.img-rounded img {
    border-radius: 50%
}

.img-150 {
    height: 150px
}

.img-140 {
    height: 140px
}

@media (max-width:768px) {
    .mb-mobile-spacer {
        padding-bottom: 2rem
    }
}

.word-break-all * {
    word-break: break-all
}

.word-break-word {
    word-break: break-word
}

.visuallyhidden {
    position: absolute;
    left: -9999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.portal-link {
    border-width: 2px;
    border-radius: .25rem;
    --border-opacity: 1;
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity));
    width: 100%
}

@media (max-width:1024px) {
    .portal-link {
        width: 100%
    }

    .portal-link a {
        flex: none
    }

    .portal-link a span {
        flex: none;
        margin-right: 0;
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.38rem
    }
}

.break-columns {
    page-break-inside: auto;
    break-inside: auto
}

.other-language {
    background-color: #f9fafc;
    padding: 10px
}

.other-language svg {
    width: 2rem
}

.other-language p {
    margin-bottom: 0
}

@media (max-width:768px) {
    .other-language__mobile {
        display: flex;
        margin: 0 20px 40px;
        width: 100%
    }
}

@media (min-width:769px) {
    .other-language__mobile {
        display: none
    }
}

.other-language__mobile__page {
    margin: 0
}

@media (max-width:768px) {
    .other-language__desktop {
        display: none
    }
}

@media (min-width:769px) {
    .other-language__desktop {
        display: flex;
        margin-bottom: 1rem;
        width: 270px
    }
}

.other-language__desktop__page {
    margin: 0 auto 40px;
    width: 250px
}

.other-language__desktop__institution {
    margin-bottom: 0;
    width: auto;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 15px;
    background-color: transparent
}

@media (max-width:768px) {
    .other-language__desktop__institution {
        display: flex
    }
}

.d-block {
    display: block
}

.other-language-icon,
.visible-focus:focus {
    position: relative
}

.other-language-icon__mobile:after {
    top: 8px
}

.other-language-icon__desktop:after,
.other-language-icon__mobile:after {
    position: absolute;
    height: 20px;
    pointer-events: none;
    left: 12px
}

.other-language-icon__desktop:after {
    bottom: 12px
}

@media (min-width:768px) {
    .md\:block-important {
        display: block !important
    }
}

.action {
    cursor: pointer
}

.action .ball {
    width: 73px;
    height: 73px;
    font-size: 40px;
    border-radius: 50%;
    padding: 6px;
    margin: 0
}

.action .ball.default {
    color: #333
}

.action .ball.institution {
    color: #333;
    line-height: 40px
}

.action .ball-positive {
    border: 2.3px solid #078152;
    box-shadow: 0 0 10px #07815233;
    -webkit-box-shadow: 0 0 10px 0 rgba(7, 129, 82, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(7, 129, 82, .2)
}

.action .ball-positive:hover {
    --bg-opacity: 1;
    background-color: #ecfbf5;
    background-color: rgba(236, 251, 245, var(--bg-opacity))
}

.action .ball-positive.active {
    --bg-opacity: 1;
    background-color: #078152;
    background-color: rgba(7, 129, 82, var(--bg-opacity));
    padding-top: 0
}

.action .ball-positive.active svg:first-child {
    display: none
}

.action .ball-positive.active svg:last-child {
    display: inline
}

.action .ball-negative {
    border: 2.3px solid #cf000b;
    box-shadow: 0 0 10px #cf000b33;
    -webkit-box-shadow: 0 0 10px 0 rgba(207, 0, 11, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(207, 0, 11, .2)
}

.action .ball-negative:hover {
    --bg-opacity: 1;
    background-color: #ffeff0;
    background-color: rgba(255, 239, 240, var(--bg-opacity))
}

.action .ball-negative.active {
    --bg-opacity: 1;
    background-color: #cf000b;
    background-color: rgba(207, 0, 11, var(--bg-opacity))
}

.action .ball-negative.active svg:first-child {
    display: none
}

.action .ball-negative.active svg:last-child {
    display: inline
}

.icdefault {
    color: #e25959
}

.a-icon-color {
    font-size: 26px !important;
    color: #0d2b3e
}

.a-icon-color.active {
    color: #0d2b3e
}

.a-icon-color.disable {
    color: #0099e5
}

.procedures__category-name {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    position: relative;
    margin-top: 7px;
    margin-bottom: 20px
}

.procedures__page {
    position: relative;
    padding-left: 16px;
    margin-bottom: 15px;
    line-height: 25px
}

@media (max-width:767px) {
    .procedures__page {
        margin-bottom: 5px
    }
}

.procedures__page-link {
    font-size: 16px;
    line-height: 25px
}

.institution-procedures__title {
    margin-top: 60px;
    color: #2f2f2f;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

.institution-procedures__category {
    margin: 4rem 0
}

.institution-procedures__category-name {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 600;
    position: relative
}

@media (max-width:767px) {
    .institution-procedures__category-name {
        margin-bottom: 20px
    }
}

.institution-procedures__page {
    position: relative;
    margin-bottom: 15px
}

.institution-procedures__page:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 9999px;
    content: "";
    left: -18px;
    width: 5px;
    height: 5px;
    background: #05a;
    top: 10px
}

@media (max-width:768px) {
    .institution-procedures__page {
        margin-left: 20px
    }
}

.institution-procedures__page-link {
    font-size: 16px;
    line-height: 25px
}

.institution-procedures__tupa-url {
    background: #f9fafc;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-top: 20px
}

.feeds {
    margin-top: 15px
}

@media (max-width:992px) {
    .feeds {
        margin-top: -5px
    }
}

.officials__card-photo {
    left: calc(50% - 80px);
    width: 150px;
    height: 150px
}

@media (min-width:768px) {
    .officials__card-photo {
        padding-left: 1rem;
        position: absolute;
        width: 160px;
        height: 160px
    }

    .officials__card-photo--only_photo {
        position: static
    }

    .officials__card-photo--single-full {
        position: static;
        height: 145px
    }
}

@media (max-width:767px) {
    .officials__card-links {
        margin-top: 1rem
    }
}

.officials ::placeholder {
    color: #646565
}

.officials-deck {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.official-card {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 2px #00000024, 0 3px 1px -2px #0000001f, 0 1px 5px #0003;
    border: 1px solid #ccc;
    margin-bottom: 14px;
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px
}

.official-card:hover .institution__higher-official-name,
.official-card:hover .institution__official-document-title {
    text-decoration: underline
}

@media (max-width:991px) {
    .official-card {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px)
    }
}

@media (max-width:500px) {
    .official-card {
        flex-basis: 100%;
        max-width: 100%
    }
}

.official-card h2#directorio-label {
    letter-spacing: .22px
}

.arrow-transition-show {
    transition: transform .2s ease-in, opacity .2s ease-in;
    opacity: 0
}

button.icon-official-search {
    margin-top: 6px;
    margin-right: 6px
}

button.icon-official-search svg {
    padding: 5.6px
}

button.icon-official-search:hover svg {
    --bg-opacity: 1;
    background-color: #0256ac;
    background-color: rgba(2, 86, 172, var(--bg-opacity))
}

.link-transition:hover svg {
    transform: translate(4px);
    opacity: 1
}

@media (max-width:600px) {
    .hidden-biography {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 20;
        -webkit-box-orient: vertical
    }
}

@media (max-width:640px) {
    .official-card-sm .official-img-container {
        height: 230px
    }

    .official-card-sm .official-img-container img {
        padding: 0;
        height: 100%
    }

    .official-card-sm .institution__higher-official-name,
    .official-card-sm .link-transition,
    .official-card-sm p {
        margin: .5rem 0 0
    }

    .official-card-sm .institution__higher-official-name {
        margin-top: .75rem
    }

    .official-card-sm h3 {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .institution-document {
        padding: 0 80px 0 0
    }
}

.institution-document .boton a {
    color: #fff !important;
    font-weight: 500
}

.institution-document .boton a:active,
.institution-document .boton a:focus,
.institution-document .boton a:hover {
    background: #fff !important;
    color: #00823b !important;
    text-decoration: none !important
}

.institution-document a,
.institution-document a p {
    color: #05a !important
}

.institution-document__publication-type {
    margin-top: 10px;
    color: #232323;
    font-size: 21px;
    line-height: 25px
}

.institution-document__campaign_description {
    color: #333;
    margin-top: 13px;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 13px
}

.institution-document__campaign_description * {
    color: #333 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 30px !important
}

.institution-document__abstract {
    color: #333;
    margin-top: 13px;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 13px
}

.institution-document__abstract * {
    color: #333 !important;
    margin-top: 13px !important;
    font-style: normal !important;
    font-size: 20px !important;
    line-height: 30px !important;
    padding-bottom: 13px !important
}

.institution-document__files {
    margin: 45px 0
}

.institution-document__access-video-section {
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity))
}

@media (min-width:1200px) {
    .institution-document__video-url iframe {
        width: 100%;
        height: 377px;
        border: 1px solid #ccc
    }
}

@media (max-width:1200px) {
    .institution-document__video-url iframe {
        width: 100%;
        height: 377px;
        border: 1px solid #ccc
    }
}

@media (max-width:992px) {
    .institution-document__video-url iframe {
        height: 200px
    }
}

.document {
    width: 100%
}

@media (max-width:767px) {
    .document .document-thumb img {
        display: block !important
    }
}

.document__separator {
    --bg-opacity: 1;
    background-color: #0056ac;
    background-color: rgba(0, 86, 172, var(--bg-opacity));
    margin-left: 10px;
    width: 1px;
    height: 20px
}

.document__size {
    padding-left: 10px
}

.institution-logo {
    margin-top: 29px;
    padding-bottom: 25px
}

.institution-logo h3 {
    font-weight: 500
}

.presidencia-main-image {
    max-height: 55vh;
    overflow: hidden
}

@media (max-width:767px) {
    .presidencia-main-image {
        max-height: 40vh
    }
}

.presidencia-main-image img {
    margin-top: -10%;
    width: 100%
}

@media (max-width:767px) {
    .presidencia-main-image img {
        height: 100%;
        width: 225%;
        margin-left: -50%;
        margin-top: -25%
    }
}

.presidencia-video-gallery iframe {
    height: 338px
}

@media (min-width:768px) {
    .presidencia-video-gallery iframe {
        height: 196px
    }
}

@media (min-width:1024px) {
    .presidencia-video-gallery iframe {
        height: 270px
    }
}

@media (min-width:1280px) {
    .presidencia-video-gallery iframe {
        height: 300px
    }
}

input.daterange {
    opacity: 1;
    width: auto;
    border: 1px solid #dfe1e6
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    width: auto
}

figure.carrousel .navigation .active {
    outline: 4px solid #ffbd41;
    z-index: 20
}

.grid-cols-vertical-line {
    grid-template-columns: 1fr min-content 1fr
}

.campaigns {
    margin-top: 45px
}

.campaigns .title {
    position: relative;
    padding-bottom: 1.5rem
}

.campaigns .title__line--small:after {
    width: 1rem;
    bottom: -2px
}

.campaigns .title__line--small:after,
.campaigns .title__line:after {
    content: " ";
    height: 7px;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity));
    position: absolute;
    margin-bottom: 1rem;
    left: 0
}

.campaigns .title__line:after {
    width: 3rem;
    bottom: -4px
}

.institution-document .campaign__document-link:hover {
    text-decoration: none
}

.institution-document .campaign__document-link:hover span {
    text-decoration: underline
}

.campaign_document_description {
    margin-left: 33px;
    margin-top: 0;
    margin-bottom: 8px
}

.campaign_feed_description {
    color: #333;
    margin-top: 0;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 13px
}

@media (max-width:991px) {
    .campaign_feed_description {
        border-bottom: 1px solid #d9dfe5
    }
}

.campaign_feed_description * {
    color: #333 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 30px !important
}

.campaign_document_description_line {
    border-bottom: 1px solid #e5e5e5
}

.campaign_document_margin {
    margin-top: 10px
}

.campaign_document_feed {
    margin-top: 40px
}

.campaign_feeds {
    margin-left: 20px
}

.campaign_feed_date {
    color: #a5b3c7 !important
}

.campaign_document_feed_space {
    margin-top: 13px;
    padding-bottom: 13px
}

.campaign_document_feed_margin {
    margin-bottom: 30px
}

.campaign_video_space {
    border-bottom: 1px solid #e5e5e5
}

.campaign_calendar {
    margin-top: 35px;
    text-align: center
}

.campaign_download_icon {
    font-size: 2rem
}

.campaign_calendar_space {
    margin-top: 35px;
    border-bottom: 1px solid #e5e5e5
}

.campaign_footer_margin {
    margin-bottom: 40px
}

.campaign_calendar_icon {
    font-size: 2rem;
    margin-right: 5px
}

.campaign_align_icons {
    vertical-align: middle;
    display: inline-flex
}

.campaign_align_icon_calendar {
    vertical-align: sub;
    display: inline-flex
}

.campaign_margin_photo {
    margin-bottom: 10px
}

.campaign_read-more-link {
    margin-top: 7px
}

.campaign_read-more-link a {
    vertical-align: middle;
    display: inline-flex
}

.campaign_read-more-link a i {
    font-size: 20px;
    margin-right: 5px
}

span.deadline_date {
    padding: 4px;
    background: inherit;
    background-color: #e4e7eb;
    box-sizing: border-box;
    border: 1px solid #cbd2d9;
    border-radius: 4px
}

.institution-nation-messages {
    padding-bottom: 40px
}

.institution-nation-messages .message {
    font-size: 1.3125rem
}

.institution-nation-messages h1 {
    --text-opacity: 1;
    color: #3c4145;
    color: rgba(60, 65, 69, var(--text-opacity))
}

.institution-nation-messages hr {
    margin-bottom: 2.5rem
}

.institution-nation-messages .actions {
    display: flex;
    justify-content: space-between
}

.institution-nation-messages .actions .download,
.institution-nation-messages .actions .share {
    flex: 1 1 auto
}

.institution-nation-messages .actions .download {
    flex-grow: 4
}

.institution-nation-messages .actions .share {
    margin-left: .1rem
}

.institution-nation-messages .actions .gray-button {
    background-color: #eff1f4;
    padding: 10px 0 10px 1rem;
    line-height: 1.5rem;
    font-size: .9rem
}

.institution-nation-messages .actions .gray-button i {
    font-size: 1.5rem
}

@media (max-width:575px) {
    .institution-nation-messages .actions {
        flex-direction: column
    }

    .institution-nation-messages .actions .share {
        margin-top: .2rem;
        margin-left: 0
    }
}

.institution-nation-messages .nation-message-share-link {
    cursor: pointer
}

.institution-nation-messages .share-icons {
    font-size: 2.5rem;
    padding: 10px;
    display: flex;
    justify-content: space-around;
    visibility: hidden;
    margin-left: .1rem;
    border: 1px solid #dfeaef
}

@media (max-width:575px) {
    .institution-nation-messages .share-icons {
        margin-left: 0
    }
}

.institution-nation-messages iframe.youtube {
    height: 480px
}

@media (min-width:992px) {
    .institution-nation-messages iframe.youtube.small {
        height: 310px
    }
}

@media screen and (max-width:360px) {
    .institution-nation-messages iframe.youtube {
        height: 160px
    }
}

.institution-nation-messages iframe.nation_file {
    overflow: hidden;
    height: 600px
}

@media (min-width:992px) {
    .institution-nation-messages iframe.nation_file.small {
        height: 305px;
        overflow: hidden
    }
}

@media (max-width:420px) {
    .institution-nation-messages iframe.nation_file.small {
        height: 160px;
        overflow: hidden
    }
}

.institution-nation-messages .row_file {
    border: 1px solid #eff1f4
}

.institution-nation-messages .col_extra_file {
    padding: 25px
}

.institution-nation-messages .download_file {
    width: 220px;
    font-size: 25px;
    background-color: #eff1f4;
    padding: 10px;
    border: 3px solid #05a;
    font-weight: 500
}

.institution-nation-messages .file_size {
    padding-bottom: 20px;
    font-size: 20px;
    color: #05a
}

.spinner-loader {
    border-radius: 50%;
    border: 4px solid #38b87f;
    border-top-color: #f3f3f3;
    width: 25px;
    height: 25px;
    animation: spin 1s linear infinite;
    visibility: hidden
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.react-modal .fullscreen {
    position: fixed;
    width: 100vw;
    background-color: #fff;
    z-index: 1000;
    overflow-y: auto;
    top: 0;
    bottom: 0
}

.react-modal .icon-close-s {
    position: absolute;
    z-index: 1001;
    right: 1rem;
    top: 1rem;
    font-size: 2rem;
    cursor: pointer
}

body.react-confirm-alert-body-element {
    overflow: hidden
}

.react-confirm-alert-blur {
    filter: url(#gaussian-blur);
    filter: blur(2px);
    -webkit-filter: blur(2px)
}

.react-confirm-alert-overlay {
    position: fixed;
    inset: 0;
    z-index: 99;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: top;
    opacity: 0;
    animation: react-confirm-alert-fadeIn .5s .2s forwards
}

@keyframes react-confirm-alert-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.box-dialog-url {
    max-width: 515px;
    background: #fff;
    box-shadow: 0 0 32px -2px #bbc9dc
}

.box-dialog-url .btn-modal {
    border-radius: 4px;
    font-weight: 700;
    padding: .5rem 1rem;
    cursor: pointer
}

.box-dialog-url .btn--confirm {
    color: #fff;
    background: #0056ac
}

.box-dialog-url .btn--cancel {
    color: #0056ac;
    background: #fff;
    border: 2px solid #0056ac;
    box-sizing: border-box;
    box-shadow: 0 0 6px #00000021
}

.section__anchor {
    position: absolute;
    top: -120px
}

@media (max-width:768px) {
    .section--up-spacer {
        margin-top: 3rem
    }
}

@media (max-width:768px) {
    .section--no-top-padding {
        padding-top: 0
    }
}

.section__footer {
    text-align: right
}

.temas-style {
    --bg-opacity: 1;
    background-color: #ecf2f9;
    background-color: rgba(236, 242, 249, var(--bg-opacity))
}

.general-links-container {
    display: block
}

@media (min-width:768px) {
    .general-links-container {
        padding-left: 10px
    }
}

@media (max-width:768px) {
    .general-links-container {
        padding-left: 0
    }
}

.general-links-container .general-links {
    padding-left: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.general-links-container a {
    line-height: 1.8rem
}

.general-links-container a .no-decoration {
    text-decoration: none
}

.general-links-container a.left-space {
    margin-left: 10px
}

.navigator {
    border-radius: 2px;
    background-color: #fdfeff
}

@media (max-width:640px) {
    .navigator:not(.scrolled) {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.navigator .navigator__container {
    max-width: 1120px
}

.navigator.scrolled {
    position: fixed;
    top: 60px;
    z-index: 50;
    left: 0;
    right: 0;
    margin-top: 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 2px #e0e2e6;
    animation: smoothScroll .3s forwards
}

.navigator.scrolled .navigator__item {
    border-radius: 0 !important;
    box-shadow: none
}

@media (min-width:1024px) {
    .navigator.scrolled .navigator__item {
        border-right: 1px solid #e0e2e6
    }

    .navigator.scrolled .navigator__item:first-child {
        border-left: none
    }

    .navigator.scrolled .navigator__item:last-child {
        border-right: none
    }
}

@media (max-width:640px) {
    .navigator.scrolled .navigator__title {
        border-radius: 0;
        border-right: none;
        border-left: none
    }
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-42px)
    }

    to {
        transform: translateY(0)
    }
}

.navigator .icon-add-s {
    position: absolute;
    right: .75rem;
    top: .5rem
}

@media (max-width:1024px) {
    .navigator-expanded .icon-minus:before {
        content: "";
        background: #646565;
        width: 14px;
        height: 1px;
        position: absolute;
        right: .15rem;
        top: .8rem
    }

    .navigator-expanded .navigator__container {
        display: block
    }
}

@media (min-width:1024px) {
    .navigator-expanded .navigator__container {
        display: flex
    }
}

.navigator__title {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity));
    text-align: center;
    font-weight: 400;
    padding: .5rem .4rem;
    position: relative;
    border: 1px solid #e0e2e6;
    border-radius: 5px;
    cursor: pointer
}

@media (max-width:1024px) {
    .navigator__title {
        display: block
    }
}

@media (min-width:1024px) {
    .navigator__title {
        display: none
    }
}

.navigator__container {
    min-height: 4rem;
    width: 100%;
    display: flex
}

@media (max-width:1024px) {
    .navigator__container {
        display: none;
        flex-direction: column;
        padding: 0 !important
    }
}

@media (min-width:1024px) {
    .navigator__container {
        flex-direction: row;
        display: flex
    }
}

.navigator a {
    text-decoration: inherit;
    color: inherit;
    font-weight: 400
}

.navigator__item {
    letter-spacing: -.025em;
    display: flex;
    flex: 1 1;
    align-items: center;
    padding: .5rem .4rem;
    position: relative;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px #e0e2e6
}

.navigator__item:hover {
    --bg-opacity: 1;
    background-color: #f1f3f6;
    background-color: rgba(241, 243, 246, var(--bg-opacity))
}

.navigator__item a {
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

@media (min-width:1112px) and (max-width:1150px) {
    .navigator__item a {
        font-size: 14px
    }
}

@media (max-width:1024px) {
    .navigator__item {
        justify-content: flex-start;
        padding: .6rem .4rem;
        background-color: #f9fafc;
        color: #333;
        border-bottom: 1px solid #e0e2e6;
        border-left: 1px solid #e0e2e6;
        border-right: 1px solid #e0e2e6
    }

    .navigator__item:last-of-type {
        border-radius: 0 0 5px 5px
    }
}

@media (min-width:1024px) {
    .navigator__item {
        border-left: none;
        border-right: 1px solid #e0e2e6
    }

    .navigator__item:first-child {
        border-left: 1px solid #e0e2e6
    }

    .navigator__item:last-of-type {
        border-radius: 0
    }
}

.navigator__item.active {
    font-weight: 500;
    --bg-opacity: 1;
    background-color: #f1f3f6;
    background-color: rgba(241, 243, 246, var(--bg-opacity))
}

.navigator__item.active a {
    font-weight: 600;
    --text-opacity: 1;
    color: #cf000b;
    color: rgba(207, 0, 11, var(--text-opacity))
}

@media (max-width:768px) {
    .navigator__item.active {
        border-left: 4px solid #e25959;
        font-weight: 500
    }
}

@media (min-width:768px) {
    .navigator__item.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 40%;
        right: 40%;
        height: 6px !important;
        --bg-opacity: 1;
        background-color: #cf000b;
        background-color: rgba(207, 0, 11, var(--bg-opacity))
    }
}

@media (max-width:1024px) {
    .desktopPlace {
        display: none
    }
}

@media (min-width:1024px) {
    .desktopPlace {
        display: block
    }
}

.title {
    position: relative;
    padding-bottom: 1.5rem
}

.title__line--small:after {
    width: 1rem;
    bottom: -2px
}

.title__line--small:after,
.title__line:after {
    content: " ";
    height: 7px;
    --bg-opacity: 1;
    background-color: #26292e;
    background-color: rgba(38, 41, 46, var(--bg-opacity));
    position: absolute;
    margin-bottom: 1rem;
    left: 0
}

.title__line:after {
    width: 3rem;
    bottom: -4px
}

.title {
    color: #333
}

.has-redbar {
    position: relative;
    margin-left: 12px
}

.has-redbar:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ee6b6b;
    margin-left: -12px
}

.has-redbar--marginless {
    margin-left: 0
}

.has-redbar--marginless:before {
    left: 0;
    margin-left: 0
}

.has-icon {
    position: relative
}

.has-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 35px;
    height: 30px
}

.has-icon--alert:before {
    background: url(alert-8c95c2bed5c517bb61d59835dfa8b956.f266050a77e6ebd4.svg) no-repeat;
    background-size: cover
}

.has-icon~.page__box-text,
.has-icon~.page__box-title,
.has-icon~.page__box-title-important {
    margin-left: 50px
}

.lead {
    font-size: 1.125rem
}

@media (min-width:768px) {
    .lead {
        font-size: 1rem
    }
}

.badge {
    display: inline-block
}

.badge a {
    text-decoration: none
}

.badge__red-outline {
    border: 1px solid #fc7d7d;
    border-radius: 2px;
    color: #fc7d7d;
    display: inline-block;
    padding: 5px 7px;
    background-color: snow;
    vertical-align: bottom;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
    margin-left: 17px;
    width: 53px
}

.badge__red-outline:active,
.badge__red-outline:focus,
.badge__red-outline:hover {
    color: #db0505;
    text-decoration: none
}

.triaje-summary {
    display: grid;
    grid-template-columns: 2fr 3fr;
    position: relative;
    grid-gap: 1rem;
    gap: 1rem
}

@media (min-width:640px) {
    .triaje-summary {
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
        gap: 2rem
    }
}

.triaje-summary dd,
.triaje-summary dt {
    margin-bottom: 1rem
}

.triaje-summary dd {
    padding-right: 4rem
}

.triaje-summary__title {
    position: relative;
    margin-bottom: 2rem;
    font-size: 1.5rem
}

.triaje-summary__title:after {
    content: " ";
    bottom: -12px;
    left: 0;
    right: 0;
    height: .4rem;
    position: absolute;
    background: #000
}

.social_media_links {
    flex-wrap: wrap;
    display: flex
}

.social_media_links li {
    display: inline
}

.social_media_links a {
    display: flex;
    margin-right: .75rem;
    text-decoration: none;
    border-radius: 1.5rem
}

@media (max-width:640px) {
    .social_media_links a {
        margin-right: 16px;
        margin-bottom: 16px
    }
}

.social_media_links a.hover-rrss:hover {
    background-color: #dee3ea
}

.social_media_links a:hover {
    box-shadow: 4px 5px 16px -4px #b2c0cf;
    -webkit-box-shadow: 4px 5px 16px -4px #b2c0cf;
    -moz-box-shadow: 4px 5px 16px -4px #b2c0cf;
    transition: color .2s ease;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease
}

.calendar-onp {
    border-spacing: 1rem;
    border-collapse: separate
}

.calendar-onp thead th {
    font-weight: 700;
    padding: .5rem
}

.calendar-onp tbody tr td,
.calendar-onp th {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity));
    padding: .5rem;
    text-align: center
}

.form .error {
    --text-opacity: 1;
    color: #eb0303;
    color: rgba(235, 3, 3, var(--text-opacity));
    font-size: .875rem;
    display: block
}

.form .form-group,
.form .input {
    margin-bottom: 1.5rem
}

.form .form-group.mb-0,
.form .input.mb-0 {
    margin-bottom: 0
}

.form .input-control {
    margin-bottom: 2rem
}

.form .input-name {
    margin-bottom: .75rem
}

.form .choices__inner,
.form .choices__inner__custom,
.form .input_like,
.form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.form textarea {
    border-width: 2px;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    border-radius: 0
}

.form fieldset {
    min-width: 0
}

.form fieldset:not(.clean) {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    border-radius: .25rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.form .radio label {
    font-weight: 400 !important
}

.form label:not(.radio):not(.checkbox) {
    display: block;
    font-weight: 700
}

.form label:not(.radio):not(.checkbox) abbr {
    display: none
}

.form .date,
.form .date select,
.form .datetime,
.form .datetime select,
.form .time,
.form .time select {
    width: auto
}

.form .input_like,
.form input[type=date],
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=tel],
.form input[type=text]:not(.choices__input):not(.choices__input__custom),
.form input[type=url],
.form select,
.form textarea {
    -webkit-appearance: none;
    appearance: none;
    border-width: 2px;
    border-radius: 0;
    width: 100%;
    padding: .5rem .75rem
}

.form .input_like.disabled,
.form .input_like:disabled,
.form input[type=date].disabled,
.form input[type=date]:disabled,
.form input[type=email].disabled,
.form input[type=email]:disabled,
.form input[type=number].disabled,
.form input[type=number]:disabled,
.form input[type=password].disabled,
.form input[type=password]:disabled,
.form input[type=tel].disabled,
.form input[type=tel]:disabled,
.form input[type=text]:not(.choices__input):not(.choices__input__custom).disabled,
.form input[type=text]:not(.choices__input):not(.choices__input__custom):disabled,
.form input[type=url].disabled,
.form input[type=url]:disabled,
.form select.disabled,
.form select:disabled,
.form textarea.disabled,
.form textarea:disabled {
    --bg-opacity: 1;
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity));
    box-shadow: none
}

.form .input_like:focus,
.form input[type=date]:focus,
.form input[type=email]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=text]:not(.choices__input):not(.choices__input__custom):focus,
.form input[type=url]:focus,
.form select:focus,
.form textarea:focus {
    outline: 3px solid #ffd147
}

.form .input_like.input-fit,
.form input[type=date].input-fit,
.form input[type=email].input-fit,
.form input[type=number].input-fit,
.form input[type=password].input-fit,
.form input[type=tel].input-fit,
.form input[type=text]:not(.choices__input):not(.choices__input__custom).input-fit,
.form input[type=url].input-fit,
.form select.input-fit,
.form textarea.input-fit {
    width: -moz-fit-content;
    width: fit-content
}

.form input[type=checkbox] {
    margin-right: .25rem
}

.form select {
    -webkit-appearance: none;
    appearance: none;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-width: 2px;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    padding: .5rem 2rem .5rem 1rem;
    border-radius: 0;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='darkgrey'><path d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/></svg>") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat
}

.form .field_with_errors input,
.form .field_with_errors select,
.form .field_with_errors textarea,
.form .has-danger input,
.form .has-danger select,
.form .has-danger textarea {
    border-color: #eb0303 !important;
    border-width: medium !important
}

.form .field_with_errors .error,
.form .field_with_errors .form-control-feedback,
.form .has-danger .error,
.form .has-danger .form-control-feedback {
    --text-opacity: 1;
    color: #eb0303;
    color: rgba(235, 3, 3, var(--text-opacity));
    font-size: .875rem;
    display: block
}

.form .field_with_errors .trix-editor,
.form .has-danger .trix-editor {
    margin-bottom: 0
}

.form .field_with_errors .trix-content,
.form .has-danger .trix-content {
    border-color: #f04134;
    border-width: medium
}

.form .field_with_errors .choices,
.form .has-danger .choices {
    margin-bottom: 0
}

.form .field_with_errors .choices__inner,
.form .field_with_errors .choices__inner__custom,
.form .has-danger .choices__inner,
.form .has-danger .choices__inner__custom {
    border-color: #f04134;
    border-width: medium
}

.form .field_with_errors .error,
.form .has-danger .error {
    margin-top: 0
}

.form .hint {
    --text-opacity: 1;
    color: #26292e;
    color: rgba(38, 41, 46, var(--text-opacity))
}

.form input.js-input-field[type=file] {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    width: .1px;
    height: .1px;
    z-index: -1
}

.form .custom-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    margin-bottom: 15px
}

.form .custom-checkbox input[type=checkbox] {
    position: relative;
    top: 5px
}

.form .mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
    border: 3px solid #222
}

.form .custom-checkbox:hover input~.mark,
.form .custom-checkbox input:active~.mark,
.form .mark {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.form .custom-checkbox input:checked~.mark {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.form .mark:after {
    position: absolute;
    display: none;
    content: ""
}

.form .label-without-p-m span.checkbox label {
    padding: 0;
    margin: 0 0 0 1.5rem
}

.form .custom-checkbox input:checked~.mark:after {
    display: block
}

.form .custom-checkbox .mark:after {
    height: 1rem;
    width: .5rem;
    left: 6px;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg)
}

.documents-fields fieldset:first-of-type:nth-last-of-type(-n+1) a.remove_fields,
.inputs-fields fieldset:first-of-type:nth-last-of-type(-n+1) a.remove_fields {
    display: none
}

.search_rule {
    -webkit-appearance: none;
    appearance: none;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    border-radius: 0;
    background-repeat: no-repeat;
    border-width: 3px;
    background-image: url(arrow_down-ed6d45dd9b513c030af01120e0b5f671.e26339a6bdec5459.svg);
    background-size: 12px;
    background-position: calc(100% - 15px) 50%
}

.flash {
    border-width: 1px;
    padding: .75rem 1rem;
    border-radius: .25rem;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.flash .btn-cancel {
    position: absolute;
    top: 4px;
    right: 4px
}

.flash.alert,
.flash.error {
    background-color: #ffeff0;
    background-color: rgba(255, 239, 240, var(--bg-opacity));
    border-color: #fd583a;
    border-color: rgba(253, 88, 58, var(--border-opacity))
}

.flash.alert,
.flash.error,
.flash.notice {
    --bg-opacity: 1;
    --border-opacity: 1;
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.flash.notice {
    background-color: #edf0f4;
    background-color: rgba(237, 240, 244, var(--bg-opacity));
    border-color: #0056ac;
    border-color: rgba(0, 86, 172, var(--border-opacity))
}

.flash.success {
    background-color: #c9f0d8;
    background-color: rgba(201, 240, 216, var(--bg-opacity));
    border-color: #1b9d6b;
    border-color: rgba(27, 157, 107, var(--border-opacity));
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.flash.success,
trix-editor {
    --bg-opacity: 1;
    --border-opacity: 1
}

trix-editor {
    border-width: 2px;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    border-radius: 0;
    margin-bottom: 1.5rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    max-height: 30vh;
    overflow: auto;
    padding: .4em .6em;
    min-height: 5em;
    outline: none
}

trix-toolbar * {
    box-sizing: border-box
}

trix-toolbar .trix-button-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

trix-toolbar .trix-button-group {
    display: flex;
    margin-bottom: 10px;
    border-color: #ccc #bbb #888;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px
}

trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw
}

@media (max-device-width:768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0
    }
}

trix-toolbar .trix-button-group-spacer {
    flex-grow: 1
}

@media (max-device-width:768px) {
    trix-toolbar .trix-button-group-spacer {
        display: none
    }
}

trix-toolbar .trix-button {
    position: relative;
    float: left;
    color: #0009;
    font-size: .75em;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 .5em;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background: transparent
}

trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc
}

trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: #000
}

trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer
}

trix-toolbar .trix-button:disabled {
    color: #00000020
}

@media (max-device-width:768px) {
    trix-toolbar .trix-button {
        letter-spacing: -.01em;
        padding: 0 .3em
    }
}

trix-toolbar .trix-button--icon {
    font-size: inherit;
    width: 2.6em;
    height: 1.6em;
    max-width: calc(.8em + 4vw);
    text-indent: -9999px
}

@media (max-device-width:768px) {
    trix-toolbar .trix-button--icon {
        height: 2em;
        max-width: calc(.8em + 3.5vw)
    }
}

trix-toolbar .trix-button--icon:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-device-width:768px) {
    trix-toolbar .trix-button--icon:before {
        right: 6%;
        left: 6%
    }
}

trix-toolbar .trix-button--icon.trix-active:before {
    opacity: 1
}

trix-toolbar .trix-button--icon:disabled:before {
    opacity: .125
}

trix-toolbar .trix-button--icon-bold:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15.6 11.8c1-.7 1.6-1.8 1.6-2.8a4 4 0 00-4-4H7v14h7c2.1 0 3.7-1.7 3.7-3.8 0-1.5-.8-2.8-2.1-3.4zM10 7.5h3a1.5 1.5 0 110 3h-3v-3zm3.5 9H10v-3h3.5a1.5 1.5 0 110 3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-italic:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10 5v3h2.2l-3.4 8H6v3h8v-3h-2.2l3.4-8H18V5h-8z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-strike:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12.73 14l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5 0 .3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52 13.52 0 017 14.95v3.37a10.64 10.64 0 004.84.88c1.26 0 2.35-.19 3.28-.56.93-.37 1.64-.9 2.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1 0-1.29.52-2.3 1.58-3.02 1.05-.72 2.5-1.08 4.34-1.08 1.62 0 3.28.34 4.97 1l-1.3 2.93c-1.47-.6-2.73-.9-3.8-.9-.55 0-.96.08-1.2.26-.26.17-.38.38-.38.64 0 .27.16.52.48.74.17.12.53.3 1.05.53H7.23zM3 13h18v-2H3v2z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-code:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M18.2 12L15 15.2l1.4 1.4L21 12l-4.6-4.6L15 8.8l3.2 3.2zM5.8 12L9 8.8 7.6 7.4 3 12l4.6 4.6L9 15.2 5.8 12z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-dialogs {
    position: relative
}

trix-toolbar .trix-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: .75em;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 .3em 1em #ccc;
    border-top: 2px solid #888;
    border-radius: 5px;
    z-index: 5
}

trix-toolbar .trix-input--dialog {
    font-size: inherit;
    font-weight: 400;
    padding: .5em .8em;
    margin: 0 10px 0 0;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: 0 0 1.5px 1px red
}

trix-toolbar .trix-button--dialog {
    font-size: inherit;
    padding: .5em;
    border-bottom: none
}

trix-toolbar .trix-dialog--link {
    max-width: 600px
}

trix-toolbar .trix-dialog__link-fields {
    display: flex;
    align-items: baseline
}

trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1 1
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
    -webkit-user-select: none;
    user-select: none
}

trix-editor [data-trix-cursor-target]::selection,
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-mutable] ::selection {
    background: none
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
    background: highlight
}

trix-editor [data-trix-mutable].attachment.attachment--file {
    box-shadow: 0 0 0 2px highlight;
    border-color: transparent
}

trix-editor [data-trix-mutable].attachment img {
    box-shadow: 0 0 0 2px highlight
}

trix-editor .attachment {
    position: relative
}

trix-editor .attachment:hover {
    cursor: default
}

trix-editor .attachment--preview .attachment__caption:hover {
    cursor: text
}

trix-editor .attachment__progress {
    position: absolute;
    z-index: 1;
    height: 20px;
    top: calc(50% - 10px);
    left: 5%;
    width: 90%;
    opacity: .9;
    transition: opacity .2s ease-in
}

trix-editor .attachment__progress[value="100"] {
    opacity: 0
}

trix-editor .attachment__caption-editor {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

trix-editor .attachment__toolbar {
    position: absolute;
    z-index: 1;
    top: -.9em;
    left: 0;
    width: 100%;
    text-align: center
}

trix-editor .trix-button-group {
    display: inline-flex
}

trix-editor .trix-button {
    position: relative;
    float: left;
    color: #666;
    white-space: nowrap;
    font-size: 80%;
    padding: 0 .8em;
    margin: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background: transparent
}

trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc
}

trix-editor .trix-button.trix-active {
    background: #cbeefa
}

trix-editor .trix-button:not(:disabled) {
    cursor: pointer
}

trix-editor .trix-button--remove {
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    outline: none;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid highlight;
    box-shadow: 1px 1px 6px #00000040
}

trix-editor .trix-button--remove:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%
}

trix-editor .trix-button--remove:hover {
    border-color: #333
}

trix-editor .trix-button--remove:hover:before {
    opacity: 1
}

trix-editor .attachment__metadata-container {
    position: relative
}

trix-editor .attachment__metadata {
    position: absolute;
    left: 50%;
    top: 2em;
    transform: translate(-50%);
    max-width: 90%;
    padding: .1em .6em;
    font-size: .8em;
    color: #fff;
    background-color: #000000b3;
    border-radius: 3px
}

trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

trix-editor .attachment__metadata .attachment__size {
    margin-left: .2em;
    white-space: nowrap
}

.trix-content {
    line-height: 1.5
}

.trix-content * {
    box-sizing: border-box
}

.page__content h1,
.trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2;
    margin: 0
}

.trix-content blockquote {
    margin: 0 0 0 .3em;
    padding: 0 0 0 .6em;
    border-left: .3em solid #ccc
}

.trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: .9em;
    margin: 0;
    padding: .5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto
}

.trix-content ol,
.trix-content ul {
    margin: 0;
    padding: 0
}

.trix-content ol {
    list-style: decimal
}

.trix-content li {
    margin: 0;
    padding: 0;
    list-style-type: square
}

.trix-content li li,
.trix-content ol li,
.trix-content ul li {
    margin-left: 1em
}

.trix-content img {
    max-width: 100%;
    height: auto
}

.trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0
}

.trix-content .attachment a {
    color: inherit;
    text-decoration: none
}

.trix-content .attachment a:hover,
.trix-content .attachment a:visited:hover {
    color: inherit
}

.trix-content .attachment__caption {
    padding: 0;
    text-align: center
}

.trix-content .attachment__caption .attachment__name+.attachment__size:before {
    content: " \b7   "
}

.trix-content .attachment--preview {
    width: 100%;
    text-align: center
}

.trix-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: .9em;
    line-height: 1.2
}

.trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 0;
    padding: .4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px
}

.trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    padding: 0
}

.trix-content .attachment-gallery .attachment {
    flex: 1 0 33%;
    padding: 0 .5em;
    max-width: 33%
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment,
.trix-content .attachment-gallery.attachment-gallery--4 .attachment {
    flex-basis: 50%;
    max-width: 50%
}

.trix-button--icon-code {
    display: none
}

.page_errors p {
    line-height: 22px
}

@media (min-width:768px) {
    .page_errors h1 {
        line-height: 2.125rem
    }
}

.page_errors .home,
.page_errors h1,
.page_errors p {
    letter-spacing: .005em
}

.page_errors .icon-link {
    width: 14px;
    height: 9px;
    margin-right: 15px
}

.paginator li span {
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem
}

.paginator li span.current {
    border-bottom-width: 4px;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.link {
    color: #05a;
    text-decoration: none
}

.d-none {
    display: none
}

.pb-1 {
    padding-bottom: .25rem !important
}

.text-inherit {
    color: inherit
}

.text-inherit:hover {
    color: inherit;
    text-decoration: none
}

.candidates-index .select2-selection__rendered {
    white-space: normal !important
}

.candidates-index ul.select2-selection__rendered:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 22px;
    transform: translateY(-50%);
    border-top: 8px solid #333;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.candidates-index li.select2-selection__choice {
    margin-right: 22px !important
}

.candidates-index .select2-container--bootstrap .select2-selection {
    border-width: 2px;
    border-radius: 0;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    padding: .25rem;
    box-shadow: 2px 2px 12px #0000001a
}

.candidates-index .select2-container--bootstrap {
    display: block;
    max-width: 100%;
    width: 100% !important;
    min-width: 200px;
    flex: 1 1
}

.candidates-index li.select2-search--inline {
    width: 100% !important
}

.candidates-index .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 100% !important;
    padding: 0 0 0 8px
}

.candidates-index .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #000
}

.candidates-index .search-button:focus {
    position: relative;
    outline: 3px solid #ffd147;
    outline-offset: 0
}

.candidates-index .search-icon {
    top: 9px;
    left: 9px
}

.candidates-index .search-input:focus {
    position: relative
}

.candidates-index .search-input:focus .search-icon {
    display: none
}

.candidates-index .search-input:placeholder {
    color: transparent;
    text-indent: -9999px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 1.6
}

.candidates-index .search-input::-webkit-input-placeholder {
    color: transparent;
    text-indent: -9999px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 1.6
}

.candidates-index .search-input:-moz-placeholder,
.candidates-index .search-input::-moz-placeholder {
    color: transparent;
    text-indent: -9999px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 1.6
}

.candidates-index .search-input:-ms-input-placeholder {
    color: transparent;
    text-indent: -9999px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 1.6
}

.green--square {
    position: relative
}

.green--square:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: -24px;
    background: #009a0f
}

.apple--square {
    position: relative
}

.apple--square:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: -24px;
    background: #becc0a
}

.yellow--sbs {
    position: relative
}

.yellow--sbs:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: -24px;
    background: #f8bc17
}

.orange--sbs {
    position: relative
}

.orange--sbs:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: -24px;
    background: #f85417
}

.red--sbs {
    position: relative
}

.red--sbs:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: -24px;
    background: #f8173d
}

.participa__tiles {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .participa__tiles {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

.participa__tile {
    margin: 2rem 0;
    width: 100%
}

@media (min-width:768px) {
    .participa__tile {
        width: calc(50% - 64px);
        margin: 2rem
    }
}

@media (min-width:1024px) {
    .participa__tile {
        width: calc(33.33% - 64px)
    }
}

.participa__input {
    --border-opacity: 1;
    border-color: #919191;
    border-color: rgba(145, 145, 145, var(--border-opacity));
    border-width: 1px;
    border-radius: 0;
    min-height: 2.5rem;
    margin-bottom: 1rem;
    max-width: 32rem;
    padding-left: .25rem;
    display: block;
    background-color: #f8f8f8
}

.participa__input--textarea {
    resize: none;
    min-height: 6rem
}

@media (min-width:768px) {
    .participa__input--textarea {
        max-width: 75%
    }
}

.participa__button--black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    border-radius: 0;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
    max-width: 16rem
}

.info {
    position: relative;
    display: flex;
    align-items: center;
    padding: .5rem 2rem .5rem 1rem
}

@media (min-width:768px) {
    .info {
        padding-left: 2.5rem
    }
}

.info:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    left: 0;
    width: .5rem
}

img.print-shield-hidden {
    display: block
}

img.shield {
    display: none
}

.partitioned {
    border-style: none;
    padding-left: 15px;
    letter-spacing: 2.625em;
    width: 330px;
    min-width: 330px;
    background-image: linear-gradient(270deg, #000 70%, hsla(0, 0%, 100%, 0) 0);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px
}

.divInner {
    left: 0;
    position: sticky
}

.divOuter {
    width: 290px;
    overflow: hidden
}

@media (min-width:640px) {
    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:flex-1 {
        flex: 1 1
    }

    .sm\:flex-2 {
        flex: 2 2
    }

    .sm\:text-base {
        font-size: 1rem
    }

    .sm\:text-xl {
        font-size: 1.25rem
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-2 {
        margin-bottom: .5rem
    }

    .sm\:mr-3 {
        margin-right: .75rem
    }

    .sm\:mb-3 {
        margin-bottom: .75rem
    }

    .sm\:mr-4 {
        margin-right: 1rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:max-w-16 {
        max-width: 16rem
    }

    .sm\:max-w-xs {
        max-width: 20rem
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .sm\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .sm\:pt-5 {
        padding-top: 1.25rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:text-right {
        text-align: right
    }

    .sm\:w-72 {
        width: 18rem
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-2\/3 {
        width: 66.666667%
    }

    .sm\:w-1\/4 {
        width: 25%
    }

    .sm\:w-1\/5 {
        width: 20%
    }

    .sm\:w-2\/5 {
        width: 40%
    }

    .sm\:w-1\/6 {
        width: 16.666667%
    }

    .sm\:w-6\/12 {
        width: 50%
    }

    .sm\:w-11\/12 {
        width: 91.666667%
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:768px) {
    .md\:container {
        width: 100%
    }

    @media (min-width:640px) {
        .md\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .md\:container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .md\:container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .md\:container {
            max-width: 1280px
        }
    }

    .md\:bg-black {
        --bg-opacity: 1;
        background-color: #000;
        background-color: rgba(0, 0, 0, var(--bg-opacity))
    }

    .md\:hover\:bg-gray-70:hover {
        --bg-opacity: 1;
        background-color: #f6f9fc;
        background-color: rgba(246, 249, 252, var(--bg-opacity))
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:border-l {
        border-left-width: 1px
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:inline {
        display: inline
    }

    .md\:flex {
        display: flex
    }

    .md\:table {
        display: table
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-center {
        align-items: center
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:flex-1 {
        flex: 1 1
    }

    .md\:flex-3 {
        flex: 3 3
    }

    .md\:float-right {
        float: right
    }

    .md\:float-left {
        float: left
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:h-2 {
        height: .5rem
    }

    .md\:h-5 {
        height: 1.25rem
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-62 {
        height: 62px
    }

    .md\:h-180 {
        height: 180px
    }

    .md\:h-252 {
        height: 252px
    }

    .md\:h-full {
        height: 100%
    }

    .md\:text-40 {
        font-size: 40px
    }

    .md\:text-sm {
        font-size: .875rem
    }

    .md\:text-base {
        font-size: 1rem
    }

    .md\:text-lg {
        font-size: 1.125rem
    }

    .md\:text-xl {
        font-size: 1.25rem
    }

    .md\:text-2xl {
        font-size: 1.5rem
    }

    .md\:text-3xl {
        font-size: 1.875rem
    }

    .md\:text-4xl {
        font-size: 2.25rem
    }

    .md\:text-5xl {
        font-size: 3rem
    }

    .md\:leading-5 {
        line-height: 1.25rem
    }

    .md\:leading-6 {
        line-height: 1.5rem
    }

    .md\:leading-7 {
        line-height: 1.75rem
    }

    .md\:leading-10 {
        line-height: 2.5rem
    }

    .md\:leading-12 {
        line-height: 3rem
    }

    .md\:leading-none {
        line-height: 1
    }

    .md\:leading-tight {
        line-height: 1.25
    }

    .md\:leading-normal {
        line-height: 1.5
    }

    .md\:m-0 {
        margin: 0
    }

    .md\:m-6 {
        margin: 1.5rem
    }

    .md\:m-8 {
        margin: 2rem
    }

    .md\:m-12 {
        margin: 3rem
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .md\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .md\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .md\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .md\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .md\:my-14 {
        margin-top: 56px;
        margin-bottom: 56px
    }

    .md\:mx-56 {
        margin-left: 14rem;
        margin-right: 14rem
    }

    .md\:mx-64 {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .md\:-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md\:-mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:-mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mb-1 {
        margin-bottom: .25rem
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mr-2 {
        margin-right: .5rem
    }

    .md\:mb-2 {
        margin-bottom: .5rem
    }

    .md\:ml-2 {
        margin-left: .5rem
    }

    .md\:mr-3 {
        margin-right: .75rem
    }

    .md\:ml-3 {
        margin-left: .75rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:ml-5 {
        margin-left: 1.25rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mr-8 {
        margin-right: 2rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:ml-12 {
        margin-left: 3rem
    }

    .md\:mt-14 {
        margin-top: 56px
    }

    .md\:mt-15 {
        margin-top: 68px
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mt-24 {
        margin-top: 6rem
    }

    .md\:mr-24 {
        margin-right: 6rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:-mr-4 {
        margin-right: -1rem
    }

    .md\:-ml-8 {
        margin-left: -2rem
    }

    .md\:-mt-12 {
        margin-top: -3rem
    }

    .md\:max-w-8 {
        max-width: 8rem
    }

    .md\:max-w-48 {
        max-width: 48rem
    }

    .md\:max-w-6xl {
        max-width: 72rem
    }

    .md\:min-h-16 {
        min-height: 16rem
    }

    .md\:min-h-18 {
        min-height: 18rem
    }

    .md\:min-h-20 {
        min-height: 20rem
    }

    .md\:min-h-72 {
        min-height: 72px
    }

    .md\:min-w-6 {
        min-width: 6rem
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:p-9 {
        padding: 2.25rem
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-10px {
        padding: 10px
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .md\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    .md\:px-56 {
        padding-left: 14rem;
        padding-right: 14rem
    }

    .md\:py-13px {
        padding-top: 13px;
        padding-bottom: 13px
    }

    .md\:py-15px {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pt-1 {
        padding-top: .25rem
    }

    .md\:pb-1 {
        padding-bottom: .25rem
    }

    .md\:pt-2 {
        padding-top: .5rem
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pb-2 {
        padding-bottom: .5rem
    }

    .md\:pl-2 {
        padding-left: .5rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:pr-8 {
        padding-right: 2rem
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:absolute {
        position: absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:top-8 {
        top: 2rem
    }

    .md\:right-8 {
        right: 2rem
    }

    .md\:bottom-8 {
        bottom: 2rem
    }

    .md\:right-auto {
        right: auto
    }

    .md\:left-auto {
        left: auto
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-right {
        text-align: right
    }

    .md\:text-black {
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity))
    }

    .md\:hover\:no-underline:hover {
        text-decoration: none
    }

    .md\:w-2 {
        width: .5rem
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-56 {
        width: 14rem
    }

    .md\:w-64 {
        width: 16rem
    }

    .md\:w-68 {
        width: 17rem
    }

    .md\:w-72 {
        width: 18rem
    }

    .md\:w-80 {
        width: 20rem
    }

    .md\:w-90 {
        width: 90%
    }

    .md\:w-91 {
        width: 22.75rem
    }

    .md\:w-140 {
        width: 35rem
    }

    .md\:w-180 {
        width: 180px
    }

    .md\:w-300 {
        width: 300px
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-2\/4 {
        width: 50%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-1\/6 {
        width: 16.666667%
    }

    .md\:w-3\/6 {
        width: 50%
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:w-1\/12 {
        width: 8.333333%
    }

    .md\:w-3\/12 {
        width: 25%
    }

    .md\:w-4\/12 {
        width: 33.333333%
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-7\/12 {
        width: 58.333333%
    }

    .md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-9\/12 {
        width: 75%
    }

    .md\:w-11\/12 {
        width: 91.666667%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:w-11\/24 {
        width: 45.8333333%
    }

    .md\:w-2\/9 {
        width: 22.2222222%
    }

    .md\:gap-6 {
        grid-gap: 1.5rem;
        gap: 1.5rem
    }

    .md\:gap-8 {
        grid-gap: 2rem;
        gap: 2rem
    }

    .md\:gap-16 {
        grid-gap: 4rem;
        gap: 4rem
    }

    .md\:gap-24 {
        grid-gap: 6rem;
        gap: 6rem
    }

    .md\:gap-x-8 {
        grid-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-x-9 {
        grid-column-gap: 2.25rem;
        column-gap: 2.25rem
    }

    .md\:gap-y-6 {
        grid-row-gap: 1.5rem;
        row-gap: 1.5rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-filter {
        grid-template-columns: 25% 1fr
    }

    .md\:grid-cols-languages {
        grid-template-columns: 1fr 25%
    }

    .md\:grid-cols-2\/3 {
        grid-template-columns: 2fr 1fr
    }

    .md\:row-start-auto {
        grid-row-start: auto
    }
}

@media (min-width:1024px) {
    .lg\:container {
        width: 100%
    }

    @media (min-width:640px) {
        .lg\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .lg\:container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .lg\:container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .lg\:container {
            max-width: 1280px
        }
    }

    .lg\:cursor-pointer {
        cursor: pointer
    }

    .lg\:block {
        display: block
    }

    .lg\:inline {
        display: inline
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-stretch {
        align-items: stretch
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:flex-4 {
        flex: 4 4
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mr-2 {
        margin-right: .5rem
    }

    .lg\:ml-2 {
        margin-left: .5rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mt-16 {
        margin-top: 4rem
    }

    .lg\:max-w-18 {
        max-width: 18rem
    }

    .lg\:min-w-0 {
        min-width: 0
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:pr-4 {
        padding-right: 1rem
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-5\/6 {
        width: 83.333333%
    }

    .lg\:w-9\/12 {
        width: 75%
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:gap-x-4 {
        grid-column-gap: 1rem;
        column-gap: 1rem
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    .xl\:container {
        width: 100%
    }

    @media (min-width:640px) {
        .xl\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .xl\:container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .xl\:container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .xl\:container {
            max-width: 1280px
        }
    }

    .xl\:h-252 {
        height: 252px
    }

    .xl\:mt-6 {
        margin-top: 1.5rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:w-70 {
        width: 17.5rem
    }

    .xl\:w-91 {
        width: 22.75rem
    }

    .xl\:w-4\/5 {
        width: 80%
    }

    .xl\:w-full {
        width: 100%
    }
}

@media (max-width:767px) {
    .max-md\:container {
        width: 100%
    }

    @media (min-width:640px) {
        .max-md\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .max-md\:container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .max-md\:container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .max-md\:container {
            max-width: 1280px
        }
    }
}

@media (max-width:639px) {
    .max-sm\:container {
        width: 100%
    }

    @media (min-width:640px) {
        .max-sm\:container {
            max-width: 640px
        }
    }

    @media (min-width:768px) {
        .max-sm\:container {
            max-width: 768px
        }
    }

    @media (min-width:1024px) {
        .max-sm\:container {
            max-width: 1024px
        }
    }

    @media (min-width:1280px) {
        .max-sm\:container {
            max-width: 1280px
        }
    }
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}