/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/08/2017, 12:51:17 PM
    Author     : user
*/



.chart-container {
  position: relative;
  margin: auto;
  height: 50vh;
  width: 80vw;
}

input.mayusculas{text-transform:uppercase;}

.reflejo {  -webkit-box-reflect: below -10px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.5, transparent), to(white));  }     

.efecto3D {
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
span{
    color: #4C99DE;
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 100px;
    font-weight: bold;
}

.iluminacionform{
    box-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 80px rgba(256,256,256 ,1);
}

.iluminacion {
  /*text-shadow: 2px 2px 5px black;*/
  /*font-family: century Gothic;*/
  text-shadow: 0 0 5px blue;
}
.iluminacionwhite {
  text-shadow: 0 0 5px white;
}
.iluminacionGreen {
  text-shadow: 0 0 5px green;
}
.iluminacionBlue {
  text-shadow: 0 0 5px blue;
}
.iluminacionRed {
  text-shadow: 0 0 10px red;
}
.iluminacionOrange {
  text-shadow: 0 0 5px orange;
}


.blanco{
    color:white;
}
*{
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: Hind, century gothic; 
    font-size: 11px;
    
}


/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

html{
    /*font-family: 'Open Sans', sans-serif;*/
}
body{
        background: url("../img/fondo_2.png")no-repeat center center fixed;

        /* Nos aseguramos que la imagen de fondo este centrada vertical y
          horizontalmente en todo momento */
        background-position: center center;
        /* La imagen de fondo no se repite */
        background-repeat: no-repeat;

        /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
           la altura del contenido supere la altura de la imagen. */
        background-attachment: fixed;

        /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
           del navegador */
        background-size: cover;

        /* Fijamos un color de fondo para que se muestre mientras se está
          cargando la imagen de fondo o si hay problemas para cargarla  */
        background-color: white;
}

.flotante {
    display:scroll;
        position:fixed;
        top: 146px;
        right:120px;
}
.flotante2 {
    display:scroll;
        position:fixed;
        top:146px;
        right:20px;
}


input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="date"],select {
    width: 100%;
    height: 25px;
    margin: 0 0 10px;
    padding: 5px 1%;
    /*font-size: 18px;*/
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
}

input[type="submit"], input[type="button"], input[type="reset"] {
    display: inline-block;
    background: green;
    padding: 5px 10px;
    color: #fff;
    border: 0 none;
    /*font-size: 18px;*/
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: .5;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    opacity: .8;
}

.main input[type="text"], .main input[type="password"] {
    /*text-align: center;*/
    border:0;
}

.main input[type="submit"] {
/*    width: 99%;
    margin: 0 auto;
    padding: 10px 0;*/
}

.main{
    /*width: 75%;*/
    background-color: rgba(255,255,255,.4);
    text-align: center;
    border-radius: 5px;
    margin: 17% auto 0 auto;
    padding: 3%;
    position: relative;
    margin: 0 auto;
}
.main_add{
    width: 100%;
    background-color: rgba(255,255,255,.4);
    text-align: center;
    border-radius: 5px;
    margin: 10% auto 0 auto;
    padding: 1%;
    position: relative;
    margin: 0 auto;
}

.main_table{
    width: 100%;
    background-color: rgba(57, 171, 254,.0);
    text-align: center;
    border-radius: 5px;
    margin: 17% auto 0 auto;
    padding: 3%;
    position: relative;
    margin: 0 auto;
}
.main_form_reg{
    width: 100%;
    background-color: rgba(255,255,255,.4);
    text-align: left;
    border-radius: 5px;
    margin: 17% auto 0 auto;
    padding: 3%;
    position: relative;
    margin: 0 auto;
}
.centrar_fomulario{
    width: 50%;
    background-color: rgba(255,255,255,.4);
    text-align: center;
    border-radius: 5px;
    margin: 10% auto 0 auto;
    padding: 0%;
    position: relative;
    margin: 0 auto;
    border:0;
}
.formulario_restaurar_pass{
    transition: 2s;
    margin-top: 100px;
    width: 25%;
    box-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 80px rgba(256,256,256 ,1);
    transition: 2s;
    margin-bottom: 50px;
    border-color: rgba(255,255,255 ,1);
    border-width: 10px;
    border-radius: 10px;

}
.formulario_recuperar{
    transition: 2s;
    margin-top: 100px;
    width: 40%;
    box-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 80px rgba(256,256,256 ,1);
    transition: 2s;
    margin-bottom: 50px;
    border-color: rgba(255,255,255 ,1);
    border-width: 10px;
    border-radius: 10px;

}
.error{
    background-color: #E74F4F;
    position: absolute;
    top: 0;
    padding: 10px 0 ;
    border-radius:  0 0 5px 5px;
    color: #fff;
    width: 100%;
    text-align: center;
    display: none;
}
.mensaje_restaurar_pass{
    position: absolute;
    top: 0;
    
    border-radius:  0 0 0px 0px;
    color: #fff;
    width: 100%;
    text-align: center;
    display: none;
}
.formulario{
    transition: 2s;
    margin-top: 100px;
    width: 23%;
    box-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 80px rgba(256,256,256 ,1);
    

    transition: 2s;
    margin-bottom: 50px;
    border-color: rgba(255,255,255 ,1);
    border-width: 10px;
    border-radius: 10px;

}
.resplandorTabla{
    transition: 2s;
    margin-top: 5px;
    width: 100%;
    box-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 400px rgba(256,256,256 ,1);
    transition: 2s;
    margin-bottom: 30px;
    border-color: #33A8FF;
    border-width: 2px;
    border-radius: 2px;

}
.resplandorObjeto{
    transition: 2s;
    margin-top: 15px;
    width: 50%;
    box-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 80px rgba(256,256,256 ,1);
    transition: 2s;
    margin-bottom: 50px;
    border-color: rgba(255,255,255 ,1);
    border-width: 10px;
    border-radius: 10px;

}
.resplandorTexto{
    transition: 2s;
    margin-top: 15px;
    width: 50%;
    text-shadow: 0px 0px 40px rgba(255,255,255 ,1),0px 0px 80px rgba(256,256,256 ,1);
    transition: 2s;
    margin-bottom: 50px;
    border-color: rgba(255,255,255 ,1);
    border-width: 10px;
    border-radius: 10px;

}
.Input{
    transition: .8s;
    background-color:white; /*rgba(255,255,255,1);*/
    color: blue;
    /*border-color:#006;
    border-bottom-color:white;
    border-bottom-style:groove;
    border-left:none;
    border-right:none;
    border-top:none;
    border-width: 1px;*/
    border: 1px solid #ccc;


    
}

.Input:hover{
    transition: .8s;
    background-color:rgba(255,255,255 ,.3);
    /*background-color:rgba(55,71,79 ,.3);*/
    /*box-shadow:inset;*/
    box-shadow:  0 1px 1px #33A8FF,0 1px 1px #33A8FF;

}

.Input:focus{
    transition: .8s;
}  

    @media screen and (max-width:750px) {
        
/*        .logo{
            height: 50px;

        }*/
        .formulario{
            transition: 2s;
            width: 75%;
            margin-top: 50px;
        }
        .resplandorTabla{
            transition: 2s;
            width: 50%;
            margin-top: 50px;
        }        
        .formulario_restaurar_pass{
            transition: 2s;
            width: 75%;
            margin-top: 50px;
        }        
    }

    @media screen and (max-width:637px) {

        #cuadro2{
            margin-top: 80px;"
        }
        .flotante {
            display:scroll;
                position:fixed;
                top: 155px;
                right:120px;
        }
        .flotante2 {
            display:scroll;
                position:fixed;
                top:155px;
                right:20px;
        }        
    }



.reflejo {  -webkit-box-reflect: below -10px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(white));  }     

.efecto3D {
  text-shadow: 0 1px 0 white, 
               0 2px 0 white,
               0 3px 0 white,
               0 4px 0 white,
               0 5px 0 white,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 15px 15px rgba(0,0,0,.15);
}