/* ================= */
/* Estilos Globales  */
/* ================= */
.title-pagina {
   background-color: rgba(17,17,17,0.9) !important;
   font-size: 30px;
//   padding: 10px 0;
   font-weight: 100;
   width: 100%;
   border-top: 4px solid;
   border-bottom: 4px solid;
   color: rgba(255,255,255,0.9) !important;
   font-family: "Open Sans", sans-serif;
   text-align: center;
}

.regreso {
   color: #222222 !important;        
}

.btn-submit{
    transition: all .5s ease;
    width: 30%;
    border-radius: 30px !important;
    background-color: #888888 !important;
    color: #000000;
    font-weight: 600;
    border: 1px solid #888888;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.btn-submit:hover {
    background-color: #000000 !important;
    color: #888888;
}

.tbcantidad{
    text-align: right !important;
}

/* ============== */
/* LOGIN          */
/* ============== */
.login{
   background-position:left;
   background-size:70% cover;
   background-repeat: no-repeat;
   background-position-x: -355px;
   background-position-y: -139px;
   height: 100% !important;
}

.login .logo {
  margin: 0 auto;
  margin-top: 60px;
  padding: 15px;
  text-align: center; }

.login .content {
  background-color: #fff; 
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  width: 30%;
  max-height: 100%;
  margin: 20px auto 100px auto;
  padding: 80px;
  padding-top: 10px;
  overflow: hidden;
  float: right; }

.login .content h3 {
  color: #4db3a5;
  text-align: center;
  font-size: 28px;
  font-weight: 400 !important; 
}

.login .content .login-form{
  padding: 0px;
  margin: 0px; }

.login .content .form-control {
  border: none;
  background-color: #dde3ec;
  height: 43px;
  color: #8290a3;
  border: 1px solid #dde3ec; }
  .login .content .form-control:focus,
  .login .content .form-control:active {
    border: 1px solid #c3ccda; }
  .login .content .form-control::-moz-placeholder {
    color: #8290a3;
    opacity: 1; }
  .login .content .form-control:-ms-input-placeholder {
    color: #8290a3; }
  .login .content .form-control::-webkit-input-placeholder {
    color: #8290a3; }

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px; }

.login .content .form-actions {
  clear: both;
  border: 0px;
  border-bottom: 1px solid #eee;
  padding: 25px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px; }

.login .content .form-actions .btn {
  margin-top: 1px; }

.login .content .form-actions .btn {
  font-weight: 600;
  padding: 10px 20px !important; }


@media (max-width: 440px) {
  /***
  Login page
  ***/

  .login .logo {
    margin-top: 10px;
   }
  .login .content {
    width: 100%;
    margin-top: 10px;
   }
  .login .content h3 {
    font-size: 22px; 
   }
  .forget-password {
    display: inline-block;
    margin-top: 20px; 
   }
}

@media screen and (max-width:700px) {
  .login{
    background-size:0%;
    background-repeat: no-repeat;
   }

  .login .content {
    background-color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    width: 80%;
    max-height: 100%;
    margin: 50px auto 100px auto;
    padding: 50px;
    padding-top: 10px;
    overflow: hidden;
   }
}

@media screen and (max-width:980px) {
  .login{
    background-size:0%; 
    background-repeat: no-repeat;
   }

  .login .content {
    background-color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    width: 100%;
    max-height: 100%;
    margin: 50px auto 100px auto;
    padding: 50px;
    padding-top: 10px;
    overflow: hidden;
   }
}

/* ============== */
/* menu           */
/* ============== */
.selcia{
    color: #FFFFFF !important;
    font-family: "Open Sans", sans-serif !important;
    background-color: #660000 !important;
    font-size: 14px !important;
    display: block !important;
    font-weight: bold !important;
    display: block !important;
    padding: 15px;
    font-size: 1.2rem;
    justify-content: center;
    align-items: center;

}

.navbar-brand {
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase
}

.navbar .nav {
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 1.2rem;
}

.navbar-inverse {
  background-color: rgba(34,34,34,0.9) !important;
  color: #FFFFFF  !important;
}


.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  background-color: #660000 !important;
  color: #FFFFFF  !important;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: rgba(34,34,34,0.9)  !important;
  color: #FFFFFF  !important;
}

.dropdown-menu {
  background-color: rgba(34,34,34,0.9) !important;
  color: #FFFFFF  !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #660000 !important;
  color: #FFFFFF  !important;
}

.navbar-inverse {
  background-image: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-image: none;
}

.navbar-inverse {
  border-color: rgba(34,34,34,0.9) !important;
}

.navbar-inverse .navbar-brand {
  color: #FFFFFF !important;
}

.navbar-inverse .navbar-brand:hover {
  color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>li>a {
  color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #FFFFFF !important;
}

.dropdown-menu>li>a {
  color: #FFFFFF !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #FFFFFF !important;
}

        
        
@media screen and (max-width: 600px){
    nav {
        width: 100% !important;
        position: relative !important;
    }
    main {
        width: 100% !important;
        position: relative !important;
    }
}

/* ============== */
/* Catalogos.php  */
/* ============== */
.secconfig {
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: "Open Sans", sans-serif !important;
    padding: 25px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.secconfig:hover  {
   font-family: "Open Sans", sans-serif !important;
   color: #FFFFFF !important;
}

.hijo {
    padding: 10px;
    margin: 10px;    
}    

.seccfg {
   color: rgba(34,34,34,0.9) !important;
}

.seccfg:hover {
   color: #660000 !important;
}

/* ====================== */
/* Seccion config sistema */
/* ====================== */
.cfgcolmenu, .cfgtxtcolmenu {
   background-color: rgba(34,34,34,0.9) !important;
   color: #FFFFFF !important;
}
.cfgcolselcia, .cfgtxtcolselcia{
   background-color: #660000 !important;
   color: #FFFFFF !important;        
}
.cfgcoltitle, .cfgtxtcoltitle{
   background-color: rgba(17,17,17,0.9) !important;
   color: rgba(255,255,255,0.9) !important;        
}
.cfgcolsbajo, .cfgtxtcolsbajo{
   background-color: rgba(153,0,0,0.9) !important;
   color: #FFFFFF !important;        
}
.cfgcolsmedio, .cfgtxtcolsmedio{
   background-color: #CC9900 !important;
   color: #000000 !important;        
}
.cfgcolsideal, .cfgtxtcolsideal{
   background-color: rgba(0,153,51,0.9) !important;
   color: #FFFFFF !important;        
}
.cfgcolsexce, .cfgtxtcolsexce{
   background-color: #0033FF !important;
   color: #FFFFFF !important;        
}

.cfgcolbtnreg, .cfgtxtcolbtnreg{
   background-color: #222222 !important;
   color: #FFFFFF !important;        
}

.cfgcolbtnsend, .cfgtxtcolbtnsend{
   background-color: #888888 !important;
   color: #000000 !important;        
}
           
/* ============== */
/* Seccion config sistema */
/* ============== */

/* ------- */