/* CSS Document */
/* Para Versión Ejecutiva de SIANet */

  .navbar {
      font-family: Montserrat, sans-serif, Arial;
      margin-bottom: 0;
      background-color: #2d2d30;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 2px;
      opacity: 0.9;
  }
.navbar-brand {
      font-family: Montserrat, sans-serif, Arial;
      font-size: 12px !important;
      font-weight:normal;
      letter-spacing: 1px;
      opacity: 0.9;
  }
/*el que dice versión ejecutiva del lado izquierdo y tmb lo central*/
  .navbar li a, .navbar .navbar-brand { 
      color: white !important;
  }
  /*cambiarle el color al menu y borde*/
  .navbar-nav li a:hover {
      color: #fff !important;
      background-color: Gray !important;
  }
  .navbar-nav li.active a {
      color: red !important;
      background-color: blue !important;
  }
  /*LOS COLORES DONDE DICE COMISION MOSCAMED*/
  .navbar-default {
       color:white;
      border-color: transparent;
      background-color: #003366 !important;
  }
  /*LOS COLORES DESPUES DE SELECCIONAR UNO ACTIVO EN EL MENU*/
  .open .dropdown-toggle {
      color: Black;
      background-color: Gray !important;
  }
  .dropdown-menu li a {
      color: black !important;
  }
  /*LOS COLORES DEL MENU DESPLEGABLE*/
  .dropdown-menu li a:hover {
      background-color: #003366 !important;
  }

  .navbar-brand {
      font-family: Montserrat, sans-serif;
      font-size: 12px !important;
      font-weight:bolder;
      letter-spacing: 1px;
      opacity: 0.9;
  }
  .nav-tabs{
      Color:#003366;
      font-family: Montserrat, sans-serif, Arial;
      font-size: 10px !important;
      font-weight:bolder;
      letter-spacing: 1px;
      opacity: 0.9;
      border-bottom:10px solid #003366
      /*border-bottom:5px solid #ddd*/
  }

  .nav-tabs>li{
      float:left;
      margin-bottom:-1px
  }
  .nav-tabs>li>a{
      color:#003366;
      text-decoration:none;
      margin-right:2px;
      line-height:1.428571429;
      border:1px solid transparent;
      border-radius:4px 4px 0 0
  }
  .nav-tabs>li>a:hover{
      border-color:#eee #eee #ddd;
      Color:White;
      background-color:LightGray;
  }
  .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
      color:#003366;
      cursor:default;
      background-color:LightGray;
      border:1px solid #ddd;
      border-bottom-color:transparent
  }
  .nav-tabs.nav-justified{
      width:100%;
      border-bottom:0
  }
  .nav-tabs.nav-justified>li{
      float:none
  }
  .nav-tabs.nav-justified>li>a{
      text-align:center
  }
  @media(min-width:768px)
  {
      .nav-tabs.nav-justified>li{
          display:table-cell;
          width:1%
      }
  }
  .nav-tabs.nav-justified>li>a{
      margin-right:0;
      border-bottom:1px solid #ddd
  }
  .nav-tabs.nav-justified>.active>a{
      border-bottom-color:#fff
  }
.input-sm {
  height: 35px;
  padding: 5px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  font-family: Lato, sans-serif, Arial;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm {
  height: auto;
}
/*  .input-sm {
          padding: 3px 2px;
          font-size: 10px !important;
          color: black;
          border-radius: 3px;
          height:25px;
          font-family: Lato, sans-serif, Verdana;
        }
    .form-control {
  display: block;
  width: 100%;
  height: 25px;
  padding: 3px 3px;
  font-size: 10px;
  line-height: 1.428571429;
  color: black;
  vertical-align:auto;
  font-family: Lato, sans-serif, Verdana;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-family: Lato, sans-serif, Verdana;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
*/

/*select.input-sm {
  height:25px;
}*/
textarea.input-sm {
  height: auto;
}

 

  footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 52px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }

  .dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
  


    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    /* Set black background color, white text and some padding */
    footer {
        background-color: #f2f2f2;
        color: #003366;
        height: 90px;
        width: 100%;
        padding: 3px;
    }
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 1px;
      }
    }

    .panel-custom {
        border-color:#003366;
        }
    .panel-custom-scroll {
        overflow-x: scroll;
    } 
 .th-custom {
    color: black;
    background:black;
    background-color: #00ace6;
    font-weight:bolder;
    font-size: 11px;
}
 .th-suma-pagina-custom {
    color: #003366;
    background:black;
    background-color:#f2f2f2;
    font-weight: normal ;
    font-size: 11px;
}
 .th-total-pagina-custom {
    color: black;
    background:black;
    background-color: #00ace6;
    font-weight: bold;
    font-size: 11px;
}


 hr.custom {
    width: 90%;
    border: 0;
    height: 1px;
    background: transparent;
    opacity: 0.2;
}

 hr.custom-2 {
    margin-top:1px;
    margin-bottom:1px;
    color:black;
    width: 100%;
    border: 1px;
    height: 3px;
    background: #00ace6;
    opacity: 0.5;
} 
.note {
    padding-left: 20px;
    font-size: 12px;
    font-style: italic;
}

/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color:red;  Sets the text hover color on navbar
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #003366;
    font-weight:bolder;
    color:red; Change active text color here
}

  .navbar-default {
    background-color: #003366;
    border-color: #003366;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: white;
   text-decoration: none;
  background-color: red;  change color of links in drop down here
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: white; Change rollover cell color here
  }


  .navbar-default .navbar-nav > li > a {
   color: white; Change active text color here
    }


  .navbar-custom {
    color: white;
    background-color: #003366;
}
  .navbar-custom-2 {
    color: black;
    background-color: white;
}
     Remove the navbar's default margin-bottom and rounded borders  
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
     Set height of the grid so .sidenav can be 100% (adjust as needed) 
    
     Set gray background color and 100% height 
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
     Set black background color, white text and some padding 
    footer {
        background-color: #f2f2f2;
        color: #003366;
        height: 70px;
        width: 100%;
        padding: 5px;
    }
     On small screens, set height to 'auto' for sidenav and grid 
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 1px;
      }
    }

    .panel-custom {
        border-color:#003366;
        }
    .panel-custom-scroll {
        overflow-x: scroll;
    } 
 .th-custom {
    color: whitesmoke;
    background:black;
    background-color: #003366;
    font-weight:bolder;
    font-size: 11px;
}
 .th-suma-pagina-custom {
    color: whitesmoke;
    background:black;
    background-color: #546f9f;
    font-weight: normal ;
    font-size: 11px;
}
 .th-total-pagina-custom {
    color: white;
    background:black;
    background-color: #003366;
    font-weight: bold;
    font-size: 11px;
}


 hr.custom {
    width: 90%;
    border: 0;
    height: 1px;
    background: transparent;
    opacity: 0.2;
}
 
.note {
    padding-left: 20px;
    font-size: 12px;
    font-style: italic;
}*/