.asterisk{
  color: #FF2E3E;
  font-weight: bold;
}

/* Error */

input.error{
  border: 1px solid #f00 
}

select.error{
  border: 1px solid #f00 
}

.error {
  color: #e5603b;
}

textArea.error{
  border: 1px solid #f00 
}

span .error{
  border: 1px solid #f00 
}

/* Color bootbox */

.modal-bg-blue{
  background-color: #2D72AD;
  color: #fff;
}

.modal-bg-success {
  color: #fff;
  background-color: #6BC53B;
}

.modal-bg-primary{
  color: #fff;
  background-color: #2196F3;
}

.modal-bg-warning{
  color: #fff;
  background-color: #FFBD2B;
}

.modal-bg-danger{
  color: #fff;
  background-color: #F44336;
}

.dialogExtraSmall > .modal-dialog {
  width: 325px !important;
  height: 170px !important;
  margin-left: auto;
  margin-right: auto;
}

.col-centered{
  float: none;
  margin: 0 auto;
}

.password{
  font-family: password, serif;
  font-size: 16px;
}

textarea {
  resize: none;
}

label {
  font-size: small;
}

.so-input-login:focus{
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.so-input-login:hover{
  box-shadow: 0 15px 25px rgba(0,0,0,0.22), 0 6px 6px rgba(0,0,0,0.23);
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.cards:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


@media screen and (max-width: 769px){
  .button-plus{
    padding-top: 11px;    
  }
}

#txtBusqProductos::-webkit-search-cancel-button{
  position:relative;   
  padding: 2px;
}

@media (min-width: 768px){
  .sidebar{
    width: 200px;
  }

  .navbar-header {
    min-width: 200px;
  }
  .navbar-brand {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar-brand > img {
    margin-top: -9px;
    height: 36px;
  }
}

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

.row {
  padding-left: 0;
  padding-right: 0;
}

.datatable-scroll{
  border-top:  1px solid #bbbbbb9c;
  border-bottom:  0;
}

.panel-heading .visible-elements {
  margin: 7px -15px -10px -15px;
}

.dataTables_paginate {
  margin: 5px 0 5px 0;
}

.dataTables_info {
  float: left;
  padding: 13px 0;
  margin-bottom: 0;
}

.tp-animation-button{
  transform: scale(1);
  transition: all ease-in-out 0.15s;
}

.tp-animation-button:hover{
  transform: scale(1.04)
}

.tp-animation-button:active{
  transform: scale(0.96);
}

.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: 3px 15px;
}

.table{
  width: 100% !important;
}

.morecontent span {
  display: none;
}

.morelink {
  display: inline;
}

a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.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;
}   

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

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

@media (min-width: 769px){
  .sidebar-xs .header-highlight .navbar-header .navbar-brand {
    padding-left: 0;
    padding-right: 0;
    /*background: url(../img/av.png) no-repeat center center;*/
    background-position-x: 45%;
    background-size: 40px;
    float: none;
    display: block;
  }
}

.ffooter {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 10px 20px;
  background: white;
  border-top: 1px solid #e7eaec;
  margin-left: 200px;        
}

.ffooter-xl{
  margin-left: 56px;     
}

@media (max-width:768px) {
  .ffooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 8px 10px;
    background: white;
    border-top: 1px solid #e7eaec;
    margin-left: 0;
    font-size: 11px;
    text-align: center;
  }
}


.table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td {
  padding: 4px 20px;
}   

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 4px 20px;
}

.modal-body {
  position: relative;
  padding: 20px
}

.panel {
  margin-bottom: 0 !important;
}
.row {
  margin-left: 0; 
}

table.display tbody tr:hover td {
  background-color: #AAB7D1 !important;
}

.modulo {
  padding-left: 5vw;
}

.categoria{
  padding-left: 10vw;
}

.subcategoria{
  padding-left: 15vw;
}

.supercategoria{
  padding-left: 20vw;
}

.modal-header[class*=bg-] {
  padding: 10px 15px;
}

.frm {
  margin-bottom: 15px;
}

.tooltip.top .tooltip-inner{
  max-width:310px;
  padding:3px 8px;
  text-align:center;
  /*background-color:#333;*/
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.glyphicon {
  font-size: 13px;
}

[class^="icon-"], [class*=" icon-"] {
  font-size: 14px;
}