/* sb-admin */

  /* Global Styles */

  /* ------------------------------- */

   body {
      background-color: #01273a;
  }
  .navbar-default {
    background-color: #01273a;
    border-color: #fff;
    color: #fff !important;
}

  /* Wrappers */

  /* ------------------------------- */

   #wrapper {
      width: 100%;
  }

  #page-wrapper {
      padding: 15px;
      /*min-height: 568px;*/
      background-color: #fff;
  }

  @media(min-width:768px) {
      #page-wrapper {
          position: inherit;
          margin: 0 0 0 220px;
          padding: 15px;
          /*min-height: 1300px;*/
          border-left: 1px solid #e7e7e7;
      }
  }

  .navbar-static-side ul li {
      border-bottom: 1px solid #e7e7e7;
  }

  /* Navigation */

  /* ------------------------------- */
.nav>li>a>i {
  color:#113479;
}
  /* Top Right Navigation Dropdown Styles */

   .navbar-top-links li {
      display: inline-block;
  }

  .navbar-top-links li:last-child {
      margin-right: 15px;
  }

  .navbar-top-links li a {
      padding: 15px;
      min-height: 50px;
  }

  .navbar-top-links .dropdown-menu li {
      display: block;
  }

  .navbar-top-links .dropdown-menu li:last-child {
      margin-right: 0;
  }

  .navbar-top-links .dropdown-menu li a {
      padding: 3px 20px;
      min-height: 0;
  }

  .navbar-top-links .dropdown-menu li a div {
      white-space: normal;
  }

  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
      width: 310px;
      min-width: 0;
  }

  .navbar-top-links .dropdown-messages {
      margin-left: 5px;
  }

  .navbar-top-links .dropdown-tasks {
      margin-left: -59px;
  }

  .navbar-top-links .dropdown-alerts {
      margin-left: -123px;
  }

  .navbar-top-links .dropdown-user {
      right: 0;
      left: auto;
  }

  /* Sidebar Menu Styles */

   .sidebar-search {
      padding: 15px;
  }

  .arrow {
      float: right;
  }

  .fa.arrow:before {
      content: "\f104";
  }

  .active > a > .fa.arrow:before {
      content: "\f107";
  }

  .nav-second-level li,
  .nav-third-level li {
      border-bottom: none !important;
  }

  .nav-second-level li a {
      padding-left: 37px;
  }

  .nav-third-level li a {
      padding-left: 52px;
  }

  @media(min-width:768px) {
      .navbar-static-side {
          z-index: 1;
          position: absolute;
          width: 220px;
      }

      .navbar-top-links .dropdown-messages,
      .navbar-top-links .dropdown-tasks,
      .navbar-top-links .dropdown-alerts {
          margin-left: auto;
      }
  }

  /* Buttons */

  /* ------------------------------- */

   .btn-outline {
      color: inherit;
      background-color: transparent;
      transition: all .5s;
  }

  .btn-primary.btn-outline {
      color: #428bca;
  }

  .btn-success.btn-outline {
      color: #5cb85c;
  }

  .btn-info.btn-outline {
      color: #5bc0de;
  }

  .btn-warning.btn-outline {
      color: #f0ad4e;
  }

  .btn-danger.btn-outline {
      color: #d9534f;
  }

  .btn-primary.btn-outline:hover,
  .btn-success.btn-outline:hover,
  .btn-info.btn-outline:hover,
  .btn-warning.btn-outline:hover,
  .btn-danger.btn-outline:hover {
      color: #fff;
  }

  /* Pages */

  /* ------------------------------- */

  /* Dashboard Chat */

   .chat {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .chat li {
      margin-bottom: 10px;
      padding-bottom: 5px;
      border-bottom: 1px dotted #B3A9A9;
  }

  .chat li.left .chat-body {
      margin-left: 60px;
  }

  .chat li.right .chat-body {
      margin-right: 60px;
  }

  .chat li .chat-body p {
      margin: 0;
      color: #777777;
  }

  .panel .slidedown .glyphicon,
  .chat .glyphicon {
      margin-right: 5px;
  }

  .chat-panel .panel-body {
      height: 350px;
      overflow-y: scroll;
  }

  /* Login Page */

  .logo_login{
      width: 90%;
      margin-top:20%;
  }

  .login-panel {
      margin: 10px 0;
  }

  .login-panel .panel-title {
      font-size: 1.5em;
      font-weight: bold;
  }

  /* Flot Chart Containers */

   .flot-chart {
      display: block;
      height: 400px;
  }

  .flot-chart-content {
      width: 100%;
      height: 100%;
  }

  /* DataTables Overrides */

   table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
      background: transparent;
  }

  table.dataTable thead .sorting_asc:after {
      content: "\f0de";
      float: right;
      font-family: fontawesome;
  }

  table.dataTable thead .sorting_desc:after {
      content: "\f0dd";
      float: right;
      font-family: fontawesome;
  }

  table.dataTable thead .sorting:after {
      content: "\f0dc";
      float: right;
      font-family: fontawesome;
      color: rgba(50,50,50,.5);
  }

  /* Circle Buttons */

   .btn-circle {
      width: 30px;
      height: 30px;
      padding: 6px 0;
      border-radius: 15px;
      text-align: center;
      font-size: 12px;
      line-height: 1.428571429;
  }

  .btn-circle.btn-lg {
      width: 50px;
      height: 50px;
      padding: 10px 16px;
      border-radius: 25px;
      font-size: 18px;
      line-height: 1.33;
  }

  .btn-circle.btn-xl {
      width: 70px;
      height: 70px;
      padding: 10px 16px;
      border-radius: 35px;
      font-size: 24px;
      line-height: 1.33;
  }

  .show-grid [class^="col-"] {
      padding-top: 10px;
      padding-bottom: 10px;
      border: 1px solid #ddd;
      background-color: #eee !important;
  }

  .show-grid {
      margin: 15px 0;
  }

/* Fin sb-admin */

a{
  color: #fff;
  outline: none !important;
}

a:hover,
a:focus,
a:active{
  color: #000;
}

.navbar-brand{
  padding: 5px 15px;
}

.navbar-brand img{
  height: 40px;
}

.navbar-static-side a i{
  font-size: 1.5em;
}

.mensajes{
  display: none;
  height:50px;
  position:fixed;
  text-align: center;
  top:1px;
  width:100%;
  z-index:2000;
}

.mensajes div{
	margin: 0 auto;
	display: table;
}
.mensajes div i{
  font-size: 1.5em;
}

.heading-element{
  margin: -7px 0 0 5px !important;
  display: inline-block;
}

.heading-element .date input{
  width:125px;
  padding: 5px;
}

#tgrid_paginate{
  text-align: right;
}

#fecha_inicio .input-group-addon,
#fecha_inicio .input-group-btn,
#fecha_fin .input-group-addon,
#fecha_fin .input-group-btn,
#fecha_inicio_visitas .input-group-addon,
#fecha_inicio_visitas .input-group-btn,
#fecha_fin_visitas .input-group-addon,
#fecha_fin_visitas .input-group-btn {
  width: auto;
}

.logo_by{
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color:#AD1D28;
    background-image: url("../img/logo_by.png");
    background-size: 20px 20px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border-radius: 100%;
    bottom:1px;
    height: 26px;
    opacity: 0.80;
    filter: alpha(opacity=80);
    padding: 3px;
    position:fixed;
    right:1px;
    width:26px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.logo_by:hover{
    cursor: pointer;
    opacity: 1;
}

#calendar {
  width: 100%;
}

.panel-heading .form-group{
  margin: 0px;
}

.opciones>i{
  font-size: 1.5em;
}
.opciones>div{
 display: inline;
 width: auto;
}
#tgrid_wrapper{
  /*width: 100%;*/
}

#tgrid > tbody > tr > td{
  cursor: pointer;
}

tr.r_selected td{
    background-color: #428bca !important;
    color: #fff;
}

.modal-header span i{
  font-size: 1.5em;
}

.derechos {
    border-radius: 6px 6px 6px 6px !important;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 0 0 2% 0;
    width: 100%;
}

.derechos th {
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    font-weight: bold;
}

.derechos td {
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    padding: 3px;
    text-align: center;
}
.derechos td label{
      font-weight: normal;
}
.derechos td.check_padre {
    text-align: left;
}
.derechos td.check_hijo {
    padding-left: 25px;
    text-align: left;
}
.derechos tr.gris {
    background: none repeat scroll 0 0 #F9F9F9;
}

#form_nuevo span,
#form_modificar span,
#form_modificar_clave span{
  float: right;
}

#form_nuevo span i,
#form_modificar span i,
#form_modificar_clave span i{
  font-weight: normal;
  color: red;
}

.date>span,
.date>div>div{
  cursor: pointer;
}

#modificar .label{
  font-size: 1em;
}

.header_grid, .header_grid_m {
    border-bottom: 1px solid #ddd;
    font-size: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: left;
}

.nav-tabs a{
  font-weight: bold;
}

.nav-tabs li.active a,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus{
  color: #357ebd;
}

.tab-pane{
  padding:10px 0px;
}

b.check-success{
  color: #5cb85c;
}

b.check-error{
  color: #d9534f;
}

#tgrid img{
  width: 100px
}

.previsualizar_imagen img{
  max-width: 200px;
  margin-top: 10px;
}

.btn-mextic {
    background-color: #ad1d27;
    border-color: #94020c;
    color: #fff;
}

.btn-mextic:hover,
.btn-mextic:focus,
.btn-mextic:active,
.btn-mextic.active,
.open .dropdown-toggle.btn-mextic{
  color:#fff;
  background-color:#94020c;
  border-color:#94020c;
}