@media print {
    main {
        height: auto !important;
    }

    anubis-form-page div.wrapper {
        display: none;
    }
    anubis-form-page .tab-title-print {
        display: block!important;
    }
    anubis-form-page .tab-title {
        display: none;
    }
    #tabs div.tab-pane {
        display: block!important;
        opacity: 1!important;
    }
    .form-check-input[type="radio"]:checked + label {
        text-decoration: underline;
        font-weight: 800!important;
    }
    #queryDialog .modal-dialog {
        max-width: 100vw!important;
        margin: 0;
    }
    #queryDialog .modal-dialog #queryDialogForm {
        height: 100vh!important;
    }
    #queryDialogHtml .modal-dialog {
        max-width: 100vw!important;
        margin: 0;
    }
    #queryDialogHtml .modal-dialog #queryDialogHtmlPage {
        height: 100vh!important;
    }
    #formDialog .modal-dialog {
        max-width: 100vw!important;
        margin: 0;
    }
    #formDialog .modal-dialog #formDialogForm {
        height: 100vh!important;
    }
}

anubis-form-page .tab-title-print {
    display: none;
}

/* Configuración inicial de proyecto */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; }

/*Loading configuration */
.loading-screen { z-index: 1080; }
.app-loader { background-color: #00000012;z-index:1050; }

/* Generic */
@media (max-width: 600px) {
  .fixed-sn ugr-desktop.main-zone-expand main { padding-top: 3.5rem!important; }
}
@media (min-width: 600px) {
  .fixed-sn ugr-desktop.main-zone-expand main { padding-top: 4.5rem!important; }
  .vw-min-popover { min-width: 285px; }
}
@media (min-width: 600px) {
    anubis-menu-scroll {display: flex;}
    anubis-menu-scroll button.btn {margin-left: 0.25rem!important;}
    #filler {flex: 1;}
    .dropdown-menu-right {right: -55px;}
}

.min-input-length { min-width: 60px; }
.min-date-input-length { min-width: 85px!important;}
.min-col-date-input-length { min-width: 90px;}
.max-col-date-input-length { max-width: 200px!important;}
.max-col-date-range-input-length { max-width: 250px!important;}
.label-strech { line-height: 0.9em; max-width: 200px; font-size: 90%;  margin-top: 0.9rem!important; }
.label-md { line-height: 0.9em; color: #757575; font-size: 90%; }
.link { text-decoration: underline; cursor: pointer; border: none; }
.c-pointer { cursor: pointer; }
.text-underline { text-decoration: underline!important; }
anubis-form-tile anubis-button-box .button-box-sm { width: 14px; height: 14px;}
.w-90 { width: 90%!important }
.w-f180 { width: 180px!important }
.h-90 { height: 90%!important; }
.h-no-tabs { height: calc(100% - 55px); }
.h-html-page-body { height: calc(100% - 40px); }
.hm-all { height: calc(90vh - 60px); }
.hm-tabs { height: calc(90vh - 120px); }
/*.hm-buttons { height: calc(90vh - 110px); }*/
.hm-buttons {}
.hm-tabs-buttons { height: calc(90vh - 170px); }
.vw-90 { max-width: 90vw; }
.vh-90 { height: 90vh; }
.vw-100 { max-width: 100vw; }
.vh-100 { height: 100vh; }
.wmax-150 { max-width: 150px; }
.wmax-170 { max-width: 170px; }
.invalid-feedback { position: absolute; top: 100%; z-index: 5; left: 0; max-width: 100%; padding: .25rem 0; margin-top: .1rem; font-size: 0.75rem; line-height: 1; color: red; }

/* Table card */
.table-card { font-size: .9rem;  }
.table-card[selected] { background-color: #f5f5f5!important; border: 2px solid #d3d3d3 }
.table-card .card-header iron-icon { width: 18px!important; height: 18px!important; }
.table-card[selected] .card-header { background-color: #f5f5f5!important; }
.table-card-row { font-size: .9rem; margin-top: 0.4rem; }
.table-card-label { font-weight: 300; color: #747373; line-height: 1.1em; }
.table-card-content { font-weight: 400; color: #626262; line-height: 1.1em; }
.table-card-content img.anubis-img-custom.checkout-img { width: 22px;}

/* Table card small */
.table-card.small .table-card-row { display: block; }
.table-card.small .table-card-label { display: block; font-size: .75rem;  }  
.table-card.small .table-card-content { display: block; }
/* Table card large */
.table-card.large .table-card-row { display: flex; }
.table-card.large .table-card-label { display: inline-block; width: 30%; }
.table-card.large .table-card-content { display: inline-block; width: 70%; }
.table-card.large .table-card-content img.anubis-img-custom.checkout-img { margin-bottom: -0.25rem;  margin-top: -0.3rem;}

/* Grid common configuration*/
.btnGridMenuTools { font-size: .9rem; cursor: pointer; }
.btnGridMenuTools:active,  #gridCards .show > .btn-white.dropdown-toggle, #gridBlocks .show > .btn-white.dropdown-toggle,  .btnGridMenuTools:focus {
  background-color: white !important; -webkit-box-shadow: none; box-shadow: none; text-decoration: none;
}
.btnGridMenuTools:hover { background-color: white!important; text-decoration: none; }
.filterGridTools { font-size: .85rem!important; }
.dropdownGridMenuTools { font-size: 0.9rem!important; width: 300px!important; }
.dropdownGridMenuTools .form-check-input[type="checkbox"]+label { padding-left: 25px!important; }
.dropdownGridMenuTools .form-check-input[type="radio"] + label { padding-left: 20px !important; }
.dropdownGridMenuTools .form-check-inline { margin-right: .4rem; }
#gridMainRows .empty { border-left: .25rem solid #cbcbcb; background-color: #ededed; font-size: .9rem; height: 30px; }
anubis-cards .select-wrapper input.select-dropdown, anubis-blocks .select-wrapper input.select-dropdown { height: 40px!important; }
anubis-cards .page .grid-main, anubis-blocks .page .grid-main { height: calc(100vh - 150px); overflow-x:hidden; overflow-y:auto; }
anubis-cards .control .grid-main, anubis-blocks .control .grid-main { }
#gridBlocks.page .header .show-items, #gridCards.page .header .show-items { display: none; }
#gridBlocks.control .header .show-items, #gridCards.control .header .show-items { padding-top: 0.6rem; padding-right: .25rem;   margin-left: -0.5rem; }
#gridBlocks.control .header .show-items i, #gridCards.control .header .show-items i { padding: 0 .3rem 0 0.5rem; border: 1px solid white; border-radius: 50%; cursor: pointer; font-size: 1.5rem; color: #6a6a6a; }
#gridBlocks.control .header .show-items i:hover, #gridCards.control .header .show-items i:hover { border: 1px solid #f0f0f0; background-color: #fcfcfc; }

/* Grid cards */
#gridCards.page .header { 
  -webkit-box-shadow: 0 2px 5px 0 #00000029, 0 2px 10px 0 #0000001f !important; box-shadow: 0 2px 5px 0 #00000029, 0 2px 10px 0 #0000001f!important; padding: 0 1rem .5rem 1rem; 
}
#gridCards.control .header { padding: 0.5rem 0 0 0; }
#gridCards .load-more .card { background-color: #f0f0f0; font-size: .9rem; line-height: 1em; cursor: pointer; }
#gridCards .load-more .card:hover { background-color: #dddddd; }

/* Grid card */
.grid-card { font-size: .9rem; border: 2px solid white; }
.grid-card .card-header { background-color: initial; }
.grid-card .card-header iron-icon { width: 18px!important; height: 18px!important; margin-left: .25rem; }
.grid-card-row { font-size: .9rem; margin-top: 0.4rem; }
.grid-card-label { font-weight: 300; color: #747373; line-height: 1.1em; }
.grid-card-content { font-weight: 400; color: #626262; line-height: 1.1em; }
.grid-card.selected{  }
/* Grid card small */
.grid-card.small .grid-card-row { display: block;  }
.grid-card.small .grid-card-label { display: block; font-size: .75rem;  }  
.grid-card.small .grid-card-content { display: block; }
/* Grid card large */
.grid-card.large .grid-card-row { display: flex; }
.grid-card.large .grid-card-label { display: inline-block; width: 30%; }
.grid-card.large .grid-card-content { display: inline-block; width: 70%; }

/* Grid block */
#gridBlocks.page .header { 
  -webkit-box-shadow: 0 2px 5px 0 #00000029, 0 2px 10px 0 #0000001f !important; box-shadow: 0 2px 5px 0 #00000029, 0 2px 10px 0 #0000001f!important; padding: 0 1rem .5rem 1rem;
}
#gridBlocks.control .header { padding: 0.5rem 0 0 0; }
#gridBlocks .btnMenuTools { font-size: .9rem; cursor: pointer; }
#gridBlocks .btnMenuTools:active,  #gridBlocks .show > .btn-white.dropdown-toggle,  #gridBlocks .btnMenuTools:focus {
  background-color: white !important; -webkit-box-shadow: none; box-shadow: none; text-decoration: none;
}
#gridBlocks .load-more .grid-block { min-height: 70px; font-size: .9rem; line-height: 1em; cursor: pointer; }
#gridBlocks .numberFields { border: none; border-bottom: 1px solid #808080; padding: 2px 0; cursor: pointer; }
#gridBlocks .numberFields::selection { border: none; border-bottom: 1.5px solid #808080; }

.grid-block { font-size: .9rem; }
.grid-block .block-toolbar { outline: none; font-size: 1rem; padding: .5rem; }
.grid-block iron-icon { width: 18px!important; height: 18px!important; margin-top: 0rem; margin-right: .25rem; }
.grid-block .block-header i.toggle { top: .4rem!important; padding: 0.15rem .35rem .15rem!important; border-radius: 50%!important; cursor: pointer; }
.grid-block-field { font-size: .9rem; margin-top: .25rem; }
.grid-block-label { font-weight: 200; color: #747373; line-height: 1.1em; font-size: .65rem; }
.grid-block-content { font-weight: 400; color: #626262; line-height: 1.1em; }
.grid-block-field.hidden { display: none; }
.grid-block.show .grid-block-field.hidden { display: inherit; }

/* login, recover-pwd, modify-login*/
.margin-large {
  margin-top: 100px;
}
#inputs.left { display: flex; flex-direction: row;}
#inputs.right { display: flex; flex-direction: row-reverse;}
#inputs.left .app-logo, #inputs.right .app-logo { margin: 30px 20px 0 20px;}
#inputs.large .app-logo{ width: 240px; height: 120px; }
#extraImages{ width: 100%; position: absolute; top: 0; left: 0;}
#extraImages > .image {  width: 133px; height: 92px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 20px; margin-bottom: 10px;}
#extraImages.large > .image { width: 240px; height: 120px;}
#extraImages.center{ display: flex; flex-direction: row; justify-content: center;}
#extraImages.left { display: flex; flex-direction: row; justify-content: flex-start;}
#extraImages.right{ display: flex;flex-direction: row; justify-content: flex-end;}
#extraImages, #extraImages.distributed{ display: flex; flex-direction: row; justify-content: space-between;}
[view-card='sessions'] i.fa-check { display: none; }
.selected-session { background-color: #e6e6ff; }
.selected-session i.fa-check { display: initial; }

/* CardUser y RolManager */
@media (min-width: 1024px) {
    ugr-session nav .app-logo[showLogo] { display: block!important; cursor:pointer; }
}
@media (min-width: 1440px) {
    ugr-desktop.closeSideNav #auxAccesses { display: flex!important; }
    ugr-desktop.closeSideNav ugr-session nav .app-logo { display: block!important; margin-left: 20px;}
    ugr-desktop ugr-session nav .app-logo[showLogo] {
        display: none !important;
    }
    ugr-desktop.closeSideNav #btnSideNav {
        display: block;
        position: absolute;
        top: 7px;
    }
    .fixed-sn ugr-desktop.closeSideNav .double-nav, .fixed-sn ugr-desktop.closeSideNav main {
        padding-left: 0px;
    }
    ugr-desktop:not(.closeSideNav) main {
        padding-left: 240px!important;
    }
    ugr-desktop:not(.closeSideNav) #ugrSideNav {
        transform: translateX(0)!important;
    }
}

.ml-breadcrums {
    margin-left: 240px !important
}
.text-caps {  }
.sub-title.text-caps:hover { -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.sub-title.text-caps a, .sub-title.text-caps span { font-size: 1.1rem; font-weight: 100; }
ugr-desktop.main-zone-expand .navbar {
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a:hover { background-color: initial; }
.w-max-user-menu { max-width: 250px; }
.navbar .mega-dropdown .dropdown-menu.mega-menu { max-height: calc(100vh - 100px); overflow-y: auto; }
@media (max-width: 1024px) {
    .navbar .mega-dropdown .dropdown-menu.mega-menu { max-height: calc(100vh - 180px); }
}
.rol-selected i.fas { display: inline-block; }
.rol-main { height: calc(100vh - 180px); overflow-x:hidden; overflow-y:auto; }
.section-user { font-size: 11px; line-height: 20px; }

/* SideNav */
#sidenav-overlay { z-index: 1031; }
ugr-desktop.main-zone-expand .side-nav {
    box-shadow: none;
    border-right: 1px solid #e0e0e0;
}
.side-nav .collapsible a, .side-nav .collapsible-body a { color: inherit; background-color : inherit; }
.ugr-side-nav-item i { display: none; }
.ugr-side-nav-item.selected-access-point i { display: inline-block!important;  }
.ugr-side-nav-header i.fa-check { display: none; }
.ugr-side-nav-header.selected-access-point i { display: inline-block!important; }
.ugr-side-nav-header { font-size: 1rem!important; font-weight: 100 !important; padding-right: 1.5rem!important; }
.ugr-side-nav-item { font-size: 0.95rem!important; font-weight: 100!important; padding-right: 1.2rem!important; padding-left: 36px!important; }
.full-size-logo .app-logo { max-width: 100%!important; margin: 0!important; }
.ugr-side-nav-header i.icon-panels { font-size: 1.33em; }
.ugr-side-nav-header i.toggle { top: .4rem!important; padding: .3rem .4rem .1rem!important; border-radius: 50%!important; }
.side-nav .fa-angle-up.rotate-icon { position: absolute; top: .8rem; right: 0; margin-right: 1.25rem; }

/* Breadcrums Menu */
.extend-item-app i, .point-item-app i {
  display: none;
}
.extend-item-app.selected-subitem, .point-item-app.selected-itempoint { background-color: #ffffe9; }
.extend-item-app.selected-subitem i, .point-item-app.selected-itempoint i { display: inline-block!important; }

/*ol.breadcrumb li + li:before { content: "/"; }
.breadcrumb li + li:before { content: "/" !important; }*/
.dflex { display: contents; }
.dark-font .breadcrumb-item + .breadcrumb-item::before { color: #000; }
.breadcrumb-item { cursor: pointer; }
.breadcrumb-item.selected-access-point, .breadcrumb-item.selected-itempoint, u.selected-access-point, u.selected-itempoint, u.selected-subitem, a.selected-access { font-weight: bold!important; }
ol.breadcrumb  iron-icon { width: 14px; height: 14px;}

/* Current Menu*/
.item-app { border-bottom: 1px solid #e0e0e0; }
.item-app i { display: none; }
.item-app.selected-subitem i { display: inline-block!important; }
.item-app:hover, .menu-app:hover { background-color: #0003; -webkit-transition: .3s; transition: .3s; cursor: pointer; }
.menu-app.submenu { font-size: 95%; }
.menu-app.subsubmenu { font-size: 90%; }
.menu-app.selected-access-point { color: #455a64; font-weight: bold; }
.page-footer { padding: .25rem .5rem; }

/* RolManager */
.ugr-rolmanager i.fa-check { display: none; } 
.ugr-rolmanager.selected-access-point { background-color: #ddf3ff!important; }
.ugr-rolmanager.selected-access-point i { display: inline-block!important; }
#ugrUserCard .skin-selected { border: 1.5px solid #989898; }
#ugrUserCard .distribution-title { font-size: 1.1em; margin-bottom: .25rem!important; } 
#ugrUserCard .selected-distribution, #ugrUserCard .selected-loader { background-color: #f0f0f0; border: 1.5px solid grey !important; }
#ugrUserCard .section-user-card { padding-top: .5rem; padding-bottom: .5rem; margin-bottom: .5rem;  }
ugr-breadcrums-menu .nav-link.dropdown-toggle::after { margin-top: .5rem; }

@media (max-width: 600px) {
  ugr-session .user { font-weight: 300; font-size: 65%; padding: .6em .4em !important; }
  .app-main { padding-top: 4.2rem!important; }
  ugr-searchbar input.form-control.form-control-sm { width: 100px!important; padding-top: .3rem!important; font-size:.8rem; }
  ugr-rolmanager .md-form.input-group { width: 120px!important; }
  ugr-breadcrums-menu .nav-link.d-flex { padding: .4rem .1rem .4rem .8rem; max-width: 130px; }
  ugr-login div.card { max-width: 320px; }
  ugr-login .card-body { padding: 1rem!important; }
  iron-pages { padding: 0 1rem 1rem 1rem!important; }
  ugr-login .md-form .form-control { padding-top: .4rem !important;  }
  ugr-login .read-more { display: none; }
  ugr-login h2 { padding-top: 1.2rem!important; }
  .anubis-keen-widget-page-0 #widgetContainer.anubis-keen-widget-page { padding: 0; }
  anubis-grid-page div.grid-page { box-shadow: none!important; padding: 0!important; }
  .help-top ul { padding-right: .5rem!important; }
  .page-header { padding-left: .75rem; padding-right: .25rem; }
  iron-pages { padding: 1rem .5rem; }
}
@media (min-width: 600px) {
  .app-main { height: 100vh;}
}
@media (max-width: 768px) {
  anubis-grid-page div.grid-page.h-100 { height: 100vh!important; }
  anubis-table button#end { top: -20px!important; }
}

/* Administración de scroll de tabs */
.scroller-ugr .wrapper { position:relative; margin:0 auto; overflow:hidden; padding:5px; height:50px; }
.scroller-ugr .scroller-nav { position:absolute; left:0px; top:0px; margin-top:0px; min-width:5000px; }
.scroller-ugr .scroller { text-align:center; cursor:pointer; display:none; padding:7px; padding-top:11px; white-space:no-wrap; vertical-align:middle; background-color:#fff; }

#formPage .help-top.expandActions { justify-content: space-between; }

/* Page Form */
 .tabs-max-width { max-width: 180px; }
.md-form { margin-bottom: 0.5rem; }
.md-form .form-control { padding-top: 1rem!important; }
form anubis-label:first-child > div { margin-top: 0.2rem !important; }
anubis-form-tile > div.caption { border-bottom: 2px solid #e0e0e0; font-weight: 500; }
.md-form div.form-control[readonly] { margin: 0; }
.tab-border-top { border-top: none!important; }
anubis-button-box .colorButton, anubis-menu-scroll button.btn-info, anubis-input .colorButton{ padding: .4rem!important; }
anubis-grid-page button iron-icon { width: 14px!important; height: 14px!important; }
#formDialog { background-color: #80808061; }
anubis-label .label-container { margin-top: 1.5rem; margin-bottom: .5rem; padding-bottom: .25rem; }
anubis-radio-buttons .form-check-label { padding-left: 1.5rem!important; }
anubis-radio-buttons div.row label.label-strech { margin-top: 0.5rem!important; }
.tox-statusbar__branding { display: none; }
.tab-pane div.no-group { padding-top: 1.3rem!important; }
.container-of-tiles.horizontal { padding-top: 1.3rem; }
.tileGroup { padding-right: 1rem; padding-left: 1rem; }
.tileGroupRight { padding-right: 1rem; }
.tileGroupLeft { padding-left: 1rem; }

@media (min-width: 600px) {
    .modal-dialog.p_right.p_expand {
        width: 90vw;
    }
    .modal-dialog.p_right {
        position: absolute;
        width: 50vw;
        max-width: 50vw;
        right: 10px; 
        top: 10px;
    }
    .modal-dialog.p_right anubis-form-page {
        height: 90vh!important;    
    }
}
/* Form validate */
.was-validated .form-control:valid {
  background-image: none;
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: inherit; }
.needs-validation .md-form:not(.searchfl) label {
    left: inherit;
}
.md-form.md-bg.searchfl input {background-image: unset; background-size: 0;}
.nav-link.tile-invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  border-bottom: solid 2px #dc3545; padding-right: calc(1.5em + .75rem); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); color: #dc3545 !important;
}
.nav-link.tile-invalid.active { background-color: #ffebeb !important; }
.nav-link.active {background-color: #5FA1BA !important;}
.select-wrapper span.caret { z-index: 5; padding-top: 0.6rem; }
.md-form textarea.md-textarea {
    padding-bottom: 0.3rem;
    overflow-y: auto;
}
.md-form textarea.md-textarea + label { top: 0rem; }
.md-form .validate.valid { -webkit-box-shadow: none!important; box-shadow: none!important; }
.field-inline { margin: -0.7rem 0 0 0!important; min-height: 25px!important; }
.radio-inline { }

/* Check buttons */
.form-check-input[type="radio"] + label:before, .form-check-input[type="radio"]:checked + label:before, .check-input[type="radio"] + label:after, .form-check-input[type="radio"]:checked + label:after { margin: 4px 4px 4px 0px; }
.form-check-input[type="radio"]+label:before, .form-check-input[type="radio"]+label:after, label.btn input[type="radio"]+label:before, label.btn input[type="radio"]+label:after { margin: 4px 4px 4px 0px; }
.form-check-input[type="radio"]:checked:disabled + label, .form-check-input[type="checkbox"]:checked:disabled + label { font-weight: 400!important; color: black; }

/* ugr-login */
.md-form i.input-prefix.action { pointer-events: all; cursor: pointer; z-index: 5; }

/* Dropdown menu*/
.tree-selected span { background-color: #c5c5c5; -webkit-transition: all .1s linear; transition: all .1s linear; }
anubis-tree-object li a:hover { background-color: #c5c5c5; -webkit-transition: all .1s linear; transition: all .1s linear; }
.right-ribbon-vertical { 
    position: absolute; text-transform: uppercase; top: 200px; width: 30px; z-index: 1070; writing-mode: vertical-lr; right: 0px;
    border-radius: 5px 0 0 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 
    padding-top: .38rem; padding-bottom: .38rem; 
}
.vh-max-90 { max-height: 90vh; }

/* Anubis Combo */
.form-combo-sm { font-size: .875rem !important; padding: .25rem 0rem !important; line-height: 1.5!important; }
.select-wrapper input.select-dropdown { padding: .6rem 0 .4rem 0; height: auto; margin: 0 0 .5rem 0; line-height: 1.5; }
.select-wrapper .search-wrap { padding: 0.8rem 0 0; }
.select-wrapper .search-wrap .md-form input { font-size: 0.95rem; }
.dropdown-content { margin: .6rem 0px 0px 0px; }
span.noSearch input, span.noSearch input:focus {
    height: 0px !important;
    font-size: 0px !important;
}

/* Anubis Combo y combo-multiple */
.mdb-select.select-wrapper .select-dropdown { background-color: #fff; }
.mdb-select.select-wrapper .select-dropdown.dropdown-content { white-space: pre; }

/*anubis-label*/
anubis-label hr { display: none; }
anubis-label[line] hr { display: block; border-top: solid 2px;}

/*anubis-chart*/
anubis-chart { position: relative; display: block; }
anubis-chart #chart {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    margin-bottom: 1.5rem !important;
}
/* Anubis widgets */
.selected-type-widget { background-color: #f0f0f0; border: 1.5px solid grey !important; }
.type-widget { width: 100px; height: 84px; }
.highcharts-menu hr { padding: 0; margin: 0; }
.grid-stack { background: white; }
.grid-stack-item-content { /*padding: .5rem!important; overflow: hidden!important; */}
.grid-stack > .grid-stack-item > .grid-stack-item-content { overflow-x: inherit; overflow-y: inherit; }

/* Anubis widgets */
anubis-keen-widget-page anubis-widget-chart, anubis-keen-widget-page anubis-widget-grid,
anubis-keen-widget-page anubis-widget-draw, anubis-keen-widget-page anubis-widget-html,
anubis-keen-widget-page anubis-widget-resum, anubis-keen-widget-page anubis-widget-url,
anubis-keen-widget-page anubis-widget-content {
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
  margin-bottom: 1.5rem !important;
}
anubis-widget-config [widget-id] { border: 1px solid #e0e0e0; }
anubis-widget-config [widget-id] .fa-check { display: none; }
anubis-widget-config .visible-widget { border: 2px solid #969696; background-color: #fbffd1;  }
anubis-widget-config .visible-widget .fa-check { display: inherit!important; }

/* Anubis rating */
#rating { font-size: 20px; }
anubis-rating[read-only] {
    pointer-events: none;
}
#rating .fa-angry { color: #CC0000;}
#rating .fa-frown { color: #FF8800;}
#rating .fa-meh { color: #fdd835;}
#rating .fa-smile { color: #4bff00;}
#rating .fa-laugh { color: #00C851;}

/*anubis-table*/
.filters {
    height: 24px;
}
select.filters {
    width: 80px;
}
anubis-table thead:after {
    line-height: .1em;
    content: "_";
    color: transparent;
    display: block;
}
anubis-table th {
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
    border-bottom: none !important;
    vertical-align: middle !important;
}
anubis-table th:before,
anubis-table th:after {
    bottom: 0 !important;
}
anubis-table th:first-child {
    border-radius: 7px 0 0 7px;
}
anubis-table th:last-child {
    border-radius: 0 7px 7px 0;
}
anubis-table .error-msg {
    display: none;
    float: left;
}
anubis-table[invalid] .error-msg {
    display: inline-block;
}
anubis-table .text-value {
    display: inline-block;
    width: 100%;
    align-items: center;
    text-decoration: inherit; /*sin esto, no se propagaba el valor definido en el nodo padre <div class="field-cell cell">*/
}
anubis-table .executable,
anubis-table-card .executable, anubis-card .executable, anubis-block .executable {
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
anubis-table-card .card-header { background-color: transparent;}
anubis-table #container-table[busy] { overflow: visible!important;}
anubis-table #container-table[busy] .anubis-table-wrapper{ overflow: inherit!important;}
anubis-table #container-table[busy] .header__edit-icon,
anubis-table .table[busy] .fa-palette,
anubis-table .table[busy] .edit,
anubis-table .table[busy] .ml-popover {
    display: none;
}
anubis-table .table[busy] .cell.editing .text-value {
    display: none;
}
/*https://ghinda.net/article/mimic-native-focus-css/*/
anubis-table .table-body .cell:focus,
anubis-table .table-body .cell.selected {
    outline: Highlight solid 3px !important; /*para IE, Firefox*/
    /* syntax--> outline: outline-color outline-style outline-width*/
}
anubis-table .table-body .body-row.new-row {
    border-left: Highlight solid 3px !important; 
}

anubis-table .cell i.edit {
    opacity: 0;
}
anubis-table .cell:hover i.edit {
    opacity: 1;
}
anubis-table anubis-html {
    white-space: normal;
}
anubis-table .isHtml { 
    width: 10px!important;
}
anubis-table .multiline {
    white-space: pre;
    /*height: 20px;*/
    text-overflow: ellipsis;
    overflow: hidden;
}
.ml-popover.format {
    white-space: pre-wrap;
    height: auto;
}
/*.ml-popover-close {
    margin-left: 90%;
}*/
anubis-table .multiline.empty + i.ml-popover,
anubis-table .multiline.fit-ml + i.ml-popover {
    display: none;
}
anubis-table .multiline + i.ml-popover {
    order: -1;
}
anubis-table .methods-cell {
    min-width: 25px; /*min-width es obligatorio*/
    width: 25px;
}
anubis-table .methods-cell.floating-column {
    position: fixed;
    z-index: 1;
}
.table-sm td {
    font-size: 0.85rem;
    padding: .2rem .3rem;
}
table.table-sm td img.anubis-img-custom.checkout-img {
    width: 30px;
    margin-bottom: -0.5rem;
    margin-top: -0.6rem;
}
.header-cell {
    font-size: 0.85rem;
    padding: .2rem .1rem;
}
.table iron-icon, 
.card-body iron-icon {
    width: 18px;
    height: 18px;
}
anubis-table .bottom-table div {
    padding-top: 0!important;
}
anubis-table i {
    cursor: pointer;
}
anubis-table .bottom-table .tradPag i.text-muted {
    cursor: auto;
}
/* anubis-table-cell*/
.container-date {
    min-width: 170px;
}
#container-cell .md-form {
    margin: 0;
    min-width: max-content;
}
#container-cell anubis-combo ul {
    min-width: max-content;
}
.popover-item {
    line-height: 30px;
}
.hovering:hover { 
    border-radius: .125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
anubis-table i[busy] {
    display: none;
}
anubis-table .table[layout=cards],
anubis-table .table[layout=list] {
    display: none;
}

anubis-table-list .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
}
anubis-table-list div[selected] { border-left: .25rem solid #cbcbcb; background-color: #f5f5f5!important; }

/* anubis-html-page*/
anubis-html-page .PropFormCaption {
  font-size: 20px;
  color: #055b2e;
}
anubis-html-page anubis-table { overflow-y: auto; }
anubis-html-page #divTablecloth { margin-top: 10px; width: 100% }
anubis-html-page #divTablecloth table { width: 100% }
anubis-html-page #divTablecloth table th, anubis-html-page #divTablecloth table td { padding: .3rem .25rem .2rem .25rem; }
anubis-html-page #divTablecloth table th:first-child { border-radius: 7px 0 0 7px; } 
anubis-html-page #divTablecloth table th:last-child { border-radius: 0 7px 7px 0; }
anubis-html-page #divTablecloth table td.odd, anubis-html-page #divTablecloth table td.even { text-align:right; color: #656565; }
anubis-html-page #divTablecloth table td.ejeMatriz { text-align:right; font-weight:500; line-height: 1; }
anubis-html-page #divTablecloth a { color: rgba(0,0,0,0.54) !important; text-decoration: underline; }
anubis-html-page #divTablecloth tr:hover { background-color: rgba(0,0,0,0.075); -webkit-transition: .5s; transition: .5s; }
anubis-html-page #divTablecloth table thead:after { line-height: .1em; content: "_"; color: transparent; display: block; }

anubis-html-page pre {
    white-space: normal;
}

/*anubis-icon-selector*/
anubis-icon-selector #resultsDialog iron-icon {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

/*anubis-readonly*/
anubis-readonly .form-control {
    white-space: pre-wrap; 
    word-break: break-word;
}

/*anubis-input para sobrescribir dropdown-content de mdb*/
    #numberInputLayer {
    pointer-events: none;
    background: white;
    padding-right: 5px;
}
anubis-input[inline] #numberInputLayer {
    position: absolute;
    top: 16px;
    left: 0;
}
anubis-input:not([inline]) #numberInputLayer {
    position: absolute;
    top: 16px;
    left: 0px;
}
anubis-input .form-control.validate {
    margin-bottom: 0;
}
anubis-input anubis-readonly .form-control {
    word-break: break-word;
    white-space: pre-wrap;
}
anubis-readonly .extraHeight {
    min-height: 46px;
}
anubis-input input:focus + #numberInputLayer {
    display: none;
}
anubis-input input[subtype='LOWER'] {
    text-transform: lowercase;
}
anubis-input input[subtype='UPPER'] {
    text-transform: uppercase;
}
@media (min-width: 1024px) {
    anubis-input .compact {
        flex-grow: 0 !important;
    }
    anubis-input .compact anubis-readonly label {
        min-width: 200px;
    }
}
paper-swatch-picker .dropdown-content {
    position: relative !important;
    opacity: 1 !important;
    display: flex !important;
    margin: 0;
}
paper-swatch-picker paper-menu-button {
    padding: 0!important;
}

/*pagina de mantenimiento*/
ugr-maintenance-page .ugr-powered {
    z-index: 10000;
    width: 170px;
    background: white;
    opacity: .9;
}
.app-mantenimiento {
    background-size: cover;
    background-position: center center;
}
.app-mantenimiento .card {
    background: white;
    opacity: .9;
    padding-top: 3em;
    width: 500px;
    max-width: 80%;
    text-align: center;
    height: 350px;
    font-size: 17px;
    box-shadow: 0px 0px 45px black;
    border-radius: 10px;
}
.app-mantenimiento .card #img { max-width: 80%; width: 200px; }

/* Anubis year calendar */
anubis-year-calendars anubis-calendar-box {
  margin: 8px 4px;
  box-sizing: border-box;
  font-family: 'Roboto', 'Noto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important;
}
/*anubis search*/
anubis-search #resultsDialog .modal-content { max-height: 70vh; min-height:70vh; }
anubis-search #resultsDialog .modal-body { overflow: auto; }
anubis-search #resultsDialog anubis-table button#end { top: -20px !important; }
/* Pendientes */
    
#downloadIframe { display: none; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Manejo de TreeView Collections */
anubis-html .treeview-animated {
  font-family: "Roboto",sans-serif; font-weight: 300;
  ul { position: relative; padding-left: 0.5em; list-style: none; }
  .treeview-animated-list {
    li { padding: 0 0 0 .5em; }
    .treeview-animated-items {
      .nested {
        &::before { position: absolute; left: 5px; display: block; width: 0px; height: 100%; content: ""; background-color: #eaeaea; }
        li { padding: 0 0 0 .8em; }
      }
      .closed {
        display: block; padding: .2em .2em .2em .4em; margin-right: 0; border-top-left-radius: .3em; border-bottom-left-radius: .3em;
        &:hover { background-color: #f0f0f0; color: inherit; }
        .fa-angle-right { font-size: .8rem; transition: all .1s linear; color: inherit;
          &.down { position: relative; transform: rotate(90deg); color: inherit; }
        }
      }
      .open { 
        background-color: #f0f0f0; transition: all .1s linear; color: inherit;
        &:hover { background-color: #f0f0f0; color: inherit; }
        span, i { color: inherit; }
      }
    }
    .treeview-animated-element {
      padding: .2em .2em .2em .6em; cursor: pointer; border-top-left-radius: 4px; border-bottom-left-radius: 4px; transition: all .1s linear; color: inherit;
      &:hover { background-color: #f0f0f0;  }
      &.opened { 
        background-color: #f0f0f0; color: inherit;
        &:hover { background-color: #f0f0f0; }
      }
    }
  }
}