/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

input {
    cursor:text !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.custom-file-input
{
    margin-top: 10px;
}

.filtros-boton-cabecera {
    margin-top: -5px !important;
}

.filtros-boton-cabecera2 {
    margin-top: 0px !important;
}

.grid-fila {
    padding-top: 10px;
}

.grid-columna {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.grid-celda {
    display: block;
    width: 100%;
    height: 24px;
    font-size: 13px;
    line-height: 1.42;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border-color: #ccc !important;
    border-width:1px; 
}
.table tbody tr td {
    vertical-align: middle !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.table thead tr th {
    vertical-align: middle !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgba(51,122,183, 0.1);
}

.table-hover tbody tr:hover td {
    background-color: rgba(91, 115, 154, 0.3);
}

.texto-16px
{
    font-size:16px;
}
.texto-13px {
    font-size: 13px;
}

.texto-12px {
    font-size: 12px;
}
.texto-11px {
    font-size: 11px;
}

.hr-estrecho {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.form-signin {
    max-width: 250px;
    padding: 15px;
    margin: 20px auto;
}

.login-boton {
    max-width:110px;
    margin: 15px auto;
}

.login-caja {
    margin-top: 5px;
}

.validation-summary-errors ul
{
    list-style-type: none;   
}

.filtros-label {
    padding-right: 5px;
    padding-bottom: 0px;
    /*padding-bottom: 5px;*/
}

.filtros-panel2,
.filtros-panel {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
}

.detalle-title {
    color: rgb(255,255,255);
    background-color: rgb(51, 122, 183);
    height: 30px;
    padding-top: 5px;
    text-align: center;
    border-radius: 4px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}


.detalle-title .titulo
{
    margin-top:1px;
}

.detalle-title .atras
{
    color:white;
    margin-top: -4px;
}

.detalle-title2 {
    background-color: rgb(255,255,255);
    color: rgb(51, 122, 183);
    height: 40px;
    padding-top: 10px;
    text-align: center;
    border-radius: 4px;
}

/*.bootstrap-select .dropdown-toggle .filter-option-inner-inner
{
    color: #fff !important;
}
*/
.card {
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
    transition: 0.3s;
    margin: 1%;
    height: 210px;
}

.card-visita {
    height: 290px;
}

.card-visita3 {
    height: 240px;
}

.card-visita2 {
    height: 305px;
}
.card-pto {
    height: 240px;
}
.card-etiqueta {    
    height: 440px;
}
.card-etiqueta3 {
    height: 310px;
}
.card-etiqueta2 {
    height: 500px;
}

.card-pedido {
    height: 260px;
}

.card-pedido2 {
    height: 315px;
}

.card-pedido3 {
    height: 360px;
}
.card-pedido4 {
    height: 400px;
}

.card-cliente {
    height: 250px;
}

.card-cliente3 {
    height: 230px;
}

.card-cliente2 {
    height: 280px;
}

.card-albaran {
    height: 250px;
}

.card-albaran2 {
    height: 305px;
}

.card-albaran3 {
    height: 225px;
}

.card-papel {
    height: 350px;
}

.card-papel2 {
    height: 460px;
}

.card-pelicula {
    height: 400px;
}

.card-troquel {
    height: 250px;
}

.card-title {
    background-color: rgb(51, 122, 183);
    height: 30px;
    text-align: center;
    padding-top: 8px;
}

.card-title-40 {
    background-color: rgb(51, 122, 183);
    height: 40px;
    text-align: center;
    padding-top: 8px;
}

.card-title-40,
.card-title,
.card-title a {
        color: rgb(255,255,255);
    }

.card-subtitle a,
.card-subtitle a:hover {
    text-decoration: none !important;
}

h5 a, h5 a:hover {
    text-decoration: none !important;
}

.dropdown-menu {
    background-color: rgb(91, 115, 154) !important;
}
    
.dropdown-menu li {
    padding-left:5px;    
}

.dropdown-menu li a {
    color: white;
}

.card-text2 {
    margin-bottom: 10px;
}

.bloqueado 
{
    background-color: rgba(255, 106, 0,1) !important;
}

.bloqueado2 {
    background-color: rgba(255, 106, 0,1);
    color: rgba(255, 255, 255, 1);
}

.potencial {
    background-color: rgba(153, 84, 187, 1) !important;
}

.potencial2 {
    background-color: rgba(153, 84, 187, 1) !important;
    color: rgba(255, 255, 255, 1);
}

.alerta {
    background-color: rgb(194, 190, 19);
}

.anulado
{
    background-color: rgba(255, 0, 0, 1);
}

.anulado2 {
    background-color: rgba(255, 0, 0, 1);
    color: #fff;
}



.servido
{
    background-color: rgb(22, 134, 52)
}

.servido2 {
    background-color: rgb(22, 134, 52);
    color:#fff;
}

.enproceso
{
    background-color: rgb(215, 23, 146)
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8);
}

.card-body {
    padding: 5px 8px 5px 8px;
    
}

.tab-sel 
{
    background-color: rgba(91, 115, 154,0.3);
}

.tab
{
    background-color: rgba(91, 115, 154, 0.1);
}

.card-body ul {
    list-style-type: none;
}

.navbar-fixed-top {
    background-color: rgb(40, 96, 144);
    border-color: rgb(40, 96, 144);
}

.navbar-brand
{
    font-size : 16px;
}

.navbar-nav li a
{
    color: rgb(255,255,255) !important;
    font-size:15px;
}

.navbar-inverse .navbar-nav > .open > a {
    background-color: rgb(40, 96, 144) !important;
}

.navbar-nav li.menu-sel
{
    background-color: rgba(255,255,255,0.5) !important;
    /*color: rgb(51,122,183) !important;*/
}

.navbar-nav li a:hover {
    text-decoration:underline !important;
}

.navbar-inverse .navbar-toggle {
    border-color: rgb(40, 96, 144) !important;
}

.btn-toolbar {
    background-color: transparent;
    border-color: transparent;
    color: rgba(255,255,255, 0.5);
    padding: 13px 15px 15px 16px;    
}

.btn-toolbar.menu {
    color: rgb(255,255,255) !important;
}

.btn-toolbar.menu:hover {
    color: rgba(255,255,255, 0.5) !important;
}

.btn-toolbar:hover {
    color: rgb(255,255,255);
}

.btn-toolbar.submenu {
    color: rgb(255,255,255) !important;
    background-color: rgb(40, 96, 144);
    border-color: rgb(40, 96, 144);
}

.btn-xs:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
}

.texto-alto-15 {
    height: 15px;
}

.texto-alto-25
{
    height: 25px;
}

.texto-alto-30 {
    height: 30px;
}

.texto-alto-40 {
    height: 40px;
}

.texto-alto-45 {
    height: 45px !important;
}

.form-group
{
    margin-left:0px !important;
    margin-right:0px !important;
    margin-bottom:5px !important;
}

.form-control
{
    margin-top:5px;
}

/*.form-control[readonly]
{
    background-color:rgb(255,255,255);
}*/

.botones-busqueda
{
    margin-top:7px;
}

.panel-busqueda {
    margin-top: 8px;
}

.card-botones
{
    margin-top:-10px;
}

.card-detalle
{
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:5px;
}

.height-320
{
    height: 320px;
}

.height-210 {
    height: 210px;
}

.cabecera-link
{
    width:106%;
    margin-top:-5px;
    margin-left: -10px;
    margin-bottom: -15px;
}

.btn-link:hover
{
    text-decoration:underline;
    color:rgb(255,255,255);
}

.btn-link.btn-tab:hover {
    text-decoration: underline;
    color: #337ab7 !important;
}

.validation-summary-errors
{
    padding-top:5px;
}
.bootstrap-select > .dropdown-toggle 
{
    height: 30px !important;
    padding-top: 4px;
}

.width-110
{
    width:110px;
}

.grid-columna-imagen {
    padding: 1px !important;
    margin: 1px !important;   
}

.combo {
    height: 30px !important;
    /*padding-top:5px;*/
}

.margin-top-5
{
    margin-top:5px;
}

.input-group-addon
{
    border:0px;
}

.checkbox-15
{
    height:15px !important;
}

.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
}

    .image-checkbox input[type="checkbox"] {
        display: none;
    }

.image-checkbox-checked {
    border-color: #4783B0;
}

.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.img-posicion-final
{
    max-width : 150% !important;
}

.backcolor-blue {
    background-color:darkblue;
    color:white;
    width:11%
}

.backcolor-green {
    background-color: darkgreen;
    color: white;
    width: 11%
}

.backcolor-yellow {
    background-color: darkgoldenrod;
    color: white;
    width: 11%
}

.backcolor-red {
    background-color: darkred;
    color: white;
    width: 11%
}

.color-blue {
    color: rgb(51, 122, 183);
}

.backcolor-white{
    background-color:white;
}

.form-control
{
    height:30px !important;
}



@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1100px) and (max-width:1199px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .filtros-panel {
        padding-top: 50px !important;
    }

    .detalle-title {
        margin-top: 60px !important;
    }

    .btn-group-lg,
    .btn,
    .btn-lg {
        font-size: 12px !important;
    }
    .container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        width: 11%;
    }
}

@media (max-width:768px)
{

    .texto-alto-15 {
        font-size: 12px;
    }
    .texto-alto-25
    {
        font-size:12px;
    }

    .card-title-40,
    .card-title {
        font-size: 12px;
    }

    .btn-toolbar,
    .dropdown-menu,
    .dropdown-toggle,
    .form-control,
    .control-label {
        font-size: 12px !important;
    }

    .btn-group-lg,
    .btn,
    .btn-lg {
        font-size: 12px !important;
    }
}


@media (max-width: 990px) {

    .dropdown-toggle,
    .btn-toolbar {
        font-size: 13px !important;
    }
}