/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.hr-separator{
  padding:0px; 
  margin:5px;
  margin-top: 10px;
  margin-bottom: 10px;
  top:0px;
}


.navbar-second {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
  margin-right: -15px;
  margin-left: -15px;
}

.img-user {
  float: left;
  border-radius: 50%;
  height: 40px;
  padding: 1px 1px;
  margin-top: 5px;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.huge-medium {
    font-size: 25px;
    line-height: normal;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.panel-cerpyme-blue {
    border-color: #000051;
}

.panel-cerpyme-blue > .panel-heading {
    border-color: #000051;
    color: #fff;
    background-color: #000051;
}

.panel-cerpyme-blue > a {
    color: #000051;
}

.panel-cerpyme-blue > a:hover {
    color: #df8a13;
}

.panel-footer.panel-subtotales {
    background: #337ab7;
    color: white;
}

.panel-footer.panel-default {
    background: #f8f8ff;
    color: black;
}

.panel-footer.panel-white {
    background: #FFFFFF;
    color: black;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}

.badge-danger {
  background-color: #d43f3a;
}

.badge-warning {
background-color: #d58512;
}

.badge-success {
background-color: #398439;
}

.badge-info {
background-color: #269abc;
}

.badge-inverse {
background-color: #333333;
}

.btn-login {
 background-color: #0CBA84; color: white;; 
}

/*! 
* navbar personalizado CERPYME
*/
.navbar{
    padding-left: 0px;
}

.navbar-empresa {
    width: 225px;
}

.navbar-login {
  background-color: #000051;
  border-color: #0038a9;
}
.navbar-login .navbar-brand {
  color: #fafdfd;
}
.navbar-login .navbar-brand:hover,
.navbar-login .navbar-brand:focus {
  color: #ffffff;
}
.navbar-login .navbar-text {
  color: #fafdfd;
}
.navbar-login .navbar-nav > li > a {
  color: #fafdfd;
}
.navbar-login .navbar-nav > li > a:hover,
.navbar-login .navbar-nav > li > a:focus {
  background-color: #0038a9;
  color: #ffffff;
}
.navbar-login .navbar-nav > .active > a,
.navbar-login .navbar-nav > .active > a:hover,
.navbar-login .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #0038a9;
}
.navbar-login .navbar-nav > .open > a,
.navbar-login .navbar-nav > .open > a:hover,
.navbar-login .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #0038a9;
}
.navbar-login .navbar-toggle {
  border-color: #0038a9;
}
.navbar-login .navbar-toggle:hover,
.navbar-login .navbar-toggle:focus {
  background-color: #0038a9;
}
.navbar-login .navbar-toggle .icon-bar {
  background-color: #fafdfd;
}
.navbar-login .navbar-collapse,
.navbar-login .navbar-form {
  border-color: #fafdfd;
}
.navbar-login .navbar-link {
  color: #fafdfd;
}
.navbar-login .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-login .navbar-nav .open .dropdown-menu > li > a {
    color: #fafdfd;
  }
  .navbar-login .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-login .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-login .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-login .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-login .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #0038a9;
  }
}

.navbar-left {
  border-color: #101010;
  background-color: #ffffff;
  border-right: 1px solid #e7e7e7;
}

.nav-border {
    border-bottom: 1px solid #e7e7e7;
}

.nav-border-sub{
    border: 0;
    background-color: #e9ecef;
}

/*! 
* Fin navbar personalizado CERPYME
*/

.cerpyme-green {
  background-color: #0CBA84;
}

.cerpyme-blue {
  background-color: #0CBA84;
}

.cerpyme-light-blue {
  background-color: #0038a9;
}

/*! 
* Colocaen el tag caption en la parte superior de las tablas
*/
.caption-top caption {
  caption-side: top;
}


/* Hover de las listas desplegables */
.dropdown-item:hover {
    background-color: #0062cc;
    color: white;
}