/*!
 * Bootstrap-select v1.13.0-beta (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2018 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}
.bootstrap-select {
    width: 220px \0;
}
.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999;
}
.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}
.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}
.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
    border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
    border-color: #28a745;
}
.bootstrap-select.fit-width {
    width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: #333 dotted thin !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px;
}
.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
    float: right;
}
.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}
.form-inline .bootstrap-select .form-control {
    width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
    outline: 0 !important;
}
.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060;
}
.bootstrap-select .dropdown-toggle:before {
    content: "";
    display: inline-block;
    width: 100%;
}
.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: inherit;
    padding-right: inherit;
    padding-left: inherit;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
    overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}
.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
    outline: 0 !important;
}
.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
    position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
    color: #fff;
}
.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
    padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
    content: "";
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before {
    display: block;
}
.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}
.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
    width: 50%;
}
.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bs-donebutton .btn-group button {
    width: 100%;
}
.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}
.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
} /*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}
@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td i,
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 0.25rem;
    padding: 0.5em;
}
.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #dee2e6;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #f8f9fa;
}
.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    color: #dee2e6;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #f8f9fa;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #dee2e6;
}
.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #dee2e6;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #dee2e6;
    color: #007bff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #dee2e6;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td i,
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 0.25rem;
}
.bootstrap-datetimepicker-widget table td i:hover,
.bootstrap-datetimepicker-widget table td span:hover {
    background: #f8f9fa;
}
.bootstrap-datetimepicker-widget table td i.active,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #dee2e6;
    color: #007bff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td i.old,
.bootstrap-datetimepicker-widget table td span.old {
    color: #dee2e6;
}
.bootstrap-datetimepicker-widget table td i.disabled,
.bootstrap-datetimepicker-widget table td i.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #dee2e6;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
} /*!
 * Define CSS variables
 * solucionesextranet 
 * mruiz - v.20191011
 */
.h1,
h1 {
    font-size: 40px;
    line-height: 50px;
}
.h3,
h3 {
    font-size: 24px;
    line-height: 34px;
}
@font-face {
    font-family: icon-font;
    src: url(../fonts/icons/icon-font.eot);
    src: url(../fonts/icons/icon-font.eot?#iefix) format("embedded-opentype"), url(../fonts/icons/icon-font.woff) format("woff"), url(../fonts/icons/icon-font.ttf) format("truetype"),
        url(../fonts/icons/icon-font.svg#untitled-font-3) format("svg");
    font-weight: 400;
    font-style: normal;
}
[data-icon]:before {
    font-family: icon-font !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
    font-family: icon-font !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-language:before {
    content: "\61";
}
.icon-globe:before {
    content: "\62";
}
.icon-ic-analysis:before {
    content: "\63";
}
.icon-ic-arrow-point-to-right:before {
    content: "\64";
}
.icon-ic-factory:before {
    content: "\65";
}
.icon-ic-home:before {
    content: "\66";
}
.icon-ic-settings:before {
    content: "\67";
}
.icon-ic-transfer:before {
    content: "\68";
}
.icon-ic-wheat:before {
    content: "\69";
}
.icon-cog:before {
    content: "\6a";
}
.icon-settings:before {
    content: "\6b";
}
.icon-cog-1:before {
    content: "\6c";
}
.icon-wrench:before {
    content: "\6d";
}
.icon-tasks:before {
    content: "\6e";
}
.icon-cogs:before {
    content: "\6f";
}
.icon-pencil:before {
    content: "\70";
}
.icon-pencil-square-o:before {
    content: "\71";
}
.icon-pencil-1:before {
    content: "\72";
}
.icon-trash-o:before {
    content: "\75";
}
.icon-files-o:before {
    content: "\73";
}
.icon-upload:before {
    content: "\74";
}
.icon-upload-cloud:before {
    content: "\76";
}
.icon-export:before {
    content: "\77";
}
.icon-plus:before {
    content: "\78";
}
.icon-plus-square:before {
    content: "\79";
}
.icon-plus-square-o:before {
    content: "\7a";
}
.icon-angle-down:before {
    content: "\41";
}
.icon-angle-left:before {
    content: "\42";
}
.icon-angle-right:before {
    content: "\43";
}
.icon-angle-up:before {
    content: "\44";
}
.icon-filter:before {
    content: "\45";
}
.icon-cancel:before {
    content: "\46";
}
.icon-times:before {
    content: "\47";
}
.icon-file-add:before {
    content: "\48";
}
.icon-tags:before {
    content: "\49";
}
.icon-exclamation-circle:before {
    content: "\4a";
}
.icon-exclamation-triangle:before {
    content: "\4b";
}
.icon-exclamation:before {
    content: "\4c";
}
.icon-th-large:before {
    content: "\4d";
}
.icon-clippy:before {
    content: "\4e";
}
.icon-bag:before {
    content: "\4f";
}
.icon-shopping-cart:before {
    content: "\50";
}
.icon-up:before {
    content: "\51";
}
.icon-up-circled:before {
    content: "\52";
}
.icon-up-thin:before {
    content: "\53";
}
.icon-arrow-down:before {
    content: "\54";
}
.icon-down-circled:before {
    content: "\55";
}
.icon-down-thin:before {
    content: "\56";
}
.icon-arrows:before {
    content: "\57";
}
.icon-feather:before {
    content: "\58";
}
.icon-calculator-2:before {
    content: "\59";
}
.icon-stackoverflow:before {
    content: "\5a";
}
.icon-subscript:before {
    content: "\30";
}
.icon-superscript:before {
    content: "\31";
}
.icon-black-question:before {
    content: "\32";
}
.icon-white-question:before {
    content: "\33";
}
.icon-question:before {
    content: "\34";
}
.icon-question-1:before {
    content: "\35";
}
.icon-files:before {
    content: "\36";
}
.icon-cloud-upload:before {
    content: "\37";
}
.icon-cloud-upload-2:before {
    content: "\38";
}
.icon-beaker:before {
    content: "\39";
}
.icon-dropbox:before {
    content: "\21";
}
.icon-home:before {
    content: "\22";
}
.icon-label:before {
    content: "\23";
}
.icon-clipboard-pencil:before {
    content: "\24";
}
.icon-home-1:before {
    content: "\25";
}
.icon-beaker-1:before {
    content: "\26";
}
.icon-trash-can:before {
    content: "\27";
}
.icon-settings-1:before {
    content: "\28";
}
.icon-flag-goal:before {
    content: "\29";
}
.icon-industry:before {
    content: "\2a";
}
.icon-android-add:before {
    content: "\2b";
}
.icon-android-remove:before {
    content: "\2c";
}
.icon-award-stroke:before {
    content: "\2d";
}
.icon-van:before {
    content: "\2e";
}
.icon-user-close-edit:before {
    content: "\2f";
}
.icon-user-close-remove:before {
    content: "\3a";
}
.icon-user-close-security:before {
    content: "\3b";
}
.icon-user-close-add:before {
    content: "\3c";
}
.icon-icon-edit-user:before {
    content: "\3d";
}
.icon-icon-remove-user:before {
    content: "\3e";
}
.icon-icon-copy-user:before {
    content: "\3f";
}
.icon-icon-safety-user:before {
    content: "\40";
}
.icon-copos:before {
    content: "\5b";
}
.icon-materia-prima:before {
    content: "\5d";
}
.icon-premezcla:before {
    content: "\5e";
}
.icon-excipiente:before {
    content: "\5f";
}
.icon-granulado:before {
    content: "\60";
}
.icon-dosificacion-manual:before {
    content: "\7b";
}
.icon-molturado:before {
    content: "\7c";
}
.icon-pack:before {
    content: "\7d";
}
.icon-venta-materia:before {
    content: "\7e";
}
.icon-venta-articulo:before {
    content: "\5c";
}
.icon-formula:before {
    content: "\e000";
}
.icon-saca:before {
    content: "\e001";
}
.icon-etiqueta-saco:before {
    content: "\e002";
}
.icon-etiqueta-muestra:before {
    content: "\e003";
}
.icon-etiqueta-pallet:before {
    content: "\e004";
} /*!
 * Main Styles
 * solucionesextranet 
 * mruiz - v.20191011
 */ /*!
 * Animations CSS | Hover Style
 * solucionesextranet 
 * mruiz - v.20191011
 */
.hvr-icon-sink-away:before {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}
@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-push:active,
.hvr-push:focus,
.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}
@keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}
.puff-out-center {
    -webkit-animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    animation: puff-out-center 1s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
}
@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
}
.puff-in-center {
    -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
    animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
.slide-in-right {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
.slide-out-right {
    -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@-webkit-keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
}
@keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
}
.swirl-out-bck {
    -webkit-animation: swirl-out-bck 0.6s ease-in both;
    animation: swirl-out-bck 0.6s ease-in both;
}
@-webkit-keyframes swirl-out-bck {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
}
@keyframes swirl-out-bck {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
}
.swirl-in-fwd {
    -webkit-animation: swirl-in-fwd 0.6s ease-out both;
    animation: swirl-in-fwd 0.6s ease-out both;
}
@-webkit-keyframes swirl-in-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}
@keyframes swirl-in-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}
.tracking-in-expand {
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
.tracking-out-contract {
    -webkit-animation: tracking-out-contract 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: tracking-out-contract 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@-webkit-keyframes tracking-out-contract {
    0%,
    50% {
        opacity: 1;
    }
    100% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
}
@keyframes tracking-out-contract {
    0%,
    50% {
        opacity: 1;
    }
    100% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
}
.flip-in-hor-top {
    -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}
@keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}
.flip-out-hor-bottom {
    -webkit-animation: flip-out-hor-bottom 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: flip-out-hor-bottom 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@-webkit-keyframes flip-out-hor-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        opacity: 0;
    }
}
@keyframes flip-out-hor-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        opacity: 0;
    }
}
.slide-down-infinite {
    -webkit-animation: slide-down-infinite 5s infinite;
    -moz-animation: slide-down-infinite 5s infinite;
    -o-animation: slide-down-infinite 5s infinite;
    animation: slide-down-infinite 5s infinite;
}
@-webkit-keyframes slide-down-infinite {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0) matrix(1, 2, -1, 1, 80, 80);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes slide-down-infinite {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.5);
        transform: translateY(0) scale(0.5);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateY(10px) scale(1);
        transform: translateY(10px) scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.5);
        transform: translateY(0) scale(0.5);
    }
}
@-o-keyframes slide-down-infinite {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.5);
        transform: translateY(0) scale(0.5);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateY(10px) scale(1);
        transform: translateY(10px) scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.5);
        transform: translateY(0) scale(0.5);
    }
}
@keyframes slide-down-infinite {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        opacity: 0.2;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes sonar-base {
    from {
        padding: 0;
        opacity: 0.6;
    }
    to {
        padding: 1.3em;
        opacity: 0;
        top: -1.3em;
        left: -1.3em;
    }
}
@-moz-keyframes sonar-base {
    from {
        padding: 0;
        opacity: 0.6;
    }
    to {
        padding: 1.3em;
        opacity: 0;
        top: -1.3em;
        left: -1.3em;
    }
}
@-o-keyframes sonar-base {
    from {
        padding: 0;
        opacity: 0.6;
    }
    to {
        padding: 1.3em;
        opacity: 0;
        top: -1.3em;
        left: -1.3em;
    }
}
@keyframes sonar-base {
    from {
        padding: 0;
        opacity: 0.6;
    }
    to {
        padding: 1.3em;
        opacity: 0;
        top: -1.3em;
        left: -1.3em;
    }
}
@-webkit-keyframes sonar-stroke {
    from {
        border-width: 0.4em;
        margin: -0.4em;
    }
    to {
        border-width: 0.1em;
        top: -1.3em;
        left: -1.3em;
    }
}
@-moz-keyframes sonar-stroke {
    from {
        border-width: 0.4em;
        margin: -0.4em;
    }
    to {
        border-width: 0.1em;
        top: -1.3em;
        left: -1.3em;
    }
}
@-o-keyframes sonar-stroke {
    from {
        border-width: 0.4em;
        margin: -0.4em;
    }
    to {
        border-width: 0.1em;
        top: -1.3em;
        left: -1.3em;
    }
}
@keyframes sonar-stroke {
    from {
        border-width: 0.4em;
        margin: -0.4em;
    }
    to {
        border-width: 0.1em;
        top: -1.3em;
        left: -1.3em;
    }
}
.sonar {
    position: relative;
}
.sonar:after {
    z-index: -1;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-animation-name: sonar-base;
    -moz-animation-name: sonar-base;
    -o-animation-name: sonar-base;
    animation-name: sonar-base;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.sonar.sonar-infinite:after {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.sonar.sonar-delay:after {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.sonar.sonar-delay-long:after {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.sonar.sonar-delay-longer:after {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}
.sonar.sonar-delay-short:after {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.sonar.sonar-delay-shorter:after {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.sonar.sonar-slow:after {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
.sonar.sonar-slower:after {
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
}
.sonar.sonar-fast:after {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.sonar.sonar-faster:after {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}
.sonar.sonar-stroke:after {
    border-width: 0;
    border-color: inherit;
    border-style: solid;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-animation-name: sonar-base, sonar-stroke;
    -moz-animation-name: sonar-base, sonar-stroke;
    -o-animation-name: sonar-base, sonar-stroke;
    animation-name: sonar-base, sonar-stroke;
}
.sonar.sonar-stroke.sonar-hover:after {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}
.sonar.sonar-stroke.sonar-hover.sonar-default:after {
    border-color: #555;
}
.sonar.sonar-stroke.sonar-hover.sonar-primary:after {
    border-color: #337ab7;
}
.sonar.sonar-stroke.sonar-hover.sonar-info:after {
    border-color: #5bc0de;
}
.sonar.sonar-stroke.sonar-hover.sonar-success:after {
    border-color: #5cb85c;
}
.sonar.sonar-stroke.sonar-hover.sonar-warning:after {
    border-color: #f0ad4e;
}
.sonar.sonar-stroke.sonar-hover.sonar-danger:after {
    border-color: #d9534f;
}
.sonar.sonar-stroke.sonar-hover:hover:after {
    -webkit-animation-name: sonar-base, sonar-stroke;
    -moz-animation-name: sonar-base, sonar-stroke;
    -o-animation-name: sonar-base, sonar-stroke;
    animation-name: sonar-base, sonar-stroke;
}
.sonar.sonar-stroke.sonar-click:after {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}
.sonar.sonar-stroke.sonar-click:focus:after {
    -webkit-animation-name: sonar-base, sonar-stroke;
    -moz-animation-name: sonar-base, sonar-stroke;
    -o-animation-name: sonar-base, sonar-stroke;
    animation-name: sonar-base, sonar-stroke;
}
.sonar.sonar-fill:after {
    border: none;
    background: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-animation-name: sonar-base;
    -moz-animation-name: sonar-base;
    -o-animation-name: sonar-base;
    animation-name: sonar-base;
}
.sonar.sonar-fill.sonar-default:after {
    background-color: #555;
}
.sonar.sonar-fill.sonar-primary:after {
    background-color: #337ab7;
}
.sonar.sonar-fill.sonar-info:after {
    background-color: #5bc0de;
}
.sonar.sonar-fill.sonar-success:after {
    background-color: #5cb85c;
}
.sonar.sonar-fill.sonar-warning:after {
    background-color: #f0ad4e;
}
.sonar.sonar-fill.sonar-danger:after {
    background-color: #d9534f;
}
.sonar.sonar-fill.sonar-hover:after {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}
.sonar.sonar-fill.sonar-hover:hover:after {
    -webkit-animation-name: sonar-base;
    -moz-animation-name: sonar-base;
    -o-animation-name: sonar-base;
    animation-name: sonar-base;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.sonar.sonar-fill.sonar-click:after {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}
.sonar.sonar-fill.sonar-click:focus:after {
    -webkit-animation-name: sonar-base;
    -moz-animation-name: sonar-base;
    -o-animation-name: sonar-base;
    animation-name: sonar-base;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.sonar-effect {
    -webkit-animation: sonar-effect 1s ease-in-out 0.1s infinite;
    animation: sonar-effect 1s ease-in-out 0.1s infinite;
}
@keyframes sonar-effect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 5px rgba(197, 225, 165, 0.6), 0 0 10px 10px rgba(197, 225, 165, 0.6), 0 0 0 10px rgba(197, 225, 165, 0.6);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(197, 225, 165, 0.6), 0 0 10px 10px rgba(197, 225, 165, 0.6), 0 0 0 10px rgba(197, 225, 165, 0.6);
        transform: scale(1.5);
        opacity: 0;
    }
} /*!
 * Functions
 * solucionesextranet 
 * mruiz - v.20191011
 */
[class*=" _limitw-"],
[class^="_limitw-"] {
    width: 100%;
    margin: 0 auto;
}
[class*=" _limitw-"]._onleft,
[class^="_limitw-"]._onleft {
    margin: 0;
}
._limitw-full {
    max-width: 100%;
}
[class*=" td-w-"],
[class^="td-w-"] {
    width: 100%;
    margin: 0 auto;
}
[class*=" td-w-"]._onleft,
[class^="td-w-"]._onleft {
    margin: 0;
}
.td-w-full {
    min-width: 100%;
}
.td-w-95 {
    min-width: 95px;
}
.__scrollY {
    overflow-y: auto;
}
.__scrollY::-webkit-scrollbar {
    width: 4px;
}
.__scrollY::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.__scrollY::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.__scrollX {
    overflow-x: auto;
}
.__scrollX::-webkit-scrollbar {
    height: 4px;
}
.__scrollX::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.__scrollX::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
body {
    color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
body a {
    color: #484848;
}
body a:hover {
    color: initial;
}
body a[disabled] {
    opacity: 0.4;
    filter: grayscale(90%);
    cursor: no-drop;
}
.color-txt {
    color: #484848 !important;
}
.c-white {
    color: #fff !important;
}
.c-main {
    color: #c30e2e !important;
}
.c-blue {
    color: #09f !important;
}
.c-red,
.error {
    /*color: #c30e2e !important;*/
    color: #ff4a6a !important;
}
.c-brown {
    color: #c58e18 !important;
}
.c-green {
    color: #3da05b !important;
}
.bg-main {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-green {
    background-color: rgba(189, 235, 186, 0.9);
}
.bg-red {
    background-color: rgba(235, 186, 189, 0.9);
}
.fs-13 {
    font-size: 13px;
    line-height: 18px;
}
.fs-10 {
    font-size: 10px;
    line-height: 14px;
}
.navbar-brand {
    height: 70px;
    width: 100%;
    text-align: center;
}
.navbar-brand .brand-logo {
    display: inline-block;
    margin-right: 0;
    width: auto;
    height: 100%;
    padding: 5px 0;
}
.navbar-brand .brand-logo img {
    height: auto;
    width: 100%;
}
.navbar-brand .brand-logo .small-logo {
    display: none !important;
}
.navbar-brand .brand-logo .big-logo {
    display: inline-block !important;
}
.sidebar-nav .has-arrow:after {
    border-color: rgba(255, 255, 255, 0.4);
}
.sidebar-nav > ul > li > a.active {
    background-color: transparent;
}
.left-sidebar {
    padding-top: 0;
}
.side-page .header {
    margin-left: 70px;
    width: calc(100% - 240px);
}
.side-page .page-wrapper {
    width: calc(100% - 240px);
}
.theme-mode-content {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #484848;
}
.theme-mode-content .switch .txt-mode {
    font-size: 9px;
    line-height: 19px;
    text-transform: uppercase;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    white-space: nowrap;
}
.theme-mode-content .switch .txt-mode.dark-mode {
    -webkit-animation: tracking-out-contract 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: tracking-out-contract 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    color: rgba(255, 255, 255, 0.5);
}
.theme-mode-content .switch.dark .txt-mode.dark-mode {
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.theme-mode-content .switch.dark .txt-mode.light-mode {
    -webkit-animation: tracking-out-contract 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: tracking-out-contract 0.7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
footer.footer {
    background-color: rgba(225, 226, 225, 0.3);
    border: 0;
    padding: 10px 15px 6px;
    color: #484848;
    font-size: 12px;
    line-height: 22px;
}
footer.footer p {
    margin-bottom: 0;
}
.fx-menu {
    height: 100vh;
    z-index: 1024;
    padding-top: 9px;
}
/* Modo "minimizado" (icono) eliminado. La hamburguesa oculta/muestra el sidebar
   entero: en tablet/movil con overlay (sidebar-movil-abierta), en escritorio con
   reflow (sidebar-oculta-escritorio, @media min-width:1170px mas abajo).
   Breakpoint en 1170px porque es el mismo que usa adminse/custom.js para forzar
   el modo icono "mini-sidebar": por debajo no hay hueco real para un sidebar de
   240px fijo con 3 niveles de menu, y ese modo icono nunca llego a soportar el
   3er nivel (las opciones dentro de un grupo). Adaptado de GestionDocumentalERI. */
@media (max-width: 1169px) {
    .left-sidebar {
        width: 240px !important;
        left: -240px !important;
        transition: left 0.25s ease;
        /* Muy alto, igual que la hamburguesa (ver mas abajo): con 1027 la barra de opciones
           de cada pagina (.header-block.fixed-top, fondo blanco, ancho completo en este
           breakpoint) quedaba por encima y se mezclaba visualmente con el sidebar abierto. */
        z-index: 999999998 !important;
    }
    body.sidebar-movil-abierta .left-sidebar {
        left: 0 !important;
    }
    .fx-menu {
        z-index: 999999998 !important;
    }
    /* La barra de avisos (30px de alto, top:0) tapaba el principio del sidebar (logo,
       primeras opciones): mismo desplazamiento que la hamburguesa, y se descuenta ese
       alto para no desbordar 30px por debajo de la pantalla. */
    body.show_bug .left-sidebar,
    body.show_bug .fx-menu {
        top: 30px !important;
        height: calc(100vh - 30px) !important;
    }
    .target-burger {
        transform: translateX(10px) !important;
        /* El valor original del tema es 999999999 (mas abajo en este fichero), pensado para
           quedar SIEMPRE por encima de todo. Aqui se habia bajado a 1028 -solo para superar
           al sidebar, 1027- y la cabecera de cada pagina (.header-block.fixed-top, fondo
           blanco, ocupa el ancho completo en este breakpoint) se quedaba por encima y la
           tapaba. Se restaura el valor original: no hace falta "ganarle por poco" a nada. */
        z-index: 999999999 !important;
    }
    /* La barra de avisos (".bug__block--salud", 30px de alto, top:0) y la hamburguesa (tambien
       top:0, pegada al borde izquierdo aqui) se solapaban cuando habia aviso. "show_bug" solo
       existe en <body> mientras el aviso esta visible (ver HomeComponent), asi que basta con
       bajar la hamburguesa ese alto mientras este presente. */
    body.show_bug .target-burger {
        top: 30px !important;
    }
    /* adminse/custom.js sigue anadiendo body.mini-sidebar por debajo de 1170px (su propio
       corte para el modo icono, ver el comentario de mas arriba) aunque aqui ya no se use: se
       quita por JS en cuanto aparece (menu.ts, quitarMiniSidebarEnMovil), pero se ha visto un
       parpadeo con el menu comprimido a iconos al abrir el sidebar. Se neutraliza tambien por
       CSS -misma especificidad que el tema, via #sidebarnav- para que ese parpadeo no se
       pueda ver pase lo que pase con el JS. */
    body.mini-sidebar .sidebar-nav #sidebarnav {
        width: auto !important;
        overflow: visible !important;
    }
    body.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link i {
        display: none !important;
    }
    body.mini-sidebar .sidebar-nav .nav-customer,
    body.mini-sidebar .sidebar-nav .nav-user {
        width: auto !important;
    }
    /* Cortinilla que cierra el sidebar al tocar fuera; solo existe visualmente
       con el sidebar abierto */
    .sidebar-backdrop-movil {
        display: none;
    }
    body.sidebar-movil-abierta .sidebar-backdrop-movil {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        /* Justo por debajo del sidebar (999999998): tiene que quedar por encima de la
           barra de opciones de cada pagina (header-block.fixed-top) para que se note
           oscurecida detras, no por debajo. */
        z-index: 999999997;
    }
    /* Sidebar oculto -> el contenido ya no reserva hueco, ocupa todo el ancho.
       Prefijados con "body" porque el bloque de responsive.css que reserva ese
       hueco va cargado despues y usa !important: a igual especificidad ganaria
       por orden de carga. */
    body .page-wrapper,
    body .navbar-page-options .header-block.fixed-top {
        margin-left: 0 !important;
        width: 100% !important;
    }
    body .bug__block .bug-header {
        width: 100% !important;
    }
    /* Si algo se desborda a la derecha, la pagina se arrastra y el fondo se corta.
       "clip" y no "hidden": no crea contenedor de scroll propio. */
    .page-wrapper {
        overflow-x: clip;
    }
    /* En tablet/movil la hamburguesa ya no va sobre el sidebar oscuro sino sobre
       la cabecera, que en modo claro es blanca: las barras blancas no se veian.
       Prefijado con "body" porque el bloque original va DESPUES en el fichero. */
    body #menu-toggle .menu .bar {
        background-color: #484848;
    }
    body.dark-theme #menu-toggle .menu .bar {
        background-color: #ffffff;
    }
    /* La hamburguesa va sobre el titulo de la pagina: se le reserva el hueco */
    body .navbar-page-options .header-block .h3,
    body .navbar-page-options .header-block .title-page {
        padding-left: 46px;
    }
    /* El icono solo se cruza en X con el menu realmente abierto. main.js le pone
       ".open" mirando body.mini-sidebar, que aqui ya no se usa: sin esto se
       quedaba en X para siempre. Prefijado con "body" porque el bloque original
       de ".open" va DESPUES en el fichero: a igual especificidad ganaria por
       orden. */
    body #menu-toggle.open .menu .bar:nth-of-type(1) {
        top: 7px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    body #menu-toggle.open .menu .bar:nth-of-type(2) {
        width: 35px;
        left: 0;
        opacity: 1;
    }
    body #menu-toggle.open .menu .bar:nth-of-type(3) {
        top: 23px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    /* Un ".open" mas que el de arriba: con el menu abierto SI se cruza en X */
    body.sidebar-movil-abierta #menu-toggle.open .menu .bar:nth-of-type(1),
    body.sidebar-movil-abierta #menu-toggle .menu .bar:nth-of-type(1) {
        top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    body.sidebar-movil-abierta #menu-toggle.open .menu .bar:nth-of-type(2),
    body.sidebar-movil-abierta #menu-toggle .menu .bar:nth-of-type(2) {
        opacity: 0;
    }
    body.sidebar-movil-abierta #menu-toggle.open .menu .bar:nth-of-type(3),
    body.sidebar-movil-abierta #menu-toggle .menu .bar:nth-of-type(3) {
        top: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
/* Ocultar/mostrar sidebar en escritorio (hamburguesa), con reflow del contenido */
@media (min-width: 1170px) {
    .left-sidebar {
        left: 0;
        z-index: 1027;
        transition: left 0.25s ease;
    }
    body.sidebar-oculta-escritorio .left-sidebar {
        left: -240px;
    }
    /* la transicion va aqui, sin la clase, para que tambien anime al VOLVER a
       mostrar el sidebar (si solo estuviera en el selector con la clase, al
       quitarla el cambio de margin-left/width seria instantaneo y el sidebar,
       que si anima, se veria solapar el contenido durante esa fraccion) */
    .page-wrapper,
    .navbar-page-options .header-block.fixed-top {
        transition: margin-left 0.25s ease, width 0.25s ease;
    }
    body.sidebar-oculta-escritorio .page-wrapper,
    body.sidebar-oculta-escritorio .navbar-page-options .header-block.fixed-top {
        margin-left: 0;
        width: 100%;
    }
    body.sidebar-oculta-escritorio .bug__block .bug-header {
        width: 100%;
    }
    body.sidebar-oculta-escritorio .modal {
        padding-left: 0;
    }
    /* con el sidebar oculto la hamburguesa cae sobre el fondo claro de la pagina,
       no sobre el sidebar oscuro: las barras blancas se veian invisibles */
    body.sidebar-oculta-escritorio .target-burger {
        transform: translateX(10px);
    }
    body.sidebar-oculta-escritorio #menu-toggle .menu .bar {
        background-color: #484848;
    }
    body.sidebar-oculta-escritorio.dark-theme #menu-toggle .menu .bar {
        background-color: #ffffff;
    }
    body.sidebar-oculta-escritorio .navbar-page-options .header-block .h3,
    body.sidebar-oculta-escritorio .navbar-page-options .header-block .title-page {
        padding-left: 46px;
    }
}
.card-no-border .left-sidebar {
    background: #484848 !important;
}
.scroll-sidebar {
    z-index: 1;
    padding-bottom: 185px;
}
.nav-bottom {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    z-index: 2;
}
.nav-bottom .nav-content {
    position: relative;
}
.nav-bottom .nav-content ._element {
    padding: 5px 7px;
    background-color: #e1e2e1;
}
.nav-bottom .nav-content a {
    color: #484848;
}
.nav-bottom .nav-content .c-invert {
    background-color: #484848;
}
.nav-bottom .nav-content .c-invert a {
    color: #e1e2e1;
    padding: 4px 12px;
    width: 100%;
    opacity: 0.3;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.nav-bottom .nav-content .c-invert a i {
    font-size: 18px;
    line-height: 1;
}
.nav-bottom .nav-content .c-invert a span {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: -1px;
    display: inline-block;
    width: calc(100% - 30px);
    padding-left: 10px;
}
.nav-bottom .nav-content .c-invert a:hover {
    opacity: 1;
}
.nav-bottom .nav-content .er-hide-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    background-color: #c30e2e;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.nav-bottom .nav-content .er-hide-list li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
}
.nav-bottom .nav-content .er-hide-list li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    top: 20%;
    right: 0;
}
.nav-bottom .nav-content .er-hide-list li:last-child:after {
    display: none;
}
.nav-bottom .nav-content .er-hide-list li a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.nav-bottom .nav-content .er-hide-list li a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.nav-bottom .nav-content .icon-content {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-top: 2px;
    background-color: #484848;
}
.nav-bottom .nav-content .icon-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 50%;
    background-color: #c30e2e;
    top: 0;
    left: 0;
}
.nav-bottom .nav-content .icon-content ._element {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: transparent;
}
.nav-bottom .nav-content .icon-content ._element a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.nav-bottom .nav-content .icon-content ._element a:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.nav-bottom .nav-content .icon-content ._element:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    top: 20%;
    right: 0;
}
.nav-bottom .nav-content .icon-content ._element:last-child:after {
    display: none;
}
.nav-bottom .nav-content .content-user {
    overflow: hidden;
    background-color: #c30e2e;
}
.nav-bottom .nav-content .content-user ._element {
    background-color: transparent;
}
.nav-bottom .nav-content .user-profile a {
    padding: 0px 15px 7px 15px;
    min-height: 50px;
    width: 100%;
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    bottom: 5px;
}
.nav-bottom .nav-content .user-profile a:before {
    content: "\f011";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    right: 16px;
    top: 20px;
    color: #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    transition: transform 0.8s;
}
.nav-bottom .nav-content .user-profile a:active:before,
.nav-bottom .nav-content .user-profile a:focus:before,
.nav-bottom .nav-content .user-profile a:hover:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.nav-bottom .nav-content .user-profile .hide-menu {
    width: calc(100% - 30px);
}
.nav-bottom .nav-content .user-profile .hide-menu span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    display: block;
    position: relative;
    top: 24px;
}
.nav-bottom .nav-content .user-profile .hide-menu span.name {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}
.nav-bottom .nav-content .nav-brand {
    padding-top: 5px;
    background-color: #c30e2e;
}
.nav-bottom .nav-content .nav-brand .brand-logo {
    height: 0;
    width: 100%;
    position: relative;
}
.nav-bottom .nav-content .nav-brand .brand-logo:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/logo-icon.png) no-repeat;
    background-size: contain;
    opacity: 0;
    left: 5px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.nav-bottom .nav-content .nav-brand .brand-logo:after {
    content: "";
    position: absolute;
    width: 236px;
    height: 60px;
    background-size: contain;
    bottom: -20px;
    left: -8px;
    opacity: 0.1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.sidebar-nav {
    padding-top: 0;
    background: #484848 !important;
}
.sidebar-nav #sidebarnav {
    margin: 0;
    padding: 0;
}
.sidebar-nav #sidebarnav .nav-option {
    padding-left: 0;
}
.sidebar-nav #sidebarnav .nav-option > li {
    margin-bottom: 1px;
}
.sidebar-nav #sidebarnav .nav-option > li.nav-devider {
    height: 2px;
}
.sidebar-nav #sidebarnav .nav-option > li > a {
    min-height: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}
.sidebar-nav #sidebarnav .nav-option > li > a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.sidebar-nav #sidebarnav .nav-option > li > a i {
    position: absolute;
    top: calc(50% - 8px);
    left: 16px;
    font-size: 16px;
    line-height: 1;
    color: rgba(72, 72, 72, 0.9);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.sidebar-nav #sidebarnav .nav-option > li > a span {
    color: #484848;
    font-weight: 700;
    position: relative;
    width: 100%;
    display: inline-block;
    padding-left: 36px;
    font-size: 12px;
    line-height: 25px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.sidebar-nav #sidebarnav .nav-option > li.active > a,
.sidebar-nav #sidebarnav .nav-option > li:active > a,
.sidebar-nav #sidebarnav .nav-option > li:focus > a,
.sidebar-nav #sidebarnav .nav-option > li:hover > a {
    background-color: #555;
    color: #fff;
}
.sidebar-nav #sidebarnav .nav-option > li.active > a:before,
.sidebar-nav #sidebarnav .nav-option > li:active > a:before,
.sidebar-nav #sidebarnav .nav-option > li:focus > a:before,
.sidebar-nav #sidebarnav .nav-option > li:hover > a:before {
    width: 3px;
}
.sidebar-nav #sidebarnav .nav-option > li.active > a i,
.sidebar-nav #sidebarnav .nav-option > li.active > a span,
.sidebar-nav #sidebarnav .nav-option > li:active > a i,
.sidebar-nav #sidebarnav .nav-option > li:active > a span,
.sidebar-nav #sidebarnav .nav-option > li:focus > a i,
.sidebar-nav #sidebarnav .nav-option > li:focus > a span,
.sidebar-nav #sidebarnav .nav-option > li:hover > a i,
.sidebar-nav #sidebarnav .nav-option > li:hover > a span {
    color: #fff;
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}
.sidebar-nav #sidebarnav .nav-option > li > ul {
    background-color: #626262;
    padding-left: 20px;
}
.sidebar-nav #sidebarnav .nav-option > li > ul li {
    position: relative;
}
.sidebar-nav #sidebarnav .nav-option > li > ul li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
}
.sidebar-nav #sidebarnav .nav-option > li > ul li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    top: 15px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.sidebar-nav #sidebarnav .nav-option > li > ul li a {
    color: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.sidebar-nav #sidebarnav .nav-option > li > ul li.active:after,
.sidebar-nav #sidebarnav .nav-option > li > ul li:hover:after {
    width: 6px;
}
.sidebar-nav #sidebarnav .nav-option > li > ul li.active a,
.sidebar-nav #sidebarnav .nav-option > li > ul li:hover a {
    color: #fff;
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}
.sidebar-nav #sidebarnav .main-nav-option {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link {
    position: relative;
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link:before {
    content: "\2b";
    font-family: icon-font;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: initial;
    top: calc(50% - 12px);
    left: initial;
    right: 10px;
    width: initial;
    height: initial;
    background-color: transparent;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link:after {
    content: "\2c";
    font-family: icon-font;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: calc(50% - 12px);
    right: 10px;
    -webkit-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link i {
    display: none;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link span {
    letter-spacing: 0.5px;
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link[aria-expanded="true"]:before {
    -webkit-transform: scale(0) rotate(180deg);
    -moz-transform: scale(0) rotate(180deg);
    -ms-transform: scale(0) rotate(180deg);
    -o-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
}
.sidebar-nav #sidebarnav .main-nav-option .main-nav-link[aria-expanded="true"]:after {
    -webkit-transform: scale(1) rotate(180deg);
    -moz-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}
.sidebar-nav #sidebarnav .main-nav-option span {
    color: #fff;
    text-transform: uppercase;
    padding-left: 0;
}
.sidebar-nav #sidebarnav .main-nav-option .nav-option {
    background-color: rgba(255, 255, 255, 0.3);
}
.sidebar-nav .nav-customer {
    background-color: #fff;
    position: relative;
}
.sidebar-nav .nav-customer:before {
    content: "";
    position: absolute;
    background-color: #484848;
    width: 100%;
    height: 82px;
    top: 0;
    left: 0;
}
.sidebar-nav .nav-customer:after {
    content: "";
    position: absolute;
    background-color: #484848;
    width: 100%;
    height: 82px;
    bottom: 0;
    left: 0;
}
.sidebar-nav .nav-customer .bg-customer {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 82px;
}
.sidebar-nav .nav-customer .customer-profile {
    position: relative;
}
.sidebar-nav .nav-customer .customer-profile .pic {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #484848;
}
.sidebar-nav .nav-customer .customer-profile .pic img {
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: 0;
    border-radius: 0;
}
.mini-sidebar .target-burger {
    -webkit-transform: translateX(13px);
    -moz-transform: translateX(13px);
    -ms-transform: translateX(13px);
    -o-transform: translateX(13px);
    transform: translateX(13px);
}
.mini-sidebar .fx-menu {
    padding-top: 50px;
}
.mini-sidebar .header .navbar-header {
    background-color: transparent;
}
.mini-sidebar .scroll-sidebar {
    height: calc(100% - 390px);
}
.mini-sidebar .sidebar-nav {
    background: 0 0 !important;
}
.mini-sidebar .sidebar-nav #sidebarnav {
    width: 70px;
    overflow: hidden;
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link {
    padding: 22px 0 8px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link:after,
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link:before {
    display: none;
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link i {
    color: rgba(255, 255, 255, 0.2);
    display: block;
    font-size: 30px;
    line-height: 0;
    position: absolute;
    top: 6px;
    left: 20px;
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link i:before {
    line-height: 1;
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option .main-nav-link .small-menu {
    font-size: 8px;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.5;
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option.active .main-nav-link i {
    color: rgba(255, 255, 255, 0.4);
}
.mini-sidebar .sidebar-nav #sidebarnav .main-nav-option.active .main-nav-link .small-menu {
    opacity: 1;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li > a {
    color: rgba(255, 255, 255, 0.6);
    position: relative;
    padding: 7px 4px;
    text-align: center;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li > a:after {
    display: none;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li > a i {
    left: 25px;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li > a span {
    opacity: 1;
    left: 0;
    top: 13px;
    padding-left: 0;
    white-space: nowrap;
    font-size: 7px;
    line-height: 9px;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li.active > a,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:active > a,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:focus > a,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:hover > a {
    background-color: #626262;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li.active > a i,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:active > a i,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:focus > a i,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:hover > a i {
    color: #fff;
}
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li.active > a span,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:active > a span,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:focus > a span,
.mini-sidebar .sidebar-nav #sidebarnav .nav-option > li:hover > a span {
    color: #fff;
    opacity: 1;
}
.mini-sidebar .sidebar-nav .nav-customer {
    width: 70px;
}
.mini-sidebar .sidebar-nav .nav-customer:after,
.mini-sidebar .sidebar-nav .nav-customer:before {
    position: relative;
    height: 2px;
}
.mini-sidebar .sidebar-nav .nav-customer .bg-customer {
    position: relative;
    height: 2px;
    top: initial;
}
.mini-sidebar .sidebar-nav .nav-customer .customer-profile {
    background-color: #fff;
}
.mini-sidebar .sidebar-nav .nav-customer .customer-profile > a {
    padding: 5px 4px;
}
.mini-sidebar .sidebar-nav .nav-customer .customer-profile > a img {
    width: 56px;
    height: auto;
    margin-right: 0;
    border-radius: 0;
}
.mini-sidebar .sidebar-nav .nav-customer .customer-profile .pic {
    width: 56px;
    height: auto;
    border-radius: 0;
    border: 0;
}
.mini-sidebar .sidebar-nav .nav-customer .customer-profile .pic img {
    width: 100%;
    height: auto;
}
.mini-sidebar .sidebar-nav .nav-user {
    width: 70px;
}
.mini-sidebar .nav-bottom .nav-content .content-user,
.mini-sidebar .nav-bottom .nav-content .user-profile {
    background-color: #e1e2e1;
}
.mini-sidebar .nav-bottom .nav-content .user-profile .hide-menu {
    display: none;
}
.mini-sidebar .nav-bottom .nav-content .user-profile a:before {
    top: 8px;
    color: #484848;
}
.mini-sidebar .nav-bottom .nav-content .c-invert a span,
.mini-sidebar .nav-bottom .nav-content .icon-content ._element:after {
    display: none;
}
.mini-sidebar .nav-bottom .nav-content .nav-brand {
    background-color: #e1e2e1;
}
.mini-sidebar .nav-bottom .nav-content .nav-brand .brand-logo {
    height: 30px;
}
.mini-sidebar .nav-bottom .nav-content .nav-brand .brand-logo:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.mini-sidebar .nav-bottom .nav-content .nav-brand .brand-logo:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.mini-sidebar.side-page .page-wrapper {
    width: calc(100% - 70px);
}
.mini-sidebar .navbar-page-options .header-block.fixed-top {
    width: calc(100% - 70px);
    margin-left: 70px;
}
.mini-sidebar .bug__block .bug-header {
    width: calc(100% - 70px);
    margin-left: 0;
}
.mini-sidebar .modal {
    padding-left: 70px;
}
.mini-sidebar .dtp > .dtp-content {
    left: calc(50% + 36px);
}
.mini-sidebar .theme-mode-content .switch .txt-mode {
    font-size: 8px;
    line-height: 18px;
}
.tooltip {
    z-index: -9999;
}
.tooltip.show {
    z-index: 9999;
}
.bs-tooltip-top .arrow:before {
    border-color: transparent;
    border-top-color: rgba(195, 14, 46, 0.9);
}
.bs-tooltip-right .arrow:before {
    border-color: transparent;
    border-right-color: rgba(195, 14, 46, 0.9);
}
.bs-tooltip-bottom .arrow:before {
    border-color: transparent;
    border-bottom-color: rgba(195, 14, 46, 0.9);
}
.bs-tooltip-left .arrow:before {
    border-color: transparent;
    border-left-color: rgba(195, 14, 46, 0.9);
}
.tooltip-inner {
    background-color: rgba(195, 14, 46, 0.9);
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 4px 12px 5px;
    border-radius: 4px;
}
.navbar-nav {
    width: 70px;
}
.noside-page .main {
    min-height: 100vh;
}
.noside-page .page-wrapper {
    margin-left: 0;
    padding-bottom: 0;
    background-color: #fff;
}
.noside-page .page-wrapper .footer,
.noside-page .page-wrapper footer {
    display: none;
}
.page-access .bx_card {
    padding: 0 0 100px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.page-access .bx_card ._body {
    margin: 15px;
    display: inline-block;
    width: calc(100% - 45px);
}
.page-access .col-left {
    width: 40%;
    float: left;
}
.page-access .col-left .bg-img-main img {
    opacity: 0.2;
}
.page-access .col-right {
    width: 60%;
    float: left;
}
.page-access ._body {
    width: calc(100% + 15px);
}
.page-access ._body .pic {
    height: 190px;
    margin: 0 auto;
}
.page-access ._body .pic img {
    height: 100%;
    width: auto;
}
.page-access ._body .pic img.img-text {
    height: 20%;
    margin-left: 25px;
}
.page-access ._body .points {
    max-width: 390px;
    margin: 30px auto 0;
}
.page-access ._body .points ul {
    list-style-type: none;
    padding-left: 0;
    text-align: right;
}
.page-access ._body .points ul li {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    margin-top: 6px;
}
.page-access ._body .points ul li span {
    width: auto;
    position: relative;
    padding-left: 20px;
}
.page-access ._body .points ul li span:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #1c1c1b;
    top: 5px;
    left: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page-access .form-group {
    position: relative;
}
.page-access .form-group .parsley-errors-list {
    position: absolute;
    right: 3px;
    bottom: 5px;
}
.error-message{
      color: #ec5f69;
      min-height: 50px;
      padding: 12px 16px;
}
.bg-image-content {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.bg-image-content .bg-img-main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.bg-image-content .bg-img-main img {
    filter: blur(4px) grayscale(90%);
    opacity: 0.3;
    width: 100%;
    height: 90%;
    object-fit: cover;
    object-position: center;
}
.bg-image-content .bg-img-main:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-image-content ._body {
    position: relative;
    z-index: 1;
    height: calc(100vh - 100px);
    padding: 0 15px;
}
.bg-image-content ._body p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
}
.bg-image-content ._footer {
    background-color: #000;
    position: relative;
    z-index: 1;
    padding: 0 15px;
}
.bg-image-content ._footer .pic {
    height: 100px;
    padding: 25px 0;
}
.bg-image-content ._footer .pic img {
    height: 100%;
    width: auto;
}
.bx_card {
    padding: 15px;
    width: calc(100% - 15px);
}
.page-wrapper {
    background-color: #fff;
    position: relative;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.page-wrapper .main {
    position: relative;
}
.fix-header .page-wrapper {
    padding: 0 0 38px;
}
.header-section .line-title {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
}
.header-section .line-title h3 {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
}
.header-section .line-title h3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #484848;
    z-index: 0;
}
.header-section .line-title h3 span {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    color: #818084;
    z-index: 1;
    padding: 0 15px;
    background-color: #fff;
}
.header-section .intro {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.header-section .intro .h1,
.header-section .intro h1 {
    font-size: 70px;
    line-height: 90px;
    font-weight: 700;
    color: #484848;
}
.main {
    min-height: 93vh;
    height: 100%;
}
.btn:active,
.btn:focus,
.btn:hover {
    outline: 0;
    box-shadow: none;
}
.btn.btn-options {
    position: relative;
    color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.btn.btn-options:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background-color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    z-index: -1;
}
.btn.btn-options:hover {
    color: #fff;
}
.btn.btn-options:hover:before {
    height: 100%;
}
.btn.btn-options:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.er-btn {
    font-size: 16px;
    line-height: 20px;
    min-width: 200px;
    width: auto;
    display: inline-block;
    text-align: center;
    background-color: #484848;
    color: #fff;
    border: 1px solid transparent;
    outline: 0;
    padding: 13px 5px 12px;
    font-weight: 500;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn:hover {
    color: #fff;
}
.er-btn:hover .ico-silo-xs:before {
    background-image: url(../img/image-simple-silo-white.png);
}
.er-btn._type-xline {
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-xline:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 2px;
    background-color: #484848;
    top: -4px;
    left: -1px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-xline:after {
    content: "";
    position: absolute;
    width: 20%;
    height: 2px;
    background-color: #484848;
    bottom: -4px;
    right: -1px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-xline:hover {
    background-color: #626262;
}
.er-btn._type-xline:hover:after,
.er-btn._type-xline:hover:before {
    width: 100%;
}
.er-btn._type-form {
    background-color: #c30e2e;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding: 6px 12px;
    min-width: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-form.border {
    border: 1px solid #fff;
    overflow: hidden;
}
.er-btn._type-form.border:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #c30e2e;
    opacity: 0;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-form.border:hover {
    border: 1px solid #c30e2e;
}
.er-btn._type-form.border:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.er-btn._type-form:hover {
    background-color: #fff;
    color: #c30e2e;
}
.er-btn._type-form .er-icon {
    font-size: 16px;
}
.er-btn._type-form.btn-txt {
    background-color: transparent;
    position: relative;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-form.btn-txt:before {
    content: "\46";
    position: absolute;
    font-family: icon-font;
    font-size: 21px;
    line-height: 1;
    color: #fff;
    -webkit-transform: translateX(1px) scale(0);
    -moz-transform: translateX(1px) scale(0);
    -ms-transform: translateX(1px) scale(0);
    -o-transform: translateX(1px) scale(0);
    transform: translateX(1px) scale(0);
    opacity: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn._type-form.btn-txt:hover {
    color: #fff;
    padding-left: 20px;
}
.er-btn._type-form.btn-txt:hover:before {
    opacity: 1;
    -webkit-transform: translateX(-23px) scale(1);
    -moz-transform: translateX(-23px) scale(1);
    -ms-transform: translateX(-23px) scale(1);
    -o-transform: translateX(-23px) scale(1);
    transform: translateX(-23px) scale(1);
}
.er-btn.btn-export {
    border: 1px solid #fff;
    -webkit-transition: border 0.6s;
    -moz-transition: border 0.6s;
    -o-transition: border 0.6s;
    -ms-transition: border 0.6s;
    transition: border 0.6s;
}
.er-btn.btn-export span {
    position: relative;
}
.er-btn.btn-export span:before {
    font-size: 18px;
    color: #fff;
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-export span:after {
    content: "\77";
    position: absolute;
    font-family: icon-font;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    top: 3px;
    left: 2px;
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(0);
    -moz-transform: rotate(-180deg) scale(0);
    -ms-transform: rotate(-180deg) scale(0);
    -o-transform: rotate(-180deg) scale(0);
    transform: rotate(-180deg) scale(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-export:hover {
    border: 1px solid #c30e2e;
}
.er-btn.btn-export:hover span:before {
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(0);
    -moz-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    -o-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
}
.er-btn.btn-export:hover span:after {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}
.er-btn.btn-export.import span:after {
    content: "\74";
}
.er-btn.btn-import {
    border: 1px solid #fff;
    -webkit-transition: border 0.6s;
    -moz-transition: border 0.6s;
    -o-transition: border 0.6s;
    -ms-transition: border 0.6s;
    transition: border 0.6s;
}
.er-btn.btn-import span {
    position: relative;
    width: 20px;
    height: 10px;
    display: inline-block;
}
.er-btn.btn-import span:before {
    position: absolute;
    top: -4px;
    left: 4px;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-import span:after {
    content: "\38";
    position: absolute;
    font-family: icon-font;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    top: -2px;
    left: 3px;
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(0);
    -moz-transform: rotate(-180deg) scale(0);
    -ms-transform: rotate(-180deg) scale(0);
    -o-transform: rotate(-180deg) scale(0);
    transform: rotate(-180deg) scale(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-import:hover {
    border: 1px solid #c30e2e;
}
.er-btn.btn-import:hover span:before {
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(0);
    -moz-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    -o-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
}
.er-btn.btn-import:hover span:after {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}
.er-btn.bg-up {
    position: relative;
    border: 0;
    background-color: transparent;
    color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.bg-up:before {
    content: "";
    position: absolute;
    background-color: #484848;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.bg-up .bg-content {
    position: relative;
    z-index: 1;
}
.er-btn.bg-up span:before {
    color: #484848;
}
.er-btn.bg-up:hover {
    border: 0;
    color: #fff !important;
}
.er-btn.bg-up:hover:before {
    height: 100%;
}
.er-btn.bg-up:hover span:after {
    color: #fff;
}
.er-btn.btn-upload {
    position: relative;
    padding-left: 28px !important;
}
.er-btn.btn-upload:before {
    content: "\f093";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: calc(50% - 12px);
    left: 8px;
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-upload:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: calc(50% - 11px);
    left: 8px;
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-upload:active:before,
.er-btn.btn-upload:focus:before,
.er-btn.btn-upload:hover:before {
    -webkit-transform: scale(0) rotate(180deg);
    -moz-transform: scale(0) rotate(180deg);
    -ms-transform: scale(0) rotate(180deg);
    -o-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
    opacity: 0;
}
.er-btn.btn-upload:active:after,
.er-btn.btn-upload:focus:after,
.er-btn.btn-upload:hover:after {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
.er-btn.btn-new-tag {
    border: 1px solid #fff;
}
.er-btn.btn-new-tag span {
    position: relative;
    padding-left: 20px;
    display: initial;
}
.er-btn.btn-new-tag span:before {
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-new-tag span:after {
    content: "\f0fe";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    line-height: 1;
    color: #fff;
    top: 0;
    left: 2px;
    opacity: 0;
    -webkit-transform: rotate(-180deg) scale(0);
    -moz-transform: rotate(-180deg) scale(0);
    -ms-transform: rotate(-180deg) scale(0);
    -o-transform: rotate(-180deg) scale(0);
    transform: rotate(-180deg) scale(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-new-tag span.fas:before {
    font-size: 13px;
    line-height: 17px;
}
.er-btn.btn-new-tag:hover span:before {
    opacity: 0;
    -webkit-transform: rotate(180deg) scale(0);
    -moz-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    -o-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
}
.er-btn.btn-new-tag:hover span:after {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}
.er-btn.btn-add {
    position: relative;
    background-color: #fff;
    color: #484848;
    z-index: 0;
}
.er-btn.btn-add:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-add i,
.er-btn.btn-add span {
    position: relative;
    z-index: 2;
    color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-btn.btn-add:hover:before {
    height: 100%;
}
.er-btn.btn-add:hover i,
.er-btn.btn-add:hover span {
    color: #fff;
}
.er-btn.invert {
    background-color: #fff;
    border: 1px solid #484848;
    color: #484848;
}
.er-btn.btn-main {
    background-color: #c30e2e;
    color: #fff;
}
.er-btn.btn-main.invert {
    background-color: #fff;
    border: 1px solid #c30e2e;
    color: #c30e2e;
}
.er-btn.btn-sm {
    font-size: 12px;
    line-height: 22px;
    padding: 6px 12px;
    min-width: 0;
}
.er-btn.btn-xs {
    font-size: 12px;
    line-height: 22px;
    padding: 1px 12px;
    min-width: 0;
}
.er-btn.btn-xs.btn-export span:before {
    font-size: 12px;
}
.er-btn.btn-xs.btn-export span:after {
    font-size: 13px;
    top: -1px;
    left: -1px;
}
.er-btn[disabled] {
    opacity: 0.4;
    filter: grayscale(90%);
    cursor: no-drop;
}
.er-btn.btn-transparent {
    background-color: transparent;
    border: 0;
}
.nav-tabs .nav-link {
    color: #484848;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.5;
    padding: 12px 15px;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.nav-tabs .nav-link:hover {
    color: #484848;
    opacity: 0.7;
}
.nav-tabs .nav-link.active {
    color: #484848;
    opacity: 1;
    font-weight: 600;
}
.nav-tabs.nav-tabs-dashed {
    border-bottom-style: dashed;
}
.nav-tabs.nav-tabs-dashed .nav-item.show .nav-link,
.nav-tabs.nav-tabs-dashed .nav-link.active {
    border-style: dashed;
}
.tab-content {
    background-color: #fff;
}
.tab-content .tab-pane hr {
    border-color: rgba(195, 14, 46, 0.1);
}
.tab-content .tab-pane h4 {
    padding: 0 15px;
    color: #c30e2e !important;
}
hr.dashed {
    border-style: dashed;
    border-color: #484848;
    opacity: 0.2;
}
hr.white {
    border-color: #fff !important;
    opacity: 0.4;
}
hr.dark {
    border-color: #484848 !important;
    opacity: 0.2;
}
.er-ico {
    position: relative;
}
.er-ico.ico-new {
    padding-left: 30px;
}
.er-ico.ico-new:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    color: #626262;
    position: absolute;
    top: 0;
    left: 7px;
}
.er-ico.ico-edit {
    padding-left: 30px;
}
.er-ico.ico-edit:before {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    color: #626262;
    position: absolute;
    top: 0;
    left: 7px;
}
.er-ico.ico-remove {
    padding-left: 30px;
}
.er-ico.ico-remove:before {
    content: "\75";
    font-family: icon-font;
    font-size: 14px;
    color: #626262;
    position: absolute;
    top: 0;
    left: 7px;
}
.er-ico.ico-help {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.er-ico.ico-help:before {
    content: "\34";
    font-family: icon-font;
    font-size: 28px;
    line-height: 1;
    color: #626262;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-ico.ico-help:after {
    content: "\35";
    font-family: icon-font;
    font-size: 28px;
    line-height: 1;
    color: #c30e2e;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-ico.ico-help:hover:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.er-ico.ico-help:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.er-ico.ico-info {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.er-ico.ico-info:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px;
    line-height: 1;
    color: #626262;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-ico.ico-info:after {
    content: "\f129";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 21px;
    line-height: 1;
    color: #c30e2e;
    position: absolute;
    top: 2px;
    left: 10px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-ico.ico-info:hover:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.er-ico.ico-info:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.er-ico.ico-silo-xs {
    position: relative;
    width: 6px;
    height: 14px;
    display: inline-block;
}
.er-ico.ico-silo-xs:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/image-simple-silo.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 2px;
    right: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.add__favorites {
    position: relative;
    padding-right: 30px;
}
.add__favorites:before {
    content: "\f005";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #484848;
    font-size: 18px;
    line-height: 1;
    right: 5px;
    top: 5px;
    opacity: 1;
    filter: grayscale(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.add__favorites:after {
    content: "\f005";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #c30e2e;
    font-size: 18px;
    line-height: 1;
    right: 5px;
    top: 5px;
    opacity: 0;
    filter: grayscale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.add__favorites:hover:before {
    color: #c30e2e;
    filter: grayscale(40%);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.add__favorites:hover:after {
    opacity: 0.8;
    filter: grayscale(40%);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.add__favorites.active:before,
.add__favorites:active:before,
.add__favorites:focus:before {
    opacity: 0;
    top: 4px;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.add__favorites.active:after,
.add__favorites:active:after,
.add__favorites:focus:after {
    opacity: 1;
    filter: grayscale(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.init__report {
    font-size: 18px;
    line-height: 1;
    position: relative;
    top: -2px;
    padding: 0 4px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.init__report.active,
.init__report:hover {
    color: #c30e2e;
}
._legend {
    position: relative;
    list-style-type: none;
    padding-left: 0;
    width: 210px;
    border: 1px solid #e1e2e1;
    margin-bottom: 0;
    background-color: #fff;
}
._legend li {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e1e2e1;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}
._legend li span {
    background-color: #e1e2e1;
    width: 35px;
    height: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}
._legend li:last-child {
    border-bottom: 0;
}
.open-help.active .er-ico.ico-help:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.open-help.active .er-ico.ico-help:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.__help {
    position: absolute;
    right: 18px;
    z-index: 1;
    
    
}
.__help.show__help {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.__help.hide__help {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.__help.on_left ._legend li {
    width: auto;
    padding: 0 10px;
    float: left;
    white-space: nowrap;
}
.cascade__options {
    position: relative;
    display: inline-block;
}
.cascade__options .open_options {
    position: absolute;
    right: 18px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    height: 0;
    z-index: -999;
}
.cascade__options .open_options ul {
    padding-left: 0;
    list-style-type: none;
    background-color: #fff;
    margin-bottom: 0;
}
.cascade__options .open_options ul li {
    font-size: 11px;
    line-height: 21px;
    border-bottom: 1px solid #e1e2e1;
    padding: 0 12px;
    background-color: transparent;
}
.cascade__options .open_options ul li:active,
.cascade__options .open_options ul li:focus,
.cascade__options .open_options ul li:hover {
    background-color: rgba(225, 226, 225, 0.3);
}
.cascade__options .open_options.show {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    height: auto;
    z-index: 10;
}
.bg-wrapper-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.bg-wrapper-icon .bg-icon {
    position: absolute;
    font-size: 48px;
    line-height: 1;
    top: 1px;
    left: 4px;
    opacity: 0.15;
}
.bg-wrapper-icon .bg-icon.top-0 {
    top: 0;
}
.bg-wrapper-icon .bg-icon.left-0 {
    left: 0;
}
.bg-ico {
    position: absolute;
    font-size: 110px;
    top: -20px;
    left: -1px;
    opacity: 0.1;
}
.silos__group {
    margin-bottom: 15px;
}
.silos__group .silos__list {
    border: 1px dashed rgba(72, 72, 72, 0.2);
    border-radius: 6px;
    padding: 15px 8px;
}
.silos__group .silos__list .__dif-amount {
    margin-right: 10px;
    position: relative;
}
.silos__group .silos__list .__dif-amount:after {
    content: "";
    position: absolute;
    border-right: 1px dashed rgba(72, 72, 72, 0.1);
    width: 1px;
    height: 80%;
    top: 10%;
    right: -5px;
}
.silos__group .silos__list .__dif-amount:last-child {
    margin-right: 0;
}
.silos__group .silos__list .__dif-amount:last-child:after {
    display: none;
}
.silos__group .silos__list .silo__item {
    position: relative;
    width: 35px;
    height: 283px;
    background-image: url(../img/image-long-silo-open.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px 0;
    opacity: 0.8;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s, background-image 0s;
}

.silos__group .silos__list .silo__item.selected .comunicacion--block p,
.silos__group .silos__list .silo__item.animarSilo:hover .comunicacion--block p{
    background-color: #f4f4f4;
}
.silos__group .silos__list .silo__item .comunicacion--block p {
    background-color: #484848;
}
.silos__group .silos__list .silo__item.selected p.__name,
.silos__group .silos__list .silo__item.animarSilo:hover p.__name{
    background-color: #f4f4f4;
    color: black;
}

/*Silos GRG*/
.silos__group .silos__list .silo__item.silo_grg {
    position: relative;
    width: 136px;
    height: 183px;
    background-image: url(../img/image-long-silo-GRG-open.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px 0;
    opacity: 0.8;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s, background-image 0s;
}

.silos__group .silos__list .silo__item.silo_grg.selected p.__name,
.silos__group .silos__list .silo__item.silo_grg.animarSilo:hover p.__name{
    background-color: #f4f4f4;
    color: black;
}
.silos__group .silos__list .silo__item.silo_grg.selected,
.silos__group .silos__list .silo__item.silo_grg.animarSilo:hover {
    background-image: url(../img/image-long-silo-GRG-open-selected.png);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
}

.silos__group .silos__list .silo__item.silo_grg a .silo--content {
    width: 100%;
    height: 100%;
    padding: 11px 3px;
}
.silos__group .silos__list .silo__item.silo_grg a .__name {
    width: 58px;
    margin-left: 36px;
    margin-top: 9px;
    color: #fff;
    background-color: #484848;
    text-align: center;
    font-size: 14px;
    line-height: 12px;
    font-weight: 50;
    padding: 1px 0 4px;
    position: relative;
}
.silos__group .silos__list .silo__item.silo_grg a .content .horizontal-name {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-align: center;
    padding: 16px 5px;
    margin: 0;
    top: 0;
    left: 0;
}

.silos__group .silos__list .silo__item.silo_grg div.comunicacion--block{
    width: 0px;
    margin-left: 61px;
}
.silos__group .silos__list .silo__item.silo_grg div.comunicacion--block.inferior{
    margin-bottom: 7px;
}

.silos__group .silos__list .silo__item.silo_grg a .content {
    width: 90%;
    height: calc(100% - 103px);
    position: relative;
    margin-left: 5px;
}

/*Silos HABITACULO*/
.silos__group .silos__list .silo__item.silo_habitaculo {
    position: relative;
    width: 100px;
    height: 182px;
    background-image: url(../img/habitaculo.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5px 0;
    opacity: 0.8;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s, background-image 0s;
}

.silos__group .silos__list .silo__item.silo_habitaculo.selected p.__name,
.silos__group .silos__list .silo__item.silo_habitaculo.animarSilo:hover p.__name{
    background-color: #f4f4f4;
    color: black;
}
.silos__group .silos__list .silo__item.silo_habitaculo.selected,
.silos__group .silos__list .silo__item.silo_habitaculo.animarSilo:hover {
    background-image: url(../img/habitaculo_invert.png);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
}

.silos__group .silos__list .silo__item.silo_habitaculo a .silo--content {
    width: 40%;
    height: 100%;
    padding: 11px 3px;
}
.silos__group .silos__list .silo__item.silo_habitaculo a .__name {
    width: 32px;
    margin-left: 4px;
    margin-top: -5px;
    color: #fff;
    background-color: #484848;
    text-align: center;
    font-size: 14px;
    line-height: 12px;
    font-weight: 50;
    padding: 1px 0 4px;
    position: relative;
}
.silos__group .silos__list .silo__item.silo_habitaculo a .content .horizontal-name {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-align: center;
    padding: 16px 5px;
    margin: 0;
    top: 0;
    left: 0;
}

.silos__group .silos__list .silo__item.silo_habitaculo div.comunicacion--block{
    width: 0px;
    margin-left: 61px;
}
.silos__group .silos__list .silo__item.silo_habitaculo div.comunicacion--block.inferior{
    margin-bottom: 7px;
}

.silos__group .silos__list .silo__item.silo_habitaculo a .content {
    width: 90%;
    height: calc(100% - 20px);
    position: relative;
    margin-left: 5px;
}

.silos__group .silos__list .silo__item.selected,
.silos__group .silos__list .silo__item.animarSilo:hover {
    background-image: url(../img/image-long-silo-open-selected.png);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
}
.silos__group .silos__list .silo__item a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.silos__group .silos__list .silo__item a .silo--content {
    width: 100%;
    height: 100%;
    padding: 11px 3px;
}
.silos__group .silos__list .silo__item a p {
    margin-bottom: 0;
}
.silos__group .silos__list .silo__item a .__name {
    color: #fff;
    background-color: #484848;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    font-weight: 50;
    padding: 1px 0 4px;
    position: relative;
}
.silos__group .silos__list .silo__item a .__name:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 4px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
    bottom: 1px;
    left: 5%;
}
.silos__group .silos__list .silo__item a .content {
    width: 100%;
    height: calc(100% - 51px);
    position: relative;
}
.silos__group .silos__list .silo__item a .content .progress-vertical-bottom {
    min-height: 0;
    height: 100%;
    margin-right: 0;
    top: 0;
}
.silos__group .silos__list .silo__item a .content .progress {
    border-radius: 7px 7px 0 0;
    width: 100%;
    position: relative;
    z-index: 1;
}
.silos__group .silos__list .silo__item a .content .progress .progress-bar {
    width: 100%;
    background-color: rgba(255, 213, 17, 0.4);
}
.silos__group .silos__list .silo__item a .content .progress-anim {
    -webkit-animation-duration: 4s;
    -webkit-animation-name: myvanimation;
    -webkit-transition: 4s all;
    animation-duration: 4s;
    animation-name: myvanimation;
    -o-transition: 4s all;
}
@-webkit-keyframes myvanimation {
    from {
        height: 0;
    }
}
@keyframes myvanimation {
    from {
        height: 0;
    }
}
.silos__group .silos__list .silo__item a .content .vertical-name {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-align: center;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    padding: 0 8px;
    margin: 0;
    top: 0;
    left: 0;
    white-space: nowrap;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.silos__group .silos__list .silo__item a .content .__tag {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2;
    text-align: center;
    font-size: 9px;
    line-height: 10px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.45);
}
.silos__group .silos__list .silo__item a .content .__tag.top-tag {
    top: 0;
}
.silos__group .silos__list .silo__item a .content .__tag.bottom-tag {
    bottom: 0;
}
.silos__group .silos__list .silo__item a .content .__tag.tag-purple {
    background-color: rgba(200, 0, 200, 1);
    color: white;
}
.silos__group .silos__list .silo__item a .content .__tag.tag-white {
    background-color: rgba(255, 255, 255, 1)
}
.silos__group .silos__list .silo__item a .content .__tag.tag-green {
    background-color: lime;
}
.silos__group .silos__list .silo__item a .content .__tag.tag-yellow {
    background-color: rgb(200, 0, 200);
}
.silos__group .silos__list .silo__item a .content .__tag.tag-pink {
    background-color: rgba(246, 0, 209, 1);
}
.silos__group .silos__list .silo__item a .content .__tag.tag-orange {
    background-color: rgba(254, 124, 21, 1);
}

.silos__group .silos__list .silo__item a .content .__tag.tag-blue {
    background-color: rgba(0, 0, 255, 1);
    color: white;
}
.silos__group .selected-silo-info {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-top: 15px;
}
.silos__group .selected-silo-info .box {
    max-width: 600px;
    width: 100%;
    text-align: right;
    float: right;
    position: relative;
    padding-right: 15px;
}
.silos__group .selected-silo-info .box:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: rgba(72, 72, 72, 0.2);
    border-left: 1px solid rgba(195, 14, 46, 0.2);
    top: 0;
    right: 0;
}
.silos__group .selected-silo-info .box .--footer span:after {
    content: "-";
    font-size: 12px;
    line-height: 1;
    color: #484848;
    opacity: 0.8;
    margin-left: 5px;
}
.silos__group .selected-silo-info .box .--footer span:last-child:after {
    display: none;
}
.silos__group.detail__page .silo__item {
    background-image: url(../img/image-simple-silo.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 10px 0;
    width: 91px;
    opacity: 1;
}
.silos__group.detail__page .silo__item:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.silos__group.detail__page .silo__item .silo--content {
    position: absolute;
    width: calc(100% - 1px);
    height: 100%;
    top: 0;
    left: 0;
    padding: 21px 0 30px;
}
.silos__group.detail__page .silo__item .silo--content .content {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
}
.silos__group.detail__page .silo__item .silo--content .content p {
    text-align: center;
    margin-bottom: 0;
}
.silos__group.detail__page .silo__item .name {
    font-weight: 500;
    text-transform: uppercase;
}
.silos__group.detail__page .silo__item .details {
    display: block;
    width: 100%;
    height: calc(100% - 23px);
}
.silos__group.detail__page .silo__item .details a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.silos__group.detail__page .silo__item .details p {
    position: relative;
    z-index: 1;
    font-size: 11px;
    line-height: 12px;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

.silos__group.detail__page .silo__item .details p.letter:before {
    background-color: rgba(195, 14, 46, 0.7);
}
.silos__group.detail__page .silo__item .details p.letter.tag-v:before {
    background-color: rgba(73, 214, 116, 0.8);
}
.silos__group.detail__page .silo__item .details p.formula-name {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 2;
}
.silos__group.detail__page .silo__item .details .destinations {
    position: relative;
    height: calc(100% - 24px);
}
.silos__group.detail__page .silo__item .details .destinations ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    position: relative;
    bottom: 0;
    width: 100%;
}
.silos__group.detail__page .silo__item .details .destinations ul li {
    text-align: center;
    margin: 5px 0;
    position: relative;
    display: none;
}
.silos__group.detail__page .silo__item .details .destinations ul li:before {
    content: "";
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% + 3px);
    top: -4px;
    left: 5px;
    border: 1px dotted rgba(255, 255, 255, 0.2);
}
.silos__group.detail__page .silo__item .details .destinations ul li a {
    font-size: 8px;
    line-height: 9px;
    cursor: pointer;
    position: relative;
}
.silos__group.detail__page .silo__item .details .destinations ul li a .link-txt span {
    width: 100%;
    display: inline-block;
}
.silos__group.detail__page .silo__item .details .destinations ul li a .date {
    font-size: 11px;
    line-height: 12px;
}
.silos__group.detail__page .silo__item .details .destinations ul li:nth-child(-n + 4) {
    display: block;
}
.mytooltip {
    position: relative;
    color: inherit !important;
}
.mytooltip .tooltip-content5 {
    width: 126px;
    left: 36%;
    bottom: 37%;
    margin: 0 0 20px -50px;
    font-size: 12px;
    line-height: 15px;
}
.mytooltip .tooltip-content5:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 5px);
    border: 2px dashed rgba(255, 255, 255, 0.1);
    z-index: 1;
}
.mytooltip .tooltip-content5:after {
    border-top-color: #c30e2e;
}
.mytooltip .tooltip-content5 span {
    padding: 4px 2px;
    background-color: #555;
}
.mytooltip .tooltip-text3 {
    border-bottom: 3px solid #c30e2e;
}
.mytooltip table {
    font-size: 10px;
    line-height: 12px;
    width: 98%;
    margin: 0 2px 0 0;
}
.mytooltip table tr td {
    text-align: left;
}
.mytooltip table tr td:last-child {
    text-align: right;
    font-weight: 500;
}
.mytooltip.select-silo .tooltip-content5 {
    width: 360px;
    bottom: -59%;
    left: -150px;
}
.mytooltip.select-silo .tooltip-content5:after {
    display: none;
}
.mytooltip.select-silo .tooltip-content5:before {
    top: 4px;
}
.mytooltip.select-silo .tooltip-content5 .tooltip-text3 {
    border-bottom: 0;
    border-top: 3px solid #c30e2e;
    color: #fff;
}
.mytooltip.select-silo .tooltip-content5 .h3,
.mytooltip.select-silo .tooltip-content5 h3 {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.mytooltip.select-silo .tooltip-content5 .h3:after,
.mytooltip.select-silo .tooltip-content5 h3:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 5%;
}
.mytooltip.select-silo .tooltip-content5 .name {
    font-size: 11px;
    line-height: 21px;
}
.mytooltip.select-silo .tooltip-content5 .--footer {
    padding: 15px 15px 5px;
    position: relative;
}
.mytooltip.select-silo .tooltip-content5 .--footer:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    top: 5px;
    left: 20%;
}
.mytooltip.select-silo .tooltip-content5 .--footer span {
    font-size: 9px;
    line-height: 11px;
    padding: 0;
    margin-bottom: 1px;
    letter-spacing: 1px;
}
.mytooltip.select-silo.tooltip--right .tooltip-content5 {
    left: 14%;
}
.silos__xl .mytooltip.select-silo .tooltip-content5 {
    left: -220px;
}
.silos__xl .mytooltip.tooltip--center .tooltip-content5 {
    left: -110px;
}
.silos__xl .mytooltip.tooltip--center.tooltip--right .tooltip-content5 {
    left: -8px;
}
.almacen__group {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.almacen__group:before {
    content: "";
    position: absolute;
    background-image: url(../img/image-store.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.1;
}
.almacen__group ._header {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3px 0 5px;
    display: inline-block;
}
.almacen__group ._header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #484848;
    opacity: 0.1;
}
.almacen__group ._header .title {
    text-align: left;
    padding-left: 45px;
    margin-bottom: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.almacen__group ._header .title i {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.almacen__group ._header[aria-expanded="true"] .title {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
}
.almacen__group ._header[aria-expanded="true"] .title i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.almacen__group .almacen__list {
    border: 1px dashed rgba(72, 72, 72, 0.2);
    border-radius: 6px;
    padding: 15px 8px;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 1;
}
.almacen__group .almacen__list .almacen__item {
    position: relative;
    border-radius: 4px;
    background-color: #e1e2e1;
    padding: 2px 15px 2px 48px;
    height: 45px;
    max-width: 195px;
    width: 100%;
    margin: 2px 8px 10px;
    overflow: hidden;
}
.almacen__group .almacen__list .almacen__item:before {
    content: "\f49e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 9px;
}
.almacen__group .almacen__list .almacen__item:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    left: 42px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.almacen__group .almacen__list .almacen__item p {
    font-size: 12px;
    line-height: 16px;
}
.almacen__group .almacen__list ._footer {
    position: relative;
    margin: 15px 0 5px;
    padding-top: 15px;
}
.almacen__group .almacen__list ._footer:before {
    content: "";
    position: absolute;
    background-color: #484848;
    width: 60%;
    height: 1px;
    left: 20%;
    top: 0;
    opacity: 0.2;
}
.er-link.c-white {
    color: #fff;
}
.er-link.link-export {
    position: relative;
}
.er-link.link-edit {
    position: relative;
    padding-left: 15px;
}
.er-link.link-edit:before {
    content: "\70";
    font-family: icon-font;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 1px;
    left: 0;
}
.effect.xshadow {
    position: relative;
}
.effect.xshadow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    -moz-transform: scale(1, 0.5);
    -ms-transform: scale(1, 0.5);
    -o-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}
.effect.xshadow:hover:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.effect.yshadow {
    position: relative;
}
.effect.yshadow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.5, 1);
    -moz-transform: scale(0.5, 1);
    -ms-transform: scale(0.5, 1);
    -o-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.effect.yshadow:hover {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.effect.h-shadow {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.effect.h-shadow:hover {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.49);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.49);
}
.floating-labels .form-control {
    border-bottom: 1px solid #c8c8c8;
}
.floating-labels .bar:after,
.floating-labels .bar:before {
    background-color: #484848;
}
.form-group label {
    font-size: 13px;
    line-height: 23px;
}
.form-group label:after {
    content: "*";
    position: relative;
    margin-left: 5px;
    display: none;
}
.form-group.required label:after {
    display: inline-block;
}
.form-group.after-txt {
    position: relative;
    padding-right: 34px;
}
.form-group.after-txt:after {
    content: attr(data-after-content);
    position: absolute;
    font-size: 11px;
    line-height: 21px;
    font-weight: 500;
    color: #484848;
    right: 0;
    top: 7px;
    width: 30px;
}
.form-group.max_width {
    max-width: 620px;
    width: 100%;
}
.form-group.disabled-content {
    opacity: 0.3;
}
.group__panel {
    position: relative;
}
.group__panel:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 12px);
    background-color: transparent;
    border: 2px solid #c30e2e;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 0;
}
.group__panel .group__linked + label {
    background-color: #fff;
}
.group__panel .name-label {
    background-color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    padding: 2px 4px;
}
.group__panel.active:before {
    opacity: 0.2;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.6);
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.6);
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.6);
}
.group__panel_df {
    border: 1px solid rgba(222, 226, 230, 0.8);
    border-radius: 10px;
    padding: 30px 6px 15px;
    background-color: rgba(222, 226, 230, 0.1);
    position: relative;
}
.group__panel_df .delete_panel {
    position: absolute;
    top: 4px;
    right: 6px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.group__panel_df .delete_panel:active,
.group__panel_df .delete_panel:focus,
.group__panel_df .delete_panel:hover {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.group__fcontrol {
    border: 1px dashed #dee2e6;
    border-radius: 4px;
    padding: 15px;
}
.insert__info {
    width: 100%;
    display: inline-block;
}
.insert__info .default-data {
    width: calc(60% - 5px);
    display: inline-block;
    position: relative;
}
.insert__info .default-data:after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 40px);
    top: 10px;
    right: 5px;
    background-color: rgba(72, 72, 72, 0.6);
}
.insert__info .new-data {
    width: calc(40% - 5px);
    display: inline-block;
}
.insert__info .new-data a {
    display: inline-block;
    width: 40px;
    height: auto;
    text-align: center;
    line-height: 38px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.insert__info .new-data a:hover {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
}
.insert__info .new-data .col-form-label {
    margin-right: 10px;
}
.insert__info .new-data .form-control {
    display: inline-block;
    width: calc(100% - 105px);
}
.insert__info .new-data .after-txt {
    width: calc(100% - 78px);
}
.insert__info .new-data .after-txt .form-control {
    width: 100%;
}
ul.data-info {
    padding-left: 0;
    list-style-type: none;
    font-size: 13px;
    line-height: 23px;
}
ul.data-info li {
    font-weight: 600;
}
ul.data-info li .data {
    font-weight: 100;
    margin-left: 10px;
}
.form-control {
    min-height: 34px;
    height: 100%;
    max-height: 37px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 23px;
    color: #484848;
    background-color: #fff;
    border-color: #fff;
    border-radius: 2px;
}
.form-control :-moz-placeholder,
.form-control :-ms-input-placeholder,
.form-control ::-moz-placeholder,
.form-control ::-webkit-input-placeholder {
    color: #e1e2e1 !important;
}
.form-control:active,
.form-control:focus {
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    border-color: rgba(72, 72, 72, 0.5);
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e1e2e1;
}
.form-control.data-error {
    color: #c30e2e;
}
textarea.form-control {
    max-height: 100%;
}
.input-group-text {
    color: #484848;
    background-color: #dcdddc;
    border: 1px solid #dcdddc;
    border-radius: 2px 0 0 2px !important;
}
.input-group-text._right {
    border-radius: 0 2px 2px 0 !important;
}
.input-group.mx-width {
    max-width: 400px;
    width: 100%;
}
.input-group .custom-file {
    position: relative;
    margin: 2px 0;
}
.input-group .custom-file .custom-file-input {
    width: calc(100% - 40px);
    height: 100%;
}
.input-group .custom-file .custom-file-input:active,
.input-group .custom-file .custom-file-input:focus {
    box-shadow: none;
}
.input-group .custom-file .custom-file-input:active ~ .custom-file-label,
.input-group .custom-file .custom-file-input:focus ~ .custom-file-label {
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
}
.input-group .custom-file i {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    font-style: normal;
    z-index: 1;
    opacity: 0.8;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.input-group .custom-file i:before {
    content: "\f07b";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    line-height: 1;
    color: #484848;
    background-color: transparent;
    top: calc(50% - 8px);
    right: 12px;
    opacity: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.input-group .custom-file i:after {
    content: "\f07c";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    line-height: 1;
    color: #484848;
    background-color: transparent;
    top: calc(50% - 8px);
    right: 10px;
    opacity: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.input-group .custom-file .custom-file-label {
    border-color: #dee2e6;
    opacity: 0.8;
    color: #484848;
    padding-right: 40px;
    margin-bottom: 0;
    border-radius: 4px !important;
    overflow: hidden;
}
.input-group .custom-file .custom-file-label:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 100%;
    background-color: #e1e2e1;
    top: 0;
    right: 0;
}
.input-group .custom-file .custom-file-label:after {
    display: none;
}
.input-group .custom-file:active i,
.input-group .custom-file:focus i,
.input-group .custom-file:hover i {
    opacity: 1;
}
.input-group .custom-file:active i:before,
.input-group .custom-file:focus i:before,
.input-group .custom-file:hover i:before {
    opacity: 0;
}
.input-group .custom-file:active i:after,
.input-group .custom-file:focus i:after,
.input-group .custom-file:hover i:after {
    opacity: 1;
    color: #c30e2e;
}
.input-group .custom-action .er-btn {
    padding: 5px 12px 4px;
    margin: 2px 5px;
}
.input-group-append {
    position: relative;
}
.input-group-append .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-prepend {
    position: relative;
}
.input-group-prepend .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc-autocomplete .easy-autocomplete {
    width: 100% !important;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container {
    position: absolute;
    width: 100;
    z-index: 20;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul {
    padding-left: 0;
    list-style-type: none;
    max-height: 111px;
    overflow-y: auto;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul::-webkit-scrollbar {
    width: 4px;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul li {
    font-size: 11px;
    line-height: 21px;
    color: #484848;
    background-color: #eff0f2;
    border-bottom: 1px solid #fff;
    padding: 3px 15px;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul li > div {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul li > div b {
    font-weight: 900;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul li.selected {
    font-weight: 600;
}
.fc-autocomplete .easy-autocomplete .easy-autocomplete-container ul li:hover > div {
    opacity: 0.8;
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    -ms-transform: translateX(12px);
    -o-transform: translateX(12px);
    transform: translateX(12px);
}
.fc-autocomplete.p-relative .easy-autocomplete .easy-autocomplete-container {
    position: relative;
    width: 100%;
}
.form__picker {
    position: relative;
}
.form__picker:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #dcdddc;
    border-radius: 0 2px 2px 0;
    max-height: 34px;
}
.form__picker .form-control {
    padding-right: 35px;
}
.form__picker .fc-icon {
    position: absolute;
    top: calc(50% - 9px);
    right: 8px;
}
.form__picker.invert:before {
    right: inherit;
    left: 0;
    border-radius: 2px 0 0 2px;
}
.form__picker.invert .form-control {
    padding-left: 35px;
}
.form__picker.invert .fc-icon {
    right: inherit;
    left: 8px;
}
.form__picker .fc_picker + .fc-icon:after {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.form__picker .fc_picker:active + .fc-icon:after,
.form__picker .fc_picker:hover + .fc-icon:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.form__picker .fc_timepicker + .fc-icon:before {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.form__picker .fc_timepicker + .fc-icon:after {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.form__picker .fc_timepicker:active + .fc-icon:before,
.form__picker .fc_timepicker:hover + .fc-icon:before {
    opacity: 0.1;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.form__picker .fc_timepicker:active + .fc-icon:after,
.form__picker .fc_timepicker:hover + .fc-icon:after {
    -webkit-transform: rotate(180deg) scale(0.8);
    -moz-transform: rotate(180deg) scale(0.8);
    -ms-transform: rotate(180deg) scale(0.8);
    -o-transform: rotate(180deg) scale(0.8);
    transform: rotate(180deg) scale(0.8);
}
.bootstrap-datetimepicker-widget .datepicker {
    padding: 0;
}
.bootstrap-datetimepicker-widget table th {
    font-size: 15px;
}
.bootstrap-datetimepicker-widget table th.next,
.bootstrap-datetimepicker-widget table th.prev {
    font-size: 13px;
    color: rgba(72, 72, 72, 0.7);
}
.bootstrap-datetimepicker-widget .picker-switch td i {
    height: auto;
    line-height: 30px;
}
.bootstrap-datetimepicker-widget .btn {
    font-size: 13px;
    color: rgba(72, 72, 72, 0.7);
}
.bootstrap-datetimepicker-widget .timepicker table td {
    padding: 0;
}
.form__ico {
    position: relative;
}
.form__ico .form-control {
    width: calc(100% - 32px);
}
.form__ico .fc-icon {
    position: absolute;
    top: calc(50% - 9px);
    right: 8px;
}
.form__ico._link-ico {
    width: 100%;
}
.form__ico._link-ico:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #dcdddc;
    border-radius: 0 2px 2px 0;
}
.form__ico._link-ico .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form__ico._link-ico a {
    position: relative;
    text-align: center;
    width: 28px;
    height: 100%;
    display: inline-block;
    top: 1px;
    right: 1px;
}
.dtp {
    font-size: 12px;
}
.dtp > .dtp-content {
    left: calc(50% + 120px);
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background-color: #484848;
}
.dtp div.dtp-date,
.dtp div.dtp-time {
    background-color: #e1e2e1;
    color: #484848;
}
.dtp div.dtp-actual-num {
    font-size: 26px;
}
.dtp div.dtp-actual-month,
.dtp div.dtp-actual-year {
    color: rgba(72, 72, 72, 0.7);
    font-size: 12px;
}
.dtp .p10 > a {
    color: #484848;
}
.dtp .p10 > a i {
    font-size: 10px;
}
.dtp table.dtp-picker-days tr > td > a.selected {
    background-color: #c30e2e;
}
.dtp .dtp-buttons .btn {
    font-size: 12px;
    line-height: 22px;
    padding: 3px 15px;
}
.dtp .dtp-buttons .btn.dtp-btn-cancel {
    background-color: #fff;
    border: 1px solid #484848;
    color: #484848;
}
.dtp .dtp-buttons .btn.dtp-btn-ok {
    background-color: #c30e2e;
    border: 1px solid #c30e2e;
    color: #fff;
}
.datepicker table tr td {
    font-size: 13px;
    color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.datepicker table tr td.active,
.datepicker table tr td:active,
.datepicker table tr td:hover {
    background-color: rgba(72, 72, 72, 0.4) !important;
    background-image: none;
    color: #fff;
}
.datepicker table tr td.active:hover {
    background-color: rgba(72, 72, 72, 0.6) !important;
    background-image: none;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.datepicker table tr td.today {
    background-color: transparent !important;
    background-image: none;
    font-weight: 500;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    color: #c30e2e;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover {
    background-color: rgba(72, 72, 72, 0.4) !important;
    color: #fff !important;
    background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: transparent;
    background-image: none;
}
.datepicker table tr td.today.active {
    background-color: rgba(72, 72, 72, 0.4) !important;
    background-image: none;
    color: #fff;
}
.datepicker table tr td.today.active:hover {
    background-color: rgba(72, 72, 72, 0.6) !important;
    background-image: none;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.clockpicker-popover.popover {
    z-index: 1060;
}
.clockpicker-popover .popover-title {
    font-size: 18px;
    line-height: 18px;
    padding: 6px 10px;
}
.clockpicker-popover .popover-title .text-primary {
    color: #c30e2e !important;
}
.clockpicker-popover .popover-content {
    padding: 6px;
    background-color: #e1e2e1;
}
.clockpicker-popover .popover-content .clockpicker-canvas-bearing,
.clockpicker-popover .popover-content .clockpicker-canvas-fg {
    fill: rgba(195, 14, 46, 0.4);
}
.clockpicker-popover .popover-content .clockpicker-canvas line {
    stroke: rgba(195, 14, 46, 0.3);
}
.clockpicker-popover .popover-content .clockpicker-canvas-bg {
    fill: #fddee3;
}
.clockpicker-popover .clockpicker-tick {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.clockpicker-popover .clockpicker-tick.active,
.clockpicker-popover .clockpicker-tick:hover {
    background-color: rgba(195, 14, 46, 0.1);
}
.er-select .dropdown .btn.dropdown-toggle {
    text-align: left;
    text-transform: inherit;
    padding: 5px 33px 6px 12px;
    background-color: #fff;
    border: 1px solid #dee2e6 !important;
    border-color: #dee2e6 !important;
    color: #484848;
    box-shadow: none !important;
    font-size: 13px;
    line-height: 23px;
    min-height: 23px;
    border-radius: 2px;
}
.er-select .dropdown .btn.dropdown-toggle:after {
    content: "\41";
    font-family: icon-font;
    font-size: 25px;
    line-height: 1;
    color: #484848;
    position: absolute;
    border: 0;
    margin: 0;
    top: 6px;
    right: 5px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-select .dropdown .btn.dropdown-toggle:active,
.er-select .dropdown .btn.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 5px 2px rgba(72, 72, 72, 0.4);
    -moz-box-shadow: 0 0 5px 2px rgba(72, 72, 72, 0.4);
    box-shadow: 0 0 5px 2px rgba(72, 72, 72, 0.4);
    background-color: #fff !important;
    border-color: #fff !important;
    color: #484848 !important;
    outline: 0 !important;
}
.er-select .dropdown.show .btn.dropdown-toggle {
    background-color: #fff;
    border-color: #fff;
    color: #484848;
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1) !important;
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1) !important;
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1) !important;
}
.er-select .dropdown.show .btn.dropdown-toggle:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.er-select .dropdown .dropdown-menu {
    width: 100%;
    padding: 3px 2px 3px 0;
}
.er-select .dropdown .dropdown-menu .options-list {
    overflow-y: auto;
}
.er-select .dropdown .dropdown-menu .options-list::-webkit-scrollbar {
    width: 10px;
}
.er-select .dropdown .dropdown-menu .options-list::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.er-select .dropdown .dropdown-menu .options-list::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.er-select .dropdown .dropdown-menu .dropdown-item {
    font-size: 12px;
    line-height: 22px;
    color: #484848;
    padding: 4px 15px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-select .dropdown .dropdown-menu .dropdown-item.selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.er-select .dropdown .dropdown-menu .dropdown-item:active,
.er-select .dropdown .dropdown-menu .dropdown-item:focus,
.er-select .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.5;
    outline: 0;
}
.er-select .dropdown .dropdown-menu[role="combobox"] {
    min-height: 0 !important;
    padding: 0;
}
.er-select .dropdown .dropdown-menu[role="combobox"] .inner[role="listbox"] {
    max-height: 133px !important;
    min-height: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.er-select .dropdown .dropdown-menu[role="combobox"] .inner[role="listbox"]::-webkit-scrollbar {
    width: 4px;
}
.er-select .dropdown .dropdown-menu[role="combobox"] .inner[role="listbox"]::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.er-select .dropdown .dropdown-menu[role="combobox"] .inner[role="listbox"]::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.er-select .dropdown .dropdown-menu[role="combobox"] .inner[role="listbox"] .dropdown-menu {
    padding: 0;
}
.er-select .container-fluid {
    padding: 0 15px;
}
.btn-primary {
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1) !important;
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1) !important;
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1) !important;
}
.btn-primary.disabled {
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 2px 0 rgba(72, 72, 72, 0.1), 0 3px 1px -2px rgba(72, 72, 72, 0.1), 0 1px 5px 0 rgba(72, 72, 72, 0.1) !important;
}
.switch {
    height: 100%;
    padding: 5px 0;
}
.switch.size-xs label .lever {
    width: 25px !important;
    height: 6px !important;
    margin: 0 10px;
}
.switch.size-xs label .lever:after {
    width: 13px !important;
    height: 13px !important;
    left: -2px;
    top: -4px;
}
.switch.size-xs label input[type="checkbox"]:checked + .lever:after {
    left: 14px;
}
.form-sm .form-group {
    width: 100%;
    margin: 0 auto 10px;
}
.form-sm .form-group.modulopesadalote-left {
    width: 50%;
    float:left;
    margin: 0 auto 10px;
}
.form-sm .form-group.modulopesadalote-right {
    width: 50%;
    float:right;
    margin: 0 auto 10px;
}
.form-sm .er-table .form-group {
    width: 100%;
    margin: 1px auto 1px;
}
.form-sm .switch label .lever {
    width: 31px;
    height: 13px;
}
.form-sm .switch label .lever:after {
    width: 18px;
    height: 18px;
}
.form-sm .switch label input[type="checkbox"]:checked + .lever:after {
    left: 18px;
}
.cbx + label {
    margin-bottom: 0;
    height: auto;
}
.cbx + label:before {
    border: 1px solid #dee2e6;
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0);
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0);
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.cbx + label:hover:before {
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0.1);
}
.cbx:checked + label:before {
    border-right: 2px solid #c30e2e;
    border-bottom: 2px solid #c30e2e;
}
.cbx:checked + label:hover:before {
    -webkit-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0);
    -moz-box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0);
    box-shadow: 0 0 4px 2px rgba(72, 72, 72, 0);
}
.cbx.size-sm + label {
    font-size: 12px;
    line-height: 22px;
}
.cbx.size-sm + label:before {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    left: 2px;
}
.cbx.size-sm:checked + label:before {
    width: 9px;
    height: 17px;
    top: -2px;
    left: 0;
}
.cbx_striket .cbx + label {
    padding-left: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.cbx_striket .cbx + label:after,
.cbx_striket .cbx + label:before {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cbx_striket .cbx + label span {
    position: relative;
}
.cbx_striket .cbx + label span:before {
    content: "";
    position: absolute;
    width: calc(100% + 8px);
    height: 1px;
    top: 8px;
    left: -4px;
    border: 0;
    box-shadow: none;
    filter: grayscale(100%);
    background-color: #c30e2e;
    opacity: 0.8;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.cbx_striket .cbx:hover + label span:before {
    width: 80%;
    left: 10%;
    opacity: 0.3;
}
.cbx_striket .cbx:checked + label {
    padding-left: 26px;
}
.cbx_striket .cbx:checked + label:after,
.cbx_striket .cbx:checked + label:before {
    opacity: 1;
    -webkit-transform: scale(1) rotate(40deg);
    -moz-transform: scale(1) rotate(40deg);
    -ms-transform: scale(1) rotate(40deg);
    -o-transform: scale(1) rotate(40deg);
    transform: scale(1) rotate(40deg);
}
.cbx_striket .cbx:checked + label span:before {
    width: 0;
    left: -10px;
}
.rbx + label {
    margin-bottom: 0;
    height: auto;
    opacity: 0.6;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.rbx + label:hover {
    opacity: 1;
}
.rbx:checked + label {
    opacity: 1;
}
.rbx:checked + label:after,
.rbx:checked + label:before {
    border: 2px solid #c30e2e !important;
}
.rbx:checked + label:after {
    background-color: #c30e2e !important;
}
.rbx.size-sm + label {
    font-size: 12px;
    line-height: 22px;
}
.rbx.size-sm + label:after,
.rbx.size-sm + label:before {
    width: 14px;
    height: 14px;
}
.input__linked {
    max-height: 0;
    opacity: 0;
    z-index: -999999;
    padding: 0;
    margin: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.input__linked.__show-this {
    max-height: 500px;
    opacity: 1;
    z-index: 1;
}
.input__drop__linked.disabled {
    opacity: 0.6;
}
.gb-icon-search {
    position: relative;
}
.gb-icon-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 62px;
    position: absolute;
    top: calc(50% - 24px);
    left: 20px;
    color: rgba(72, 72, 72, 0.04);
}
.box-down {
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    padding-bottom: 15px;
    overflow: hidden;
}
.box-down .er-down-selector {
    position: relative;
}
.box-down .er-down-selector .collapse_header {
    width: 100%;
    position: relative;
    height: 100%;
    display: inline-block;
    padding-right: 33px;
    cursor: pointer;
}
.box-down .er-down-selector .collapse_header:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #c30e2e;
}
.box-down .er-down-selector .collapse_header:after {
    content: attr(data-after-content);
    color: rgba(72, 72, 72, 0.7);
    position: absolute;
    bottom: -11px;
    right: 0;
    font-size: 9px;
    line-height: 1;
    font-weight: 500;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.box-down .er-down-selector .collapse_header .title i {
    color: #c30e2e;
    margin: 0 7px;
}
.box-down .er-down-selector .collapse_header .er-icon-down:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 1px;
    background-color: #c30e2e;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 13px;
    right: 14px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    border-radius: 15px;
}
.box-down .er-down-selector .collapse_header .er-icon-down:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 1px;
    background-color: #c30e2e;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 13px;
    right: 5px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.box-down .er-down-selector .collapse_header[aria-expanded="true"]:after {
    font-size: 0;
}
.box-down .er-down-selector .collapse_header[aria-expanded="true"] .title i {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
.box-down .er-down-selector .collapse_header[aria-expanded="true"] .er-icon-down:before {
    right: 5px;
}
.box-down .er-down-selector .collapse_header[aria-expanded="true"] .er-icon-down:after {
    right: 14px;
}
.box-down .er-down-selector .collapse_header .title {
    font-size: 16px;
    line-height: 20px;
}
.box-down .er-down-selector .collapse_body {
    position: relative;
}
.box-down .er-down-selector .collapse_body .down {
    z-index: 2;
    max-width: 400px;
    width: 100%;
    position: relative;
    height: 100%;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.box-down .er-down-selector .collapse_body .down .down-item {
    width: 100%;
    display: inline-block;
    background-color: #484848;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.box-down .er-down-selector .collapse_body .down .down-item a {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 7px 15px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.box-down .er-down-selector .collapse_body .down .down-item a:before {
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    opacity: 0;
    left: -15px;
    top: 11px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.box-down .er-down-selector .collapse_body .down .down-item a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.05);
    bottom: 0;
    left: 0;
}
.box-down .er-down-selector .collapse_body .down .down-item.active,
.box-down .er-down-selector .collapse_body .down .down-item:hover {
    background-color: #c30e2e;
}
.box-down .er-down-selector .collapse_body .down .down-item.active a,
.box-down .er-down-selector .collapse_body .down .down-item:hover a {
    padding-left: 30px;
}
.box-down .er-down-selector .collapse_body .down .down-item.active a:before,
.box-down .er-down-selector .collapse_body .down .down-item:hover a:before {
    opacity: 1;
    -webkit-transform: translateX(26px);
    -moz-transform: translateX(26px);
    -ms-transform: translateX(26px);
    -o-transform: translateX(26px);
    transform: translateX(26px);
}
.box-down .er-down-selector .collapse_body .down .down-item:hover {
    opacity: 0.9;
}
.collapse-down {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 13px 50px 5px 40px;
    border-top: 1px dashed rgba(72, 72, 72, 0.3);
}
.collapse-down .collapse-icon {
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-animation: slide-down-infinite 5s infinite;
    -moz-animation: slide-down-infinite 5s infinite;
    -o-animation: slide-down-infinite 5s infinite;
    animation: slide-down-infinite 5s infinite;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.collapse-down .collapse-icon:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 1px;
    background-color: #c30e2e;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 11px;
    right: 14px;
    border-radius: 15px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.collapse-down .collapse-icon:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 1px;
    background-color: #c30e2e;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 11px;
    right: 5px;
    border-radius: 15px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.collapse-down[aria-expanded="true"] .collapse-icon:before {
    right: 5px;
}
.collapse-down[aria-expanded="true"] .collapse-icon:after {
    right: 14px;
}
.collapse-down._left .collapse-icon:before {
    left: 14px;
}
.collapse-down._left .collapse-icon:after,
.collapse-down._left[aria-expanded="true"] .collapse-icon:before {
    left: 23px;
}
.collapse-down._left[aria-expanded="true"] .collapse-icon:after {
    left: 14px;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #c30e2e;
    background-color: rgba(195, 14, 46, 0.1);
    border-color: rgba(195, 14, 46, 0.1) !important;
}
input.parsley-error:active,
input.parsley-error:focus,
select.parsley-error:active,
select.parsley-error:focus,
textarea.parsley-error:active,
textarea.parsley-error:focus {
    border-color: rgba(195, 14, 46, 0.3) !important;
    background-color: rgba(195, 14, 46, 0.05);
    -webkit-box-shadow: 0 0 4px 2px rgba(195, 14, 46, 0.1);
    -moz-box-shadow: 0 0 4px 2px rgba(195, 14, 46, 0.1);
    box-shadow: 0 0 4px 2px rgba(195, 14, 46, 0.1);
}
.parsley-errors-list {
    margin: 4px 0 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    font-size: 8px;
    line-height: 9px;
    font-weight: 500;
    letter-spacing: 0.5px;
    opacity: 0;
    color: #c30e2e;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {
    opacity: 1;
}
.block-4-col .form-group {
    display: inline-block;
    width: calc(25% - 4px);
}
.block-3-col .form-group {
    display: inline-block;
    width: calc(33.33% - 4px);
}
.block-2-col .form-group {
    display: inline-block;
    width: calc(50% - 4px);
}
.form-block .form-group {
    margin-bottom: 5px;
}
.form-block .col-form-label {
    padding: 0 3px;
}
.form-line .col-form-label {
    width: 40%;
    display: inline-block;
    line-height: 14px;
}
.form-line .col-form-control {
    width: calc(60% - 5px);
    display: inline-block;
}
.form-actions a,
.form-actions button {
    margin: 5px 1px;
}
.form-actions a:first-child,
.form-actions button:first-child {
    margin-left: 0;
}
.form-actions a:last-child,
.form-actions button:last-child {
    margin-right: 0;
}
.modal {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 0;
    padding-right: 0 !important;
    padding-left: 240px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}
.modal .modal-dialog {
    max-width: 1300px;
    width: calc(100% - 17px);
    margin: 1.3rem auto;
}
.modal.modal__md .modal-dialog {
    max-width: 768px;
}
.modal.modal__xl .modal-dialog {
    max-width: 1600px;
}
.modal .modal-content {
    overflow: hidden;
    border: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.modal .modal-content.hide_content .hide_modal {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.modal .modal-content.hide_content .modal-body,
.modal .modal-content.hide_content .modal-footer {
    display: none;
}
.modal .modal-header {
    position: relative;
    padding: 0 33px 0 0;
    display: block;
    overflow: hidden;
}
.modal .modal-header .modal-title {
    padding: 16px 0 11px 15px;
    font-size: 20px;
    line-height: 24px;
    color: #484848;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 115px);
}

.modal-header.verde{
    background-color: rgba(12, 172, 0, 0.5);
    
}

.modal-header.gris{
/*    background-color: rgba(12, 172, 0, 0.2);*/
}

.modal-header.rojo{
    background-color: rgba(195, 14, 46, 0.5);
}

.modal .modal-header .close {
    display: inline-block;
    position: absolute;
    padding: 0;
    top: 24px;
    right: 30px;
    opacity: 0.1;
    color: #484848;
    font-size: 30px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.modal .modal-header .close:hover {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.modal .modal-header .hide_modal {
    display: inline-block;
    position: absolute;
    padding: 0;
    top: 6px;
    right: 58px;
    opacity: 0.1;
    color: #484848;
    font-size: 24px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.modal .modal-header .hide_modal:hover {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.modal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
}
.modal .modal-body::-webkit-scrollbar {
    width: 16px;
}
.modal .modal-body::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.modal .modal-body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 16px;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.modal .modal-body.min-height {
    min-height: 480px;
}
.modal .modal-footer {
    position: relative;
}
.modal .modal-footer .footer-text {
    margin: 0 15px;
}
.modal.scrollY .modal-footer:before {
    -webkit-animation: slide-down-infinite 5s infinite;
    -moz-animation: slide-down-infinite 5s infinite;
    -o-animation: slide-down-infinite 5s infinite;
    animation: slide-down-infinite 5s infinite;
}
.modal._notice .modal-dialog {
    max-width: 400px;
}
.modal._notice .modal-body {
    padding: 20px 15px 20px 105px;
    position: relative;
    color: #484848;
    font-size: 13px;
    line-height: 23px;
    background-color: rgba(72, 72, 72, 0.1);
}
.modal._notice .modal-body:before {
    content: "\f071";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 53px;
    color: rgba(195, 14, 46, 0.5);
    top: calc(50% - 14px);
    left: 17px;
}

.modal._notice._exito .modal-body:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 53px;
    color: rgba(12, 172, 0, 0.5);
    top: calc(50% - 14px);
    left: 17px;
}
.modal._notice .modal-body:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    top: 20%;
    left: 90px;
    background-color: rgba(0, 0, 0, 0.08);
}
.modal._notice .modal-body p {
    margin-bottom: 2px;
}
.modal._notice .modal-footer {
    background-color: rgba(72, 72, 72, 0.1);
}
.modal._notice .modal-footer .er-btn {
    padding: 3px 10px;
    opacity: 0.8;
}
.modal._notice .modal-footer .er-btn:hover {
    opacity: 1;
}
.modal._notice._delete .modal-body:before {
    content: "\f2ed";
    font-size: 40px;
    left: 30px;
    color: rgba(195, 14, 46, 0.5);
}
.modal._notice._info .modal-body:before {
    content: "\f05a";
    color: rgba(12, 84, 96, 0.1);
}
.modal._notice._noresult .modal-body {
    padding: 40px 15px 40px 105px;
}
.modal._notice._noresult .modal-body:before {
    content: "\f05e";
}
.modal.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.block_empty {
    padding: 4px 15px;
}
.block_empty p {
    font-size: 12px;
    line-height: 22px;
    opacity: 0.6;
}
.nested__checkbox .cbx-group {
    margin: 0;
}
.nested__checkbox .col-form-label {
    width: calc(100% - 150px);
    position: relative;
}
.nested__checkbox .col-form-label:after {
    content: "";
    position: absolute;
    width: calc(90% - 25px);
    height: 1px;
    border-bottom: 1px dotted rgba(72, 72, 72, 0.3);
    right: 3px;
    bottom: 20px;
    z-index: 0;
}
.nested__checkbox .col-form-label label {
    background-color: #fff;
    z-index: 1;
}
.nested__checkbox .col-form-data .form-control {
    max-width: 110px;
}
.nested__checkbox .cbx_son {
    padding-left: 15px;
}
.nested__checkbox .cbx_son > .cbx-group {
    position: relative;
}
.nested__checkbox .cbx_son > .cbx-group:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: #e1e2e1;
    top: 50%;
    left: -2px;
}
.nested__checkbox .cbx_son > .cbx-group:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e1e2e1;
    top: 0;
    left: -2px;
}
.nested__checkbox .cbx_son > .cbx-group:last-child:after {
    height: 50%;
}
.container-fluid {
    padding: 10px 20px;
    display: block;
}
.v-center {
    display: table;
    width: 100%;
    height: 100%;
}
.v-center .v-content {
    display: table-cell;
    vertical-align: middle;
}
.p-relative {
    position: relative;
}
.vh-height {
    height: 100vh;
}
.b-radius {
    border-radius: 4px;
}
.b-shadow {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.main-title {
    margin-bottom: 50px;
}
.p-6 {
    padding: 6px;
}
.w-max-content {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.w-max-content-modulopesadalote {
    width: 100%;
    margin: 0 auto;
}
.va-middle {
    vertical-align: middle;
}
.txt-one-line {
    white-space: nowrap;
}
.target-burger {
    position: fixed;
    top: 0;
    -webkit-transform: translateX(195px);
    -moz-transform: translateX(195px);
    -ms-transform: translateX(195px);
    -o-transform: translateX(195px);
    transform: translateX(195px);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    z-index: 999999999;
}
#menu-toggle {
    background-color: transparent;
}
#menu-toggle .menu {
    height: 40px;
    width: 40px;
    position: relative;
    margin: auto;
    padding-top: 10px;
    border: 2px solid transparent;
    border-radius: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
#menu-toggle .menu .bar {
    height: 2px;
    width: 35px;
    display: block;
    margin: 5px auto;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#menu-toggle .menu .bar:nth-of-type(1) {
    top: 7px;
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
    -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
    -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
    transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
    -webkit-animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
    -moz-animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
    animation: mrotr 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
}
#menu-toggle .menu .bar:nth-of-type(2) {
    top: 15px;
    left: 0;
    -webkit-transition: ease 0.3s 0.3s;
    -moz-transition: ease 0.3s 0.3s;
    -o-transition: ease 0.3s 0.3s;
    -ms-transition: ease 0.3s 0.3s;
    transition: ease 0.3s 0.3s;
    -webkit-animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
    -moz-animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
    animation: fade 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
}
#menu-toggle .menu .bar:nth-of-type(3) {
    top: 23px;
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
    -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
    -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
    transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
    -webkit-animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
    -moz-animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
    animation: mrotl 2s cubic-bezier(0.5, 0.2, 0.2, 1.01);
}
#menu-toggle:hover .menu .bar:nth-of-type(2) {
    width: 25px;
    left: 15px;
    background-color: #c30e2e;
}
#menu-toggle.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
#menu-toggle.open .menu .bar:nth-of-type(1) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
    -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
    -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
    transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
}
#menu-toggle.open .menu .bar:nth-of-type(2) {
    width: 85px;
    left: -25px;
    opacity: 0;
}
#menu-toggle.open .menu .bar:nth-of-type(3) {
    top: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
    -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
    -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
    transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
}
#menu-toggle.open:hover {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.preloader {
    background: rgba(0, 0, 0, 0.4);
}
.preloader .loader__figure {
    border-color: #c30e2e;
}
.preloader .loader__label {
    color: #c30e2e;
    text-transform: uppercase;
    font-weight: 900;
}
.fx-breadcrumb {
    position: fixed;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 99;
}
.breadcrumb {
    position: relative;
    border-radius: 0;
    padding: 8px 15px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(41, 137, 216, 0.03) 50%, rgba(63, 62, 68, 0.06) 100%);
}
.breadcrumb .breadcrumb-item {
    color: #c8c8c8;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
}
.breadcrumb .breadcrumb-item a {
    color: #949494;
}
.table {
    background-color: #fff;
}
.table-striped tbody tr {
    background-color: #fcfcfc;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7;
}

.table-striped tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.table-striped tbody tr[relanzable]:hover {
    background-color: rgba(255,165,0,0.8) !important;
}

.table-striped tbody tr.odd[relanzable] {
    background-color: rgba(255,165,0,0.4);
}

.table-striped tbody tr.even[relanzable] {
    background-color: rgba(255,165,0,0.2);
}

.table-striped tbody tr[revisar]:hover {
    background-color: rgba(180, 219, 237,1) !important;
}

.table-striped tbody tr.even[revisar] {
    background-color: rgba(180, 219, 237,0.5);
}

.table-striped tbody tr.odd[revisar] {
    background-color: rgba(180, 219, 237,0.75);
}

.__highlight {
    background-color: rgba(255, 213, 17, 0.4) !important;
}
.er-table {
    font-size: 13px;
    line-height: 18px;
}
.er-table th {
    padding: 3px 15px;
    background-color: rgba(72, 72, 72, 0.9);
    color: #fff;
    vertical-align: middle;
}
.er-table th.th-light {
    background-color: rgba(72, 72, 72, 0.8);
}
.er-table tr {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    background-color: transparent;
}
.er-table tr:hover {
    background-color: rgba(255, 213, 17, 0.1);
}
.er-table td {
    padding: 3px 15px;
    color: #484848;
}
.er-table td._toolinfo .mytooltip {
    z-index: inherit;
}
.er-table td._toolinfo .mytooltip .tooltip-item {
    background-color: transparent;
}
.er-table td._toolinfo .mytooltip .tooltip-content {
    top: 100%;
}
.er-table td._toolinfo .mytooltip .tooltip-content:after {
    top: -5px;
    border-width: 5px;
    border-top-color: #484848;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.er-table td._actions {
    padding: 2px 15px 0;
    vertical-align: middle;
}
.er-table td._actions a {
    position: relative;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 0 3px;
}
.er-table td .td-actions {
    width: 60px;
    margin: 0 auto;
    display: block;
}
.er-table td .td-actions.three_actions {
    width: 90px;
}
.er-table td .td-actions.four_actions {
    width: 115px;
}
.er-table td._order .order-item {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 4px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 0.8;
}
.er-table td._order .order-item._main {
    display: none;
    width: 14px;
    height: 14px;
    top: 3px;
}
.er-table td._order .order-item._main i {
    font-size: 14px;
}
.er-table td._order .order-item i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    line-height: 12px;
}
.er-table td._order .order-item:hover {
    opacity: 1;
    color: #c30e2e;
}
.er-table td._legend {
    padding: 2px 1px 1px;
    background-color: transparent;
}
.er-table td._legend .box-color {
    max-width: 80px;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 2px;
}
.er-table td._legend .box-color.bg-pending {
    background-color: rgba(255, 255, 255, 0.8);
}
.er-table td._legend .box-color.bg-inprocess {
    background-color: rgba(214, 212, 73, 0.8);
}
.er-table td._legend .box-color.bg-completed {
    background-color: rgba(73, 214, 116, 0.8);
}
.er-table td._legend .box-color small {
    font-size: 8px;
    line-height: 8px;
    position: relative;
    top: -1px;
}
.er-table td .er-ico {
    font-size: 18px;
    line-height: 1;
    color: #484848;
    opacity: 0.6;
    display: inline-block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-table td .er-ico:active,
.er-table td .er-ico:focus,
.er-table td .er-ico:hover {
    color: #c30e2e;
    opacity: 1;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.er-table td .er-ico:active.no-eff,
.er-table td .er-ico:focus.no-eff,
.er-table td .er-ico:hover.no-eff {
    color: inherit;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.er-table td.__bigest._actions a {
    width: 28px;
    height: 25px;
}
.er-table td.__bigest .td-actions.four_actions {
    width: 150px;
}
.er-table td.__bigest .er-ico {
    font-size: 23px;
}
.er-table td .more-info {
    font-size: 10px;
    line-height: 20px;
    color: #c30e2e;
    padding-left: 10px;
    position: relative;
}
.er-table td .more-info:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 1px;
    background-color: #c30e2e;
    opacity: 0.3;
    top: 6px;
    left: 3px;
}
.er-table td._icon {
    padding: 4px 1px 0;
}
.er-table td._btn .er-btn.btn-xs {
    font-size: 10px;
    line-height: 13px;
}
.er-table td.type span {
    position: relative;
    padding-right: 10px;
}
.er-table td.type span:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    top: 50%;
    border-radius: 50%;
    right: 5px;
    background-color: rgba(72, 72, 72, 0.3);
}
.er-table td.type span:last-child {
    padding-right: 0;
}
.er-table td.type span:last-child:after {
    display: none;
}
.er-table td .switch {
    padding: 0 0 4px;
}
.er-table td .er-select .dropdown .btn.dropdown-toggle {
    min-height: 0;
    /*height: 22px;*/
    padding: 0 12px;
    font-size: 11px;
    line-height: 32px;
}

[id^='tablaContenido'].er-table td .er-select .dropdown .btn.dropdown-toggle,
[id^='tablaPropuesta'].er-table td .er-select .dropdown .btn.dropdown-toggle {
    min-height: 0;
    /*height: 22px;*/
    padding: 0 12px;
    font-size: 11px;
    line-height: 26px;
}
.er-table td .er-select .dropdown .btn.dropdown-toggle:after {
    font-size: 20px;
    /*top: 1px;*/
}
.er-table td .er-select .dropdown .dropdown-menu .options-list {
    max-height: 65px !important;
}
.er-table td .er-select .dropdown .dropdown-menu .dropdown-item {
    font-size: 11px;
    line-height: 13px;
}
.er-table td .er-select .dropdown.er-icon-select {
    min-height: 0;
    height: auto;
    display: initial;
    line-height: 13px;
}
.er-table td .er-select .dropdown.er-icon-select .dropdown-toggle {
    min-width: 125px;
}
.er-table td .er-select.small .dropdown.er-icon-select .dropdown-toggle {
    min-width: 80px;
}
.er-table td .er-select .dropdown.er-icon-select .dropdown-toggle .filter-option {
    padding: 3px 26px 3px 12px;
}
.er-table td .er-select .dropdown.er-icon-select .dropdown-toggle .filter-option .filter-option-inner i,
.er-table td .er-select .dropdown.er-icon-select .dropdown-toggle .filter-option .filter-option-inner span {
    font-size: 10px;
    margin-right: 5px !important;
}
.er-table td input.form-control {
    padding: 2px 12px;
    height: 32px;
    min-height: 0;
    font-size: 11px;
    line-height: 11px;
}
.er-table tbody tr:last-child td._toolinfo .mytooltip .tooltip-content,
.er-table tbody tr:nth-last-of-type(2) td._toolinfo .mytooltip .tooltip-content {
    top: -90px;
}
.er-table tbody tr:last-child td._toolinfo .mytooltip .tooltip-content:after,
.er-table tbody tr:nth-last-of-type(2) td._toolinfo .mytooltip .tooltip-content:after {
    top: calc(100% + 7px);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.er-table tfoot tr {
    background-color: rgba(0, 0, 0, 0.15);
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
}
.er-table tfoot tr td {
    border: 0;
    border-top: 1px solid rgba(72, 72, 72, 0.2);
}
.er-table tfoot tr:hover {
    background-color: rgba(0, 0, 0, 0.15);
}
.er-table tfoot.light tr {
    background-color: rgba(0, 0, 0, 0.08);
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
}
.er-table[data-rowreorder="true"] td._order {
    cursor: move;
}
.er-table[data-rowreorder="true"] td._order .order-item {
    display: none;
}
.er-table[data-rowreorder="true"] td._order .order-item._main {
    display: inline-block;
}
.er-table.table.dataTable thead > tr th {
    padding: 3px 15px;
    background-color: rgba(72, 72, 72, 0.9) !important;
    color: #fff !important;
    vertical-align: top;
}
.er-table.table.dataTable thead > tr th.va-middle {
    vertical-align: middle;
}
.er-table.table.dataTable thead > tr th.th-light {
    background-color: rgba(72, 72, 72, 0.8) !important;
}
.er-table.table.dataTable thead > tr th.sorting,
.er-table.table.dataTable thead > tr th.sorting_asc,
.er-table.table.dataTable thead > tr th.sorting_desc {
    padding-right: 24px;
    padding-left: 7px;
}
.er-table.table.dataTable thead > tr th.sorting:before,
.er-table.table.dataTable thead > tr th.sorting_asc:before,
.er-table.table.dataTable thead > tr th.sorting_desc:before {
    top: 0;
    right: 10px;
    font-size: 18px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.2);
    opacity: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-table.table.dataTable thead > tr th.sorting:after,
.er-table.table.dataTable thead > tr th.sorting_asc:after,
.er-table.table.dataTable thead > tr th.sorting_desc:after {
    top: 3px;
    right: 4px;
    font-size: 18px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.2);
    opacity: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-table.table.dataTable thead > tr th.sorting:hover:before,
.er-table.table.dataTable thead > tr th.sorting_asc:hover:before,
.er-table.table.dataTable thead > tr th.sorting_desc:hover:before {
    color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}
.er-table.table.dataTable thead > tr th.sorting:hover:after,
.er-table.table.dataTable thead > tr th.sorting_asc:hover:after,
.er-table.table.dataTable thead > tr th.sorting_desc:hover:after {
    color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
.er-table.table.dataTable thead > tr th.sorting_asc:before,
.er-table.table.dataTable thead > tr th.sorting_desc:after {
    color: rgba(255, 255, 255, 0.8);
}
.er-table.table.dataTable tbody tr:first-child td._order .order-item._up {
    opacity: 0.1;
    pointer-events: none;
}
.er-table.table.dataTable tbody tr:last-child td._order .order-item._down {
    opacity: 0.1;
    pointer-events: none;
}
.er-table ._order a {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 1px 2px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.er-table ._order a._up:hover {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}
.er-table ._order a._down:hover {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
.er-table.er-table-xs {
    font-size: 10px;
    line-height: 16px;
}
.er-table.er-table-xl {
    font-size: 11px;
    line-height: 14px;
}
.er-table.er-table-xl td {
    vertical-align: middle;
    padding: 3px 10px;
}
.er-table.er-table-xl td input.form-control {
    height: 20px;
}
.er-table.er-table-xl ._order a {
    padding: 1px 3px;
}
.er-table.er-table-xl ._order .order-item i {
    font-size: 16px;
    line-height: 1;
}
.er-table.er-table-xl tfoot ._order .order-item {
    width: 14px;
    height: 14px;
}
.er-table.er-table-xl tfoot ._order .order-item i {
    font-size: 14px;
    line-height: 10px;
}
.er-table .row-action._executed td {
    background-color: rgba(189, 235, 186, 0.9);
    opacity: 0.6;
}
.er-table .row-action._executed td._toolinfo {
    opacity: 1;
}
.er-table .row-action._executed td._toolinfo a {
    opacity: 0.6;
}
.tb_title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 3px;
}
.dataTables_length select:focus {
    background-image: linear-gradient(#c30e2e, #c30e2e), linear-gradient(#dee2e6, #dee2e6);
}
.dataTables_info,
.dataTables_length {
    font-size: 12px;
    line-height: 22px;
    color: #484848;
}
.table-responsive {
    overflow-x: auto;
}
.table-responsive::-webkit-scrollbar {
    height: 18px;
}
.table-responsive::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn {
    border: 0;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    outline: 0;
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:before {
    top: calc(50% - 5px);
    left: calc(50% - 3px);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn.left:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    top: 0;
    right: 0;
    background-color: #c30e2e;
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:active,
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:focus,
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:hover {
    background-color: transparent;
    box-shadow: none !important;
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:active:before,
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:focus:before,
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance .tablesaw-nav-btn:hover:before {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance-dots li {
    padding: 1px 3.5px;
}
.tablesaw-bar.tablesaw-mode-swipe .tablesaw-advance-dots li i {
    position: relative;
    top: -3px;
}
.tablesaw-bar.tablesaw-mode-swipe + div {
    padding: 35px 5px 5px;
}
.tablesaw-bar.tablesaw-mode-swipe + div > .row {
    width: 100%;
}
.tablesaw-bar.tablesaw-mode-swipe table.dataTable {
    margin: 6px auto;
}
.tablesaw-bar.tablesaw-mode-swipe.tablesaw-all-cols-visible {
    display: none;
}
.tablesaw-bar.tablesaw-mode-swipe.tablesaw-all-cols-visible + div {
    padding: 5px;
}
table.dt-rowReorder-float {
    position: absolute !important;
    opacity: 0.8;
    table-layout: fixed;
    outline: #888 solid 2px;
    outline-offset: -2px;
    z-index: 2001;
}
tr.dt-rowReorder-moving {
    outline: #555 solid 2px;
    outline-offset: -2px;
}
body.dt-rowReorder-noOverflow {
    overflow-x: hidden;
}
table .pre_th:hover {
    background-color: transparent !important;
}
table .pre_th td {
    padding: 2px 0;
    border: 0;
}
table.dataTable td.reorder {
    text-align: center;
    cursor: move;
}
table.summary {
    margin: 0 auto;
    width: 100%;
}
table.summary td {
    background-color: rgba(72, 72, 72, 0.1);
    border: 1px solid #dee2e6;
    font-size: 12px;
    line-height: 22px;
}
table.summary td.main-td {
    border: 1px solid rgba(222, 226, 230, 0.1);
    background-color: rgba(72, 72, 72, 0.9);
    color: #fff;
}
table.summary td.hidde {
    border: 0;
    background-color: transparent;
}
.table__tb {
    position: relative;
}
.table__tb .tb_td,
.table__tb .tb_th {
    padding: 3px 15px;
    color: #fff;
    vertical-align: top;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    width: 25%;
    float: left;
}
.table__tb .tb_th {
    background-color: rgba(72, 72, 72, 0.9);
}
.table__tb .tb_tr {
    border-bottom: 1px dashed rgba(72, 72, 72, 0.1);
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
}
.table__tb .tb_tr._thead,
.table__tb .tb_tr:last-child {
    border-bottom: 0;
}
.table__tb .tb_td {
    padding: 3px 15px;
    color: #484848;
}
.table__tb .tb_td .switch {
    padding: 0 0 2px;
}
.collapse__info .collapse-item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.collapse__info .collapse-item .coll__header {
    padding-left: 30px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.collapse__info .collapse-item .coll__header .tb_tr:before {
    content: "";
    position: absolute;
    width: calc(100% + 30px);
    height: calc(100% + 14px);
    top: -7px;
    left: -30px;
    background-color: rgba(72, 72, 72, 0);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.collapse__info .collapse-item .coll__header:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: #c30e2e;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    left: 5px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    border-radius: 15px;
    filter: grayscale(90%);
}
.collapse__info .collapse-item .coll__header:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: #c30e2e;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 12px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    border-radius: 15px;
    filter: grayscale(90%);
}
.collapse__info .collapse-item .coll__header[aria-expanded="true"] .tb_tr:before {
    background-color: rgba(72, 72, 72, 0.1);
}
.collapse__info .collapse-item .coll__header[aria-expanded="true"]:before {
    left: 12px;
    filter: grayscale(0);
}
.collapse__info .collapse-item .coll__header[aria-expanded="true"]:after {
    left: 5px;
    filter: grayscale(0);
}
.order_info {
    max-width: 600px;
    width: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 3px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.order_info .table__tb {
    background-color: #fff;
}
.order_info .table__tb .tb_td,
.order_info .table__tb .tb_th {
    padding: 2px 8px;
    font-size: 10px;
    line-height: 14px;
}
.order_info .table__tb ._tfoot {
    display: block;
    font-size: 10px;
    line-height: 14px;
}
.pagination .page-item {
    border: 0 !important;
    -webkit-transition: opacity 0.6;
    -moz-transition: opacity 0.6;
    -o-transition: opacity 0.6;
    -ms-transition: opacity 0.6;
    transition: opacity 0.6;
    opacity: 0.6;
}
.pagination .page-item .page-link {
    color: #484848;
    font-size: 13px;
    line-height: 23px;
    background-color: transparent;
    position: relative;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.pagination .page-item .page-link:after {
    content: "";
    position: absolute;
    background-color: #c30e2e;
    width: 80%;
    height: 0;
    bottom: 3px;
    left: 10%;
    border-radius: 2px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.pagination .page-item .page-link:active,
.pagination .page-item .page-link:focus {
    box-shadow: none;
}
.pagination .page-item:hover {
    opacity: 0.9;
}
.pagination .page-item:hover .page-link {
    color: #484848 !important;
    background-color: transparent !important;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}
.pagination .page-item:hover .page-link:after {
    height: 3px;
}
.pagination .page-item.active {
    opacity: 1;
}
.pagination .page-item.active .page-link {
    color: #484848 !important;
    background-color: transparent !important;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}
.pagination .page-item.active .page-link:after {
    height: 3px;
}
.pagination .page-item.previous {
    opacity: 0.4;
}
.pagination .page-item.previous .page-link {
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
.pagination .page-item.previous .page-link:before {
    content: "\42";
    position: relative;
    font-family: icon-font;
    font-size: 22px;
    line-height: 1;
}
.pagination .page-item.previous .page-link:after {
    display: none;
}
.pagination .page-item.previous:hover {
    opacity: 0.8;
}
.pagination .page-item.previous:hover .page-link {
    -webkit-transform: translate(-5px, 0);
    -moz-transform: translate(-5px, 0);
    -ms-transform: translate(-5px, 0);
    -o-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
}
.pagination .page-item.next {
    opacity: 0.4;
}
.pagination .page-item.next .page-link {
    font-size: 0;
    cursor: pointer;
}
.pagination .page-item.next .page-link:before {
    content: "\43";
    position: relative;
    font-family: icon-font;
    font-size: 22px;
    line-height: 1;
}
.pagination .page-item.next .page-link:after {
    display: none;
}
.pagination .page-item.next:hover {
    opacity: 0.8;
}
.pagination .page-item.next:hover .page-link {
    -webkit-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
}
.pagination .page-item.disabled,
.pagination .page-item.disabled:hover {
    opacity: 0.1;
}
.pagination .page-item.disabled:hover .page-link {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.send--content[data-type="preparado"] .er-ico {
    color: #c30e2e !important;
}
.send--content[data-type="fabricacion"] .er-ico {
    color: #c58e18 !important;
}
.send--content[data-type="expedicion"] .er-ico {
    color: #09f !important;
}
.send--content[data-type="ensaque"] .er-ico {
    color: #3da05b !important;
}
.er--container-send {
    width: calc(100% - 10px);
    display: inline-block;
    margin: 15px 5px 0;
    padding: 3px;
    background-color: rgba(72, 72, 72, 0.6);
    max-height: 0;
    overflow: hidden;
    -webkit-animation: flip-out-hor-bottom 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    animation: flip-out-hor-bottom 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er--container-send[data-type="preparado"] {
    background-color: #c55a18;
}
.er--container-send[data-type="fabricacion"] {
    background-color: #c58e18;
}
.er--container-send[data-type="expedicion"] {
    background-color: #09f;
}
.er--container-send[data-type="ensaque"] {
    background-color: #3da05b;
}
.er--container-send.active {
    -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    max-height: 10000px;
}
.er--container-send .container--link {
    position: relative;
    padding: 0 35px 0 20px;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 1;
}
.er--container-send .container--link:before {
    content: "\41";
    font-family: icon-font;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er--container-send .container--link span {
    margin-left: 2px;
}
.er--container-send .container--link[aria-expanded="true"]:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.er--container-send .close {
    position: absolute;
    top: 4px;
    right: 5px;
    color: #fff !important;
    font-size: 16px;
    cursor: pointer;
    z-index: 3;
}
.er--container-send .container--panel {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 5px;
}
.er--container-send .container--panel .er-table.table.dataTable thead > tr th {
    background-color: rgba(255, 213, 17, 0.1) !important;
    color: #484848 !important;
    border-bottom: 1px solid rgba(72, 72, 72, 0.7);
}
.er--container-send .container--panel .er-table tfoot tr {
    background-color: rgba(255, 213, 17, 0.4);
}
.silo-detail {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 11px 0;
}
.silo-detail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 2px);
    background-color: rgba(72, 72, 72, 0.1);
    top: 1px;
    left: 0px;
}
.silo-detail .col-table {
    width: calc(100% - 220px);
    display: inline-block;
    margin: 37px 0 0;
}
.silo-detail .col-silo {
    width: 165px;
    height: 400px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 83px;
    overflow: hidden;
}
.silo-detail .col-silo:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/image-simple-silo-open.png) no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
}
.silo-detail .col-silo .exploded-silo {
    overflow: hidden;
    width: 110px;
    height: 290px;
    position: relative;
    top: 47px;
    left: 15px;
    z-index: 100;
    border-radius: 24px;
}
.silo-detail .col-silo .exploded-silo:before {
    content: "";
    position: absolute;
    height: 290px;
    width: calc(100% - 5px);
    top: 0;
    left: 2px;
    background-size: 15px 15px;
    opacity: 0.2;
}
.silo-detail .col-silo .chart-wrapper {
    width: 228px;
    position: relative;
    left: -59px;
}
.silo-detail .col-silo .silo-graphic {
    width: 100%;
    height: 290px;
    overflow: hidden;
}
.box-color {
    width: 90%;
    height: 10px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid transparent;
    display: inline-block;
    margin-top: 4px;
}
.ui_collapse ._link {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    z-index: 1;
}
.ui_collapse ._link .h3,
.ui_collapse ._link h3 {
    position: relative;
    padding: 4px 0 4px 30px;
}
.ui_collapse ._link .h3:before,
.ui_collapse ._link h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 0;
}
.ui_collapse ._link[aria-expanded="true"]:before {
    opacity: 0.3;
    -webkit-transform: scale(2) rotate(360deg);
    -moz-transform: scale(2) rotate(360deg);
    -ms-transform: scale(2) rotate(360deg);
    -o-transform: scale(2) rotate(360deg);
    transform: scale(2) rotate(360deg);
}
.ui_collapse ._body {
    padding: 25px;
}
.ui_collapse .customtab li .nav-link {
    color: #e1e2e1;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.ui_collapse .customtab li .nav-link.active {
    color: #c30e2e;
    border-bottom: 2px solid #c30e2e;
}
.ui_collapse .customtab li .nav-link:hover {
    color: #c30e2e;
}
.maintenance-page {
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
    min-height: 100vh;
    overflow: hidden;
}
.maintenance-page:before {
    content: "\6a";
    font-family: icon-font;
    position: absolute;
    font-size: 980px;
    line-height: normal;
    color: #f5f8f9;
    top: -388px;
    left: -348px;
    opacity: 0.1;
    z-index: 1;
/*    -webkit-animation: rotating 200s linear infinite;*/
}
.maintenance-page:after {
    content: "\6a";
    font-family: icon-font;
    position: absolute;
    font-size: 980px;
    line-height: normal;
    color: #4a4a4a;
    bottom: -388px;
    right: -348px;
    opacity: 0.2;
    z-index: 1;
/*    -webkit-animation: rotating 150s linear infinite;*/
}
.maintenance-page .abs-content {
    position: absolute;
    bottom: 30px;
    right: 3%;
}
.maintenance-page .pic {
    position: relative;
    width: 400px;
}
.maintenance-page .pic img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}
.maintenance-page.bg-pipes:before {
    content: "";
    position: absolute;
    width: 500%;
    height: 100%;
    background: url(../img/bg-pipeline.png);
    background-size: contain;
    top: 0;
    left: 0;
    opacity: 0.3;
/*    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 400s;*/
}
.maintenance-page.bg-pipes:after {
    display: none;
}
.bg-pipes-er {
    position: relative;
}
.bg-pipes-er:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg-pipeline-red.png);
    /*background-size: contain;*/
    background-repeat: repeat;
    opacity: 0.3;
/*    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 400s;*/
}
@-webkit-keyframes run {
    0% {
        left: 0;
    }
    50% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.bug__block {
    display: none;
    position: relative;
    color: #c30e2e;
    width: 50%;
}

.bug__block.bug-reporter {
    float:right;
    width:50%;
}

.bug__block:not(.bug-reporter) .bug-header {
    position: fixed;
    top: 0;
    left: 240;
    width: calc(50% - 120px);
    height: 30px;
    background-color: #484848;
    z-index: 5;
    overflow: hidden;
    border-bottom: 1px solid #c30e2e;
    border-right: 1px solid #484848;
}

.bug__block.bug-reporter .bug-header {
    position: fixed;
    top: 0;
    right: 0 !important;
    width: calc(50% - 120px);
    height: 30px;
    background-color: #484848;
    z-index: 5;
    overflow: hidden;
    border-bottom: 1px solid #c30e2e
}



.bug__block .bug-header .btn-hide-bugs {
    font-size: 13px;
    line-height: 17px;
    width: 100%;
    text-align: right;
    position: relative;
    color: #fff;
}
.bug__block .bug-header .btn-hide-bugs:before {
    content: "\41";
    font-family: icon-font;
    position: absolute;
    right: 30px;
    top: 5px;
    opacity: 0;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.bug__block .bug-header .btn-hide-bugs:after {
    content: "\44";
    font-family: icon-font;
    position: absolute;
    right: 30px;
    top: 5px;
    opacity: 0;
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.bug__block .bug-header .btn-hide-bugs:hover:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.bug__block .bug-header .btn-hide-bugs span {
    position: absolute;
    top: 5px;
    right: 30px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.bug__block .bug-header .btn-hide-bugs span._number {
    right: inherit;
    left: 5px;
    top: 8px;
    font-size: 10px;
    line-height: 12px;
}
.bug__block .bug-header .btn-hide-bugs span._number i {
    position: relative;
    font-size: 12px;
    line-height: 0;
    font-weight: 900;
    color: red;
    top: 1px;
    right: initial;
    margin: 0 3px;
}
.bug__block .bug-header .btn-hide-bugs span._hide {
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
}
.bug__block .bug-header .btn-hide-bugs i {
    position: absolute;
    color: #c30e2e;
    top: 8px;
    right: 10px;
}
.bug__block .bug-header._bg-red {
    border-bottom: 1px solid #484848;
    background-color: #c30e2e;
    color: #fff;
}
.bug__block .bug-header._bg-red .btn-hide-bugs {
    background-color: #c30e2e;
    color: #fff;
}
.bug__block .bug-header._bg-red .btn-hide-bugs i,
.bug__block .bug-header._bg-red .btn-hide-bugs span._number i {
    color: #fff;
}
.bug__block .bug-body {
    position: absolute;
    top: 30px;
    background-color: rgba(72, 72, 72, 0.9);
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    z-index: 1040;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.bug__block .bug-body ul {
    max-height: 800px;
    overflow: auto;
    width: 100%;
    list-style-type: none;
}

@-webkit-keyframes blinkerAlarma {
  from {background-color: #c30e2e; color: white;}
  to {background-color: white;color: black;}
}

/*@-webkit-keyframes blinkerAlarmaColor {
  0% {color: white;}  
  100% {color: black;}
}*/


.blinkAlarma *{
	text-decoration: blink;
	-webkit-animation-name: blinkerAlarma;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.selectedAlarmas{
        
    background-color: white;
    color: black;
    
}

.bug__block .bug-body ul > li {
    padding: 6px 5px 6px 40px;
    position: relative;
    background-color: rgba(195, 14, 46, 0.8);
    border-radius: 4px;
    margin-bottom: 5px;
}
.bug__block .bug-body ul > li:before {
    content: "\f12a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 12px;
    line-height: 1;
    top: calc(50% - 6px);
    left: 14px;
}
.bug__block .bug-body ul > li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 19px);
    background-color: rgba(255, 255, 255, 0.3);
    top: 10px;
    left: 30px;
}
.bug__block.open .bug-header .btn-hide-bugs:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.bug__block.open .bug-header .btn-hide-bugs:hover:before {
    opacity: 0;
}
.bug__block.open .bug-header .btn-hide-bugs:hover:after {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}
.bug__block.open .bug-header .btn-hide-bugs span {
    top: -20px;
}
.bug__block.open .bug-header .btn-hide-bugs span._number {
    top: 8px;
}
.bug__block.open .bug-body {
    overflow-y: auto;
    opacity: 1;
    height: 100vh;
}
.bug__block.open .bug-body::-webkit-scrollbar {
    width: 4px;
}
.bug__block.open .bug-body::-webkit-scrollbar-track {
    background-color: rgba(72, 72, 72, 0.4);
    border-radius: 0;
}
.bug__block.open .bug-body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(195, 14, 46, 0.8);
}
.show_bug .bug__block {
    display: block;
}
.show_bug .navbar-page-options .header-block.fixed-top {
    top: 30px;
}
.show_bug .block-filter-fx + div {
    margin-top: 82px;
}
.show_bug .maintenance-page {
    min-height: calc(100vh - 64px);
}
.er-content-txt {
    padding: 5px 25px;
    font-size: 14px;
    line-height: 24px;
}
.er-content-txt .main-title {
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 35px;
}
.er-content-txt .main-title.bottom-line {
    padding: 0 15px 20px;
    position: relative;
}
.er-content-txt .main-title.bottom-line:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(72, 72, 72, 0.3);
    bottom: 0;
    left: 0;
}
.er-content-txt .title-2 {
    padding: 0 5px;
    font-size: 20px;
    line-height: 30px;
}
.er-content-txt ul {
    list-style-type: none;
    padding-left: 0;
}
.er-content-txt ul li {
    position: relative;
    padding-left: 20px;
}
.er-content-txt ul li:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: rgba(72, 72, 72, 0.3);
    border-radius: 50%;
    top: 10px;
    left: 10px;
}
.er-security-block {
    margin: 20px 10px;
}
.er-security-block .item {
    margin: 15px 0;
    background-color: rgba(72, 72, 72, 0.2);
    border-radius: 4px;
}
.er-security-block .item ._header {
    background-color: rgba(72, 72, 72, 0.9);
    text-align: center;
    border-radius: 4px 4px 0 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}
.er-security-block .item ._header:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 14px;
    line-height: 1;
    top: calc(50% - 7px);
    right: 14px;
    color: #fff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-security-block .item ._header[aria-expanded="true"]:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.er-security-block .item ._header .h3 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding: 5px 15px;
    margin: 0;
}
.er-security-block .item ._body ul {
    list-style-type: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    padding: 2px;
    margin: 0;
}
.er-security-block .item ._body ul li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 2px;
    overflow: hidden;
    font-size: 13px;
    line-height: 23px;
}
.er-security-block .item ._body ul li a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2px 8px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-security-block .item ._body ul li a span {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    -ms-transition: width 1s ease;
    transition: width 1s ease;
}
.er-security-block .item ._body ul li a.toggle-element:after {
    content: "\f146";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: calc(50% - 9px);
    right: 4px;
    font-size: 18px;
    line-height: 1;
    -webkit-transform: scale(0) translateX(-25px) rotate(0deg);
    -moz-transform: scale(0) translateX(-25px) rotate(0deg);
    -ms-transform: scale(0) translateX(-25px) rotate(0deg);
    -o-transform: scale(0) translateX(-25px) rotate(0deg);
    transform: scale(0) translateX(-25px) rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-security-block .item ._body ul li a.toggle-element:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: calc(50% - 9px);
    right: 4px;
    font-size: 18px;
    line-height: 1;
    -webkit-transform: scale(0) translateX(25px) rotate(0deg);
    -moz-transform: scale(0) translateX(25px) rotate(0deg);
    -ms-transform: scale(0) translateX(25px) rotate(0deg);
    -o-transform: scale(0) translateX(25px) rotate(0deg);
    transform: scale(0) translateX(25px) rotate(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-security-block .item ._body ul li a.toggle-element:hover span {
    width: 0;
}
.er-security-block .item ._body ul li a.toggle-element:hover:before {
    -webkit-transform: scale(1) translateX(0) rotate(180deg);
    -moz-transform: scale(1) translateX(0) rotate(180deg);
    -ms-transform: scale(1) translateX(0) rotate(180deg);
    -o-transform: scale(1) translateX(0) rotate(180deg);
    transform: scale(1) translateX(0) rotate(180deg);
}
.er-security-block .item ._body ul li a.toggle-element.active {
    background-color: rgba(72, 72, 72, 0.4);
    color: #fff;
}
.er-security-block .item ._body ul li a.toggle-element.active span {
    width: 0;
}
.er-security-block .item ._body ul li a.toggle-element.active:before {
    -webkit-transform: scale(0) translateX(0) rotate(0deg);
    -moz-transform: scale(0) translateX(0) rotate(0deg);
    -ms-transform: scale(0) translateX(0) rotate(0deg);
    -o-transform: scale(0) translateX(0) rotate(0deg);
    transform: scale(0) translateX(0) rotate(0deg);
}
.er-security-block .item ._body ul li a.toggle-element.active:after {
    -webkit-transform: scale(1) translateX(0) rotate(180deg);
    -moz-transform: scale(1) translateX(0) rotate(180deg);
    -ms-transform: scale(1) translateX(0) rotate(180deg);
    -o-transform: scale(1) translateX(0) rotate(180deg);
    transform: scale(1) translateX(0) rotate(180deg);
}
.er-security-block .item ._body ul.elementos li {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.er-security-block .item ._footer {
    background-color: rgba(72, 72, 72, 0.8);
    text-align: center;
    border-radius: 0 0 4px 4px;
    margin-top: 20px;
}
.er-security-block .item ._footer .item-link {
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 22px 15px 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-security-block .item ._footer .item-link:before {
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    background-color: #dadada;
    top: -12px;
    left: calc(50% - 12px);
}
.er-security-block .item ._footer .item-link:after {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 32px;
    line-height: 1;
    position: absolute;
    color: #666;
    top: -14px;
    left: calc(50% - 16px);
    text-shadow: 0 0 5px rgba(72, 72, 72, 0.2);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-security-block .item ._footer .item-link._remove:after {
    content: "\f057";
}
.er-security-block .item ._footer .item-link:hover:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.er-security-block .footer-block {
    margin-top: 25px;
    padding-top: 35px;
    position: relative;
    text-align: center;
}
.er-security-block .footer-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(72, 72, 72, 0.2);
    top: 0;
    left: 0;
}
.er-user-block .form-group.max_width {
    max-width: 930px;
}
.er-user-block .footer-block {
    margin-top: 25px;
    padding-top: 35px;
    position: relative;
    text-align: right;
}
.er-user-block .footer-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(72, 72, 72, 0.2);
    top: 0;
    left: 0;
}
.er-files-collapse-block {
    margin: 0 30px;
}
.er-files-collapse-block .ico-more {
    position: relative;
    padding-left: 30px;
}
.er-files-collapse-block .ico-more:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    line-height: 1;
    color: #484848;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-files-collapse-block .ico-folder {
    position: relative;
    padding-left: 32px;
}
.er-files-collapse-block .ico-folder:before {
    content: "\f07b";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    line-height: 1;
    font-size: 19px;
    color: rgba(72, 72, 72, 0.7);
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.er-files-collapse-block .ico-file {
    position: relative;
    padding-left: 30px;
}
.er-files-collapse-block .ico-file:before {
    content: "\f15b";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    line-height: 1;
    font-size: 15px;
    color: rgba(72, 72, 72, 0.7);
    position: absolute;
    top: 0;
    left: 5px;
}
.er-files-collapse-block .file-heading {
    display: block;
    padding-bottom: 5px;
    position: relative;
}
.er-files-collapse-block .file-heading:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    top: 10px;
    left: -21px;
    border-bottom: 1px dotted rgba(72, 72, 72, 0.2);
}
.er-files-collapse-block .file-heading.main-folder:before {
    display: none;
}
.er-files-collapse-block .link-open[aria-expanded="true"] .ico-folder:before {
    content: "\f07c";
}
.er-files-collapse-block .link-open[aria-expanded="true"] .ico-more:before {
    content: "\f146";
}
.er-files-collapse-block .file-content {
    padding-left: 27px;
    position: relative;
}
.er-files-collapse-block .file-content:before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 11px);
    top: -9px;
    left: 6px;
    border-left: 1px dotted rgba(72, 72, 72, 0.2);
}
.er-files-collapse-block .file-content:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 1px;
    bottom: 18px;
    left: 6px;
    border-bottom: 1px dotted rgba(72, 72, 72, 0.2);
}
.er-files-collapse-block .file-content .item {
    width: auto;
    display: inline-block;
    position: relative;
    top: -3px;
    left: -5px;
}
.collapse__block {
    max-height: 1000px;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    -ms-transition: all 3s;
    transition: all 3s;
}
.collapse__block._empty {
    max-height: 0;
    z-index: -9999999;
}
.add__tags {
    width: 100%;
    display: inline-block;
    padding: 15px 25px 0;
    background-color: #e1e2e1;
}
.add__tags .tags {
    padding: 0;
    margin: 0;
    float: right;
}
.add__tags .tags li {
    list-style: none;
    width: auto;
    float: left;
    margin: 0 3px 6px;
}
.add__tags .tags li a {
    background-color: #c30e2e;
    border-radius: 50px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    padding: 4px 26px 4px 12px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.add__tags .tags li a:before {
    content: "\46";
    font-family: icon-font;
    position: absolute;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    top: 5px;
    right: 6px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.add__tags .tags li a:before:active,
.add__tags .tags li a:before:focus,
.add__tags .tags li a:before:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.add__tags .tags li a:active,
.add__tags .tags li a:focus,
.add__tags .tags li a:hover {
    background-color: rgba(195, 14, 46, 0.8);
    color: #fff;
}
.add__tags .tags li a:active:before,
.add__tags .tags li a:focus:before,
.add__tags .tags li a:hover:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.add__tags ._footer {
    display: inline-block;
    width: 100%;
    height: auto;
}
.add__tags ._footer .col-remove {
    width: 130px;
    float: left;
}
.add__tags ._footer .col-icons {
    width: calc(100% - 130px);
    float: left;
    padding: 0 15px;
}
.add__tags ._footer .btn-txt {
    color: #484848;
    float: right;
}
.add__tags ._footer .btn-txt:before,
.add__tags ._footer .btn-txt:hover {
    color: #484848;
}
.jq-icon-success {
    background-color: rgba(72, 72, 72, 0.9);
    color: #fff;
    border-radius: 2px 2px 0 0;
}
.jq-has-icon {
    padding-left: 63px;
    background-position: 15px center;
}
.jq-has-icon:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: rgba(255, 255, 255, 0.2);
    top: 20%;
    left: 48px;
}
.jq-toast-loader {
    background-color: #c30e2e;
    height: 1px;
    bottom: 0;
    border-radius: 0;
}
.bg-customer {
    background-color: #ffd511 !important;
}
.color-customer {
    color: #ffd511 !important;
}
.block-filter-fx + div {
    margin-top: 52px;
}
.navbar-page-options .header-block {
    position: relative;
    width: 100%;
    display: inline-block;
}
.navbar-page-options .header-block.fixed-top {
    position: fixed;
    width: calc(100% - 240px);
    margin-left: 240px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.1);
}
.navbar-page-options .header-block:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    bottom: 0;
}
.navbar-page-options .header-block .h3,
.navbar-page-options .header-block .title-page {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    margin: 9px 15px;
    width: auto;
    float: left;
}
.navbar-page-options .header-block .h3 .info_name,
.navbar-page-options .header-block .title-page .info_name {
    color: #e1e2e1;
    font-style: italic;
}
.navbar-page-options .header-block .cbx_report {
    width: auto;
    float: left;
    margin: 14px 0;
}
.navbar-page-options .header-block .btn-options {
    padding: 0 15px;
    height: 51px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 1px;
    font-weight: 900;
    text-transform: uppercase;
    display: table-cell;
}
.navbar-page-options .header-block .btn-options .small {
    display: block;
    color: #949494;
    -webkit-transition: color 0.4s;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    -ms-transition: color 0.4s;
    transition: color 0.4s;
    font-size: 9px;
    line-height: 11px;
}
.navbar-page-options .header-block .page-options {
    width: auto;
    float: right;
}
.navbar-page-options .header-block .page-options .main-options {
    padding-left: 0;
    list-style-type: none;
}
.navbar-page-options .header-block .page-options .main-options .taphover {
    float: left;
}

.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .form-group label {
    color: #fff;
}
.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .er-btn {
    margin: 5px 0 10px;
}
.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .er-select .dropdown .dropdown-menu .options-list,
.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .er-select .dropdown .dropdown-menu > .inner {
    max-height: 80px !important;
}
.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .er-select .dropdown .dropdown-menu .dropdown-item {
    padding: 3px 15px;
}
.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .form-control:active,
.navbar-page-options .header-block .page-options .main-options .taphover .main-menu-options .form-control:focus {
    border-color: #fff !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.navbar-page-options .header-block .page-options .main-options .taphover.btn--action {
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.navbar-page-options .header-block .page-options .main-options .taphover.btn--action .er-icon {
    position: absolute;
    bottom: -6px;
    font-size: 66px;
    z-index: 0;
    opacity: 0.1;
}
.navbar-page-options .header-block .page-options .main-options .taphover.btn--action[disabled] {
    opacity: 0.3;
    pointer-events: none;
}
.navbar-page-options .header-block .page-options .main-options .taphover .--input {
    margin-bottom: 0;
    padding-right: 15px;
    position: relative;
}
.navbar-page-options .header-block .page-options .main-options .taphover .--input:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 40%;
    top: 30%;
    right: 5px;
    background-color: rgba(72, 72, 72, 0.08);
}
.navbar-page-options .header-block .page-options .main-options .taphover .--input .fc-action {
    min-height: 44px;
    max-height: 100%;
    margin: 3px;
    border-color: rgba(72, 72, 72, 0.1);
    border-width: 2px;
    position: relative;
}

.loader {
    top: calc(50% - 70px);
}
.sk-cube-grid {
    width: 80px;
    height: 80px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sk-cube-grid .sk-cube {
    width: calc(50% - 4px);
    height: calc(50% - 4px);
    margin: 2px;
    background-color: #000;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
    background-color: #c30e2e;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    100%,
    70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
@keyframes sk-cubeGridScaleDelay {
    0%,
    100%,
    70% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
.comunicacion--block {
    text-align: center;
}
.comunicacion--block p {
    font-weight: 500;
}
.comunicacion--block .eff--circle-sonar {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #c5e1a5;
    display: inline-block;
    position: relative;
    filter: grayscale(100%);
}
.comunicacion--block .eff--circle-sonar:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
}
.comunicacion--block.on .eff--circle-sonar {
    filter: grayscale(0);
}
.comunicacion--block.on .eff--circle-sonar:before {
    -webkit-animation: sonar-effect 3s ease-in-out 3s infinite;
    animation: sonar-effect 3s ease-in-out 3s infinite;
}
.trucks--block .item-truck ._header {
    background-color: rgba(72, 72, 72, 0.1);
}
.trucks--block .item-truck ._header .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    background-color: #484848;
    color: #fff;
    margin-bottom: 0;
}
.trucks--block .item-truck ._header .info {
    max-width: 705px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}
.trucks--block .item-truck .info .form-group {
    margin-bottom: 10px;
}
.trucks--block .item-truck .info .form-group label {
    font-size: 11px;
    line-height: 11px;
}
.trucks--block .item-truck .info .form-control {
    padding: 2px 12px;
    font-size: 11px;
    line-height: 11px;
    min-height: 25px;
}
.trucks--block .item-truck .info .form-control:disabled,
.trucks--block .item-truck .info .form-control[readonly] {
    background-color: rgba(255, 255, 255, 0.8);
}
.trucks--block .item-truck ._body {
    background-color: rgba(72, 72, 72, 0.05);
    padding: 20px;
}
.trucks--block .item-truck ._body .info {
    padding-top: 20px;
}
.trucks--block .item-truck ._body .element-content {
    max-width: 920px;
    width: 100%;
    margin: 0 auto 10px;
    position: relative;
}
.trucks--block .item-truck ._body .element-content:before {
    content: "\f0d1";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 200px;
    line-height: 1;
    opacity: 0.1;
    bottom: 0;
    right: 0;
}
.trucks--block .item-truck ._body .truck-box .er-table td,
.trucks--block .item-truck ._body .truck-box .er-table th {
    padding: 3px 10px;
}
.trucks--block .item-truck ._body .truck-box .er-table td:first-child,
.trucks--block .item-truck ._body .truck-box .er-table th:first-child {
    padding: 3px;
}
.trucks--block .item-truck ._body .truck-box .er-table td:last-child,
.trucks--block .item-truck ._body .truck-box .er-table th:last-child {
    text-align: center;
}
.trucks--block .item-truck ._body .truck-box .er-table td:last-child {
    padding: 5px 2px 2px;
}
.trucks--block .item-truck ._body .truck-box .box-color {
    width: 100%;
    min-width: 10px;
}
.trucks--block .item-truck ._body .truck-box .block-sites {
    width: auto;
    height: auto;
    display: inline-block;
}
.trucks--block .item-truck ._body .truck-box .block-sites .td {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ffe082;
    filter: grayscale(50%);
}
.trucks--block .item-truck ._body .truck-box .block-sites .td.completed {
    background-color: #94c759;
    filter: grayscale(0);
}
.trucks--block .item-truck ._body ._bottom {
    padding: 0 6px 20px;
}
.trucks--block .item-truck ._body ._bottom .order-id {
    background-color: rgba(72, 72, 72, 0.5);
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    padding: 3px 10px 4px;
    border-radius: 5px;
    position: relative;
}
.trucks--block .item-truck ._body ._bottom .order-id:before {
    content: "\f0d1";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    opacity: 0.1;
    bottom: 0;
    right: 0;
}
.trucks--block .item-truck.waiting ._header {
    background-color: rgba(255, 204, 128, 0.2);
}
.trucks--block .item-truck.waiting ._header .title {
    background-color: #ffcc80;
}
.trucks--block .item-truck.waiting ._body {
    background-color: rgba(255, 204, 128, 0.1);
}
.trucks--block .item-truck.waiting ._body .element-content {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 10px;
    border: 1px solid rgba(222, 226, 230, 0.8);
    border-radius: 10px;
    padding: 30px 6px 5px;
    width: calc(50% - 23px);
    display: inline-block;
}
.trucks--block .item-truck.waiting ._body .element-content:before {
    bottom: 2px;
    right: 2px;
}
.trucks--block .item-truck.waiting ._body .element-content .delete_panel {
    position: absolute;
    top: 4px;
    right: 6px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.trucks--block .item-truck.waiting ._body .element-content .delete_panel:hover {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.trucks--block .item-truck.waiting ._body .info {
    padding-top: 0;
}
.container-box {
    width: calc(100% - 12px);
    margin: 0 6px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.04);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0 6px;
}
.container-box .col-family {
    width: calc(50% - 45px);
    float: left;
    padding-top: 3px;
    position: relative;
}
.container-box .col-family:after {
    content: "";
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% + 10px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    top: -5px;
    left: 5px;
}
.container-box .col-family p {
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    margin-bottom: 5px;
}
.container-box .col-family p.name {
    text-decoration: underline;
}
.container-box .col-rule {
    width: 90px;
    float: left;
}
.container-box .col-rule p {
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    margin-bottom: 0;
}
.container-box .col-rule .arrow {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}
.container-box .col-rule .arrow .er--ico:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    font-size: 21px;
    top: 2px;
    left: 2px;
}
.container-box .col-rule .arrow .er--ico:after {
    content: "\f05e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    font-size: 25px;
    top: -6px;
    color: rgba(195, 14, 46, 0.7);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
.container-box .col-rule.allow .arrow .er--ico:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.row--families.select {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.row--families.select .toggle--rule {
    color: rgba(195, 14, 46, 0.7);
    cursor: pointer;
}
.ajax-wrapper.hidde-content {
    position: relative;
    max-height: 0;
    overflow: hidden;
    z-index: -999;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.ajax-wrapper.hidde-content.__show {
    max-height: 2000px;
    z-index: 1;
    opacity: 1;
} /*!
 * Responsive Styles
 * solucionesextranet 
 * mruiz - v.20191011
 */
@media (max-width: 1560px) {
    .trucks--block .item-truck.waiting ._body .element-content {
        width: 100%;
        margin: 0 auto 10px;
        display: block;
    }
}
@media (max-width: 1200px) {
    .page-access ._body {
        margin-left: 5px;
        width: calc(100% - 15px);
    }
    .page-access ._body .pic img {
        width: 40%;
        margin: 0 5px;
        height: auto;
    }
    .page-access ._body .pic img.img-text {
        margin: 20px 0;
        width: 160px;
        height: auto;
    }
}
@media (max-width: 1024px) {
    .bug__block .bug-header,
    .side-page .page-wrapper {
        width: calc(100% - 70px);
    }
    .navbar-page-options .header-block.fixed-top {
        width: calc(100% - 70px);
        margin-left: 70px;
    }
}
@media (max-width: 860px) {
    .page-access ._body .points {
        margin: 0 auto;
    }
    .page-access ._body .points ul {
        text-align: left;
        margin: 0 15px;
        width: 100%;
    }
    .page-access ._body .points ul li {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .mini-sidebar .left-sidebar {
        left: 0;
        width: 60px;
    }
    .mini-sidebar .hide-menu {
        display: block;
    }
    .mini-sidebar .sidebar-nav .has-arrow:after {
        opacity: 0;
    }
    .mini-sidebar .sidebar-nav .nav-customer .customer-profile > a {
        width: calc(100% - 10px);
    }
    .mini-sidebar .nav-bottom .nav-content .icon-content ._element {
        width: 100%;
    }
    .mini-sidebar .nav-bottom .nav-content .icon-content ._element a {
        padding: 4px;
    }
    .mini-sidebar .nav-bottom .nav-content .user-profile a {
        padding: 7px 0;
    }
    .mini-sidebar .nav-bottom .nav-content .user-profile a:before {
        right: 11px;
    }
    .mini-sidebar .nav-bottom .nav-content .nav-brand .brand-logo:before {
        left: 0;
    }
    .mini-sidebar .target-burger {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
    .mini-sidebar .modal {
        padding-left: 60px;
    }
    .navbar-page-options .header-block.fixed-top,
    .page-wrapper {
        margin-left: 60px !important;
        width: calc(100% - 60px) !important;
    }
    .bug__block .bug-header {
        width: calc(100% - 60px) !important;
    }
    .noside-page.mini-sidebar .page-wrapper {
        padding-top: 0;
    }
    .noside-page .page-wrapper {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .er-table td._actions a {
        margin-left: 5px !important;
        margin-right: 0 !important;
    }
    .er-table td._actions a:first-child {
        margin-left: 0 !important;
    }
    .er-table td .er-ico {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .noside-page .col-left,
    .noside-page .col-right {
        width: 100%;
        float: none;
    }
    .noside-page .col-left {
        position: absolute;
        z-index: 0;
    }
    .noside-page .col-left .block-txt {
        display: none;
    }
    .noside-page .col-right {
        position: relative;
        z-index: 1;
    }
    .page-access .bg-image-content .bg-img-main img {
        opacity: 0.1;
    }
    .page-access .bx_card {
        padding-bottom: 25px;
    }
    .page-access .bx_card ._body {
        margin: 15px 30px;
        display: inline-block;
        width: calc(100% - 80px);
    }
    .page-access .bx_card ._body .block-txt,
    .page-access .bx_card ._body .block-txt .h1,
    .page-access .bx_card ._body .block-txt h1 {
        color: #fff;
    }
    .page-access .bx_card ._body .form-control {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
    .page-access .bx_card ._body .floating-labels label {
        color: #fff;
    }
    .navbar-page-options .header-block .h3 {
        display: none;
    }
}
@media (max-width: 460px) {
    .maintenance-page,
    .show_bug .maintenance-page {
        min-height: calc(100vh - 60px);
    }
} /*!
 * Define CSS hacks
 * solucionesextranet 
 * mruiz - v.20191011                                                                                                                                                                                           
 */