.custom-button-links {
  top: 275px;
  left: 852px;
  height: 87px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 25px;
  opacity: 1;
}

.custom-button-links-content {
  top: 291px;
  left: 891px;
  width: 251px;
  height: 73px;
  opacity: 1;
}

.custom-button-links-icon-content {
  top: 299px;
  left: 891px;
  width: 62px;
  height: 37px;
  opacity: 1;
}

.custom-button-links-text-container {
  top: 291px;
  left: 1003px;
  width: 139px;
  height: 73px;
  opacity: 1;
}

/* PARA LOS TEXTOS */

.zoom-text-title {
  top: 291px;
  left: 1003px;
  width: 139px;
  height: 51px;
  text-align: left;
  letter-spacing: 0px;
  color: #00C1D4;
  opacity: 1;
  font-family: 'Open Sans', sans-serif;
  text-decoration: solid;
}

.zoom-text-sub {
  top: 330px;
  left: 1003px;
  width: 139px;
  height: 34px;
  text-align: left;
  letter-spacing: 0px;
  color: #00C1D4;
  opacity: 1;
}

.zoom-icon {
  top: 299px;
  left: 891px;
  width: 62px;
  height: 37px;
  background: #00C1D4 0% 0% no-repeat padding-box;
  opacity: 1;
  background-image: url('/static/fonts/pages-icon/school.svg');
}

/* BOTON VOLVER */

.btn-volver {
  border: 1px solid #2DD69C;
  font-weight: Bold;
  letter-spacing: 0px;
  color: #2DD69C;
  display: table-row;
  font-size: 17px;
  border-radius: 13px;
  display: table-row;
  line-height: 18px;
  width: 110px;
}

.btn-volver:hover {
  border-color: #40d9ca;
  color: #40d9ca;
}

.btn-volver:active {
  border-color: #40d9ca;
  color: #40d9ca;
}

.icono-btn-volver {
  font-size: 20px;
  display: table-cell;
  vertical-align: middle;
}

.texto-btn-volver {
  display: table-cell;
  padding-top: 2px;
}

/* BOTON PREFERENCIA */

.btn-preferencia {
  border: 1px solid #2DD69C;
  background-color: #2DD69C;
  font-weight: Bold;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 13px;
  line-height: 21px;
  width: 90px;
  box-shadow: 0px 3px 6px #00000029;
}

.btn-preferencia:hover {
  border-color: #40d9ca;
  background-color: #40d9ca;
  color: #FFFFFF;
}

.btn-preferencia:active {
  border-color: #40d9ca;
  background-color: #40d9ca;
  color: #FFFFFF;
}

/* MENU APOYO */

.nav-item-apoyo {
  font-size: 14px !important;
  color: #021A8E !important;
}

.nav-item-apoyo.active {
  font-weight: bold;
}

.nav-bar-apoyo {
  background-color: #E8F3FF;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.nav-bar-apoyo>li>a.active:after {
  border-top-color: #E8F3FF;
}

.tbl-apoyo tbody tr td {
  border-bottom-color: #BFDEFF;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.tbl-apoyo tbody tr:last-child td {
  border-bottom-color: transparent;
}

.btn-down-apoyo {
  background-color: #2DD69C;
  border-color: #2DD69C;
}

#tab-content-apoyo {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 1px solid #BFDEFF;
  padding: 0px 30px;
  border-top-color: transparent;
}

/* MODAL FAQ VRAF */

#contenido-tab-vraf {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 1px solid #BFDEFF;
  padding: 0px 30px;
  border-top-color: transparent;
}

.td-w-10 {
  width: 10% !important;
}

.tbl-faq-vraf tbody tr td {
  border-bottom-color: #BFDEFF;
}

.tbl-faq-vraf tbody tr:last-child td {
  border-bottom-color: transparent;
}

.tbl-faq-vraf thead {
  display: none;
}

.tbl-faq-vraf {
  width: 100% !important;
}

.btn-plus-faq-vraf {
  background-color: #2DD69C;
  border-color: #2DD69C;
}

.breadcrumb-item.active {
  color: #2DD69C !important;
  font-weight: bold !important;
  align-items: baseline;
}

.breadcrumb {
  align-items: baseline;
}

.page-header {
  text-align: left;
  letter-spacing: 1px;
  color: #2DD69C !important;
  opacity: 1 !important;
  font-weight: bold !important;
}

.custom-select {
  border: 1px solid #2DD69C;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.lbl-custom {
  color: #606060;
}

.label-input-custom {
  color: #606060;
  font-size: 10.5px !important;
}

.foto-modal-persona {
  height: 70px;
  width: 70px;
}

@media (max-width: 767px) {
  #detalle-anexo {
      padding: 10px;
  }
}

.select2-container .select2-selection.select2-selection--single {
  height: 42px;
}

/* Select2 border cian*/

.div_select2_cian .select2-container .select2-selection.select2-selection--single {
  border-color: #BFDEFF !important;
}

/* Select2 border green*/

.div_select2_green .select2-container .select2-selection.select2-selection--single {
  border-color: #2DD69C !important;
}

.titulo_bitacora_convenio {
  display: flex;
  justify-content: flex-start;
}

.titulo_detalle_bitacora_convenio {
  display: flex;
  justify-content: center;
}

.contenido_bitacora_convenio_estado {
  color: #2DD69C !important;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif !important;
}

.contenido_bitacora_convenio_otros {
  color: #021A8E !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', sans-serif !important;
}

/* Bitacora convenio */

.demo-card-scrollable::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #2DD69C;
}

/* table block */

.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: #2DD69C !important;
}

.table-responsive::-webkit-scrollbar {
  height: 8px !important;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
  margin-top: 0px !important;
}

.table-responsive::-webkit-scrollbar {
  width: 10px !important;
}

.table_fila_bloque {
  background: #F5F8FD 0% 0% no-repeat padding-box !important;
  border: none !important;
}

.table_fila_bloque>thead>tr>td, .table_fila_bloque>thead>tr {
  background: white !important;
  border: white !important;
  color: #021A8E !important;
  text-transform: uppercase;
  font-size: 12px !important;
}

.table_fila_bloque>thead>tr>th, .table_fila_bloque>thead>tr {
  background: white !important;
  border: white !important;
  color: #021A8E !important;
  text-transform: uppercase;
  font-size: 12px !important;
}

.table_fila_bloque>tbody>tr.shadow, .table_fila_bloque>tbody>tr.shadow>td {
  border: 1px solid #F5F8FD !important;
  background: #F5F8FD 0% 0% no-repeat padding-box !important;
}

.table_fila_bloque tbody tr td {
  background: #F5F8FD 0% 0% no-repeat padding-box !important;
}

.table_fila_bloque>tbody>tr:not(.shadow)>td {
  border: transparent !important;
  background: transparent !important;
  padding: 5px !important;
}

.search_file_div {
  border: 1px solid #BFDEFF !important;
  border-radius: 20px !important;
  min-height: 42px !important;
}

.search_file_div div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* input search crear convenio */

.search_file_div a svg {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 35px;
  color: white;
  right: 10px;
  top: 3px;
  fill: #2DD69C;
}

.btn-default.hover, .btn-default:hover {
  color: #2DD69C !important;
}

.btn-default {
  color: #2DD69C !important;
}

.btn_subir {
  width: 70%;
  color: #2DD69C !important;
  letter-spacing: normal;
  word-spacing: normal;
  font-weight: bold !important;
  text-transform: capitalize !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  padding: 0px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.btn_subir img {
  margin-bottom: 0px;
  width: 35px !important;
  height: 30px !important;
}

#lbl_cv_nombre_archivo, #lbl_ttl_nombre_archivo {
  padding: 10px 10px 10px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn_buscar_documentos {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #021A8E;
}

/* ajuste input padding left */

.form-group label {
  padding-left: 10px;
}

.div_select2_no_shadow .select2-container .select2-selection.select2-selection--single {
  box-shadow: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  min-height: 41px;
  color: #747474 !important;
  border-radius: 13px !important;
}

.btn_img {
  margin-bottom: 0px !important;
  vertical-align: middle !important;
  height: 20px !important;
  width: 20px !important;
}

/* radios */

.radio-success label {
  padding-left: 30px !important;
}

.ul-custom-utem {
  content: "\2022";
  color: #2DD69C;
}

.body-actividad-semanal {
  overflow-y: auto;
  max-height: 160px;
}

.body-actividad-semanal::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background-color: #021A8E !important;
  height: 7px !important;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll-tabla-generica::-webkit-scrollbar {
  width: 7px;
}

/* table.tabla-generica {
  width: 100%;
  border-radius: 20px;
  box-shadow: 3px 3px 3px #021A8E33;
  border: 1px solid #E8F3FF;
  border-collapse: inherit !important;
} */

table.tabla-generica:not(.headers-genericos) {
  width: 100% !important;
  border-radius: 20px !important;
  border: 1px solid #E8F3FF !important;
  border-collapse: inherit !important;
}

.table-responsive .cantidad_datatable {
  font-weight: bold !important;
  color: #021A8E !important;
}

.table-responsive .cantidad_datatable.table_data_zero {
  margin-bottom: 20px !important;
}

.table-responsive .cantidad_datatable.table_data_much {
  margin-bottom: inherit !important;
  position: absolute !important;
  top: 240px !important;
}

@media (max-width: 974px) {
  .table-responsive .cantidad_datatable.table_data_much {
      margin-bottom: 20px !important;
      position: inherit !important;
  }
}

.box_gray {
  background: #F5F8FD 0% 0% no-repeat padding-box;
  padding: 10px;
}

.text_blue_utem {
  color: #021A8E !important;
}

.text_gray_utem {
  color: #606060 !important;
}

.strong {
  font-weight: bold !important;
}

.clickeable {
  cursor: pointer !important;
}

.text_green_utem {
  color: #2DD69C !important;
}

.div-card-notas {
  background: #F5F8FD 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 5px #021A8E33;
  margin-bottom: 15px !important;
  border: 0px !important;
}

.div-card-notas>.card-notas {
  background: #F5F8FD 0% 0% no-repeat padding-box;
  border: 0px !important;
  border-left: 4px solid #021A8E !important;
  font: Bold 15px/13px 'Open Sans', sans-serif;
  letter-spacing: 0px;
  color: #021A8E;
  padding-top: 17px;
  padding-bottom: 17px;
}

.div-card-notas>.card-notas.collapsed {
  border: 0px !important;
}

.div-card-notas>.card-notas>span.pull-right {
  -webkit-transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

.div-card-notas>.card-notas.collapsed>span.pull-right {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.div-card-notas>.card-notas>span.pull-right>i:before {
  color: rgb(0, 30, 179);
}

.fila_arbol_encabezado {
  /* padding-left: 10px !important;
  padding-right: 10px !important; */
  border-bottom: 1px solid #BFDEFF !important;
  width: 100% !important;
}

.fila_arbol_valor {
  white-space: normal !important;
  color: #606060 !important;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  font-size: 12px !important;
  height: 30px !important;
}

.borde_derecho {
  border-right: 1px solid #BFDEFF;
}

.titulo_arbol {
  letter-spacing: 0px !important;
  color: #021A8E !important;
  padding: 1% !important;
  font-weight: bold !important;
  white-space: normal !important;
}

.dynatree-container {
  border-radius: 20px;
}

ul.dynatree-container {
  padding: 0px !important;
}

@media only screen and (max-width: 800px) {
  .table_mobile_to_row table, .table_mobile_to_row thead, .table_mobile_to_row tbody, .table_mobile_to_row th, .table_mobile_to_row td, .table_mobile_to_row tr {
      display: block !important;
  }
  .table_mobile_to_row thead tr {
      position: absolute !important;
      top: -9999px !important;
      left: -9999px !important;
  }
  .table_mobile_to_row td {
      position: relative !important;
      padding-left: 50% !important;
      white-space: nowrap !important;
      overflow: hidden;
      text-align: left !important;
  }
  .table_mobile_to_row td:before {
      position: absolute !important;
      top: 6px !important;
      left: 6px !important;
      width: 45% !important;
      padding-right: 10px !important;
      white-space: nowrap !important;
      text-align: left !important;
      font-weight: bold !important;
  }
  .table_mobile_to_row td:before {
      content: attr(data-title) !important;
  }
  .table.table_mobile_to_row tbody tr td {
      padding-left: 50% !important;
  }
  .btn_subir {
      margin-bottom: 1rem!important;
  }
}

.dynatree-title {
  width: 100% !important;
}

.titulo_detalle_prespuestario {
  border-bottom: 1px solid #BFDEFF !important;
}

.table_filter_right {
  position: absolute !important;
  right: 20px !important;
  margin-top: 60px !important;
}

.table_filter_left {
  position: absolute !important;
  margin-top: 30px;
}

@media (max-width: 441px) {
  .table_filter_left {
      position: relative !important;
      padding: 20px;
  }
  .table_filter_right {
      position: absolute !important;
      left: 20px !important;
      margin-top: 60px !important;
      width: 300px !important;
  }
  .table_filter_right input[type=radio] {
      display: flex !important;
  }
  div.tabla_interior table.table_sub_menu {
      margin-top: 150px !important;
  }
}

@media (max-width: 551px) {
  .table_filter_left {
      position: relative !important;
      padding: 20px;
  }
  .table_filter_left span::before {
      content: "\A";
  }
}

.only-table-shadow {
  box-shadow: 3px 3px 3px #021A8E33;
  border: 1px solid #E8F3FF;
  border-radius: 20px;
}

.only-table-shadow .dataTables_empty{
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


.btn-redonded {
  border-radius: 15px !important;
  font-weight: bold !important;
}


.table_head_bloque {
  border: none !important;
}

.table_head_bloque>thead>tr {
  background: #F5F8FD 0% 0% no-repeat padding-box !important;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border: none !important;
  color: #021A8E !important;
  text-transform: uppercase;
}

.table_head_bloque>thead>tr>th {
  background: #F5F8FD 0% 0% no-repeat padding-box !important;
  padding: 5px !important;
}

.table_head_bloque>tbody>tr>td {
  border: transparent !important;
  background: transparent !important;
  padding: 5px !important;
}

.table_head_bloque>tbody:before {
  content:"@";
  display:block;
  line-height:30px;
  text-indent:-99999px;
}

.div-element-center{
  display: flex !important;
  justify-content: center !important;
}

.icon-vertical-middle{
  vertical-align: middle !important;
}

.download_icon {
  background-image: url(/static/img/cierre_acta/download.png);
  background-size: 25px 25px;
  display: inline-block !important;
  width: 25px !important;
  height: 25px !important;
  content: "";
}

.titulo-conent{
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #021A8E;
  opacity: 1;
}
.subtitulo-conent{
  font-size: 13px;
  text-align: justify;
  color: #8b91a0;
}
.scrollable-bitacora{
  overflow-y: auto;
  overflow-x: hidden;
}

.text-estadistico{
  text-align: right !important;
}

/* wizard pelotas*/
.success-circle-button {
	box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1);
	border: .5em solid #2DD69C;
	font-size: 1em;
	color: #ffffff;
	background-color: #2DD69C;
	border-radius: 50%;
	position: relative;
}
.success-circle-button:hover {
	color:#ffffff;
    background-color: #2DD69C;
	text-decoration: none;
	border-color: #32f7b2;
	
}
.success-circle-button:visited {
	color:#ffffff;
    background-color: #2DD69C;
	text-decoration: none;
	
}
.success-circle-link-greater-than {
    font-size: 1em;
}

.disabledTab {
  pointer-events: none;
}

/* wizard pelotas v2*/
.wizard {
    margin: 20px auto;
    background: #fff;
}
.wizard .nav-tabs {
    position: relative !important;
    margin: 40px auto !important;
    margin-bottom: 0 !important;
    border-bottom: none;
}
.wizard > div.wizard-inner {
    position: relative !important;
}
.connecting-line {
    height: 2px;
    border-bottom: 2px dashed  #B8B8B8;
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
.wizard li.active .connecting-line {
    border-bottom: 2px dashed  #2DD69C;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
.wizz-left {
    float: left;
}
.wizz-right {
    float: right;
}
span.round-tab {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 100px;
    background: #B8B8B8;
    border: 4px solid #fff;
    color:#fff;
    z-index: 2;
    position: relative;
    left: 0;
    text-align: center;
    font-size: 25px;
    line-height:45px !important;
    font-size: 20px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold !important;
}
.wizard li div.wizard-outline {
    border-radius: 100px;
    border: 2px solid #B8B8B8;
    width: 54px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #2DD69C;
    border: 4px solid #fff;
    color:#fff;
}
.wizard li.active div.wizard-outline {
    border-radius: 100px;
    border: 2px solid #2DD69C;
    width: 54px;
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}
span.round-tab:hover {
    cursor: not-allowed! important;
}
/*.wizard .nav-tabs > li {
    width: 25%;
}*/
.wizz-width-2{
    width: 50%;
}
.wizz-width-3{
    width: 33%;
}
.wizz-width-4{
    width: 25%;
}
.wizz-width-5{
    width: 20%;
}
.wizard .nav-tabs > li a {
    width: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}
.wizard .nav-tabs > li a:hover {
    background: transparent;
}
.wizard .tab-pane {
    position: relative;
}
.wizard h3 {
    margin-top: 0;
}
.custom-connecting-line {
    height: 2px;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    background-image: linear-gradient(to right, #AFAFAF 40%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 25px 3px;
    background-repeat: repeat-x;
    margin: auto;
}
.wizard li.active .custom-connecting-line {
    background-image: linear-gradient(to right, #2DD69C 40%, rgba(255,255,255,0) 0%);
}
.wizard li.active .left-text-under-wizard-outline{
  color: #2DD69C;
}
.wizard li.active .right-text-under-wizard-outline{
  color: #2DD69C;
}
.left-text-under-wizard-outline{
  font-family: 'Open Sans', sans-serif !important;
  position: absolute;
  bottom: -25px;
  font-size: 15px;
  font-weight: bold;
  left: -15px;
  text-transform: capitalize;
}
.right-text-under-wizard-outline{
  font-family: 'Open Sans', sans-serif !important;
  position: absolute;
  bottom: -25px;
  font-size: 15px;
  font-weight: bold;
  left: 10px;
  text-transform: capitalize;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .left-text-under-wizard-outline{
      font-family: 'Open Sans', sans-serif !important;
      position: absolute;
      bottom: -30px;
      font-size: 10px;
      font-weight: bold;
      left: 0px;
      text-transform: capitalize;
  }
  .right-text-under-wizard-outline{
      font-family: 'Open Sans', sans-serif !important;
      position: absolute;
      bottom: -30px;
      font-size: 10px;
      font-weight: bold;
      left: 10px;
      text-transform: capitalize;
  }
}

.bg-danger-choque {
  background-color: #FFEBEB !important;
}

.notification-badge {
  position: relative !important;
  color: #ffffff !important;
  background-color: #f55753 !important;
  border-radius: 50% !important;
  padding: 4px 5px !important;
}
.block-elem{
  position: absolute !important;
  top: 4px !important;
  right: 30px !important;
}
.notification-icon--fixed {
  max-height: 60px !important;
}

.redonded {
  border-radius: 20px !important;
}
.redonded-25 {
  border-radius: 25px !important;
}