#head-mobile {
    position: fixed;
    height: 60px;
    background-color: white;
    width: 100%;
    z-index: 3000;
    top: 0;
}

#wrapper {
    padding-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
#sidebar-menu li.barra {
    border-top: 1px solid #ddd;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px 10px 10px 10px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */
.sidebar-nav p {
    padding: 10px;
}
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-icon {
    float: left;
    height: 40px;
    width: 50px;
    padding: 10px 10px 0 10px;
    text-align: center;
    vertical-align: middle;
}
.sidebar-nav .fa-caret-down {
    margin: 5px 0 0 10px;
}

.sidebar-nav li a {
    display: flex;
    vertical-align: middle;
    height: 40px;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;  
}
.sidebar-nav li ul {
    list-style-type: none;
}
.sidebar-nav li ul a {
    padding-left: 10px;
}
#btn-logout {    
    display: inline-block;
    height: auto;
    margin: 6px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.2);
}

.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
    color: #689536;
}
.sidebar-brand .verde-oscuro {
    color: #174427;
}
.sidebar-nav a.ordenes-validar {
    height: auto;
    margin-top: -34px;
    margin-right: 10px;
    color: white;
}
.sidebar-nav a.ordenes-validar strong {
    left: 5px;
    top: -1px;
}

#btn-sidebar-mobile {
    margin: 10px 10px 10px 10px;
}

footer {
    text-align: center;
}

.row.vdivide > [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 1px;
    content: "";
    display:block;
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    min-height: 70px;
}

.panel-heading .pull-right {
    margin-right: -10px;
    margin-top: -7px;
}

fieldset .div-editar {
    margin-top: -2px;
    float: right;    
    margin-bottom: -28px;
}

#panel-permisos .alert {
    margin-bottom: 5px;
    padding: 9px;
}
#panel-permisos .alert .btn {
    margin: -5px;
}

.alert-danger {
    padding: 5px;
    border-radius: 2px;
}

.table-roles .collapsing {
    -webkit-transition: none;
    transition: none;
}

.column-2 {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

.panel .nav-tabs {
    margin: -15px -15px 10px -15px;
    padding: 4px 4px 0 4px;
}
.panel .nav-tabs a {
    padding: 8px 12px;
    font-size: 12px;
}
.panel .nav-tabs a:focus {
    background-color: none;
    outline: none;
}
.panel-heading .label.label-icono {
    float: left;
    margin-left: -10px;
    padding: 10px;
}
.panel-heading .label {
    margin: -5px 5px 0px 0px;
    position: relative;
    top: -1px;
}

.panel-body .btn-group-menu {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.panel-body .btn-group-menu:blank,
.panel-body .btn-group-menu:-moz-only-whitespace,
.panel-body .btn-group-menu:empty {
    padding: 0px;
    display: none;
}

form table label {
    font-weight: normal;
}
/***** CONFIG *****/
.col-dec {
    background-color: #E4F2D5;
}
.col-ope {
    background-color: #c5cfef;
}
/***** END CONFIG *****/

/***** ORDENES *****/
.panel-heading[data-toggle="collapse"] {
    cursor: help;
}
.panel-heading.panel-edit {
    cursor: pointer; cursor: hand;
}
.fa-icono {
    position: relative;
}
.fa-icono:after {
    font-family: FontAwesome;
    right: 9px;
    position: absolute;
    top: 5px;
}
.icono-colapsar:after {
    content: "\f078";
}
div.collapsed:after {
    content: "\f053";
}
.icono-editar:after {
    content: "\f040";
}
.icono-editando:after {
    content: "\f044";
}
.icono-cargando:after {
    content: "\f110";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.table-mercancias {
    margin-bottom: 0px;
}
.table-mercancias tfoot {
    background-color: #f5f5f5;
}
dl {
    margin-bottom: 0px;
}
.popover {
    max-width: 100%;
}
.popover-content, .popover-title {
    font-size: 12px;
}
.popover .div-traza-orden {
    margin: 10px -14px;
    padding: 10px 14px;
    background-color: #f7f7f7;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.popover p {
    margin: 0 0 5px 0;
}
.table > tbody > tr.fila-secundaria > td {
    border-top: none;
    padding-top: 0px;
}
tr.ui-draggable-dragging {
    background-color: #fff;
    z-index: 3000;
}
tr.ui-droppable:hover td, tr.ui-droppable-hover td, tr.warning.ui-droppable-hover td {
    background-color: #dff0d8 !important;
}
.panel-sm {
    margin-bottom: 10px;
}
.panel-sm .panel-heading {
    padding: 5px 10px;
}

/***** combobox ******/
.ui-menu {
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0px;
    max-height: 10em;
    overflow-y: auto;
    overflow-x: hidden;
    width: 19.5em;
}
.ui-menu-item {
    padding: 2px 5px;
}
.ui-menu-item:hover, .ui-menu-item:active { 
    background-color: #f5f5f5;
}
.ui-helper-hidden-accessible, .ui-helper-hidden-accessible div {
    display: none;
    visibility: hidden;
    height: 0px;
    width: 0px;
    overflow: hidden;
}
.ui-autocomplete, .ui-front.ui-widget-content {
    z-index: 2000;
}

/***** ajax *****/
div {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
.panel-fade {
    opacity: 0.5;
}

/***** Otros *****/
.table-middle > tbody > tr > td {
    vertical-align: middle;
}
.panel-footer .pagination {
    margin: 0px;
}
.clickable-cell {
    cursor: pointer;
}
i.cursor {
    cursor: default;
}
.text-sm {
    font-size: 12px;
}
.dl-custom dd {
    margin-bottom: 5px;
}
.p-error {
    background-color: #f2dede;
    color: #a94442;
    padding: 5px;
}
.modal-footer {
    text-align: left;
}
.table-datos th {
    text-align: right;
}
.table-datos th.text-center {
    text-align: center;
}
.table-datos > tbody > tr > th, .table-datos > tbody > tr > td {
    border: none;
}
.ordenar {
    white-space: nowrap;
}
.lista-referencias {  
    list-style: none;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

/***** proformas ****/
.fila-titulo-secundario {
    color: #888;
    padding: 0px;
}

/***** Responsive *****/
@media(min-width:768px) {
    .sidebar-brand img {
        margin-left: 5px;
    }
    .sidebar-brand button {
        float: right;
        margin: 15px 15px 0 0;
    }
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 50px;
    }

    #sidebar-wrapper {
        width: 250px;
        overflow-x: hidden;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 50px;
    }    
    #wrapper.toggled #sidebar-wrapper:hover {
        width: 250px;
    }

    #page-content-wrapper {
        padding: 15px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    footer {
        text-align: left;
    }
    footer .virtualis {
        text-align: right;
    }
    .dl-custom dt {
        width: 160px;
    }
    .dl-custom dd {
        margin-left: 170px;
    }
}

@media (max-width: 767px) { 
    body {
        padding-top: 60px;
    }
    fieldset + fieldset {
        margin-top: 15px;
    }
    .panel ul.nav {
        padding: 0px;
    }
    .nav-tabs > li a {
        border: none;
    }
    .nav-tabs > li.active > a{
        border: none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
    {
        background:none;
        border:none;
    }
}
@media print {
    a[href]:after {
        content: none !important;
    }
    .hidden-print {
        display: none !important;
        content: none !important;
        visibility: hidden !important;
    }
}

#spinner {
    position: fixed;
    top: 15px;
    right: 15px;
}

span[contenteditable=true] {
    padding: 5px;
    background-color: #d9edf7;
    border-radius: 5px;
}


table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    padding-right: 20px;
}
table.tablesorter thead tr .header {
    background-image: url(images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(images/desc.gif);
}

@media (min-width: 768px){
    .dl-custom-checkbox dd {
        margin-left: 30px;
        width: 105px;
    }   
}


.closed-slide{
    overflow-y: hidden;
    max-height: 0%; 
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slide{
     max-height: 100%;
     
}

#myTable {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 14px; /* Increase font-size */
}

#myTable th, #myTable td {
    text-align: left; /* Left-align text */
    padding: 5px; /* Add padding */
}

#myTable tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #ddd; 
}

#myTable tr.header, #myTable tr:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: #f1f1f1;
}