/* input[type="text"], textarea { */
  text-transform: uppercase;
}

.bootstrap-select.required > button.bs-placeholder {
  background-color: #BBE8F4;
}

*:required:invalid {
  background-color: #BBE8F4;
}

.hrls-btnExport {
  width: 100%;
}

.hrls-btnExport > button:first-child {
  width: calc(100% - 25px);
}

#formBusquedaMensajesEDC .detalle-sel-mensaje textarea {
  height: 100px;
  font-size: 12px;
  max-height: 100px;
  min-height: 100px;
  min-width: 100%;
  max-width: 100%;
}

.btn {
  transition: border 0.2s ease-in-out;
}

.danger {
  border-color: #ff0000 !important;
}

.input-group .input-group-addon {
  cursor: pointer;
}

.input-group .input-group-addon.btn-sec {
  background-color: #e0d6d5;
  border-color: #EFC0C0;
}

.input-group .input-group-addon.btn-sec > span:before {
  color: #ff0000;
}

.paginador button {
  color: #ff0000 !important;
  font-weight: bold;
}

.paginador button:nth-child(2).disabled {
  background-color: #f7f5f5 !important;
  border-color: #EFC0C0 !important;
  color: #646364 !important;
  font-weight: normal;
}

/* Boton disabled paginacion tabla*/
.disabled {
  opacity: 1 !important;
  cursor: not-allowed !important;
  background-color: #333333b5 !important;
  color: white !important;
  border-color: transparent !important;
}

.export-select {
  width: 150px !important;
}

.icon-globe:before {
  content: "\e135";
  font-family: "Glyphicons Halflings";
  margin-right: 10px;
}

.icon-off:before {
  content: "\e017";
  font-family: "Glyphicons Halflings";
  margin-right: 10px;
}

.icon-user:before {
  content: "\e008";
  font-family: "Glyphicons Halflings";
  margin-right: 10px;
}

.icon-branch:before {
  content: "\e110";
  font-family: "Glyphicons Halflings";
  margin-right: 10px;
}

.btn-group.open .dropdown-toggle.btn-primary {
  background-color: #cc0000 !important;
  border-color: #f7f5f5;
}

.btn.btn-primary {
  background: #808080;
  font-weight: bold;
  border: solid 1px #ffffff;
}

.btn.btn-primary:hover {
  background: #cc0000;
}

.btn {
  font-size: 12px !important;
}

.btnDetalle {
  font-size: 12px !important;
  BACKGROUND: coral;
}

.btn.btn-default.btn-sec {
  background-color: #e0d6d5 !important;
  border: solid 1px #dcb595;
}

.btn.btn-default.btn-sec:before {
  color: #ff0000 !important;
}

/*radio buttons*/
input[type="radio"] {
  display: none;
}

input[type="radio"] + .vradio {
  width: 25px;
  height: 25px;
 
  float: left;
  transition: all 0.15s ease-out;
  cursor: pointer;
}

input[type="radio"] + .vradio + span {
  padding-left: 5px !important;
  padding: 4px 0px;
  float: left;
  font-weight: normal;
  color: #454545;
  cursor: pointer;
}

input[type="radio"]:checked + * {
  background-image: url(../img/radio-checked.svg) !important;
}

input[type="radio"]:disabled + * {
  cursor: not-allowed;
}

/*Checkboxes*/
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + .vcheckbox {
  width: 22px;
  height: 22px;
  /*background-image: url(../img/radio-unchecked.svg);*/
  float: left;
  transition: all 0.15s ease-out;
  background: #f7f5f5;
  border: solid 1px silver;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  float: left;
}

input[type="checkbox"] + .vcheckbox:before {
  font-family: 'Glyphicons Halflings';
  font-size: 15px;
  float: left;
  position: relative;
  top: -0px;
  left: 2px;
  content: "\e013";
  color: #f7f5f5;
  transition: all 0.15s ease-out;
}

input[type="checkbox"] + .vcheckbox + span {
  padding-left: 5px !important;
  padding: 4px 0px;
  float: left;
  font-weight: normal;
  color: #454545;
  cursor: pointer;
}

input[type="checkbox"]:checked + .vcheckbox {
  /*background-color: $gris;*/
}

input[type="checkbox"]:checked + .vcheckbox:before {
  content: "\e013";
  color: #7f7d7e;
}

/*Table Styles*/
.table thead th {
	/*Color del borde superior*/
  border-top: 2px solid #333333ed !important;
  /*Color del borde inferior*/
  border-bottom: 2px solid #333333ed !important;
  /*Color del texto header*/
  color: #0097c5;
}

/*Texto del head table*/
table.dataTable thead th, table.dataTable tfoot th {
     font-weight: normal !important;; 
}

/*Combos*/
.bootstrap-select {
  background-color: transparent;
}

.modal.alerta .modal-body div:nth-child(1) div:nth-child(2) span {
  color: gold;
}

.modal.alerta .modal-body div:nth-child(2) div:nth-child(1):after {
  color: gold;
  content: "\e101";
}

.modal.informacion .modal-body div:nth-child(1) div:nth-child(2) span {
  color: midnightblue;
}

.modal.informacion .modal-body div:nth-child(2) div:nth-child(1):after {
  color: midnightblue;
  content: "\e086";
}

.modal.question .modal-body div:nth-child(1) div:nth-child(2) span {
  color: darkturquoise;
}

.modal.question .modal-body div:nth-child(2) div:nth-child(1):after {
  color: darkturquoise;
  content: "\e085";
}

.modal.error .modal-body div:nth-child(1) div:nth-child(2) span {
  color: #ff0000;
}

.modal.error .modal-body div:nth-child(2) div:nth-child(1):after {
  color: #ff0000;
  content: "\e083";
}

.modal.security .modal-body div:nth-child(1) div:nth-child(2) span {
  color: orange;
}

.modal.security .modal-body div:nth-child(2) div:nth-child(1):after {
  color: orange;
  content: "\e033";
}

.modal#modal .modal-body div:nth-child(2) div:nth-child(1), .modal#modal-boolean .modal-body div:nth-child(2) div:nth-child(1) {
  text-align: center;
}

.modal#modal .modal-body div:nth-child(2) div:nth-child(1):after, .modal#modal-boolean .modal-body div:nth-child(2) div:nth-child(1):after {
  font-family: 'eurostile';
  font-size: 50px;
}

.modal#modal .modal-body div:nth-child(1) div:nth-child(2) span, .modal#modal-boolean .modal-body div:nth-child(1) div:nth-child(2) span {
  font-size: 16px;
  font-weight: bold;
}

.modal#modal .modal-body div:nth-child(2) div:nth-child(2), .modal#modal-boolean .modal-body div:nth-child(2) div:nth-child(2) {
  font-size: 12px;
}

.modal .modal-header {
  padding: 35px;
  /*background-color: #ffffff!important;*/
  border-radius: 30px 30px 30px 30px;
}

.modal .modal-header-dash {
  padding: 15px;
  /*background-color: #ffffff!important;*/
}

.modal .modal-footer {
  border-radius: 0px 0px 5px 5px;
  padding: 5px;
  text-align: center;
}

.modal .modal-footer.bg-primary-button {
  background-color: silver;
}

.modal .modal-footer.bg-primary-button > .col-md-12 > div > div {
  padding: 5px;
}

.modal .modal-footer.bg-primary-button > .col-md-12 > div > div:nth-child(2) {
  background-color: gainsboro;
}

.modal .modal-footer .form-control {
  height: auto !important;
}

/* .modal .bg-primary-button { */
  background-color: silver;
}

.modal#modal-lupas .modal-title:before {
  font-family: "Glyphicons Halflings";
  content: "\e003";
  padding-right: 5px;
}

.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

body .myAjaxLoader {
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(64, 64, 64, 0.5);
  z-index: 2000;
}

body .myAjaxLoader .loader {
  width: 250px;
  height: 100px;
  border-radius: 5px;
  background-color: #f7f5f5;
  position: relative;
  left: calc(50% -  125px);
  top: calc(50% - 50px);
  padding: 40px 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.header-check {
    height: 75px;
    /*margin-bottom: 12px;
    border-bottom: 5px solid #7f7d7e;*/
    background: #e8e8e8 no-repeat right; }
    .header-check .bootstrap-select {
      width: auto !important; }
      .header-check .bootstrap-select button {
        margin: 0px;
        padding: 0px;
        padding-bottom: 4px;
        height: auto !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        width: auto; }
        .header-check .bootstrap-select button > span {
          font-size: 14px; }
          .header-check .bootstrap-select button > span .caret, .header-check .bootstrap-select button > span.bs-caret {
            display: none !important; }
          .header-check .bootstrap-select button > span:after {
            font-family: 'eurostile';
            content: " \e114";
            padding-top: 5px; }
    .header-check .dropdown-menu span {
      font-size: 14px !important;
      color: #454545 !important; }
    .header-check select {
      display: none !important; }
    .header-check .nombre-app {
      /*width: calc(100% - 350px);*/
      width: 258px;
      height: 75px;
      background-image: url(../img/logo_dynamic.png);
      background-position: 2px;
      background-repeat: no-repeat;
      /*background-size: 57%;*/
      margin-left: 2%;
 
       }
      .header-check .nombre-app h3 {
        width: 100%;
        color: #ffffff;
        text-transform: uppercase;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    .header-check .logo {
      background-image: url(../img/logo_dynamic.png);
      background-size: 90%;
      background-position: left center;
      background-repeat: no-repeat;
      height: calc(72px - 5px);
      max-width: 200px;
      min-width: 200px;
      cursor: pointer; }
    .header-check .titulo {
      font-size: 25px;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold; }
    .header-check .btn:last-child {
      border-left: 1px solid #646364 !important;
      margin-left: 10px; }
      .header-check .btn:last-child:before {
        font-size: 18px; }
    .header-check .btn.btn-default {
      background-color: transparent;
      border-radius: 0px;
      border-width: 0px;
      color: #c0c9f4;
      height: 47px; }
    .header-check > div:last-child {
      padding-top: 10px !important;
      padding-bottom: 10px !important; }
      .header-check > div:last-child a {
        text-decoration: none; }
        .header-check > div:last-child a.active span {
          font-weight: bold;
          text-decoration: underline;
          color: #676767 !important;
          font-size: 14px; }
        .header-check > div:last-child a span {
          color: #e0d6d5;
          font-size: 12px; }
      .header-check > div:last-child span {
        color: #676767; }
    .header-check .toolbar {
      width: auto;
      padding-left: 15px !important; }
    .header-check .toolbar2 {
      display: none; }
      .header-check .toolbar2.open > .dropdown-toggle {
        background-color: #cc0000; }
        .header-check .toolbar2.open > .dropdown-toggle:before {
          color: #f7f5f5; }
      .header-check .toolbar2 > .dropdown-toggle {
        border-left: 1px solid #646364; }
        .header-check .toolbar2 > .dropdown-toggle:before {
          font-size: 18px;
          font-weight: normal;
          content: "\e235"; }
    .header-check .separador-izq {
      border-left: 1px solid #646364 !important; }
  
  .hrls-menu .panel-heading, .hrls-zona-activa .panel-heading {
      padding: 9px 10px !important;
      padding-right: 9px !important; }
      .hrls-menu .panel-heading .panel-title, .hrls-zona-activa .panel-heading .panel-title {
        font-size: 12px !important; }
        .hrls-menu .panel-heading .panel-title a.collapsed span, .hrls-zona-activa .panel-heading .panel-title a.collapsed span {
          color: #454545 !important; }
        .hrls-menu .panel-heading .panel-title a span:nth-child(1), .hrls-zona-activa .panel-heading .panel-title a span:nth-child(1) {
          font-weight: bold; }
    
    .hrls-menu .panel-footer, .hrls-zona-activa .panel-footer {
      padding: 0px;
      margin: 0px; }
      .hrls-menu .panel-footer div, .hrls-zona-activa .panel-footer div {
        padding-top: 0px;
        padding-bottom: 0px; }
      .hrls-menu .panel-footer .bg-primary-button, .hrls-zona-activa .panel-footer .bg-primary-button {
        padding: 5px 10px !important; }
      .hrls-menu .panel-footer .btn, .hrls-zona-activa .panel-footer .btn {
        height: auto; }
      .hrls-menu .panel-footer .pager, .hrls-zona-activa .panel-footer .pager {
        padding: 4px;
        margin: 0px; }
    
    .hrls-menu .list-group-item, .hrls-zona-activa .list-group-item {
      padding-top: 7px !important;
      padding-bottom: 7px !important;
      }
      .hrls-menu .list-group-item a, .hrls-zona-activa .list-group-item a {
        font-size: 12px !important; }
    
    .hrls-zona-activa .panel-body.frm-control .panel-heading2 > .panel-heading {
      padding: 4px 0px !important; }
      .hrls-zona-activa .panel-body.frm-control .panel-heading2 > .panel-heading .panel-title {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
        background-color: #f7f5f5;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%; }
    
    .hrls-zona-activa .panel-heading {
      padding: 9px 10px !important; }
    
    .hrls-menu-mini {
      position: fixed;
      z-index: 100;
      -webkit-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .hrls-menu-mini .dropdown.open > button {
        background-color: #646364 !important;
        border-left: 5px solid #e0d6d5; }
        .hrls-menu-mini .dropdown.open > button:before {
          color: #ffffff;
          text-shadow: 1px 1px 5px #454545; }
      .hrls-menu-mini .dropdown > button:focus + .tooltip {
        display: none !important; }
      .hrls-menu-mini .dropdown-menu {
        margin-top: 0px;
        padding: 4px 4px;
        left: 50px;
        top: 0px;
        background-color: #646364;
        border-color: silver;
        border: 0px;
        border-radius: 0px !important; }
        .hrls-menu-mini .dropdown-menu li {
          border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
          .hrls-menu-mini .dropdown-menu li:last-child {
            border-bottom: 0px solid #454545 !important; }
          .hrls-menu-mini .dropdown-menu li a {
            color: #f7f5f5;
            font-size: 22px;
            padding-top: 7px;
            padding-bottom: 7px; }
          .hrls-menu-mini .dropdown-menu li a:hover {
            background-color: rgba(0, 0, 0, 0.1); }
        .hrls-menu-mini .dropdown-menu .dropdown-submenu a:after {
          border-left-color: #f7f5f5 !important; }
      .hrls-menu-mini ul {
        padding: 0px; }
        .hrls-menu-mini ul li {
          list-style: none; }
          .hrls-menu-mini ul li:first-child .btn {
            background-color: #f7f5f5;
            border-top: 1px solid #646364;
            border-bottom: 1px solid #646364;
            border-right: 1px solid #646364;
            border-left: 5px solid transparent !important;
            border-color: #646364;
            /*border-radius: 0px 5px 0px 0px;*/ }
            .hrls-menu-mini ul li:first-child .btn:before {
              color: #454545; }
            .hrls-menu-mini ul li:first-child .btn:hover {
              background-color: silver; }
              .hrls-menu-mini ul li:first-child .btn:hover:before {
                text-shadow: none;
                color: #454545; }
          .hrls-menu-mini ul li .btn {
            border-radius: 0px;
            background-color: #898989;
            border-left: 5px solid #898989;
            /*box-shadow: 3px 3px 2px rgba(0,0,0,0.3);*/
            -webkit-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; }
            .hrls-menu-mini ul li .btn.active {
              background-color: #646364 !important;
              border-left: 5px solid #e0d6d5; }
              .hrls-menu-mini ul li .btn.active:before {
                color: #ffffff;
                text-shadow: 1px 1px 5px #454545; }
            .hrls-menu-mini ul li .btn:hover {
              border-left: 5px solid #454545;
              background-color: #e10000; }
              .hrls-menu-mini ul li .btn:hover:before {
                color: #ffffff;
                text-shadow: 1px 1px 5px #454545; }
            .hrls-menu-mini ul li .btn:before {
              color: #f7f5f5;
              font-size: 20px;
              -webkit-transition: all 0.3s ease-in;
              -o-transition: all 0.3s ease-in;
              transition: all 0.3s ease-in; }
    
    .hrls-menu .panel-heading {
      padding: 9px 10px !important;
      padding-right: 9px !important; }
      .hrls-menu .panel-heading .panel-title {
        font-size: 12px !important; }
        .hrls-menu .panel-heading .panel-title a.collapsed span {
          color: #454545; }
        .hrls-menu .panel-heading .panel-title a span {
          color: #002bd8; }
        .hrls-menu .panel-heading .panel-title:before {
          font-family: "Glyphicons Halflings";
          padding-right: 10px; }
        .hrls-menu .panel-heading .panel-title.ico-descarga:before {
          content: "\e025" ; }
        .hrls-menu .panel-heading .panel-title.ico-clientes:before {
          content: "\e008" ; }
        .hrls-menu .panel-heading .panel-title.ico-perfilamiento:before {
          content: "\e019" ; }
        .hrls-menu .panel-heading .panel-title.ico-contratos:before {
          content: "\e139" ; }
        .hrls-menu .panel-heading .panel-title.ico-edc:before {
          content: "\e018" ; }
        .hrls-menu .panel-heading .panel-title.ico-efectivo:before {
          content: "\e148" ; }
        .hrls-menu .panel-heading .panel-title.ico-consultas:before {
          content: "\e003" ; }
    
    .hrls-menu .panel .list-group .list-group-item.submenu {
      padding-right: 8px; }
      .hrls-menu .panel .list-group .list-group-item.submenu.activo {
        background-color: #f7f5f5; }
        .hrls-menu .panel .list-group .list-group-item.submenu.activo > .panel {
          background-color: transparent; }
          .hrls-menu .panel .list-group .list-group-item.submenu.activo > .panel .collapsable span {
            color: #454545 !important; }
    
    .hrls-menu .panel .list-group .panel {
      border: 0px;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .hrls-menu .panel .list-group .panel .panel-heading {
        padding: 4px 0px !important;
        background-color: transparent; }
        .hrls-menu .panel .list-group .panel .panel-heading a {
          color: #7c7c7c !important; }
        .hrls-menu .panel .list-group .panel .panel-heading a span {
          font-weight: normal;
          color: #7c7c7c !important; }
          .hrls-menu .panel .list-group .panel .panel-heading a span:after {
            font-family: "Glyphicons Halflings";
            content: "\e253";
            float: right; }
        .hrls-menu .panel .list-group .panel .panel-heading a.collapsed span:after {
          content: "\e252"; }
    
    .hrls-menu .panel .list-group .panel-collapse .list-group {
      margin-bottom: 0px;
      background-color: transparent; }
      .hrls-menu .panel .list-group .panel-collapse .list-group .list-group-item {
        background-color: transparent; }
    
    .hrls-zona-activa {
      border-top: 17px #002bd8 solid;
      padding-top: 12px !important;
      padding-left: 12px !important;
      padding-right: 12px !important; }
      .hrls-zona-activa .panel.grid .panel-body {
        padding: 0px !important; }
      .hrls-zona-activa .panel .panel-body {
        padding: 12px !important;
        font-size: 12px; }
      .hrls-zona-activa .panel .panel-heading > .panel-title > a.collapsed:after {
        content: "\e096"; }
      .hrls-zona-activa .panel .panel-heading > .panel-title > a:after {
        content: "\e097";
        font-size: 14px; }

        .panel-default a {
  text-decoration: none !important; }

.hrls-arrow.panel-heading .panel-title .oculto {
  display: none; }

.hrls-arrow.panel-heading .panel-title .visible {
  display: inherit; }

.hrls-arrow.panel-heading a:after {
  font-family: 'Glyphicons Halflings';
  content: "\e113";
  float: right;
  color: #454545 !important; }

.hrls-arrow.panel-heading a.collapsed .oculto {
  display: inherit; }

.hrls-arrow.panel-heading a.collapsed .visible {
  display: none; }

.hrls-arrow.panel-heading a.collapsed:after {
  content: "\e114"; }

.hrls-titulo-operativa {
  background-image: url(../img/barra-roja.jpg);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 30px; }

.bold {
  font-weight: bold !important; }

.padding-top-10 {
  padding-top: 10px !important; }
  
.padding-top-20 {
	padding-top: 20px !important; 
}

.padding-top-40 {
  padding-top: 40px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-bottom-40 {
  padding-bottom: 40px !important; }

.padding-left-0 {
  padding-left: 0px !important; }

.padding-right-0 {
  padding-right: 0px !important; }

.padding-left-5 {
  padding-left: 5px !important; }

.padding-left-3 {
  padding-left: 3px !important; }

.padding-right-3 {
  padding-right: 3px !important; }

.padding-right-5 {
  padding-right: 5px; }

.padding-bottom-0 {
  padding-bottom: 0px !important; }

.padding-bottom-5 {
  padding-bottom: 5px !important; }

.padding-top-0 {
  padding-top: 0px !important; }

.padding-top-5 {
  padding-top: 5px !important; }

.padding-right-16 {
  padding-right: 16px !important; }

.margin-left-0 {
  margin-left: 0px !important; }

.margin-right-0 {
  margin-right: 0px !important; }

.margin-bottom-0 {
  margin-bottom: 0px !important; }

.margin-top-0 {
  margin-top: 0px !important; }

.bg-primary-button {
  background-color: silver; }

.bg-normal-combo {
  padding-top: 5px !important; }

.menu-red-col-2 {
  background-color: #00bdff;
  height: 5px; }

  .menu-blue-col-2 {
  background-color: #00bccc;
  height: 5px; }

.menu-grey-col-10 {
  background-color: #999999;
  height: 5px; }

.menu-red-col-12 {
  background-color: #00bdff;
  height: 50px; }

  .menu-blue-col-12 {
  background-color: #00bccc;
  height: 50px; }

.text-decoration-none {
  text-decoration: none !important;
  color: #7c7c7c; }

.color-text-grey a:hover {
  text-decoration: none;
  color: #7c7c7c; }

.color-menu-red a:click {
  color: #002bd8; }

.margin-bottom-5px {
  margin-bottom: 5px; }

.pie-pagina-op {
  background-color: silver; }

.back-color-btn {
  background-color: gainsboro; }

.padding-top-16px {
  padding-top: 16px; }

/*.panel-heading2{
  color: #333;
  background-color: #0097c5;
  border-color: #e0d6d5;
}*/
.background-color-menu {
  background-color: #0097c5; }

.border-lr-menu {
  border-left-color: #000000;
  border-right-color: #000000; }

.frm-control .col-md-12 .panel-heading:nth-child(2) {
  padding: 3px !important; }

/*navbar*/
.navbar-default {
  background-color: #898989;
  border-radius: 0px;
  border-bottom: 5px solid #646364; }

/*Tabs*/
.nav.nav-tabs {
  font-size: 12px;
  background-color: #f7f5f5; }
  .nav.nav-tabs > li.active a {
    background-color: #ffffff;
    font-weight: bold;
    border-color: #ddd;
    border-bottom-color: #ffffff; }
  .nav.nav-tabs > li a {
    border-color: #EFC0C0;
    border-bottom: 1px solid #ddd;
    background-color: #F4ECEC;
    z-index: 0;
    color: #454545;
    padding-top: 6px;
    padding-bottom: 6px; }

.nav + .tab-content {
  padding: 10px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

.pager li a {
  background-color: #f7f5f5;
  color: #454545;
  border-color: #EFC0C0; }
  .pager li a:hover {
    color: #898989; }

.pager li.previous {
  float: right; }

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap; 
  }

.hrls-panel-derecho {
  padding-top: 12px; }

.hrls-panel-izquierdo {
  padding-top: 12px; }

.table {
  margin-bottom: 0px; }
  .table .dropdown-toggle {
    opacity: 1; }
    .table .dropdown-toggle:after {
/*       font-family: "Glyphicons Halflings"; */
/*       content: "\e072"; */
/*       color: #898989; */
/*       font-size: 12px; */
/*       float: right;  */
      }
  .table .dropdown-menu {
    padding: 0px;
    border-color: #898989; }
    .table .dropdown-menu .title {
      background-color: #f7f5f5 !important;
      float: left};

      .dropdown-toggle:after { 
      font-family: "Glyphicons Halflings";
      content: "\e072";
      color: #898989;
      font-size: 12px;
      float: right; 
      width: 100%;
      padding: 5px 5px;
      font-weight: bold;
      font-size: 12px;
      border-radius: 5px 5px 0px 0px !important; }
    .table .dropdown-menu a {
      border-top: 1px solid silver;
      padding-left: 5px;
      font-size: 12px; }
      .table .dropdown-menu a:last-child {
        border-radius: 0px 0px 5px 5px !important; }
      .table .dropdown-menu a:hover, .table .dropdown-menu a:focus {
        background-color: #f7f5f5; }
  .table tbody tr {
    cursor: pointer; }
    .table tbody tr.hover {
      background-color: #E8F3F2 !important; }
    .table tbody tr.trPaint {
      background-color: #FFECD2 !important; }

  .tooltip .tooltip-inner {
  background-color: #e0d6d5;
    color: #454545; }

  .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e0d6d5 !important; }
    .tooltip.bottom .tooltip-arrow:before, .tooltip.bottom .tooltip-arrow:after {
      color: #e0d6d5; }

  .tooltip.right .tooltip-arrow {
    border-right-color: #e0d6d5 !important; }
    .tooltip.right .tooltip-arrow:before, .tooltip.right .tooltip-arrow:after {
      color: #e0d6d5; }

  .elementObligatorio {
    border: 1px solid red; }

  .panelBorder3px {
    border: 3px solid gainsboro;
    font-size: 12px; }
    .panelBorder3px .panelBorder1px {
      border: 1px solid grey;
      padding: 4px;
      background-color: #FFF; }

  .panel-pagina.hrls-compacto .hrls-menu-completo {
    display: visible; }

  .panel-pagina.hrls-compacto .hrls-menu-mini {
    display: visible; }

  .panel-pagina.hrls-compacto .hrls-panel-derecho {
    padding-left: 0px !important; }

  .panel-pagina .hrls-menu-mini {
    display: none;
    z-index: 100;
    left: -157px; }

  #modal-menu .modal-header {
    padding-left: 10px !important; }
    #modal-menu .modal-header .modal-title:before {
      font-family: "Glyphicons Halflings";
      font-size: 15px;
      padding-right: 8px; }
    #modal-menu .modal-header .modal-title[data-module="clientes"]:before {
      content: "\e008"; }
    #modal-menu .modal-header .modal-title[data-module="edc"]:before {
      content: "\e018"; }
    #modal-menu .modal-header .modal-title[data-module="contratos"]:before {
      content: "\e139"; }
    #modal-menu .modal-header .modal-title[data-module="lupas"]:before {
      content: "\e003"; }
    #modal-menu .modal-header .modal-title[data-module="perfilamiento"]:before {
      content: "\e019"; }
    #modal-menu .modal-header .modal-title[data-module="liquidacion"]:before {
      content: "\e148"; }
    #modal-menu .modal-header .modal-title[data-module="descargas"]:before {
      content: "\e025"; }

  .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;
    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: #ccc;
    margin-top: 5px;
    margin-right: -10px; }


  .dropdown-submenu:hover > a:after {
    border-left-color: #ccc; }

  .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; }

  @media (max-width: 800px) {
    .nombre-app {
      display: none; } }

  @media (min-width: 800px) {
    .panel-pagina {
      } }

  @media (max-width: 1024px) {
    .userinfo, .toolbar {
      display: none !important; }
    .toolbar2 {
      display: inherit !important; } }

  @media (min-width: 1025px) {
    .hrls-menu-mini #hamburger-menu {
      display: none; } }

  @media (max-width: 1024px) {
    .hrls-menu-mini #dropdown-menu {
      display: none; } }
      .btn-center{
      alingh
      }
      
       #exampleTab_previous{ */
       color: #333333ed !important; */
       } */
          
      #exampleTab_next{
      color: #fff !important;
      }
        #exampleTab_info{
      color: #868689!important;
      }
      
      #exampleTab tbody tr{
      color: #454545!important;
      }
      
    
         #cancelar{
       background-color: #d96100 !important;
       border: #ff0000;
       //width: 40%;  
       border: solid 1px #ffffff;
      }
      
     #aceptarGuardar {
    background-color: #808080 !important;
    border: #5bc0de;
    border: solid 1px #ffffff;
    margin-right: 10px;
}
      
         #limpiar{
       background-color: #ec971f !important;
       border: #d58512
         
      }
      
      #label{
      color:#0097c5 !important;
      border: #0097c5
       }
       
    
    
   
    .botonimagen{
  background-image: url(../img/editar.png);
  background-repeat:no-repeat;
  height:16px;
  width:25px;
  background-position:center;
  background-color:transparent;
  border-color:transparent;
}

 .botoneliminar{
  background-image: url(../img/eliminar.png);
  background-repeat:no-repeat;
  height:16px;
  width:25px;
  background-position:center;
  background-color:transparent;
  border-color:transparent;
}
   
.miModal {
	max-height: 113vh;
}

#exampleTab_filter > label > input{
  width: 50%;
  padding: 5px 40px;
  margin: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #ccc;
}


#exampleTab_filter > label > input:focus{
	
  border: 3px solid #008000;
}

#exampleTabAutos_filter > label > input{
  width: 50%;
  padding: 5px 40px;
  margin: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #ccc;
}

#exampleTabAutos_filter > label > input:focus{
	
  border: 3px solid #008000;
}

#exampleTabFam_filter > label > input{
  width: 50%;
  padding: 5px 40px;
  margin: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #ccc;
}

#exampleTabFam_filter > label > input:focus{
	
  border: 3px solid #008000;
}

#tablaResultado_filter > label > input{
  width: 50%;
  padding: 5px 40px;
  margin: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #ccc;
}

#tablaResultado_filter > label > input:focus{
	
  border: 3px solid #008000;
}

.hide_column{
display : none;
}

.hide_column_pol{
display : none;
}


.p-table-dash{
  font-size:13px;
  text-align:center;	
}
 
.p-header-table-dash{
	 font-size:14px;
     text-align:center;
     font-weight: bold;
} 

.btn-info {
    color: #fff;
    background-color: #466c2f !important;
    border-color: #466c2f !important;
    a: ;
}
   

/* .dataTables_wrapper .dataTables_paginate .paginate_button { */
/*     box-sizing: border-box; */
/*     display: inline-block; */
/*     min-width: 1.5em; */
/*     padding: 0.5em 1em; */
/*     margin-left: 2px; */
/*     text-align: center; */
/*     text-decoration: none !important; */
/*     cursor: pointer; */
/*     *cursor: hand; */
/*     color: #eee9e9 !important; */
/*     border: 1px solid transparent; */
/*         border-top-color: transparent; */
/*         border-right-color: transparent; */
/*         border-bottom-color: transparent; */
/*         border-left-color: transparent; */
/*     border-radius: 2px; */
/* } */
.buttonsMiddleTable {
    margin-bottom: 5px;
    width: 4em;
    background-color: #466c2f !important;
    border-color: #466c2f !important;
    color: #f9f6f6;
}

/*color de texto boton de paginacion inactiva*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  opacity: 1 !important;
  cursor: not-allowed !important;
  background-color: #333333b5 !important;
  color: white !important;
  border-color: transparent !important;
}

/*color de texto boton de paginacion activa*/
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #3284ca;
    border-color: #337ab7;
}

/*botones de paginacion activa*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid #33333359;
    border-radius: 2px;
}