body {

    background-color:#EBF1F5;
       /*background-color:#F9FAFF;*/
    font-family:Helvetica;
}

   .div-log {
        width:100%;
         min-height:300px;
        margin-top:50px;

           -webkit-box-shadow: 0px 0px 30px 0px rgba(163,163,163,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(163,163,163,1);
box-shadow: 0px 0px 30px 0px rgba(163,163,163,1);


background-color:#fff;
        }

.lbl-1 {
width:100%;
text-align:center;
margin:4px;

}
.lbl-logo {
font-size:18pt;
color:#626262;

font-weight:bold;
letter-spacing:1px;

}

.lbl-logo span{
color:#ff3e00;
}

@font-face {
    font-family: "Helvetica";
    src: url("Helvetica.ttf");
}
nav .navbar {

    /*background-color:#e6ecf1;*/
      background-color:#ff3e00;
}
.close-sesion {
color:#808080;
}

.panel-1 {
width:100%;

background-color:#fff;
border: solid 1px #e8e8e8;
min-height:200px;
border-radius:4px;
padding:8px;
/*text-shadow: 0px 2px 5px rgba(0,0,0,0.6);*/

}
.dato label{
    font-size:11pt;
    font-family:Helvetica;
 float:left;
 width:80%;
    color:#808080;
    letter-spacing:1px;
}
.div-area-1 {

    border-radius:4px;
    border:solid 1px #d7d7d7;

    background-color:#fff;
    
    padding:10px;


}
.dato span {

    font-family:Helvetica;
    font-size:18pt;
    font-weight:bold;
    color:#2624e6;
  
    float:right;
    margin-right:4%;
}

.dato .porcentaje {

width:100%;
text-align:center;
font-size:70px;
font-family:Calibri;
font-weight:bold;
color:#00b1ff;
}
.btn-outline-secondary {
font-weight:bold;
letter-spacing:1px;
}

.div-search {

    width:100%;

}

.div-search .elem-1 {

    width:80%;
    float:left;

    border-top-right-radius:0px;
    border-bottom-right-radius:0px;

            border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}.div-search .elem-2 {

         width:20%;
             float:left;

                 border-top-left-radius:0px;
    border-bottom-left-radius:0px;

        border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}


  .mydatagrid 
{
width:100%;
border:#e8e8e8;
}

 .mydatagrid td
{
     border:0px;
padding: 5px;

border-bottom:solid #cccccc 1px;
font-size:10pt;
}
.mydatagrid th
{

      border:0px;
padding: 5px;

font-size:10pt;
}



        .div-area-2 {
        
            padding:10px;
        
        -webkit-box-shadow: 0px 0px 33px -6px rgba(196,192,224,0.62);
-moz-box-shadow: 0px 0px 33px -6px rgba(196,192,224,0.62);
box-shadow: 0px 0px 33px -6px rgba(196,192,224,0.62);

border-radius:4px;
        border: solid 1px #e2e2e2;

        background-color:#fff;
        }