/*==================================================================
  Form 
  ===================================================================*/
.panel-heading2{

	color: #ffffff;
    background-color: #37bc9b;
    border-color: #37bc9b;
}
#bgcolor-beig{
	    background-color: #37bc9b !important;
}

.tabla_exportar_descargar{
    background-color: #37bc9b !important;
}

.cambiarColorBeig{
	background-color: #37bc9b !important;
    color: white !important;
}

#cambiarColorBeig{
    background-color: #37bc9b !important;
}

#cambio1{
 border-color: #37bc9b !important;
}

#cambio2{
border-color: #37bc9b !important;
}

#cambio3{
 border-color: #37bc9b !important;
}

.wizard .steps li.disabled a {
    background-color: #649ae1 !important;
}

/* steps justified */
.wizard.steps-left .steps {
    text-align: center !important;
}



 /* steps justified  Prueba*/
 .wizard.steps-justified .steps {
   position: relative;
    width: 100%;
  }
 .wizard.steps-justified .steps li {
  display: table-cell;
  position: relative;
  width: 1%;
 }
  .wizard.steps-justified .steps li a {
  display: block;
  }

 .wizard.steps-bg .content,
 .wizard.steps-tabs .content,
 .wizard.steps-justified .content {
   padding-top: 10px;
  }

#cbox1{

    width:18px !important;
    height:18px !important;

}

/*css Progreso -wizard taecel*/

#myProgress {
    width: 100%;
    background-color: #ddd;
}

#myBar {
    width: 10%;
    height: 15px;
    background-color: #37bc9b !important;
    text-align: center; /* To center it horizontally (if you want) */
    line-height: 15px; /* To center it vertically */
    color: white;
}

/* porcentaje circulo */
/*#circulo{
    cx:50;
    cy:50;
    r:40;
    stroke:black;
    stroke-width:5;
    fill:purple;
    background-color: #0a6aa1;
    border: solid;
    border-width: 20px;
}*/

.circle-text {
    width:20% !important;
   /* position: relative;*/
}
.circle-text:after {
    content: "";
    display: block;
    width: 50%;
    height:0;
    padding-bottom: 50%;
    background: #37bc9b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /*stroke-width:5;*/
    border: 3px solid #3bafda;
}
.circle-text div {
    float:left;
    width:50%;
    padding-top:25%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}

#circulo{
    /*position: relative;*/
    display: block;
    width: 50%;
    height:0;
    padding-bottom: 33%;
    -moz-border-radius: 33%;
    -webkit-border-radius: 33%;
    border-radius: 33%;
    stroke-width:5;
    cx:50;
    cy:50;

   /* stroke:black;*/
}

/*.circle-text{
    border-style:  double;
    border-width: 5px !important;
}*/