/* custom style for login page */
.card {    
    padding: 15px;
    max-width: 400px;
    height: auto;
    margin: 10px auto;
    text-align: center;
}
/* /end custom style for login page */

body {
    background-color: rgb(224, 224, 224);
}

p {
    margin-top: 20px;
    margin-bottom: 10px;
}

 h1, h3 {
    margin-top: 30px;
}

.cajatabla {
    margin:0 0 25px;
    overflow:hidden;
    padding:20px;
    background-color:rgb(255, 255, 255);
    border:1px solid #afcde3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }



    .caja1 {
        margin:0 0 25px;
        overflow:hidden;
        padding:20px;
        background-color:#fff;
        border:0px solid #000;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        height: 63%;

       
        
        box-shadow: 2px 2px 10px rgb(197, 197, 197);
        }





    .caja2 {
        margin:0 0 25px;
        overflow:hidden;
        padding:20px;
        background-color:#fff;
        border:0px solid #000;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        /*height: 60%;*/
     
        box-shadow: 2px 2px 10px rgb(197, 197, 197);
        }
        
/*Fuente regulable*/
        .fuente2 {font-size:1em;}

/*Responsive para el CANVAS*/
        #canvas{
            width: 100%;
            height:auto;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
          }
          

          .canvas-container {
            position: relative;
            max-width: 500px;
            min-width: 100px;
            margin: 0px 0px 70px 0px;
         }
        

@media screen and (max-width: 800px) {
#calendar{
display:none;
}
}
@media screen and (max-width: 800px) {
.cajatabla{
display:none;
}
}

.resetfirma{
    
    margin-top: 25px;
    background-color:#f8d7da;
}

.firmaraqui{
    
    margin-top: 10px;
    background-color:#d0e4fc;
    margin-bottom: -10px;
   
}