body {
    height: 100%;
    min-height: 100%;
}

.full-page {
    height: 100%;
    min-height: 100%;
    width: 100vw; /*necesario para omitir scrollbar*/
}

.loading-alpha {
    background-color: rgba(255,255,255,0.5);
    z-index: 2000;
    position: fixed;
}

.loading-progress {
    background-color: rgba(255,255,255,0.6);
    z-index: 1000;
    position: absolute;
    width: calc(100% + 20px);
    height: 100%;
    margin-left: -10px;
}

.loading-progress.list {
    background-color: rgba(255,255,255,0.6);
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 45px;
    margin: 0px;
    padding-top: 10px;
}

.loading-progress.element {
    background-color: rgba(255,255,255,0.6);
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fade-loading {
    animation: fade-loading 0.75s linear infinite alternate;
}

@keyframes fade-loading {
    0% {
        background-color: rgba(128,128,128,0.10);
    }

    100% {
        background-color: rgba(255,255,255,0.75);
    }
}

.loading-progress .spinner-grow {
    width: 1rem;
    height: 1rem;
    margin-top: 5px;
}

.loading-progress.element .spinner-grow {
    width: 0.6rem;
    height: 0.6rem;
    margin-top: 6px;
    margin-left: 5px;
}

.loading-progress .spinner-grow:nth-child(1) {
    animation-delay: 0s;
    animation-duration: 0.8s;
}

.loading-progress .spinner-grow:nth-child(2) {
    animation-delay: 0.1s;
    animation-duration: 0.8s;
}

.loading-progress .spinner-grow:nth-child(3) {
    animation-delay: 0.2s;
    animation-duration: 0.8s;
}

.loading-progress .btn:disabled { /* para los btn disabled dentro de los NM*/
    opacity: 1;
    padding: 3px 15px;
}

/* wrapper height solamente en el login, se usa junto con full-page y body para generar el background
   que puede ser resizeado y no pierde la forma */
.be-wrapper.be-login {
    height: 100%;
}

.be-content {
    display: flex;
    flex-direction: column;
}

.main-content {
    flex: 1;
}

/* override al responsive display:none */
.page-head {
    display: block !important;
}

.header-adapt {
    margin-bottom: -18px;
}

/* espacio mínimo para titulos */
.header-adapt .page-head-title {
    min-width: 200px;
}

/* logos 2:1 y 3:1*/
.logo-img {
    max-width: 300px;
    max-height: 100px;
}

.be-offcanvas-menu .be-top-header .be-navbar-header {
    width: 100%;
}

.be-top-header .be-navbar-header .navbar-brand {
    margin-left: 15px;
    width: 200px;
}

.hover-color-black:hover {
    color: black;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: -webkit-zoom-out !important;
    cursor: zoom-out !important;
}

/* boton magico en el titulo */
.icon-container .btn-title {
    background-color: white;
    /* margin-right: 0px; */
}

.btn-big .btn-dash {
    margin-top: 7px;
    font-size: 2.5rem;
}

.btn-big.btn-custom2 {
    padding: 2px;
    text-align: center;
    line-height: normal;
    min-width: 46px;
    min-height: 40px;
}

.btn-round {
    border-radius: 3px !important;
}

.custom-select.is-unsaved, .form-control.is-unsaved{
    border-color: #fbbc05;
}

/*table simple*/
.table-simple {
    border: 0;
    margin-bottom: 0;
}
.table-simple thead > tr > th {
    padding: 2px 10px 4px 5px;
}
.table-simple tbody > tr > td {
    padding: 2px 10px 2px 2px;
    height: 41px;
}
.table-simple tbody > tr > td:first-child,
.table-simple thead > tr > th:first-child {
    text-align: center;
    padding-left: 5px;
    padding-right: 8px;
}
.table-simple select {
    max-width: 110px;
}
/**********/

th.min-w-150px {
    min-width: 150px;
}

.fs-10 {
    font-size: 1rem;
}

.fs-11 {
    font-size: 1.1rem;
}

.fs-12 {
    font-size: 1.2rem;
}

.fs-13 {
    font-size: 1.3rem;
}

.fs-14 {
    font-size: 1.4rem;
}

.fs-15 {
    font-size: 1.5rem;
}

.fs-16 {
    font-size: 1.6rem;
}

.fs-17 {
    font-size: 1.7rem;
}

.fs-18 {
    font-size: 1.8rem;
}

.fs-19 {
    font-size: 1.9rem;
}

.fs-20 {
    font-size: 2rem;
}

.fs-21 {
    font-size: 2.1rem;
}

.fs-22 {
    font-size: 2.2rem;
}

.fs-23 {
    font-size: 2.3rem;
}

.fs-24 {
    font-size: 2.4rem;
}

.fs-25 {
    font-size: 2.5rem;
}

.shadow-xs {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

/*materialdesign fos icons tamaños faltantes*/
.fdi-28px.fdi-set, .fdi-28px.fdi:before {
    font-size: 28px;
}

.fdi-32px.fdi-set, .fdi-32px.fdi:before {
    font-size: 32px;
}

/*------------------------------------------------------------------
  [Login]
*/

.be-login .splash-description:empty {
    display: none;
}

/*------------------------------------------------------------------
  [Command]
*/

.comm-btn-group .btn {
    min-width: 50px;
}

.btn.btn-secondary.btn-static {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
    color: #404040;
    background-color: #fff !important;
    border-color: #dbdbdb !important;
}

/*fix overflow que se pierde al abrir modal dentro de documModal*/
#documModal.modal {
    overflow: auto !important;
}

/*override al background blanco de "disabled" en app.min, lo uso cuando necesito deshabilitar date y time inputs*/
.form-control.date:disabled, .form-control.time:disabled {
    background-color: #eee !important;
}

/*file upload "Browse" y pointer*/
.custom-file-label::after {
    content: "Buscar";
}
.custom-file-label {
    overflow: hidden;
}

.custom-file-input:hover {
    cursor: pointer;
}

/*.btn-mimic:hover {
    border-color: #dbdbdb;
    cursor: default !important;
    outline: none !important;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
}*/

/*Notify BasePage ShowType*/
#gritter-notice-wrapper {
    width: calc(100% - 40px);
    max-width: 400px;
}

/*------------------------------------------------------------------
  [Sweetalert2]
*/

    #swal2-content { /* tamaño texto */
    font-size: 1.2rem !important;
}

/*------------------------------------------------------------------
  [Parsley override]
*/

.parsley-errors-list {
    margin-bottom: 0px;
    z-index: 1;
}

.parsley-errors-list.filled {
    margin-top: 6px;
    margin-bottom: -5px;
    padding: 8px 12px;
}

.nm-tablegrid .parsley-errors-list.filled {
    margin-top: 6px;
    margin-bottom: -5px;
    padding: 5px 8px;
    min-width: 155px;
    white-space: normal;
}

/*------------------------------------------------------------------
  [Tooltip]
*/

/*override al 1070 de z-index que trae x defecto.*/
.tooltip {
    z-index: 1050 !important;
}

/*------------------------------------------------------------------
  [bootstrap-datetimepicker.js]
*/

/*override al app.min*/
.datetimepicker table tbody tr td.day {
    color: #505050;
    position: relative;
}
.datetimepicker table tbody tr td .hour, .datetimepicker table tbody tr td .minute, .datetimepicker table tbody tr td .month, .datetimepicker table tbody tr td .year {
    color: #505050;
}

/*override del fondo en readonly para los date y time. (para mobile)*/
.form-control.date.mobile[readonly], .form-control.time.mobile[readonly] {
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
}
.form-control.date.mobile[readonly]::selection, .form-control.time.mobile[readonly]::selection {
    background: transparent;
}

/*override al color de las fechas deshabilitadas*/
.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    color: #d66060 !important;
    cursor: default;
}

/*override al color de today, le saco todo porque quiero el triangulito.*/
.datetimepicker table tr td.today, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today:hover {
    background-image: unset;
    background-color: unset !important;
}

.datetimepicker table tbody tr td.day.active {
    background: #4285f4 !important;
}
.datetimepicker table tbody tr td.day.active:hover {
    background: #1266f1 !important;
}
.datetimepicker table tr td.today:not(.disabled):not(.active):hover {
    background-color: #eee !important;
}

.datetimepicker table tr td.today::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid #4285f4;
    border-bottom: 4px solid #4285f4;
}

/*------------------------------------------------------------------
  [Tabs y content]
*/

.nav-container.overflow-scroll {
    overflow-y: hidden;
    overflow-x: scroll;
}

.nav-container.scroll-hidden {
    scrollbar-width: none;
}
.nav-container.scroll-hidden::-webkit-scrollbar {
    height: 0;
    background: transparent;
}

.nav-container.nowrap > .nav {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.nav-container > .nav-tabs-classic {
    background-color: #f2f2f2;
}

/*offset offset offset inset*/
.nav-container > .nav-tabs-classic > li.nav-item a.nav-link.active {
    box-shadow: 0px -1px #ccc, -1px 0px #ccc, 1px 0px #ccc, inset 0px 1px #ccc;
}

.nav-item > .visible {
    display: inherit;
}

.nav-item > .hidden {
    display: none;
}

.nav-tabs > li.nav-item a.nav-link:not(.active):hover {
    color: #3866b3 !important;
    background-color: #fafafa;
    border-radius: 3px 3px 0 0;
    box-shadow: inset 0px -1px #f3f3f3, inset -1px 0px #d8d8d8, inset 1px 0px #d8d8d8, inset 0px 1px #d8d8d8;
}

.tab-container > .tab-content {
    padding: 12px;
    margin-bottom: 25px;
}

.tab-container > .tab-content > .tab-pane .card {
    margin-bottom: 5px;
}

.tab-container .nm-updatepanel {
    margin-left: -10px;
    margin-right: -10px;
}

.tab-container .nm-updatepanel > .row {
    margin-right: 0px;
    margin-left: 0px;
}

.tab-container .nm-updatepanel > .row > .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.tab-container .updatepanel {
    margin-left: -10px;
    margin-right: -10px;
}

.tab-container .updatepanel > .row {
    margin-right: 0px;
    margin-left: 0px;
}

.tab-container .updatepanel > .row > .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.tab-height {
    height: calc(100vh - 290px);
    min-height: 360px;
}

.histogram-view {
    height: calc(100vh - 475px);
    min-height: 330px;
}

.gis-map {
    height: calc(100vh - 216px);
    min-height: 330px;
}

.gis-map.gis-view {
    height: calc(100vh - 355px);
    min-height: 330px;
}

.gis-map.ruta-view {
    height: calc(100vh - 290px);
    min-height: 360px;
}

/*filter date y archivados control*/
.gis-map.stage-dash #divFilter {
    left: 135px !important;
    z-index: 2;
}
.gis-map.stage-dash #filter-control {
    width: 175px;
    background: none padding-box padding-box rgb(255, 255, 255);
    padding: 8px 14px 0px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    margin: 0px 10px;
    top: 70px !important;
}
.gis-map.stage-dash #filter-control.top {
    top: 218px !important; /* le hago override al top */
}
.gis-map.stage-dash #filter-control .form-group {
    margin-bottom: 12px !important;
}

/*fuerzo las posiciones de los iconos para que no se re-adapten cuando se interactua con el mapa*/
/*segundo icono*/
.gis-map.gis-dash #divSitio, .gis-map.stage-dash #divStair {
    top: 105px !important;
}

/*tercer icono*/
.gis-map.gis-dash #divActivoT, .gis-map.stage-dash #divSearch {
    top: 150px !important;
}

/*cuarto icono*/
.gis-map.gis-dash #divSearch {
    top: 195px !important;
}

.gis-map #btnShowRuta,
.gis-map #btnShowSitio,
.gis-map #btnShowActivoT,
.gis-map #btnShowStair,
.gis-map #btnShowSearch {
    width: 35px;
}

.gis-map-tree {
    overflow-x: hidden;
    min-width: 205px;
    height: 350px;
    margin-top: 5px;
    padding-right: 45px;
}

.gis-map-tree > table td:nth-child(2) a { /* llevar primer texto un poco mas para la izq */
    /*padding-right: 90px;*/
}

.gis-map-tree a {
    font-size: 1.2em;
}

.gis-map-tree a[href] {
    margin-left:4px;
}

/* esto es para cuando estoy editando un sitio, identificarlo dentro del sitioTree*/
.gis-map-tree span {
    font-size: 1.2em;
    color: #dadada;
    margin-left: 4px;
}

.gis-map .gmnoprint.gm-style-mtc { /*muevo map controls hacia la derecha*/
    left: 32px !important;
    z-index: 1 !important;
}

.gis-map .gmnoprint.gm-style-mtc > button {
    height: 40px !important;
}

.gis-map #divOptions { /*llevo div de opciones hacia la izquierda*/
    left: 0px !important;
}

.gis-map .gm-svpc { /*achico pegman*/
    transform: scale(0.8);
    /*top: 22px !important;*/
}

.gis-map #map-loading {
    margin-bottom: 18px;
    margin-left: -26px;
    left: 50% !important; /*override al left que le pone el controlposition.CENTER, porque lo mueve cuando aparecen otras cosas en pantalla.*/
}

.tree-encontrado {
    border-width: 2px !important;
    border-color: yellow;
    border-style: dashed;
}

.hmi-dash {
    height: calc(100vh - 290px);
    min-height: 330px;
}

/*------------------------------------------------------------------
  [file/image upload]
*/

.loading-overlay.loading-file {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    transition: opacity 1s ease, visibility 1s ease;
}

.loading-overlay.loading-file.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/*------------------------------------------------------------------
  [survey]
*/
.textarea-min textarea {
    font-size: 1.1rem;
    padding: 5px 6px;
}
.map-height-390 {
    height: calc(100vh - 390px);
}

.infowindow-noarrow .gm-style-iw {
    padding: 12px;
    margin-top: -10px;
}

.infowindow-noarrow .gm-style .gm-style-iw-tc::after {
    background: none;
    box-shadow: none;
}

.infowindow-simple .gm-style .gm-style-iw-c {
    -webkit-box-shadow: 0 0 2px 0px #000;
    -moz-box-shadow: 0 0 2px 0px #000;
    box-shadow: 0 0 2px 0px #000;
}

.infowindow-simple .gm-style .gm-style-iw-tc {
    -webkit-filter: drop-shadow(0 1px 0px #888);
    filter: drop-shadow(0 1px 0px #888);
}

@keyframes pulse-50-04 {
    50% {
        opacity: 0.4;
    }
}

.gps-pulse {
    animation: pulse-50-04 2s infinite;
}

/*------------------------------------------------------------------
  [brokk dash]
*/
.tab-listado > .tab-container > .tab-content {
    padding: 0px;
    margin-bottom: 25px;
}

.tab-listado > .tab-container > .tab-content > .tab-pane .card {
    margin-bottom: 0px;
}

/* altura minima y espacios de las solapas en brokkDash, funciona junto con el d-sm-block para ocultar textos en mobile - (esto fue una prueba de span con .d-none y .d-sm-block debajo de los .nav-item*/
/*.tab-listado .nav-item > .visible {
    display: flex;
    align-items: center;
    min-height: 42px;
}*/
/*.tab-listado .nav-item > .visible > .d-sm-block {
    margin-right: 3px;
}*/

.li-brokk-dash .btn-brokk-link {
    background-color: white;
    margin-top: -10px;
    margin-right: 12px;
}

.icon-container .btn-bg-white {
    background-color: white;
}

.icon-container .btn-medium {
    height: 44px;
    width: 44px;
    padding: 9px;
}

.icon-container .btn-small {
    height: 42px;
    width: 40px;
    padding: 8px;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
}

a[aria-expanded=true] .mdi-chevron-down {
    display: none;
}

a[aria-expanded=false] .mdi-chevron-up {
    display: none;
}

/*------------------------------------------------------------------
  [brokk Fulldash]
*/

.brokk-dash-usuario {
    min-width: 240px;
}

.brokk-dash-usuario .select2-selection {
    height: 42px;
}

.brokk-dash-usuario .select2-selection__rendered {
    margin-top: -2px;
}

.brokk-dash-desdehasta .dates-container > div {
    max-width: 154px;
}

@media (max-width: 767px) { /* 767 o menos */
    .brokk-dash-usuario {
        min-width: 100%;
    }
    .brokk-dash-desdehasta .label-container span {
        padding: 6px;
        display: inline-block;
    }
    .brokk-dash-desdehasta .label-container span:empty {
        display: none;
    }
    .brokk-dash-desdehasta .label-container {
        padding: 2px;
    }
    .brokk-dash-desdehasta .dates-container {
        width: 100%;
    }
    .brokk-dash-desdehasta .dates-container > div {
        width: 50%;
        max-width: 50%;
    }
}

/*------------------------------------------------------------------
  [Popovers]
*/

.popover {
    min-width: 100px;
    max-width: 600px;
    max-height: 500px;
    white-space: pre-wrap;
    display: flex;
    flex-direction: column;
}

.popover-body {
    overflow-y: auto;
    max-height: 100%;
}

.popover img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    overflow: hidden;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------
  [tablas tablegrid]
*/

/*override padding table-responsive de beagle*/
.table-responsive tbody > tr > td {
    padding-top: 7px;
    padding-bottom: 7px;
}

table.sort {
    width: 35px;
    min-width: 35px;
}

table.inserter {
    background-color: lightgray;
}

table.inserter .form-group {
    margin-bottom: 0px;
}

table.tablegrid .input-group {
    min-width: 200px;
}

table.tablegrid tr th {
    white-space: nowrap;
}

table.tablegrid tr th:first-child:not([abbr]), table.tablegrid tr td[align]:first-child {
    width: 60px;
    min-width: 60px;
}

table.tablegrid tr th.text-center:last-child, table.tablegrid tr td.text-center:last-child {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    padding: 10px;
}

table.tablegrid tbody > tr > td:not(:first-child):not(.sort):not(:last-child) {
    min-width: 90px;
}

/*determinacion*/
table.tablegrid.determinacion .root1 > td {
    background-color: #bbcfe0;
    border-top: 6px solid #90a3b4;
    font-size: 15px;
}
table.tablegrid.determinacion .root1 > td:nth-child(1) {
    border-left: 5px solid #90a3b4;
}

table.tablegrid.determinacion .root2 > td {
    background-color: antiquewhite;
    border-top: 3px solid #dcc9b1;
    font-size: 14px;
}
table.tablegrid.determinacion .root2 > td:nth-child(1) {
    background-color: #bbcfe0;
    border-right: 5px solid #dcc9b1;
    border-left: 5px solid #90a3b4;
    border-top: 0px;
}
table.tablegrid.determinacion .root2 > td:nth-child(2) > span {
    padding-left: 10px;
}
table.tablegrid.determinacion .root2 > td:nth-child(2) .btn.mdi-close {
    padding: 0 8px;
    line-height: 23px;
    margin-left: 2px;
}

table.tablegrid.determinacion .child2 > td {
    background-color: #f8fcff;
}
table.tablegrid.determinacion .child2 > td:nth-child(1) {
    background-color: #bbcfe0;
    border-left: 5px solid #90a3b4;
    border-top: 0px;
}
table.tablegrid.determinacion .child2 > td:nth-child(2) {
    padding-left: 20px;
}

table.tablegrid.determinacion .child3 > td {
    background-color: #fff9f2;
}
table.tablegrid.determinacion .child3 > td:nth-child(1) {
    background-color: #bbcfe0;
    border-right: 5px solid #dcc9b1;
    border-left: 5px solid #90a3b4;
    border-top: 0px;
}

table.tablegrid.determinacion .child3 > td:nth-child(2) {
    padding-left: 20px;
}
table.tablegrid.determinacion.table-hover tbody :not([class^="root"]):hover > td:nth-child(n+2) {
    background-color: #ededed;
}

/*fix para achicar textareas para que parezcan inputs*/
table.tablegrid.determinacion textarea {
    min-width: 230px;
    height: 3.462rem;
}

/*------------------------------------------------------------------
  [ObjectpropertyNM]
*/

/* sortable fix */
.cursor-move > tr {
    cursor: move;
}

/* zoom popup en miniaturas */
.zoom-popup:hover > .limit {
    cursor: pointer;
    width: 150px;
}

.zoom-popup > .limit {
    width: 30px;
    transition: all .5s ease-in-out;
}

.nm-sort {
    width: 35px;
    min-width: 35px;
}

.nm-inserter {
    background-color: lightgray;
}

/*quito margen inferior de los form-groups dentro del inserter*/
.nm-inserter .form-group {
    margin-bottom: 0px;
}

.nm-group {
    /*vertical-align: top !important;*/
    width: 50px;
    font-weight: bold !important;
    font-size: 1.2rem;
    writing-mode: vertical-lr;
    text-orientation: upright;
    letter-spacing: -0.2rem;
    padding: 10px 5px 10px 5px !important;
    /*writing-mode: sideways-lr; no funciona en chrome*/
    /*min-width: 120px !important;*/
}

.nm-tablegrid tr th {
    white-space: nowrap;
}

/*fix cascadeo colorpicker en espacios pequeños */
.nm-tablegrid .colorpicker-element {
    flex-wrap: nowrap;
}

/* fix cascadeo datetime en espacios pequeños */
.nm-tablegrid .datetime {
    flex-wrap: nowrap;
}

/* darle espacio a la flechita del select2 */
.nm-tablegrid .select2-selection {
    /*padding-right: 30px;*/
}

/*normalizar tamaño primer td*/
.nm-tablegrid tr th:first-child:not([abbr]), .nm-tablegrid tr td[align]:first-child:not(.nm-group) {
    width: 60px;
    min-width: 60px;
}
/*normalizar tamaño ultimo td*/
.nm-tablegrid tr th.text-center:last-child, .nm-tablegrid tr td.text-center:last-child {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    padding: 10px;
}

/* acomodador general de td widths */
.nm-tablegrid tbody > tr > td:not(:first-child):not(.nm-group + td):not(.nm-sort):not(:last-child) {
    /*background-color: darkseagreen;*/
    min-width: 90px;
}

/* override columna 1*/
.nm-tablegrid.c1-w20 tr th:first-child {
    width: 20%;
    min-width: 250px !important;
}

/* override td w-80px centered*/
.nm-tablegrid td.w-80px-c {
    text-align: center;
    width: 80px !important;
    min-width: 80px !important;
}

/* minimo para select2 dentro de tablas NM, old. no lo usé mas. */
.nm-tablegrid .select2-container {
    /*min-width: 280px;*/
}

/* minimo para select2 con input-appends dentro de tablas NM */
.nm-tablegrid .input-group {
    min-width: 200px;
}

/* minimo para textareas dentro de tablas NM */
.nm-tablegrid textarea {
    min-width: 230px;
    height: 3.692rem !important;
    font-size: 1.1rem;
    padding: 5px 6px;
}

.NMSel-replay .nm-tablegrid tbody tr td.text-center:last-child a::before {
    content: '\f3b2';
}

/*------------------------------------------------------------------
  [ObjectpropertyNM --> Tabs] - Regla General.
*/

/*td:nth-child(2) dentro de un tab-pane nm-tablegrid que no tenga una clase que comience con "custom" y no sea nm-sort*/
/*despues del agregado de los grupos incorporé el parche de papa de chequear align para omitir los td de acciones negativas*/
.tab-pane:not([class*="custom"]) .nm-tablegrid tr td:nth-child(2):not(.nm-sort):not([align]) {
    /*background-color: orange;*/
    min-width: 280px !important;
}

/*como los NM con group alteran el primer row de la tabla agregando un td con rowspan aaaaalto, pierdo el padding-left del first-child original de app.min.css, asique aca se lo reincorporo*/
.nm-group + td {
    padding-left: 20px;
}

/*td:nth-child(2) dentro de un tab-pane nm-tablegrid que no tenga una clase que comience con "custom" y el td sea el antepenultimo (es para tablas de 4 columnas)*/
.tab-pane:not([class*="custom"]) .nm-tablegrid tr td:nth-child(2):nth-last-child(3) {
    /*background-color: red;*/
    width: 40%;
    min-width: 120px !important;
}

/* tab-pane : columna-width */
.tab-pane.c1-w10 .nm-tablegrid tr td:nth-child(2),
.tab-pane.c2-w10 .nm-tablegrid tr td:nth-child(3),
.tab-pane.c3-w10 .nm-tablegrid tr td:nth-child(4),
.tab-pane.c4-w10 .nm-tablegrid tr td:nth-child(5) {
    width: 10%;
    min-width: 120px !important;
}

.tab-pane.c1-w12 .nm-tablegrid tr td:nth-child(2),
.tab-pane.c2-w12 .nm-tablegrid tr td:nth-child(3),
.tab-pane.c3-w12 .nm-tablegrid tr td:nth-child(4),
.tab-pane.c4-w12 .nm-tablegrid tr td:nth-child(5) {
    width: 12%;
    min-width: 130px !important;
}

.tab-pane.c1-w25 .nm-tablegrid tr td:nth-child(2),
.tab-pane.c2-w25 .nm-tablegrid tr td:nth-child(3),
.tab-pane.c3-w25 .nm-tablegrid tr td:nth-child(4),
.tab-pane.c4-w25 .nm-tablegrid tr td:nth-child(5) {
    width: 25%;
    min-width: 250px !important;
}

.tab-pane.c1-w35 .nm-tablegrid tr td:nth-child(2),
.tab-pane.c2-w35 .nm-tablegrid tr td:nth-child(3),
.tab-pane.c3-w35 .nm-tablegrid tr td:nth-child(4),
.tab-pane.c4-w35 .nm-tablegrid tr td:nth-child(5) {
    /*background-color: lightsteelblue !important;*/
    width: 35%;
    min-width: 280px !important;
}

.tab-pane.c1-w40 .nm-tablegrid tr td:nth-child(2),
.tab-pane.c2-w40 .nm-tablegrid tr td:nth-child(3),
.tab-pane.c3-w40 .nm-tablegrid tr td:nth-child(4),
.tab-pane.c4-w40 .nm-tablegrid tr td:nth-child(5) {
    /*background-color: lightskyblue !important;*/
    width: 40%;
    min-width: 300px !important;
}

/*------------------------------------------------------------------
  [Tablero de activos - activoDash]
*/

.table-minimal th, .table-minimal td {
    padding: 15px 5px 10px 5px; /* top right bottom left */
    white-space: nowrap;
}

/* el :not(.child) es para que no afecte las rows del responsive dtr-details*/
.table-minimal tbody > tr > td:not(.child) {
    padding: 2px 10px 2px 2px;
    height: 41px;
}

/* el :not(.child) es para que no afecte las rows del responsive dtr-details*/
.table-minimal tr th:first-child, .table-minimal tr td:first-child:not(.child) {
    text-align: center;
    padding-right: 10px;
    padding-left: 8px;
}

/* quitar margen inferior a los checkbox dentro de activoDash */
#activoDash_btns > div {
    margin-bottom: 0px;
    min-width: 40px; /* tamaño minimo de los cubos */
}

#activoDash_wrapper .be-datatable-header {
    padding-bottom: 16px;
}

/* modifico el spinner que agrego con prepend */
.dataTables_empty .spinner-border {
    margin-bottom: 1px;
    margin-right: 5px;
}

#ref_iconos {
    font-size: 1.7rem;
}

    #ref_iconos:hover {
        color: black;
        cursor: pointer;
    }

/* alarm blink */
@-webkit-keyframes blink {
    from {
        background-color: #ff1c1c;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes blink {
    from {
        background-color: #ff1c1c;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes blink {
    from {
        background-color: #ff1c1c;
    }

    to {
        background-color: inherit;
    }
}

@keyframes blink {
    from {
        background-color: #ff1c1c;
    }

    to {
        background-color: inherit;
    }
}

.alarm_blink {
    -webkit-animation: blink 1.5s infinite; /* Safari 4+ */
    -moz-animation: blink 1.5s infinite; /* Fx 5+ */
    -o-animation: blink 1.5s infinite; /* Opera 12+ */
    animation: blink 1.5s infinite; /* IE 10+ */
}

/* texto ultima posición válida*/
#dialog_map #last_pos {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -75%);
    z-index: 1000;
    color: black;
    background-color: white;
    font-size: 1.3rem;
    padding: 2px;
}

/*------------------------------------------------------------------
  [Listbox]
*/

.listbox option {
    padding: 8px 4px;
    cursor: pointer;
}

/*------------------------------------------------------------------
  [Firma]
*/

/* 0 to 699 */
#signModal .modal-content {
    max-width: 400px;
}
#signModal .sketch { /*relacion 1.6*/
    position: relative;
    width: 320px;
    height: 200px;
}

/*------------------------------------------------------------------
  [Documentos]
*/

/* div-table dentro de documentos */
.div-table {
    display: table;
    width: 100%;
    border-spacing: 0px;
}

.div-table-body {
    display: table-row-group;
}

.div-row {
    display: table-row;
}

.cell {
    border-bottom: 1px solid #999;
    display: table-cell;
    padding: 2px;
}

/*------------------------------------------------------------------
  [BootstrapSlider]
*/

.bslider-simple .slider.slider-horizontal .slider-track {
    background-color: #f7f7f766;
    height: 2px;
    margin-top: -1px;
}

.bslider-simple .slider.slider-horizontal .slider-track .slider-selection {
    display: none;
}

.slider-handle.custom {
    display: none;
}

.slider-handle.round {
    cursor: pointer;
    border: 1px solid #cdcdcd;
}

.slider.slider-disabled .slider-track {
    cursor: default;
}

.heatmap .slider.slider-disabled .slider-track > .slider-selection {
    background-color: transparent !important;
    border: none;
}
.heatmap .slider.slider-disabled .slider-handle {
    background-image: none;
    background-color: #f7f7f7;
    cursor: default;
}

.slider.slider-horizontal {
    width: 100%;
}

/*------------------------------------------------------------------
  [gis Controls]
*/

.map-control {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
    font-family: 'Roboto','sans-serif';
    margin: 0px 10px 10px;
    padding-right: 5px;
    border-radius: 2px;
    /* Hide the control initially, to prevent it from appearing before the map loads. */
    position: absolute;
    /*z-index: 10;*/
    display: none;
}

.map-logo {
    position: absolute;
    display: none;
}

.map-logo img {
    height: 70px;
    margin-left: 5px;
}

.map-logo:hover {
    cursor: pointer;
}

/* Display el control una vez dentro del mapa. - no es mala, pero le meti fadeIns con delay. */
#panel .map-control {
    /* display: block; */
}

#panel.full-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 0px 1px 1px black;
}

.map-control .heatmap {
    margin: 5px 15px 5px 5px;
    width: 170px;
}
.map-control .heatmap > label {
    width: 30%;
}
.map-control .heatmap > .slider.slider-horizontal {
    width: 68%;
}

.selector-control {
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.selector-label {
    margin-top: 4px;
}

/*------------------------------------------------------------------
  [objectList - datatables]
*/

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

.table-white tbody tr {
    background-color: #fff;
}

.table-hover tbody tr:hover {
    background-color: #ededed;
}

.thead-hide > thead {
    display: none;
}

/*se pone cocoliche con los hovers en el listado con colores*/
/*.table-hover tbody tr:hover > td:not(.nm-group) {
    background-color: #ededed;
}*/

/* se hace visible luego del drawCallback */
.dtt {
    display: none;
}

/* dtt con padding reducido */
.dtt-medium tbody > tr > td {
    padding: 8px 6px;
}

.dataTables_wrapper > .be-datatable-header {
    padding: 12px 10px 15px;
}

.be-datatable-header, .be-datatable-body, .be-datatable-footer {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.be-datatable-body {
    overflow: auto;
}

.dataTables_info {
    /* text-align: left !important; */
    padding-bottom: 5px;
}

/*saco el margin inferior a los dt-buttons que estén dentro de la tabla*/
.be-datatable-body .dt-buttons {
    margin: 0px;
}

.buttons-colvis {
    font-size: 1.6rem;
    padding: 0px 7px 0px 7px;
    border: 0;
    box-shadow: none !important;
    margin-top: -8px;
    margin-bottom: -4px;
    color: #4f4f4f;
}

.dt-buttons-container {
    padding-top: 5px;
    justify-content: center;
}

/*el flex-wrap nowrap es un fix para la versión 1.13.6 de datatables*/
.dt-buttons-container .dt-buttons {
    width: 120px !important;
    margin-right: 10px;
    flex-wrap: nowrap !important;
}

#tblList_processing.dataTables_processing {
    position: absolute;
    top: 26px;
    left: 0px;
    background: transparent;
    margin-top: -26px;
    margin-left: 0px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    height: 100%;
    text-align: left;
}

.dt-spinner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    opacity: 0.3;
}

.dt-processing-text {
    left: 50%;
    width: 200px;
    margin-left: -100px;
    text-align: center;
    padding: 0.9em 0;
    margin-top: 45px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 2;
}

/*override switch-yesno*/
.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label::before {
    content: "SI";
}
.switch-button input[type="checkbox"]:checked + span label::before {
    font-size: 1rem;
    padding-left: 15px;
}

/*esto deberia ser select-col o select-cel no row...*/
.select-row {
    width: 36px !important;
}

.span-attach {
    font-size: 1.2rem;
    padding-top: 2px;
}

.td-attach {
    width: 50px;
    white-space: nowrap;
}

/* danger */
.table tbody tr.danger td:first-child {
    border-left: 0 !important;
    box-shadow: inset 4px 0 0 0 #ea4335;
}

/* warning */
.table tbody tr.warning td:first-child {
    border-left: 0 !important;
    box-shadow: inset 4px 0 0 0 #fbbc05;
}

/* first td override (evitando .table-minimal)*/
table.dataTable:not(.table-minimal) > tbody > tr > td:first-child {
    padding-left: 20px !important;
}

/* collapsed x responsive --------- se necesita <span></span> vacío dentro de los rows para que funcione. ver en ObjectList.ascx */
table.dataTable.collapsed > tbody > tr > td:first-child {
    padding-left: 28px !important;
    cursor: inherit !important;
}

/* cursor pointer a img y span*/
table.dataTable > tbody > tr > td:first-child > img,
table.dataTable.collapsed > tbody > tr > td:first-child > span:before {
    cursor: pointer !important;
}

/* cursor pointer a todo el row restante*/
table.dataTable.collapsed > tbody > tr > td:not(:first-child) {
    cursor: pointer;
}

table.dataTable.collapsed > tbody > tr > td:first-child,
table.dataTable.collapsed > tbody > tr > th:first-child {
    position: relative;
}

    table.dataTable.collapsed > tbody > tr > td:first-child > span:before,
    table.dataTable.collapsed > tbody > tr > th:first-child > span:before {
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        font-family: 'Courier New', Courier, monospace;
        line-height: 15px;
        content: '+';
    }

table.dataTable.collapsed > tbody > tr.parent > td:first-child > span:before,
table.dataTable.collapsed > tbody > tr.parent > th:first-child > span:before {
    content: '-';
}

table.dataTable.collapsed > tbody > tr > td:first-child > span:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4285f4;
    font-weight: 700;
    font-size: 1.538rem;
    line-height: 15px;
    background-color: transparent;
}

table.dataTable.collapsed > tbody > tr > td:first-child > span:before {
    left: 7px !important;
}

/* override del ancho minimo en los detalles responsive*/
table.dataTable .dtr-details span.dtr-title {
    min-width: 100px !important;
}

/* oculto loader adicional que mete el datatables 1.13.6*/
div.dataTables_processing > div:last-child {
    display: none;
}

/* pager */
.paginate_button.page-item .page-link {
    min-width: 48px;
    text-align: center;
}

.paginate_button.page-item:first-child .page-link, .paginate_button.page-item:last-child .page-link {
    min-width: 50px;
}

/*------------------------------------------------------------------
  [Pager .net]
*/
.pager {
    /* display: inline-block; */
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    /*.table-hover tr.pager:hover {
    background-color: transparent;
    }*/

    .pager table > tbody > tr > td { /*fix inherit .table border-top*/
        display: inline;
        padding: 0px;
        border-top: 0px;
    }

        .pager table > tbody > tr > td:first-child,
        .pager table > tbody > tr > td:last-child { /* fix inherit .card-table td last-child */
            padding-left: 0px;
            padding-right: 0px;
        }

        .pager table > tbody > tr > td > a,
        .pager table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pager table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 11px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pager table > tbody > tr > td:first-child > a,
        .pager table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pager table > tbody > tr > td:last-child > a,
        .pager table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pager table > tbody > tr > td > a:hover,
        .pager table > tbody > tr > td > span:hover,
        .pager table > tbody > tr > td > a:focus,
        .pager table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

/*------------------------------------------------------------------
  [Wizard]
*/

/*hide scrollbar mozilla "scrollbar-width:none" */
.fuelux .wizard > .steps-container {
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
}

/*hide scrollbar chrome*/
.fuelux .wizard > .steps-container::-webkit-scrollbar {
    height: 0;
    background: transparent;
}

.fuelux .wizard > .steps-container > .steps {
    display: flex;
    white-space: nowrap;
}

.fuelux .wizard > .steps-container > .steps li.complete {
    background: #FFFFFF;
    color: #4285f4;
}

.fuelux .wizard > .steps-container > .steps li.complete .chevron {
    border-left-color: #1b6cf2;
}

.fuelux .wizard > .steps-container > .steps li.complete .chevron:before {
    border-left: 14px solid #FFFFFF;
}

.fuelux .wizard > .steps-container > .steps li.complete:hover {
    color: #FFFFFF;
    cursor: pointer;
}

.fuelux .wizard > .steps-container > .steps li.active {
    color: #FFFFFF;
    background: #4285f4;
}

.fuelux .wizard > .steps-container > .steps li.active .chevron {
    border-left-color: #1b6cf2;
}

.fuelux .wizard > .steps-container > .steps li.active .chevron:before {
    border-left: 14px solid #4285f4;
}

/*------------------------------------------------------------------
  [einherjar]
*/

.nm-stagepersona-label {
    background-color: darkseagreen;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.nm-stagepersona {
    padding: 0px !important;
}

.nm-stagepersona > .card {
    margin-bottom: 0px;
}

.nm-stagepersona .nm-updatepanel > .row {
    margin-right: 0px;
    margin-left: 0px;
}

.nm-stagepersona .nm-updatepanel > .row > .col-12 {
    padding-right: 0px;
    padding-left: 0px;
}

/* el color lo pongo acá porque encontré un div que aparece cuando no están los td vacíos...*/
.nm-stagepersona .nm-updatepanel .table-responsive > div {
    border-bottom: 5px solid darkseagreen;
}

/* fix embed video en chrome - personaStage */
.modal-body.embed-video > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*------------------------------------------------------------------
  [skidbladnir - control-dash]
*/

.accordion.control-dash > .card > .control-card > .card-body {
    padding-right: 0px;
    padding-left: 15px;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
}

.accordion.control-dash > .card:nth-child(odd) > .control-card > .card-body {
    background-color: #d0e1f3c4;
    border-color: #bbcfe0;
}

.accordion.control-dash > .card:nth-child(even) > .control-card > .card-body {
    background-color: #efefefcf;
    border-color: #c5c5c5;
}

.accordion.control-dash .control-card > .card-body > .table-responsive {
    border-width: 1px;
    border-style: solid;
    border-color: #617e98;
    border-radius: 12px;
}

.accordion.control-dash .control-card > .card-body > div:nth-child(4n + 2) {
    background-color: #9ebfdc;
}

.accordion.control-dash .control-card > .card-body > div:nth-child(4n + 2) > .nm-tablegrid > tbody > tr:nth-of-type(odd) {
    background-color: #e0e8f1;
}

.accordion.control-dash .control-card > .card-body > div:nth-child(4n + 4) {
    background-color: #b2b9d4;
}

.accordion.control-dash .control-card > .card-body > div:nth-child(4n + 4) > .nm-tablegrid > tbody > tr:nth-of-type(odd) {
    background-color: #e1e4ef;
}

.accordion.control-dash .control-card .form-control.date {
    font-size: 1.05rem;
}

.accordion.control-dash .control-card .nm-viajepersona {
    padding: 0px;
}

.accordion.control-dash .control-card > .card-body > .table-responsive > .nm-tablegrid > tbody > tr:first-child { /* first-row */
    /*background-color: #d8d8d8;*/
}

.accordion.control-dash .control-card > .card-body > .nm-tablegrid > tbody > tr:first-child input { /* first-row "disabled" inputs*/
    /*background-color: #eee;
    pointer-events: none;*/
}

.accordion.control-dash .control-card > .card-body > .nm-tablegrid > tbody > tr:first-child .select2-selection { /* first-row "disabled" selects*/
    /*background-color: #eee;
    pointer-events: none;*/
}

.accordion.control-dash .control-card .card-table > .card-body {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1px;
}

.accordion.control-dash .control-card .nm-updatepanel > .row {
    margin-right: 0px;
    margin-left: 0px;
}

.accordion.control-dash .control-card .nm-updatepanel > .row > .col-12 {
    padding-right: 0px;
    padding-left: 0px;
}

/*minimo de widths para los td de activo y persona*/
.control-card .nm-tablegrid tr td:nth-child(2) {
    min-width: 300px !important;
}

/*borrador de td vacios*/
.accordion.control-dash .control-card .nm-viajepersona tr th:first-child,
.accordion.control-dash .control-card .nm-viajepersona tr td:first-child {
    display: none;
}

/*------------------------------------------------------------------
  [harbardr - activoHist]
*/

#StageHist table, table#StageHist {
    margin-bottom: 0;
}
table#StageHist > thead th {
    border-bottom: 0;
}
#StageHist > tbody > tr > td {
    border: 0;
}
#StageHist > tbody > tr:nth-child(2n) > td:nth-child(2) {
    padding: 0;
}

#StageHist > tbody:nth-child(even) > tr {
    background-color: #bbcfe0;
}
#StageHist > tbody:nth-child(odd) > tr {
    background-color: #dbe2e3;
}
#StageHist > tbody {
    border-top: 1px solid grey;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
}

#StageHist > tbody:nth-child(even) > tr > td > table > tbody > tr:nth-child(odd) {
    background-color: #e0e8f1 !important
}
#StageHist > tbody:nth-child(odd) > tr > td > table > tbody > tr:nth-child(odd) {
    background-color: #e7ebee !important
}

#StageHist .table-striped tbody tr:nth-of-type(2n),
#StageHist .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff
}
#StageHist .table > tbody > tr > td[colspan] {
    padding: 0;
    border-left: 1px solid #d3d3d3
}

/*------------------------------------------------------------------
  [custom terminal-io]
*/

/*regla especifica para terminal - io*/
.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(2) {
    /*background-color: lightblue;*/
    width: 18%;
    min-width: 300px !important;
}

/* conector - sensor */
.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(3) .input-group,
.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(5) .input-group {
    min-width: 200px; /* + 20 de padding da 220px*/
}

.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(3),
.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(5) {
    width: 12%;
    min-width: 220px !important;
}

/* tipo */
.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(4) .input-group {
    min-width: 100px; /* + 20 de padding da 120px*/
}

.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(4) {
    width: 8%;
    min-width: 120px !important;
}

/* ecuacion */
.tab-pane[class*="custom-io"] .nm-tablegrid tr td:nth-child(6) {
    width: 17%;
    min-width: 280px !important;
}

/*------------------------------------------------------------------
  [STAGE]
*/

/* oculto las columnas vacías dentro de collapseDiv. nota: tienen que estar VACIAS */
#collapseDiv .row > div:empty {
    display: none;
}
.card-body.hide-if-empty:empty {
    display: none;
}

#collapseDiv .row > .col-lg { /* fuerzo equal width entre columnas con textos largos*/
    min-width: 0;
}

/* meto block y float para lograr comportamiento dynamic - old*/
.row.dynamic {
    display: block !important;
}

.row.dynamic > div {
    float: left !important;
}

/* seteo margen de form-group en todos los niveles */
.row.mb-minimal > div .form-group {
    margin-bottom: 1rem;
}

/* seteo margen de los elementos que no fueron alcanzados */
.row.mb-minimal > div > div:not(.row):not(.form-group) {
    margin-bottom: 1rem;
}

/* para darle espacio a los responsiveTabs */
.be-wrapper.be-offcanvas-menu.be-fixed-sidebar .be-content {
    min-height: calc(100vh - 62px);
}

/* input-group-append "mimic" para el selector y boton de preview */
.group-append-px-0 > div:first-child{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*regla especifica para los articulos*/
/* articulo */
.tab-pane[class*="custom-articulo"] .nm-tablegrid tr td:nth-child(3) {
    /*background-color: lightblue !important;*/
    width: 40%;
    min-width: 300px !important;
}

/* nomenclatura - cantidad */
.tab-pane[class*="custom-articulo"] .nm-tablegrid tr td:nth-child(4) input.form-control,
.tab-pane[class*="custom-articulo"] .nm-tablegrid tr td:nth-child(6) input.form-control {
    /*background-color: yellow !important;*/
    min-width: 80px !important;
}

/* valor */
.tab-pane[class*="custom-articulo"] .nm-tablegrid tr td:nth-child(7) input.form-control {
    /*background-color: aliceblue !important;*/
    min-width: 120px !important;
}

/* total */
.tab-pane[class*="custom-articulo"] .nm-tablegrid tr td:nth-child(8) {
    /*background-color: antiquewhite !important;*/
    min-width: 130px !important;
}

/*regla especifica para las tareas*/
/* tarea */
.tab-pane[class*="custom-tarea"] .nm-tablegrid tr td:nth-child(3) {
    /*background-color:  lightblue !important;*/
    width: 30%;
    min-width: 280px !important;
}

/* fechas */
.tab-pane[class*="custom-tarea"] .nm-tablegrid tr td:nth-child(4),
.tab-pane[class*="custom-tarea"] .nm-tablegrid tr td:nth-child(6) {
    /*background-color:   lightsalmon !important;*/
    width: 10%;
    min-width: 150px !important;
}

/* direcciones */
.tab-pane[class*="custom-tarea"] .nm-tablegrid tr td:nth-child(5),
.tab-pane[class*="custom-tarea"] .nm-tablegrid tr td:nth-child(7) {
    /*background-color:    lightgreen !important;*/
    width: 22%;
    min-width: 220px !important;
}

/*regla especifica para los states*/
/* state */
.tab-pane[class*="custom-state"] .nm-tablegrid tr td:nth-child(2) {
    /*background-color: lightblue !important;*/
    width: 22%;
    min-width: 220px !important;
}

/* fecha*/
.tab-pane[class*="custom-state"] .nm-tablegrid tr td:nth-child(3) {
    /*background-color: lightsalmon !important;*/
    width: 10%;
    min-width: 130px !important;
}

/* comentario e imagen*/
.tab-pane[class*="custom-state"] .nm-tablegrid tr td:nth-child(4),
.tab-pane[class*="custom-state"] .nm-tablegrid tr td:nth-child(6) {
    /*background-color: lightgreen !important;*/
    width: 24%;
    min-width: 250px !important;
}

/*regla especifica para los legajos*/
/* reducir al minimo el 1er tr th y tr td, creo que era de la parte del inserter solamente */
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr th:nth-child(1),
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(1) {
    /*background-color: lightblue !important;*/
    min-width: 0px;
    padding: 0px;
}
/* ultimos td, espacio para boton grande */
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr th:last-child,
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:last-child {
    width: 15%;
    min-width: 120px;
}

/* proposito */
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(2) {
    /*background-color: lightblue !important;*/
    width: auto;
    min-width: 290px !important;
    white-space: normal;
}
.tab-pane[class*="custom-legajo"] #MainContent_id_EntidadFrom_pnlFull {
    background-color: lightgray;
    padding-left: 10px;
    padding-right: 15px;
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 8px;
    width: calc(32% + 11px);
    min-width: 300px;
    border-top-right-radius: 15px;
}
.tab-pane[class*="custom-legajo"] #MainContent_id_EntidadFrom_pnlFull > span {
    font-weight: 700;
}
.tab-pane[class*="custom-legajo"] #MainContent_id_EntidadFrom_pnlFull > div {
    padding-top: 5px;
}

/* proposito select2 auto-height y arrow*/
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(2) .select2-selection__rendered {
    /*! background-color: yellowgreen !important; */
    white-space: normal;
    line-height: 2rem;
    height: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 9px;
    padding-left: 8px;
}
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(2) .select2-selection--single {
    height: auto;
}
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(2) .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 24px;
    right: 0px;
}
@media (min-width: 768px) { /* >=768 */
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(2) {
        width: 32%;
    }
}

/* estado y fecha */
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(3),
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(4) {
    /*background-color: lightsalmon !important;*/
    width: 10%;
    min-width: 130px !important;
}

/* operacion */
.tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(5) {
    /*background-color: lightgreen !important;*/
    width: 33%;
    min-width: 130px !important;
}
@media (min-width: 768px) { /*>=768*/
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tr td:nth-child(5) {
        min-width: 290px !important;
    }
}

/***legajo step=2***/

/*override regla general para los dropdown*/
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid .input-group {
    min-width: 140px;
}
/*override regla general de table td*/
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid td {
    padding: 10px 8px;
}
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr th:nth-child(1),
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(1) { /* reducir al minimo el 1er td, tiene que tener algo de ancho porque abajo aparecen botones de eliminar. */
    /*background-color: lightblue !important;*/
    width: 52px;
    min-width: 52px;
    padding: 0px;
}
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(3),
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(7) { /*titulo e institucion*/
    /*background-color: #c8663f !important;*/
    width: 12%;
    min-width: 165px !important;
}
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(5),
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(11) { /*egreso y localidad*/
    /*background-color: #714b3b !important;*/
    width: 8%;
    min-width: 125px !important;
}
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(9),
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(10) { /*pais y provincia*/
    /*background-color: #af978d !important;*/
    width: 12%;
    min-width: 156px !important;
}
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(4),
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(6),
.step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(8) { /*finalizado promedio y privado*/
    /*background-color: lightsalmon !important;*/
    width: 4%;
    min-width: 60px !important;
}
@media (max-width: 1366px) { /*override a la regla general de 1366*/
    .step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(5) input.form-control {
        min-width: 105px;
    }

    .step-pane[class*="custom-legajo"][data-step="2"] .nm-tablegrid tr td:nth-child(6) input.form-control {
        min-width: 60px;
    }
}

/******************/

.custom-personaLegajo #tab0 .help-style {
    background: #dde5f2;
    margin-left: -10px;
    margin-right: -10px;
}

.custom-personaLegajo #collapseDiv > .card > .card-body {
    padding-top: 6px;
    padding-bottom: 12px;
}

.tab-pane[class*="custom-legajo"] .nm-tablegrid.nm-inserter tr th {
    padding-top: 12px;
    padding-bottom: 8px;
}

@media (max-width: 575px) { /*<=575*/
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tr th:nth-child(1),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tr td[align]:nth-child(1) {
        /*! background-color: lightblue !important; */
        width: 0px !important;
        min-width: 0px !important;
        padding: 0px !important;
    }

    .tab-pane[class*="custom-legajo"] #MainContent_id_EntidadFrom_pnlFull {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        margin-right: -10px;
        padding-top: 8px;
        width: calc(100% + 20px);
        min-width: 265px;
        border-top-right-radius: 0px;
    }
    /* oculto columnas legajo */
    .tab-pane[class*="custom-legajo"] .nm-tablegrid thead th:nth-child(3),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid thead th:nth-child(4),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid thead th:nth-child(5),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid thead th:nth-child(6),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tbody td:nth-child(3),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tbody td:nth-child(4),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tbody td:nth-child(5),
    .tab-pane[class*="custom-legajo"] .nm-tablegrid tbody td:nth-child(6) {
        display: none;
    }
}

@media (max-width: 767px) { /* <=767 */
    .custom-personaLegajo #collapseDiv > .card {
        margin-bottom: 15px;
    }
    .custom-personaLegajo #collapseDiv > .card #MainContent_CommandPanel_buttons {
        margin-top: -15px;
        padding-top: 0px !important;
    }
    .custom-personaLegajo #collapseDiv > .card #MainContent_CommandPanel_buttons .comm-btn-div {
        display: flex; /* adapto la altura del contenedor de los botones del command para que sea del mínimo si estos no están visibles. */
    }
}

/* scroll-hint z-index fix */
span.scroll-hint-icon {
    z-index: 100;
}

/* deshabilito el scroll vertical */
.scroll-hint {
    overflow-y: hidden !important;
}

/* carga de documentación */
.filedocview {
    width: 100%;
    height: 100%;
}
.filedocview img {
    width: 100%;
    height: 100%;
    max-height: 98px;
    object-fit: cover;
}
.card-header-border > .card-header {
    border: 2px solid #c9c9c9;
    border-radius: 5px !important;
}
.card-header-border.card-header-success > .card-header {
    border-color: #34a853;
}
.card-header-border.card-header-warning > .card-header {
    border-color: #fbbc05;
}
.card-header-border.card-header-danger > .card-header {
    border-color: #ea4335;
}

/*------------------------------------------------------------------
  [agenda]
*/
.custom-agendaDash #agendaDiv .table-simple {
    /*min-height: 15vh;
    max-height: 25vh;*/
    height: 25vh;
}
.custom-agendaDash > .row > div {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.to-title .date-picker {
    padding-right: 25px;
    min-width: 230px;
}
.fs-adapt {
    font-size: 3rem;
}
.mh-adapt {
    max-height: 100%;
}
@media (max-width: 991px) {
    .fs-adapt {
        font-size: 1.5rem;
    }
    .mh-adapt {
        max-height: 50%;
    }
}

/*------------------------------------------------------------------
  [Masonry]
*/

/* min height-fix */
.gallery-container .item .photo .img, .gallery-container .item .photo .img .over {
    min-height: 220px !important;
}

/* max height y contain */
.gallery-container .item .photo .img img {
    height: 220px;
    object-fit: contain;
}

/* force over */
.gallery-container .item .photo .img .over.force {
    opacity: 1;
}

/* wrap textos largos */
#tabDetailDoc .gallery-container .info-wrapper .info > .title {
    overflow-wrap: anywhere;
}

/*------------------------------------------------------------------
  [Tags input]
*/

input[data-role=tagsinput] {
    width: 100%;
    line-height: 35px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    padding: 4px 6px;
}

/*------------------------------------------------------------------
   [select2 multiple]
*/

/*ObjectPropertyAB*/
.AB-mobile-rotate > a {
    width: 40px;
}

.AB-mobile-rotate > .btn .icon {
    font-size: 1.6rem;
    height: 30px;
    padding-bottom: 25px;
    padding-top: 10px;
}

.select-container > .select2.select2-container {
    /*width: 100% !important;*/
    display: none; /* con esto oculto el selector de arriba y dejo solamente el dropdown visible. */
}

.select-container > .select2-container--default .select2-results__option {
    padding: 9px 5px;
    margin: 5px;
}

.select-container > .select2-container.select2-container--default.select2-container--open {
    position: relative !important;
    top: 5px !important;
    left: 0px !important;
    width: 100% !important;
}

/*piso el #f7f7f7 que viene del app.min de beagle*/
.select-container > .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd !important;
    color: #303030 !important;
}
/*pongo el azul en hover manteniendo los seleccionados en gris*/
.select-container > .select2-container--default .select2-results__option:not(.select2-results__option--selected):hover {
    background: #4285f4 !important;
    color: white !important;
}
/*piso el gris que queda al clickear e irme del dropdown*/
.select-container > .select2-container--default .select2-results__option:not(.select2-results__option--selected) {
    background: transparent !important;
    color: #303030 !important;
}
/*select2 4.0.5*/
/*
.select-container > .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: transparent;
    color: #404040;
}
.select-container > .select2-container--default .select2-results__option[aria-selected]:hover {
    background: #4285f4;
    color: white;
}*/
/* agrego checkbox*/
.select-container > .select2-container--default .select2-results__option:not(.select2-results__message):before {
    content: "";
    font-size: 1.5452rem;
    font-weight: 400;
    font-family: "Material Icons";
    line-height: 1;
    text-align: center;
    border-radius: 3px;
    width: 1.6rem;
    height: 1.6rem;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #a1a1a1;
    margin-right: 8px;
    margin-left: 2px;
    vertical-align: bottom;
    display: inline-block;
    position: relative;
}
.select-container > .select2-container--default .select2-results__option.select2-results__message:hover {
    background: transparent !important;
    color: #303030 !important;
}
/*select2 4.0.5*/
/*.select-container > .select2-container--default .select2-results__option[aria-selected=true]:before {
    content: "\f26b";
    color: #4285f4;
}*/
.select-container > .select2-container--default .select2-results__option.select2-results__option--selected:before {
    content: "\f26b";
    color: #4285f4;
}

.select-container > .select2-container--default .select2-dropdown--below {
    width: 100% !important;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d5d8de;
    border-top-color: #bdc0c7;
    position: relative;
    z-index: 1020;
}

.select-container > .select2-container--default .select2-results > .select2-results__options {
    height: 182px;
    max-height: 182px;
    overflow-y: auto;
}

.select-container.AB-dropdown > .select2-container--default .select2-results > .select2-results__options {
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
}

/* le quito los pointer-events y el checkbox a los first-child del AB*/
.select-container.AB-dropdown > .select2-container--default .select2-results__option[aria-selected]:first-child {
    pointer-events: none;
    margin-left: 15px;
    font-weight: bold;
}
.select-container.AB-dropdown > .select2-container--default .select2-results__option:first-child:before {
    display: none;
}

.hideSearch .select2-search {
    display: none;
}

/*.hideDropdown, .hideDropdown .select2-search {display: none;}*/

/* elimino elementos que son seleccionados del dropdown */
/*.select-container > .select2-container--default .select2-results__option[aria-selected=true] {
    display: none !important;
}*/

/* select2 load.more ----------------------------------------------- */

.select2-results__option--load-more {
    position: relative;
    padding-left: 2rem !important;
}

    .select2-results__option--load-more:before {
        content: '';
        position: absolute;
        left: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1rem;
        height: 1rem;
        border: 2px solid #3c3c3d;
        border-top-color: transparent;
        border-radius: 50%;
        animation: s2-load-spin 0.6s linear infinite;
    }

@keyframes s2-load-spin {
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

/*------------------------------------------------------------------
  [Breakpoints]
*/

@media (max-width: 1366px) { /* (the given screen size or smaller) */
    /* ObjectPropertyNM */
    .nm-tablegrid input.form-control {
        min-width: 120px;
    }
    .be-login .splash-container {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}

/*@media (max-width: 1280px) {
    .main-content {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
} esto lo saqué porque conflictuaba con algunos margenes y dependiendo
  de la pantalla se generaban scrollbars x debajo de los ".main-content .row"
*/

@media (max-width: 991px) { /* 991px o menos */
    /* ObjectPropertyAB */
    .AB-mobile-rotate {
        transform: rotate(90deg);
        height: 100px;
        margin-left: 90px;
        font-size: 1rem;
    }
    .AB-mobile-rotate a {
        height: 45px;
        padding-top: 5px;
    }
    .AB-label {
        display: none;
    }
    .select-container.AB-dropdown > .select2-container--default .select2-results > .select2-results__options {
        height: 280px;
        max-height: 280px;
        overflow-y: auto;
    }

    .popover {
        max-width: 300px !important;
    }

    .dataTables_wrapper #activoDash_filter.dataTables_filter {
        margin-top: 0.5em;
    }
}

@media (max-width: 767px) { /* 767 o menos */
    /*quito div de botones del command*/
    .card-survey #MainContent_CommandPanel_buttons .row.pt-4 > div:first-child {
        display: none;
    }
    .card-survey #MainContent_CommandPanel_buttons .row.pt-4 {
        padding-top: 0px !important;
    }

    /*safe x si se hace un resize sin refresh*/
    .datetimepicker.dropdown-menu {
        min-width: 210px;
    }
}

@media (max-width: 575px) { /* 575px o menos */
    .comm-btn-group { /* command */
        width: 100%;
    }

    .listbox-mobile-rotate {
        transform: rotate(90deg);
        height: 80px;
        max-width: 80px;
    }

    /* estos margenes se necesitan porque al cambiar .page-link a display:table-cell
        ya no le afectan los margenes, asique se lo aplico a los contenedores. */

    .paginate_button.page-item {
        margin-right: 4px;
    }

        .paginate_button.page-item.next {
            margin-right: 0px !important;
        }

        .paginate_button.page-item .page-link {
            min-width: 42px !important;
            height: 36px;
            padding: 0;
            display: table-cell;
            vertical-align: middle;
        }

        .paginate_button.page-item:first-child .page-link, .paginate_button.page-item:last-child .page-link {
            min-width: 48px !important;
        }

    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .desde-hasta, .dataTables_wrapper .filtro-estricto {
        margin-top: 0.5em;
    }

    .dataTables_wrapper .be-datatable-footer .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 412px) { /* 412 o menos */
    .be-login .main-content {
        padding-top: 10px;
    }

    .nm-tablegrid tr th:first-child:not([abbr]), .nm-tablegrid tr td[align]:first-child:not(.nm-group) {
        width: 55px !important;
        min-width: 55px !important;
    }

    .card-table tr th:first-child:not([abbr]), .card-table tr td[align]:first-child:not(.nm-group) {
        padding-left: 15px !important;
    }

    .nm-group {
        width: 40px;
    }

    .nm-group + td {
        padding-left: 15px !important;
    }

    .nm-tablegrid tr th:last-child, .nm-tablegrid tr td:last-child {
        width: 60px !important;
        min-width: 60px !important;
    }
}

@media (max-width: 360px) { /* 360 o menos */
    .dataTables_paginate .pagination {
        justify-content: space-around !important;
    }

        .dataTables_paginate .pagination .paginate_button.page-item {
            margin-right: 0px !important;
        }
}

@media (min-width: 576px) { /* 576 o mas */
    #activoDash_btns .custom-control {
        margin-bottom: 0px;
    }
}

@media (min-width: 700px) { /* 700 o mas */
    /* Firma */
    #signModal .modal-content {
        max-width: 500px;
    }
    #signModal .sketch { /*relacion 1.6*/
        width: 400px;
        height: 250px;
    }
}

@media (min-width: 768px) { /* 768 o mas */
    .dt-buttons-container {
        justify-content: flex-start !important;
    }
    .gis-map.gis-dash {
        height: calc(100vh - 200px);
    }
}