body {
  padding-top: 0;
  padding-bottom: 0;
}

    
    .alertify .ajs-header {
      font-weight: bold !important;
      font-size: 1.2em !important;
    }
    
    .contenedor-total-registros-tb{
      float: right; 
      font-weight: bold; 
      margin-right: 50px; 
      margin-top: 8px;
    }
    
a{
  cursor:pointer !important;
}

.text-container {
  overflow: hidden;
  position: relative;
  max-height: 1.2em;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.text {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis; /* Agrega los tres puntos al final del texto truncado */
}

#tabla-medicina-general tbody tr:nth-child(even) .text::before{
  background: rgb(255, 255, 255)!important;
  background: linear-gradient(270deg, rgb(255, 255, 255) 26%, rgba(249,249,249,0.2665441176470589) 59%)!important;
}
.text::before{
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: rgb(249,249,249);
  background: linear-gradient(270deg, rgba(249,249,249,1) 26%, rgba(249,249,249,0.2665441176470589) 59%);
  height: 1em;
  width: 80px;
}
.efecto-off .text::before{
  display: none!important;
}

#ver-mas {
  display: none;
  text-align: end;
  margin-bottom: 5px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  /* -webkit-box-shadow: 0 0 40px -7px #000000; */
  /* box-shadow: 0 0 40px -7px #000000; */
  /* padding-left: 15px; */
  /* padding-right: 15px; */
  /* margin-bottom: 0px !important; */
  /* min-height: 750px; */
  padding: 0px;
  display: block;
  max-width: 1920px;
  margin: 0 auto 0;
  width: 95%;
}

.container-user-options{
  max-width: 100%;
  margin: 0 auto 0;
  /* width: 150vh; */
  width: 100%;
  margin-top: 15px;
  padding-right: 15px;
}

.campos{
  width:95%;
  display: inline-block;
  margin:0 2.5% 0 2.5%;
}
.caja{
  width: 100%;
  display: inline-block;
  margin: 5px 0 5px 0;
  vertical-align: middle;

}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}


label.btn.btn-primary {
  height:35px !important;
}

#mdialTamanio{
  width: 90% !important;
}


/* Set width on the form input elements since they're 100% wide by default */

.navbar-inverse {
  background-color: #fff;
  border:0 solid #fff;
  color: #008AD1 !important;
  width: 100%;
  position: relative;
  height:115px;
  background: url('../Content/header.png') no-repeat;
  text-align: center;
  background-size: 102%;
  background-position: center;
  margin: 0 auto 0;
}


.nav.navbar-nav.menutab{

  width:100%;

  display:table;

  margin-bottom: 15px;
}

.nav.navbar-nav.menutab li{
  display: inline-block;
  width: auto;
  border-radius: 5px 5px 0 0;
  border-bottom: 2px solid #008ad1;
  margin-bottom: 10px;
}


.toolhover{ 
  cursor:pointer;
}

.contenedor-toltip{
  display:block ; 
  opacity:0 !important;
  position:absolute  !important;

  height:0px;
  width:0px;
  transition: opacity 0.4s ease-out;

}

label.control-label.toolhover:hover ~ .contenedor-toltip{
  opacity:1 !important;
  height:auto  !important;
  display:block ; 
  text-align: center  !important;
  background:white  !important;
  padding:10px  !important;
  width:560px  !important;
  position:absolute  !important;
  margin-top:-10px;
  border-radius:10px  !important;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.42);
  z-index:100  !important;
  transition: opacity 0.3s ease-in;
}
.contenedor-toltip:hover {
  opacity:1 !important;
  height:auto  !important;
  display:block ; 
  text-align: center  !important;
  background:white  !important;
  padding:10px  !important;
  width:560px  !important;
  position:absolute  !important;
  margin-top:-10px;
  border-radius:10px  !important;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.42);
  z-index:100  !important;
  transition: opacity 0.3s ease-in;
}
.contenedor-toltip img{
  max-width: 95%;
  margin:0 auto 0;
}
.que-mark{
  color: white;
  display: inline-block;
  padding: 2px;
  border-radius: 20px;
  background-color: #004e91;
  width: 26px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}

.nav.navbar-nav.menutab li:hover{
  display: table-cell !important;
  background-color:#eee;
}
.nav.navbar-nav.menutab li a:hover{
  color: #008ad1;
  text-align: left;
  border-radius: 5px 5px 0 0;
  transition:font-weight 0.3s;
  background:transparent;
}

.nav.navbar-nav.menutab li.active {
  font-size: 14px;
  background-color: #035782 !important;
  border-bottom: 2px solid #035782 !important;
  border-radius: 5px 5px 0 0;
  top: 0 !important;
}

.nav.navbar-nav.menutab li.active a{
  color: #fff !important;
}


.nav.navbar-nav.menutab li a{
  font-size: 12px;
  color: #008ad1;
  text-align: left;
  width:100%;


}
.nav.navbar-nav.menutab li.completo {
  font-size: 12px;
  color: #008ad1;
  text-align: center;
  background: url('../Content/check.png') no-repeat;
  background-position: center right 5px;
  padding-right: 12px;
  border-bottom: 2px solid #33b7ac;
}
.nav.navbar-nav.menutab li.completo a {
}
.nav.navbar-nav.menutab li.completo:hover {    

  border-radius: 5px 5px 0 0;
  color:#fff;
  font-size: 12px;

  text-align: center;
  background: url('../Content/check.png') no-repeat;
  background-color:#33b7ac;
  background-position: center right 5px;

}


.nav.navbar-nav.menutab li.completo:hover a {

  color:#fff;

  transition:color 0.3s;

}
.nav.navbar-nav.menutab li.completo a {
  color: #33b7ac;
  padding-right: 30px;
}

.nav.navbar-nav.menutab li.active {
  top: 15px;

}
.panel-primary.formbisa{
  width: 100%;
  display: inline-block;
  border: 0px !important;
  margin: 0 auto 0;
  padding-bottom: 20px;
  /* border-bottom: 1px dotted #005a97 !important; */
}

.panel-primary.formbisa-2{
  width: 100%;
  margin: 0 auto 0;
  border-radius: 8px;
  display: inline-block;
  border: 2px solid #004e91 !important;
  margin: 5px 0 5px 0;
}


.panel-primary.formbisa-3{
  width: 100%;
  border: 0px !important;
  margin: 0 auto 0;
  display: inline-block;
}

.formbisa-3 .panel-heading {
  color: #fff;
  height: 39PX;
  background-color:#004e91;
  border-radius: 5px 5px 0 0;
  border-color: #337ab7;
  DISPLAY: INLINE-BLOCK;
  WIDTH: 100%;
}
.formbisa-2 .panel-heading {
  color: #fff;
  HEIGHT: 39PX;
  background-color:#008ad1;
  border-radius: 5px 5px 0 0;
  border-color: #337ab7;

  DISPLAY: INLINE-BLOCK;
  WIDTH: 100%;
}
.nav-separator{
  width:100%;

  display:inline-block;
  margin:0 0 15px 0;
}
.grupo:first-child .row{
  width: 100%;
  margin:0px 0 5px 0;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;

  display:table;
  transition: background 0.2s ease-out;
}
.grupo .row{
  width: 100%;
  margin:5px 0 5px 0;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;

  display:table;
  transition: background 0.2s ease-out;
}

.grupo .row:hover{

  padding: 10px 10px 10px 10px;

  background: rgba(0, 78, 145, 0.17) !important;
  transition: background 0.2s ease-in;
}


#listaAspirantes tr{
  margin-bottom: 4px;

  background: transparent;


  transition: background 0.2s ease-out;
}
.grupo td{
  background: white;
  padding:10px;
  color:#004e91;
  border: 1px solid #004e91;
}

.back-begi  {
  width:160px;
  padding:10px;
  color:white;
  text-align: center;
  background:#004e91;
  margin:10px;
  border-radius: 5px;
  transition: background 0.2s ease-out;
}
.back-begi:hover  {

  background:#358ac9;
  transition: background 0.2s ease-in;
}
.back-begi a {

  padding:10px;
  color:white;


}
.back-begi a:hover {
  text-decoration: none;
  padding:10px;
  color:white;


}

.grupo thead th{

  padding: 5px;
  border: 1px solid white;
  border-top:0px;
  border-bottom:0px;
  color: white;
}
.grupo thead th:first-child{

  border-left: 0px solid white;

}
.grupo thead th:last-child{

  border-right: 0px solid white;

}
.grupo thead{
  background: #004e91;
  padding: 5px;
  border: 1px solid #004e91;

}
.grupo fieldset.scheduler-border {
  border: 2px groove #004e91 !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #004e91;
  box-shadow: 0px 0px 0px 0px #004e91;
}
.celdatbFicha label{
  padding: 0px !important;
  background: white;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  border: 0px solid #a5bbce !important;
  color: #004e91;
  font-weight: 500;
}
.grupo legend.scheduler-border{
  color:#004e91;
  width:90% !important;
  padding:10px;
  margin:0 auto 0;
}
#listaAspirantes tr:hover{

  padding: 10px 10px 10px 10px;

  background: rgba(0, 78, 145, 0.17) !important;
  transition: background 0.2s ease-in;
}


.grupo-2 .row{
  width: 100%;
  border-radius: 5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;
  margin: 3px;
  display:table;
  transition: background 0.2s ease-out;
}
.grupo-2 .row:hover{
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 3px;
  background: rgba(0, 78, 145, 0.17) !important;
  transition: background 0.2s ease-in;
}

.grupo-3 {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;
  margin: 3px;
  display:table;
  transition: background 0.2s ease-out;
}
.grupo .btn {
  float:left;
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 25% !important;
  background: #004e91;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
.grupo .btn:hover {
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 25% !important;
  background: #358ac9;
  transition: background 0.2s ease-in, color 0.3s ease-in;
}
.grupo .asp{
  width: 20%;
  display: inline-block;
}
.grupo .asp .form-control{
  width: 90%;
  margin:0 auto 0;
  display: inline-block;
}

.grupo .asp2{
  width: 25%;
  display: inline-block;
}
.grupo .asp2 .form-control{
  width: 90%;
  margin:0 auto 0;
  display: inline-block;
}
.grupo .row .col-xs-5{
  display:table-cell;
  height: auto;
}
.grupo .row .col-xs-5 .control-label{
  margin-top:25px;
  font-size:15px;
}
.grupo .row .col-xs-3{
  display:table-cell;
  height: auto;
  text-align:center;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  color: #035782;
  font-size: 12.5px;
  border-left: 5px solid #aac4da;
}
.grupo .row .col-xs-3 .control-label{
  margin-top:25px;
  font-size:15px;
}
#formDatosAdicionales .form-control-feedback {
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 2;
  color: #33b7ac !important;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.grupo .row .col-xs-3 .C_Habido{
  margin-left:10px;
  margin-right:10px;
  font-size:15px;
}
.grupo .row .col-xs-3 .C_question{
  margin-left:10px;
  margin-right:10px;
  font-size:15px;
}
.grupo .row .col-xs-3 .form-control-feedback {
  color: #33b7ac !important;
  top: 15px !important;
  right: 15px !important;
  font-size: 15px !important;
}
.grupo .row .col-xs-4{
  display:table-cell;
  height: auto;
}

.grupo.fix-i .row .col-xs-4{
  display:table-cell;
  margin-top:10px;
  height: auto;
}

.grupo .row .col-xs-4 .form-control-feedback.bv-no-label{
  height:0px !important;
  display:inline-block;
}
.grupo .row .col-xs-4 .form-control-feedback.bv-no-label.glyphicon.glyphicon-ok{
  height:auto !important;
  display:inline-block;
}
.grupo .row .col-xs-4 .form-control-feedback {
  color: #33b7ac !important;
  top: 15px !important;
  right: 0px !important;
  font-size: 15px !important;
}
.grupo.fix-i .row .col-xs-4 .form-control-feedback {
  color: #33b7ac !important;
  top: 0px !important;
  right: 0px !important;
  font-size: 15px !important;
}
.grupo .row .col-xs-4 .chosen-select {
  width:95%;
  border: 2px solid #008AD1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #008AD1 !important;
}
.grupo .row .col-xs-4 textarea {
  width: 95%;
  border: 2px solid #008AD1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #008AD1 !important;
  margin-bottom:20px;
}
.grupo .row .col-xs-4 .help-block{
  color: #d30812;
  font-weight: 600;
  text-align: left;
  width: 95%;
  margin-top: -12px;
  margin-left: 5px;
}

.grupo .col-xs-6{
  padding:0 !important;
}
.row.grupo{

  max-width: 100%;
  margin: 0 auto 0!important;

}
.row.grupo.fix-i{

  max-width: 100%;
  margin: 0 auto 20px!important;
  padding-bottom:5px;
  border-bottom:1px dotted #004e91;

}
.grupo-3 .col-xs-5 textarea{
  display:inline-block;
  margin: 0px; 
  height: 100px; 
  width: 100%;
  border: 1px solid #008AD1;
}
.grupo-3 .col-xs-5 textarea::-webkit-scrollbar{
  width:10px;
  background:transparent;
}
.grupo-3 .col-xs-5 textarea::-webkit-scrollbar-thumb{
  width:4px;
  background:#008AD1;
}


.grupo-3 .col-xs-4 input{
  display:inline-block;
  margin: 0px; 

  width: 100%;
  border: 1px solid #008AD1;
}
.header .col-xs-8{
  padding:0 !important;
}
.header .col-xs-4{
  padding:0 !important;
}
.grupo .row .col-xs-8 .control-label{
  margin-top:10px !important;
  font-size:15px;
}
.formbisa-2 .btn {
  float: left;
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 25% !important;
  background: #004e91;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
.formbisa-2 .btn:hover {
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 25% !important;
  background: #358ac9;
  transition: background 0.2s ease-in, color 0.3s ease-in;
}
.formbisa-2 .enviar {
  width: 94%;
  display: inline-block;
  color: #008AD1;
  font-family: 'Open Sans';
  font-weight: 500;
  margin: 0 0 13px 25px;
  text-align: center;
  padding-top: 25px;
  border-top: 1px dotted #004e91;
}
.formbisa-2 .header{
  width: 100%;

  background: #acbecd;
  display: inline-block;
  margin: 0 auto 0;
  text-align:center;
}
.formbisa-2 .header .col-xs-5{
  border-right:1px solid white;
}

.formbisa-2 .header .col-xs-3{
  border-right:1px solid white;
}

.formbisa-3 .panel-body{

  padding:0 !important;

}
.formbisa-3 h4{

  margin-top: 0px;
  margin-bottom: 10px;

}
.whole-colum {
  width:98%;
  display:inline-block;
  float:none;
  margin:1%;
}
.half-colum-01 {
  width:49%;
  display:inline-block;
  /* float:left; */
  margin-right:1%;
}
.half-colum-02 {
  width:49%;
  display:inline-block;
  float:right;
  margin-left:1%;
}
.third-colum-01 {
  width:32%;
  display:inline-block;
  float:left;
  margin-right:1%;
}
.third-colum-02 {
  width:32%;
  display:inline-block;
  float:none;
  margin-right:1%;
  margin-left:1%;
}
.third-colum-03 {
  width:32%;
  display:inline-block;
  float:right;
  margin-left:1%;
}
.third-colum-12 {
  width:64%;
  display:inline-block;
  float:left;
  margin-right:1%;
}
.third-colum-23 {
  width:64%;
  display:inline-block;
  float:right;
  margin-left:1%;
}
.fourth-colum-01 {
  width:23%;
  display:inline-block;
  float:left;
  margin-right:1%;

}
.fourth-colum-02 {
  width:23%;
  display:inline-block;
  float:none;
  margin-right:1%;
  margin-left:1%;
}
.fourth-colum-03 {
  width:23%;
  display:inline-block;
  float:none;
  margin-right:1%;
  margin-left:1%;
}
.fourth-colum-04 {
  width:23%;
  display:inline-block;
  float:right;

  margin-left:1%;
}
.formbisa .panel-heading {
  /* color: #fff; */
  height: auto;
  background-color: #b7b5b8 !important;
  border-radius: 0;
  border-color: #034675;
  display: INLINE-BLOCK;
  vertical-align: middle;
  padding: 15px;
  font-weight: 700;
  /* font-size: 20px; */
  width: 100%;

  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.formbisa .form-group {
  width: 100%;
  min-height: 76px;
  border-radius:5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;
  margin: 3px;
  transition:background 0.2s ease-out;
}
.formbisa .form-group:hover {

  padding: 10px 10px 10px 10px;

  margin: 3px;

  background: rgba(85, 99, 110, 0.17) !important;

  transition: background 0.2s ease-in;
}

.formbisa2 .form-group {
  width: 100%;
  border-radius:5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;
  margin: 3px;
  transition:background 0.2s ease-out;
}
.formbisa2 .form-group:hover {

  padding: 10px 10px 10px 10px;
  margin: 3px;
  background: rgba(0, 78, 145, 0.17) !important;
  transition: background 0.2s ease-in;
}

.formbisa .form-group-f {
  width: 100%;
  border-radius:5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;
  margin: 3px;
  transition:background 0.2s ease-out;
}
.formbisa .form-group-f .col-xs-2 {
  width: 33% !important;
} 
.formbisa .form-group-f:hover {
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 3px;
  background: rgba(0, 78, 145, 0.17) !important;
  transition: background 0.2s ease-in;
}
.formbisa .panel-primary .row:last-child  .form-group{
  width: 100%;
  margin-bottom: 4px;
  padding: 20px 10px 20px 10px;
  background:transparent;
}
.formbisa .panel-primary .btn {
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 25% !important;
  background: #004e91;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
.formbisa label{
  width: 37%;
  border-radius:5px;
  display:inline-block;
  border: 0px solid #a5bbce;
  color: #004e91;
  font-weight: 500;
  margin: 0 ;
  padding: 0 !important;
}
label#linkExamen1{
  padding:5px;
  background:white;
  width:50%;
  border-radius:5px;
  display:inline-block;
  border: 0px solid #a5bbce;
  color: #004e91;
  font-weight: 500;
}

.formbisa .control-label{
  color:#008AD1;
  padding:0px;
  background:transparent;
  font-weight:500;
  padding-right: 10px;
  border:0px;
  width: auto;
  display: inline-block;
}
.carga .control-label{

  color:#008AD1;
  padding:0px;
  background:transparent;
  font-weight:500;
  padding-right: 10px;
  border:0px;
  width: 100%;
  display: inline-block;
}

.formbisa .panel-primary .btn.btn-success {
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 25% !important;
  background: #004e91 !important;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
.formbisa #Fecha_Expedici_n{
  width: 73% !important;
}
.obligatorio{
  font-size: 24px;
  height: 20px;
  color: #ff8800;
  display: inline-block;
  vertical-align: bottom;
}
.formbisa div.panel-body{
  padding: 15px !important;
  padding-top: 7px !important;
}
.formbisa .has-feedback .form-control {
  padding: 0 5px 0 5px;
}
.formbisa #Fecha_Nacimiento{
  width:auto !important;

}
.formbisa .form-control.text-box.single-line{display: inline-block;width: 100% !important;}
.formbisa .form-control.chosen-select{
  display: inline-block;

}
.formbisa .panel-primary .btn:hover{
  margin:0 auto 0;
  color:#fff;
  height:50px;
  font-weight:700;
  width:25% !important;
  background: #358ac9; 
  transition:background 0.2s ease-in, color 0.3s ease-in;
}

.formbisa .panel-primary .btn.btn-success:hover{
  margin:0 auto 0;
  color:#fff;
  height:50px;
  font-weight:700;
  width:25% !important;
  background: #358ac9 !important; 
  transition:background 0.2s ease-in, color 0.3s ease-in;
}

.formbisa .panel-primary label {
  display: inline-block;
  max-width: 60%;
  margin-bottom: 5px;
  font-weight: 600;
  margin-left: 20px;
  width: 50%;
  padding: 10px;
  border-radius: 5px;
  color: #337ab7;
  background: #fcffff;
  font-size: 15px;
}
.formbisa .panel-primary .control-label {
  color: #358ac9;
  font-weight: 500;
  font-size: 18px;
  padding-right: 10px;
  max-width: 30%;
  width: 30%;
  float: none;
  padding: 12px;
  background: #f8f9fa;
  text-align: center;
  border-radius: 10px;
  margin-left: 0px;
}
.boton-bisa{
  background: #005a97;
  color: #fff;
  padding:10px;
  width:auto;
  border:0px;
  border-radius:5px;
  margin: 15px 0 15px;
}
.formbisa  .form-control{
  width: 61%;
  color: #004e91;
  border: 1px solid #535c65;
  margin-bottom: 12px;
  display: inline-block;
  vertical-align: middle;
}
#formNovedad .form-group{
  width:100%;
}
.formbisa .panel-heading h4{
  color: white;
  font-size: 20px;
  margin: 10px 0 10px 0;
}
.formbisa .input-group-addon, .formbisa .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: top;
}
.formbisa h4{
  color: #004e91;
  font-size: 25px;
  margin: 15px 0 15px 0;
}
#infoMilitarPadre{

  padding-bottom:15px;
  border-bottom:1px dotted #004e91;

}
#formNovedad .btn.btn-primary{
  padding: 5px;
  background: #004e91;
  width: 100% !important;

  display: inline-block;
  border: 0px solid #a5bbce;
  color: white;
  height:33px;
  font-weight: 500;
}
.bootstrap-filestyle.input-group {
  position: relative;
  width:100%;
  display: inline-block;
  border-collapse: separate;
  vertical-align: bottom;
}
.bootstrap-filestyle .form-control{
  width:48%;
  float:left;
  padding:10px;
  display:inline-block;
  margin-top:10px;

}
.form-group.fix-form {
  width: 49%;
  border-radius: 5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: transparent;
  margin: 3px;
  transition: background 0.2s ease-out;
}
.form-group.fix-form:hover {
  padding: 10px 10px 10px 10px;
  margin: 3px;
  background: rgba(0, 78, 145, 0.17) !important;
  transition: background 0.2s ease-in;
}
.formbisa .form-control.btn-success {
  width: 100%;
  color: white;
  border: 0px solid #535c65;
  margin-bottom: 12px;
  background: #004e91 !important;
}
#formDatosAdicionales .btn {
  margin: 8px auto 20px;
}
.bootstrap-filestyle .input-group-btn{
  width:48%;
  display:inline-block;
  float:right;
  padding:0;
  margin-left:10px; 
}
#formNovedad .btn.btn-primary:hover{
  padding: 5px;
  background:white;
  width: 100% !important;

  display: inline-block;
  border: 1px inset #004e91;
  color:#004e91 ;
  height:33px;
  font-weight: 500;
} 
#formAplazamientos .form-group{
  width:100%;
}
#formAplazamientos .form-control{

  width: 100%;

  color:#004e91;

  border:1px solid #004e91;
}


/*.slideshow ul li > svg {
  background-image: url(../img/fondoDiapositiva.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}*/
.desicionJunta{
  width: 50px;
  position: absolute;
  top:20px;
  left: 50px;
  background:white;
  padding:10px;
  border-radius:5px;
  z-index: 1000;
  border: 2px solid #004a93;
}
.desicionJunta input{
  width:32px;
  height:32px;
  display:inline-block;
  background-color:transparent;
  background: url(../Content/base.png) no-repeat;
  color:transparent;
  border:0px;
}
.sp1{
  width: 12% !important;
}
.sp2{
  width: 54.5% !important;
}

.volver-bt{
  width: 50px;
  position: absolute;
  top: 90px;
  left: 50px;
  background:white;
  padding:10px;
  border-radius:5px;
  z-index: 1000;
  border: 2px solid #004a93;
  transition:background 0.3s ease-out;
}

.volver-bt:hover{
  width: 50px;
  position: absolute;
  top: 90px;
  left: 70px;
  background:#004a93;
  padding:10px;
  border-radius:5px;
  z-index: 1000;
  border: 2px solid #004a93;
  transition:background 0.3s ease-in;
}
.volver-bt a{
  width:32px;
  height:32px;
  display:inline-block;
  background-color:transparent;
  background: url(../Content/back.png) no-repeat;
  color:transparent;
  border:0px;
  transition:background 0.3s ease-out, background-position 0.1s ease-out;
}
.volver-bt:hover a{
  width:32px;
  height:32px;
  display:inline-block;
  background-color:transparent;
  background: url(../Content/back-w.png) no-repeat;
  color:transparent;
  background-position-x:-5px;
  transition:background 0.3s ease-in, background-position 0.1s ease-in;
  border:0px;
}
.panel-heading {
  padding: 15px;
  border:0;
  /* border-top-left-radius: 3px; */
  background: #b7b5b8 !important;
  /* border-top-right-radius: 3px; */
  letter-spacing: 2px;
  color: #034675 !important;
  border-radius: 10px !important;
  font-weight: 700;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 10px;
}
ol.acc-wizard-sidebar li {
  position: relative;
  margin: 0 0 .5em 2em;
  padding: .25em .75em;
  list-style: none;
  display: inline-block;
}
ol.acc-wizard-sidebar {
  counter-reset: acc-wizard-counter;
  margin-left: 0;
  padding-left: 0;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.panel-heading a{
  text-decoration:none !important;
}

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

.btn-success {
  color: #fff;
  background-color: #004e91;
  border-color: transparent;
  border-radius: 5px;
  height: 33px;
  transition:background 0.2s ease-in;
}


.btn-success:hover {
  color: #fff;
  background-color: #68a8df !important;
  border-color: transparent;
  transition:background 0.2s ease-out;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff !important;
  background-image: none;
  border: 1px solid #aabecf;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition:background 0.3s ease-in, opacity 0.5s ease-in;
}
label.col-xs-2{
  margin-top: 6px;
}
.table.large-only{ 
  border-bottom:3px solid #004e91;
}

.slideshow > nav span.next {
  right: 100px  !important;
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
  background: #004a93;
  opacity: 0.8 !important;
  top: 50% !important;
  border-radius: 10px;
  transition:background 0.3s ease-in, opacity 0.5s ease-in;
}


.slideshow > nav span.prev {
  left: 100px !important;
  -webkit-transform: translateX(-120%);
  transform: translateX(-120%);
  background: #004a93;
  opacity: 0.8 !important;
  top: 50% !important;
  border-radius: 10px;
  transition:background 0.3s ease-in;
}
.slideshow > nav span.disabled{
  opacity: 0.4 !important;
  background: rgba(64, 130, 195, 0.48);
  transition:background 0.3s ease-in, opacity 0.5s ease-in;
}
.separator-tab{width:100%;display:table;height: auto;vertical-align: top;}
.tabla-info{ 
  width: 80%;
  height: 85%;
  display: inline-block;
  float: left;
  margin-top: 15px;
  /*  max-height: 560px;*/
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #004e91;
}
.panel{background:transparent !important;}
.tabla-info::-webkit-scrollbar{
  width:10px;
  background:#022e54;
  border:0px;
}
.slide{
  padding: 1em 10px !important;
}
.semaforo-nombres-cargo{
  width: 100%;
  color: white;
  display:table;
}
.sem-img{
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  color: #FFFF00;
}

.titulo-slide{
  display:  table-cell;
  font-size:20px;
  vertical-align: middle;
}
.img-escudo{
  width: 30%;
  padding:10px;
  display:  table-cell;
  vertical-align: middle;
}
.img-escudo img{
  max-width: 100%;

}


.tabla-info::-webkit-scrollbar-thumb{
  width:4px;
  background:white;
  border-radius: 5px;
  border:2px solid #004e91;
}
/* .slideshow ul li path{
  background-image: url('../img/fondoDiapositiva.png'); 
  background-size:cover; 
  background-position: bottom; 
  background-repeat:no-repeat;
} */

.grupo-info{width:100%;display: table;/*background: white;*/padding:0px;border:2px solid #004e91;}
.grupo-info .header{background: #004e91;width:100%;display:inline-block;color:white;font-size:16px;padding:5px;}

.grupo-info .info-asp{color:#004e91;width:100%;display: table;}

.bloque-info-1{width: 33.333%;display: inline-table;padding:0;margin:0;vertical-align: top;min-height: 55px;height: 100%;border-left: 1px solid #004e91;border-bottom: 1px solid #004e91;border-right: 0px;}
.bloque-info-1:first-child{width: 33.4%;display: inline-table;padding:0;min-height: 55px;height: 100%;vertical-align: top;margin:0;border-left: 0px solid #004e91;border-bottom: 1px solid #004e91;}
.bloque-info-1:nth-child(4){width: 33.4%;display: inline-table;padding:0;margin:0;border-left: 0px solid #004e91;border-bottom: 1px solid #004e91;border-right: 0px;}

.acc-wizard-step {
  width: 25% !important;
  margin-top: 2em;
}


.bloque-info-1 div{width: 49.9%;padding: 5px;color:#004e91;display: table-cell;vertical-align: middle;font-size: 12px;border-right: 1px solid #004e91;}
.bloque-info-1 div:last-child{width:50%;padding: 5px;color:#004e91;display: table-cell;font-size: 12px;border-right: 0px solid #004e91;}



.bloque-info-1 div:firstt-child{width:50%;padding:5px;color:#004e91;display: table-cell;font-size:12px;border-right:0px solid #004e91;}





.bloque-info-2{width:50%;display: inline-table;padding:0;margin:0;height: 50px;vertical-align: top;border-left: 1px solid #004e91;border-bottom: 1px solid #004e91;}
.bloque-info-2:first-child{width:50%;display: inline-table;padding:0;margin:0;border-left: 0px solid #004e91;border-bottom: 1px solid #004e91;}

.bloque-info-2 div{width: 33.3333%;padding:5px;color:#004e91;display: table-cell;font-size:15px;border-left: 1px solid #004e91;}

.bloque-info-2 div:first-child{width: 33.3%;padding:5px;color:#004e91;display:inline-block;font-size: 12px;border-left:0px solid #004e91;}


.bloque-info-3{width: 49.87%;display: inline-table;padding:0;margin:0;vertical-align: top;border-bottom: 1px solid #004e91;min-height: 50px;height: 100%;}
.bloque-info-3:last-child{width: 50%;display: inline-table;padding:0;margin:0;vertical-align: top;border-bottom: 1px solid #004e91;border-left: 1px solid #004e91;min-height: 50px;height: 100%;}


.bloque-info-3 div{width: 50%;padding: 5px;color:#004e91;display: table-cell;font-size: 12px;vertical-align: middle;border-right:1px solid #004e91;}
.bloque-info-3 div:last-child{width:50%;padding: 5px;color:#004e91;display: table-cell;font-size: 12px;vertical-align: middle;border-right:0px solid #004e91;}


.bloque-info-4{width:100%;display: inline-table;padding:0;margin:0;border-bottom: 1px solid #004e91;}

.bloque-info-4 .form-control{
  max-height:54px;
  overflow-x:hidden;
  overflow-y:auto;
}

.bloque-info-4 .form-control::-webkit-scrollbar{
  width:10px;
  background:transparent;
}
.bloque-info-4 .form-control::-webkit-scrollbar-thumb{
  width:4px;
  background:#004e91;
}
.respuesta-x{
  font-size: 15px;
  text-align:center;
}

.respuesta-x .check{
  background:#004e91;

}
.respuesta-x span{
  display: inline-block;
  height:15px;
  width:15px;
  border: 1px solid #004e91;
  background:white;
  margin:0 10px 0 10px;
}
.bloque-info-4 div:fisrt-child{
  width:50%;
  padding:5px;
  color:#004e91;
  display:table-cell;
  font-size:15px;

  border-right:0px solid #004e91;

}
.bloque-info-4 div{width:50%;padding: 5px;color:#004e91;display:table-cell;vertical-align: middle;font-size: 12px;border-left: 1px solid #004e91;}
.bloque-info-4 div:first-child{width: 49.88%;padding: 5px;color:#004e91;display:table-cell;vertical-align: middle;font-size: 12px;height: 50px;border-left: 0px solid #004e91;}
.bloque-info-5{width: 66.7%;display: inline-table;padding:0;margin:0;min-height: 55px;vertical-align: top;border-bottom: 1px solid #004e91;}
.bloque-info-5 div{width:50%;padding:5px;color:#004e91;display:table-cell;font-size:15px;border-left: 1px solid #004e91;}
.bloque-info-5 div:first-child{width:50%;padding:5px;color:#004e91;display:table-cell;font-size: 12px;vertical-align: middle;border-left: 0px solid #004e91;}

.info-side{
  width:20%;
  display:inline-block;
  float:right;
}

.foto{
  width:98%;
  margin:0 auto 0;
}
.foto img{
  max-width:100%;

}

.proceso{width: 98%;margin:0 auto 0;font-size: 15px !important; text-align: center;color: #004a93 !important;}
.logo{width: 70%;margin:0 auto 0;text-align: center;}
.logo img{max-width:100%;margin: 0 auto 0;}

#formAplazamientos{

  padding:10px;
}
#tablaAplazamientos{
  border-bottom:1px dotted #004e91;
  display:inline-block;
  margin-bottom:15px;
  padding-bottom:15px;
}
#formAplazamientos .btn.btn-primary {
  margin: 0 auto 0;
  color: #fff;
  height: 35px;
  border: 0px;
  font-weight: 700;
  width: 100% !important;
  background: #004e91;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
#formAplazamientos .btn {
  margin: 0 auto 0;
  color: #fff;
  height: 50px;
  font-weight: 700;
  width: 30% !important;
  background: #004e91;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}


.formbisa #formNovedad label {
  padding: 5px;
  background: transparent;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  border: 0px solid #a5bbce;
  color: #004e91;
  font-weight: 500;
}

.loginbisa{
  width: 90%;
  border: 1px solid #004e91;
  background: transparent;
  margin: 0 auto 0;
}
.loginbisa .panel-heading {
  color: #004e91;
  background-color: transparent;
  border-color: #ddd;
  border:0px;
  text-align:center;
  padding: 20px;
  width: 95%;
  border-radius: 10px !important;
  margin: 2.5%;
}

.loginbisa .panel-heading h2{
  color:white;
  margin:0;
}
.loginbisa .form-control{
  width: 100%;
  border: 1px solid #004e91;
  background: transparent;
  color: #004e91;
  margin: 0 auto 0;
}
.loginbisa form {
  width: 95%;
  margin: 0 auto 0;
}

.loginbisa2 {
  width: 40%;
  border: 1px solid #004e91;
  background: transparent;
  margin: 0 auto 0;
  border-radius: 10px;
  padding: 0;
  background: white;
  box-shadow: 0px 1px 26px grey;
}
.loginbisa2 .panel-heading {
  color:white;
  background-color: transparent;
  border-color: #ddd;
  border:0px;
  text-align:center;
  border-radius:5px 5px 0 0 !important;
}

.loginbisa2 .panel-heading h2{
  color:white;
  margin:0;
}
.loginbisa2 a{
  cursor:pointer;
}
.loginbisa2 a:hover{
  cursor:pointer;
  text-decoration: none;
}
.loginbisa2 .form-control{
  width: 100%;
  border: 1px solid #004e91;
  background: transparent;
  color: #004e91;
  margin: 0 auto 0;
}
.loginbisa2 form {
  width: 100%;
  margin: 0 auto 0;
}
.loginbisa2 fieldset{
  width:95%;
  margin:0 auto 0;
  padding:10px;
  color: #004e91;
}
.loginbisa2 .col-md-5{
  width: 100%;
}

.ajs-button{
  background: #004e91;
  border: 0px;
  font-size: 15px;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  width: 27%;
}

.formulario-presentacion{
  color:#004e91;
  font-size: 15px;
}
.ajs-dialog {

  min-height: 210px !important;
  border-radius: 10px;
  min-width: 10px !important;
}
.ajs-button{
  color:white;
}

.bread{
  width:100%;
  display:inline-block;
}
.bread ul{
  width:100%;
  display:inline-block;
  padding: 0 !important;
}
.bread ul li {
  width: auto;
  background: #ececec;
  display: inline-block;
  border-radius: 5px 5px 0 0;
  border-bottom: 3px solid #ececec;
  padding: 9px;
}
.bread ul li.active {
  width: auto;
  display: inline-block;
  background: white;
  border-radius: 5px 5px 0 0;
  border-bottom: 3px solid #004e91 !important;
  padding: 9px;
}
.bread ul li a:hover{
  text-decoration: none;

}
.bread ul li.active a{color: #337ab7;font-weight: bold;}
.heteroforias{
  display:inline-block;
}

.heteroforias .form-group {
  width: 100%;
  border-radius:5px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 10px;
  background: rgba(51, 122, 183, 0.05) !important;
  margin: 3px;
  display: inline-block;
  transition:background 0.2s ease-out;
}
.heteroforias .form-group:hover {
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 3px;
  background: #e4e9ec !important;

  transition:background 0.2s ease-in;
}
.noadministrativo{
  display:none;
}
.g-recaptcha {
  text-align:center;
  width:100%;
}
.g-recaptcha div{
  margin:0 auto 0;
  text-align:center;
  width:100%;
}
.image-intro{
  width:55%;
}
.container {
  max-width: 100%;
  margin: 0 auto 0;

}
.container-header{
  max-width: 100%;
  margin: 0 auto 0; 
}
footer{
  /* background: #005DC7; */
  color: #fff;
  width: 100%;
  position: initial;
  right: 0;
  padding: 60px 30px;
}
.foot-1{
  width: 20%;
  display:inline-block;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}
.foot-1 img{
  width: 70%;
  float: right;
  padding-right: 10px;
  border-right: 1px #E8EFFC solid;
  padding-left: 10px;
}
.foot-2{
  width: 40%;
  display:inline-block;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px #E8EFFC solid;
}
.foot-3{
  width: 40%;
  display:inline-block;
  padding-right: 10px;
  padding-left: 10px;
  float: right;

}
.foot-3 a{
  color:white !important;
}
footer p{
  /* width:70%; */
  /* margin:30px auto 30px; */
  /* text-align:center; */
}
.intro{
  display:table;
  width:100%;
  padding-top:20vh;
  height:30vh;
}

.introadmin{
  display:table;
  width:100%;
  height:200px;
}


.int-1{
  width:53%;
  display:table-cell;
  vertical-align:middle;
}
.int-2{
  width:100%;
  display:table-cell;
  vertical-align:middle;
}
.int-2 img{ 
  max-width:100%;
  display:table-cell;
  vertical-align:middle;
}
.intro img{
  max-width:100%;

  vertical-align:middle;
  margin:0 auto 0;
}
.intro p{
  max-width: 100%;
  display:inline-block;
  margin: 20px 10px 20px 0;
  font-family: 'Open Sans';
  font-size:16px;
}
.buffer{
  z-index:1;
  margin: 0 auto 0;
  width: 58%;
  background: #008ad1;
  display: block;
  height: 3px;
  position: relative;
  top: 48px;
  left: 18px;
}
.prog-rock {
  text-align: center;
  width: 90%;
  list-style: none;
  display: table;
  height: 1px;
  padding:0px;
  margin: 0 0 0;
  z-index:3;
}
.titulo-prog {
  text-align: center;
  width: 82%;
  padding:0px;
  list-style: none;
  display: table;
  height: 1px;
  margin: 0 auto 0;
}
.titulo-prog li {
  height: 14px;
  text-align:center;
  margin: 0 auto 0;
  border-radius: 90px;
  display: table-cell;
  vertical-align: middle;


}
.titulo-prog li a {
  cursor:pointer;
  font-weight:bold;
  transtion:color 0.3s;
  transition-delay: 2s;

}
.prog-rock li {
  height: 94px;
  border: 20px solid white;
  margin: 0 auto 0;
  border-radius: 90px;
  display: table-cell;
  vertical-align: middle;
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  transition: box-shadow 0.3s;

}
.prog-rock li a {
  position: relative;
  z-index: 100;
  background: #ffb000;
  display: block;
  margin: 0 auto 0;
  border-radius: 60%;
  cursor:pointer;
  -webkit-transition: width 0.2s, height 0.2s color 0.3s; /* Safari */
  transition:background 0.3s, box-shadow 0.3s;
}

.prog-rock li.buffer{
  height:2px;
  background:black;
}

/*reject*/
.prog-rock li.reject {
  height: 94px;
  border: 20px solid white;
  margin: 0 auto 0;
  border-radius: 90px;
  display: table-cell;
  vertical-align: middle;
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 10px #fff;
  box-shadow: inset 0 0 0 10px #fff;
  transition:background 0.3, box-shadow 0.3s;

}
.prog-rock li.reject a {
  width: 25%;
  height: 50%;
  background: #b7334a;
  display: block;
  margin: 0 auto 0;
  border-radius: 50%;
  cursor:pointer;
  -webkit-transition: width 0.2s, height 0.2s, color 0.3s; /* Safari */
  transition: width 0.2s, height 0.2s, color 0.3s;

}
.titulo-prog li.reject a {
  cursor:pointer;
  font-weight:500;
  color: #b7334a !important;
  transition:color 0.3s;


}

.navbar-inverse .container {
  max-width: 100%;
  margin: 15px auto 0;
}
.navbar-brand-link{
  width: 300px;
  height: 100px;
  display: block;
}
.navbar-right{
  margin-top: 20px;
  margin-right: 0px;
}
.navbar-right li a{
  color:#fff !important;
  font-weight:500;
  border: 1px solid white;
  padding: 5px;
  margin: 5PX;
  border-radius: 5px;
}
h3{
  color:#034675;
  /* font-family:'Open Sans'; */
  font-weight:600;
  margin: 10px 0 10px;
}
h2{
  color: #004e91;
  font-size:20px;
  font-weight:500;
}

form{
  width: 100%;
  margin: 0 auto 0;
}

.formulario{
  width: 100% !important;
  margin: 0 auto 0;
}

.col-md-1{
  width:20%;
  color:#008AD1;
  display:inline-block;

  font-weight:500;
  padding-top:10px;
  padding-bottom:10px;
}
.col-md-1 input{
  color:#008AD1 !important;
  text-align:center;
}
.col-md-c{
  width:74%;
  color:#008AD1;
  display:inline-block;
  font-family:'Open Sans';
  font-weight:500;
  padding-top:10px;
  padding-bottom:10px;
}

/*.col-md-2{
  width:48%;
  color:#008AD1;
  font-family:'Open Sans';
  font-weight:500;
  padding-top:10px;
  padding-bottom:10px;
}*/
/*.col-md-3{
  width:48%;
  display:table;
  vertical-align:middle;
  color:#008AD1;
  font-family:'Open Sans';
  font-weight:500;
  padding-top:10px;
  padding-bottom:10px;
}*/
/*col-md-3 .control-label{
  padding:5px;
}*/
/*.col-md-4{
  width:48%;
  display:inline-block;
  vertical-align:middle;
  color:#008AD1;
  font-family:'Open Sans';
  font-weight:500;
  padding-top:10px;
  padding-bottom:10px;
}*/

.enviar{
  width:25%;
  display:inline-block;
  color:#008AD1;
  font-family:'Open Sans';
  font-weight:500;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
}

.form-control{
  max-width:98% !important;

}

.rc-anchor-light {
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  color: #004e91 !important;
}
.jumbotron{
  display:none;

}
.jumbotron h1{
  display:none;
}
.jumbotron .lead{
  display:none;
}
.text-box {
  border:2px solid #008AD1;

  color:#008AD1 !important;
}
.text-box:read-only { 
  background-color: #008AD1 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}
.panel-primary {
  border-color: #337ab7;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
  border: 0px;
}

.chosen-select {
  border:2px solid #008AD1;
  color:#008AD1 !important;
}
/*.btn{
  margin:0 auto 20px;
  color:#fff;
  height: auto;
  font-weight:700;
  border:0px;
  width:25% !important;
  background: #004e91;
  transition:background 0.2s ease-out, color 0.3s ease-out;
}*/

.grupo label {
  padding: 5px;
  background: transparent;
  font-size: 15px;
  text-align: left;
  border-radius: 5px;
  display: inline-block;
  border: 0px solid #a5bbce;
  color: #004e91;
  font-weight: 500;
}
.envio{

  /*width: 35%;*/

  margin: 3px;

  margin-bottom: 4px;

  display: inline-block;

  overflow: hidden;

  /*padding: 10px 10px 10px 10px;*/
}
.envio .btn.btn-success{
  margin: 29px 0 0 0;
  display: inline-block;
  overflow: hidden;
}



.btn:hover{

  color:#fff;

  font-weight:700;

  /*width:100% !important;*/

  background: #358ac9;

  transition:background 0.2s ease-in, color 0.3s ease-in;
}

.carga .fileUpload input.upload{
  margin:0 auto 20px;
  color:#fff;
  height:50px;
  font-weight:700;
  width:100% !important;
  background: #004e91; 
  transition:background 0.2s ease-out, color 0.3s ease-out;
}
.carga .btn {
  margin: 10px auto 11px;
  color: #fff;
  height: 35px;
  font-weight: 700;
  width: 100% !important;
  background: #004e91;
  cursor:pointer;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
.carga .enviar-bt {
  margin: 10px auto 11px;
  color: #fff;
  height: 35px;
  float:right;
  font-weight: 700;
  width: 48% !important;
  background: #004e91;
  cursor:pointer;
  transition: background 0.2s ease-out, color 0.3s ease-out;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: inline-block;
}
#uploadFile{
  height: 32px;
}
#uploadBtn{
  width: 102% !important;
  margin-top: -27px;
  opacity: 0;
  cursor:pointer;
}

.carga .fileUpload input.upload:hover{
  color:#fff;
  height:50px;
  font-weight:700;
  width:100% !important;
  background: #358ac9; 
  transition:background 0.2s ease-in, color 0.3s ease-in;
}
.admin-table {

}

.admin-table tr {

}

.admin-table td, .admin-table th {
  padding: 6px;
}

.admin-table thead tr {

  border-top: 1px solid #cccccc;

  border-bottom: 1px solid #cccccc;
}

fieldset.scheduler-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
  box-shadow:  0px 0px 0px 0px #000;
}




.bi-table {
  width: 100%;
}

.bi-big-title {
  background: #337ab7;
}

.bi-table .bi-big-title td, .bi-table .bi-big-title th {
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

.bi-medium-title {
  background: #337ab7;
}

.bi-table .bi-medium-title td, .bi-table .bi-medium-title th {
  padding: 5px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
}

.bi-table td, .bi-table th, .bi-table .bi-table-border td {
  padding: 10px;
  border: 1px solid #cccccc;
}

.bi-table td.bi-label, .bi-table th.bi-label {
  border-right: transparent;
}

.bi-table td.bi-field, .bi-table th.bi-field {
  border-left: transparent;
}

.bi-table td.bi-vertical-label, .bi-table th.bi-vertical-label {
  border-bottom: transparent;
  padding-bottom: 0;
}

.bi-table td.bi-vertical-field, .bi-table th.bi-vertical-field {
  padding-top: 0;
  border-top: transparent;
}

.bi-full-height {
  height: 100%;
  padding: 0 0 0 5px;
}

.bi-text-right {
  text-align: right;
}

.bi-text-center {
  text-align: center;
}

.bi-text-bold {
  font-weight: bold;
}

.bi-text-vertical-top {
  vertical-align: text-top;
}

.bi-border0, .bi-table td.bi-border0 {
  border: 0;
}

.bi-normal-label {
  font-weight: normal;
}

.bi-table label[for] {

  cursor: pointer;
}

.bi-font17 {
  font-size: 17px;
}

.bi-field-auto.form-control {
  width: auto!important;
  display: inline-block;
}

.bi-group-field {
  display: inline-block;
  margin: 5px;
}

table.bi-table-no-border td, table.bi-table-no-border th {
  border: none;
}

.bi-table td.bi-padding0, .bi-table th.bi-padding0 {
  padding: 0;
}

.bi-table .bi-padding-custom td, .bi-table .bi-padding-custom th {
  padding: 5px 10px;
}

.bi-margin-5-0 {
  margin: 5px 0;
  display: inline-block;
}

.bi-table h2 {

  text-align: center;

  margin: 6px 0;

  padding: 0;

  font-size: 14px;

  font-weight: bold;

  color: #333;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bi-table input[type="number"]::-webkit-inner-spin-button { 
  cursor:pointer;
  width: 10px;
  height: 16px;
  padding: 4px;
  position: relative;

}    
.bi-table input[type=number]:hover::-webkit-inner-spin-button { 

  width: 10px;
  height: 16px;
  padding: 4px;
  position: relative;


}

.celdatbFicha{
  width: 40px;
  text-align: center;
}

/*circulos de colores numerados */
span.red {
  background: red;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

span.grey {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

span.green {
  background: #5EA226;
  border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  color: #5EA226;
  display: inline-block;
  font-weight: bold;
  line-height: 3.0em;
  margin-right: 0px;
  text-align: center;
  width: 3.0em; 
}

span.blue {
  background: #5178D0;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

span.pink {
  background: #EF0BD8;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

/* Clase que tendra el tooltip */  
.cssToolTip {
  position: relative; /* Esta clase tiene que tener posicion relativa */
  color: #ff8c00; /* Color del texto */
}

/* El tooltip */
.cssToolTip span {
  background: rgba(20,20,20,0.9) url('../../img/info.gif') center left 5px no-repeat; 
  border: 2px solid #87cefa;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #333;
  color: #87cefa;
  display: none; /* El tooltip por defecto estara oculto */
  font-size: 0.8em;
  padding: 10px 10px 10px 35px;
  max-width: 6000px;
  position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
  top: 15px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
  left: 100px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
  z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
  width: 230px;
}

/* El tooltip cuando se muestra */
.cssToolTip:hover span {
  display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}

/*Dientes*/ 


.diente-linea{
  list-style:none !important;
  margin: 0 auto 0 !important;
  padding: 0;
  width: 49%;
  text-align: center;
  display: inline-block;
  padding-bottom:10px;
}
.dentograma{
  text-align:center;
  background:url('../Content/cross-bg.png') no-repeat;
  background-size: 96%;
  background-position: 21px 11.5px;
}
.milk1{
  text-align:right;
  width: 48%;
  margin-right: 10px !important;
}
.milk2{
  text-align:left;
  width: 48%;
  margin-left: 10px !important;
}
.dent{
  width: 56px;
  height: 100px;
  display:inline-block;
  overflow: hidden;
  background-position: 0px 0px;
  background-size: initial;
  transition: background 0.2s;
  margin: 0px 6px 0 0px;
  text-align: left;
}

.dent.destr{
  display:inline-block;
  background:url('../Content/diente-dana.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
.dent.prot{
  display:inline-block;
  background:url('../Content/diente-protesis.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
.dent.exod{
  display:inline-block;
  background:url('../Content/diente-exodoncia.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}

.dent.sella{
  display:inline-block;
  background:url('../Content/diente-sellado.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}

/* Nuevos estados dentales */
/* Igniweb 2023 */

/* Corona en buen estado */
.dent.coronaB{
  display:inline-block;
  background:url('../Content/corona-buena.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Corona desadaptada */
.dent.coronaM{
  display:inline-block;
  background:url('../Content/corona-mala.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Perno en buen estado */
.dent.pernoB{
  display:inline-block;
  background:url('../Content/perno-bueno.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Perno en mal estado */
.dent.pernoM{
  display:inline-block;
  background:url('../Content/perno-malo.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Endodoncia en buen estado */
.dent.endoB{
  display:inline-block;
  background:url('../Content/endo-buena.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Endodoncia en mal estado */
.dent.endoM{
  display:inline-block;
  background:url('../Content/endo-mala.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* implante en buen estado */
.dent.implanteB{
  display:inline-block;
  background:url('../Content/implante-bueno.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* implante en mal estado */
.dent.implanteM{
  display:inline-block;
  background:url('../Content/implante-malo.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Pilares */
.dent.pilares{
  display:inline-block;
  background:url('../Content/pilares.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Póntico */
.dent.pontico{
  display:inline-block;
  background:url('../Content/prontico.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Sellante desadaptado */
.dent.sellanteM{
  display:inline-block;
  background:url('../Content/sellante-desadaptado.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}
/* Provisional */
.dent.provisional{
  display:inline-block;
  background:url('../Content/provisional.png') no-repeat;
  overflow: hidden;
  background-position: 0px 0px !important;
  transition: background 0.2s;
}


.dent.destr div,
.dent.prot div,
.dent.exod div,
.dent.sella div,
.dent.coronaB div,
.dent.coronaM div,
.dent.pernoB div,
.dent.pernoM div,
.dent.endoB div,
.dent.endoM div,
.dent.implanteB div,
.dent.implanteM div,
.dent.pilares div,
.dent.pontico div,
.dent.sellanteM div,
.dent.provisional div
{
  display: none;
}

.dent.destr .peg,
.dent.prot .peg,
.dent.exod .peg,
.dent.sella .peg,
.dent.coronaB .peg,
.dent.coronaM .peg,
.dent.pernoB .peg,
.dent.pernoM .peg,
.dent.endoB .peg,
.dent.endoM .peg,
.dent.implanteB .peg,
.dent.implanteM .peg,
.dent.pilares .peg,
.dent.pontico .peg,
.dent.sellanteM .peg,
.dent.provisional .peg
{
  height: 23px;
  width: 80%;
  background: white;
  border: 1px solid black;
  position: relative;
  bottom: -76px;
  left: -1px;
  display: block !important;
  margin: 0 auto 0;
  cursor:pointer;
}

.bit1{
  position: relative;
  top: 14px;
  right: 5px;
  width: 30px;
  height:46px;
  background:url('../Content/bit1-norm.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}


.bit1.amal{
  background:url('../Content/bit1-amal.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit1.resina{
  background:url('../Content/bit1-resina.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}

.bit1.destr{
  background:url('../Content/bit1-destr.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit1.caries{
  background:url('../Content/bit1-caries.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}

.bit1.amalres{
  background:url('../Content/bit1-amalres.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit1.resamal{
  background:url('../Content/bit1-resamal.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit1.caramal{
  background:url('../Content/bit1-caramal.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}

.bit1.carres{
  background:url('../Content/bit1-carres.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit1.fractura{
  background:url('../Content/bit1-fractura.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
  background-size: cover;
  right: 1px;
}



.bit1 a{
  display: block;
  height: 25px;
  position: relative;
  width: 23px;
  border-radius: 30px 0 0 30px;
  cursor: pointer;
  margin: 0 auto 0;
  top: 11px;
}


.bit2{
  position: relative;
  top: -32px;
  display: inline-block;
  left: 27px;
  width:29px;
  height:46px;
  background:url('../Content/bit2-norm.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}


.bit2 a{
  display: block;
  height: 25px;
  width: 23px;
  border-radius: 0 30px 30px 0;
  cursor: pointer;
  position: relative;
  margin: 0 auto 0;
  top: 10px;
}

.bit2.amal{
  background:url('../Content/bit2-amal.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit2.resina{
  background:url('../Content/bit2-resina.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}

.bit2.destr{
  background:url('../Content/bit2-destr.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit2.caries{
  background:url('../Content/bit2-caries.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}

.bit2.amalres{
  background:url('../Content/bit2-amalres.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit2.resamal{
  background:url('../Content/bit2-resamal.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit2.caramal{
  background:url('../Content/bit2-caramal.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}

.bit2.carres{
  background:url('../Content/bit2-carres.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
}
.bit2.fractura{
  background:url('../Content/bit2-fractura.png') no-repeat;
  background-position:center;
  transition: background 0.2s;
  background-size: contain;
  left: 24px;
}





.bit3{
  position: relative;
  top: -94px;
  display: inline-block;
  left: 4px;
  width: 43px;
  height: 29px;
  background:url('../Content/bit3-norm.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}

.bit3 a{
  display: block;
  height: 102%;
  width: 60%;
  border-radius: 30px 30px 0 0;
  cursor: pointer;
  margin: 0 auto 0;
}


.bit3.amal{
  background:url('../Content/bit3-amal.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}
.bit3.resina{
  background:url('../Content/bit3-resina.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}

.bit3.destr{
  background:url('../Content/bit3-destr.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}
.bit3.caries{
  background:url('../Content/bit3-caries.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}

.bit3.amalres{
  background:url('../Content/bit3-amalres.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}
.bit3.resamal{
  background:url('../Content/bit3-resamal.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}
.bit3.caramal{
  background:url('../Content/bit3-caramal.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}

.bit3.carres{
  background:url('../Content/bit3-carres.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}
.bit3.fractura{
  background:url('../Content/bit3-fractura.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
}
.bit3.atricion{
  background:url('../Content/bit3-atricion.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
  background-size: cover;
  left: 5px;
}
.bit3.abrasion{
  background:url('../Content/bit3-abrasion.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
  left: 5px;
}
.bit3.erosion{
  background:url('../Content/bit3-erosion.png') no-repeat;
  background-position: bottom;
  transition: background 0.2s;
  left: 5px;
}




.bit4{
  position: relative;
  top: -89px;
  display: inline-block;
  left: 5px;
  width: 41px;
  height: 29px;
  background:url('../Content/bit5-norm.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}


.bit4 a{
  display: block;
  height: 100%;
  width: 50%;
  border-radius: 30px 30px 0 0;
  cursor: pointer;
  margin: 1px auto 0;
}

.bit4.amal{
  background:url('../Content/bit5-amal.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}
.bit4.resina{
  background:url('../Content/bit5-resina.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}

.bit4.destr{
  background:url('../Content/bit5-destr.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}
.bit4.caries{
  background:url('../Content/bit5-caries.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}

.bit4.amalres{
  background:url('../Content/bit5-amalres.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}
.bit4.resamal{
  background:url('../Content/bit5-resamal.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}
.bit4.caramal{
  background:url('../Content/bit5-caramal.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}

.bit4.carres{
  background:url('../Content/bit5-carres.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}
.bit4.fractura{
  background:url('../Content/bit5-fractura.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
}
.bit4.atricion{
  background:url('../Content/bit5-atricion.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
  left: 6px;
}
.bit4.abrasion{
  background:url('../Content/bit5-abrasion.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
  left: 6px;
}
.bit4.erosion{
  background:url('../Content/bit5-erosion.png') no-repeat;
  background-position: top;
  transition: background 0.2s;
  left: 6px;
}




.bit5{
  position: relative;
  top: -144px;
  display: inline-block;
  left: 11px;
  width: 30px;
  height: 30px;
  background:url('../Content/bit7-norm.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}

.bit5 a{
  display: block;
  height: 70%;
  width: 70%;
  border-radius: 30px;
  cursor: pointer;
  margin: 6px auto 0;
}

.bit5.amal{
  background:url('../Content/bit7-amal.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.resina{
  background:url('../Content/bit7-resina.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}

.bit5.destr{
  background:url('../Content/bit7-destr.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.caries{
  background:url('../Content/bit7-caries.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}

.bit5.amalres{
  background:url('../Content/bit7-amalres.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.resamal{
  background:url('../Content/bit7-resamal.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.caramal{
  background:url('../Content/bit7-caramal.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}

.bit5.carres{
  background:url('../Content/bit7-carres.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.fractura{
  background:url('../Content/bit7-fractura.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.atricion{
  background:url('../Content/bit7-atricion.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.abrasion{
  background:url('../Content/bit7-abrasion.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}
.bit5.erosion{
  background:url('../Content/bit7-erosion.png') no-repeat;
  background-position: top;
  background-size: cover;
  transition: background 0.2s;
}


.peg{
  font-weight: bold;
  color: black;
  height: 23px;
  text-align: center;
  width: 80%;
  background:white;
  border:1px solid black;
  position: relative;
  bottom: 125px;
  left: -1px;
  display: block !important;
  margin: 0 auto 0;
  cursor:pointer;
}
.peg:hover{
  text-decoration:none !important;
}
.section-heading{
  background:#a7c2ce;
  display: inline-block;
  width:100%;
  padding:2px;
  font-size:21px;
  margin:5px 0 5px;
  border-radius:10px;
}
/*fin dientes*/

.section-heading{
  width: 100%;
  display:inline-block;
  padding: 9px 15px 9px;
  border-radius: 5px;
  background:#a7c2ce;
  color:#0071bc;
  font-size: 18px;
}
@media (max-width: 768px) {
  .panel-primary.formbisa{
    width: 90%;
    border: 0px !important;
    margin: 0 auto 0;
  }
  /* .formbisa .panel-heading {
    color: #fff;
    HEIGHT: 39PX;
    background-color:#004e91;
    border-radius: 5px 5px 0 0;
    border-color: #337ab7;
    DISPLAY: INLINE-BLOCK;
    WIDTH: 100%;
  } */
  .formbisa .form-group {
    width: 100%;
    border-radius:5px;
    margin-bottom: 4px;
    padding: 10px 10px 10px 10px;
    /* background: #e4e9ec; */
    margin: 3px;
    transition:background 0.2s ease-out;
  }
  .formbisa .form-group:hover {
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 3px;
    background: rgba(51, 122, 183, 0.05) !important;
    transition:background 0.2s ease-in;
  }
  .formbisa .panel-primary .row:last-child  .form-group{
    width: 100%;
    margin-bottom: 4px;
    padding: 20px 10px 20px 10px;
    background:transparent;
  }
  .formbisa .panel-primary .btn {
    margin: 0 auto 0;
    color: #fff;
    height: 50px;
    font-weight: 700;
    width: 25% !important;
    background: #004e91;
    transition: background 0.2s ease-out, color 0.3s ease-out;
  }
  .formbisa label{
    padding:5px;
    background:white;
    width:100%;
    border-radius:5px;
    display:inline-block;
    /* border: 2px solid #a5bbce; */
    color: #004e91;
    margin-bottom: 10px;
    font-weight: 500;
  }

  .formbisa .control-label{
    color:#008AD1;
    padding:0px;
    background:transparent;
    font-weight:500;
    padding-right: 10px;
    border:0px;
  }

  .formbisa .panel-primary .btn.btn-success {
    margin: 0 auto 0;
    color: #fff;
    height: 50px;
    font-weight: 700;
    width: 25% !important;
    background: #004e91 !important;
    transition: background 0.2s ease-out, color 0.3s ease-out;
  }
  .formbisa #Fecha_Expedici_n{
    width:20% !important;

  }
  .obligatorio{
    font-size: 29px;
    height: 24px;
    color:#ff8800;
    display: inline-block;
    vertical-align: bottom;
  }
  .formbisa div.panel-body{
    padding: 15px !important;
    padding-top: 7px !important;
  }
  .formbisa .has-feedback .form-control {
    padding: 0 5px 0 5px;
  }
  .formbisa #Fecha_Nacimiento{
    width:auto !important;

  }
  .formbisa .form-control.text-box.single-line{display: inline-block;width: 100% !important;}
  .formbisa .form-control.chosen-select{
    display: inline-block;

  }
  .formbisa .panel-primary .btn:hover{
    margin:0 auto 0;
    color:#fff;
    height:50px;
    font-weight:700;
    width:25% !important;
    background: #358ac9; 
    transition:background 0.2s ease-in, color 0.3s ease-in;
  }

  .formbisa .panel-primary .btn.btn-success:hover{
    margin:0 auto 0;
    color:#fff;
    height:50px;
    font-weight:700;
    width:25% !important;
    background: #358ac9 !important; 
    transition:background 0.2s ease-in, color 0.3s ease-in;
  }

  .formbisa .panel-primary label {
    display: inline-block;
    max-width: 60%;
    margin-bottom: 5px;
    font-weight: 600;
    margin-left: 20px;
    width: 50%;
    padding: 10px;
    border-radius: 5px;
    color: #337ab7;
    background: #fcffff;
    font-size: 15px;
  }
  .formbisa .panel-primary .control-label {
    color: #358ac9;
    font-weight: 500;
    font-size: 18px;
    padding-right: 10px;
    max-width: 30%;
    width: 30%;
    float: none;
    padding: 12px;
    background: #f8f9fa;
    text-align: center;
    border-radius: 10px;
    margin-left: 0px;
  }

  .formbisa  .form-control{

    width: 100%;

    color:#004e91;

    border:1px solid #004e91;
  }

  .navbar-inverse {
    background-color: #fff;
    border: 0 solid #fff;
    color: #008AD1 !important;
    position: initial;
    width: 1250px;
    max-width: 100%;
    height: 115px;
    position: relative;
    margin-left: 0px;
    background: url(../Content/header-form.png) no-repeat;
    text-align: center;
  }
}

/*TODO*/
#colorSelector:focus{
  box-shadow: none;
}
#colorSelector{
  border-width: 3px;
}
#imgAspirante{
  max-width: 150px;
  margin-bottom: 10px;
  /* object-fit: contain; */
  border: solid 2px #959595;
  border-radius: 2px;
  aspect-ratio: 3/4;
}

@media (max-width: 480px) {
  .navbar-inverse {
    background-color: #fff;
    border: 0 solid #fff;
    color: #008AD1 !important;
    position: initial;
    width: 1250px;
    max-width: 100%;
    height: 100px;
    position: relative;
    margin-left: 0px;
    background: url(../Content/header-mobile.png) no-repeat;
    text-align: center;
    background-size:contain;
  }
  .nav.navbar-nav.menutab li.completo {
    font-size: 12px;
    width: 100%;
    color: #008ad1;
    text-align: center;
    background: url(../Content/check.png) no-repeat;
    background-position: center right 5px;
    padding-right: 12px;
    border-bottom: 2px solid #33b7ac;
  }
  .nav.navbar-nav.menutab li {
    display: inline-block;
    width:100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #008ad1;
    margin-bottom: 10px;
  }
  .nav.navbar-nav.menutab li.active {
    font-size: 14px;
    width:100%;
    background-color: #035782 !important;
    border-bottom: 2px solid #035782 !important;
    border-radius: 5px 5px 0 0;
    top: 0 !important;
  }

  body {
    padding-top: 0;
    padding-bottom: 20px;
  }

  /* Set padding to keep content from hitting the edges */
 

  /* Override the default bootstrap behavior where horizontal description lists 
     will truncate terms that are too long to fit in the left column 
  */
  .dl-horizontal dt {
    white-space: normal;
  }




  #mdialTamanio{
    width: 90% !important;
  }


  /* Set width on the form input elements since they're 100% wide by default */

  .navbar-inverse {
    background-color: #fff;
    border:0 solid #fff;
    color: #008AD1 !important;
    position:initial;
    width: 1250px;

    height:115px;
    position: relative;
    margin-left: -30px;
    background: url('../Content/header-form.png') no-repeat;
    text-align: center;
  }
  

  .nav.navbar-nav.menutab{

    width:100%;

    display:table;

    MARGIN-BOTTOM: 50PX;
  }

  .nav.navbar-nav.menutab li{
    display: inline-block;
    width: auto;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #008ad1;
    margin-bottom: 10px;
  }
  .nav.navbar-nav.menutab li:hover{
    display: table-cell !important;
    background-color:#eee;
  }
  .nav.navbar-nav.menutab li a:hover{
    color: #008ad1;
    text-align: left;
    border-radius: 5px 5px 0 0;
    transition:font-weight 0.3s;
    background:transparent;
  }

  .nav.navbar-nav.menutab li.active {
    font-size: 14px;
    background-color: #035782 !important;
    border-bottom: 2px solid #035782 !important;
    border-radius: 5px 5px 0 0;
    top: 0 !important;
  }

  .nav.navbar-nav.menutab li.active a{
    color: #fff !important;
  }


  .nav.navbar-nav.menutab li a{
    font-size: 12px;
    color: #008ad1;
    text-align: left;
    width:100%;


  }
  .nav.navbar-nav.menutab li.completo {
    font-size: 12px;
    color: #008ad1;
    text-align: center;
    background: url('../Content/check.png') no-repeat;
    background-position: center right 5px;
    padding-right: 12px;
    border-bottom: 2px solid #33b7ac;
  }
  .nav.navbar-nav.menutab li.completo a {
  }
  .nav.navbar-nav.menutab li.completo:hover {    

    border-radius: 5px 5px 0 0;
    color:#fff;
    font-size: 12px;

    text-align: center;
    background: url('../Content/check.png') no-repeat;
    background-color:#33b7ac;
    background-position: center right 5px;

  }


  .nav.navbar-nav.menutab li.completo:hover a {

    color:#fff;

    transition:color 0.3s;

  }
  .nav.navbar-nav.menutab li.completo a {
    color: #33b7ac;
    padding-right: 30px;
  }

  .nav.navbar-nav.menutab li.active {
    top: 15px;

  }
  .panel-primary.formbisa{
    width: 90%;
    border: 0px !important;
    margin: 0 auto 0;
  }
  /* .formbisa .panel-heading {
    color: #fff;
    HEIGHT: 39PX;
    background-color:#004e91;
    border-radius: 5px 5px 0 0;
    border-color: #337ab7;
    DISPLAY: INLINE-BLOCK;
    WIDTH: 100%;
  } */
  .formbisa .form-group {
    width: 49%;
    border-radius:5px;
    margin-bottom: 4px;
    padding: 10px 10px 10px 10px;
    background: transparent;
    margin: 3px;
    display:inline-block;
    transition:background 0.2s ease-out;
  }
  .formbisa .form-group100 {
    width: 100%;
    border-radius:5px;
    margin-bottom: 4px;
    padding: 10px 10px 10px 10px;
    background: transparent;
    margin: 3px;
    display:inline-block;
    transition:background 0.2s ease-out;
  }
  .formbisa .form-group:hover {
    width: 49%;
    padding: 10px 10px 10px 10px;
    margin: 3px;
    background: rgba(0, 78, 145, 0.17) !important;
    transition: background 0.2s ease-in;
  }
  .formbisa .panel-primary .row:last-child  .form-group{
    width: 100%;
    margin-bottom: 4px;
    padding: 20px 10px 20px 10px;
    background:transparent;
  }
  .formbisa .panel-primary .btn {
    margin: 0 auto 0;
    color: #fff;
    height: 50px;
    font-weight: 700;
    width: 25% !important;
    background: #004e91;
    transition: background 0.2s ease-out, color 0.3s ease-out;
  }
  .formbisa label{
    padding:5px;
    background:white;
    width:100%;
    border-radius:5px;
    display:inline-block;
    /* border: 2px solid #a5bbce; */
    color: #004e91;
    font-weight: 500;
  }

  .formbisa .control-label{
    color:#008AD1;
    padding:0px;
    background:transparent;
    font-weight:500;
    padding-right: 10px;
    border:0px;
    width: auto;
    display: inline-block;
  }

  .formbisa .panel-primary .btn.btn-success {
    margin: 0 auto 0;
    color: #fff;
    height: 50px;
    font-weight: 700;
    width: 25% !important;
    background: #004e91 !important;
    transition: background 0.2s ease-out, color 0.3s ease-out;
  }
  .formbisa #Fecha_Expedici_n{
    width:20% !important;

  }
  .obligatorio{
    font-size: 29px;
    height: 25px;
    color: #ff8800;
    display: inline-block;
    vertical-align: bottom;
  }
  .formbisa div.panel-body{
    padding: 15px !important;
    padding-top: 7px !important;
  }
  .formbisa .has-feedback .form-control {
    padding: 0 5px 0 5px;
  }
  .formbisa #Fecha_Nacimiento{
    width:auto !important;

  }
  .formbisa .form-control.text-box.single-line{display: inline-block;width: 100% !important;}
  .formbisa .form-control.chosen-select{
    display: inline-block;

  }
  .formbisa .panel-primary .btn:hover{
    margin:0 auto 0;
    color:#fff;
    height:50px;
    font-weight:700;
    width:25% !important;
    background: #358ac9; 
    transition:background 0.2s ease-in, color 0.3s ease-in;
  }

  .formbisa .panel-primary .btn.btn-success:hover{
    margin:0 auto 0;
    color:#fff;
    height:50px;
    font-weight:700;
    width:25% !important;
    background: #358ac9 !important; 
    transition:background 0.2s ease-in, color 0.3s ease-in;
  }

  .formbisa .panel-primary label {
    display: inline-block;
    max-width: 60%;
    margin-bottom: 5px;
    font-weight: 600;
    margin-left: 20px;
    width: 50%;
    padding: 10px;
    border-radius: 5px;
    color: #337ab7;
    background: #fcffff;
    font-size: 15px;
  }
  .formbisa .panel-primary .control-label {
    color: #358ac9;
    font-weight: 500;
    font-size: 18px;
    padding-right: 10px;
    max-width: 30%;
    width: 30%;
    float: none;
    padding: 12px;
    background: #f8f9fa;
    text-align: center;
    border-radius: 10px;
    margin-left: 0px;
  }

  .formbisa  .form-control{

    width: 100%;

    color:#004e91;

    border:1px solid #004e91;
  }
  #formNovedad .form-group{
    width:100%;
  }
  .formbisa h4{
    margin:0px;
  }
  #formNovedad .btn.btn-primary{
    padding: 5px;
    background: #004e91;
    width: 100% !important;
    border-radius: 5px;
    display: inline-block;
    border: 0px solid #a5bbce;
    color: white;
    height:33px;
    font-weight: 500;
  } 
  #formNovedad .btn.btn-primary:hover{
    padding: 5px;
    background:white;
    width: 100% !important;
    border-radius: 5px;
    display: inline-block;
    border: 1px inset #004e91;
    color:#004e91 ;
    height:33px;
    font-weight: 500;
  } 
  #formAplazamientos .form-group{
    width:100%;
  }
  #formAplazamientos .form-control{

    width: 100%;

    color:#004e91;

    border:1px solid #004e91;
  }
  #formAplazamientos{
    background:#e4e9ec;
    padding:10px;
  }
  #formAplazamientos .btn.btn-primary {
    margin: 0 auto 0;
    color: #fff;
    height: 35px;
    border: 0px;
    font-weight: 700;
    width: 100% !important;
    background: #004e91;
    transition: background 0.2s ease-out, color 0.3s ease-out;
  }
  #formAplazamientos .btn {
    margin: 0 auto 0;
    color: #fff;
    height: 50px;
    font-weight: 700;
    width: 30% !important;
    background: #004e91;
    transition: background 0.2s ease-out, color 0.3s ease-out;
  }


  .formbisa #formNovedad label {
    padding: 5px;
    background: transparent;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    border: 0px solid #a5bbce;
    color: #004e91;
    font-weight: 500;
  }

  .loginbisa{
    width: 90%;
    border: 1px solid #004e91;
    background: transparent;
    margin: 0 auto 0;
  }
  .loginbisa .panel-heading {
    color: #004e91;
    background-color: transparent;
    border-color: #ddd;
    border:0px;
  }
  .loginbisa .form-control{
    width: 100%;
    border: 1px solid #004e91;
    background: transparent;
    color: #004e91;
    margin: 0 auto 0;
  }

  .loginbisa form {
    width: 95%;
    margin: 0 auto 0;
  }
  .g-recaptcha {
    text-align:center;
    width:100%;
  }
  .g-recaptcha div{
    margin:0 auto 0;
    text-align:center;
    width:100%;
  }
  .image-intro{
    width:55%;
  }
  .container {
    max-width: 100%;
    margin: 0 auto 0;

  }
  .container-header{
    max-width: 100%;
    margin: 0 auto 0; 
  }
  /* footer{
    background: black;
    color: #fff;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    border-top: 11px;
    border-bottom:0;
    border-image: url('/css/borde.png') 10 round;
    border-style: outset;

  } */
  footer p{
    width:70%;
    margin:30px auto 30px;
    text-align:center;
  }
  .intro{
    display:table;
    width:100%;
    height:500px;
  }

  .introadmin{
    display:table;
    width:100%;
    height:200px;
  }


  .int-1{
    width:53%;
    display:table-cell;
    vertical-align:middle;
  }
  .int-2{
    width:100%;
    display:table-cell;
    vertical-align:middle;
  }
  .int-2 img{ 
    max-width:100%;
    display:table-cell;
    vertical-align:middle;
  }
  .intro img{
    max-width:100%;

    vertical-align:middle;
    margin:0 auto 0;
  }
  .intro p{
    max-width: 100%;
    display:inline-block;
    margin: 20px 10px 20px 0;
    font-family: 'Open Sans';
    font-size:16px;
  }
  .buffer{
    z-index:1;
    margin: 0 auto 0;
    width: 58%;
    background: #008ad1;
    display: block;
    height: 3px;
    position: relative;
    top: 48px;
    left: 18px;
  }
  .prog-rock {
    text-align: center;
    width: 70%;
    list-style: none;
    display: table;
    height: 1px;
    margin: 0 auto 0;
    z-index:3;
  }
  .titulo-prog {
    text-align: center;
    width: 70%;
    list-style: none;
    display: table;
    height: 1px;
    margin: 0 auto 0;
  }
  .titulo-prog li {
    height: 14px;
    text-align:center;
    margin: 0 auto 0;
    border-radius: 90px;
    display: table-cell;
    vertical-align: middle;


  }
  .titulo-prog li a {
    cursor:pointer;
    font-weight:bold;
    transtion:color 0.3s;
    transition-delay: 2s;

  }
  .prog-rock li {
    height: 94px;
    border: 20px solid white;
    margin: 0 auto 0;
    border-radius: 90px;
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 10px #fff;
    box-shadow: inset 0 0 0 10px #fff;
    transition: box-shadow 0.3s;

  }

  .prog-rock li a {
    position: relative;
    z-index: 100;
    background: #ffb000;
    display: block;
    margin: 0 auto 0;
    border-radius: 60%;
    cursor:pointer;
    -webkit-transition: width 0.2s, height 0.2s color 0.3s; /* Safari */
    transition:background 0.3, box-shadow 0.3s;
  }

  /* reject */
  .prog-rock li.reject {
    height: 94px;
    border: 20px solid white;
    margin: 0 auto 0;
    border-radius: 90px;
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 10px #fff;
    box-shadow: inset 0 0 0 10px #fff;
    transition:background 0.3, box-shadow 0.3s;

  }
  .prog-rock li.reject a {
    width: 25%;
    height: 50%;
    background: #b7334a;
    display: block;
    margin: 0 auto 0;
    border-radius: 50%;
    cursor:pointer;
    -webkit-transition: width 0.2s, height 0.2s, color 0.3s; /* Safari */
    transition: width 0.2s, height 0.2s, color 0.3s;

  }
  .titulo-prog li.reject a {
    cursor:pointer;
    font-weight:500;
    color: #b7334a !important;
    transition:color 0.3s;


  }

  .navbar-inverse .container {
    max-width: 100%;
    margin: 15px auto 0;
  }
  .navbar-brand-link{
    width: 300px;
    height: 100px;
    display: block;
  }
  .navbar-right{
    margin-top: 20px;
    margin-right: 16px;
  }
  .navbar-right li a{
    color:#fff !important;
    font-weight:500;
  }
  h3{
    /* color:#008AD1;
    font-family:'Open Sans';
    font-weight:600; */
  }
  h2{
    color: #004e91;
    font-size:20px;
    font-weight:500;
  }

  form{
    /* width: 70%; */
    margin: 0 auto 0;
  }

  .formulario{
    width: 100% !important;
    margin: 0 auto 0;
  }

  .col-md-1{
    width:20%;
    color:#008AD1;
    display:inline-block;

    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
  }
  .col-md-1 input{
    color:#008AD1 !important;
    text-align:center;
  }
  .col-md-c{
    width:74%;
    color:#008AD1;
    display:inline-block;
    font-family:'Open Sans';
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
  }

  .col-md-2{
    width:48%;
    color:#008AD1;
    font-family:'Open Sans';
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
  }
  /* .col-md-3{
    width:48%;
    display:table;
    vertical-align:middle;
    color:#008AD1;
    font-family:'Open Sans';
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
  } */
  col-md-3 .control-label{
    padding:5px;
  }
  /* .col-md-4{
    width:48%;
    display:inline-block;
    vertical-align:middle;
    color:#008AD1;
    font-family:'Open Sans';
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
  } */

  .enviar{
    width:100%;
    display:inline-block;
    color:#008AD1;
    font-family:'Open Sans';
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
  }

  .form-control{
    max-width:98% !important;

  }

  .rc-anchor-light {
    background: #f9f9f9;
    border: 1px solid #d3d3d3;
    color: #004e91 !important;
  }
  .jumbotron{
    display:none;

  }
  .jumbotron h1{
    display:none;
  }
  .jumbotron .lead{
    display:none;
  }
  .text-box {
    border:2px solid #008AD1;

    color:#008AD1 !important;
  }
  .text-box:read-only { 
    background-color: #008AD1 !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
  }
  .chosen-select {
    border:2px solid #008AD1;

    color:#008AD1 !important;
  }
  .btn{
    margin:0 auto 0;
    color:#fff;
    height:auto;
    font-weight:700;
    width:100% !important;
    background: #004e91; 
    transition:background 0.2s ease-out, color 0.3s ease-out;
  }
  .btn.dropdown-toggle{
    color:#004e91 !important;
    height:auto;
    font-weight:700;
    border:2px solid #004e91;
    width:100% !important;
    background:#fff; 
  }
  .btn:hover{
    margin:0 auto 0;
    color:#fff;
    height:auto;
    font-weight:700;
    width:100% !important;
    background: #358ac9; 
    transition:background 0.2s ease-in, color 0.3s ease-in;
  }
  .admin-table {

  }

  .admin-table tr {

  }

  .admin-table td, .admin-table th {
    padding: 6px;
  }

  .admin-table thead tr {

    border-top: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;
  }

  fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
  }




  .bi-table {
    width: 100%;
  }

  .bi-big-title {
    background: #337ab7;
  }

  .bi-table .bi-big-title td, .bi-table .bi-big-title th {
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
  }

  .bi-medium-title {
    background: #337ab7;
  }

  .bi-table .bi-medium-title td, .bi-table .bi-medium-title th {
    padding: 5px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
  }

  .bi-table td, .bi-table th, .bi-table .bi-table-border td {
    padding: 10px;
    border: 1px solid #cccccc;
  }

  .bi-table td.bi-label, .bi-table th.bi-label {
    border-right: transparent;
  }

  .bi-table td.bi-field, .bi-table th.bi-field {
    border-left: transparent;
  }

  .bi-table td.bi-vertical-label, .bi-table th.bi-vertical-label {
    border-bottom: transparent;
    padding-bottom: 0;
  }

  .bi-table td.bi-vertical-field, .bi-table th.bi-vertical-field {
    padding-top: 0;
    border-top: transparent;
  }

  .bi-full-height {
    height: 100%;
    padding: 0 0 0 5px;
  }

  .bi-text-right {
    text-align: right;
  }

  .bi-text-center {
    text-align: center;
  }

  .bi-text-bold {
    font-weight: bold;
  }

  .bi-text-vertical-top {
    vertical-align: text-top;
  }

  .bi-border0, .bi-table td.bi-border0 {
    border: 0;
  }

  .bi-normal-label {
    font-weight: normal;
  }

  .bi-table label[for] {

    cursor: pointer;
  }

  .bi-font17 {
    font-size: 17px;
  }

  .bi-field-auto.form-control {
    width: auto!important;
    display: inline-block;
  }

  .bi-group-field {
    display: inline-block;
    margin: 5px;
  }

  table.bi-table-no-border td, table.bi-table-no-border th {
    border: none;
  }

  .bi-table td.bi-padding0, .bi-table th.bi-padding0 {
    padding: 0;
  }

  .bi-table .bi-padding-custom td, .bi-table .bi-padding-custom th {
    padding: 5px 10px;
  }

  .bi-margin-5-0 {
    margin: 5px 0;
    display: inline-block;
  }

  .bi-table h2 {

    text-align: center;

    margin: 6px 0;

    padding: 0;

    font-size: 14px;

    font-weight: bold;

    color: #333;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .bi-table input[type="number"]::-webkit-inner-spin-button { 
    cursor:pointer;
    width: 10px;
    height: 16px;
    padding: 4px;
    position: relative;

  }    
  .bi-table input[type=number]:hover::-webkit-inner-spin-button { 

    width: 10px;
    height: 16px;
    padding: 4px;
    position: relative;


  }

  .celdatbFicha{
    width: 40px;
    text-align: center;
  }

  /* Circulos de colores numerados */
  span.red {
    background: red;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }

  span.grey {
    background: #cccccc;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }

  span.green {
    background: #5EA226;
    border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    color: #5EA226;
    display: inline-block;
    font-weight: bold;
    line-height: 3.0em;
    margin-right: 0px;
    text-align: center;
    width: 3.0em; 
  }

  span.blue {
    background: #5178D0;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }

  span.pink {
    background: #EF0BD8;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
  }

  /* Clase que tendra el tooltip */  
  .cssToolTip {
    position: relative; /* Esta clase tiene que tener posicion relativa */
    color: #ff8c00; /* Color del texto */
  }

  /* El tooltip */
  .cssToolTip span {
    background: rgba(20,20,20,0.9) url('../../img/info.gif') center left 5px no-repeat; 
    border: 2px solid #87cefa;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #333;
    color: #87cefa;
    display: none; /* El tooltip por defecto estara oculto */
    font-size: 0.8em;
    padding: 10px 10px 10px 35px;
    max-width: 6000px;
    position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
    top: 15px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
    left: 100px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
    z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
    width: 230px;
  }

  /* El tooltip cuando se muestra */
  .cssToolTip:hover span {
    display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
  }

  @media (max-width: 768px) {
    .panel-primary.formbisa{
      width: 100%;
      border: 0px !important;
      margin: 0 auto 0;
    }
    /* .formbisa .panel-heading {
      color: #fff;
      HEIGHT: 39PX;
      background-color:#004e91;
      border-radius: 5px 5px 0 0;
      border-color: #337ab7;
      DISPLAY: INLINE-BLOCK;
      WIDTH: 100%;
    } */
    .formbisa .form-group {
      width: 100%;
      border-radius:5px;
      margin-bottom: 4px;
      padding: 10px 10px 10px 10px;
      background: #e4e9ec;
      margin: 3px;
      transition:background 0.2s ease-out;
    }
    .formbisa .form-group:hover {
      width: 100%;
      padding: 10px 10px 10px 10px;
      margin: 3px;
      background: rgba(51, 122, 183, 0.05) !important;
      transition:background 0.2s ease-in;
    }
    .formbisa .panel-primary .row:last-child  .form-group{
      width: 100%;
      margin-bottom: 4px;
      padding: 20px 10px 20px 10px;
      background:transparent;
    }
    .formbisa .panel-primary .btn {
      margin: 0 auto 0;
      color: #fff;
      height: 50px;
      font-weight: 700;
      width: 25% !important;
      background: #004e91;
      transition: background 0.2s ease-out, color 0.3s ease-out;
    }
    .formbisa label{
      padding:5px;
      background:white;
      width:100%;
      border-radius:5px;
      display:inline-block;
      /* border: 2px solid #a5bbce; */
      color: #004e91;
      font-weight: 500;
    }

    .formbisa .control-label{
      color:#008AD1;
      padding:0px;
      background:transparent;
      font-weight:500;
      padding-right: 10px;
      border:0px;
    }

    .formbisa .panel-primary .btn.btn-success {
      margin: 0 auto 0;
      color: #fff;
      height: 50px;
      font-weight: 700;
      width: 25% !important;
      background: #004e91 !important;
      transition: background 0.2s ease-out, color 0.3s ease-out;
    }
    .formbisa #Fecha_Expedici_n{
      width:20% !important;

    }
    .obligatorio{
      font-size: 29px;
      height: 24px;
      color:#ff8800;
      display: inline-block;
      vertical-align: bottom;
    }
    .formbisa div.panel-body{
      padding: 15px !important;
      padding-top: 7px !important;
    }
    .formbisa .has-feedback .form-control {
      padding: 0 5px 0 5px;
    }
    .formbisa #Fecha_Nacimiento{
      width:auto !important;

    }
    .formbisa .form-control.text-box.single-line{display: inline-block;width: 100% !important;}
    .formbisa .form-control.chosen-select{
      display: inline-block;

    }
    .formbisa .panel-primary .btn:hover{
      margin:0 auto 0;
      color:#fff;
      height:50px;
      font-weight:700;
      width:25% !important;
      background: #358ac9; 
      transition:background 0.2s ease-in, color 0.3s ease-in;
    }

    .formbisa .panel-primary .btn.btn-success:hover{
      margin:0 auto 0;
      color:#fff;
      height:50px;
      font-weight:700;
      width:25% !important;
      background: #358ac9 !important; 
      transition:background 0.2s ease-in, color 0.3s ease-in;
    }

    .formbisa .panel-primary label {
      display: inline-block;
      max-width: 60%;
      margin-bottom: 5px;
      font-weight: 600;
      margin-left: 20px;
      width: 50%;
      padding: 10px;
      border-radius: 5px;
      color: #337ab7;
      background: #fcffff;
      font-size: 15px;
    }
    .formbisa .panel-primary .control-label {
      color: #358ac9;
      font-weight: 500;
      font-size: 18px;
      padding-right: 10px;
      max-width: 30%;
      width: 30%;
      float: none;
      padding: 12px;
      background: #f8f9fa;
      text-align: center;
      border-radius: 10px;
      margin-left: 0px;
    }

    .formbisa  .form-control{

      width: 100%;

      color:#004e91;

      border:1px solid #004e91;
    }

    .navbar-inverse {
      background-color: #fff;
      border: 0 solid #fff;
      color: #008AD1 !important;
      position: initial;
      width: 1250px;
      max-width: 100%;
      height: 115px;
      position: relative;
      margin-left: 0px;
      background: url(../Content/header-form.png) no-repeat;
      text-align: center;
    }
  }

  @media (max-width: 480px) {
    .navbar-inverse {
      background-color: #fff;
      border: 0 solid #fff;
      color: #008AD1 !important;
      position: initial;
      width: 1250px;
      max-width: 100%;
      height: 100px;
      position: relative;
      margin-left: 0px;
      background: url(../Content/header-mobile.png) no-repeat;
      text-align: center;
      background-size:contain;
    }
    .nav.navbar-nav.menutab li.completo {
      font-size: 12px;
      width: 100%;
      color: #008ad1;
      text-align: center;
      background: url(../Content/check.png) no-repeat;
      background-position: center right 5px;
      padding-right: 12px;
      border-bottom: 2px solid #33b7ac;
    }
    .nav.navbar-nav.menutab li {
      display: inline-block;
      width:100%;
      border-radius: 5px 5px 0 0;
      border-bottom: 2px solid #008ad1;
      margin-bottom: 10px;
    }
    .nav.navbar-nav.menutab li.active {
      font-size: 14px;
      width:100%;
      background-color: #035782 !important;
      border-bottom: 2px solid #035782 !important;
      border-radius: 5px 5px 0 0;
      top: 0 !important;
    }
    body {
      padding-top: 0;
      padding-bottom: 20px;
    }

    /* Set padding to keep content from hitting the edges */
 

    /* Override the default bootstrap behavior where horizontal description lists 
       will truncate terms that are too long to fit in the left column 
    */
    .dl-horizontal dt {
      white-space: normal;
    }




    #mdialTamanio{
      width: 90% !important;
    }


    /* Set width on the form input elements since they're 100% wide by default */

    .navbar-inverse {
      background-color: #fff;
      border:0 solid #fff;
      color: #008AD1 !important;
      position:initial;
      width: 1250px;

      height:115px;
      position: relative;
      margin-left: -30px;
      background: url('../Content/header-form.png') no-repeat;
      text-align: center;
    }

    .nav.navbar-nav.menutab{

      width:100%;

      display:table;

      MARGIN-BOTTOM: 50PX;
    }

    .nav.navbar-nav.menutab li{
      display: inline-block;
      width: auto;
      border-radius: 5px 5px 0 0;
      border-bottom: 2px solid #008ad1;
      margin-bottom: 10px;
    }
    .nav.navbar-nav.menutab li:hover{
      display: table-cell !important;
      background-color:#eee;
    }
    .nav.navbar-nav.menutab li a:hover{
      color: #008ad1;
      text-align: left;
      border-radius: 5px 5px 0 0;
      transition:font-weight 0.3s;
      background:transparent;
    }

    .nav.navbar-nav.menutab li.active {
      font-size: 14px;
      background-color: #035782 !important;
      border-bottom: 2px solid #035782 !important;
      border-radius: 5px 5px 0 0;
      top: 0 !important;
    }

    .nav.navbar-nav.menutab li.active a{
      color: #fff !important;
    }


    .nav.navbar-nav.menutab li a{
      font-size: 12px;
      color: #008ad1;
      text-align: left;
      width:100%;


    }
    .nav.navbar-nav.menutab li.completo {
      font-size: 12px;
      color: #008ad1;
      text-align: center;
      background: url('../Content/check.png') no-repeat;
      background-position: center right 5px;
      padding-right: 12px;
      border-bottom: 2px solid #33b7ac;
    }
    .nav.navbar-nav.menutab li.completo a {
    }

    .nav.navbar-nav.menutab li.completo:hover {    
      border-radius: 5px 5px 0 0;
      color:#fff;
      font-size: 12px;
      text-align: center;
      background: url('../Content/check.png') no-repeat;
      background-color:#33b7ac;
      background-position: center right 5px;
    }

    .nav.navbar-nav.menutab li.completo:hover a {
      color:#fff;
      transition:color 0.3s;
    }

    .nav.navbar-nav.menutab li.completo a {
      color: #33b7ac;
      padding-right: 30px;
    }

    .nav.navbar-nav.menutab li.active {
      top: 15px;
    }

    .panel-primary.formbisa{
      width: 90%;
      border: 0px !important;
      margin: 0 auto 0;
    }

    /* .formbisa .panel-heading {
      color: #fff;
      HEIGHT: 39PX;
      background-color:#004e91;
      border-radius: 5px 5px 0 0;
      border-color: #337ab7;
      DISPLAY: INLINE-BLOCK;
      WIDTH: 100%;
    } */
    .formbisa .form-group {
      width: 49%;
      border-radius:5px;
      margin-bottom: 4px;
      padding: 10px 10px 10px 10px;
      background: transparent;
      margin: 3px;
      display:inline-block;
      transition:background 0.2s ease-out;
    }
    .formbisa .form-group100 {
      width: 100%;
      border-radius:5px;
      margin-bottom: 4px;
      padding: 10px 10px 10px 10px;
      background: transparent;
      margin: 3px;
      display:inline-block;
      transition:background 0.2s ease-out;
    }
    .formbisa .form-group:hover {
      width: 49%;
      padding: 10px 10px 10px 10px;
      margin: 3px;
      background: rgba(0, 78, 145, 0.17) !important;
      transition: background 0.2s ease-in;
    }
    .formbisa .panel-primary .row:last-child  .form-group{
      width: 100%;
      margin-bottom: 4px;
      padding: 20px 10px 20px 10px;
      background:transparent;
    }
    .formbisa .panel-primary .btn {
      margin: 0 auto 0;
      color: #fff;
      height: 50px;
      font-weight: 700;
      width: 25% !important;
      background: #004e91;
      transition: background 0.2s ease-out, color 0.3s ease-out;
    }
    .formbisa label{
      padding:5px;
      background:white;
      width:100%;
      border-radius:5px;
      display:inline-block;
      /* border: 2px solid #a5bbce; */
      color: #004e91;
      font-weight: 500;
    }

    .formbisa .control-label{
      color:#008AD1;
      padding:0px;
      background:transparent;
      font-weight:500;
      padding-right: 10px;
      border:0px;
      width: auto;
      display: inline-block;
    }

    .formbisa .panel-primary .btn.btn-success {
      margin: 0 auto 0;
      color: #fff;
      height: 50px;
      font-weight: 700;
      width: 25% !important;
      background: #004e91 !important;
      transition: background 0.2s ease-out, color 0.3s ease-out;
    }
    .formbisa #Fecha_Expedici_n{
      width:20% !important;

    }
    .obligatorio{
      font-size: 29px;
      height: 25px;
      color: #ff8800;
      display: inline-block;
      vertical-align: bottom;
    }
    .formbisa div.panel-body{
      padding: 15px !important;
      padding-top: 7px !important;
    }
    .formbisa .has-feedback .form-control {
      padding: 0 5px 0 5px;
    }
    .formbisa #Fecha_Nacimiento{
      width:auto !important;

    }
    .formbisa .form-control.text-box.single-line{display: inline-block;width: 100% !important;}
    .formbisa .form-control.chosen-select{
      display: inline-block;

    }
    .formbisa .panel-primary .btn:hover{
      margin:0 auto 0;
      color:#fff;
      height:50px;
      font-weight:700;
      width:25% !important;
      background: #358ac9; 
      transition:background 0.2s ease-in, color 0.3s ease-in;
    }

    .formbisa .panel-primary .btn.btn-success:hover{
      margin:0 auto 0;
      color:#fff;
      height:50px;
      font-weight:700;
      width:25% !important;
      background: #358ac9 !important; 
      transition:background 0.2s ease-in, color 0.3s ease-in;
    }

    .formbisa .panel-primary label {
      display: inline-block;
      max-width: 60%;
      margin-bottom: 5px;
      font-weight: 600;
      margin-left: 20px;
      width: 50%;
      padding: 10px;
      border-radius: 5px;
      color: #337ab7;
      background: #fcffff;
      font-size: 15px;
    }
    .formbisa .panel-primary .control-label {
      color: #358ac9;
      font-weight: 500;
      font-size: 18px;
      padding-right: 10px;
      max-width: 30%;
      width: 30%;
      float: none;
      padding: 12px;
      background: #f8f9fa;
      text-align: center;
      border-radius: 10px;
      margin-left: 0px;
    }

    .formbisa  .form-control{

      width: 100%;

      color:#004e91;

      border:1px solid #004e91;
    }
    #formNovedad .form-group{
      width:100%;
    }
    .formbisa h4{
      margin:0px;
    }
    #formNovedad .btn.btn-primary{
      padding: 5px;
      background: #004e91;
      width: 100% !important;
      border-radius: 5px;
      display: inline-block;
      border: 0px solid #a5bbce;
      color: white;
      height:33px;
      font-weight: 500;
    } 
    #formNovedad .btn.btn-primary:hover{
      padding: 5px;
      background:white;
      width: 100% !important;
      border-radius: 5px;
      display: inline-block;
      border: 1px inset #004e91;
      color:#004e91 ;
      height:33px;
      font-weight: 500;
    } 
    #formAplazamientos .form-group{
      width:100%;
    }
    #formAplazamientos .form-control{

      width: 100%;

      color:#004e91;

      border:1px solid #004e91;
    }
    #formAplazamientos{
      background:#e4e9ec;
      padding:10px;
    }
    #formAplazamientos .btn.btn-primary {
      margin: 0 auto 0;
      color: #fff;
      height: 35px;
      border: 0px;
      font-weight: 700;
      width: 100% !important;
      background: #004e91;
      transition: background 0.2s ease-out, color 0.3s ease-out;
    }
    #formAplazamientos .btn {
      margin: 0 auto 0;
      color: #fff;
      height: 50px;
      font-weight: 700;
      width: 30% !important;
      background: #004e91;
      transition: background 0.2s ease-out, color 0.3s ease-out;
    }


    .formbisa #formNovedad label {
      padding: 5px;
      background: transparent;
      width: 100%;
      border-radius: 5px;
      display: inline-block;
      border: 0px solid #a5bbce;
      color: #004e91;
      font-weight: 500;
    }

    .loginbisa{
      width: 90%;
      border: 1px solid #004e91;
      background: transparent;
      margin: 0 auto 0;
    }
    .loginbisa .panel-heading {
      color: #004e91;
      background-color: transparent;
      border-color: #ddd;
      border:0px;
    }
    .loginbisa .form-control{
      width: 100%;
      border: 1px solid #004e91;
      background: transparent;
      color: #004e91;
      margin: 0 auto 0;
    }
    .loginbisa form {
      width: 95%;
      margin: 0 auto 0;
    }
    .g-recaptcha {
      text-align:center;
      width:100%;
    }
    .g-recaptcha div{
      margin:0 auto 0;
      text-align:center;
      width:100%;
    }
    .image-intro{
      width:55%;
    }
    .container {
      max-width: 100%;
      margin: 0 auto 0;

    }
    .container-header{
      max-width: 100%;
      margin: 0 auto 0; 
    }
    /* footer{
      background: black;
      color: #fff;
      width: 100%;
      height: auto;
      position: absolute;
      right: 0;
      border-top: 11px;
      border-bottom:0;
      border-image: url('/css/borde.png') 10 round;
      border-style: outset;

    } */
    footer p{
      width:70%;
      margin:30px auto 30px;
      text-align:center;
    }
    .intro{
      display:table;
      width:100%;
      height:500px;
    }

    .introadmin{
      display:table;
      width:100%;
      height:200px;
    }


    .int-1{
      width:53%;
      display:table-cell;
      vertical-align:middle;
    }
    .int-2{
      width:100%;
      display:table-cell;
      vertical-align:middle;
    }
    .int-2 img{ 
      max-width:100%;
      display:table-cell;
      vertical-align:middle;
    }
    .intro img{
      max-width:100%;

      vertical-align:middle;
      margin:0 auto 0;
    }
    .intro p{
      max-width: 100%;
      display:inline-block;
      margin: 20px 10px 20px 0;
      font-family: 'Open Sans';
      font-size:16px;
    }
    .buffer{
      z-index:1;
      margin: 0 auto 0;
      width: 58%;
      background: #008ad1;
      display: block;
      height: 3px;
      position: relative;
      top: 48px;
      left: 18px;
    }
    .prog-rock {
      text-align: center;
      width: 70%;
      list-style: none;
      display: table;
      height: 1px;
      margin: 0 auto 0;
      z-index:3;
    }
    .titulo-prog {
      text-align: center;
      width: 70%;
      list-style: none;
      display: table;
      height: 1px;
      margin: 0 auto 0;
    }
    .titulo-prog li {
      height: 14px;
      text-align:center;
      margin: 0 auto 0;
      border-radius: 90px;
      display: table-cell;
      vertical-align: middle;


    }
    .titulo-prog li a {
      cursor:pointer;
      font-weight:bold;
      transtion:color 0.3s;
      transition-delay: 2s;

    }
    .prog-rock li {
      height: 94px;
      border: 20px solid white;
      margin: 0 auto 0;
      border-radius: 90px;
      display: table-cell;
      vertical-align: middle;
      background: transparent;
      -webkit-box-shadow: inset 0 0 0 10px #fff;
      box-shadow: inset 0 0 0 10px #fff;
      transition: box-shadow 0.3s;

    }
    .prog-rock li a {
      position: relative;
      z-index: 100;
      background: #ffb000;
      display: block;
      margin: 0 auto 0;
      border-radius: 60%;
      cursor:pointer;
      -webkit-transition: width 0.2s, height 0.2s color 0.3s; /* Safari */
      transition:background 0.3, box-shadow 0.3s;
    }

    /*reject*/
    .prog-rock li.reject {
      height: 94px;
      border: 20px solid white;
      margin: 0 auto 0;
      border-radius: 90px;
      display: table-cell;
      vertical-align: middle;
      background: transparent;
      -webkit-box-shadow: inset 0 0 0 10px #fff;
      box-shadow: inset 0 0 0 10px #fff;
      transition:background 0.3, box-shadow 0.3s;

    }
    .prog-rock li.reject a {
      width: 25%;
      height: 50%;
      background: #b7334a;
      display: block;
      margin: 0 auto 0;
      border-radius: 50%;
      cursor:pointer;
      -webkit-transition: width 0.2s, height 0.2s, color 0.3s; /* Safari */
      transition: width 0.2s, height 0.2s, color 0.3s;

    }
    .titulo-prog li.reject a {
      cursor:pointer;
      font-weight:500;
      color: #b7334a !important;
      transition:color 0.3s;


    }

    .navbar-inverse .container {
      max-width: 100%;
      margin: 15px auto 0;
    }
    .navbar-brand-link{
      width: 300px;
      height: 100px;
      display: block;
    }
    .navbar-right{
      margin-top: 20px;
      margin-right: 16px;
    }
    .navbar-right li a{
      color:#fff !important;
      font-weight:500;
    }
    h3{
      /* color:#008AD1;
      font-family:'Open Sans';
      font-weight:600; */
    }
    h2{
      color: #004e91;
      font-size:20px;
      font-weight:500;
    }

    form{
      /* width: 70%; */
      margin: 0 auto 0;
    }

    .formulario{
      width: 100% !important;
      margin: 0 auto 0;
    }

    .col-md-1{
      width:20%;
      color:#008AD1;
      display:inline-block;

      font-weight:500;
      padding-top:10px;
      padding-bottom:10px;
    }
    .col-md-1 input{
      color:#008AD1 !important;
      text-align:center;
    }
    .col-md-c{
      width:74%;
      color:#008AD1;
      display:inline-block;
      font-family:'Open Sans';
      font-weight:500;
      padding-top:10px;
      padding-bottom:10px;
    }

    .col-md-2{
      width:48%;
      color:#008AD1;
      font-family:'Open Sans';
      font-weight:500;
      padding-top:10px;
      padding-bottom:10px;
    }
    /* .col-md-3{
      width:48%;
      display:table;
      vertical-align:middle;
      color:#008AD1;
      font-family:'Open Sans';
      font-weight:500;
      padding-top:10px;
      padding-bottom:10px;
    } */
    col-md-3 .control-label{
      padding:5px;
    }
    /* .col-md-4{
      width:48%;
      display:inline-block;
      vertical-align:middle;
      color:#008AD1;
      font-family:'Open Sans';
      font-weight:500;
      padding-top:10px;
      padding-bottom:10px;
    } */

    .enviar{
      width:100%;
      display:inline-block;
      color:#008AD1;
      font-family:'Open Sans';
      font-weight:500;
      padding-top:10px;
      padding-bottom:10px;
      text-align:center;
    }

    .form-control{
      max-width:98% !important;

    }

    .rc-anchor-light {
      background: #f9f9f9;
      border: 1px solid #d3d3d3;
      color: #004e91 !important;
    }
    .jumbotron{
      display:none;

    }
    .jumbotron h1{
      display:none;
    }
    .jumbotron .lead{
      display:none;
    }
    .text-box {
      border:2px solid #008AD1;

      color:#008AD1 !important;
    }
    .text-box:read-only { 
      background-color: #008AD1 !important;
      color:#fff !important;
      border:0 !important;
      box-shadow:none !important;
      -webkit-box-shadow:none !important;
    }
    .chosen-select {
      border:2px solid #008AD1;

      color:#008AD1 !important;
    }
    .btn{
      margin:0 auto 0;
      color:#fff;
      height:auto;
      font-weight:700;
      width:100% !important;
      background: #004e91; 
      transition:background 0.2s ease-out, color 0.3s ease-out;
    }
    .btn.dropdown-toggle{
      color:#004e91 !important;
      height:auto;
      font-weight:700;
      border:2px solid #004e91;
      width:100% !important;
      background:#fff; 
    }
    .btn:hover{
      margin:0 auto 0;
      color:#fff;
      height:auto;
      font-weight:700;
      width:100% !important;
      background: #358ac9; 
      transition:background 0.2s ease-in, color 0.3s ease-in;
    }
    .admin-table {

    }

    .admin-table tr {

    }

    .admin-table td, .admin-table th {
      padding: 6px;
    }

    .admin-table thead tr {

      border-top: 1px solid #cccccc;

      border-bottom: 1px solid #cccccc;
    }

    fieldset.scheduler-border {
      border: 1px groove #ddd !important;
      padding: 0 1.4em 1.4em 1.4em !important;
      margin: 0 0 1.5em 0 !important;
      -webkit-box-shadow:  0px 0px 0px 0px #000;
      box-shadow:  0px 0px 0px 0px #000;
    }




    .bi-table {
      width: 100%;
    }

    .bi-big-title {
      background: #337ab7;
    }

    .bi-table .bi-big-title td, .bi-table .bi-big-title th {
      padding: 10px;
      text-align: center;
      color: #FFF;
      font-weight: bold;
    }

    .bi-medium-title {
      background: #337ab7;
    }

    .bi-table .bi-medium-title td, .bi-table .bi-medium-title th {
      padding: 5px;
      text-align: center;
      color: #FFF;
      font-weight: bold;
      font-size: 13px;
    }

    .bi-table td, .bi-table th, .bi-table .bi-table-border td {
      padding: 10px;
      border: 1px solid #cccccc;
    }

    .bi-table td.bi-label, .bi-table th.bi-label {
      border-right: transparent;
    }

    .bi-table td.bi-field, .bi-table th.bi-field {
      border-left: transparent;
    }

    .bi-table td.bi-vertical-label, .bi-table th.bi-vertical-label {
      border-bottom: transparent;
      padding-bottom: 0;
    }

    .bi-table td.bi-vertical-field, .bi-table th.bi-vertical-field {
      padding-top: 0;
      border-top: transparent;
    }

    .bi-full-height {
      height: 100%;
      padding: 0 0 0 5px;
    }

    .bi-text-right {
      text-align: right;
    }

    .bi-text-center {
      text-align: center;
    }

    .bi-text-bold {
      font-weight: bold;
    }

    .bi-text-vertical-top {
      vertical-align: text-top;
    }

    .bi-border0, .bi-table td.bi-border0 {
      border: 0;
    }

    .bi-normal-label {
      font-weight: normal;
    }

    .bi-table label[for] {

      cursor: pointer;
    }

    .bi-font17 {
      font-size: 17px;
    }

    .bi-field-auto.form-control {
      width: auto!important;
      display: inline-block;
    }

    .bi-group-field {
      display: inline-block;
      margin: 5px;
    }

    table.bi-table-no-border td, table.bi-table-no-border th {
      border: none;
    }

    .bi-table td.bi-padding0, .bi-table th.bi-padding0 {
      padding: 0;
    }

    .bi-table .bi-padding-custom td, .bi-table .bi-padding-custom th {
      padding: 5px 10px;
    }

    .bi-margin-5-0 {
      margin: 5px 0;
      display: inline-block;
    }

    .bi-table h2 {

      text-align: center;

      margin: 6px 0;

      padding: 0;

      font-size: 14px;

      font-weight: bold;

      color: #333;

      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .bi-table input[type="number"]::-webkit-inner-spin-button { 
      cursor:pointer;
      width: 10px;
      height: 16px;
      padding: 4px;
      position: relative;

    }    
    .bi-table input[type=number]:hover::-webkit-inner-spin-button { 

      width: 10px;
      height: 16px;
      padding: 4px;
      position: relative;


    }

    .celdatbFicha{
      width: 40px;
      text-align: center;
    }

    /* Circulos de colores numerados */
    span.red {
      background: red;
      border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      -webkit-border-radius: 0.8em;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      line-height: 1.6em;
      margin-right: 15px;
      text-align: center;
      width: 1.6em; 
    }

    span.grey {
      background: #cccccc;
      border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      -webkit-border-radius: 0.8em;
      color: #fff;
      display: inline-block;
      font-weight: bold;
      line-height: 1.6em;
      margin-right: 15px;
      text-align: center;
      width: 1.6em; 
    }

    span.green {
      background: #5EA226;
      border-radius: 1.5em;
      -moz-border-radius: 1.5em;
      -webkit-border-radius: 1.5em;
      color: #5EA226;
      display: inline-block;
      font-weight: bold;
      line-height: 3.0em;
      margin-right: 0px;
      text-align: center;
      width: 3.0em; 
    }

    span.blue {
      background: #5178D0;
      border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      -webkit-border-radius: 0.8em;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      line-height: 1.6em;
      margin-right: 15px;
      text-align: center;
      width: 1.6em; 
    }

    span.pink {
      background: #EF0BD8;
      border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      -webkit-border-radius: 0.8em;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      line-height: 1.6em;
      margin-right: 15px;
      text-align: center;
      width: 1.6em; 
    }

    /* Clase que tendra el tooltip */  
    .cssToolTip {
      position: relative; /* Esta clase tiene que tener posicion relativa */
      color: #ff8c00; /* Color del texto */
    }

    /* El tooltip */
    .cssToolTip span {
      background: rgba(20,20,20,0.9) url('../../img/info.gif') center left 5px no-repeat; 
      border: 2px solid #87cefa;
      border-radius: 5px;
      box-shadow: 5px 5px 5px #333;
      color: #87cefa;
      display: none; /* El tooltip por defecto estara oculto */
      font-size: 0.8em;
      padding: 10px 10px 10px 35px;
      max-width: 6000px;
      position: absolute; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
      top: 15px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
      left: 100px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
      z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
      width: 230px;
    }

    /* El tooltip cuando se muestra */
    .cssToolTip:hover span {
      display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
    }

    @media (max-width: 768px) {
      .panel-primary.formbisa{
        width: 100%;
        border: 0px !important;
        margin: 0 auto 0;
      }
      /* .formbisa .panel-heading {
        color: #fff;
        HEIGHT: 39PX;
        background-color:#004e91;
        border-radius: 5px 5px 0 0;
        border-color: #337ab7;
        DISPLAY: INLINE-BLOCK;
        WIDTH: 100%;
      } */
      .formbisa .form-group {
        width: 100%;
        border-radius:5px;
        margin-bottom: 4px;
        padding: 10px 10px 10px 10px;
        /* background: #e4e9ec; */
        margin: 3px;
        transition:background 0.2s ease-out;
      }
      .formbisa .form-group:hover {
        width: 100%;
        padding: 10px 10px 10px 10px;
        margin: 3px;
        background: rgba(51, 122, 183, 0.05) !important;
        transition:background 0.2s ease-in;
      }
      .formbisa .panel-primary .row:last-child  .form-group{
        width: 100%;
        margin-bottom: 4px;
        padding: 20px 10px 20px 10px;
        background:transparent;
      }
      .formbisa .panel-primary .btn {
        margin: 0 auto 0;
        color: #fff;
        height: 50px;
        font-weight: 700;
        width: 25% !important;
        background: #004e91;
        transition: background 0.2s ease-out, color 0.3s ease-out;
      }
      .formbisa label{
        /* padding:5px;
        background:white;
        width:100%;
        border-radius:5px;
        display:inline-block;
        border: 2px solid #a5bbce;
        color: #004e91;
        font-weight: 500; */
      }

      .formbisa .control-label{
        color:#008AD1;
        padding:0px;
        background:transparent;
        font-weight:500;
        padding-right: 10px;
        border:0px;
      }

      .formbisa .panel-primary .btn.btn-success {
        margin: 0 auto 0;
        color: #fff;
        height: 50px;
        font-weight: 700;
        width: 25% !important;
        background: #004e91 !important;
        transition: background 0.2s ease-out, color 0.3s ease-out;
      }
      .formbisa #Fecha_Expedici_n{
        width:20% !important;

      }
      .obligatorio{
        font-size: 29px;
        height: 24px;
        color:#ff8800;
        display: inline-block;
        vertical-align: bottom;
      }
      .formbisa div.panel-body{
        padding: 15px !important;
        padding-top: 7px !important;
      }
      .formbisa .has-feedback .form-control {
        padding: 0 5px 0 5px;
      }
      .formbisa #Fecha_Nacimiento{
        width:auto !important;

      }
      .formbisa .form-control.text-box.single-line{display: inline-block;width: 100% !important;}
      .formbisa .form-control.chosen-select{
        display: inline-block;

      }
      .formbisa .panel-primary .btn:hover{
        margin:0 auto 0;
        color:#fff;
        height:50px;
        font-weight:700;
        width:25% !important;
        background: #358ac9; 
        transition:background 0.2s ease-in, color 0.3s ease-in;
      }

      .formbisa .panel-primary .btn.btn-success:hover{
        margin:0 auto 0;
        color:#fff;
        height:50px;
        font-weight:700;
        width:25% !important;
        background: #358ac9 !important; 
        transition:background 0.2s ease-in, color 0.3s ease-in;
      }

      .formbisa .panel-primary label {
        display: inline-block;
        max-width: 60%;
        margin-bottom: 5px;
        font-weight: 600;
        margin-left: 20px;
        width: 50%;
        padding: 10px;
        border-radius: 5px;
        color: #337ab7;
        background: #fcffff;
        font-size: 15px;
      }
      .formbisa .panel-primary .control-label {
        color: #358ac9;
        font-weight: 500;
        font-size: 18px;
        padding-right: 10px;
        max-width: 30%;
        width: 30%;
        float: none;
        padding: 12px;
        background: #f8f9fa;
        text-align: center;
        border-radius: 10px;
        margin-left: 0px;
      }

      .formbisa  .form-control{

        width: 100%;

        color:#004e91;

        border:1px solid #004e91;
      }

      .navbar-inverse {
        background-color: #fff;
        border: 0 solid #fff;
        color: #008AD1 !important;
        position: initial;
        width: 1250px;
        max-width: 100%;
        height: 115px;
        position: relative;
        margin-left: 0px;
        background: url(../Content/header-form.png) no-repeat;
        text-align: center;
      }
      .grupo-info{width:100%;display: table;background: white;padding:0px;border:2px solid #004e91;}
      .grupo-info .header{background: #004e91;width:100%;display:inline-block;color:white;font-size:16px;padding:5px;}

      .grupo-info .info-asp{color:#004e91;width:100%;display: table;}

      .bloque-info-1{width: 100%;display: inline-table;padding:0;margin:0;vertical-align: top;min-height: 55px;height: 100%;border-left: 1px solid #004e91;border-bottom: 1px solid #004e91;border-right: 0px;}
      .bloque-info-1:first-child{width: 100%;display: inline-table;padding:0;min-height: 55px;height: 100%;vertical-align: top;margin:0;border-left: 0px solid #004e91;border-bottom: 1px solid #004e91;}
      .bloque-info-1:nth-child(4){width: 100%;display: inline-table;padding:0;margin:0;border-left: 0px solid #004e91;border-bottom: 1px solid #004e91;border-right: 0px;}

      .acc-wizard-step {
        width: 25% !important;
        margin-top: 2em;
      }


      .bloque-info-1 div{width: 100%;padding: 5px;color:#004e91;display: table-cell;vertical-align: middle;font-size: 12px;border-right: 1px solid #004e91;}
      .bloque-info-1 div:last-child{width:50%;padding: 5px;color:#004e91;display: table-cell;font-size: 12px;border-right: 0px solid #004e91;}



      .bloque-info-1 div:firstt-child{width:50%;padding:5px;color:#004e91;display: table-cell;font-size:12px;border-right:0px solid #004e91;}


      .sp1 {
        width: 100% !important;
      }
      .sp2 {
        width: 100% !important;
      }


      .bloque-info-2{width:100%;display: inline-table;padding:0;margin:0;height: 50px;vertical-align: top;border-left: 1px solid #004e91;border-bottom: 1px solid #004e91;}
      .bloque-info-2:first-child{width:100%;display: inline-table;padding:0;margin:0;border-left: 0px solid #004e91;border-bottom: 1px solid #004e91;}

      .bloque-info-2 div{width: 33.3333%;padding:5px;color:#004e91;display: table-cell;font-size:15px;border-left: 1px solid #004e91;}

      .bloque-info-2 div:first-child{width: 33.3%;padding:5px;color:#004e91;display:inline-block;font-size: 12px;border-left:0px solid #004e91;}


      .bloque-info-3{width: 100%;display: inline-table;padding:0;margin:0;vertical-align: top;border-bottom: 1px solid #004e91;min-height: 50px;height: 100%;}
      .bloque-info-3:last-child{width: 100%;display: inline-table;padding:0;margin:0;vertical-align: top;border-bottom: 1px solid #004e91;border-left: 1px solid #004e91;min-height: 50px;height: 100%;}


      .bloque-info-3 div{width: 100%;padding: 5px;color:#004e91;display: table-cell;font-size: 12px;vertical-align: middle;border-right:1px solid #004e91;}
      .bloque-info-3 div:last-child{width:100%;padding: 5px;color:#004e91;display: table-cell;font-size: 12px;vertical-align: middle;border-right:0px solid #004e91;}


      .bloque-info-4{width:100%;display: inline-table;padding:0;margin:0;border-bottom: 1px solid #004e91;}

      .bloque-info-4 .form-control{
        max-height:54px;
        overflow-x:hidden;
        overflow-y:auto;
      }

      .bloque-info-4 .form-control::-webkit-scrollbar{
        width:10px;
        background:transparent;
      }
      .bloque-info-4 .form-control::-webkit-scrollbar-thumb{
        width:4px;
        background:#004e91;
      }
      .respuesta-x{
        font-size: 15px;
        text-align:center;
      }

      .respuesta-x .check{
        background:#004e91;

      }
      .respuesta-x span{
        display: inline-block;
        height:15px;
        width:15px;
        border: 1px solid #004e91;
        background:white;
        margin:0 10px 0 10px;
      }
      .bloque-info-4 div:fisrt-child{
        width:50%;
        padding:5px;
        color:#004e91;
        display:table-cell;
        font-size:15px;

        border-right:0px solid #004e91;

      }
      .bloque-info-4 div{width:50%;padding: 5px;color:#004e91;display:table-cell;vertical-align: middle;font-size: 12px;border-left: 1px solid #004e91;}
      .bloque-info-4 div:first-child{width: 49.88%;padding: 5px;color:#004e91;display:table-cell;vertical-align: middle;font-size: 12px;height: 50px;border-left: 0px solid #004e91;}
      .bloque-info-5{width: 66.7%;display: inline-table;padding:0;margin:0;min-height: 55px;vertical-align: top;border-bottom: 1px solid #004e91;}
      .bloque-info-5 div{width:50%;padding:5px;color:#004e91;display:table-cell;font-size:15px;border-left: 1px solid #004e91;}
      .bloque-info-5 div:first-child{width:50%;padding:5px;color:#004e91;display:table-cell;font-size: 12px;vertical-align: middle;border-left: 0px solid #004e91;}

      .info-side{
        width:20%;
        display:inline-block;
        float:right;
      }

      .foto{
        width:98%;
        margin:0 auto 0;
      }
      .foto img{
        max-width:100%;

      }


    }



    @media (max-width: 480px) {
      .navbar-inverse {
        background-color: #fff;
        border: 0 solid #fff;
        color: #008AD1 !important;
        position: initial;
        width: 1250px;
        max-width: 100%;
        height: 100px;
        position: relative;
        margin-left: 0px;
        background: url(../Content/header-mobile.png) no-repeat;
        text-align: center;
        background-size:contain;
      }
      .nav.navbar-nav.menutab li.completo {
        font-size: 12px;
        width: 100%;
        color: #008ad1;
        text-align: center;
        background: url(../Content/check.png) no-repeat;
        background-position: center right 5px;
        padding-right: 12px;
        border-bottom: 2px solid #33b7ac;
      }
      .nav.navbar-nav.menutab li {
        display: inline-block;
        width:100%;
        border-radius: 5px 5px 0 0;
        border-bottom: 2px solid #008ad1;
        margin-bottom: 10px;
      }
      .nav.navbar-nav.menutab li.active {
        font-size: 14px;
        width:100%;
        background-color: #035782 !important;
        border-bottom: 2px solid #035782 !important;
        border-radius: 5px 5px 0 0;
        top: 0 !important;
      }
    }

    @font-face {
      font-family: Montserrat;
      src: url(/fonts/Montserrat-Regular.otf);
    }