.container {max-width: 1360px}

.navbar-nav .nav-link {padding-top: 0;  padding-bottom: 0;  line-height: 68px;}

.header-navbar .nav-link i { color: #cacedb;  transition: color .2s ease;}
.header-navbar .active.nav-link i, .header-navbar .nav-link:hover i {color: inherit;}
.header-navbar .dropdown-menu {border-top-left-radius: 0; border-top-right-radius: 0;}
.header-navbar .rounded-circle {object-fit: cover;}

.header-navbar .nav-link:hover {color:#929292;}

@media (min-width: 992px){
  .header-navbar .notifications > .badge {top: 0px;right: -13px;}
}
@media (max-width: 992px){
  .header-navbar .nav-link {border-top: 1px solid #f0f2f4}
}
.no-link {pointer-events: auto}
.header-navbar .no-link > img  {margin-top: -14px;margin-bottom: -10px;}

.circle-icon-wrapper {display: flex; padding: 0 5px;}
.circle-icon-wrapper .circle-icon {width: 2.1875rem; height: 2.1875rem;line-height: 0;display: block;text-align: center;margin: auto;border-radius: 50%;}
.circle-icon-wrapper .circle-icon i {line-height: 2.0625rem; font-size: 1.0625rem;}

.nav-fill.steps .nav-item .active{ font-weight: bold;}

.material-icons.size-12 { font-size: 12px; }
.material-icons.size-16 { font-size: 16px; }
.material-icons.size-18 { font-size: 18px; }
.material-icons.size-22 { font-size: 22px; }
.material-icons.size-24 { font-size: 24px; }
.material-icons.size-36 { font-size: 36px; }
.material-icons.size-48 { font-size: 48px; }

.text-light {font-weight: 400;}

.border-dashed {border-style: dashed; border-width: 2px; border-color: #BECAD6;}
main .card-deck {margin-left: -10px; margin-right: -10px;}
main .card-deck .card {margin-left: 10px; margin-right: 10px;}

.nav.steps .line{ flex: 1 0 32px; min-width: 1px; min-height: 1px;margin: auto; background-color: rgba(0,0,0,.12);}

label.required:after {  content: "* ";}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #ddd #ddd #fff;
}

.wide-tabs .nav-link {padding-left: 2rem; padding-right: 2rem;}

#tblAlarms tbody tr:first-child > td {
    border-top: 0;
        border-top-width: 0px;
}

/* Dashboard Tables*/
.dashboard-data {
 font-size:.8125rem
}
.dashboard-data .container-fluid {
 overflow-x:auto
}
.dashboard-data table {
 min-width:600px
}
.dashboard-data thead th {
 font-size:.75rem;
 font-weight:400;
 border-width:1px;
 border-top:none;
 padding:.5rem .75rem
}
.dashboard-data td {
 vertical-align:middle
}
.dashboard-data__image {
 width:70px
}
.dashboard-data__image img {
 width:3.125rem;
 height:3.125rem
}
.dashboard-data__items,
.dashboard-data__total {
 font-weight:400
}
.dashboard-data__order-details span {
 display:block
}
.dashboard-data__order-details span:first-child {
 font-weight:500;
 font-size:1rem
}
.dashboard-data__order-details span:last-child {
 font-size:.625rem;
 color:#818ea3
}
.dashboard-data .card-body {
 position:relative;
 overflow-x:auto;
 min-height:21rem
}
.dashboard-data .container-fluid {
 position:absolute;
 height:100%;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 min-width:41rem
}
.dashboard-data .container-fluid .row:not(.lo-stats__header) {
 display:-ms-flexbox;
 display:flex;
 -ms-flex:1;
 flex:1;
 border-bottom:1px solid #e1e5eb;
 min-height:3.75rem
}
.dashboard-data .container-fluid .row:not(.lo-stats__header):last-of-type {
 border-bottom:0
}
.dashboard-data .container-fluid .row:not(.lo-stats__header)>div {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-direction:column;
 flex-direction:column
}


/* Modal */
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
@media (min-width: 576px) {
  .modal-dialog-scrollable {
   max-height: calc(100% - 3.5rem);
 }
 .modal-dialog-scrollable .modal-content {
   max-height: calc(100vh - 3.5rem);
 }}

/*pie*/
.main-footer{ overflow: hidden}
.main-footer ul{ margin:0; padding: 0}
.main-footer ul li{ margin:0; padding: 0 8px; display: inline-block; float:left}
.main-footer ul li.hvlabs {margin-top: 4px;}
.main-footer .row{ /*max-width: 1280px;*/ margin:0 auto}
.main-footer{ background:rgba(255,255,255,.5); border: none}
.main-footer a{ font-weight: 300}
.main-footer .small-12 {display: flex;justify-content: space-between;align-items: center;}
.powered-by small,.powered-by ul {display: inline-block; vertical-align: middle}
.main-footer{ border-left: none; overflow: hidden}
.main-footer{ margin-left: 0}


/*Admin view blocks*/
#options-json{height: 10em}
.tag, .view-object{cursor: move}
.sb-data{text-align: left; margin-right: 90px !important}


#view-objects-types ul{list-style-type: none; margin:0 0 10px; padding:0}
.view-object{border-radius: 2px;display: block;float: left;font-family: helvetica;font-size: 13px;margin-bottom: 5px;margin-right: 5px;padding: 5px;text-decoration: none;}
.view-object.sensor{    background: #81CEF9 none repeat scroll 0 0;color: #005178;border: 1px solid #00acd6;}
.view-object.component{    background: #DCDCA4 none repeat scroll 0 0;color: #985f0d;border: 1px solid #985f0d;}
.tag.viewblock_l0, .view-object.viewblock_l0{    background: #81CEF9 none repeat scroll 0 0;color: #005178;border: 1px solid #00acd6;}
.tag.viewblock_l1, .view-object.viewblock_l1{    background: #DCDCA4 none repeat scroll 0 0;color: #985f0d;border: 1px solid #985f0d;}
.tag.viewblock_l100, .view-object.viewblock_l100{    background: #96DD3B none repeat scroll 0 0;color: #164;border: 1px solid #164;}

#edit_viewBlocks, #new_viewBlocks{overflow: hidden}
#edit_viewBlocks .form-group, #new_viewBlocks .form-group{float:left;width:33%; padding-right: 10px; margin-right: 0;}
#edit_viewBlocks .form-group label,#new_viewBlocks .form-group label{display:block;}
.bootstrap-tagsinput {min-height: 140px;width:100%;}
.bootstrap-tagsinput .tag {display: block; float:left;padding: 5px;}


.viewsUser{ overflow:hidden;margin:1em 0; padding: 0;  display: flex;  flex-wrap: wrap; }
.viewsOptions{ float:left;list-style:none; margin:0}
.viewsUser .viewsOptions:nth-child(2){max-width:50px; border:none; padding: 50px 0; font-size:200%; color:grey; text-align:center;   align-items: center; display:flex;  justify-content: center;}
.viewsUser .viewsOptions:not(:nth-child(2)){width:45%;background-color:rgba(128, 128, 128, 0.05);border:1px solid rgba(128, 128, 128, 0.1); padding:1em}
.viewsOptions li{ list-style:none; margin:0 0 1em; cursor:move; background-color:white}
.viewsOptions:first-of-type li{background-color:transparent;width: 50%; color:grey}
.viewsOptions:first-of-type li:after{ display:block;   font-family: FontAwesome; content: "\f07e";float:right; margin:0 0 0 1em}
.viewsOptions:last-of-type li:before{ display:block;   font-family: FontAwesome; content: "\f07d";float:left; margin:0 1em 0}
.viewsOptions:last-of-type li{border-color:#FFC107}
.views_options_items{margin:0; padding:0; min-height:100px;}
.views_options_items li{border:1px dotted rgba(80,80,80,.4);margin:0;padding:8px;}
.views_options_items li:not(:last-child){margin:0 0 -1px 0;}
.views_options_items{ height:66%; box-sizing:border-box; border:3px dashed rgba(128, 128, 128, 0.1)}
#views_selected_options:empty{ background-color: white;    border-color: rgba(128, 128, 128, 0.2);}

.daterangepicker {font-size: 15px;}
.input-group > .input-group-append > .btn:not(:hover) {color: #707070}

/*Login Logo Height*/
form.form-login.mx-auto.mt-n4 .text-center .mb-3{height: auto;}
/*Main Logo*/
.d-table.m-auto #main-logo{margin-left: 10px;}

/*Formularios*/
@media (min-width: 576px){
  .ml-button{margin-left: 9.25rem !important;}
  .ml--15{margin-left: -15px;}
  .mlr-15{margin-left: 15px; margin-right: 15px;}
  .modal-open .modal{background-color: rgba(0, 0, 0, .4);}
}

@media (min-width: 850px){
  .col-form{-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
  .col #map{width: 100%; height: 100% !important;}
}
.col-form{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
span.select2 { width: 100% !important;}
.col #map{width: 100%; height: 640px;}
.form-group input#location{margin-bottom: 1rem;}
form#editSensorsForm .box-footer{ margin-top: 1rem;}
form#editSensorsForm .box-body .row{margin-bottom: 0.25rem;}
.col-xs-7.js-additional-info-item div{display: flex;}
.col-xs-7.js-additional-info-item div div{margin-right: 1rem;}
.col-xs-7.js-additional-info-item {display: flex;}
.calendar table.month td.day .day-content:hover{background: rgba(0,0,0,.2) !important;}
.listaregistros tbody {}
.listaregistros tr {width: 100%;}
.w-514{width: 514px;}
.w-171{width: 171.33px;}
.col.form-group.w-171.mb-0:first-child { margin-left: 5px; }
#component_sensors_signalList .form-group{ margin-bottom: 0.25rem; }
#component_sensors_signalList .form-group .col-2{margin-right: 5px;}
/*Paginación components*/
.pagination {float: right; margin: 0 auto; margin-bottom: 1.5rem; border-left: 0; padding-left: 0; list-style: none; border-radius: 0.375rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: .875rem; color: #707070; will-change: background-color, color, border-color; transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border-color 250ms ease-in-out; }
.pagination span { color: #707070; will-change: background-color, color, border-color; transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border-color 250ms ease-in-out; background: #fff; padding: 0.4286rem 0.875rem; border: 1px solid #e1e5eb; border-left: 0; }
.pagination span:hover { background: #929292; border-color: #929292; transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border-color 250ms ease-in-out;}
.pagination span:hover>* { color: white; transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border-color 250ms ease-in-out; }
.pagination span a { text-decoration: none; border-radius: 0; }
.pagination span.first { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.pagination span.current { background: #929292; color: #fff; border-color: #929292; }
.pagination span.last { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }