* {
  -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 -61px;
  /* Pad bottom by footer height */
  padding: 0 0 61px;
}

/* 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:51px;
  background: #222;
  width:100%;
  padding-bottom:7px;
  z-index:1000;
}

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:0%;
      left:0%;
      width:100%;
      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;}
    .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;}
} 


/* MENU */

 #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    min-height:100%;
}
 
#wrapper.toggled {
    padding-left: 250px;
    overflow: scroll;
}
 
#sidebar-wrapper {
    z-index: 1000;
    position: absolute; 
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
 
#page-content-wrapper {
    position: absolute;
    padding: 15px;
    top:50px; 
    width: 100%; 
    
    overflow-x: hidden; 
}
.xyz{
    min-width: 360px;
}
#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px; 
}
.fixed-brand {
    width: auto;
}
/* Sidebar Styles */
 
.sidebar-nav {
    position: absolute;
    top: 65px;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}
 
.sidebar-nav li {
    text-indent: 15px;
    line-height: 40px;
}
 
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
 
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
    border-left: red 2px solid;
}
 
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}
 
.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
 
.sidebar-nav > .sidebar-brand a {
    color: #999999;
}
 
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.no-margin{
    margin:0;
}
LI.menu-separador {
  background: #222;
  color:#fff;
  font-weight:bold;
}
LI.text-copyright {
  text-indent: 0px;
  line-height: 16px;
  margin-top:20px;
  color:#df691a;
  font-size:12px;
  padding-left:40px;
  padding-right:20px;
  padding-top:10px;
  border-top:1px solid #333;
}
@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    .fixed-brand{
        width: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
 
    #sidebar-wrapper {
        width: 250px;
    }
 
    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled-2 #sidebar-wrapper {
        width: 65px;
    }
    #wrapper.toggled-2 #sidebar-wrapper:hover {
        width: 250px;
    }
 
    #wrapper.toggled-2 #sidebar-wrapper LI.text-copyright {
        display:none;
    }
 
    #page-content-wrapper {
        padding: 20px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
 
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 250px;
    }
    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -200px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
 
    }
}


#modal-container {
    position: fixed !important;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    z-index:9999;
    overflow: hidden;
}
/* XS */
@media(max-width:767px){
  .btn-block-xs {
    display:block;
    width:100%;
  }
  .btn-group-vertical-xs > .btn {
    position: relative;
    float: left;
  }  
}

/* SM */
@media(min-width:768px) and (max-width:991px){
  .btn-block-md {
    display:block;
    width:100%;
  }  
}

/* MD */
@media(min-width:992px) and (max-width:1199px){}

/* LG */
@media(min-width:1200px){}

.no-radius {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
.align-vertical-middle {
  vertical-align: middle !important;
}