/* Menu

@media (min-width: 768px)
{
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0 !important;
  }
} */

/* Modal */
.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#myModalCallejero{
  /*position:absolute;*/
  overflow-x: hidden;
  overflow-y: hidden;
}


/* Imagenes lightbox */

#lightbox .modal-content {
  display: inline-block;
  text-align: center;   
}

#lightbox .close {
  opacity: 1;
  color: #fff;
  background-color: #88bf48;
  padding: 8px 12px;
  border-radius: 50%;
  border: 3px solid #fff;
  position: absolute;
  top: -15px;
  right: -55px;    
  z-index:1032;
}

/* Tablas sin bordes*/
.no-border {border: none !important;}
.border-alert {border: 1px solid #e5e5e5;}

/* Tablas Colores por Impuesto */
.table > thead > tr > td.color-abl,
.table > tbody > tr > td.color-abl,
.table > tfoot > tr > td.color-abl,
.table > thead > tr > th.color-abl,
.table > tbody > tr > th.color-abl,
.table > tfoot > tr > th.color-abl,
.table > thead > tr.color-abl > td,
.table > tbody > tr.color-abl > td,
.table > tfoot > tr.color-abl > td,
.table > thead > tr.color-abl > th,
.table > tbody > tr.color-abl > th,
.table > tfoot > tr.color-abl > th {
  background-color: rgba(46, 188, 152, 0.20);
  color: #333;
}

.table > thead > tr > td.color-pat,
.table > tbody > tr > td.color-pat,
.table > tfoot > tr > td.color-pat,
.table > thead > tr > th.color-pat,
.table > tbody > tr > th.color-pat,
.table > tfoot > tr > th.color-pat,
.table > thead > tr.color-pat > td,
.table > tbody > tr.color-pat > td,
.table > tfoot > tr.color-pat > td,
.table > thead > tr.color-pat > th,
.table > tbody > tr.color-pat > th,
.table > tfoot > tr.color-pat > th {
  background-color: rgba(231, 96, 86, 0.20);
  color: #333;
}

.table > thead > tr > td.color-ib,
.table > tbody > tr > td.color-ib,
.table > tfoot > tr > td.color-ib,
.table > thead > tr > th.color-ib,
.table > tbody > tr > th.color-ib,
.table > tfoot > tr > th.color-ib,
.table > thead > tr.color-ib > td,
.table > tbody > tr.color-ib > td,
.table > tfoot > tr.color-ib > td,
.table > thead > tr.color-ib > th,
.table > tbody > tr.color-ib > th,
.table > tfoot > tr.color-ib > th {
  background-color: rgba(3, 137, 209, 0.20);
  color: #333;
}


.table > thead > tr > td.color-gv,
.table > tbody > tr > td.color-gv,
.table > tfoot > tr > td.color-gv,
.table > thead > tr > th.color-gv,
.table > tbody > tr > th.color-gv,
.table > tfoot > tr > th.color-gv,
.table > thead > tr.color-gv > td,
.table > tbody > tr.color-gv > td,
.table > tfoot > tr.color-gv > td,
.table > thead > tr.color-gv > th,
.table > tbody > tr.color-gv > th,
.table > tfoot > tr.color-gv > th {
  background-color: rgba(166, 164, 164, 0.20);
  color: #333;
}

.border-r {border-right: 1px solid #ccc;}


/*Pasos para Plan de facilidades*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0; transition: none;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative; transition: none;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #000; font-size: 13px; margin-bottom: 15px; transition: none;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px; transition: none;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; /*background: #f3a32d;*/ top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; transition: none;}
.bs-wizard-dot-press { background: #88bf48 !important;}  
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #333; border-radius: 50px; position: absolute; top: 8px; left: 8px; transition: none;} 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 2px; box-shadow: none; margin: 25px 0; transition: none;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; /*background: #f3a32d;*/ transition: none;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%; transition: none;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%; transition: none;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%; transition: none;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%; transition: none;}
.bs-wizard > .bs-wizard-step > .progress {background-color:#e5e5e5; transition: none;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #e5e5e5; transition: none;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%; transition: none;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%; transition: none;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; transition: none;}
/*END Pasos para Plan de facilidades*/


/*Start Wizard*/

.bootstrapWizard {
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%

}

.bootstrapWizard a {
  text-decoration: none;
}
.bootstrapWizard a:hover,.bootstrapWizard a:active,.bootstrapWizard a:focus {
  text-decoration: none;
}

.bootstrapWizard li {
  display: block;
  float: left;
  width: 20%;
  text-align: center;
  padding-left: 0
}

.bootstrapWizard li:before {
  border-top: 3px solid #a6a4a4;
  content: "";
  display: block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: 11px;
  right: 1px;
  width: 100%;
  z-index: 1
}

.bootstrapWizard li:first-child:before {
  left: 50%;
  max-width: 50%
}

.bootstrapWizard li:last-child:before {
  max-width: 50%;
  width: 50%
}

.bootstrapWizard li.complete .step {
  background: #88bf48;
  padding: 1px 6px;
  border: 1px solid #a6a4a4;
}

.bootstrapWizard li .step i {
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -1.5px
}

.bootstrapWizard li .step {
  background: #B2B5B9;
  color: #fff;
  display: inline;
  font-size: 15px;
  font-weight: 700;
  line-height: 12px;
  padding: 1px 6px;
  border: 1px solid transparent;
  border-radius: 50%;
  line-height: normal;
  position: relative;
  text-align: center;
  z-index: 2;
  transition: all .1s linear 0s
}


.bootstrapWizard li .step.mano:hover {
  color: #a6a4a4 !important;
  
}

.bootstrapWizard li.active .step,.bootstrapWizard li.active.complete .step {
  background: #99c25f;
  color: #fff;
  font-weight: 700;
  padding: 7px 13px;
  font-size: 15px;
  border-radius: 50%;
  border: 3px solid #88bf48;
}

.bootstrapWizard li.complete .title,.bootstrapWizard li.active .title {
  color: #2B3D53
}

.bootstrapWizard li .title {
  color: #bfbfbf;
  display: block;
  font-size: 13px;
  line-height: 15px;
  max-width: 100%;
  position: relative;
  table-layout: fixed;
  text-align: center;
  top: 20px;
  word-wrap: break-word;
  z-index: 104
}

.wizard-actions {
  display: block;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%
}

.wizard-actions li {
  display: inline
}

.tab-content.transparent {
  background-color: transparent
}

/*End Wizard*/



a h5 {
  text-decoration: none !important;
}  
.nav-tabs>li.active>a {
  background-color: #e5e5e5;
  color: #333;
}

/*Table Small*/
.table-small {font-size: 12px;}
.table-small tr td {vertical-align: middle !important;} 


/* Sub menu 2 y 3 niveles */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -1px;
}

/* Modal con cabecera color */
.modal-header-danger{
  background-color: #faedec;
  color: #6a2121;
}
.modal-header-succes{
  background-color: #f0f6df;
  color: #456225;
} 
.modal-header {
 border-radius: 6px;
}

/***** Desplegables para Aplicativos *****/
.dropdown-menu .representado {
  font-size: 12px !important;
}

.dropdown-apl {
  margin: -2px 0 0 -172px !important;
  text-align: right !important;
  background-color: #fff !important;  
  -webkit-box-shadow: 0 0 8px #aaa !important;
  box-shadow: 0 0 8px #aaa !important;

  
}
.dropdown-apl > li > a {
  color: #717170 !important;
  border-bottom: 1px solid #c5c3c2 !important;
}

.dropdown-apl > li > a:hover {
  background-color: #c5c3c2 !important;
  color: #fff !important;
}

.dropdown-apl > li:last-child a  {
  border-bottom: none !important;
}

.mostrar-submenu:hover > ul.dropdown-menu {
  display: block;    
}

.columna-estado {
  font-size: 12px;
  width: 150px;
  padding-top: 10px !important;
}

.text-color-rojo { color:#e76056;}
.text-color-naranja {color:#f3a32d;}
.text-color-amarillo {color:#fcda59;}
.text-color-verde {color:#99c25f !important;}
.text-color-azul {color:#4265bc !important;}
.text-color-gris {color:#e5e5e5 !important;}
.text-color-verde-2 {color:#2ebc98 !important;}

.bg-color-verde {
    background-color: rgba(46, 188, 152, 0.20);
    color: #333;
}


/***** Cargando deshabilitando el fondo *****/
.overlay{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #000;
 z-index:1001;
 opacity:.35;
 -moz-opacity: 0.35;
 filter: alpha(opacity=35);
}
.modal-loading {
 position: absolute;
 top: 40%;
 left: 50%;
 color: #fff;
 z-index:1002;
 overflow: none;
}

.modal-loading-msj {
 position: absolute;
 margin: 0 auto;
 top: 52%;
 left: 45%;
 color: #fff;
 z-index:1002;
 overflow: none;
 text-align:center;
}


/***** Autocompletar *****/
.ui-widget {font-family: "OpenSans" !important; font-size: 12px !important;}

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  //overflow-x: hidden;
  z-index : 1999!important;
  background-color: #fff;
  max-width: 408px!important;
  border: 1px black solid;
}


#ui-menu-item{
  z-index : 2000!important;
  //width : 400px !important;
}

.ui-menu-item:hover{
  background: #7FAF1B;
}
.ui-menu-item:select{
  background: #7FAF1B;
}

/***** Fin Autocompletar *****/

.margin-buscar {
  margin-top: 24px;
}

.labeldestacada {
  border-bottom: 1px #ddd solid;
}
.icono-sin-imagen {
  font-size: 8em;
  color: #e5e5e5;
}
.nodos {
  height: 96px;
  right: 0;
  position: fixed;
  top: 350px;
  width: 44px;
}

/* Listas */
ul.list {list-style: none; padding: 0; margin: 0;}
ul.list li {margin-bottom: 8px;
}

/* Ocultar divs para aplicativos*/
.oculto {
 display: none !important;
}

/* Label margen inferior */
label.control-label {margin-bottom: 5px !important;}


/* Tablas con check para seleccionar boletas
.table > tbody > tr > td input[type=checkbox],
.table > thead > tr > th input[type=checkbox] {
  width: 18px;
  height: 18px;
  }*/
  .table > thead > tr > th {
    vertical-align: middle !important;
  }

  .table > thead > tr > th > a {
    text-decoration: none !important;
    color: #333 !important;
    cursor: pointer !important;
  }

  /*pga*/

  .underline {text-decoration: none !important;}

  .mano {
    cursor: pointer !important;
  }
  .mano:hover {
   cursor: pointer !important;
   background-color: #f0f6df !important;
 }

 input[type=checkbox], input[type=radio] {
  margin: 3px
}


input[type="file"] {
  display: none;  
}


/* Form */

.form-control[readonly], fieldset[disabled] .form-control {
  background-color: #fff !important; 
}

/* Input con tamaño especial para visualizar años en aplicativos */
.input-datapicker {
  width: 100px !important;
}

/* Tablas especiales para ABL*/
.theadcolor2 {
  background-color: #eff6dc;
  /* border: 1px solid #e5e5e5 !important;*/
}

.theadcolor {
  background-color: #f6faeb;
  border: 1px solid #e5e5e5 !important;
}
.theadborder {
  border-right: 1px solid #e5e5e5 !important;
  border-left: 1px solid #e5e5e5 !important;
}

/* Tablas especiales con border arriba*/
.theadborderTop {
  vertical-align: top;
  border-top: 2px solid #ddd;
}

/*Pop up*/
.popover {
 width: auto;
 min-width: 550px;
}

.margen-bt {
 margin-top: 25px;
}

.row {
  margin-bottom: 15px;
  margin-right: 0;
  margin-left: 0;
}

.navbar .row {
  margin-bottom: 0!important;
}

/* Aplicativos principales */

h1 {margin-bottom: 25px;}
hr.space {margin:30px 0;}
.well {padding: 5px 19px 5px 19px; margin-top: 10px;}
.well-top {padding-top: 15px;}


/* Well por impuesto */
.well-abl {background-color: #2ebc98; color:#FFF; }
.well-pat {background-color: #e76056;color:#FFF;}
.well-ib {background-color: #0389d1;color:#FFF;}
.well-gv {background-color: #717170;color:#FFF;}



.font13 {font-size: 13px !important;}
.nowrap { white-space: nowrap !important;}



/* Sidebar Notificar  */

.sidenav {
  margin-bottom: 20px !important;
}


/* Input Datapicker */
@media (min-width: 768px) {
  .input-calendar {  
    width: 100px !important;  }
    
    .input-calendar-auto {  
      width: 120px !important;  
    }

    /* Back to top */
    .navbar-fixed-top + .content-container {
      margin-top: 70px;
    }
    .content-container {
      margin: 0 130px;
    }

    #top-link-block.affix-top {
      position: absolute; /* allows it to "slide" up into view */
      bottom: -82px; /* negative of the offset - height of link element */
      right: 20px; /* padding from the left side of the window */

    }
    #top-link-block.affix {
      position: fixed; /* keeps it on the bottom once in view */
      bottom: 18px; /* height of link element */
      right: 20px; /* padding from the left side of the window */
    }

    /* Circulos */

    .series span {
      color: #fff;
      text-align:center;
      margin:0px 5px 5px 0px;
      width:15px;
      height:15px;
      border-radius:15px;
      display:block;
      float:left;
      font-family: "OpenSans", Helvetica, Arial, sans-serif;    
    }
    .series p {font-size: 9px; line-height: 15px;}

    /* Back To Top */

    .subir {background-color: #000; opacity: 0.8; border-radius: 4px; padding: 10px 15px;}
    .navbar-fixed-top + .content-container {
     margin-top: 70px;
   }
   .content-container {
     margin: 0 130px;
   }

   #top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
  }
  #top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 28px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
  }

  /* Version 7 */

  .controls .input-append a:focus {box-shadow: none !important;} 

  /* Boton colapsado */
  a.btnCollapse  {text-decoration: none !important;  color: #000 !important;}
  a:hover.btnCollapse {color: #888 !important;}

  /* tables */

  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        vertical-align: middle !important;
    }


    /* plan de facilidades honorarios */

.msj-mandatarios {
  padding: 15px;
  margin: 40px 0;
  border: 1px solid #1b809e;
  border-left-width: 5px;
  border-radius: 3px;
}