﻿/*.loginStyle {
    box-shadow: 10px 10px 5px grey;
    padding-top: 50px;
    padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffdfc+21,fc4444+91 
    background: rgb(255,253,252);  Old browsers 
    background: -moz-linear-gradient(left, rgba(255,253,252,1) 21%, rgba(252,68,68,1) 91%);  FF3.6-15 
    background: -webkit-linear-gradient(left, rgba(255,253,252,1) 21%,rgba(252,68,68,1) 91%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(to right, rgba(255,253,252,1) 21%,rgba(252,68,68,1) 91%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
}*/


.modal-backdrop {
    position: relative !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.disabled {
    cursor: not-allowed;
    background-color: #e1e1e1 !important;
}

th {
    text-align: center;
}


.background-image:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    /*background-image: url('/mosconi/Images/empresa.jpg');*/
    background-image: url('../Images/Foto aérea Fábrica.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    /*    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);*/
}

    .background-image {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 0;
        margin-left: 20px;
        margin-right: 20px;
    }

body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
}

.clickeable{
    cursor:pointer;
}

/*.form-login {
    margin-top: 5%;
    border: 3px solid #808394;
    background-color: #f1f1f1;
    width: 400px;
    padding: 20px;
    border-radius: 10px;
}*/

.readonly-visible {
    cursor:pointer !important;
    background-color: #FFFFFF !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

hr {
    border-style: solid;
    border-color: #ee2c2b;
}

.entregado {
    background-color: #8ce88b !important;
}

.no-entregado {
    background-color: #f17d7d !important;
}

.tr-error {
    background-color: #f87e7e !important;
}

.tr-error:hover {
    background-color: #fcc3c3 !important;
}

.tr-ok {
    background-color: #79cf72 !important;
}
 
.tr-ok:hover {
    background-color: #a5dda1 !important;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.wide-input {
    max-width: 100% !important;
}

.text-price {
    padding-left: 100px;
    margin: 0px;
}

.text-no-margin {
    margin: 0px;
}

.text-no-margin-big {
    margin: 0px;
    padding-right: 10px;
    font-size: 200%;
    font-weight: 500;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cfcfcf;

    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #cfcfcf;
}

.text-error {
    border-color: #ee2c2b;
    border-width: 1px;
    border-style: solid;
}

.text-error:focus {
    border-color: #ee2c2b;
    border-width: 1px;
    border-style: solid;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ee2c2b;
}


.text-highlight {
    background-color: #b58900;
    color:white;
}

.container-fluid-small {
    max-width: 400px;
    margin-left: 2px;
}

.container-fluid-datos {
    max-width: 500px;
    margin-left: 2px;
}

.container-fluid-normal {
    max-width: 800px;
    margin-left: 2px;
}

.margin-top-bot {
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-green {
    color: white;
    background-color: #859900;
}

.btn-green:hover {
    color: white;
    background-color: #859900;
}

.btn-green:active {
    color: white;
    background-color: #859900;
}

.btn-green:visited {
    color: white;
    background-color: #859900;
}

.btn-red {
    background-color: #ee2c2b;
}

.btn-orange {
    color: white;
    background-color: #cb4b16;
}

.btn-yes {
    padding: 25px;
    margin-right:50px;
}

.btn-no {
    padding: 25px;
}

.text-logo {
    color: ghostwhite;
}

.text-logo:hover {
    color:white;
}

.text-logo-navbar {
    text-align: center;
    float: none;
    color: white;
}

.text-logo-margins {
    margin-bottom: 0px;
    margin-top: 15px;
}

.text-logo:active {
    color:white;
}

.no-margin-no-padding {
    padding: 0px;
    margin: 0px;
}

.navbar {
    min-height: 35px;
    background-color: #ee2c2b;
}

.img-logo {
    max-height: 35px;
}

.img-logo-medium {
    max-height: 60px;
}

.img-logo-large {
    max-height: 120px;
}

.sombreado {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.results {
    list-style-type:none;
    display:block;
    margin: 0 -1px;
    padding: 6px 40px 6px 10px;
    color: #808394;
    font-weight: 500;
    max-width:700px;
    text-shadow: 0 1px #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: #fdfdfd;
}

.hidden {
    display: none;
}

.text-list {
    color: #fff;
    background-color: #32a105;
}

.text-list:hover {
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    border-color: #2380dd #2179d5 #1a60aa;
    background-color: #338cdf;
}

.no-transport {
    color: #fff;
    background-color: #f87e7e;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: textfield !important;
    margin: 0 !important;
}

.has-float-label label, .has-float-label {
    z-index: 1;
}

.input-amedida {
    font-size:18px;
    /*max-width:100px;*/
  padding:10px 10px 10px 5px;
  display:block;
  border:none;
  background-color:transparent;
  border-bottom:1px solid #757575;
}

.input-amedida:focus 		
{ 
    outline:none; 
}

.float-label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 1.5em;
    top: 10px;
    transition: 0.2s ease all !important;
    -moz-transition: 0.2s ease all !important;
    transition: background-size 0.4s cubic-bezier(0.64, 0.09, 0.1, 1) !important;
    -webkit-transition: 0.2s ease all !important;
}

.borde-amedida {
    border: none;
    border-bottom: 1px solid #757575;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 2em;
    width: 100%;
    border: 0;
    padding: 10px 5px;
    background: transparent no-repeat;
    background-image: linear-gradient(to bottom, #db3c3c, #db3c3c), linear-gradient(to bottom, silver, silver) ;
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.4s cubic-bezier(0.64, 0.09, 0.1, 1);
}

.borde-amedida:focus {
    border: none;
    border-bottom: 0px solid #0000ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-size: 100% 2px, 100% 1px;
    outline: none;
}

.float-label-activo {
    top: -0.6em;
    font-size: 14px;
    font-weight: 600;
    left: 4px;
}

.input-amedida:focus ~ .float-label  {
    color:#db3c3c;
}

.checkbox-lg {
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
}
