.fix-label{
  width: 100%;
  text-align: left;
  font-size: 13px; 
  font-weight: 500;
}

/* PAGE-HEADER */
.page-title{
  padding: 16px 36px 16px 0;
}

/* ACTIVE LINK */
.navigation > li > ul li:first-child{
  padding-top: 0;
}

/* ACTIVE LINK */
.navigation > li > ul li:last-child{
  padding-bottom: 0;
}

.navbar-header{
  width: 200px;
}

.media-left, .media > .pull-left{
  padding-right: 0;
}

/* USER CONTENT */
.tp-sidebar-category-content{
  display: flex;
  flex-direction: column;
  text-align: center;
  background: url("../../img/edited_02.jpg") no-repeat center;
  background-size: cover;
  box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75)

}


.header-highlight .navbar-header:not([class*=bg-]){
  box-shadow: none;
  background-color: var(--primary-color-dark);
}

/* SIDEBAR NAVIGATION */
.navigation > li ul li a{
  padding: 8px 52px;
  min-height: 36px;
}

.navigation > li > a{
  padding: 8px 20px 8px 16px;
  min-height: 36px;
}

.navigation .navigation-header{
  padding: 10px 16px;
}

.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{
  background-color: var(--primary-color);
}

/* PANELES */
.panel-heading{
  padding: 9px 15px;
}

/* SIDEBAR */
.sidebar{
  background-color: var(--primary-color-dark);
  box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
}

/* NAVBAR */
.navbar-inverse{
  background-color: var(--primary-color-dark);
  border: none;
}

/* TABLA */
.table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td{
  padding: 2px 10px;
}

.table tr, .table th, .table td, .htContextMenu td, .ranges ul li{
  height: 30px;
}

.datatable-header{
  padding-top: 0px;
}

/* BOTONES */
.btn{
  padding: 5px 8px;
}

/* HEADING ELEMENTS */
.heading-elements{
  margin-top: -16px;
}

@media only screen and (max-width: 768px){
  .panel-heading .visible-elements{
    margin: 15px -15px 0 -15px;
  }
  .panel .visible-elements{
    padding: 8px;
  }

  .sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{
    width: 100%;
  }

  .sidebar-user + .sidebar-category .navigation{
    padding-bottom: 0;
  }

  .sidebar-content{
    padding-bottom: 0px;
  }
}

/* BREADCRUMBS */
.breadcrumb{
  padding: 7px 0;
}
/* MODALES */
.modal-header[class*=bg-]{
  padding: 9px 15px;
}

/* MEDIA OBJECTS */
.media-left, .media > .pull-left{
  padding-right: 15px;
}

/* JQUERY CONFIRMATION */
.jconfirm .jconfirm-box.jconfirm-type-blue{
  border-top: solid 7px #3ba4ce;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{
  color: #3ba4ce !important;
}

/* HEADER */
.tp-header-right-table-button{
  width: 180px;
}
.tp-header-right-table-button > i{
  font-size: 20px;
}

@media only screen and (min-width: 769px) {
  .sidebar{
    width: 200px;
  }
  .navbar-header{
    min-width: 200px;
  }

  .sidebar-xs .sidebar-main .navigation > li > a > span{
    background-color:var(--primary-color);
    border: 1px solid var(--primary-color);
    right: -200px;
    width: 200px;
    padding: 7px 20px;
  }

  .sidebar-xs .sidebar-main .navigation > li.active > ul{
    position: absolute;
    top: 36px;
    width: 200px;
    right: -200px;
  }

  .sidebar-xs .sidebar-main .navigation > li > ul{
    position: absolute;
    top: 36px;
    width: 200px;
    right: -200px;
  }
}

@media only screen and (max-width: 768px) {
  .sidebar{
    width: 200px;
  }
  .navbar-header{
    min-width: 100%;
  }
}