@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700);
body,
html {
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgb(19, 85, 161), rgb(56, 126, 185));
    font-family: 'Merriweather Sans', sans-serif;
    background-attachment: fixed;
}

h1 {
    color: #fff;
}

.nav>li>a {background-color: #ccc; font-size: 12px;}
ul.nav.nav-pills.pull-right {}

.card-container.card {
    max-width: 450px;
    padding: 40px 40px;
}

.card {
    background-color: #fff;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.profile-img-card {
    width: 90px;
    margin: 0 auto 10px;
    display: block;
    /*height: 80px;
   
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;*/
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus {
    color: rgb(12, 97, 33);
}

.footer {
   /* position: absolute;
    bottom: 0;*/
    width: auto;
    height: 3 em;
    padding-top: 10px;
    margin-top: 4em;
    background-color: rgb(19, 85, 161);
    color: #fff;
    clear: both;

}

.footer2 {
    width: 100%;
    height: 3 em;
    padding-top: 10px;
    background-color: rgb(19, 85, 161);
    color: #fff;
}

#Grilla {
    position: relative;
    max-width: 100%;
    width: 100%;
}

.white-panel img {
   /* height: 50px;
    width: 100px;
    
    height: auto;
    clear: both;
    display: block;*/
    
    clip: rect(0px,100px,50px,0px);
}


.white-panel {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    -o-transition: all 700ms;
    transition: all 700ms;
}


/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
    font-size: 1em;
}

.white-panel h1 a {
    color: #A92733;
    display: block;
    clear: both;
    text-decoration: none;
}

.white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    background-color: #e5e5e5;
    font-weight: bold;
    /*margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}

.container{font-family: "Open sans",Arial;}

@media print {
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
}
.datepicker-corto {
    width: 170px;        /* ajusta aquí el largo total */
}

.datepicker-corto input {
    width: 120px;        /* largo del campo texto */
}