/*!
 * Start Bootstrap - SB Admin 2 v3.3.7+1 (http://startbootstrap.com/template-overviews/sb-admin-2)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
    background: #EAEAEA;
    font-family: Helvetica, Arial, sans-serif;
}
#wrapper {
    width: 100%;
}
#page-wrapper,
.page-wrapper{
    max-width: 1600px;
    margin: 65px auto 15px auto;
    padding: 0 15px;
}
.panel-success .btn-primary:active,
.panel-success .btn-primary.active,
.panel-success .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.panel-success .btn-primary .badge {
    color: #558B2F;
    background-color: #FFFFFF;
}
.navbar-top-links {
    margin-right: 0;
}
.navbar-top-links li {
    display: inline-block;
}
.navbar-top-links li:last-child {
    margin-right: 15px;
}
.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
    display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}
.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}
.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}
@media (min-width: 768px) {
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}
.btn-outline {
    background-color: #fff;
    transition: all .2s;
}
.btn-primary.btn-outline {
    color: #428bca;
}
.btn-success.btn-outline {
    color: #5cb85c;
}
.btn-info.btn-outline {
    color: #5bc0de;
}
.btn-warning.btn-outline {
    color: #f0ad4e;
}
.btn-danger.btn-outline {
    color: #D9230F;
}
.btn-primary.btn-outline:active,
.btn-success.btn-outline:active,
.btn-info.btn-outline:active,
.btn-warning.btn-outline:active,
.btn-danger.btn-outline:active,
.btn-primary.btn-outline:focus,
.btn-success.btn-outline:focus,
.btn-info.btn-outline:focus,
.btn-warning.btn-outline:focus,
.btn-danger.btn-outline:focus,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}
.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999999;
}
.chat li.left .chat-body {
    margin-left: 60px;
}
.chat li.right .chat-body {
    margin-right: 60px;
}
.chat li .chat-body p {
    margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}
.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}
.login-panel {
    margin-top: 25%;
}
.flot-chart {
    display: block;
    height: 400px;
}
.flot-chart-content {
    width: 100%;
    height: 100%;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}
table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, 0.5);
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}
.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}
.show-grid {
    margin: 15px 0;
}
.huge {
    /*font-size: 40px;*/
    font-size: 2em;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}
.panel-green > a {
    color: #5cb85c;
}
.panel-green > a:hover {
    color: #3d8b3d;
}
.panel-red {
    border-color: #D9230F;
}
.panel-red > .panel-heading {
    border-color: #D9230F;
    color: white;
    background-color: #D9230F;
}
.panel-red > a {
    color: #D9230F;
}
.panel-red > a:hover {
    color: #b52b27;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}
.panel-yellow > a {
    color: #f0ad4e;
}
.panel-yellow > a:hover {
    color: #df8a13;
}
.radio, .checkbox {
    /*	line-height: 1.5em;
        padding: 4px;*/
}
.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
}
.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eeeeee;
}
.timeline > li {
    position: relative;
    margin-bottom: 20px;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -15px;
    border-top: 15px solid transparent;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    background-color: #999999;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}
.timeline-badge.success {
    background-color: #3f903f !important;
}
.timeline-badge.warning {
    background-color: #f0ad4e !important;
}
.timeline-badge.danger {
    background-color: #D9230F !important;
}
.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(10%);
        width: -moz-calc(10%);
        width: -webkit-calc(10%);
    }
    ul.timeline > li > .timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0;
    }
    ul.timeline > li > .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0;
    }
}
/* auto-desplegar menu de seccion Electro */
/* ============ desktop view ============ */
/*@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}*/
/* ============ desktop view .end// ============ */

.alert .fa-lg{
    font-size:1.8em;
}
.border-bottom{
    border-bottom:1px solid rgba(0,0,0,0.2);
}
.border-top{
    border-top:1px solid rgba(0,0,0,0.2);
}
.block{
    display: block;
}
.brand-primary{
    color: #337ab7;
}
.brand-success{
    color: #5cb85c;
}
.brand-info{
    color: #5bc0de;
}
.brand-warning{
    color: #f0ad4e;
}
.brand-danger{
    color:#D9230F;
}
.breadcrumb{
    background: #FFFFFF;
    border: 1px solid #CCC;
    font-size: 1em;
    margin: 15px;
    margin-top: 66px;
}
.breadcrumb + #page-wrapper,
.breadcrumb + .page-wrapper {
	margin-top: 0;
}

.col-center{
    float: none;
    margin: 0 auto;
}
.col-max-1000{
    max-width:1000px;
}
.col-max-1200{
    max-width:1200px;
}
.cursor-help{
    cursor:help;
    text-decoration: underline dashed;
}
.cursor-pointer{
    cursor:pointer;
}
.dataTables_length select{
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.sba-userinfo .fa{
    color:#FFF9C4;
    padding:3px 4px;
}
.sba-userinfo .fa.fa-verde{
    color:#B2FF59;
}
.icon-gray{
    color:#AFAFAF;
}
.icon-green{
    color:#00C853;
}
.icon-red{
    color:#D32F2F;
}
.list-group-item .label{
    font-size:74%;
}
.modal-body .alert{
    word-wrap: break-word;
}
#navbar_menu{
    background: #E5180D;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.6), inset 0px 2px 2px rgba(0,0,0,0.2);
    position:fixed;
    top:0;
    left:0;
    right:0;
}
#navbar_menu.test_env{
    background-size: auto auto;
    background-color: #cc0e00;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 18px, rgba(229, 24, 13, 1) 18px, rgba(229, 24, 13, 1) 36px );
}
#navbar_menu .navbar-nav > li > a {
    color: #fff;
}
#navbar_menu .navbar-brand{
    display:inline-block;
    float:none;
}
#navbar_menu .navbar-brand:active,
#navbar_menu .navbar-brand:focus,
#navbar_menu .navbar-brand:hover{
    color:#FFCDD2;
}
#navbar_menu .navbar-brand,
#navbar_menu .navbar-top-links a{
    color:#FFF;
}
#navbar_menu .navbar-top-links > li > a {
    font-weight: bold;
}
#navbar_menu .navbar-top-links > li > a:focus,
#navbar_menu .navbar-top-links > li > a:hover {
    color:#FFCDD2;
    background-color: rgba(0,0,0,0.15);
}
/* Navbar user widgets */
.navbar-form{
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
}
.navbar-widget{
    background:rgba(0,0,0,0.15);
    border-radius:3px;
    color:#FFF;
    cursor: default;
    font-size:1em;
    line-height:1.2em;
    margin:5px 16px 0 8px;
    padding:3px 4px;
}
.navbar-widget small{
    font-size:10px;
}
.navbar-widget:hover{
    transition: background .2s ease;
    background:rgba(0,0,0,0.35);
}
.navbar-widget .username{
    color:#FFF9C4;
}
.navbar-userstats i.fa{
    margin:0 4px;
}
#navbar_menu .navbar-logo{
    width:144px;
    height:36px;
    margin-top:8px;
    margin-left:12px;
}
#header_cart{
    background: #FFF8E1;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    color: #FF6F00;
    display: inline-block;
    font-size: 1.2em;
    margin-top: 12px;
    margin-left: 8px;
}
#header_cart a{
    display:block;
    padding: 0 8px;
    text-decoration: none;
    transition: background .2s ease;
}
#header_cart a:active,
#header_cart a:focus{
    text-decoration: none;
}
#header_cart a:hover{
    background: #FFE082;
    text-decoration: none;
}
#header_cart i.fa{
    /*	font-size:1em;*/
}
.navbar-electro{
    background: #B9F6CA;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 0px 1px #FFF;
    font-size: 1em;
    margin: 1em auto;
}
.navbar-electro .dropdown-toggle{
    color: #2E7D32;
    font-weight: bold;
    text-transform: uppercase;
}
.navbar-electro .dropdown-menu{
    background:#F1F8E9;
}
.nav-grupos{
    background:#69F0AE;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float:none;
    font-size:12px;
    margin:1px;
}
.nav-grupos > li > a{
    padding:4px 8px;
}
.navbar-default .navbar-nav.nav-grupos > li > a:focus,
.navbar-default .navbar-nav.nav-grupos > li > a:hover{
    background:#B9F6CA;
}
.nav-grupos .dropdown-menu > li > a:hover,
.nav-grupos .dropdown-menu > li > a:focus{
    background-color:#69F0AE;
}
.oculto{
    display: none;
}
.padding-8{
    padding:8px;
}
.panel-heading .btn-xs{
    margin-top:-2px;
}
/*.panel-heading > i.fa{
    margin-top: 3px;
}*/
.size-18{
    font-size:18px;
}
.sub{
    vertical-align: sub;
}
.table-sticky > thead > tr > th{
    position: sticky;
    top: 50px; /* required for the stickiness */
    z-index: 1; /* bugfix para paneles dentro de la tabla */
}
.table-hover > tbody > tr:hover {
    background-color: #E1F5FE;
}
.thumb_documento{
    border:1px solid #ccc;
    border-radius:4px;
    max-width:100%;
    max-height:360px;
}
.thumb_edit > img{
    border:1px solid #ccc;
    border-radius:4px;
    width:160px;
}
.thumb_promocion_edit > img{
    border:1px solid #ccc;
    border-radius:4px;
    height:320px;
    width:320px;
}
.thumb-medium{
    border:1px solid #CCC;
    border-radius:4px;
    max-width:320px;
    max-height:200px;
    padding:2px;
}
.thumb-small{
    background: #FFF;
    border:1px solid #CCC;
    border-radius:4px;
    max-height:50px;
    padding:2px;
    width:50px;
}
.thumb-64{
    background:#FFF;
    border:1px solid rgba(0,0,0,0.35);
    border-radius:4px;
    padding:2px;
    max-height:64px;
    max-width:64px;
}
.thumb-32{
    background:#FFF;
    border:1px solid rgba(0,0,0,0.35);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    padding:1px;
    max-height:32px;
    max-width:48px;
}
.thumb-32:hover {
    border: 1px solid rgba(0, 123, 255, 0.75); /* Blue border */
    box-shadow: 0px 1px 1px rgba(0, 123, 255, 0.5); /* Blue shadow */
    filter: brightness(1.2); /* Add lightness */
}
.icon-colorize:hover {
    color: rgb(135, 206, 250); /* Light sky blue */
    filter: grayscale(0%) hue-rotate(220deg) brightness(1.2); /* Add light blue tint */
}
.thumbnail{
    max-width: 90%;
}
.translucid{
    background-color: rgba(0,0,0,0.2);
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.no-wrap{
    white-space: nowrap;
}
.well .btn-lg{
    min-width: 128px;
}
.well .btn-circle{
    min-width:unset;
}
table.dataTable{
    font-family: 'Roboto Condensed', sans-serif;
}

/* Global margin classes */
.m0  {
    margin:        0
}
.mt0 {
    margin-top:    0
}
.mr0 {
    margin-right:  0
}
.mb0 {
    margin-bottom: 0
}
.ml0 {
    margin-left:   0
}
.mx0 {
    margin-left:   0;
    margin-right:  0
}
.my0 {
    margin-top:    0;
    margin-bottom: 0
}

.m1  {
    margin:        4px
}
.mt1 {
    margin-top:    4px
}
.mr1 {
    margin-right:  4px
}
.mb1 {
    margin-bottom: 4px
}
.ml1 {
    margin-left:   4px
}
.mx1 {
    margin-left:   4px;
    margin-right:  4px;
}
.my1 {
    margin-top:    4px;
    margin-bottom: 4px;
}

.m2  {
    margin:        8px
}
.mt2 {
    margin-top:    8px
}
.mr2 {
    margin-right:  8px
}
.mb2 {
    margin-bottom: 8px
}
.ml2 {
    margin-left:   8px
}
.mx2 {
    margin-left:   8px;
    margin-right:  8px;
}
.my2 {
    margin-top:    8px;
    margin-bottom: 8px;
}

.m3  {
    margin:        12px
}
.mt3 {
    margin-top:    12px
}
.mr3 {
    margin-right:  12px
}
.mb3 {
    margin-bottom: 12px
}
.mb4 {
    margin-bottom: 18px
}
.ml3 {
    margin-left:   12px
}
.mx3 {
    margin-left:   12px;
    margin-right:  12px;
}
.my3 {
    margin-top:    12px;
    margin-bottom: 12px;
}

.mxn1 {
    margin-left: -4px;
    margin-right: -4px;
}
.mxn2 {
    margin-left: -8px;
    margin-right: -8px;
}
.mxn3 {
    margin-left: -12px;
    margin-right: -12px;
}

.ml-auto {
    margin-left: auto
}
.mr-auto {
    margin-right: auto
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.p0 {
    padding:0
}
.p1 {
    padding:4px
}
.p2 {
    padding:8px
}
.p3 {
    padding:12px
}

/* JS Toast */
.toast {
    background-color: black;
    background-color: rgba(50, 50, 50, .8);
    border-radius: 2em;
    bottom: 2em;
    color: white;
    display: none;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1.3em;
    left: calc(50% - 5em);
    min-width: 10em;
    padding:1em 2em;
    position: fixed;
    text-align: center;
}

/*
 * Material Design Icons by Google
 * https://google.github.io/material-design-icons/
 */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    cursor:default;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
    font-size: 18px;
}
.material-icons.md-24 {
    font-size: 24px;
}
.material-icons.md-36 {
    font-size: 36px;
}
.material-icons.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

/* DataTables expand button */
td.details-control {
    background: url('baseline_add_circle_black_24dp.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('baseline_remove_circle_black_24dp.png') no-repeat center center;
}

.div_botones{
    white-space: nowrap;
}

.panel-compact .panel-heading{
    padding:8px;
    text-transform: uppercase;
}

.panel-compact .panel-heading .fa{
    /*margin:3px 3px 0 3px;*/
}

.progress-ajax{
    font-weight:bold;
    margin:6px auto;
    max-width:300px;
    text-transform:uppercase;
}

.ui-widget-overlay {
    background: #333;
    opacity: 0.4;
    filter: Alpha(Opacity=40);
}

/* Acomodar boton cerrar modal de jQuery UI */
.ui-dialog .ui-dialog-titlebar-close {
    border-radius: 3px;
    right: 5px;
    top: 5px;
    margin: 0;
    height: 27px;
    width: 27px;
}

/* Fix para input type date en Firefox */
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: inherit;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    background-color: #EEEEEE;
}

/* https://stackoverflow.com/questions/61992025/google-chrome-showing-black-border-on-focus-state-for-button-user-agent-styles */
button:focus-visible,
input:focus-visible {
    outline:0px transparent !important;
}

button:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
    outline: 0px transparent !important;
}

textarea.form-control{
    resize: vertical;
}

.form-control.error{
    box-shadow:0 0 0 3px #FF5252;
}

.panel-heading > i.fa{
    margin-top:2px;
}

.well-success{
    background: #F1F8E9;
    border: 1px solid rgba(0,0,0,0.15);
}

.modal-body img{
    max-width:100%;
}

.modal-footer{
    text-align: center;
}

.nav-pills{
    border-radius: 4px;
    overflow: hidden;
}

.nav-pills > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #D9230F;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    text-decoration: none;
    background-color: #FFCDD2;
}

.bgred50{
    background:#FFEBEE;
}

.bggray50{
    background:#FAFAFA;
}

.panel-filter{
    background:#ECEFF1;
    border-bottom:1px solid #CCC;
}

.label-default{
    background-color: rgba(0,0,0,0.5);
}

.well.bg-success{
    background-color:#DFF0D8;
}

.well.bg-info{
    background-color:#D9EDF7;
}

.well.bg-warning{
    background-color:#FCF8E3;
}

.well.bg-danger{
    background-color:#F2DEDE;
}

.alert ul{
    padding-left: 16px;
}

.btn-micro{
    padding-bottom: 2px;
    padding-top: 2px;
}

table.dataTable tbody td {
    vertical-align: middle;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

.label span.subtitle{
    color:rgba(255,255,255,0.6);
}

.btn-icon{
    min-width:36px;
    padding-left:0;
    padding-right:0;
}

/* Fix por AZ 08/03/2022 */
table{
    font-size:inherit;
}

.barcode {
    display: inline-block;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.text-sm{
    font-size:small;
}
.bg-producto-foto{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.help-dotted{
    cursor:help;
    text-decoration:underline;
    text-decoration-style:dotted;
}
/* Para caso en que no haya barrita de navegacion */
.nobreadcrumbs{
    margin-top: 66px;
    max-width:100%;
}
.bg-danger{
    background-color:#F2DEDE;
}
.bg-success{
    background-color:#DFF0D8;
}
.bg-warning{
    background-color:#FCF8E3;
}
.bg-info{
    background-color:#D9EDF7;
}
.bg-gray{
    background-color:#E9E9E9;
}
/* bootstrap fixes */
.ui-widget input.input-sm, .ui-widget select.input-sm, .ui-widget textarea.input-sm, .ui-widget button.input-sm {
    font-size: 12px;
}
div.ui-widget.ui-widget-content{ /* div requerido para sobreescribir jquery-uid */
    border-radius:0;
    border:1px solid #98320a;
    box-shadow: 0 0 0px 4px #d9230f inset,0px 0px 2px 0px rgba(0, 0, 0, 0.75);
    padding-bottom: 0.6em;
}
.ui-dialog .ui-dialog-titlebar {
    background: #d9230f;
    border: 0;
    border-radius: 0;
    font-weight: normal;
    margin: 0;
    line-height: 1.4em;
}
.list-group-item .fa.pull-right{
    margin-top: 3px;
}
.limited-height {
    height: 440px;       /* Establece la altura máxima del elemento */
    overflow-y: auto;    /* Agrega una barra de desplazamiento vertical si el contenido excede la altura */
    border: 1px solid #ccc; /* Opcional: agrega un borde para visualizar el área del elemento */
    padding: 10px;       /* Opcional: agrega relleno para separar el texto del borde */
    box-sizing: border-box; /* Incluye el borde y el relleno en el cálculo del tamaño total del elemento */
}
.monto-centavos {
    opacity: 0.5;
}