/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*** Login ***/
body {font-family: 'Ubuntu', sans-serif !important;}
.main-head{height: 150px;background: #FFF;}
.sidenav {height: 100%;background:url(../img/bg-login.jpg) no-repeat 50% 50% / cover;overflow-x: hidden;padding-top: 20px;border-left:10px #faca00 solid}
.main {padding: 0px 10px;}

.sidenav-login {margin-top: 20%;padding: 60px;color: #fff;}
.sidenav-login h1{font-weight: 700;font-size: 40px !important;text-shadow: 5px 5px 5px rgba(0,0,0,0.8);margin-bottom:0;border-bottom: 2px solid #fff;}
.sidenav-login h2{font-weight: 400;font-size: 30px !important;text-shadow: 5px 5px 5px rgba(0,0,0,0.);margin-top: 0;}
.btn-black{background-color: #000 !important;color: #fff;}

.logo-login{width: 250px;margin-top: 50px; margin-left: 15px}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
}

@media screen and (max-width: 450px) {
    .login-form{margin-top: 10%;}
    .register-form{margin-top: 10%;}
    .sidenav-login h1{font-weight: 700;font-size:42px !important; text-shadow: 5px 5px 5px rgba(0,0,0,0.8); margin-bottom:0; border-bottom: 2px solid #fff}
    .sidenav-login {margin-top: 20%;padding: 60px 20px;color: #fff;}
    .sidenav-login h2{font-weight: 400;font-size:32px !important; text-shadow: 5px 5px 5px rgba(0,0,0,0.); margin-top: 0}
}

@media screen and (min-width: 768px){
    .main{margin-left: 40%; }
    .sidenav{width: 40%;position: fixed;z-index: 1;top: 0;left: 0;}
    .login-form{margin-top: 40%;}
    .register-form{margin-top: 20%;}
}

.login-form label{font-size: 20px;font-weight: 300 important}
.login-form .form-control {border-radius: 0 !important;}
.lost-clave{display: block;width: 100%}
.login-form #correo{height: 46px;background: url(../img/pic-icon-user.png)no-repeat 0 0 ;padding-left: 52px}
.login-form #clave{height: 46px;background: url(../img/pic-icon-pass.png)no-repeat 0 0 ;padding-left: 52px}
.login-form .btn.btn-black{height: 36px;background: url(../img/pic-icon-entrar.png)no-repeat 2px 2px / 28px 28px;padding-left: 42px}
.lost-clave label{display: block;width: 100%; font-size: 14px !important; margin-top: 50px; color: #000}
.lost-clave2 label{display: block;width: 100%; font-size: 14px !important; margin-top: 10px; color: #000}



/*** Declaración ***/
.top-bar-header{background-color: #fff; /* For browsers that do not support gradients */background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05)); /* Standard syntax (must be last) */padding-bottom:15px}
.top-bar-header .logo-login{width: 200px;margin-top: 20px; margin-left: 15px}
.container-fluid.bar-header-1.bar-header-tit{background:url(../img/bg-banner-top-1.png)no-repeat 50% 50%; height:200px;}
.container-fluid.bar-header-2.bar-header-tit{background:url(../img/bg-banner-top-2.png)no-repeat 50% 50%; height:200px;}
.container-fluid.bar-header-3.bar-header-tit{background:url(../img/bg-banner-top-3.png)no-repeat 50% 50%;min-height: 200px;}
.container-fluid.bar-header-tit .div-logout{background: #fff; height: 200px;; text-align: center;padding-top:60px;}
.container-fluid.bar-header-tit .div-logout span{display: block; width: 100%;}
.container-fluid.bar-header-tit h1{font-weight: 700;font-size:50px !important; text-shadow: 5px 5px 5px rgba(0,0,0,0.8); margin-bottom:0;color: #fff !important}
.container-fluid.bar-header-tit h1:after{content:""; width: 50%; height: 2px; background: #fff; display: block;margin: 15px auto;}
.container-fluid.bar-header-tit h2{font-weight: 400;font-size:40px !important; text-shadow: 5px 5px 5px rgba(0,0,0,0.); margin-top: 0; color: #fff}
.logout{cursor: pointer}
.sin-padding{padding: 0 !important}

.container-fluid.amarillo{background: yellow; display:block; width:100%; height:5px}
.container-fluid.azul{background: blue; display:block; width:100%; height:5px}
.container-fluid.rojo{background: red; display:block; width:100%; height:5px; margin-bottom:25px;}

.menu-bar{background: rgba(0,0,0,0.1); height:75px; padding-top: 12px}
.menu-bar .menu-destopk .menu-declareciones, .menu-bar .menu-destopk .menu-reportes{width: 40%;position: relative!important;margin-right: 2%}
.menu-bar .menu-declareciones, .menu-bar .menu-reportes{border-right: 1px solid rgba(0,0,0,0.1); padding-right:10px}
.menu-bar .menu-destopk .menu-salir{width: 15%;position: relative!important;margin-right: 0%}
.menu-bar .menu-destopk .menu-declareciones .dropdown-menu, .menu-bar .menu-destopk .menu-reportes .dropdown-menu{position: absolute}
.dropdown-toggle::after {width: 0;height: 0;margin-left: 0;right: 5px !important;top: 45%;position: absolute; content: "";border-top: .5em solid #ff9600;border-right: .5em solid transparent;border-bottom: 0;border-left: .5em solid transparent;}

@media (max-width: 1150px){
    .container-fluid.bar-header-tit h1{font-size:40px !important;}
    .container-fluid.bar-header-tit h2{font-size:30px !important;}
}

@media (min-width: 768px){
    .navbar-nav>li>a {padding: 15px 5px !important;text-align:left ;color: #000 !important;font-size: 18px;}
    .navbar-nav li a span{color: #ff9600; margin-right: 10px}

}

.pagetabtitles{background: url(../img/bg-tit-table.png)no-repeat 50% 50% / 100% 100%;height: 60px;text-align: left;padding-left: 50px;font-weight: 700;font-size: 28px;box-shadow:5px 5px 5px rgba(0,0,0,0.08);color: #0087d6}
.btn-save{background: url(../img/pic-icon-save.png) no-repeat 10px center rgba(0,0,0,0.1);border: 1px solid rgba(0,0,0,0.2);color: rgba(0,0,0,0.8) !important;padding:10px 15px 10px 40px; box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
.btn-save:hover{box-shadow: inset 3px 3px 8px rgba(0,0,0,0.13)}

.btn-save-2{background: url(../img/pic-icon-generar.png) no-repeat 10px center rgba(0,0,0,0.1);border: 1px solid rgba(0,0,0,0.2);color: rgba(0,0,0,0.8) !important;padding:10px 15px 10px 40px; box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
.btn-save-2:hover{box-shadow: inset 3px 3px 8px rgba(0,0,0,0.13)}

.btn-save-3{background: url(../img/pic-icon-user.png)no-repeat 0 0 / auto 100% rgba(255,255,255,0.9);border: 1px solid rgba(0,0,0,0.2);color: rgba(0,0,0,0.8) !important;padding:10px 15px 10px 40px; box-shadow:3px 3px 5px rgba(0,0,0,0.1); padding-left: 45px}
.btn-save-4{background: url(../img/pic-icon-pass.png)no-repeat 0 0 / auto 100% rgba(255,255,255,0.9);border: 1px solid rgba(0,0,0,0.2);color: rgba(0,0,0,0.8) !important;padding:10px 15px 10px 40px; box-shadow:3px 3px 5px rgba(0,0,0,0.1); padding-left: 45px}


@media(max-width:991px){
    .top-bar-header .col-md-3{width: 100% !important; display: block !important; max-width: 100%}
    .top-bar-header .logo-login{margin: 15px auto; float: none; display: block; width: 150px}

    .container-fluid.bar-header-tit h1{font-weight: 700;font-size:32px !important; text-shadow: 5px 5px 5px rgba(0,0,0,0.8); margin-bottom:0;color: #fff !important}
    .container-fluid.bar-header-tit h1:after{content:""; width: 50%; height: 2px; background: #fff; display: block;margin: 0 auto;}
    .container-fluid.bar-header-tit h2{font-weight: 400;font-size:22px !important; text-shadow: 5px 5px 5px rgba(0,0,0,0.); margin-top: 0; color: #fff}

    .container-fluid.bar-header-1.bar-header-tit{background:url(../img/bg-banner-top-1.png)no-repeat 50% 50%; height:150px;}
    .container-fluid.bar-header-2.bar-header-tit{background:url(../img/bg-banner-top-2.png)no-repeat 50% 50%; height:150px;}
    .container-fluid.bar-header-3.bar-header-tit{background:url(../img/bg-banner-top-3.png)no-repeat 50% 50%; height:150px;}
    .container-fluid.bar-header-tit .div-logout{background: #fff; height: 150px;; text-align: center;padding-top:40px;}

    .col-xs-12.col-sm-12.col-md-6.col-md-offset-3.menu-destopk{width: 100% !important; display: block !important;max-width: 100% !important}
}

@media(max-width:768px){
    .col-xs-12.col-sm-12.col-md-6.col-md-offset-3.menu-destopk ul{width: 100% !important}
    .container-fluid.menu-bar{height: 190px; display: block;float: left;clear: both }
    .navbar-nav>li>a {padding: 15px 5px !important;text-align:left ;color: #000 !important;font-size: 18px;}
    .navbar-nav li a span{color: #ff9600; margin-right: 10px}
    .dropdown-menu{background: #fff !important}
}

@media(max-width: 480px){
    .container-fluid.bar-header-2.bar-header-tit{height:250px;}
    .container-fluid.bar-header-tit .div-logout{height: 250px;}
}