.bg_blue{
  background-color: #3587d8 !important;
}
.bg_blue2{
  background-color: #3587d840 !important;
}
.text_blue{
  color:#3587d8 !important;
}
.width90{
  width: 90% !important;
}

.width95{
  width: 95% !important;
}

#certificado_modal{
  background-image: url("http://lmsedk.com/v3/static/img/certificados/fondo1.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right;
}


.wizard-card .choice {
    text-align: center !important;
    cursor: pointer !important;
    margin-top: 20px !important;
}
.wizard-card .choice .icon2 {
    text-align: center !important;
    vertical-align: middle !important;
    height: 116px !important;
    width: 116px !important;
    border-radius: 50% !important;
    color: #999999;
    margin: 0 auto 20px !important;
    border: 4px solid #CCCCCC;
    transition: all 0.2s !important;
    -webkit-transition: all 0.2s !important;
}
.wizard-card .choice input[type="radio"], .wizard-card .choice input[type="checkbox"] {
    position: absolute !important;
    left: -10000px !important;
    z-index: -1 !important;
}

.icon_active {
    border-color: #f44336 !important;
    color: #f44336 !important;
}



.width_1{
  width: 1% !important;
}
.width_2{
  width: 2% !important;
}
.width_3{
  width: 3% !important;
}
.width_4{
  width: 4% !important;
}
.width_5{
  width: 5% !important;
}
.width_6{
  width: 6% !important;
}
.width_7{
  width: 7% !important;
}
.width_8{
  width: 8% !important;
}
.width_9{
  width: 9% !important;
}
.width_10{
  width: 10% !important;
}
.width_12{
  width: 12% !important;
}
.width_13{
  width: 13% !important;
}
.width_13{
  width: 13% !important;
}
.width_15{
  width: 15% !important;
}
.width_16{
  width: 16% !important;
}
.width_17{
  width: 17% !important;
}
.width_18{
  width: 18% !important;
}
.width_19{
  width: 19% !important;
}
.width_20{
  width: 20% !important;
}
.width_21{
  width: 21% !important;
}
.width_22{
  width: 22% !important;
}
.width_23{
  width: 23% !important;
}
.width_24{
  width: 24% !important;
}
.width_25{
  width: 25% !important;
}
.width_26{
  width: 26% !important;
}
.width_27{
  width: 27% !important;
}
.width_28{
  width: 28% !important;
}
.width_29{
  width: 29% !important;
}
.width_30{
  width: 30% !important;
}
.width_40{
  width: 40% !important;
}
.width_50{
  width: 50% !important;
}
.width_60{
  width: 60% !important;
}
.width_70{
  width: 70% !important;
}
.width_80{
  width: 80% !important;
}
.width_90{
  width: 90% !important;
}
.width_100{
  width: 100% !important;
}




.width_1px{
  width: 1px !important;
}
.width_2px{
  width: 2px !important;
}
.width_3px{
  width: 3px !important;
}
.width_4px{
  width: 4px !important;
}
.width_5px{
  width: 5px !important;
}
.width_6px{
  width: 6px !important;
}
.width_7px{
  width: 7px !important;
}
.width_8px{
  width: 8px !important;
}
.width_9px{
  width: 9px !important;
}
.width_10px{
  width: 10px !important;
}
.width_12px{
  width: 12px !important;
}
.width_13px{
  width: 13px !important;
}
.width_13px{
  width: 13px !important;
}
.width_15px{
  width: 15px !important;
}
.width_16px{
  width: 16px !important;
}
.width_17px{
  width: 17px !important;
}
.width_18px{
  width: 18px !important;
}
.width_19px{
  width: 19px !important;
}
.width_20px{
  width: 20px !important;
}
.width_21px{
  width: 21px !important;
}
.width_22px{
  width: 22px !important;
}
.width_23px{
  width: 23px !important;
}
.width_24px{
  width: 24px !important;
}
.width_25px{
  width: 25px !important;
}
.width_26px{
  width: 26px !important;
}
.width_27px{
  width: 27px !important;
}
.width_28px{
  width: 28px !important;
}
.width_29px{
  width: 29px !important;
}
.width_30px{
  width: 30px !important;
}
.width_40px{
  width: 40px !important;
}
.width_50px{
  width: 50px !important;
}
.width_60px{
  width: 60px !important;
}
.width_70px{
  width: 70px !important;
}
.width_80px{
  width: 80px !important;
}
.width_90px{
  width: 90px !important;
}
.width_100px{
  width: 100px !important;
}

.input_100 > input {
  width: 100%;
}

.input_90 > input {
  width: 90%;
}

.input_80 > input {
  width: 80%;
}

.input_70 > input {
  width: 70%;
}

.input_60 > input {
  width: 60%;
}

.input_50 > input {
  width: 50%;
}


.active_opcion{
  background-color: #80808038 !important;
}
.active_opcion > a{
  opacity: 1 !important;
}


.full_modal-dialog {
  width: 96% !important;
  height: 92% !important;
  min-width: 96% !important;
  min-height: 92% !important;
  max-width: 96% !important;
  max-height: 92% !important;
  padding: 0 !important;
}

.full_modal-content {
  /*height: 128% !important;*/
  min-height: 99% !important;
  /*max-height: 128% !important;*/
}

.btn_blue{
  background: #3587d8 !important;
  color:white;
}

.btn_blue2{
  background: #3549d8 !important;
  color:white;
}

.btn_link_blue{
  color: #3587d8 !important;
}

.btn_link_dorada{
  color: #ffbc34 !important;
}

.badge-notification {
  position: relative;
  margin-right: 10px;
}
.badge-notification[data-badge]::after {
  content: attr(data-badge);
  background-color: red;
  position: absolute;
  top: -11px;
  right: -10px;
  display: flex;
  justify-content: center;
  align-content: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  background: var(--secondary);
  color: #fff;
}
span.badge-notification {
  margin-right: 24px;
}
span.badge-notification[data-badge]::after {
  top: -11px;
  right: -24px;
}


.label_blue_table{
  background: rgb(53, 135, 216) !important;
  color: white !important;
}

.panel-default {
      border-color: #ddd !important;
  }
  .panel {
      box-shadow: none !important;
      border: 1px solid #e5e5e5 !important;
      background: #fff !important;
      padding: 20px !important;
      margin-bottom: 20px !important;
      position: relative !important;
  }

  .panel {
      border-radius: 4px !important;
  }



.dt-button, .buttons-excel, .buttons-html5{
  display: none !important;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0 !important;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: normal !important;
}

.button_in_table{
	text-decoration: inherit !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #e9ecef !important;
}

/*Estatus activo*/
td.columna_activo > span{
	background-color: #22c6ab;
	padding: 3px 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    font-size: 75%;
}

/*Estatus inactivo*/
td.columna_no_activo > span{
	background-color: #ef6e6e;
	padding: 3px 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    font-size: 75%;
}