:root {
  --stg-main-bg-color: #0c5893;
  --stg-secondary-bg-color: #3ab4e5;
  --stg-border-color: #e4126b;
  --stg-a: #007bff;
  --stg-btn-blue: #fff;
}
.breadcrumb {
  background-color: #fff;
}
.Texto-menu {
  padding: 0px;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--stg-a);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn{
  text-transform: none;
}
.btn-blue {
  background-color: #004081 !important;
  color: #fff;
}

.card-item-custom{
  font-size: 13px;
}
.pointer{
  cursor: pointer;
}
.color-texto-principal {
  color: #404040;
}

.form-control {
  border-radius: .7rem;
}

.input-group-text {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.btn-group {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.barra-vertical-titulos {
  border-left: solid 6px #ffc000;
}

.barra-horizontal-titulos-amarilla {
  background: #ffc000;
  height: 5px;
  width: 100%;
}

.barra-horizontal-titulos-gris {
  background: #286090;
  height: 5px;
  width: 100%;
}

hr {
  margin-top: 0;
}

/**** css para el stepwizard ****/
.stepwizard-step p {
  margin-top: 0px;
  color:#666;
  }
  /*.stepwizard-row {
      display: table-row;
  }*/
  .stepwizard {
      display: table;
      width: 30%;
      position: relative;
  }
  .stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
      opacity:1 !important;
      color:#bbb;
      visibility: hidden;
  }
  .stepwizard-row:before {
      top: 14px;
      bottom: 0;
      position: absolute;
      content:" ";
      width: 100%;
      height: 1px;
      /*background-color: #ccc;*/
      z-index: 0;
  }
  .stepwizard-step {
      display: table-cell;
      text-align: left;
      position: relative;        
  }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.label-paso {
  display: block;
  margin-bottom: 0rem;
}

.esconder {
  display: none;
}

.noresize{
  resize:none;
}

.margen-etiqueta {
  margin-left: 1.5rem;
}
.showbox {
    transition: all .2s ease-in-out;
    
  }
.showbox.slideright:hover {
    transform: scale(1.5);
}
.strong {
  color: var(--stg-border-color);
}
.imgsize {
  width: 50px !important;
  height: auto !important;
  cursor: pointer !important;
}
.rounded{
  border-radius: 20px !important;
}
.fondo{
  background-color: #F5F6F8 !important;
}
.tama{
  height: 58.8px;
  width: 30px;
}
.tamafont{
  font-size: 18px !important;
  font-weight: 750 !important;
}
.subtama{
  font-weight: 600 !important;
}
#audio-player-container {
  position: relative;
  margin: 100px 5% auto 5%;
  width: 90%;
  max-width: 500px;
  height: 80px;
  background: #fff;
}
#audio-player-container::before {
  position: absolute;
  content: '';
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  left: -2px;
  top: -2px;
  background: linear-gradient(to left, #007db5, #ff8a00);
  z-index: -1;
}
.buttonplay {
  padding: 0;
  border: 0;
  background: inherit;
  cursor: pointer;
  outline: none;
  width: 40px;
  height: 40px;
}
.imgsizeaudio {
  width: 15px !important;
  height: auto !important;
  cursor: pointer !important;
  position: relative;
}
.imgsizeicon {
  width: 22px !important;
  height: auto !important;
  cursor: pointer !important;
}
/* Progressbar */
.progressbar {
  position: relative;
  display: flex;
  justify-content: space-between;
  counter-reset: step;
  margin: 0rem;
}

.progressbar::before,
.progress {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 90%;
  max-width: 100%;
  background-color: #dcdcdc;
  z-index: -1;
}

.progress {
  background-color: var(--stg-border-color);
  width: 0%;
  transition: 0.3s;
}

.progress-step {
  width: 2.1875rem;
  height: 2.1875rem;
  background-color: #dcdcdc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.progress-step::before {
  counter-increment: step;
  content: counter(step);
}

.progress-step::after {
  content: attr(data-title);
  position: absolute;
  top: calc(100% + 0.5rem);
  font-size: 0.85rem;
  color: #666;
}

.progress-step-active {
  background-color: var(--stg-border-color);
  color: #f3f3f3;
}
@keyframes animate {
  from {
    transform: scale(1, 0);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.tooltip_ {
  position: relative;
  display: inline-block;
}

.tooltip_ .tooltip_text {
  visibility: hidden;
  background-color: rgba(66, 71, 66, 0.75);
  opacity: 0.2;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 95%;
  left: 5%;
  margin-left: -115px;
  min-width:250px;
  max-width:450px;
  font-weight: 300;
}

.tooltip_ .tooltip_text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip_:hover .tooltip_text {
  visibility: visible;
  opacity: 5;
}

.color_s:hover {
  color: gray;
}
.up {
	margin-top: 5px;
	border: 1px solid red;
}

.icontext {
	display: inline-block;
	margin-right: 8px;
    line-height:25px;
    vertical-align:top;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.tama_img{
    height: 50% !important;
    width: 100% !important;
}