html, body{
    color:black;
    /*overflow-y:auto;*/
    font-family: Arial, Tahoma, Times, sans-serif;
}
.ocultar{
	display:none;
}
.mostrar{
	display:block;
}
.fa-times {
  color: red;
}
.fa-check {
  color: green;
}
/* DATATABLES */
td.details-control {
    background: url('/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('/images/details_close.png') no-repeat center center;
}
.form-group input {
  /*margin:0 5px;*/
  margin:5px 0;
}
.rounded {
  border-radius: 10px;
  background: #f1f1f1;
  padding:10px;
}
.margenBotonInsert{
    margin:20px 0 20px 0;
}
a{
    /*color:grey;*/
    color:black;
}

.td-altura-minima td{
    height: 30px;
}

.porcentaje:after{
    content: "%";
}

.textoAgrandado{
    font-size: 30px;
}

.precio:after{
    content: "€";
}

.enEuros:after{
    content: "€";
}
.enDolares:after{
    content: "$";
}

.imagenMapeo{
    position: relative;
    top     : 0px;
}

.stockPosicionado{
    color            : white;
    background-color : black;
    padding-left     : 5px;
    padding-right    : 5px;
    position         : absolute;
    border-radius    : 20pX;
    z-index          : 50;
}
.desactivada{
    /*background-color:#f6f6f6;*/
    text-decoration : line-through;
}
.liRedondeadoTextoCortado{
    border-radius : 5px;
    border        : 1px solid #eee;
    white-space   : nowrap;
    overflow      : hidden;
    padding       : 5px;
}

.filaTipoExpediente1 > td:first-child{
    background-color: #FCF2D3 !important;
}
.filaTipoExpediente2 > td:first-child{
    background-color: #CBE3F5 !important;
}
.filaTipoExpediente3 > td:first-child{
    background-color: #E5F1F9 !important;
}
.filaTipoExpediente4 > td:first-child{
    background-color: #FFCC33 !important;
}
.filaTipoExpediente5 > td:first-child{
    background-color: #D3E0EA !important;
}
.filaTipoExpediente6 > td:first-child{
    background-color: #FCCCD3 !important;
}
.filaTipoExpediente7 > td:first-child{
    background-color: #EFE0B2 !important;
}
.filaTipoExpediente8 > td:first-child{
    background-color: #F9DCE0 !important;
}
.filaTipoExpediente9 > td:first-child{
    background-color: #04B404 !important;
}
.filaTipoExpediente10 > td:first-child{
    background-color: #98cef2 !important;
}
.filaTipoExpediente11 > td:first-child{
    background-color: #fc8003 !important;
}
.filaTipoExpediente12 > td:first-child{
    background-color: #7ff997 !important;
}

.colorTipoExpediente1{
    background-color: #FCF2D3 !important;
}
.colorTipoExpediente2{
    background-color: #CBE3F5 !important;
}
.colorTipoExpediente3{
    background-color: #E5F1F9 !important;
}
.colorTipoExpediente4{
    background-color: #FFCC33 !important;
}
.colorTipoExpediente5{
    background-color: #D3E0EA !important;
}
.colorTipoExpediente6{
    background-color: #FCCCD3 !important;
}
.colorTipoExpediente7{
    background-color: #EFE0B2 !important;
}
.colorTipoExpediente8{
    background-color: #F9DCE0 !important;
}
.colorTipoExpediente9{
    background-color: #04B404 !important;
}
.colorTipoExpediente10{
    background-color: #98cef2 !important;
}
.colorTipoExpediente11{
    background-color: #fc8003 !important;
}
.colorTipoExpediente12{
    background-color: #7ff997 !important;
}

.mostrarOcultarInputCk .mostrarOcultarInput, .mostrarOcultar, .mostrarCursor, .mostrarOcultarForms{
    cursor: pointer;
}
.alinearTextoCentro{
    text-align : center;
}
.alinearTextoDerecha{
    text-align : right;
}
.alinearTextoIzq{
    text-align : left;
}
.inputMd{
    width: 175px; max-width: 175px;
}
.inputSm{
    width: 100px; max-width: 100px;
}
.inputXs{
    width: 50px; max-width: 50px;
}
span[data-nomDiv], div[data-nomDiv] {
    cursor: pointer;
}

ul.ui-autocomplete {
    z-index: 1100;
}

.divContabilidad ul {
    padding-left: 5px;
    list-style: none;
}
.divContabilidad ul li:before {
    content: "\00BB \0020";
}

.dangerExtra{
    background-color: red;
    color: black;
}

.contabilidadBlancoRojo{
    color: #fff;
    background-color: red;
}

.fieldsetVerde{
    /*padding: 10px;*/
    background-color: #D0FFD0;

    /*pendiente arreglar el estilo de la vista datos ingreso edit */
    border: 1px groove #008000 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow:  0px 0px 0px 0px #D0FFD0;
}

.fieldsetRojo{
    /*padding: 10px;*/
    background-color: #FFE0E0;

    border: 1px groove #CC0000 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow:  0px 0px 0px 0px #FFE0E0;
}

.fieldsetGris{
    background-color: #f1f1f1;

    border: 1px groove #636b6f !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow:  0px 0px 0px 0px #FFE0E0;
}

.fieldsetRojo legend, .fieldsetVerde legend, .fieldsetGris legend{
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

.datatableTextosCortados td {
    overflow: hidden; /* this is what fixes the expansion */
    text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
    white-space: nowrap;
}

.fa.fa-star.checked{
    color: orange;
}

.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(90deg);
    max-width: 30px;
    border-bottom: 0px solid #FFF !important;
}

.verticalTableHeader:before {
    content:'';
    padding-top:500%;/* 110 takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
.input-danger{
    font-size:1.3em;
    font-weight: bold;
    color: IndianRed;
}
.input-precioGrande{
    font-size:1.3em;
    font-weight: bold;

}
.euro {
    margin: 1px;
    padding: 5px;
    border: 3px solid #3399cc;
    background-image: url(../images/icon/euro.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #99ccff;
}

.dolar {
    margin: 1px;
    padding: 5px;
    border: 3px solid grey;
    background-image: url(../images/icon/dolar.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ccc;
}

.inputCaret:after {
    content: "\f0d7";
    font-family: FontAwesome;
    right: 15px;
    position: relative;
 }
 
.inputIconoRaton:after {
    content: "\f245";
    font-family: FontAwesome;
    right: 15px;
    position: relative;
}

.successPostLoading {
    background-color: #ffffff;
    background-image: url(../images/icon/check-solid.svg);
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}
.errorPostLoading {
    background-color: #ffffff;
    background-image: url(../images/icon/times-solid.svg);
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}
.loading {
    background-color: #ffffff;
    /*background-image: url("http://loadinggif.com/images/image-selection/3.gif");*/
    background-image: url(../images/icon/ajax-loader.gif);
    background-size: 25px 25px;
    background-position:right center;
    background-repeat: no-repeat;
}
.borderRedondeado{
    padding:5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.maquinaria table {
    border-collapse: collapse;
}

.maquinaria td {
    position: relative;
    padding: 5px 10px;
}
.inputBordeRojo{
    border: 1px solid red !important;
}
.inputBordeMorado{
    border: 1px solid darkviolet !important;
}
.maquinaria tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}
.input-xs {
  height: 22px;
  padding: 2px 5px;
  width: 10px;
  border-radius: 3px;
}
/* rojo */
.resumenGasto{
    background: red;
}
.resumenGastoManual{
    background: red;
}
.resumenSalidaStock{
    background: #ff6666;
}
.resumenSalidaStockMaquina{
    background: #ff8080;
}
.resumenCosteOperarios{
    background: #ff8080;
}
.resumenCosteMaquinas{
    background: #ff8080;
}
.resumenCosteServicio{
    background: #ff9999;
}
.resumenPrevisionGasto{
    background: #ffcccc;
}
.resumenCosteDivers{
    background: #ffcccc; /*pendiente*/
}
/* Verdes */
.resumenIngreso{
    background: #00ff00;
}
.resumenIngresoManual{
    background: #00ff00;
}
.resumenEntradaStock{
    background: #00BB00;
}
.resumenEntradaStockMaquina{
    background: #00BB00; /*#00e600; */
}
.resumenEntradaServicio{
    background: #00AA00;
}
.resumenPrevisionIngreso{
    background: #33ff33;
}

/*.tablaTRlineaInferior tr td {
  border-bottom:1pt solid black;
}*/

.tablaZebra tr:nth-child(even) {
  background-color: #f2f2f2
}

.optionResaltado{
    background: rgba(0, 0, 0, 0.2);
    color: #0000AA;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.paddingDerechoTitulo thead tr th{
    padding-right: 4px !important;
}

.has-error .form-control{
    border-color: red !important;
}

.margenBajoBajo{
    margin-bottom: 2px;
}

.spanRecortado{
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    width         : 150px;
    /*display       : inline-block;*/
    display       : flex;
}

.spanRecortado2{
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    width         : 200px;
    display       : inline-block;
    /*display       : flex;*/
}

/*para impirmir sin urls */
@media print {
  a[href]:after {
    content: none !important;
  }
}

/* para que el formulario este alineado en la fila*/
table td form{
    margin-bottom: 0px;
}

/* para que las tablas no tengan letra medium que son 16px*/
table{
    font-size: 14px;
}

.tachado{ text-decoration: line-through; }

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

label{
    font-weight: 700;
}

.badge-deletable:hover {
    text-decoration: line-through;
    background-color: red !important;
}

.clickable {
    cursor: pointer;
}

/* The Modal (background) */
.comunes-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
  /* Modal Content/Box */
.comunes-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}
  
/* The Close Button */
.comunes-close {
    color: #aaa;
    align-self: flex-end;
    font-size: 28px;
    font-weight: bold;
}
  
.comunes-close:hover,
.comunes-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.flash-error {
    animation: pulse-error 2s infinite;
}

@keyframes pulse-error {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 100, 100, 1);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.flash-warning {
    animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 131, 42, 1);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.flash-info {
    animation: pulse-info 2s infinite;
}

@keyframes pulse-info {
    0% {
        box-shadow: 0 0 0 0px rgba(150, 220, 255, 1);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}