/* Google Fonts */

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #4a516b;
    font-family: 'Signika', sans-serif;
    padding-bottom: 15px;
}

/* Custom Button */

.btn-zelaia {
    color: #fff;
    background-color: #f9590d;
    border-color: #953507;
}

.btn-zelaia:focus,
.btn-zelaia.focus {
    color: #fff;
    background-color: #e0500b;
    border-color: #953507;
}

.btn-zelaia:hover {
    color: #fff;
    background-color: #e0500b;
    border-color: #7c2c06;
}

.btn-zelaia:active,
.btn-zelaia.active,
.open > .dropdown-toggle.btn-zelaia {
    color: #fff;
    background-color: #e0500b;
    border-color: #7c2c06;
}

.btn-zelaia:active:hover,
.btn-zelaia.active:hover,
.open > .dropdown-toggle.btn-zelaia:hover,
.btn-zelaia:active:focus,
.btn-zelaia.active:focus,
.open > .dropdown-toggle.btn-zelaia:focus,
.btn-zelaia:active.focus,
.btn-zelaia.active.focus,
.open > .dropdown-toggle.btn-zelaia.focus {
    color: #fff;
    background-color: #7c2c06;
    border-color: #953507;
}

.btn-zelaia.disabled:hover,
.btn-zelaia[disabled]:hover,
fieldset[disabled] .btn-zelaia:hover,
.btn-zelaia.disabled:focus,
.btn-zelaia[disabled]:focus,
fieldset[disabled] .btn-zelaia:focus,
.btn-zelaia.disabled.focus,
.btn-zelaia[disabled].focus,
fieldset[disabled] .btn-zelaia.focus {
    background-color: #f9590d;
    border-color: #953507;
}

.btn-zelaia .badge {
    color: #f9590d;
    background-color: #fff;
}

/* Custom Link */

.text-zelaia {
    color: #f9590d;
}

a.text-zelaia:hover,
a.text-zelaia:focus, {
    color: #f9590d;
}

/* Custom From Control */

.form-control:focus, .bootstrap-select .dropdown-toggle:focus {
    border-color: #fcac86;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(252, 172, 134, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(252, 172, 134, .6);
}

/* Responsive Image */

.img-responsive {
  margin: 0 auto;
}

/* Margins */

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mlr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

/* Custom Pagination */

.pagination > li > a,
.pagination > li > span {
    color: #f9590d;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #e0500b;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #f9590d;
    border-color: #f9590d;
}

/* Custom Drop Down Menu */

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #f9590d;
}

/* Bootstrap Table Plugin Detail Icon Custom Color */

a.detail-icon > i {
    color: #f9590d;
}

a.detail-icon:hover > i,
a.detail-icon:focus > i, {
    color: #953507;
}

/* Table Header */

table.table-zelaia > thead > tr,
.fix-sticky thead tr {
    color: #fff;
    background-color: #f9590d;
}

table.subtable > thead > tr {
    color: #4a516b;
    background-color: #ccc;
}

table.subtable > tbody > tr {
    background-color: lemonchiffon;
}

/* Custom Fields */

input[id^='cajas'], input[id^='unidades'] {
    width: 4.2em;
    text-align: right;
}

.input-price {
    width: 4.5em;
    text-align: right;
}

input[id^='comisionekg'] {
    width: 4em;
    text-align: right;
}

.select-bool {
    width: 5em;
}

.select-char {
    width: 2.5em;
    padding: 0;
}

.col-faltas {
    width: 4em;
}

/* Custom Panel */
.panel-zelaia > .panel-heading {
    color: #fff;
    background-color: #f9590d;
    border-color: #ddd;
}

/* Color Mercabilbao */
.mercabilbao {
    background-color: #bb1d26;
}

/* Custom Label */
.label-zelaia {
    color: #f9590d;
    background-color: #fff;
    border: 1px solid #aaa;    
}

/* Custom Glyphicons Size */
.glyphicon-lg {
    font-size: 25px;
}

/* Pointer Class */
.pointer {
    cursor: pointer;
}

/* Modal Vertically Center */
/* .modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
} */

/* impide que la ventana principal se vaya al inicio cuando se abra una ventana modal */
/* body.modal-open {
    overflow: visible !important;
} */

/* Línea de nuevo pedido con cantidad introducida en cajas o unidades */
.linea-con-datos {
    background-color: #aaa;
}

/* input para proveedores */
.input-proveedor {
    min-width: 150px;
}

/* Ocultar el spinner en los campos input tipo number */

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

/* Webkit */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*
.glyphicon.glyphicon-shopping-cart {
    margin-top: 20px;
    font-size: 25px;
    color: #4a516b;
}

.badge-shopping-cart {
    position:relative;
    top: -20px;
    left: -15px;
    background-color: #f9590d;
}
*/


/* rounded corners */
.rounded {
    border-radius: 4px;
}

/* custon link 2 */
a.text-white:link,
a.text-white:visited {
    color: white;
    text-decoration: none;
}

a.text-white:hover,
a.text-hite:focus {
    color: gainsboro;
    text-decoration: none;
}
