@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500');
*{ font-family: 'Ubuntu','Helvetica Neue',sans-serif;margin:0;padding:0;outline:0;}

:root {
    --theme_background:#ffffff;
    --theme_inputs_labels_borders:#535353;
    --theme_color:#6b7c93;
    --theme_header_color:#9c9c9c;
    --theme_header_bg:#eeeeee;
    --theme_background_barra_superior:#245487;
    --theme_color_barra_superior:#ffffff;
    --theme_background_barra_lateral:#efefef;
    --theme_color_barra_lateral:#245487;
    --theme_background_barra_lateral_hover:#ffffff;
    --theme_color_barra_lateral_hover:#245487;
    --theme_but_cl:#404040;--theme_but_bg:#ffffff;
    --theme_but_primary_cl:#ffffff;
    --theme_but_primary_bg:#00548b;
    --theme_but_secondary_cl:#ffffff;
    --theme_but_secondary_bg:#00a7e2;
    --theme_but_accent_cl:#FFFFFF;
    --theme_but_accent_bg:#6d7e94;
    --theme_but_warn_cl:#212529;
    --theme_but_warn_bg:#ffc107;
    --theme_but_success_cl:#ffffff;
    --theme_but_success_bg:#28a745;
    --theme_but_danger_cl:#ffffff;
    --theme_but_danger_bg:#dc3545;
    --theme_but_info_cl:#ffffff;
    --theme_but_info_bg:#dc3545;
    --theme_cargando_cl:#245487;
    --theme_cargando_bg:#ffffff;
    --theme_fondo_login:url(../res/img/background-login.jpg);
}

html, document, body{
    min-height: 100%;
    height: 100%;
}
body{
    background:var(--theme_background);
    overflow-x: hidden;
    color:var(--theme_color);
}

.md-toast-content{
    background: white;
}

md-menu-content.md-default-theme, md-menu-content {
    background-color: var(--theme_background);
}
md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item, md-menu-content.md-default-theme md-menu-item md-icon, md-menu-content md-menu-item md-icon {
    color:var(--theme_color);
}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color:var(--theme_but_primary_bg);
}
md-select-menu.md-default-theme md-content, md-select-menu md-content {
    background-color: var(--theme_background);
    color:var(--theme_color);
}
md-select-menu.md-default-theme md-content md-option, md-select-menu md-content md-option {
    color:var(--theme_color);
}
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover {
    background-color: var(--theme_color);
    color: var(--theme_background);
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
    background-color: var(--theme_but_primary_bg);
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon::after {
    border-color: var(--theme_but_primary_cl);
}

/* Buttons */
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    color: var(--theme_but_cl);
    background-color: var(--theme_but_bg);
}
.md-button.md-default-theme.md-fab, .md-button.md-fab, .md-button.md-default-theme.md-raised, .md-button.md-raised {
    color: var(--theme_but_cl);
    background-color: var(--theme_but_bg);
}
.md-button.md-default-theme.md-fab:not([disabled]).md-focused, .md-button.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-raised:not([disabled]).md-focused, .md-button.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-raised:not([disabled]):hover, .md-button.md-raised:not([disabled]):hover {
    color: var(--theme_but_cl);
    background-color: var(--theme_but_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-fab md-icon, .md-button.md-fab md-icon, .md-button.md-default-theme.md-raised md-icon, .md-button.md-raised md-icon{
    color: var(--theme_but_cl);
}
.md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab, .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    color: var(--theme_but_primary_cl);
    background-color: var(--theme_but_primary_bg);
}
.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover {
    color: var(--theme_but_primary_cl);
    background-color: var(--theme_but_primary_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-primary.md-fab md-icon, .md-button.md-primary.md-fab md-icon, .md-button.md-default-theme.md-primary.md-raised md-icon, .md-button.md-primary.md-raised md-icon {
    color: var(--theme_but_primary_cl);
}
.md-button.md-default-theme.md-secondary.md-fab, .md-button.md-secondary.md-fab, .md-button.md-default-theme.md-secondary.md-raised, .md-button.md-secondary.md-raised {
    color: var(--theme_but_secondary_cl);
    background-color: var(--theme_but_secondary_bg);
}
.md-button.md-default-theme.md-secondary.md-fab:not([disabled]).md-focused, .md-button.md-secondary.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-secondary.md-fab:not([disabled]):hover, .md-button.md-secondary.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-secondary.md-raised:not([disabled]).md-focused, .md-button.md-secondary.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-secondary.md-raised:not([disabled]):hover, .md-button.md-secondary.md-raised:not([disabled]):hover {
    color: var(--theme_but_secondary_cl);
    background-color: var(--theme_but_secondary_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-secondary.md-fab md-icon, .md-button.md-secondary.md-fab md-icon, .md-button.md-default-theme.md-secondary.md-raised md-icon, .md-button.md-secondary.md-raised md-icon {
    color: var(--theme_but_secondary_cl);
}
.md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab, .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    color: var(--theme_but_accent_cl);
    background-color: var(--theme_but_accent_bg);
}
.md-button.md-default-theme.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-accent.md-fab:not([disabled]):hover, .md-button.md-accent.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-accent.md-raised:not([disabled]):hover {
    color: var(--theme_but_accent_cl);
    background-color: var(--theme_but_accent_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-accent.md-fab md-icon, .md-button.md-accent.md-fab md-icon, .md-button.md-default-theme.md-accent.md-raised md-icon, .md-button.md-accent.md-raised md-icon {
    color: var(--theme_but_accent_cl);
}
.md-button.md-default-theme.md-warn.md-fab, .md-button.md-warn.md-fab, .md-button.md-default-theme.md-warn.md-raised, .md-button.md-warn.md-raised {
    color: var(--theme_but_warn_cl);
    background-color: var(--theme_but_warn_bg);
}
.md-button.md-default-theme.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-raised:not([disabled]):hover {
    color: var(--theme_but_warn_cl);
    background-color: var(--theme_but_warn_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-warn.md-fab md-icon, .md-button.md-warn.md-fab md-icon, .md-button.md-default-theme.md-warn.md-raised md-icon, .md-button.md-warn.md-raised md-icon {
    color: var(--theme_but_warn_cl);
}
.md-button.md-default-theme.md-success.md-fab, .md-button.md-success.md-fab, .md-button.md-default-theme.md-success.md-raised, .md-button.md-success.md-raised {
    color: var(--theme_but_success_cl);
    background-color: var(--theme_but_success_bg);
}
.md-button.md-default-theme.md-success.md-fab:not([disabled]).md-focused, .md-button.md-success.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-success.md-fab:not([disabled]):hover, .md-button.md-success.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-success.md-raised:not([disabled]).md-focused, .md-button.md-success.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-success.md-raised:not([disabled]):hover, .md-button.md-success.md-raised:not([disabled]):hover {
    color: var(--theme_but_success_cl);
    background-color: var(--theme_but_success_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-success.md-fab md-icon, .md-button.md-success.md-fab md-icon, .md-button.md-default-theme.md-success.md-raised md-icon, .md-button.md-success.md-raised md-icon {
    color: var(--theme_but_success_cl);
}
.md-button.md-default-theme.md-danger.md-fab, .md-button.md-danger.md-fab, .md-button.md-default-theme.md-danger.md-raised, .md-button.md-danger.md-raised {
    color: var(--theme_but_danger_cl);
    background-color: var(--theme_but_danger_bg);
}
.md-button.md-default-theme.md-danger.md-fab:not([disabled]).md-focused, .md-button.md-danger.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-danger.md-fab:not([disabled]):hover, .md-button.md-danger.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-danger.md-raised:not([disabled]).md-focused, .md-button.md-danger.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-danger.md-raised:not([disabled]):hover, .md-button.md-danger.md-raised:not([disabled]):hover {
    color: var(--theme_but_danger_cl);
    background-color: var(--theme_but_danger_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-danger.md-fab md-icon, .md-button.md-danger.md-fab md-icon, .md-button.md-default-theme.md-danger.md-raised md-icon, .md-button.md-danger.md-raised md-icon {
    color: var(--theme_but_danger_cl);
}
.md-button.md-default-theme.md-info.md-fab, .md-button.md-info.md-fab, .md-button.md-default-theme.md-info.md-raised, .md-button.md-info.md-raised {
    color: var(--theme_but_info_cl);
    background-color: var(--theme_but_info_bg);
}
.md-button.md-default-theme.md-info.md-fab:not([disabled]).md-focused, .md-button.md-info.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-info.md-fab:not([disabled]):hover, .md-button.md-info.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-info.md-raised:not([disabled]).md-focused, .md-button.md-info.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-info.md-raised:not([disabled]):hover, .md-button.md-info.md-raised:not([disabled]):hover {
    color: var(--theme_but_info_cl);
    background-color: var(--theme_but_info_bg);
    opacity: 0.8;
}
.md-button.md-default-theme.md-info.md-fab md-icon, .md-button.md-info.md-fab md-icon, .md-button.md-default-theme.md-info.md-raised md-icon, .md-button.md-info.md-raised md-icon {
    color: var(--theme_but_info_cl);
}

/* Colores / Fondos */
.md-primary { color: var(--theme_but_primary_bg); }
.md-secondary { color: var(--theme_but_secondary_bg); }
.md-accent { color: var(--theme_but_accent_bg); }
.md-warn { color: var(--theme_but_warn_bg); }
.md-success { color: var(--theme_but_success_bg); }
.md-danger { color: var(--theme_but_danger_bg); }
.md-info { color: var(--theme_but_info_bg); }
.md-primary-bg { background: var(--theme_but_primary_bg); }
.md-secondary-bg { background: var(--theme_but_secondary_bg); }
.md-accent-bg { background: var(--theme_but_accent_bg); }
.md-warn-bg { background: var(--theme_but_warn_bg); }
.md-success-bg { background: var(--theme_but_success_bg); }
.md-danger-bg { background: var(--theme_but_danger_bg); }
.md-info-bg { background: var(--theme_but_info_bg); }

.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: var(--theme_but_primary_cl);
    background: var(--theme_but_primary_bg);
}
.md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    opacity: 0.8;
    color: var(--theme_but_cl);
    background-color: var(--theme_but_bg);
}

/* Cargando */
#loader {position: fixed; z-index: 9999; width: 100%; height: 100%; background: var(--theme_cargando_bg); opacity: 0.8;}
md-progress-circular.md-default-theme path, md-progress-circular path {
    stroke: var(--theme_cargando_cl);
    opacity: 1;
}

md-select-menu{
    transform: scale(0.9);
    max-height: 300px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: var(--theme_inputs_labels_borders);
}

/* Dialogs */
md-dialog.md-default-theme, md-dialog {
    border-radius: 4px;
    background-color: var(--theme_background);
    color: var(--theme_color);
}
md-dialog.md-default-theme.xerppa-dialog, md-dialog.xerppa-dialog {
    border-radius: 0px;
    background-color: var(--theme_background);
    color: var(--theme_color);
    min-width: 800px;
    height: 100%;
    max-height: calc( 100vh - 52px);
    overflow: initial;
    margin:auto;
    top: 25px;
}
md-dialog.xerppa-dialog.width-80{
    min-width: 80%;
}
md-dialog.xerppa-dialog.md-default-theme, md-dialog.xerppa-dialog {
    border-radius: 0px;
    background-color: var(--theme_background);
    color: var(--theme_color);
}
md-dialog.xerppa-dialog .nav {
    position: absolute;
    top:50%;
    margin-top:-27px;
}
md-dialog.xerppa-dialog .nav.next {
    right: -73px;
}
md-dialog.xerppa-dialog .nav.prev {
    left: -73px;
}
ui-view {
    height: calc(100vh - 50px);
    overflow: auto;
}
ui-view md-dialog.md-default-theme.xerppa-dialog, ui-view md-dialog.xerppa-dialog {
    opacity: 1;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    box-shadow: none;
    width: 100%;
    top:0;
}
ui-view md-dialog.xerppa-dialog md-toolbar{
    display: none;
}
md-dialog.xerppa-dialog md-toolbar, md-dialog.xerppa-dialog md-toolbar .md-toolbar-tools {
    min-height:85px !important;
    height: 85px;
}
md-dialog.xerppa-dialog .md-toolbar-tools {
    padding-top: 19px;
}
md-dialog.xerppa-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar), md-dialog.xerppa-dialog md-toolbar:not(.md-menu-toolbar) {
    background-color: var(--theme_background);
    color: var(--theme_color);
}
md-dialog.xerppa-dialog md-dialog-content {
    overflow-y: auto;
    height: calc(100vh - 138px);
}
md-dialog.xerppa-dialog.md-dialog-fullscreen,
md-dialog.xerppa-dialog.fullscreen {
    min-width: 100%;
    border-radius: 0;
}

/* Inputs */
md-input-container:not(.md-input-invalid) label {
    color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) md-icon {
    color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) {
    color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) .md-input {
    border-bottom-color: var(--theme_inputs_labels_borders);
    color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) .md-datepicker-expand-triangle {
    border-top-color: var(--theme_inputs_labels_borders);
    color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) .md-select-icon {
    border-top-color: var(--theme_inputs_labels_borders);
    color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) .md-select {
    border-color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) .md-select-value {
    border-color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) .md-textarea {
    border-color: var(--theme_inputs_labels_borders)
}
md-input-container:not(.md-input-invalid) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container:not(.md-input-invalid) md-select .md-select-value.md-select-placeholder {
    color: var(--theme_inputs_labels_borders)
}
md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: var(--theme_inputs_labels_borders)
}
md-input-container .md-input[disabled] {
    border-bottom-color: transparent !important;
}

#header md-input-container:not(.md-input-invalid) label {
    color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) md-icon {
    color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) {
    color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) .md-input {
    border-bottom-color: var(--theme_color_barra_superior);
    color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) .md-datepicker-expand-triangle {
    border-top-color: var(--theme_color_barra_superior);
    color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) .md-select-icon {
    border-top-color: var(--theme_color_barra_superior);
    color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) .md-select {
    border-color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) .md-select-value {
    border-color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) .md-textarea {
    border-color: var(--theme_color_barra_superior)
}
#header md-input-container:not(.md-input-invalid) md-select.md-default-theme .md-select-value.md-select-placeholder,
#header md-input-container:not(.md-input-invalid) md-select .md-select-value.md-select-placeholder {
    color: var(--theme_color_barra_superior)
}
#header md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after,
#header md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: var(--theme_color_barra_superior)
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--theme_inputs_labels_borders) !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--theme_inputs_labels_borders) !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--theme_inputs_labels_borders) !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--theme_inputs_labels_borders) !important;
}
md-icon.md-default-theme, md-icon {
  color: var(--theme_color);
}
md-content.md-default-theme, md-content {
    color: var(--theme_color);
    background:var(--theme_background);
}

:focus {
    outline: none;
}

.cursor-pointer {cursor: pointer;}

md-list-item p {line-height: 20px; padding:10px 0;}

.list-header{
    position: sticky;
    top: 0;
    z-index: 2;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    /* border-width:0 0 1px 0;
    border-style: solid; */
    color:var(--theme_header_color);
    /* border-color:var(--theme_inputs_labels_borders); */
    background:var(--theme_header_bg);
}

.list-item{
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 43px;
    box-sizing: border-box;
    color: var(--theme_color);
    transition: 0.3s;
}

.list-item:hover{
    cursor: pointer;
    transition: 0.3s;
    color:var(--theme_header_color);
    border-color:var(--theme_inputs_labels_borders);
    background:var(--theme_header_bg);
    font-weight: bold;
}

.list-item md-autocomplete{
    height: 30px;
}

.list-item md-autocomplete md-autocomplete-wrap{
    box-shadow: none;
}

.list-item md-autocomplete input:not(.md-input){
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    padding: 0;
}

.list-item md-autocomplete .md-show-clear-button button{
    margin:0;
}

.list-item md-autocomplete .md-show-clear-button button md-icon{
    transform: translate3d(-50%,-50%,0) scale(.6);
}

.list-item md-input-container{
    margin:0;
}

.list-item md-input-container input{
    border:0;
}
.list-item p[ng-click]{
    cursor: pointer;
}

fieldset {
    border: 1px solid var(--theme_inputs_labels_borders);
    padding: 15px;
    margin: 20px 0px;
    min-width: 0;
}
legend {
    color: var(--theme_inputs_labels_borders);
    font-size: 14px;
    margin: 0 14px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 500;
}


md-button md-icon.fa, md-icon.fa{
    font-size:20px;
}
md-sidenav.site-sidenav{
    width:250px;
    display: flex;
}
md-sidenav.site-sidenav md-icon{
    color: var(--theme_color_barra_lateral);
}
/*
: #ffffff;
--theme_color-barra-lateral-hover: #245487;
*/
md-sidenav.site-sidenav .md-button{
    color: var(--theme_background_barra_lateral_hover);
    margin: 0;
    text-align: left;
    padding: 8px 20px;
    width: 100%;
    text-transform: initial;
    flex: 1;
}

.side-menu-mini {
    width:52px;
}
.side-menu-mini md-icon {
    font-size: 24px;
    color: var(--theme_color_barra_lateral);
}
.side-menu-mini .md-button{
    color: var(--theme_background_barra_lateral_hover);
    margin: 0;
    padding: 8px 0px;
    width: 100%;
    text-transform: initial;
    min-width: auto;
}

.md-sidenav-right {
    background: var(--theme_background_barra_lateral) !important;
    color: var(--theme_color_barra_lateral_hover) !important;
}

.md-sidenav-right .md-list-item-inner{
    color: var(--theme_color_barra_lateral) !important;
}

md-sidenav.md-default-theme,
md-sidenav,
.md-sidenav,
md-sidenav.md-default-theme md-content,
md-sidenav md-content,
.md-sidenav md-content {
    background: var(--theme_background_barra_lateral) !important;
    color: var(--theme_color_barra_lateral) !important;
}

md-sidenav.md-default-theme md-toolbar,
md-sidenav md-toolbar,
.md-sidenav md-toolbar {
    background: var(--theme_background_barra_superior) !important;
    color: var(--theme_color_barra_superior) !important;
}


md-sidenav.md-default-theme md-toolbar md-icon,
md-sidenav md-toolbar md-icon,
.md-sidenav md-toolbar md-icon {
    color: var(--theme_color_barra_superior) !important;
}

md-sidenav.md-default-theme .md-subheader,
md-sidenav .md-subheader,
.md-sidenav .md-subheader {
    background-color: var(--theme_background_barra_lateral) !important;
    color: var(--theme_color_barra_lateral) !important;
    font-weight: bold;
}

md-sidenav.md-default-theme .md-subheader .md-subheader-inner,
md-sidenav .md-subheader .md-subheader-inner,
.md-sidenav .md-subheader .md-subheader-inner {
    padding-bottom: 8px;
}

md-sidenav .menu-button,
md-sidenav.md-default-theme .menu-button,
.md-sidenav .menu-button {
    width: 100% !important;
    color: var(--theme_color_barra_lateral);
    text-align: left;
    margin: 0;
    padding: 8px 0px;
    text-transform: initial;
}

md-sidenav .menu-button md-icon,
md-sidenav.md-default-theme .menu-button md-icon,
.md-sidenav .menu-button md-icon {
    width: 52px;
    font-size: 24px;
    text-align: center !important;
    color: var(--theme_color_barra_lateral);
}

md-sidenav .menu-button.active,
md-sidenav.md-default-theme .menu-button.active,
.md-sidenav .menu-button.active,
md-sidenav .menu-button:hover,
md-sidenav.md-default-theme .menu-button:hover,
.md-sidenav .menu-button:hover {
    background-color: var(--theme_background_barra_lateral_hover) !important;
    color: var(--theme_color_barra_lateral_hover) !important;
}

md-sidenav .menu-button.active  md-icon,
md-sidenav.md-default-theme .menu-button.active  md-icon,
.md-sidenav .menu-button.active  md-icon,
md-sidenav .menu-button:hover md-icon,
md-sidenav.md-default-theme .menu-button:hover md-icon,
.md-sidenav .menu-button:hover md-icon{
    color: var(--theme_color_barra_lateral_hover);
}

md-content {
    color: var(--theme_color) !important;
    background:var(--theme_background) !important;
}

/***error-spacer cuando está vacío no debe ocupar espacio***/
body md-input-container{
    margin: 12px 0; /*El original es 18px, que es superbestia*/
}
.md-errors-spacer:empty { display: none; }


.profile-menu{
    position: absolute;
    width: 350px;
    right: 19px;
    top: 43px;
    background: white;
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
    border-radius: 2px;
    color:black;
}
.profile-menu a:hover{
    text-decoration:underline;
}
.profile-menu.ng-enter{ transform:translateY(-3px); opacity:0; transition: all 0.2s ease-in; }
.profile-menu.ng-enter.ng-enter-active { transform:translateY(0px); opacity:1; }
.profile-menu.ng-leave{ transform:translateY(0px); opacity:1; transition: all 0.2s ease-out; }
.profile-menu.ng-leave.ng-leave-active { transform:translateY(-3px); opacity:0; }


.md-fab-bottom-right.ng-enter{ transform:scale(0); transition:0.2s ease-in scale; }
.md-fab-bottom-right.ng-enter.ng-enter-active { transform:scale(1); }
.md-fab-bottom-right.ng-leave{ transform:scale(1); transition: .2s ease-out scale; }
.md-fab-bottom-right.ng-leave.ng-leave-active { transform:scale(0); }

.md-fab-top-right.ng-enter{ transform:scale(0); transition:0.2s ease-in scale; }
.md-fab-top-right.ng-enter.ng-enter-active { transform:scale(1); }
.md-fab-top-right.ng-leave{ transform:scale(1); transition: .2s ease-out scale; }
.md-fab-top-right.ng-leave.ng-leave-active { transform:scale(0); }


.popover{
    position:fixed;
    top:0;
    left:0;
    z-index: 60;
}
.full-screen{
    width:100vw;
    height:100vh;
}
.popover:empty{
    pointer-events:none;
}
.slide {
    width:1024px;
    height:768px;
}
.popover.ng-enter,
.popover.ng-leave {
    -webkit-transition:0.3s linear all;
    -moz-transition:0.3s linear all;
    -o-transition:0.3s linear all;
    transition:0.3s linear all;
}
.popover.ng-enter, .popover.ng-leave.ng-leave-active {
    transform:translatex(100vw);
}
.popover.ng-leave, .popover.ng-enter.ng-enter-active {
    transform:translatex(0vw);
}
.nowrap{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/***icon sizes***/
md-icon[size='10']{ height:10px; min-height:10px; font-size:10px; line-height:10px; width:10px; min-width:10px;}
md-icon[size='12']{ height:12px; min-height:12px; font-size:12px; line-height:12px; width:12px; min-width:12px;}
md-icon[size='14']{ height:14px; min-height:14px; font-size:14px; line-height:14px; width:14px; min-width:14px;}
md-icon[size='16']{ height:16px; min-height:16px; font-size:16px; line-height:16px; width:16px; min-width:16px;}
md-icon[size='18']{ height:18px; min-height:18px; font-size:18px; line-height:18px; width:18px; min-width:18px;}
md-icon[size='20']{ height:20px; min-height:20px; font-size:20px; line-height:20px; width:20px; min-width:20px;}
md-icon[size='22']{ height:22px; min-height:22px; font-size:22px; line-height:22px; width:22px; min-width:22px;}
md-icon[size='24']{ height:24px; min-height:24px; font-size:24px; line-height:24px; width:24px; min-width:24px;}
md-icon[size='26']{ height:26px; min-height:26px; font-size:26px; line-height:26px; width:26px; min-width:26px;}
md-icon[size='28']{ height:28px; min-height:28px; font-size:28px; line-height:28px; width:28px; min-width:28px;}
md-icon[size='30']{ height:30px; min-height:30px; font-size:30px; line-height:30px; width:30px; min-width:30px;}
md-icon[size='32']{ height:32px; min-height:32px; font-size:32px; line-height:32px; width:32px; min-width:32px;}
md-icon[size='34']{ height:34px; min-height:34px; font-size:34px; line-height:34px; width:34px; min-width:34px;}
md-icon[size='36']{ height:36px; min-height:36px; font-size:36px; line-height:36px; width:36px; min-width:36px;}
md-icon[size='50']{ height:50px; min-height:50px; font-size:50px; line-height:50px; width:50px; min-width:50px;}

.danger {    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;}

.float_none{
    float:none!important;
}

.button_bar{
    width: 51px;
    text-align: center;
}

.display_none{
    display: none;
}
.box-sizing_border-box{
    box-sizing: border-box;
}

a{ text-decoration:none; cursor:pointer; }
.cursor-pointer{
    cursor:pointer;
}
ng-md-icon{
    display:inline-block;
}
ng-md-icon+span{
    vertical-align:top;
}
.ac-ripple span{
    vertical-align: super;
    color: var(--theme_color)
}
ng-md-icon svg{
    display:block;
}

.ng-dialog.hasTitleLayer{
    overflow: hidden!important;
}

.menu_top{
    width: 80%;
    margin-left:auto;
    margin-right:auto;
    height: 67px;
}

.menu_top .logo img{
    width: 150px;
}

.button{
    cursor:pointer;
    padding-top:13px;
    padding-bottom:13px;
    padding-right:27px;
    padding-left:27px;
    text-align:center;
    font-size:18px;
    box-sizing: border-box;
    border-radius: 4px;
}
.button-large{
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    outline: 0;
    text-transform: uppercase;
    border: none;
    border-radius: 2px;
    will-change: opacity, transform;
    transition: all .3s ease-out;
}
.shadow-3{
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.7)
}
.shadow-1{
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3)
}
.shadow-full{
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
}

.text-underline{
    text-decoration: underline;
}

@media(max-width: 992px){
    li.l12.pad- {
        margin: 15px 0;
    }
}

/***ASIDE***/
aside{
    position: absolute;
    left: 0;
    top: 57px;
    width: 230px;
    /*height: calc(100% - 57px);*/
    height: 100%;
    transition: 0.3s linear all;
    z-index: 2;
}
aside > header{
    /*height: 57px;*/
    float: left;
    width: 100%;
    /*padding-left: 10px;*/
    box-sizing:border-box;
}
aside > header img{
    position: absolute;
    width: 130px;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -20px;
}
aside > header h2{
    text-overflow: ellipsis;
    overflow: hidden;
    display:inline;
    font-weight: 400; font-size: 22px;
    line-height: 59px;
    height: 57px;
    margin: 0;
}
aside > nav{
    float:left;
    width:100%;
}

/***SIDE MENU LV2***/

.side-menu > li > ul{
    height: 0px;
    transition: 0.3s ease-in-out all;
    overflow: hidden;
}
.side-menu > li > ul > li:hover, .side-menu > li > ul > li.active {
    background-color: rgba(255,255,255,0.06);
}
.side-menu > li > ul > li:before {
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}
.side-menu > li > ul > li:after {
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

body > main .content {
    position: absolute;
    top: 57px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

/***ASIDE FOOTER***/
aside > footer{
    position:absolute;
    height:35px; bottom:0px; left:0px; right:0px;
    width: 230px;
}
aside > footer ul{
    width:100%; height:100%; float:left; display:table;
}
aside > footer ul li{
    list-style-type: none;
    margin: 0; padding: 0;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}


.h100{
    height:100%;
}
.h90{
    height:90%;
}
.h80{
    height:80%;
}
.h70{
    height:70%;
}
.h60{
    height:60%;
}
.h50{
    height:50%;
}
.h40{
    height:40%;
}
.h30{
    height:30%;
}
.h20{
    height:20%;
}
.h10{
    height:10%;
}
.ac-select.bb0 input{
    border-bottom: 0;
}
.semi-bold{
    font-weight:600;
}
.flexbox{
    display: flex;
}
.flex-grow-1{
    flex-grow:1;
}
.flex-1{
    flex:1;
}
.flex-middle{
    flex: 0.5;
}
.flex-witdh-47{
    flex:0 0 47px;
}
.flex-witdh-165{
    flex:0 0 165px;
}
.flex-width-194{
    flex:0 0 194px;
}
.flexbox-v{
    display: flex;
    flex-direction: column;
    max-height: 100%;
}
.flexbox-v > *:not(header){
    flex: 1;
    overflow:auto;
    overflow-x: hidden;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.border-radius-100{
    border-radius: 100%;
}
.border-radius-13{
    border-radius: 13px;
}


.o-37{
    opacity:0.37;
}

.animate-37{
    transition:0.37s ease-in-out all;
}

/*body > main.ng-enter{ animation: fadeIn 0.3s both ease-in; }*/
body > main.ng-leave{ z-index:9999;}
body > main.ng-enter    { z-index:8888; }

body > main.ng-enter{
    -webkit-animation:fadeIn 0.3s both ease-in;
    -moz-animation:fadeIn 0.3s both ease-in;
    animation:fadeIn 0.3s both ease-in;
}
body > main.ng-leave{
-webkit-transform-origin: 50% 50%;
    -webkit-animation: fadeOut .3s both ease-in;
    -moz-transform-origin: 50% 50%;
    -moz-animation: fadeOut.3s both ease-in;
    transform-origin: 50% 50%;
    animation: fadeOut .3s both ease-in;
}

body > aside.ng-hide{
    left:-250px;
}
/*
body > aside{
    transition:0.3s ease-in-out all;
}
body > aside.ng-enter{ left:0px; }
body > aside.ng-leave{ left:-230px; }
*/

/***ANIMACIONES***/
@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutRight {
    to      { transform: translateX(100%); }
}
@keyframes fadeOut {
    to      { opacity:0; }
}
@keyframes slideOut {
    to      { transform:translateY(100%); }
}
/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.3; transform: scale(0.8); }
}

@keyframes fadeIn {
    from    { opacity: 0; }
    to {opacity:1}
}

/* slide in from the right */
@keyframes slideInLeft {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* rotate and fall */
@-webkit-keyframes rotateFall {
    0% { -webkit-transform: rotateZ(0deg); }
    20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; }
    40% { -webkit-transform: rotateZ(17deg); }
    60% { -webkit-transform: rotateZ(16deg); }
    100% { -webkit-transform: translateY(100%) rotateZ(17deg); }
}
@-moz-keyframes rotateFall {
    0% { -moz-transform: rotateZ(0deg); }
    20% { -moz-transform: rotateZ(10deg); -moz-animation-timing-function: ease-out; }
    40% { -moz-transform: rotateZ(17deg); }
    60% { -moz-transform: rotateZ(16deg); }
    100% { -moz-transform: translateY(100%) rotateZ(17deg); }
}
@keyframes rotateFall {
    0% { transform: rotateZ(0deg); }
    20% { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40% { transform: rotateZ(17deg); }
    60% { transform: rotateZ(16deg); }
    100% { transform: translateY(100%) rotateZ(17deg); }
}

/* scale up */
@keyframes scaleUp {
    from        { opacity: 0.3; transform: scale(0.8); }
}
@-moz-keyframes scaleUp {
    from        { opacity: 0.3; -moz-transform: scale(0.8); }
}
@-webkit-keyframes scaleUp {
    from        { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}
@-moz-keyframes slideInRight {
    from    { -moz-transform:translateX(100%); }
    to      { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight {
    from    { -webkit-transform:translateX(100%); }
    to      { -webkit-transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}
@-moz-keyframes slideInUp {
    from    { -moz-transform:translateY(100%); }
    to      { -moz-transform: translateY(0); }
}
@-webkit-keyframes slideInUp {
    from    { -webkit-transform:translateY(100%); }
    to      { -webkit-transform: translateY(0); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}
@-moz-keyframes slideOutLeft {
    to      { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes slideOutLeft {
    to      { -webkit-transform: translateX(-100%); }
}

/* rotate out newspaper */
@-webkit-keyframes rotateOutNewspaper {
    to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@-moz-keyframes rotateOutNewspaper {
    to { -moz-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@keyframes rotateOutNewspaper {
    to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
.box-sizing-border-box{
    box-sizing: border-box;
}
.lighter{
    font-weight:lighter;
}
.dancing{
    font-family:'Dancing script'
}
.underline{
    text-decoration:underline;
}
.ba-white{
    border:1px solid white;
}
.ba{
    border: 1px solid var(--theme_inputs_labels_borders);
}
.bt-orange{
    border-top: 1px solid #ed7c45;
}
.bt{
    border-top:1px solid;
    border-color: var(--theme_inputs_labels_borders);
}
.bb{
    border-bottom:1px solid;
    border-color: var(--theme_inputs_labels_borders);
}
.bl{
    border-left:1px solid;
    border-color: var(--theme_inputs_labels_borders);
}
.br{
    border-right:1px solid;
    border-color: var(--theme_inputs_labels_borders);
}
.uppercase{
    text-transform:uppercase;
}
.bold{
    font-weight:bold;
}
.italic{
    font-style:italic;
}
.strike {
    text-decoration:line-through;
}
.left{
    text-align:left;
}
.center{
    text-align:center;
}
.right{
    text-align:right;
}
.nobreak{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.no-events{
    pointer-events:none;
}
.ov{
    overflow:visible !important;
}
.oh{
    overflow:hidden !important;
}
.animated{
    transition:0.3s ease-in-out all;
}
.contain{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cover-center{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 30%;
}
.object-fit-cover{
    object-fit: cover;
}
.width-auto{
    width: auto!important;
}
.ib{
    display: inline-block;
}
.block{
    display:block !important;
}
.fl{
    float:left !important;
}
.fr{
    float:right !important;
}
.ll{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.abs{
    position:absolute;
}
.abs_center{
    margin-left: auto;
    margin-right:auto;
    left:0;
    right:0;
}
.abs_center_vertically{
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
}
.abs_top{
    top:0;
}
.abs_bottom{
    bottom:0;
}
.abs_right{
    right:0;
}
.abs_left{
    left:0;
}
.rel{
    position:relative;
}

.pre-wrap{
    white-space: pre-wrap;
}

.red-camara-bg{ background: rgb(218, 54, 58); }
.red-camara{ color: rgb(218, 54, 58); }

.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}


.ac-input a{
    position: absolute;
    top: 10px;
    right: 10px;
    color:red;
}

.ac-select.disabled{
    pointer-events: none;
}

.s12{
    min-height: 1px;
    float:left;
    width:100%;
}
.s11{
    min-height: 1px;
    width:91.66%;
    float:left;
}
.s10{
    min-height: 1px;
    width:83.33%;
    float:left;
}
.s9{
    min-height: 1px;
    width:75%;
    float:left;
}
.s8{
    min-height: 1px;
    width:66.66%;
    float:left;
}
.s7{
    min-height: 1px;
    width:58.33%;
    float:left;
}
.s6{
    min-height: 1px;
    width:50%;
    float:left;
}
.s5{
    min-height: 1px;
    width:41.66%;
    float:left;
}
.s4{
    min-height: 1px;
    width:33.33%;
    float:left;
}
.s3{
    min-height: 1px;
    float:left;
    width:25%;
}
.s2{
    min-height: 1px;
    float:left;
    width:16.66%;
}
.s1{
    min-height: 1px;
    float:left;
    width:8.33%;
}

@media only screen and (min-width: 601px){
    .m12{
        min-height: 1px;
        float:left;
        width:100%;
    }
    .m11{
        min-height: 1px;
        width:91.66%;
        float:left;
    }
    .m10{
        min-height: 1px;
        width:83.33%;
        float:left;
    }
    .m9{
        min-height: 1px;
        width:75%;
        float:left;
    }
    .m8{
        min-height: 1px;
        width:66.66%;
        float:left;
    }
    .m7{
        min-height: 1px;
        width:58.33%;
        float:left;
    }
    .m6{
        min-height: 1px;
        width:50%;
        float:left;
    }
    .m5{
        min-height: 1px;
        width:41.66%;
        float:left;
    }
    .m4{
        min-height: 1px;
        width:33.33%;
        float:left;
    }
    .m3{
        min-height: 1px;
        float:left;
        width:25%;
    }
    .m2{
        min-height: 1px;
        float:left;
        width:16.66%;
    }
    .m1{
        min-height: 1px;
        float:left;
        width:8.33%;
    }
}

@media only screen and (min-width: 993px){
    .l12{
        min-height: 1px;
        float:left;
        width:100%;
    }
    .l11{
        min-height: 1px;
        width:91.66%;
        float:left;
    }
    .l10{
        min-height: 1px;
        width:83.33%;
        float:left;
    }
    .l9{
        min-height: 1px;
        width:75%;
        float:left;
    }
    .l8{
        min-height: 1px;
        width:66.66%;
        float:left;
    }
    .l7{
        min-height: 1px;
        width:58.33%;
        float:left;
    }
    .l6{
        min-height: 1px;
        width:50%;
        float:left;
    }
    .l5{
        min-height: 1px;
        width:41.66%;
        float:left;
    }
    .l4{
        min-height: 1px;
        width:33.31%;
        float:left;
    }
    .l3{
        min-height: 1px;
        float:left;
        width:25%;
    }
    .l2{
        min-height: 1px;
        float:left;
        width:16.66%;
    }
    .l1{
        min-height: 1px;
        float:left;
        width:8.33%;
    }
}

.white-childs{
    color:white!important;
}
.white-childs *{
    color:white!important;
}
.white-childs input{
    border-bottom: 1px solid white!important;
}

.capitalize{
    text-transform: capitalize;
}

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

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

.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

.display_none{
    display:none!important;
}

.wrapper{
    /* background: #EFEFEF; */
    margin: auto;
    text-align: center;
    position: relative;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    /* margin-bottom: 20px !important; */
    width: calc(100% - 92px);
    /* padding-top: 5px; */
}

.overflow-y_auto{
    overflow-y: auto;
}

.overflow_scroll{
    overflow: scroll;
}

.black{
    color:black;
}

.lightgray-bg{
    background-color: lightgray;
}

.lightgray{
    background-color: lightgray;
}

.button-big-fix-bot-right {
    width: 100px; height: 100px; position: fixed; right: 10px; bottom: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; line-height: 89px;
    font-weight: bold; text-align: center; font-weight: bold; font-size:100px; z-index:99;
}

.scroll-x {overflow: auto; padding-top:5px;}
.success {background-color: #dff0d8;}

.bg-input-white input{background:#fff;}

.l6 input, .l6 input {
    /* width: 96% !important; */
}


.l12 input, .l12 input {
    width: 98% !important;
}

.ac-select-wrapper .ac-arrow {
    right: 25.72952px !important;
}


.pad_30 {
    padding: 30px 0;
}

.l7 {
    overflow: auto;
}

/* LOGIN */

#login {
    background: var(--theme_background);
}
#login .logo-img{
    width: 100%;
	max-width: 208px;
    max-height: 208px;
}
#login .fondo-img{
	width: 427px;
	margin-top: 40px;
}
#login {padding: 40px 0;}
.fondo-login{
    background: var(--theme_fondo_login);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
}

h2.title-edit {text-align: center; margin-bottom: 0;}

/* SEARCH TOOLS */
.search-tools {
    height: 59px;
    /* border-bottom: 1px solid var(--theme_inputs_labels_borders); */
}

/* Header */
md-toolbar, md-toolbar .md-toolbar-tools {min-height:50px !important; height: 50px;}
#header md-toolbar{
    background: var(--theme_background_barra_superior);
    color: var(--theme_color_barra_superior);
}
#header h2, #header h3, #header md-icon{
    color: var(--theme_color_barra_superior);
    fill: var(--theme_color_barra_superior);
}
#header .logo{
    height: 50px;
    max-width: 150px;
    padding-left: 7px;
    padding-right: 7px;
}
#header .logo img{
    max-width: 150px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.side-menu-mini {
    background: var(--theme_background_barra_lateral) !important;
    color: var(--theme_color_barra_lateral) !important;
}
.side-menu-mini .active, .side-menu-mini a.md-button:hover {
    background: var(--theme_background_barra_lateral_hover);
    color: var(--theme_color_barra_lateral_hover);
}
.side-menu-mini .active md-icon, .side-menu-mini a.md-button:hover md-icon{
    color: var(--theme_color_barra_lateral_hover);
}
.side-menu-lateral {
    background: var(--theme_background_barra_lateral);
    color: var(--theme_color_barra_lateral);
}
.side-menu-lateral md-toolbar .md-button{
    background: var(--theme_background_barra_lateral);
    color: var(--theme_color_barra_lateral);
}
.side-menu-lateral md-toolbar .md-button md-icon{
    color: var(--theme_color_barra_lateral);
}
.side-menu-lateral .side-content{
    background: var(--theme_background_barra_superior);
    color: var(--theme_color_barra_superior);
}
.side-menu-lateral .side-content .md-button:hover{
    background: var(--theme_background_barra_lateral_hover);
    color: var(--theme_color_barra_lateral_hover);
}
.side-menu-lateral .side-content .md-button:hover md-icon{
    color: var(--theme_color_barra_lateral_hover);
}

.topbar {
    background: var(--theme_background_barra_lateral) !important;
    color: var(--theme_color_barra_lateral) !important;
    height: 54px;
}
.topbar md-icon {
    font-size: 24px;
    color: var(--theme_color_barra_lateral);
}
.topbar .md-button{
    color: var(--theme_color_barra_lateral);
    margin: 0;
    padding: 8px 0px;
    text-transform: initial;
        min-width: 58px;
}

.select-search-content .header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
    background: var(--theme_background);
    color: var(--theme_color);
}
.select-search-content .select-header {
    background: var(--theme_background);
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: auto;
}
.select-search-content md-content._md {
    max-height: 300px;
}
#header .md-input-has-placeholder.select-search label {
    display: none;
}

.flex-1,.layout-row>.flex-1 {
    max-width: 1%;
    max-height: 100%
}

.flex-1,.layout-column>.flex-1,.layout-row>.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box
}

.layout-column>.flex-1 {
    max-width: 100%;
    max-height: 1%
}

.flex-6,.layout-row>.flex-6 {
    max-width: 6%;
    max-height: 100%
}

.flex-6,.layout-column>.flex-6,.layout-row>.flex-6 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box
}

.layout-column>.flex-6 {
    max-width: 100%;
    max-height: 6%
}

.flex-11,.layout-row>.flex-11 {
    max-width: 11%;
    max-height: 100%
}

.flex-11,.layout-column>.flex-11,.layout-row>.flex-11 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box
}

.layout-column>.flex-11 {
    max-width: 100%;
    max-height: 11%
}

.min-height-27{
    min-height: 27px;
}

.max-height-43{
    max-height: 43px;
}

.font-size-19, .font-size-19 *{
    font-size: 19px;
}

/* Aplicaciones */
.aplicaciones {

}
.aplicaciones .aplicacion{
    color: var(--theme_color);
    width: 165px;
    height: 132px;
    position: relative;
    box-shadow: 0 2px 5px 0 var(--theme_color), 0 2px 10px 0 var(--theme_color);
}
.aplicaciones .aplicacion div{
    background: var(--theme_background);
}
.aplicaciones .aplicacion md-icon{
    font-size:85px;
    color: var(--theme_color);
}

.selectHeader .header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}
.selectHeader .select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    background-color: var(--theme_background);
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    position: sticky;
    top: 0;
    z-index: 1;
}
.selectHeader .select-header input{
    margin-left: 10.667px;
}
.selectHeader md-content._md {
    max-height: 300px;
}

.side-menu-expandible {
    background: var(--theme_background_barra_lateral) !important;
    width: 52px;
    height: 100%;
    overflow: hidden;
    transition: width .3s;
    z-index: 3;
}

.side-menu-expandible.expanded {
    width: 250px;
}

.side-menu-expandible.centro-informes.expanded, .side-menu-expandible.centro-informes .expanded {
    width: 300px;
}

.side-menu-expandible.centro-informes.expanded .titulo-grupo span, .side-menu-expandible.centro-informes.expanded .titulo-grupo md-icon {
    font-size: 13px;
    vertical-align: middle;
}

.side-menu-expandible.centro-informes.expanded .botones-accion {
    display: flex;
    padding-right: 7px;
}

.side-menu-expandible.centro-informes.expanded .botones-accion a {
    width: 22px;
    display: inline-block;
}

.side-menu-expandible.centro-informes.expanded .botones-accion a md-icon {
    font-size: 13px;
    width: 22px;
}

.side-menu-expandible md-content{
    background: none !important;
    overflow: hidden;
}

.side-menu-expandible.expanded md-content{
    overflow-y: auto;
}

.side-menu-expandible .menu-button {
    width: 250px !important;
    color: var(--theme_color_barra_lateral);
    text-align: left;
    margin: 0;
    padding: 8px 0px;
    text-transform: initial;
}

.side-menu-expandible.centro-informes .menu-button {
    width: 300px !important;
}

.side-menu-expandible .menu-button md-icon {
    width: 52px;
    font-size: 24px;
    text-align: center !important;
    color: var(--theme_color_barra_lateral);
}

.side-menu-expandible .menu-button md-icon.collapse-icon {
    width: 24px;
    transition: transform .3s;
}

.side-menu-expandible .submenu-button {
    width: 250px !important;
    color: var(--theme_color_barra_lateral_hover);
    text-align: left;
    margin: 0;
    padding: 4px 0px;
    text-transform: initial;
    line-height: initial;
}

.side-menu-expandible.centro-informes .submenu-button {
    width: 300px !important;
}

.side-menu-expandible .submenu-button span{
    padding-left: 52px;
}

.side-menu-expandible .submenu {
    display: initial;
    overflow: hidden;}


.side-menu-expandible .submenu.collapse {
    display: none;
}

.side-menu-expandible .submenu span{
    display: initial;
    overflow: hidden;
    font-size: 12px;
}

.side-menu-expandible {
    background: var(--theme_background_barra_lateral) !important;
    color: var(--theme_color_barra_lateral) !important;
}
.side-menu-expandible .active,
.side-menu-expandible a.md-button:hover,
.side-menu-expandible .md-button:hover {
    background: var(--theme_background_barra_lateral_hover) !important;
    color: var(--theme_color_barra_lateral_hover);
}
.side-menu-expandible .active md-icon,
.side-menu-expandible a.md-button:hover md-icon,
.side-menu-expandible .md-button:hover md-icon {
    color: var(--theme_color_barra_lateral_hover);
}

.business-button {
    line-height: initial;
    background: inherit !important;
    color: inherit !important;
    text-align: left;
    height: 100%;
    width: 250px;
}
.business-button md-icon {
    margin: 0;
}
.business-button div {
    width: calc(100% - 23px);
}
.business-button div p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.select-icono-button {
    min-height: unset !important;
    min-width: unset !important;
    margin: 0;
    position: absolute !important;
}

span.chip {
    position: relative;
    display: inline-block;
    width: auto;
    overflow: hidden;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 7px;
    background: var(--theme_but_primary_bg);
    color: var(--theme_but_primary_cl);
    font-size: 13px;
    border-radius: 20px;
}

span.chip a md-icon {
    color: inherit;
    width: auto;
    height: auto;
    min-width: unset;
    min-height: unset;
    font-size: inherit;
    line-height: inherit;
    vertical-align: unset;
    margin-left: 10px;
}

.visor-informe{
    width: 100%;
    position: absolute;
    top: 50px;
    height: calc(100% - 50px);
    z-index: 99999999;
    background: white;
}

.visor-informe .grupo_selected{
    background:white;
    opacity: 0.8;
}

.all-draggable:hover {
    cursor: grab;
}

.all-drop-container {
    min-height: 35px;
    min-width: 35px;
    transition: ease-in-out 0.3s;
}
.all-drop-container.all-drop-container-enter {
    border: 1px solid var(--theme_but_accent_bg);
    padding: 10px 5px;
}

.dashboard_form{
    min-width: 60%;
}

.dashboard_form .search-tools{
    height: 82px;
    padding-top: 13px;
}

.blink-color {
    animation-name: blink-color;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes blink-color {
    0%   {filter: brightness(100%);}
    50%  {filter: brightness(0%);}
    100% {filter: brightness(100%);}
}

.colorpicker {
    background: var(--theme_background);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.colorpicker colorpicker-preview{
    height: 20px;
}

.colorpicker button {
    border: none;
    margin: 0 6px;
    min-width: 0;
    line-height: 24px;
    border-radius: 50%;
    font-size: 25px;
    float: right;
}
.color-div {
    height: 30px;
    margin: 5px 0;
    cursor: pointer;
}

.md-panel.md-tooltip {
    background-color: rgb(97,97,97);
    color: rgba(255,255,255,0.87);
}

md-input-container > cds-search-select > md-select,
md-input-container > db-search-select > md-select {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    order: 2;
}

*[al-md] img {
    width: 100%;
}
*[al-md] ul {
    padding-left: 2em;
}

.outlined-textarea {
    min-height: 350px !important;
    max-height: 350px !important;
    overflow-y: auto;
    background-color: #7f7f7f3f !important;
    padding: 10px !important;
}
.md-preview {
    min-height: 350px !important;
    max-height: 350px !important;
    margin: 12px 0;
    overflow-y: auto;
    border: 1px solid black;
    padding: 10px;
}

iframe {
    border: 0 !important;
}