* {
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1px inherit;
  font-family: 'Open Sans', sans-serif;
}

html,
body {
  height: 100%;
  background: #eee;
  /* The html and body elements cannot have any padding or margin. */
}

SELECT:disabled, input[type="text"]:disabled, input[type="number"]:disabled
{
  background:#fff !important;
  color:#000 !important;
  opacity: 1 !important;
}
TR.datagrid TD {cursor:pointer;}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 65%;
} 

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  position: relative;

}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left:40px;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left:40px;
}

.mayusculas {
  text-transform: uppercase;
}

/* ANIMATION */
#floatingCirclesG{
  display:none;
position:absolute;
left:50%;
margin-left:-64px;
top:30px;
width:128px;
height:128px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:52px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#frotateG_02{
left:15px;
top:15px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#frotateG_03{
left:52px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#frotateG_04{
right:15px;
top:15px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:52px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#frotateG_06{
right:15px;
bottom:15px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#frotateG_07{
left:52px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#frotateG_08{
left:15px;
bottom:15px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

DIV#submenu {
  position:fixed;
  top:55px;
  left:250px;
  margin:0px;
  background: #cfe6f4;
  width:100%;
  padding-bottom:7px;
  z-index:1000;
}

.wrapper.active DIV#submenu {
  left:0px;
}

DIV#submenu_container {
  /*max-width:1000px;*/
  /*margin:auto;*/
  padding-left:20px;
  padding-right:20px;
}
DIV#submenu BUTTON {
  margin-top:5px;
}

  @media only screen and (min-width: 1024px)  {
    DIV#modal,DIV#modal2 {
      background:#fff;
      position:fixed;
      top:40%;
      left:40%;
      width:1024px;
      height:600px;
      z-index:10000;
      margin-left:-512px;
      margin-top:-300px;
      background-repeat:no-repeat;
      background-position: center center;

    }
    DIV#modal-over,DIV#modal-over2 {
      background:rgba(0,0,0,0.5);
      position:fixed;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:9999;
    }
    DIV#modal-container,DIV#modal-container2 {display:none;}
    .fondo_hidden,.fondo_hidden2 {
      /*display:none;*/
      opacity: 0;
      height:0px;
      overflow: hidden;      
    }
  }

  @media only screen and (min-width: 768px) and  (max-width: 1023px) {
    DIV#modal,DIV#modal2 {
      background:#fff;
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      min-height:100%;
      z-index:10000;
      background-repeat:no-repeat;
      background-position: center center;

    }
    DIV#modal-over,DIV#modal-over2 {
      background:rgba(0,0,0,0.5);
      position:fixed;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:9999;
    }
    DIV#modal-container,DIV#modal-container2 {display:none;overflow:scroll;}
    .fondo_hidden,.fondo_hidden2 {
      /*display:none;*/
      opacity: 0;
      height:0px;
      overflow: hidden;      
    }
  }
  @media only screen and (max-width: 768px)  {
    DIV#modal,DIV#modal2 {
      background:#fff;
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      min-height:100%;
      z-index:10000;
      background-repeat:no-repeat;
      background-position: center center;

    }  
    DIV#modal-over,DIV#modal-over2 {
      background:rgba(0,0,0,0.5);
      position:fixed;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:9999;
    }
    DIV#modal-container,DIV#modal-container2 {display:none;overflow:scroll;}
    .fondo_hidden,.fondo_hidden2 {
      /*display:none;*/
      opacity: 0;
      height:0px;
      overflow: hidden;
    }
  }


.parpadeante {
  -webkit-animation:mover_caja 1s infinite;
  -moz-animation:mover_caja 1s infinite;
  animation:mover_caja 1s infinite;
  opacity: 1.0;
}
/* Para navegadores webkit */
@-webkit-keyframes mover_caja{
  0%{ opacity: 1.0; }
  50%{opacity: 0.0;}
  100%{opacity: 1.0;}
}
/* Para Firefox */
@-moz-keyframes mover_caja{
  0%{ opacity: 1.0; }
  50%{opacity: 0.0;}
  100%{opacity: 1.0;}
}
/* Para navegadores webkit */
@keyframes mover_caja{
  0%{ opacity: 1.0; }
  50%{opacity: 0.0;}
  100%{opacity: 1.0;}
}