@charset "UTF-8";
/* JR 2016 */
.text-warning {
  color: #ebad02;
}

.text-success {
  color: #048b47;
}

.text-danger {
  color: #BA290C;
}

.text-info {
  color: #175d96;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: rgba(0, 0, 0, 0);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #000000;
  background: #rgba 0, 0, 0, 0;
}

.nav-pills > li > a {
  border-radius: 0;
}

h1 {
  margin: 0;
  padding: 0;
}

.h1,
h1 {
  font-size: 33px;
}

a {
  color: #00b259;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  color: #009037;
  text-decoration: none;
}

textarea {
  min-width: 100%;
  max-width: 100%;
}

.navbar-default {
  background-color: inherit;
  border: 0;
}

.navbar {
  position: relative;
  min-height: inherit;
  margin-bottom: inherit;
  border: 0;
}

.nav-tabs > li > a {
  color: #444242;
}

.nav-tabs > li.active > a {
  color: #00b259;
}

.nav-tabs > li.active > a:hover {
  color: #00b259;
}

.h2-reset {
  margin: 0;
  padding: 0;
}

.bg-green {
  background-color: #00b259;
}

.bg-lightgreen {
  background-color: #e4f3e6;
  background-image: url("../img/half-circle.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-ocre {
  background-color: #f7f7f7;
}

.bg-white {
  background-color: #fff;
}

.bg-grey {
  background: #efefef;
}

.bg-buscador {
  background: #cbcbcb;
}

upper .uprer,
.upper {
  text-transform: uppercase;
}

.margentop {
  margin-top: 0em;
}

.margentop > div {
  margin-top: 2rem;
}

.margin-h3 {
  margin-bottom: 10px;
}

.grey666 {
  color: #666;
}

.destacado {
  padding: 0.2rem 0.3rem !important;
  border-radius: 4px !important;
  background-color: #00b259 !important;
  color: white !important;
}

.m1 {
  margin-top: 1em;
}

.m2 {
  margin-top: 32px !important;
}

@media (max-width: 991px) {
  .m2 {
    margin-top: 10px !important;
  }
}
.opa80 {
  opacity: 0.8;
}
.opa80 span,
.opa80 strong {
  opacity: 1;
}

.btn-fw {
  width: 100%;
}

.reset-margin {
  margin: 0;
  margin-bottom: 0 !important;
}

.reset-mr {
  margin-right: 0;
}

.mano,
.hand {
  cursor: hand;
  cursor: pointer;
}

.w100 {
  width: 100%;
}

.cursor {
  cursor: pointer;
}

@media (min-width: 768px) {
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
}
@media (min-width: 992px) {
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .mt-md-10 {
    margin-top: 10px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
  .col-md-less-right {
    padding-right: 0;
  }
  .col-md-less-left {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-left {
    text-align: left;
  }
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
}
.centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.w100 {
  width: 100%;
}

.btn-full {
  width: 100%;
}

.m40 {
  margin-top: 40px !important;
}

.m30 {
  margin-top: 30px !important;
}

.m23 {
  margin-top: 23px !important;
}

.m25 {
  margin-top: 25px !important;
}

.m20 {
  margin-top: 20px !important;
}

.m10 {
  margin-top: 10px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

/*** EXTRA GRID */
.col-md-18,
.col-md-46,
.col-md-20,
.col-md-60,
.col-md-80,
.col-md-40,
.col-md-30 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .col-md-18,
  .col-md-46,
  .col-md-20,
  .col-md-60,
  .col-md-80,
  .col-md-40,
  .col-md-30 {
    float: left;
  }
  .col-md-18 {
    width: 18%;
  }
  .col-md-30 {
    width: 30%;
  }
  .col-md-46 {
    width: 46%;
  }
  .col-md-40 {
    width: 40%;
  }
  .col-md-20 {
    width: 20%;
  }
  .col-md-60 {
    width: 60%;
  }
  .col-md-80 {
    width: 80%;
  }
}
.panel-grey {
  padding: 1rem 0.5rem;
  background-color: #444242;
  color: #f6f6f6;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: end !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.refor .checkbox-inline + .checkbox-inline {
  margin-left: 30px;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.friss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.friss div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  margin: 4px;
  padding-inline: 12px;
  border-radius: 4px;
  background-color: mediumseagreen;
  color: white;
}
.friss div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  margin-right: 8px;
  padding-inline: 6px;
  border-radius: 4px;
  background-color: rgb(52.3179916318, 156.0820083682, 98.5322175732);
  font-size: 12px;
}

.no-borde td {
  border: 0 !important;
}

.org-pri {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-inline: 16px;
  border-radius: 12px;
  background-color: white;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
  font-weight: 800;
  font-size: 16px;
}
.org-pri span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  margin-right: 12px;
  padding-inline: 8px;
  border-radius: 4px;
  background-color: #ddd;
  font-weight: 600;
  font-size: 14px;
}

.actions-icons a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #f6f6f6;
  color: #038f49;
  border-radius: 8px;
}
.actions-icons a:hover {
  background-color: #038f49;
  color: white;
}
.actions-icons a.disabled {
  background-color: #DDD;
  color: #666;
}
.actions-icons i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 1.2em;
}
.actions-icons .bg-icon-danger {
  background-color: #f6f6f6;
  color: #d9534f;
}
.actions-icons .bg-icon-danger:hover {
  background-color: #d9534f;
  color: white;
}
.actions-icons .bg-icon-success {
  background-color: #f6f6f6;
  color: #038f49;
}
.actions-icons .bg-icon-success:hover {
  background-color: #038f49;
  color: white;
}
.actions-icons .bg-icon-default {
  background-color: #f6f6f6;
  color: #444;
}
.actions-icons .bg-icon-default:hover {
  background-color: #444;
  color: white;
}
.actions-icons .bg-icon-primary {
  background-color: #f6f6f6;
  color: #038f49;
}
.actions-icons .bg-icon-primary:hover {
  background-color: #038f49;
  color: white;
}
.actions-icons .bg-icon-warning {
  background-color: #f6f6f6;
  color: #ebad02;
}
.actions-icons .bg-icon-warning:hover {
  background-color: #ebad02;
  color: white;
}
.actions-icons .bg-icon-info {
  background-color: #f6f6f6;
  color: #00549e;
}
.actions-icons .bg-icon-info:hover {
  background-color: #00549e;
  color: white;
}

.box {
  overflow: hidden;
  position: relative;
  width: 100%;
  font-size: 16px;
  background-color: #efefef;
  -webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.1);
  min-height: 180px;
}
.box .box-body {
  padding: 0px 20px 20px 20px;
  border-top: 1px solid rgba(216, 216, 216, 0.6);
}
.box .box-body.box-body--padding-bottom {
  padding-bottom: 5px;
}
.box .box-body-single {
  padding-top: 20px;
  border: 0;
}
@media (max-width: 687px) {
  .box {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .box .box-body {
    padding: 0px 15px 15px 15px;
  }
  .box .box-body-single {
    padding-top: 10px;
    border: 0;
  }
}
@media (min-width: 1200px) {
  .box .box-body {
    padding: 0px 20px 20px 20px;
  }
  .box .box-body-single {
    padding-top: 15px;
    border: 0;
  }
}
.box .box-header {
  position: relative;
  padding: 15px 20px 10px 20px;
  height: 39px;
  font-size: 16px;
}
.box .box-header h3 {
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
}
.box .box-header .box-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: inherit;
}
.box.box-radius {
  border-radius: 8px;
}
.box.box-border-default {
  border-top: 3px solid #394264;
}
.box.box-border-default .box-header {
  color: #394264;
  background-color: #eeeeee;
}
.box.box-default {
  background-color: #ffffff;
  color: #333333;
}
.box.box-default .box-header {
  color: #3D7AAD;
  background-color: #eeeeee;
}
.box.box-default .box-value-target {
  background-color: #ECECEC;
}
.box.box-border-success {
  border-top: 3px solid #00b259;
}
.box.box-border-success .box-header {
  color: #00b259;
  background-color: #eeeeee;
}
.box.box-success {
  background-color: #00b259;
}
.box.box-success .box-header {
  background-color: #00b259;
  color: white;
}
.box.box-success .box-body {
  border-top: 1px solid rgb(0, 152.5, 76.25);
  color: white;
}
.box.box-success .box-value small {
  color: white;
}
.box.box-border-info {
  border-top: 3px solid #3D7AAD;
}
.box.box-border-info .box-header {
  color: #3D7AAD;
  background-color: #eeeeee;
}
.box.box-info {
  background-color: #5B94C5;
}
.box.box-info .box-header {
  background-color: #3D7AAD;
  color: white;
}
.box.box-info .box-body {
  border-top: 1px solid rgb(54.3525641026, 108.7051282051, 154.1474358974);
  color: white;
}
.box.box-info .box-value small {
  color: white;
}
.box.box-border-warning {
  border-top: 3px solid #DE8A43;
}
.box.box-border-warning .box-header {
  color: #DE8A43;
  background-color: #eeeeee;
}
.box.box-warning {
  background-color: #F0AD4E;
}
.box.box-warning .box-header {
  background-color: #DE8A43;
  color: white;
}
.box.box-warning .box-body {
  border-top: 1px solid rgb(218.1923076923, 124.5, 45.3076923077);
  color: white;
}
.box.box-warning .box-value small {
  color: white;
}
.box.box-border-danger {
  border-top: 3px solid #d43f3a;
}
.box.box-border-danger .box-header {
  color: #d43f3a;
  background-color: #eeeeee;
}
.box.box-danger {
  background-color: #d9534f;
}
.box.box-danger .box-header {
  background-color: #d43f3a;
  color: white;
}
.box.box-danger .box-body {
  border-top: 1px solid rgb(200.69375, 48.9, 43.80625);
  color: white;
}
.box.box-danger .box-value small {
  color: white;
}
.box.box--reset-height {
  min-height: auto;
}
.box-min {
  min-height: 190px;
}
.box .panel-carets {
  display: inline-block;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
}
.box .panel-carets .panel-justified h2 {
  width: 140px;
  font-size: 55px;
  line-height: 44px;
  text-align: right;
}
.box .panel-carets h2 {
  font-size: 45px;
  margin: 0;
  font-weight: bold;
  color: #333;
}
.box .panel-carets span {
  border-left: 1px solid #444;
}
.box .panel-carets h2 {
  float: left;
}
.box .panel-carets span {
  float: left;
  margin: 3px 0 0 15px;
  padding-left: 15px;
  font-size: 22px;
  line-height: 40px;
  color: #444;
}
.box .panel-carets .fa-caret-down {
  color: #c0392b;
}
.box .panel-carets .fa-caret-up {
  color: #27ae60;
}
.box .panel-carets i {
  float: left;
  margin: 4px 0 0 10px;
  font-size: 30px;
}

.box-values .box-value {
  position: relative;
  display: block;
  text-align: center;
  font-size: 4.5em;
  font-weight: bold;
  line-height: 115px;
  color: inherit;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.box-values .box-value small {
  position: absolute;
  bottom: 0px;
  right: 0;
  font-size: 12px;
  padding: 3px 10px;
  color: #333;
  border-radius: 4px;
  text-transform: uppercase;
}
.box-values .box-value--size {
  font-size: 5em;
}
.box-values .box-value--size .box-value small {
  bottom: -2px;
}
.box-values .box-value--size-3 {
  font-size: 3em;
}
.box-values .box-single .box-value {
  margin-top: 5px;
}
.box-values .box-value-target {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: white;
  font-weight: bold;
  color: #333333;
  position: absolute;
  width: 85%;
  left: 0;
  right: 0;
  bottom: 20px;
}
.box-values .box-value-target.bg-white {
  background-color: #E7E7E7;
}

.value-box {
  overflow: hidden;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
}
.value-box dt {
  background-color: #ECECEC;
  height: 29px;
  line-height: 29px;
}
.value-box dd {
  color: white;
  height: 29px;
  line-height: 29px;
}
.value-box .value-box-success {
  background-color: #00b259;
}
.value-box .value-box-warning {
  background-color: #F0AD4E;
}
.value-box .value-box-danger {
  background-color: #d9534f;
}

.btn-box {
  background-color: #2E6594;
  color: white;
  font-size: 0.95em;
  padding: 6px 15px;
  border-radius: 5px;
}
.btn-box:hover {
  background-color: rgb(52.0463917526, 114.2757731959, 167.4536082474);
  text-decoration: none;
}

.box-budget {
  min-height: 160px;
}
.box-budget h4 {
  margin: 0;
  font-size: 0.95em;
  margin-left: 20px;
}
.box-budget .budget {
  font-weight: bold;
}
.box-budget .budget-data p {
  font-size: 1.2em;
  line-height: 22px;
  margin-bottom: 4px;
}
.box-budget .budget-data strong {
  display: block;
  font-size: 2.5em;
  margin-left: 5px;
}
.box-budget .line {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 992px) {
  .box-budget .budget {
    font-size: 3em;
  }
  .box-budget .budget-data p {
    font-size: 1.1em;
    line-height: 22px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .box-budget .budget {
    font-size: 3.5em;
  }
  .box-budget .budget-data p {
    font-size: 1.2em;
    line-height: 22px;
    margin-bottom: 4px;
  }
}

.btn-box--corner {
  position: relative;
  z-index: 1000;
  margin-right: 20px;
}

.data_table_css {
  /* Estilo de botones acordeón */
}
.data_table_css h1 {
  margin-bottom: -10px;
}
.data_table_css .panel-heading, .data_table_css h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.data_table_css .alert-danger {
  color: #a94442;
  background-color: #f2dede !important;
  border-color: #ebccd1;
}
.data_table_css .btn {
  padding: 6px 20px;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
}
.data_table_css .upload-file {
  position: relative;
  background-color: white;
  height: 150px;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
}
.data_table_css .upload-file span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.data_table_css .btn-alert, .data_table_css .btn-alert:visited {
  color: #fff;
  background-color: #BA290C;
  border-color: #ac260b;
}
.data_table_css .btn-alert:hover {
  color: #fff;
  background-color: #a2240a;
  border-color: #98220a;
}
.data_table_css .list-msg {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 10px;
  background-color: #f2f2f2;
}
.data_table_css .info {
  display: inline-block;
  background-color: #00b259;
  padding-left: 1.4em;
  padding-right: 1.4em;
  margin-top: 0px;
  color: #fff;
  border: none;
}
.data_table_css .info:hover {
  background-color: #0053a2;
  color: #fff;
}
.data_table_css .info:focus {
  background-color: #0053a2;
  color: #fff;
}
.data_table_css .table-default {
  margin-top: 15px;
}
.data_table_css .fondoOferta {
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e3e3e3));
  background: linear-gradient(to bottom, #f1f1f1 0%, #e3e3e3 100%);
  padding: 20px 20px;
  -webkit-box-shadow: 1px 1px 10px -3px rgba(32, 32, 32, 0.2);
  box-shadow: 1px 1px 10px -3px rgba(32, 32, 32, 0.2);
  border-bottom: 5px solid #bbb;
}
.data_table_css .panel-default .panel-body {
  background: white;
  border-bottom: 10px solid #e3e3e3;
}
.data_table_css .dd-scroll-100 {
  overflow-y: scroll;
  height: 100px;
  border: solid 1px #ccc;
  border-bottom: solid 5px #ccc;
  background-color: #fff;
}
.data_table_css .editOfert {
  float: right;
  font-size: 1.5rem;
  margin-bottom: 0.8em;
}
.data_table_css .bot-resaltado {
  padding: 5px 15px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #4e4e4e;
  border-radius: 4px;
}
.data_table_css #table_id_wrapper {
  margin-top: -45px;
}
.data_table_css #table_id_length {
  display: none;
}
.data_table_css #table_id_filter {
  text-align: right;
  padding: 0;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 15px;
}
.data_table_css #table_id_filter label {
  color: #625d5d;
  font-size: 14px;
}
.data_table_css #table_id_filter input {
  color: #625d5d;
  padding: 6px 10px;
  margin-left: 22px;
  border: 1px solid lightgray;
  border-radius: 4px;
  -webkit-box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.data_table_css #table_id_paginate {
  font-size: 15px;
  color: #337ab7;
  text-align: right;
  margin-top: -18px;
}
.data_table_css #table_id_paginate .paginate_button {
  padding: 5px 12px;
  background-color: white;
  border-top: solid 1px lightgrey;
  border-bottom: solid 1px lightgrey;
  border-left: solid 1px lightgrey;
  -webkit-box-shadow: 0px 5px 35px -10px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 5px 35px -10px rgba(0, 0, 0, 0.3);
}
.data_table_css #table_id_paginate .previous {
  border-radius: 4px 0 0 4px;
}
.data_table_css #table_id_paginate .next {
  border-right: solid 1px lightgrey;
  border-radius: 0 4px 4px 0;
}
.data_table_css a.paginate_button.current {
  font-weight: 700;
  text-decoration: underline;
}
.data_table_css .dataTables_info {
  margin: -8px 0 8px 0;
}

/* Fital data_table_css */
.message {
  border-bottom: 2px solid #eaeaea;
  padding: 20px 10px 0px 10px;
}
.message:first-child {
  padding-top: 0;
}
.message header {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.js-excel-download {
  color: #fff;
  background-color: #02723B;
  border-color: #02592e;
  text-transform: uppercase;
  font-size: 12px;
}
.js-excel-download:hover {
  color: #fff;
  background-color: #02592e;
  border-color: #014a26;
}

.btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle) {
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}

#foComment {
  padding-top: 25px;
}

.btn {
  white-space: normal !important;
  text-transform: normal !important;
}

.form-wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f1f1), color-stop(74%, #e3e3e3), to(#d5d5d5));
  background: linear-gradient(to bottom, #f2f1f1 0%, #e3e3e3 74%, #d5d5d5 100%);
  padding: 20px;
  border-bottom: 5px solid #bbb;
  -webkit-box-shadow: 0px 20px 30px -30px #000;
  box-shadow: 0px 20px 30px -30px #000;
  min-height: 130px;
  border-radius: 3px;
}
.form-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.form-grupo .agrupacion-campos {
  padding: 1em 2em;
  background-color: transparent;
}
.form-grupo .agrupacion-campos:nth-child(2n+1) {
  background-color: transparent;
}
.form-grupo h4.fieldset {
  border-bottom: 1px solid white;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
.form-grupo legend {
  font-size: 0.95em;
  font-weight: bold;
}
.form-grupo label {
  font-size: 0.9em;
}
.form-grupo .nav > li > a {
  font-size: 0.9em;
}

.form-horizontal .container .form-group {
  margin: 0 0 20px 0;
}
.form-horizontal .container .form-group:last-child {
  margin-bottom: 0;
}
.form-horizontal .container .form-group label input {
  margin-right: 3px;
}
.form-horizontal .container .form-group #divHorasPresenciales,
.form-horizontal .container .form-group #divHorasTeleformacion {
  text-align: right;
}
.form-horizontal .container .form-group #divHorasPresenciales input,
.form-horizontal .container .form-group #divHorasTeleformacion input {
  max-width: 63px;
  float: right;
  margin-left: 12px;
}
.form-horizontal .container .form-group .horas-totales {
  color: #00b259;
}
.form-horizontal .container .form-group .encased {
  text-align: left;
}
.form-horizontal .container .form-group .encased input[type=checkbox] {
  margin-left: 0;
}
.form-horizontal .container .form-group .pointer {
  cursor: pointer;
}
.form-horizontal .more-info,
.form-horizontal .agrupacion-campos .container .more-info {
  margin: 7px 0 5px 0;
  font-size: 12px;
  line-height: 15px;
  padding: 0 12px;
}

.tag-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 95%;
  padding-right: 20px;
  min-height: 20px;
}
.tag-wrapper span {
  float: right;
}

.tag {
  position: absolute;
  left: 0;
  display: inline;
  padding: 2px 9px;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  background-color: #333;
  color: white;
  margin-left: 10px;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tag i {
  margin-right: 4px;
  font-size: 0.9em;
}
.tag.online {
  background-color: #72a829;
}
.tag.webinar {
  background-color: #2c97d9;
}
.tag.presencial {
  background-color: #C4302B;
}

td .tag {
  position: relative;
}

.tag-simple {
  font-size: 15px;
  background-color: white;
  padding: 5px 12px;
  border-radius: 5px;
  bottom: -30px;
}
.tag-simple--success {
  color: #00b259;
}
.tag-simple--warning {
  color: #C4302B;
}

.buscar-alumnos .titulo {
  font-weight: bold;
  color: #00b259;
  font-size: 1.2em;
  border-bottom: 3px solid #e7e8e8;
  padding-bottom: 8px;
  margin-top: 5px;
}
.buscar-alumnos label {
  font-size: 0.9em;
}
.buscar-alumnos .form-wrapper {
  min-height: auto;
  overflow: hidden;
  height: 70px;
  border-bottom: 5px solid #bbb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.buscar-alumnos .form-wrapper .titulo {
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.buscar-alumnos .form-wrapper.active {
  height: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 760px) {
  .buscar-alumnos .form-wrapper.active {
    height: auto;
  }
}
.buscar-alumnos .form-wrapper.active .titulo {
  border-bottom: 2px solid #e7e8e8;
}
.buscar-alumnos .form-wrapper.active .btn-lupa {
  background-image: none;
}
.buscar-alumnos .form-wrapper.active .btn-lupa i {
  opacity: 1;
}
.buscar-alumnos .btn-lupa {
  position: absolute;
  right: 0;
  top: -10px;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  background-color: #e4e4e4;
}
.buscar-alumnos .btn-lupa i {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #8d8d8d;
}
.buscar-alumnos .btn-lupa i.fa-angle-up {
  font-size: 20px;
  color: #00b259;
}
.buscar-alumnos .btn-lupa i.fa-angle-up::before {
  content: "\f00e";
}
.buscar-alumnos .btn-lupa[aria-expanded=true] i.fa-angle-up::before {
  content: "\f106";
}
.buscar-alumnos .filtro {
  margin-bottom: 12px;
}
.buscar-alumnos .filtro input {
  border-width: 2px;
}
.buscar-alumnos .box {
  padding: 6px 16px 16px;
  margin-bottom: 20px;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}
.buscar-alumnos .box h2 {
  font-size: 22px;
  font-weight: bold;
  color: #00b259;
  line-height: 27px;
  margin-bottom: 0;
}
.buscar-alumnos .box h2 strong {
  display: block;
  font-size: 0.8em;
  color: #333;
  margin-bottom: 5px;
}
.buscar-alumnos .box-rounded {
  min-height: 98px;
  padding: 5px;
  border-radius: 10px;
  text-align: center;
}
.buscar-alumnos .num-alumnos {
  color: #00b259;
  border: 2px solid #00b259;
}
.buscar-alumnos .num-alumnos span {
  font-weight: 800;
  font-size: 45px;
}
.buscar-alumnos .num-alumnos p {
  padding-top: 5px;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}
.buscar-alumnos .fecha-hora {
  background-color: #E0E4E5;
  padding: 20px;
}
.buscar-alumnos .fecha-hora span {
  display: block;
}
.buscar-alumnos .fecha-hora .titulo-fecha-hora {
  padding-top: 5px;
  font-weight: bold;
  font-size: 14px;
}
.buscar-alumnos .fecha-hora .titulo-fecha-hora:first-child {
  padding-top: 0;
}
.buscar-alumnos .fecha-hora .fecha {
  font-size: 16px;
  font-weight: bold;
  color: #00b259;
}
.buscar-alumnos .fecha-hora .hora {
  font-weight: bold;
  color: #00b259;
}
.buscar-alumnos .titulo-lista {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 10px;
  border-bottom: 2px solid #00b259;
}
.buscar-alumnos .cuadro-resultados {
  background-color: white;
  min-height: 100px;
}
.buscar-alumnos .btn-default {
  color: #333;
}
.buscar-alumnos .resultados {
  font-size: 15px;
}
.buscar-alumnos .resultados td {
  color: #00b259;
  line-height: 30px;
}

/* MODALES EN GENERAL */
.modal-confirm {
  color: #636363;
  width: 325px;
}
.modal-confirm .modal-header {
  border-bottom: none;
  position: relative;
  background: none;
}
.modal-confirm .modal-header h4 {
  text-align: center;
  margin: 30px 0 -15px;
}
.modal-confirm .form-control,
.modal-confirm .btn {
  min-height: 40px;
  border-radius: 3px;
}
.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -5px;
}
.modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
}
.modal-confirm .icon-box {
  color: #fff;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -70px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  padding: 15px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
  font-size: 40px;
  position: relative;
  top: 12px;
}
.modal-confirm .btn {
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  line-height: normal;
}
.modal-confirm .btn:hover,
.modal-confirm .btn:focus {
  outline: none;
}

.modal-confirm.modal-dialog {
  margin-top: 80px;
}

.box-ok {
  background: #00b259;
  border: 1px solid #00b259;
}

.box-ok:active,
.box-ok:focus,
.box-ok:hover {
  background-color: rgb(0, 203.5, 101.75);
  border: solid 1px rgb(0, 203.5, 101.75);
}

.box-warning {
  background: #F0AD4E;
  border: 1px solid #DE8A43;
}

.box-warning:active,
.box-warning:focus,
.box-warning:hover {
  background-color: rgb(241.9921875, 183.890625, 101.5078125);
  border: solid 1px rgb(225.8076923077, 151.5, 88.6923076923);
}

.box-error {
  background: #d9534f;
  border: 1px solid #d43f3a;
}

.box-red:active,
.box-red:focus,
.box-red:hover {
  background-color: rgb(221.5280373832, 103.4953271028, 99.9719626168);
  border: solid 1px rgb(216.56875, 83.4, 78.93125);
}

.trigger-btn {
  display: inline-block;
  margin: 100px auto;
}

/*.modal-dialog {
    margin: 20% auto 0 auto;
}*/
.modal-title {
  text-transform: uppercase;
}
.modal-title i {
  margin-right: 12px;
}

.modal-confirm .modal-content {
  background-color: #fff;
}

.modal-header {
  background-color: #00b259;
  color: #fff;
  border-radius: 6px 6px 0 0;
  padding: 20px;
}
.modal-header button.close {
  color: #fff;
  opacity: 1;
}

.modal-body {
  background-color: #fff;
  padding: 2em 2em 1em 2em;
}
.modal-body span {
  font-weight: bold;
  text-transform: uppercase;
}

#modalUPLOAD .modal-content {
  background-color: transparent;
}

#uploadModal_Content .modal-body {
  padding-bottom: 2em;
}

.modal-footer {
  background-color: #f6f6f6;
  border-radius: 0 0 6px 6px;
}

.deleteModal {
  z-index: 1000000;
}
.deleteModal .modal-dialog {
  width: 350px;
}
.deleteModal .modal-dialog .modal-header {
  background-color: #d9534f;
  border-bottom: #d43f3a;
}
.deleteModal .modal-dialog .modal-body span {
  color: #d9534f;
}

/* MODAL ACTIONS */
#modalACTIONS .modal-content {
  border-radius: 16px;
  border: 8px solid #00b259;
}
#modalACTIONS .modal-content.error {
  border-color: #d9534f;
}
#modalACTIONS .modal-content.warning {
  border-color: #F0AD4E;
}
#modalACTIONS .modal-content .modal-body {
  padding-bottom: 2em;
}
#modalACTIONS .modal-content .modal-body p {
  font-size: 20px;
}
#modalACTIONS .modal-content .modal-footer {
  padding-bottom: 30px;
}
#modalACTIONS .modal-footer {
  background: transparent;
}
#modalACTIONS .modal-footer .btn {
  font-size: 17px;
}

/* MODAL LOADING y MODAL UPLOAD */
#modalLOADING .modal-dialog, #modalUPLOAD .modal-dialog {
  width: 340px;
  margin-top: 250px;
}
#modalLOADING .modal-dialog .modal-content, #modalUPLOAD .modal-dialog .modal-content {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
#modalLOADING .modal-dialog .modal-content .modal-body, #modalUPLOAD .modal-dialog .modal-content .modal-body {
  border-radius: 16px;
  border: 8px solid #00b259;
  padding: 2em;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#modalLOADING .modal-dialog .modal-content .modal-body .fa-stack-2x, #modalUPLOAD .modal-dialog .modal-content .modal-body .fa-stack-2x {
  color: #00b259;
}
#modalLOADING .modal-dialog .modal-content .modal-body .loader-txt, #modalUPLOAD .modal-dialog .modal-content .modal-body .loader-txt {
  font-size: 20px;
  margin: 20px 0 0 0;
}

/* Loading */
#modalLOADING .nube {
  position: relative;
  text-align: center;
  margin: 10px auto 10px auto;
  z-index: 9999;
  display: block;
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
}
#modalLOADING .nube .fa-stack-1x {
  color: #fff;
  top: 9px;
  left: -3px;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* Upload */
@keyframes pulse1 {
  0% {
    color: rgba(225, 225, 225, 0.99);
  }
  50% {
    color: rgba(225, 225, 225, 0.6);
  }
  100% {
    color: rgba(225, 225, 225, 0.99);
  }
}
@-webkit-keyframes pulse1 {
  0% {
    color: rgba(225, 225, 225, 0.99);
  }
  50% {
    color: rgba(225, 225, 225, 0.6);
  }
  100% {
    color: rgba(225, 225, 225, 0.99);
  }
}
#modalUPLOAD .fa-stack .upload-top {
  color: #333;
  margin-left: -5px;
  margin-top: 5px;
}
#modalUPLOAD .fa-stack .upload-bottom {
  color: #fff;
  margin-left: -5px;
  margin-top: 5px;
}
#modalUPLOAD .fa-stack .pulsating {
  animation: pulse1 1s linear infinite;
  animation-direction: alternate;
  -webkit-animation: pulse1 1s linear infinite;
  -webkit-animation-direction: alternate;
}

table.dataTable {
  border-collapse: collapse !important;
}
table.dataTable thead tr {
  border-top: 0;
}
table.dataTable thead tr th.sorting::after,
table.dataTable thead tr th.sorting_asc::after,
table.dataTable thead tr th.sorting_desc::after {
  padding: 0;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #00b259;
}
table.dataTable tbody tr td .icons {
  margin: 0 4px;
}
table.dataTable tbody tr td:first-child {
  text-align: center;
}
table.dataTable tbody tr td.text-left {
  text-align: left;
}

#tabla_alumnos {
  margin-top: 10px !important;
}

.notas tbody tr td .form-control {
  width: 100%;
}
.notas tbody tr td:last-child input {
  text-align: center;
}

.abreviar span {
  display: block;
}
.abreviar i {
  display: none;
}

@media (max-width: 768px) {
  .table.bt tfoot th::before, table.bt tfoot td::before, table.bt tbody td::before {
    width: auto !important;
    padding-right: 1rem;
  }
  .table.bt tbody tr td {
    padding: 4px 20px !important;
    height: auto !important;
  }
  .table.bt tbody tr td h2, .table.bt tbody tr td h3, .table.bt tbody tr td h4 {
    margin: 0 !important;
  }
  .table.bt tbody tr td:first-child {
    padding-top: 20px !important;
  }
  .table.bt tbody tr td:last-child {
    padding-bottom: 20px !important;
  }
  .table.bt.table-abajo tbody tr td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .table.bt.table-abajo tbody tr td h2, .table.bt.table-abajo tbody tr td h3, .table.bt.table-abajo tbody tr td h4 {
    margin: 0 !important;
  }
  .table.bt.table-abajo tbody tr td:first-child {
    padding-top: 20px !important;
    text-align: center !important;
    font-size: 16px !important;
  }
  .table.bt.table-abajo tbody tr td:first-child::before {
    display: none !important;
  }
  .table.bt.table-abajo tbody tr td:last-child {
    padding-bottom: 20px !important;
  }
  .table.bt.table-abajo tbody tr td::before {
    text-align: center !important;
  }
  .table-xs-limpio {
    font-size: 18px !important;
  }
  .table-xs-limpio thead {
    display: none;
  }
  .table-xs-limpio tbody {
    display: block;
  }
  .table-xs-limpio tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5rem;
  }
  .table-xs-limpio tbody tr td {
    border: none !important;
    height: auto !important;
    line-height: 1 !important;
  }
  .table-xs-limpio tbody tr td:first-child {
    font-size: 1.1em !important;
    font-weight: bold !important;
    color: #00b259 !important;
  }
  .table-xs-limpio tbody tr td:first-child small {
    font-size: 0.6em !important;
    color: #333 !important;
    font-weight: normal !important;
  }
  .table-xs-limpio tbody tr td.actions-icons {
    text-align: right !important;
  }
  .table-xs-limpio tbody tr td.actions-icons a, .table-xs-limpio tbody tr td.actions-icons button {
    display: inline-block;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    padding: 8px 12px !important;
    margin-top: 4px !important;
    height: auto !important;
    background-color: #00b259;
    color: white !important;
  }
  .table-xs-limpio tbody tr td.actions-icons a::after, .table-xs-limpio tbody tr td.actions-icons button::after {
    content: attr(data-original-title);
    display: inline-block;
    white-space: nowrap;
    font-size: 14px !important;
  }
  .table-xs-limpio tbody tr td.actions-icons a i, .table-xs-limpio tbody tr td.actions-icons button i {
    display: none !important;
  }
  .table-xs-limpio tbody tr td.actions-icons a :hover, .table-xs-limpio tbody tr td.actions-icons button :hover {
    background-color: #009037 !important;
  }
  .table-xs-limpio .btn-submit {
    white-space: normal !important;
  }
  .table-xs-limpio .btn-submit {
    width: auto !important;
    font-size: 10px !important;
    padding: 4px !important;
    margin: auto 0px !important;
  }
  .modal .table tbody tr td:first-child {
    padding: 0px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333 !important;
  }
}
.card {
  background-color: #fff;
  border-radius: 2px;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.card .card-body h3 {
  font-size: 22px;
  color: #00b259;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 480px) {
  .card .card-body h3 {
    font-size: 18px;
  }
}
.card .card-body h4 {
  font-size: 18px;
  color: #00b259;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 480px) {
  .card .card-body h4 {
    font-size: 14px;
  }
}
.card .card-body p {
  margin: 0;
}

.card.inactivo {
  pointer-events: none;
  opacity: 0.55;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444242;
}

.main {
  margin-top: 19px;
}

::-moz-selection {
  background: #00b259;
  color: white;
}

::selection {
  background: #00b259;
  color: white;
}

/* Colores basico*/
.green {
  color: #00b259 !important;
}

.link {
  color: #00b259;
  cursor: pointer;
}
.link:hover {
  color: #009037;
}

.container-fluid {
  width: 100%;
}

.last-container {
  min-height: 680px;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -ms-flex-positive: 1;
}

.row-separator {
  margin-top: 20px;
}

.btn-primary {
  background: #00b259;
  color: white;
  border-color: #009037;
}

.btn-primary:focus,
.btn-primary:hover {
  background: #009037;
  border-color: rgb(0, 118.5, 45.2604166667);
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background: #009037;
  border-color: rgb(0, 118.5, 45.2604166667);
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background: #009037;
  border-color: rgb(0, 118.5, 45.2604166667);
}

.anadir {
  margin-bottom: 0.95em;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  border: 1px solid #e1e1e1;
  background-color: white;
  background-image: none;
  display: block;
  font-size: 14px;
  color: #555;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

textarea {
  padding: 10px;
  border: 1px solid #e1e1e1;
}

.form-control:focus {
  border-color: rgba(0, 178, 89, 0.6);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 178, 89, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 178, 89, 0.3);
}

.btn-verde-blanco,
.btn-verde-blanco:focus {
  width: 100%;
  padding: 9px 0;
  border: 2px solid white;
  background-color: #00b259;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
}
.btn-verde-blanco:first-child,
.btn-verde-blanco:focus:first-child {
  margin-left: 3%;
}

.btn-verde-blanco:hover {
  background-color: white;
  color: #00b259;
  text-decoration: none;
}

.btn-blanco-verde {
  padding: 10px 30px;
  background-color: white;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #00b259 !important;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  border-radius: 4px;
}

.btn-blanco-verde:hover {
  background-color: #006F3D;
  color: white !important;
  text-decoration: none;
}

.btn-fondo-gris {
  padding: 0.5em 2em;
  border: 2px solid #00b259;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
}

.btn-fondo-gris:active,
.btn-fondo-gris:focus,
.btn-fondo-gris:hover {
  border: 2px solid #00b259;
  background: #CEEFD3;
  color: #00b259;
}

.table .btn-submit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px !important;
  background: transparent;
  font-size: 0.9em !important;
  font-weight: 600;
  text-align: start !important;
  line-height: 1;
  color: #00b259;
  border-radius: 4px;
  text-transform: none !important;
  white-space: normal !important;
  padding-left: 30px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 6px !important;
}
.table .btn-submit:hover, .table .btn-submit:focus, .table .btn-submit:active {
  background-color: #A9D1AF !important;
  color: #009037 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.table .btn-submit:hover .fa, .table .btn-submit:focus .fa, .table .btn-submit:active .fa {
  background-color: #009037 !important;
}
.table .btn-submit .fa {
  position: absolute;
  background-color: #00b259;
  color: white;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
  left: 6px;
}
.table .btn-submit.estado2 {
  color: #fd7709 !important;
  border: solid 1px #fd7709 !important;
}
.table .btn-submit.estado2 .fa {
  background-color: #fd7709 !important;
}
.table .btn-submit.estado2:hover, .table .btn-submit.estado2:focus, .table .btn-submit.estado2:active {
  background-color: #eed3bd !important;
  color: #fd7709 !important;
}
.table .btn-submit.estado2:hover .fa, .table .btn-submit.estado2:focus .fa, .table .btn-submit.estado2:active .fa {
  background-color: #fd7709 !important;
}
.table .btn-submit.estado3 {
  color: #e40a0a !important;
  border: solid 1px #e40a0a !important;
}
.table .btn-submit.estado3 .fa {
  background-color: #e40a0a !important;
}
.table .btn-submit.estado3:hover, .table .btn-submit.estado3:focus, .table .btn-submit.estado3:active {
  background-color: #fab8ab !important;
  color: #e40a0a !important;
}
.table .btn-submit.estado3:hover .fa, .table .btn-submit.estado3:focus .fa, .table .btn-submit.estado3:active .fa {
  background-color: #e40a0a !important;
}

.btn-submit {
  padding: 8px 15px;
  margin-top: 7px;
  margin-bottom: 5px;
  border: solid 1px #00b259;
  background: #00b259;
  font-weight: bold;
  color: white;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
}

.btn-submit:active,
.btn-submit:focus,
.btn-submit:hover {
  border: solid 1px rgb(0, 203.5, 101.75);
  background-color: rgb(0, 203.5, 101.75);
  color: white;
}

.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background: #ececec;
}

.table-striped .v1 {
  display: inline;
}
.table-striped .v2 {
  display: none;
}

.table {
  margin-top: 20px;
  border-color: #ccc;
}
.table thead > tr > th {
  padding: 1em;
  border: 1px solid #ddd;
  background: #00b259 !important;
  color: white !important;
  text-align: center;
  vertical-align: middle;
}
.table thead > tr > th i {
  margin-left: 0.3em;
}
.table thead > tr > th a {
  float: right;
}
.table thead > tr > th a i {
  margin: 0;
}
.table thead > tr > th:last-child {
  width: 10em;
  text-align: center;
}
.table tbody > tr > td {
  height: 4em;
  border: 1px solid #ddd;
  vertical-align: middle;
}
.table tbody > tr > td:last-child {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.notas tbody > tr > td:last-child {
  padding-right: 8px;
  padding-left: 8px;
  text-align: left;
}

.dataTables_wrapper thead > tr > th {
  background: transparent;
}

.tabular {
  margin-left: 2em;
}

.form-control {
  border-color: #ddd;
}

.panel {
  margin-top: 1.5em;
}

.panel-default > .panel-heading {
  background: #00b259;
  font-weight: bold;
  color: white;
}

.nav-tabs {
  margin-top: 2em;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #00b259;
  z-index: 3;
  color: white;
  cursor: default;
  border-color: #00b259;
}

.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
  margin-left: -1px;
  border: 1px solid #ddd;
  background-color: white;
  position: relative;
  float: left;
  color: #00b259;
  line-height: 1.42857143;
  text-decoration: none;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: #eee;
  z-index: 2;
  color: #009037;
  border-color: #ddd;
}

.well {
  min-height: 1.2em;
  padding: 1.3em;
  margin-bottom: 1.2em;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 0.25em;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-h3 {
  width: 80%;
  padding: 0;
  padding-bottom: 0.2em;
  margin: 0;
  margin-bottom: 0.3em;
  font-size: 1.3em;
  color: #00b259;
  border-bottom: 1px solid #00b259;
}

h2.nombre {
  padding-bottom: 0.2em;
  margin-bottom: 0.3em;
  font-size: 1.8em;
  font-weight: bold;
  border-bottom: 1px solid #00b259;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
  color: #00b259;
}

.readonly-false {
  border: 1px solid #e1e1e1;
  background-color: white !important;
  background-image: none;
  color: #555;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 transparent;
          box-shadow: inset 0 0 0 transparent;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow;
  transition: border-color ease-in-out 0.15s, box-shadow;
  transition: border-color ease-in-out 0.15s, box-shadow, -webkit-box-shadow;
  cursor: text;
}

div[data-msg=true] {
  padding: 1.2em 2em;
  margin-top: 0.5em;
  margin-right: 15px;
  margin-left: 15px;
  border: 1px solid;
  border-radius: 5px;
}

label.error {
  margin: 12px 0 0 5px;
  border: 1px solid #a94442;
  background-color: #a94442;
  color: white;
}
label.error:before {
  position: absolute;
  top: -16px;
  left: 9px;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid #a94442;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.error {
  padding: 6px 12px;
  background-color: #f3e6e6;
  position: relative;
  color: #a94442;
  border-radius: 4px;
}

.btn-verleyenda {
  width: 35px;
  padding: 6px 10px !important;
  margin: 23px 10px;
  display: none !important;
  position: absolute;
  right: 0;
  z-index: 100;
  font-size: 18px;
  line-height: 1;
}

.TipLeyenda {
  display: none !important;
}

.leyenda-xs {
  position: relative;
}
.leyenda-xs:hover .TipLeyenda {
  display: block !important;
}

.tab-content .leyenda {
  display: block !important;
}

#msgEmployees {
  list-style: none;
}

.tabla-financial-goals {
  width: 100%;
}
.tabla-financial-goals th,
.tabla-financial-goals td {
  padding: 5px;
}
.tabla-financial-goals th:nth-child(2), .tabla-financial-goals th:nth-child(3), .tabla-financial-goals th:nth-child(4), .tabla-financial-goals th:nth-child(5), .tabla-financial-goals th:nth-child(6) {
  border: 1px solid whitefff;
  background-color: #00b259;
  color: white;
}
.tabla-financial-goals .special-row td input {
  border: none;
  background-color: #ded;
  border-bottom: 1px solid #ddd;
}

/*Objetivos*/
.peso_sba {
  padding: 5px 10px;
  margin-top: 7px;
  margin-left: 5px;
  margin-left: 0px;
  background-color: rgb(0, 116.8, 58.4);
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: white;
  border-radius: 4px;
}
.peso_sba p {
  margin-bottom: 0;
}

.total-liquidar h4 {
  margin-top: 0;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
.total-liquidar .peso {
  padding: 5px 10px;
  margin-left: 5px;
  background-color: rgb(0, 116.8, 58.4);
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: white;
  border-radius: 4px;
}
.total-liquidar .peso p {
  margin-bottom: 0;
}

.total-pie h4 {
  display: inline-block;
}
.total-pie .peso {
  padding: 5px 10px;
  margin-left: 5px;
  background-color: rgb(0, 116.8, 58.4);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: white;
  border-radius: 4px;
}
.total-pie .peso p {
  margin-bottom: 0;
}

.objetivos {
  margin-top: 45px;
  margin-bottom: 45px;
}
.objetivos .objetivo-borde {
  padding: 10px;
  background-color: #eee;
  border-radius: 8px;
}
.objetivos .objetivo-borde .objetivo-new,
.objetivos .objetivo-borde .objetivo-track {
  background-color: white;
  border-radius: 4px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head,
.objetivos .objetivo-borde .objetivo-track .objetivo-head {
  min-height: 60px;
  padding: 15px 20px;
  margin-bottom: 0;
  background-color: #009037;
  color: white;
  border-radius: 0;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head.active,
.objetivos .objetivo-borde .objetivo-track .objetivo-head.active {
  background-color: #00b259;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head.first,
.objetivos .objetivo-borde .objetivo-track .objetivo-head.first {
  border-radius: 4px 4px 0 0;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head h2,
.objetivos .objetivo-borde .objetivo-track .objetivo-head h2 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head h3,
.objetivos .objetivo-borde .objetivo-track .objetivo-head h3 {
  margin-top: 8px;
  margin-bottom: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: darkorange;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head h3 strong,
.objetivos .objetivo-borde .objetivo-track .objetivo-head h3 strong {
  font-weight: 800;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head h4,
.objetivos .objetivo-borde .objetivo-new .objetivo-head label,
.objetivos .objetivo-borde .objetivo-track .objetivo-head h4,
.objetivos .objetivo-borde .objetivo-track .objetivo-head label {
  margin-top: 11px;
  margin-bottom: 0;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head h4,
.objetivos .objetivo-borde .objetivo-track .objetivo-head h4 {
  margin-right: 10px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head label,
.objetivos .objetivo-borde .objetivo-track .objetivo-head label {
  margin-top: 8px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-head .form-control,
.objetivos .objetivo-borde .objetivo-track .objetivo-head .form-control {
  height: 30px;
  padding: 0 5px;
  border: 0;
  background-color: #A9D1AF;
  font-weight: 600;
  color: white;
  border-radius: 0;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body,
.objetivos .objetivo-borde .objetivo-track .objetivo-body {
  padding: 20px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body h4,
.objetivos .objetivo-borde .objetivo-new .objetivo-body label,
.objetivos .objetivo-borde .objetivo-track .objetivo-body h4,
.objetivos .objetivo-borde .objetivo-track .objetivo-body label {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  text-transform: uppercase;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body h4 .glyphicon,
.objetivos .objetivo-borde .objetivo-new .objetivo-body label .glyphicon,
.objetivos .objetivo-borde .objetivo-track .objetivo-body h4 .glyphicon,
.objetivos .objetivo-borde .objetivo-track .objetivo-body label .glyphicon {
  margin-left: 5px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body p,
.objetivos .objetivo-borde .objetivo-track .objetivo-body p {
  font-size: 14px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso {
  padding: 10px 15px;
  margin-bottom: 0;
  display: inline-block;
  color: white;
  text-align: left;
  border-radius: 4px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso.excelente,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso.excelente {
  background-color: #00A65A;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso.alto,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso.alto {
  background-color: forestgreen;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso.medio,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso.medio {
  background-color: #F39C12;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso.bajo,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso.bajo {
  background-color: #DD4B39;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso h4,
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso p,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso h4,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso p {
  margin-bottom: 0;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .peso p,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .peso p {
  font-size: 28px;
  font-weight: 800;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .chart,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .chart {
  margin-top: 15px;
}
.objetivos .objetivo-borde .objetivo-new .objetivo-body .chart .chart-data,
.objetivos .objetivo-borde .objetivo-track .objetivo-body .chart .chart-data {
  font-weight: 800;
}
.objetivos a,
.objetivos button {
  font-size: 12px;
}
.objetivos a .fa,
.objetivos button .fa {
  margin-right: 5px;
  margin-left: 0;
}
.objetivos .objetivo-ficha-plus {
  height: 254px;
  border: 1px solid #eee;
  position: relative;
  border-radius: 8px;
}
.objetivos .objetivo-ficha-plus:hover {
  border: 1px solid rgb(142.4181818182, 194.7818181818, 150.2727272727);
  background-color: #A9D1AF;
}
.objetivos .objetivo-ficha-plus:hover .grupo-i {
  color: #A9D1AF;
}
.objetivos .objetivo-ficha-plus .grupo-i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #999;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.objetivos .objetivo-ficha-plus .grupo-i i {
  font-size: 36px;
}
.objetivos .objetivo-ficha-plus .grupo-i p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.objetivos .objetivo-ficha {
  margin-bottom: 30px;
  background-color: #eee;
  border-radius: 8px;
  clear: both;
  overflow: hidden;
}
.objetivos .objetivo-ficha h4 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.objetivos .objetivo-ficha .objetivo-head {
  min-height: 60px;
  padding: 15px 20px;
  background-color: #00b259;
  color: white;
  border-radius: 8px 8px 0 0;
}
.objetivos .objetivo-ficha .objetivo-head h2 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
}
.objetivos .objetivo-ficha .objetivo-head h4 {
  margin-bottom: 0;
  display: inline-block;
}
.objetivos .objetivo-ficha .objetivo-head .peso {
  padding: 5px 10px;
  margin-left: 5px;
  background-color: rgb(0, 116.8, 58.4);
  display: inline-block;
  font-weight: 800;
  color: white;
  border-radius: 4px;
}
.objetivos .objetivo-ficha .objetivo-head .peso p {
  margin-bottom: 0;
}
.objetivos .objetivo-ficha .trimestral-objetivo-izq {
  min-height: 106px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #ffcba7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.objetivos .objetivo-ficha .trimestral-objetivo-izq * {
  font-size: 14px;
}
.objetivos .objetivo-ficha .trimestral-objetivo-der {
  min-height: 106px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #eaf3ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.objetivos .objetivo-ficha .trimestral-objetivo-der * {
  font-size: 14px;
}
.objetivos .objetivo-ficha .objetivo-body {
  padding: 20px;
}
.objetivos .objetivo-ficha .objetivo-body .grupo-h {
  margin-bottom: 15px;
}
.objetivos .objetivo-ficha .objetivo-body .grupo-h .titulo-lg {
  min-height: 34px;
}
.objetivos .objetivo-ficha .objetivo-body h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-body h3 strong {
  font-weight: 800;
}
.objetivos .objetivo-ficha .objetivo-body h4 {
  padding: 5px;
  border-bottom: 1px solid #00b259;
}
.objetivos .objetivo-ficha .objetivo-track {
  padding: 15px 20px;
  background-color: rgb(222.7, 222.7, 222.7);
  border-radius: 0 0 8px 8px;
  clear: both;
}
.objetivos .objetivo-ficha .objetivo-track h3 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 16px;
  /*font-weight: 700;*/
}
.objetivos .objetivo-ficha .objetivo-track h3 strong {
  font-weight: 800;
}
.objetivos .objetivo-ficha .objetivo-track h4 {
  color: #00753a;
}
.objetivos .objetivo-ficha .objetivo-track .porcentaje {
  margin: 3px 0 0;
  font-weight: 800;
}
.objetivos .objetivo-ficha .objetivo-track .peso {
  background-color: #ed7d31;
}
.objetivos .objetivo-ficha .objetivo-eval {
  padding: 15px 20px;
  background-color: #A9D1AF;
  border-radius: 0 0 8px 8px;
}
.objetivos .objetivo-ficha .objetivo-eval h3 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 16px;
  /*font-weight: 700;*/
}
.objetivos .objetivo-ficha .objetivo-eval h3 strong {
  font-weight: 800;
}
.objetivos .objetivo-ficha .objetivo-eval .porcentaje {
  margin: 3px 0 0;
  font-weight: 800;
}

.etiq.etiq-realizado {
  background-color: #006F3D;
}

.etiq {
  padding: 5px 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  border-radius: 3px;
}

#table-my-team .actions-icons .text-danger {
  color: #ba290c !important;
}
#table-my-team .actions-icons .text-success {
  color: #048b47 !important;
}
#table-my-team .actions-icons .tipo_accion {
  height: 32px;
  line-height: 32px;
}

#bonos-personales .js-objetivos:hover {
  background-color: #eee;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
}
#bonos-personales .js-objetivos .view-more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #ed7d31;
}
#bonos-personales .js-objetivos .objetivo-body {
  min-height: 135px;
  position: relative;
}
#bonos-personales .cabecera {
  width: 100%;
  padding: 5px;
  padding-left: 15px;
  margin: 0;
  margin-top: 1.2em;
  background-color: #00b259;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}
#bonos-personales .tabla-competencias {
  width: 100%;
}
#bonos-personales .tabla-competencias tr {
  background-color: #eaf3ea;
}
#bonos-personales .tabla-competencias tr.borde-top {
  border-top: 1px solid #333;
}
#bonos-personales .tabla-competencias tr:nth-of-type(2n + 1) {
  background-color: #dae9da;
}
#bonos-personales .tabla-competencias td.br {
  border-right: 2px solid #00b259;
}
#bonos-personales .tabla-competencias td {
  width: 50%;
  padding: 5px;
  padding-right: 15px;
  padding-left: 15px;
}
#bonos-personales .tabla-competencias td.borde-izq {
  border-left: 1px solid #333;
}
#bonos-personales .tabla-competencias strong.mr {
  width: 110px;
  display: inline-block;
}
#bonos-personales .table-resumen-idioma {
  width: 100%;
}
#bonos-personales .table-resumen-idioma th {
  padding-left: 10px;
  background-color: #89bf87;
  font-weight: normal;
  color: #252c25;
}
#bonos-personales .table-resumen-idioma th:first-child {
  width: 40%;
  padding: 2px 5px;
  padding-left: 15px;
  background-color: #00b259;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  border-right: 2px solid #dae9da;
}
#bonos-personales .table-resumen-idioma td {
  padding: 10px;
  padding-left: 15px;
  background-color: #eaf3ea;
  vertical-align: top;
}
#bonos-personales .table-resumen-idioma td:first-child {
  border-right: 2px solid #dae9da;
}
#bonos-personales .cuerpo {
  width: 100%;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 2em;
  background-color: white;
  border-radius: 0;
  border-bottom: 2px solid rgb(219.5, 219.5, 219.5);
  overflow: hidden;
}
#bonos-personales .cuerpo .fa-star {
  color: #00b259;
}
#bonos-personales .cuerpo .fa-star-o {
  color: #999;
}
#bonos-personales .cuerpo h2 {
  font-size: 20px;
}
#bonos-personales .cuerpo .table-resumen {
  width: 100%;
}
#bonos-personales .cuerpo .table-resumen thead tr:first-child {
  background: #e4e4e4;
}
#bonos-personales .cuerpo .table-resumen tbody tr:first-child {
  background: #f5f5f5;
}
#bonos-personales .cuerpo .table-resumen tbody tr:nth-child(2n) {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
}
#bonos-personales .cuerpo .table-resumen tbody tr:nth-child(2n+1) {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
}
#bonos-personales .cuerpo .table-resumen td,
#bonos-personales .cuerpo .table-resumen th {
  padding: 2px;
  padding-left: 15px;
}
#bonos-personales .cuerpo .table-resumen tbody th {
  color: #00b259;
}
#bonos-personales .cuerpo .table-resumen th + td {
  width: 30%;
  padding-right: 0.5em;
  text-align: right;
}
#bonos-personales .cuerpo .table-idioma thead tr {
  background: #e4e4e4;
}
#bonos-personales .cuerpo .table-idioma thead tr th:last-child {
  text-align: center;
}
#bonos-personales .cuerpo .table-idioma tbody tr:first-child {
  background: #f5f5f5;
}
#bonos-personales .cuerpo .table-idioma tbody tr:nth-child(2n) {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
}
#bonos-personales .cuerpo .table-idioma tbody tr:nth-child(2n+1) {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
}
#bonos-personales .cuerpo .table-idioma td,
#bonos-personales .cuerpo .table-idioma th {
  padding: 2px;
  padding-left: 15px;
}
#bonos-personales .cuerpo .table-idioma tbody th {
  color: #00b259;
}
#bonos-personales .cuerpo .table-idioma th + td {
  width: 50%;
  text-align: center;
}
#bonos-personales .cuerpo h3 {
  font-size: 1.4em;
}
#bonos-personales .cuerpo .nombre-firma {
  margin-top: 25px;
  margin-bottom: 0.1em;
  font-size: 2em;
}
#bonos-personales .js-objetivos .objetivo-track .peso {
  padding: 5px 10px;
  margin-left: 5px;
  background-color: #ed7d31;
  display: inline-block;
  font-weight: 800;
  color: white;
  border-radius: 4px;
}
#bonos-personales .js-objetivos .objetivo-track .peso p {
  margin-bottom: 0;
}
#bonos-personales .js-objetivos .objetivo-track h4 {
  margin-bottom: 0;
  display: inline-block;
  color: #00753a;
}

#tabla-personal-objetivo-equipo td {
  height: auto;
  padding: 0px 10px !important;
  border: 0px;
  vertical-align: top;
}

/* Responsive Media Queries */
@media (max-width: 1199px) {
  #msg_cursos {
    margin-top: 50px !important;
  }
  .btn-verde-blanco,
  .btn-verde-blanco:focus {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .btn-verde-blanco:first-child,
  .btn-verde-blanco:focus:first-child {
    margin: 0;
  }
  .btn-verde-blanco:last-child,
  .btn-verde-blanco:focus:last-child {
    margin-top: 4px;
  }
}
@media (max-width: 841px) {
  .evaluaciones {
    background-color: #efefef;
    /*.form-horizontal {
      padding-bottom: 20px;
      margin: 10px;
      border: 1px solid #ccc;
      background-color: white;
    }*/
  }
  .evaluaciones label .glyphicon {
    font-size: 1.4em !important;
  }
  .evaluaciones .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none;
  }
  .evaluaciones .nav-tabs > li > a {
    max-width: 100% !important;
    min-height: 45px !important;
    margin-bottom: 10px !important;
    background-color: #00b259 !important;
    font-weight: bold !important;
    color: white !important;
  }
  .evaluaciones .nav-tabs > li.active > a,
  .evaluaciones .nav-tabs > li.active > a:focus,
  .evaluaciones .nav-tabs > li.active > a:hover {
    background-color: rgba(169, 209, 175, 0.3) !important;
    color: #00b259 !important;
    border-bottom: 1px solid #ddd !important;
  }
  .evaluaciones .tab-content .panel-body {
    padding: 0px !important;
  }
  .evaluaciones .tab-content .panel-body .row-competencias {
    width: 100%;
    padding-right: 1em;
    padding-left: 1em;
  }
  .box-btn.empleado {
    min-height: 180px !important;
  }
  .box-btn.empleado .box-btn-titulo {
    top: 28% !important;
  }
  .box-btn.empleado p {
    width: 70% !important;
  }
  .box-icon-btn {
    width: 60px !important;
    height: 60px !important;
    right: 20px !important;
  }
}
@media (max-width: 681px) {
  .evaluaciones .slider-row {
    width: 80% !important;
  }
  .evaluaciones .wrap-name .btn {
    font-size: 12px !important;
  }
  .evaluaciones .caja.leyenda {
    display: none !important;
  }
  .evaluaciones .TipLeyenda {
    position: absolute;
    top: -75px;
    right: 65px;
    z-index: 200;
    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.75);
  }
  .evaluaciones .TipLeyenda::before {
    position: absolute;
    top: 99px;
    right: -23px;
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #efefef;
    border-right: 12px solid transparent;
  }
  .evaluaciones .btn-verleyenda {
    display: block !important;
  }
}
@media (max-width: 520px) {
  .evaluaciones .slider-row {
    width: 70% !important;
  }
  .evaluaciones .wrap-name .btn {
    font-size: 10px !important;
  }
  .table-striped .v1 {
    display: none;
  }
  .table-striped .v2 {
    display: inline;
  }
  .table-striped th {
    padding: 0.5em !important;
  }
  #resumenFinal .btn {
    padding: 10px !important;
    font-size: 10px !important;
  }
  .btn-home {
    height: 200px !important;
  }
  table {
    display: block;
    overflow-x: auto;
  }
}
.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

/* -- JR --*/
.header {
  background: white;
}
.header .logo {
  height: 20px;
}
.header .flexy {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .flexy .navbar.navbar-default {
  margin: 0;
  width: 100%;
}
.header .flexy .collapse.navbar-collapse {
  padding: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.header .flexy .dropdown {
  margin-top: 0;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.header .flexy .dropdown .fa-angle-down {
  margin-left: 5px;
  display: none;
}
.header .flexy .dropdown h1 {
  margin-right: 30px;
  font-size: 20px;
  border-left: 2px #00b259 solid;
  padding-left: 2rem;
}
.header .flexy .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #444242;
  cursor: pointer;
}
.header .flexy .glyphicon-user, .header .flexy .glyphicon-question-sign, .header .flexy .glyphicon-home, .header .flexy .glyphicon-cog {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: white;
  border-radius: 100%;
  cursor: pointer;
}
.header .flexy .glyphicon-user {
  background: #00b259;
}
.header .flexy .glyphicon-user:hover {
  background-color: #009037;
}
.header .flexy .glyphicon-home {
  background: #444242;
}
.header .flexy .glyphicon-home:hover {
  background-color: #333;
}
.header .flexy .glyphicon-cog {
  background: #444242;
}
.header .flexy .glyphicon-cog:hover {
  background-color: #333;
}
.header .flexy .glyphicon-question-sign {
  background-color: transparent !important;
}
.header .flexy .glyphicon-question-sign::before {
  font-size: 24px;
  color: #444242 !important;
}
.header .flexy .glyphicon-question-sign::before:hover {
  color: #333 !important;
}
.header .navbar {
  margin-bottom: 10px;
}
.header .campos-login {
  min-width: 100%;
  padding: 2em 2em 1em;
}
.header .campos-login .glyphicon-user, .header .campos-login .glyphicon-question-sign {
  width: 48px;
  height: 48px;
  position: absolute;
  top: -24px;
  left: 50%;
  font-size: 24px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.header .campos-login .nombre {
  margin-bottom: 0;
  font-size: 20px;
}

.bg-home {
  background-image: url("../img/bg-portada2023.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wrap-logo {
  margin-top: 0px;
  margin-bottom: 0px;
  position: absolute;
  float: left;
}

.dropdown .dropdown-menu {
  right: 0;
  left: auto;
}

.subtitulo {
  margin-top: 8px;
  font-size: 1.3em;
}

.titulo {
  margin-top: 0.1em;
  font-size: 2.2em;
  font-weight: bold;
  color: #444242;
  color: #000;
  text-transform: uppercase;
}

.menu {
  height: 40px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.menu > li > a {
  font-size: 14px;
  font-weight: 600;
  color: #444242;
  padding: 10px 12px !important;
  text-transform: uppercase;
}
.menu > li > a:hover {
  color: #444242;
}
.menu > li > a:active {
  color: #00b259;
}
.menu > li.active a {
  background-color: #e4f3e6 !important;
  color: #555 !important;
}
.menu > li.active a:hover {
  color: #00b259;
}

.navbar-default {
  margin-right: -30px;
  margin-left: -30px;
}

.navbar-nav.pre-btn-logout > li > a,
.navbar-nav.pre-btn-logout > li > a:hover {
  padding: 6px 13px;
  margin-bottom: 5px;
  background: #ddd;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.navbar-nav.pre-btn-logout > li.open > a {
  color: #fff;
}

.navbar-login-session {
  margin: 15px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbar-login-session .btn-submit {
  margin: 0;
  border: 1px solid #e5e5e5;
  background: transparent;
  font-weight: 600;
  color: red;
  border-radius: 20px;
}

.nav-pills > li {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-pills > li > a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-pills > li > a .fa {
  margin-left: 5px;
}

.nav-pills > li + li {
  margin-left: 0;
}

.nav-pills > li > a:hover {
  background-color: transparent;
  color: #00b259;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid #00b259;
}

.btn-salir {
  margin-left: 0.9em;
  background-color: rgb(238, 238, 238);
}

#msgAction {
  padding: 1em;
  margin-top: 1.5em;
  border-radius: 8px;
}
#msgAction i {
  margin-top: 3px;
  float: left;
}
#msgAction p {
  padding-left: 2em;
}
#msgAction.bg-danger {
  border-bottom: 1px solid #f3b9b8;
}
#msgAction.bg-success {
  border-bottom: 1px solid #c1d5b9;
}

.doblerow {
  margin-right: -30px;
  margin-left: -30px;
}

.titulo-pagina h2 {
  margin: 9px 0 0 0;
  font-size: 22px;
  font-weight: bold;
  color: #444242;
}
.titulo-pagina h3 {
  margin: 8px 0 0 0;
  font-size: 17px;
}
.titulo-pagina dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.titulo-pagina dl dt {
  padding-left: 10px;
  margin: 3px 0 0 10px;
  font-size: 14px;
  font-weight: normal;
  border-left: 2px solid #fff;
}
.titulo-pagina dl dt:first-child {
  padding: 0;
  margin-left: 0;
  border: 0;
}
.titulo-pagina dl dd {
  margin: 0 0 0 6px;
  font-size: 17px;
}
.titulo-pagina dl dd i {
  margin-right: 4px;
}
.titulo-pagina .btn-multiple .btn-verde-blanco,
.titulo-pagina .btn-multiple .btn-verde-blanco:focus {
  width: 48.5%;
  margin-top: 26px;
}

/* Responsive Media Queries */
@media (max-width: 991px) {
  .blobal-data-subtitle {
    margin-top: 30px;
  }
  .blobal-data-title {
    text-align: left;
  }
  .global-anterior {
    margin-left: 0;
  }
  .dashbox-row-col .row {
    width: 100%;
  }
  .dashbox-row-col .row .title-group {
    width: 100%;
  }
  .form-control {
    margin: 10px 0;
  }
}
@media (max-width: 991px) {
  .header .navbar {
    margin: 10px;
  }
  .header .navbar .navbar-toggle {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .wrap-logo {
    position: relative;
  }
  .header .navbar {
    margin: 10px;
  }
  .last-container {
    padding-bottom: 0 !important;
  }
  .last-container .container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .subtitulo {
    font-size: 2vw;
  }
  .titulo {
    font-size: 4vw;
  }
  .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /*.navbar-collapse {
    min-height: 300px;
  }*/
}
@media (max-width: 520px) {
  .container-fluid.nopadding, .container.nopadding {
    padding: 0 !important;
  }
  .header .container {
    padding: 0px !important;
  }
  .navbar {
    margin: 0 !important;
    padding: 0 !important;
  }
  .navbar .navbar-collapse {
    overflow: visible !important;
    padding: 0 !important;
  }
  .titulo-pagina {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    width: 100vw !important;
  }
  .titulo-pagina .centrado {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu {
    height: auto;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
    padding: 10px !important;
  }
  .menu li {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .menu li.active a, .menu li.active a:focus, .menu li.active a:hover {
    border-top: none;
    color: #00b259;
    padding: 8px 30px;
  }
  .menu li:first-child a {
    padding: 8px 30px;
  }
  .menu li a {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 30px;
  }
  .logo {
    height: 10px !important;
    padding: 0 1rem !important;
  }
  h1 {
    font-size: 12px !important;
    padding-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .dropdown {
    margin-left: 0px !important;
  }
  .dropdown-menu {
    position: absolute !important;
    background-color: #fff !important;
    top: 70% !important;
  }
  .dropdown-menu .nombre {
    font-size: 16px !important;
  }
}
.titulo-pagina {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.titulo-pagina h1 {
  color: #00b259 !important;
  font-size: 2.6em !important;
  line-height: 1.2 !important;
  padding-right: 0 !important;
  font-weight: bold;
}
.titulo-pagina a {
  color: #fff;
}
.titulo-pagina .dias {
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
}

@media (max-width: 520px) {
  .titulo-pagina h1 {
    font-size: 1.6em !important;
  }
  .titulo-pagina h1.v2 {
    font-size: 1.2em !important;
  }
  .titulo-pagina .dias {
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .titulo-pagina.twocol h1,
  .titulo-pagina.twocol .dias {
    line-height: inherit;
    line-height: inherit;
  }
}
.bg-rueda {
  background-image: url("../img/half-circle.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-rueda-completa {
  background-image: url("../img/rueda.png");
  background-position: 100px -100px;
  background-repeat: no-repeat;
}

@media (max-width: 1199px) {
  .titulo-pagina h1,
  .titulo-pagina .dias {
    margin-top: 5px;
  }
}
.bg-buscador {
  background: #c0e9d0;
  color: #333;
  padding-bottom: 1em;
}

/*.footer {
  height: 15vh;
  padding-top: 2.5em;
  background-color: $newGrey;
  border-top: 4px solid $green;

  a {
    color: $grey;
    &:hover {
      color: $green;
    }
  }
}*/
.footer {
  height: 40px;
  padding-top: 0.6em;
  background-color: #f6f6f6;
  border-top: 2px solid #e1e1e1;
}
.footer a {
  color: #444242;
}
.footer a:hover {
  color: #00b259;
}
.footer .copy {
  color: #333 !important;
  margin-top: 0 !important;
}

@media (max-width: 681px) {
  .footer {
    font-size: 0.85em;
  }
}
.h100-200 {
  min-height: calc(100vh - 200px);
}

.h100-120 {
  min-height: calc(100vh - 120px);
}

.h100-80 {
  min-height: calc(100vh - 80px);
}

.bg-login {
  background-color: #eee;
}

.bg-auth-circle-shape {
  position: absolute;
  right: -16.75rem;
  top: -8.125rem;
  display: block;
  width: 250px;
  height: 260px;
  background-image: url("/assets/img/bg-shape.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-auth-circle-shape-2 {
  position: absolute;
  left: -11.25rem;
  bottom: -8.4375rem;
  display: block;
  width: 150px;
  height: 180px;
  background-image: url("/assets/img/shape-1.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.login-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login {
  position: relative;
  width: 520px;
}
.login .row {
  position: relative;
  background-color: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  z-index: 2;
}

input.dni, input.pass {
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 35px;
}

input.dni {
  background-image: url("../img/id.png");
}

input.pass {
  background-image: url("../img/lock.png");
}

.panelLogin {
  position: relative;
  border: 0;
  color: #333;
  text-align: center;
  padding: 2em;
}
.panelLogin img {
  padding: 0 10em;
}

.tituloLogin {
  color: #333 !important;
}

.copy {
  text-align: center;
  color: rgba(51, 51, 51, 0.7);
  margin-top: 2rem;
}

.ayuda {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 10px;
  right: 12px;
}
.ayuda span {
  display: none;
  padding-right: 4px;
}
.ayuda i {
  font-size: 2.2rem;
}

@media (max-width: 768px) {
  .login {
    width: 90% !important;
    margin-top: 20% !important;
    margin-bottom: 0 !important;
  }
  .login .row {
    width: 100%;
    margin: 0 !important;
  }
  .login .panel {
    margin-top: 0 !important;
  }
  .login .panelLogin {
    height: 100%;
  }
  .login .panelLogin img {
    padding: 0;
  }
  .login .bg-auth-circle-shape, .login .bg-auth-circle-shape-2 {
    display: none !important;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .last-container {
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 992px) {
  .last-container {
    width: 100%;
  }
}
.box-row {
  display: table;
  width: 100%;
}

.box-ani {
  opacity: 0;
}

.box-container {
  position: relative;
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
  border-radius: 8px;
  min-height: 370px;
  min-height: 40vh;
  background-color: #00b259;
  background-size: cover;
  padding: 0;
  margin-top: 3.5em;
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.box-container.onerow {
  min-height: 45vh;
}

a.box-ani {
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
a.box-ani:hover {
  -webkit-transform: scale(1.02) !important;
          transform: scale(1.02) !important;
}

.box-btn {
  min-width: 100%;
  padding: 2.5em;
  background: #333;
  font-size: 1.2em;
  color: #fff;
  border-radius: 8px;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}
.box-btn:hover {
  color: #fff;
}
.box-btn:active {
  color: #fff;
}
.box-btn:focus {
  color: #fff;
}

.box-btn {
  display: block;
}
.box-btn p.centrado {
  display: none;
}

span.box-btn-titulo {
  width: 100%;
  text-align: center;
}
span.box-btn-titulo i {
  margin-left: 15px;
}

.box-btn.empleado {
  min-height: 120px;
  font-weight: bold;
  font-size: 1.4em;
}
.box-btn.empleado .centrado {
  left: 5%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  text-align: left;
}
.box-btn.empleado p.centrado {
  display: block;
  font-size: 16px;
  font-weight: normal;
  width: 75%;
  top: 60%;
  line-height: 14px;
}
.box-btn.empleado span.box-btn-titulo {
  top: 30%;
  display: block;
}
.box-btn.empleado span.box-btn-titulo i {
  display: none;
}
.box-btn.empleado .box-icon-btn {
  display: block;
  background: #fff;
  color: #333;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2em;
  padding: 0em;
}
.box-btn.empleado .box-icon-btn i {
  font-size: 30px;
}
.box-btn.empleado .box-icon-btn.centrado {
  left: auto;
  right: 50px;
}

.box-wrapper {
  display: table-cell;
  width: 30%;
  vertical-align: top;
}

.empleado .box-wrapper:first-child {
  width: 70%;
}

.box-wrapper:not(:last-child) {
  padding-right: 15px;
}

.box-wrapper:not(:first-child) {
  padding-left: 15px;
}

@media (min-width: 320px) {
  .box-wrapper {
    display: table-row;
  }
}
@media (min-width: 720px) {
  .box-wrapper {
    display: table-cell;
  }
}
@media (min-width: 992px) {
  .box-wrapper {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .box-wrapper {
    display: table-cell;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .box-container {
    width: 100%;
  }
}
.box-img-1 {
  background: url("../img/box-bg-1.jpg") no-repeat;
  background-size: cover;
}

.box-img-2 {
  background: url("../img/box-bg-2.jpg") no-repeat;
  background-size: cover;
}

.box-img-3 {
  background: url("../img/box-bg-3.jpg") no-repeat;
  background-size: cover;
}

.box-footer {
  position: absolute;
  bottom: 0;
  background: rgba(0, 178, 89, 0.9);
  padding-left: 2.5em;
  padding-right: 2.5em;
  text-align: center;
  color: #fff;
  padding-top: 2.8em;
  padding-bottom: 2.8em;
  border-radius: 0 0 8px 8px;
  width: 100%;
}
.box-footer h3 {
  font-size: 1.5em;
}
.box-footer .box-icon {
  position: absolute;
  display: block;
  background: #00b259;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border-radius: 100%;
  color: #fff;
  display: table;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2em;
  margin-top: -70px;
  left: 0;
  right: 0;
  padding: 0.7em;
}

.agrupacion-campos {
  background: #f9f9f9;
  padding: 2em;
  margin-left: -15px;
  margin-right: -15px;
}
.agrupacion-campos .container {
  padding: 2em;
  border-radius: 5px;
}
.agrupacion-campos .container h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 0.95em;
  margin-top: 0px;
  color: #00b259;
}
.agrupacion-campos .container p {
  color: #444242;
  font-size: 1em;
  margin-top: -1.2em;
  margin-bottom: 1.5em;
  color: #555;
}

.agrupacion-campos:nth-child(2n+1) {
  background: #eeeff3;
}

.footer-submit {
  margin-top: 1em;
  margin-bottom: 2em;
}

.acciones a {
  margin: 0 0.2em;
}

.important-input {
  background: #CEEFD3;
  border-color: #68ab89;
  font-weight: bold;
}

.dashboard .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dashboard .row > div {
  margin-top: 2rem;
}
.dashboard .row > div .btn-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.dashboard .row > div .btn-default i {
  padding: 0 1rem 1rem 1rem !important;
}
.dashboard .row > div .btn-default h2, .dashboard .row > div .btn-default h3, .dashboard .row > div .btn-default h4 {
  margin-top: 0.5rem !important;
  line-height: 1 !important;
}

.dashbox-wrapper,
.dashbox-wrapper-inline {
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dashbox-wrapper h3,
.dashbox-wrapper-inline h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.dash-tabs {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
}

.dashbox-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 687px) {
  .dashbox-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.dashbox-row-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.dashbox {
  padding: 0.1em 1em 1em 1.5em;
  background-color: #fff;
  margin-bottom: 2em;
  border-radius: 8px;
  border-bottom: 1px solid #dcdcdc;
  border-top: 3px solid #00b259;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dashbox-direc-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.dashbox-header {
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 2px solid #333;
  padding-bottom: 5px;
  font-size: 18px;
  text-transform: uppercase;
}

.dashbox-wrapper-inline .dashbox,
.dashbox-wrapper-inline .dashbox-25,
.dashbox-wrapper-inline .dashbox-30,
.dashbox-wrapper-inline .dashbox-50 {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
@media (max-width: 687px) {
  .dashbox-wrapper-inline .dashbox,
  .dashbox-wrapper-inline .dashbox-25,
  .dashbox-wrapper-inline .dashbox-30,
  .dashbox-wrapper-inline .dashbox-50 {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.dashbox-wrapper-inline .dashbox-25 {
  width: 24%;
  margin-right: 0.6%;
  min-height: 170px;
}
.dashbox-wrapper-inline .dashbox-30 {
  width: 32%;
  margin-right: 0.6%;
  min-height: 170px;
}
.dashbox-wrapper-inline .dashbox-50 {
  width: 50%;
  min-height: 170px;
}
.dashbox-wrapper-inline .dashbox-50:first-child {
  margin-right: 1%;
}
.dashbox-wrapper-inline .dashbox-50:last-child {
  margin-left: 1%;
}
.dashbox-wrapper-inline .dashbox-60 {
  width: 66%;
}

.dashbox-fortalezas {
  display: table;
}
.dashbox-fortalezas .dashbox-col {
  display: table-cell;
  width: 50%;
  padding-right: 8px;
}

.dashbox-absolute {
  position: absolute;
  float: left;
}

.dashbox-border-azul {
  border-top: 3px solid #394264;
}

.dashbox-border-gris {
  border-top: 3px solid #333;
}

.dashbox-gris {
  border-top: 3px solid #333;
  background-color: #333;
  color: #fff;
  display: table;
  width: 100%;
}
.dashbox-gris .form-group {
  padding-top: 30px;
}

.border-bottom-blanco {
  border-bottom: 2px solid #fff;
}

.dashbox-cian {
  border-top: 3px solid #006C88;
  background-color: #00C0EF;
  color: #fff;
}
.dashbox-cian .dashbox-icon {
  color: rgba(0, 108, 136, 0.5);
}

.dashbox-verde {
  border-top: 3px solid #006F3D;
  background-color: #00A65A;
  color: #fff;
}
.dashbox-verde .dashbox-icon {
  color: rgba(0, 111, 61, 0.5);
}

.dashbox-amarillo {
  border-top: 3px solid #BC790A;
  background-color: #F39C12;
  color: #fff;
}
.dashbox-amarillo .dashbox-icon {
  color: rgba(188, 121, 10, 0.5);
}

.dashbox-rojo {
  border-top: 3px solid #BD3020;
  background-color: #DD4B39;
  color: #fff;
}
.dashbox-rojo .dashbox-icon {
  color: rgba(189, 48, 32, 0.5);
}

.dashbox-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 9em;
}

.dashbox-col {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: top;
}
@media (max-width: 687px) {
  .dashbox-col {
    margin: 0px !important;
  }
  .dashbox-col.dash-block {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

.dashbox-col-50 {
  width: 50%;
}
@media (max-width: 687px) {
  .dashbox-col-50 {
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 687px) {
  .bar, .worker, .poster {
    width: auto !important;
  }
}

.bar-men {
  font-size: 28px;
  padding-left: 3px;
  margin-top: 5px;
}

.bar {
  position: relative;
  width: 230px;
  height: 30px;
  overflow: hidden;
  background-color: #BBB;
}

.bar-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(2%, -50%);
          transform: translate(2%, -50%);
  font-weight: bold;
  width: 230px;
  color: #fff;
}

.bar-slider {
  position: absolute;
  background-color: #00b259;
  width: 30%;
  height: 30px;
}

.worker {
  display: table;
  text-align: right;
  line-height: 35px;
  width: 230px;
}

.worker-number {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.3em;
  width: 100%;
}

.worker-title {
  display: table-cell;
  font-weight: bold;
}

.poster {
  display: table;
  width: 252px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

.poster-title {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  background-color: #BBB;
  padding: 16px 15px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 700;
  height: 95px;
}

.poster-number {
  display: table-cell;
  width: 50%;
  background-color: #00b259;
  color: #fff;
  padding: 10px;
  padding-bottom: 0px;
  padding-right: 20px;
  padding-top: 20px;
  text-align: right;
  line-height: 30px;
  height: 100px;
}

.poster-data {
  font-size: 45px;
  font-weight: bold;
  margin-top: 6px;
}

.chart {
  position: relative;
}

.chart-center {
  margin: 0 auto;
}

.chart-legend {
  position: absolute;
  top: 30%;
  -webkit-transform: translate(-50, -50%);
          transform: translate(-50, -50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px;
}

.chart-caption {
  font-size: 10px;
  width: 90%;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.chart-title {
  position: relative;
  font-weight: bold;
  font-size: 11px;
  line-height: 11px;
  margin-top: 3px;
  display: table;
  background-color: #00b259;
  color: white;
  padding: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 200px;
}
.chart-title span {
  display: table-cell;
  vertical-align: top;
  padding-top: 5px;
}
.chart-title span:first-child {
  font-size: 30px;
  line-height: 30px;
  padding-right: 6px;
  padding-left: 6px;
  color: white;
  padding-top: 0px;
}

.chart-data {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
}
.chart-data span {
  font-size: 0.8em;
  line-height: 0.8em;
}

.full-row {
  width: 100%;
}

.chart-small .chart-data {
  font-size: 28px;
  width: 90%;
  margin: 0px auto;
  margin-top: 3px;
  text-align: center;
}
.chart-small .chart-data span {
  font-size: 0.7em;
}

.chart-arrow {
  display: table;
  width: 80%;
  margin-top: 5px;
  margin-left: 0.3em;
}
.chart-arrow .chart-legend {
  position: absolute;
  top: 20%;
  -webkit-transform: translate(-50, -50%);
          transform: translate(-50, -50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  color: #efefef;
}
.chart-arrow .chart-title {
  color: #efefef;
  vertical-align: middle;
}
.chart-arrow .chart-title.big span:first-child {
  font-size: 4em;
  padding-left: 20px;
  padding-top: 0px;
}
.chart-arrow .chart-title.big span {
  font-size: 1.2em;
  padding-left: 20px;
  padding-top: 10px;
}
.chart-arrow .chart-title span {
  display: block;
}
.chart-arrow .chart-title span:first-child {
  padding-left: 0;
}
.chart-arrow .chart-data {
  font-size: 16px;
  width: 90%;
  margin: 0px auto;
  margin-top: 3px;
  text-align: center;
}
.chart-arrow .chart-data span {
  font-size: 0.7em;
}

.chart-arrow-col {
  display: table-cell;
}

.chart-arrow-col.middle {
  vertical-align: middle;
}

.arrow-top::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 15px solid #00b259;
  top: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.arrow-left {
  position: relative;
  top: -20px;
}
.arrow-left::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 45px solid transparent;
  border-bottom: 45px solid transparent;
  border-right: 20px solid #00b259;
  top: -25px;
  left: -20px;
  margin: 0 auto;
}

.title-eva {
  font-size: 1.2em !important;
  border-bottom: 2px solid rgb(189, 198, 189);
  width: 94%;
  padding-bottom: 10px;
  margin-left: 2%;
}

.dashbox-btn-wrapper {
  width: 250px;
  border-left: 2px solid #E4E4E4;
  height: 160px;
  padding-left: 15px;
}
.dashbox-btn-wrapper .btn-submit {
  width: 100%;
  text-align: left;
}

.dashbox-btn-title {
  font-weight: bold;
  padding-top: 1.8em;
}

.dashblock-title {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
  padding-left: 10px;
}

.dash-block {
  display: table;
}
.dash-block .dashbox-col {
  display: table-cell;
}
.dash-block .dashbox-col.middle {
  vertical-align: middle;
}
.dash-block .dash-block-row {
  display: table-row;
}

.bg-arrow::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
  border-right: 30px solid #fff;
  float: left;
}

.bg-arrow-col {
  position: relative;
  display: inline-block;
  float: left;
  vertical-align: top;
  background-color: #fff;
  margin: 0;
  height: 96px;
  padding: 10px;
  padding-left: 5px;
  width: 100px;
}

.bg-arrow.competencias::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-right: 30px solid #fff;
  float: left;
}
.bg-arrow.competencias .bg-arrow-col {
  width: 180px;
  height: 120px;
  display: table;
}
.bg-arrow.competencias .bg-arrow-wrap {
  display: table-row;
}
.bg-arrow.competencias .bg-arrow-data,
.bg-arrow.competencias .bg-arrow-caption {
  display: table-cell;
  vertical-align: middle;
}
.bg-arrow.competencias .bg-arrow-data {
  font-size: 40px;
  width: 39%;
}
.bg-arrow.competencias .bg-arrow-caption {
  width: 60%;
  font-size: 13px;
  font-weight: bold;
  color: #00b259;
  line-height: 15px;
}

.bg-arrow-wrap {
  vertical-align: middle;
  border-right: 1px solid #E4E4E4;
  padding-right: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.bg-arrow-wrap.last {
  border: 0;
}

.bg-arrow-title {
  padding-left: 30px;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 2px;
}

.bg-arrow-data {
  font-size: 30px;
  font-weight: bold;
}

.bg-arrow-caption {
  font-size: 13px;
  padding-left: 5px;
  line-height: 11px;
  color: #777;
}

.data-block-container {
  position: relative;
  width: 100%;
}
.data-block-container .data-block {
  margin-left: 23px;
  width: 90%;
}

.data-block {
  position: relative;
  display: inline-block;
  width: 100%;
  border-left: 4px solid #ccc;
  background-color: #fff;
  font-size: 14px;
  padding: 10px;
  margin-top: 5px;
}
.data-block span {
  position: absolute;
  right: 4%;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}

.data-block-title {
  font-weight: bold;
  overflow: hidden;
}
.data-block-title span:first-child {
  float: left;
}
.data-block-title span:last-child {
  float: right;
}

.data-block-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  font-size: 25px;
  display: inline-block;
  margin-right: 8px;
}

.data-block-container:nth-child(1) .data-block-icon {
  color: #394264;
}
.data-block-container:nth-child(1) .data-block {
  border-left: 4px solid #394264;
}

.data-block-container:nth-child(2) .data-block-icon {
  color: rgb(75.5159235669, 87.4394904459, 132.4840764331);
}
.data-block-container:nth-child(2) .data-block {
  border-left: 4px solid rgb(75.5159235669, 87.4394904459, 132.4840764331);
}

.data-block-container:nth-child(3) .data-block-icon {
  color: rgb(84.7738853503, 98.1592356688, 148.7261146497);
}
.data-block-container:nth-child(3) .data-block {
  border-left: 4px solid rgb(84.7738853503, 98.1592356688, 148.7261146497);
}

.media-date {
  font-size: 5em;
  font-weight: bold;
}

.fortalezas-scroll {
  overflow-y: scroll;
  height: 240px;
  padding-right: 10px;
}

.opciones {
  background-color: #00b259;
  padding-left: 20px;
  border-radius: 0 3px 3px 0;
}

.opciones,
.opciones:active,
.opciones:focus {
  color: #fff;
}

.opciones,
.year {
  font-size: 1.3em;
  padding-right: 20px;
}

.opciones:hover {
  background-color: #009037;
  color: #fff;
}

.year {
  background-color: #fff;
  border-radius: 3px 0 0 3px;
  margin-right: -3px;
  padding-left: 30px;
  color: #00b259;
  width: 180px;
  white-space: nowrap !important;
}

.year i {
  padding-left: 12px;
}

.year-alone {
  border-radius: 3px;
}

.box-collapse {
  padding: 1.5em;
  margin-top: 1em;
}

.shadow {
  background-color: #fff;
}

.rounded {
  border-radius: 5px;
}

/* Estilos de GABI */
.texto1 {
  font-size: 4em;
  font-weight: bold;
  line-height: 65px;
}

.texto2 {
  font-size: 1em;
  font-weight: bold;
}

.cajatexto2 {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 5px;
}

.texto3 {
  font-size: 2.5em;
  font-weight: bold;
}

.texto4 {
  font-size: 1em;
  font-weight: bold;
  color: #00b259;
}

/* Fin estilos GABI */
.cajanegra {
  padding: 0.1em 1em 1em 1.5em;
  background-color: #333333;
  margin-bottom: 2em;
  margin-top: 1em;
  border-radius: 8px;
  border-bottom: 1px solid rgb(219.5, 219.5, 219.5);
}
.cajanegra h2 {
  color: #FFFFFF;
  border-bottom: 2px solid rgb(179, 206, 173);
  padding-bottom: 0.1em;
  font-size: 18px;
  font-weight: bold;
}
.cajanegra::before {
  display: table;
  content: " ";
}
.cajanegra::after {
  display: table;
  content: " ";
  clear: both;
}

.footer-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.footer-row .footer-col {
  display: table-cell;
}

.dash-tabs.nav-tabs > li:not(.active) > a {
  background-color: #f3f0f0;
}

#collapseOpciones h3,
#collapseFormSearch h3 {
  border-bottom: 1px solid #757575;
  padding-bottom: 6px;
}
#collapseOpciones h3 span,
#collapseFormSearch h3 span {
  color: #06e676;
  text-transform: none !important;
  text-transform: lowercase;
  font-weight: normal;
}
#collapseOpciones .form-group,
#collapseFormSearch .form-group {
  padding-top: 10px;
}

#collapseOpciones2 h3 {
  border-bottom: 1px solid #757575;
  padding-bottom: 6px;
}
#collapseOpciones2 h3 span {
  color: #06e676;
  text-transform: none !important;
  text-transform: lowercase;
  font-weight: normal;
}
#collapseOpciones2 .form-group {
  padding-top: 10px;
}

.big .arrow-left::before {
  border-top: 55px solid transparent;
  border-bottom: 55px solid transparent;
  border-right: 20px solid #00b259;
  top: -35px;
}

.tab-content {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 30px 30px 10px;
}

.planchas-grupo {
  margin-bottom: 15px;
}
.planchas-grupo .planchas .panel {
  position: relative;
  min-height: 132px;
  padding: 35px 15px 25px;
  color: #666;
  border: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.planchas-grupo .planchas .panel h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  color: #333;
}
.planchas-grupo .planchas .panel small {
  display: block;
  margin-top: 3px;
  text-transform: uppercase;
  line-height: 1.2;
}
.planchas-grupo .planchas .panel small strong {
  font-weight: 600;
  color: #00b259;
}
.planchas-grupo .planchas .panel small span {
  text-transform: none;
}
.planchas-grupo .planchas .bg-gris-arena {
  background-color: #efefef;
}
.planchas-grupo .planchas .bg-gris-arena .btn-tip {
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #00b259;
}
.planchas-grupo .planchas .bg-gris-arena .btn-tip:hover {
  color: #009037;
}
.planchas-grupo .planchas .bg-gris-arena .btn-tip i {
  font-size: 1.3em;
}
.planchas-grupo .planchas .bg-gris-arena .panel-carets {
  display: inline-block;
}
.planchas-grupo .planchas .bg-gris-arena .panel-carets h2 {
  float: left;
}
.planchas-grupo .planchas .bg-gris-arena .panel-carets span {
  float: left;
  margin: 3px 0 0 15px;
  padding-left: 15px;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  border-left: 1px solid #ccc;
}
.planchas-grupo .planchas .bg-gris-arena .panel-carets i {
  float: left;
  margin: 4px 0 0 10px;
  font-size: 30px;
  top: 0;
}

.panel-card {
  display: block;
  background: white;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.panel-card .panel-heading {
  padding: 25px 30px;
  border-top: 3px solid rgb(0, 137.2, 68.6);
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom: none;
  background-color: #efefef;
}
.panel-card .panel-heading .panel-title {
  color: #00b259;
  font-size: 19px;
  font-weight: 800;
}
.panel-card .panel-heading h4.panel-title {
  color: #444242;
  font-size: 19px;
  font-weight: 600;
}
.panel-card .panel-body {
  display: block;
  padding: 5px 30px 40px;
  background-color: #efefef;
}
.panel-card .panel-body table {
  width: 100%;
  margin-top: 25px;
}
.panel-card .panel-body table strong {
  font-weight: 800;
}
.panel-card .panel-body table thead tr {
  height: 30px;
  border-bottom-style: solid;
  border-width: 1px;
}
.panel-card .panel-body table .legend-box {
  display: block;
  width: 10px;
  height: 10px;
  float: left;
  margin: 5px;
}
.panel-card .panel-body .table-480 {
  display: none;
}

.name {
  color: #00b259;
  font-weight: bold;
}

.wrap-name {
  padding-bottom: 2em;
}

.evaluaciones h3 + p {
  margin-bottom: 1em;
}
.evaluaciones .name {
  color: #00b259;
  font-weight: bold;
  margin-bottom: 1px;
}
.evaluaciones .wrap-name {
  padding-bottom: 0.8em;
}
.evaluaciones .nav-tabs > li.active > a {
  font-weight: bold;
}
.evaluaciones .nav-tabs > li > a {
  border-color: #eee #eee #ddd;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  min-height: 65px;
  background: #f6f6f6;
  margin-right: 0.3em;
}
.evaluaciones .nav-tabs > li.active > a,
.evaluaciones .nav-tabs > li.active > a:focus,
.evaluaciones .nav-tabs > li.active > a:hover {
  color: #00b259;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.evaluaciones .ui-state-default,
.evaluaciones .ui-widget-content .ui-state-default,
.evaluaciones .ui-widget-header .ui-state-default {
  border: 1px solid #bbb;
  background: #ccc;
  font-weight: normal;
  color: #454545;
}

.row-competencias {
  padding-left: 1.5em;
}

/* Slider */
.slider-row {
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-left: 0.5em;
  display: inline-block;
  width: 90%;
}
.slider-row .ui-widget-header {
  border: 1px solid #ddd;
  background: #eee;
  color: #333;
  font-weight: bold;
}
.slider-row .ui-widget-content {
  border: 1px solid #aaa;
  background: #00b259;
  color: #333;
}

.tip {
  display: inline-block;
  position: relative;
  background: #00b259;
  float: right;
  margin-top: 2px;
}
.tip select,
.tip input {
  width: 50px;
  background: #00b259;
  color: #fff;
  border: 0;
  text-align: center;
  font-weight: bold;
}

.tip::before {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 11px;
  left: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0;
  background-color: #00b259;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #aaa;
  background: #999;
}

.tag {
  display: block;
  background-color: #00b259;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  width: 30px;
  text-align: center;
}

.bg-add {
  background-color: rgb(238, 238, 238);
  padding: 8px;
  border-radius: 5px;
}

.well-help {
  margin: 1.5em 0 0 1.5em;
  background-color: #f2f2f2;
}

.valor-medio-box {
  margin-top: 1em;
}

.valor-medio {
  display: block;
  font-size: 3em;
  font-weight: bold;
  text-align: center;
}

.caja {
  padding: 0.1em 1em 1em 1.5em;
  background-color: #efefef;
  margin-bottom: 2em;
  margin-top: 1em;
  border-radius: 8px;
  border-bottom: 1px solid rgb(219.5, 219.5, 219.5);
}
.caja h2 {
  color: rgb(0, 178, 89);
  border-bottom: 2px solid rgb(179, 206, 173);
  padding-bottom: 0.1em;
  font-size: 25px;
  font-weight: bold;
}
.caja::before {
  display: table;
  content: " ";
}
.caja::after {
  display: table;
  content: " ";
  clear: both;
}

.form-group.caja {
  margin-right: 0;
  margin-left: 0;
}

.h2-titulo {
  color: rgb(0, 178, 89);
  border-bottom: 2px solid rgb(179, 206, 173);
  padding-bottom: 0.1em;
  font-size: 25px;
  font-weight: bold;
}

.table-idiomas {
  width: 100%;
}
.table-idiomas th:first-child {
  width: 50%;
}
.table-idiomas th:last-child {
  width: 10%;
  text-align: center;
}
.table-idiomas td:last-child {
  width: 10%;
  text-align: center;
}
.table-idiomas td {
  padding-bottom: 0.5em;
}

.idioma {
  position: relative;
}
.idioma .idioma-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
}
.idioma .idioma-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
}

label.btn-default.active:hover,
label.btn-default:active,
label.btn-default:focus,
label.btn-default.active {
  background-color: #00b259;
  color: #fff;
  border-color: rgb(0, 203.5, 101.75);
}

.firmado label.btn-default.active:hover,
.firmado label.btn-default:active,
.firmado label.btn-default:focus,
.firmado label.btn-default.active {
  background-color: #333;
  color: #fff;
  font-weight: bold;
  border-color: rgb(63.75, 63.75, 63.75);
}

.firmantes p {
  margin: 0;
  margin-top: 1.2em;
  color: #00b259;
}
.firmantes h3,
.firmantes h4 {
  margin: 0;
}

label[for*=br] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
label[for*=br] .select-gemelo {
  display: inline-block;
  max-width: 100%;
}
label[for*=br] .glyphicon {
  color: #666;
  margin-left: 4px;
  font-size: 0.9em;
}
label[for*=br] .glyphicon:active, label[for*=br] .glyphicon:focus, label[for*=br] .glyphicon:hover, label[for*=br] .glyphicon:visited {
  outline: none !important;
  border: 0;
}

.label-wrapper {
  margin-top: 0.31em;
}

.nav-footer {
  margin-top: 2em;
}

.js-escucha-checkbox input[type=checkbox] {
  display: none;
}

.btn-fortaleza {
  width: 100%;
  text-align: left;
  padding-left: 1.2em;
}

.caja-h3 {
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 1.3em;
  color: #00b259;
  border-bottom: 1px solid #00b259;
  padding-bottom: 0.2em;
  width: 80%;
}

.multiselect {
  margin: 15px;
}

.tab-validation {
  display: none;
  position: absolute;
  top: -4px;
  right: 0px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.2);
}
.tab-validation .fa {
  opacity: 0.9;
}

.validadoOK .tab-validation {
  display: block;
}

.tab-error {
  background-color: red;
  border: 1px solid #ad0202;
}

.tab-ok {
  background-color: rgb(0, 178, 89);
  border: 1px solid rgb(0, 126, 63);
}

.modal-margin {
  margin: 2em 1.5em;
}

.firma {
  margin-top: 2em;
  background-color: #efefef;
  border-radius: 0;
  color: #333;
  padding: 1.5em;
}
.firma h3 {
  font-size: 1.2em !important;
  text-transform: uppercase;
}

.bg-modal-firma {
  background: #efefef;
}

.firmado {
  background-color: #00b259;
  padding: 1.5em 1em;
  margin-left: 0;
  margin-right: 0;
  border-radius: 5px;
  color: #fff;
  min-height: 76px;
  font-size: 18px !important;
}

.titulo-firmando {
  font-size: 19px;
  border-bottom: 3px solid #00b259;
  text-transform: uppercase;
}

.p-group {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
  padding-left: 16px;
  padding-bottom: 16px;
  padding-top: 8px;
}

.popover {
  color: #333;
}
.popover .popover-title {
  font-weight: bold;
}

.validadoOK *[data-validate=false] {
  background-color: #f2dede !important;
  border: 1px solid rgb(227.5869565217, 185.4130434783, 185.4130434783) !important;
  color: rgb(40.1739130435, 15.8260869565, 15.8260869565) !important;
}

.validadoOK .js-alert label {
  background-color: #f2dede !important;
  border: 1px solid rgb(227.5869565217, 185.4130434783, 185.4130434783) !important;
  color: rgb(40.1739130435, 15.8260869565, 15.8260869565) !important;
}

.btn-default.active i.fa-circle-o {
  display: none;
}

.btn-default.active i.fa-check-circle-o {
  color: #fff;
  display: inline-block;
}

.btn-default i.fa-circle-o {
  display: inline-block;
  color: #999;
}

.btn-default i.fa-check-circle-o {
  display: none;
}

.contenedor-firma {
  padding-left: 15px;
  padding-right: 15px;
}
.contenedor-firma h3 {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.contenedor-firma h4 {
  margin: 0;
  margin-top: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
}
.contenedor-firma p {
  margin: 0;
  margin-bottom: 1.5em;
}

#detalle_evaluacion_contenido.modal-content, .modal-contenido.modal-content {
  padding: 3em 5em;
  border-radius: 0;
}
#detalle_evaluacion_contenido .modal-header, .modal-contenido .modal-header {
  background: #fff;
  color: #333;
  border-radius: 0;
  border-bottom: 4px solid #00b259;
}
#detalle_evaluacion_contenido .modal-header h3, .modal-contenido .modal-header h3 {
  margin: 0;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-header h3.st, .modal-contenido .modal-header h3.st {
  font-weight: bold;
}
#detalle_evaluacion_contenido .modal-header h4, .modal-contenido .modal-header h4 {
  margin: 0;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-body, .modal-contenido .modal-body {
  padding: 0;
}
#detalle_evaluacion_contenido .modal-resumen, .modal-contenido .modal-resumen {
  width: 100%;
  margin: 0 auto;
}
#detalle_evaluacion_contenido .modal-resumen .cabecera, .modal-contenido .modal-resumen .cabecera {
  background-color: #00b259;
  width: 100%;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  margin: 0;
  margin-top: 1.2em;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .cabecera .peso, .modal-contenido .modal-resumen .cabecera .peso {
  display: inline-block;
  margin-left: 5px;
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: 800;
  background-color: rgb(0, 116.8, 58.4);
  color: white;
}
#detalle_evaluacion_contenido .modal-resumen .cabecera .peso p, .modal-contenido .modal-resumen .cabecera .peso p {
  margin-bottom: 0;
}
#detalle_evaluacion_contenido .modal-resumen .cabecera_sba, .modal-contenido .modal-resumen .cabecera_sba {
  background-color: #00753a;
  width: 100%;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  margin: 0;
  margin-top: 1.2em;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .cabecera_sba p, .modal-contenido .modal-resumen .cabecera_sba p {
  margin-bottom: 0;
}
#detalle_evaluacion_contenido .modal-resumen .pie, .modal-contenido .modal-resumen .pie {
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  margin: 0;
  margin-top: 1.2em;
  padding-left: 15px;
  color: #00753a;
}
#detalle_evaluacion_contenido .modal-resumen .pie .peso, .modal-contenido .modal-resumen .pie .peso {
  display: inline-block;
  margin-left: 5px;
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: 800;
  background-color: #ed7d31;
  color: white;
}
#detalle_evaluacion_contenido .modal-resumen .pie .peso p, .modal-contenido .modal-resumen .pie .peso p {
  margin-bottom: 0;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias, .modal-contenido .modal-resumen .tabla-competencias {
  width: 100%;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias tr, .modal-contenido .modal-resumen .tabla-competencias tr {
  background-color: #EAF3EA;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias tr:nth-of-type(2n+1), .modal-contenido .modal-resumen .tabla-competencias tr:nth-of-type(2n+1) {
  background-color: #DAE9DA;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias td.br, .modal-contenido .modal-resumen .tabla-competencias td.br {
  border-right: 2px solid #00b259;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias td, .modal-contenido .modal-resumen .tabla-competencias td {
  width: 50%;
  padding: 5px;
  padding-right: 15px;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias td.borde-izq, .modal-contenido .modal-resumen .tabla-competencias td.borde-izq {
  border-left: 1px solid #333;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-competencias strong.mr, .modal-contenido .modal-resumen .tabla-competencias strong.mr {
  width: 110px;
  display: inline-block;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales {
  width: 100%;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales tr, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales tr {
  background-color: #EAF3EA;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales tr:nth-of-type(2n+1), .modal-contenido .modal-resumen .tabla-trimestrales-mensuales tr:nth-of-type(2n+1) {
  background-color: #DAE9DA;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales td.br, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales td.br {
  border-right: 2px solid #00b259;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales td, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales td {
  padding: 5px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales .celda-naranja, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales .celda-naranja {
  background-color: #ffcba7;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales .celda-naranja h5, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales .celda-naranja h5 {
  padding: 5px;
  border-bottom: 1px solid #00b259;
  margin: 0;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales .celda-verde, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales .celda-verde {
  background-color: #EAF3EA;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales .celda-verde h5, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales .celda-verde h5 {
  padding: 5px;
  border-bottom: 1px solid #00b259;
  margin: 0;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales td.borde-izq, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales td.borde-izq {
  border-left: 1px solid #333;
}
#detalle_evaluacion_contenido .modal-resumen .tabla-trimestrales-mensuales strong.mr, .modal-contenido .modal-resumen .tabla-trimestrales-mensuales strong.mr {
  width: 110px;
  display: inline-block;
}
#detalle_evaluacion_contenido .modal-resumen .table-resumen-idioma, .modal-contenido .modal-resumen .table-resumen-idioma {
  width: 100%;
}
#detalle_evaluacion_contenido .modal-resumen .table-resumen-idioma th, .modal-contenido .modal-resumen .table-resumen-idioma th {
  color: #252C25;
  font-weight: normal;
  padding-left: 10px;
}
#detalle_evaluacion_contenido .modal-resumen .table-resumen-idioma th:first-child, .modal-contenido .modal-resumen .table-resumen-idioma th:first-child {
  width: 40%;
  padding: 2px 5px;
  text-transform: uppercase;
  font-size: 1.2em;
  border-right: 2px solid #DAE9DA;
  font-weight: bold;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .table-resumen-idioma td, .modal-contenido .modal-resumen .table-resumen-idioma td {
  padding: 10px;
  vertical-align: top;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .table-resumen-idioma td:first-child, .modal-contenido .modal-resumen .table-resumen-idioma td:first-child {
  border-right: 2px solid #DAE9DA;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo, .modal-contenido .modal-resumen .cuerpo {
  width: 100%;
  background-color: #fff;
  border-radius: 0;
  border-bottom: 2px solid rgb(219.5, 219.5, 219.5);
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 2em;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .fa-star, .modal-contenido .modal-resumen .cuerpo .fa-star {
  color: #00b259;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .fa-star-o, .modal-contenido .modal-resumen .cuerpo .fa-star-o {
  color: #999;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo h2, .modal-contenido .modal-resumen .cuerpo h2 {
  font-size: 20px;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen, .modal-contenido .modal-resumen .cuerpo .table-resumen {
  width: 100%;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen thead tr:first-child, .modal-contenido .modal-resumen .cuerpo .table-resumen thead tr:first-child {
  background: #e4e4e4;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen tbody tr:first-child, .modal-contenido .modal-resumen .cuerpo .table-resumen tbody tr:first-child {
  background: #f5f5f5;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen tbody tr:nth-child(2n), .modal-contenido .modal-resumen .cuerpo .table-resumen tbody tr:nth-child(2n) {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen tbody tr:nth-child(2n+1), .modal-contenido .modal-resumen .cuerpo .table-resumen tbody tr:nth-child(2n+1) {
  border-top: 1px solid #e4e4e4;
  background: #f5f5f5;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen td, #detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen th, .modal-contenido .modal-resumen .cuerpo .table-resumen td, .modal-contenido .modal-resumen .cuerpo .table-resumen th {
  padding: 2px;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen tbody th, .modal-contenido .modal-resumen .cuerpo .table-resumen tbody th {
  color: #00b259;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-resumen th + td, .modal-contenido .modal-resumen .cuerpo .table-resumen th + td {
  width: 30%;
  text-align: right;
  padding-right: 0.5em;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma thead tr, .modal-contenido .modal-resumen .cuerpo .table-idioma thead tr {
  background: #e4e4e4;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma thead tr th:last-child, .modal-contenido .modal-resumen .cuerpo .table-idioma thead tr th:last-child {
  text-align: center;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma tbody tr:first-child, .modal-contenido .modal-resumen .cuerpo .table-idioma tbody tr:first-child {
  background: #f5f5f5;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma tbody tr:nth-child(2n), .modal-contenido .modal-resumen .cuerpo .table-idioma tbody tr:nth-child(2n) {
  background: #f5f5f5;
  border-top: 1px solid #e4e4e4;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma tbody tr:nth-child(2n+1), .modal-contenido .modal-resumen .cuerpo .table-idioma tbody tr:nth-child(2n+1) {
  border-top: 1px solid #e4e4e4;
  background: #f5f5f5;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma td, #detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma th, .modal-contenido .modal-resumen .cuerpo .table-idioma td, .modal-contenido .modal-resumen .cuerpo .table-idioma th {
  padding: 2px;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma tbody th, .modal-contenido .modal-resumen .cuerpo .table-idioma tbody th {
  color: #00b259;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .table-idioma th + td, .modal-contenido .modal-resumen .cuerpo .table-idioma th + td {
  width: 50%;
  text-align: center;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo h3, .modal-contenido .modal-resumen .cuerpo h3 {
  font-size: 1.4em;
}
#detalle_evaluacion_contenido .modal-resumen .cuerpo .nombre-firma, .modal-contenido .modal-resumen .cuerpo .nombre-firma {
  font-size: 2em;
  margin-bottom: 0.1em;
  margin-top: 25px;
}
#detalle_evaluacion_contenido .table-movilidad, .modal-contenido .table-movilidad {
  width: 100%;
}
#detalle_evaluacion_contenido .table-movilidad th, .modal-contenido .table-movilidad th {
  padding: 2px 5px;
  text-transform: uppercase;
  font-size: 1.2em;
  background-color: #00b259;
  color: #fff;
  font-weight: 700;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .table-movilidad tr:nth-child(2) td, .modal-contenido .table-movilidad tr:nth-child(2) td {
  background-color: #AFD1AA;
  color: #252C25;
  padding: 5px 5px 5px 15px;
}
#detalle_evaluacion_contenido .table-movilidad tr:nth-child(3) td, .modal-contenido .table-movilidad tr:nth-child(3) td {
  background-color: #EAF3EA;
  color: #252C25;
  padding-top: 8px;
  padding-left: 15px;
  padding-bottom: 8px;
}
#detalle_evaluacion_contenido .table-movilidad tr:nth-child(3) td p, .modal-contenido .table-movilidad tr:nth-child(3) td p {
  margin: 0;
}
#detalle_evaluacion_contenido .col-section-6, .modal-contenido .col-section-6 {
  width: 51%;
  float: left;
  margin-left: -15px;
  padding-left: 30px;
  margin-right: 0px;
}
#detalle_evaluacion_contenido .col-section-6 .cuerpo, .modal-contenido .col-section-6 .cuerpo {
  margin-bottom: 0;
}

h3.eva {
  font-size: 1.5em;
}

.modal-contenido-plan td.col-20 {
  width: 20%;
}
.modal-contenido-plan td.col-80 {
  width: 80%;
}
.modal-contenido-plan .modal-resumen .tabla-competencias td.col-20 {
  width: 20%;
  vertical-align: top;
}
.modal-contenido-plan .modal-resumen .tabla-competencias td.col-80 {
  width: 80%;
}
.modal-contenido-plan .table-movilidad td.br {
  border-right: 2px solid #00b259;
}

@media (max-width: 681px) {
  #detalle_evaluacion_contenido.modal-content {
    padding: 1em !important;
    border-radius: 0;
  }
  .modal {
    padding: 4px !important;
  }
}
.aviso {
  background-color: #00b259;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 5px;
  padding-bottom: 3em;
}

.info {
  position: absolute;
  bottom: 15px;
  right: 24px;
  font-size: 3em;
  opacity: 0.6;
}

.box-img-4 {
  background: url("../img/box-bg-4.png") no-repeat;
  background-size: cover;
}

.box-img-5 {
  background: url("../img/box-bg-5.png") no-repeat;
  background-size: cover;
}

.box-img-6 {
  background: url("../img/box-bg-6.png") no-repeat;
  background-size: cover;
}

.max {
  min-height: 475px;
  min-height: calc(40vh + 100px);
  border: 1px solid #eee;
}
.max .box-footer {
  text-align: left;
  background-color: #00b259;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 1em;
}
.max .box-footer p {
  font-size: 1.15em;
}
.max .box-pre-footer {
  background: #333;
  color: #fff;
  padding: 0 9em 0 2em;
  margin: -2.8em -2em 0 -2em;
  line-height: 14px;
  margin-bottom: 20px;
}
.max .box-header {
  position: relative;
}
.max .box-title {
  position: absolute;
  top: 46px;
  top: 3vh;
  left: 28px;
}
.max .box-title span {
  background-color: rgba(0, 178, 89, 0.9);
  font-weight: bold;
  color: #fff;
  margin-top: 1em;
  padding: 0em 1em 0.1em 0.3em;
  font-size: 2em;
}
.max .box-title div:first-child {
  -webkit-transform: rotate(-1deg);
          transform: rotate(-1deg);
  font-size: 0.8em;
  margin-bottom: 3px;
}
.max .box-title div:first-child span {
  padding-right: 1.1em;
}
.max .box-title div:nth-child(2) {
  margin-bottom: 7px;
}
.max .box-title div:nth-child(2) span {
  padding-right: 0.5em;
}
.max .box-title div:last-child {
  -webkit-transform: rotate(1deg);
          transform: rotate(1deg);
}

.box-destacado {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 26px;
  margin-bottom: 20px;
  display: block;
}

span.separador {
  border-bottom: 1px solid #009037;
  display: block;
  width: 50%;
  margin: 5px auto;
}

.texto_superior {
  display: block;
  font-size: 1.6em;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
}

.calendario {
  position: absolute;
  top: -25px;
  right: 22px;
  padding: 10px;
  color: rgb(0, 0, 0);
  width: 80px;
  height: 80px;
}
.calendario .bisagra {
  display: block;
  position: absolute;
  top: 3px;
  width: 8px;
  height: 15px;
  background: #d8d8d8; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#a0a0a0));
  background: linear-gradient(to bottom, #d8d8d8 0%, #a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d8d8d8", endColorstr="#a0a0a0",GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #838383;
  border-left: 1px solid #B4B3B3;
  border-right: 1px solid #B4B3B3;
}
.calendario .bisagra:first-child {
  left: 30px;
}
.calendario .bisagra:nth-child(2) {
  left: 64px;
}
.calendario .papel {
  display: block;
  background-color: #fff;
  border-radius: 8px;
  width: 79px;
  height: 77px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
  text-align: center; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(90%, #e5e6e3), to(#d8d6b1));
  background: linear-gradient(to bottom, #ffffff 0%, #e5e6e3 90%, #d8d6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#d8d6b1",GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #838383;
}
.calendario .papel .dias {
  display: block;
  font-size: 2em;
  font-weight: bold;
  color: #333;
  font-size: 42px;
  margin-bottom: -12px;
}
.calendario .papel span:nth-child(2) {
  color: #00b259;
}

.box-header h3 {
  display: none;
}

.box-footer p.extra {
  display: none;
}

.box-container.empleado {
  width: 100%;
  min-height: 354px;
}
.box-container.empleado .box-icon {
  left: auto;
  right: 50px;
  margin: -65px auto 0;
}
.box-container.empleado .box-header {
  position: relative;
}
.box-container.empleado .box-header h3 {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  font-weight: bold;
  font-size: 2em;
}
.box-container.empleado .box-header h3 span {
  background-color: rgba(0, 178, 89, 0.9);
  color: #fff;
  margin-top: 1em;
  padding: 0.1em 1em 0.1em 0.3em;
}
.box-container.empleado .box-footer {
  text-align: left;
  padding-top: 2em;
  padding-bottom: 2em;
}
.box-container.empleado .box-footer h3 {
  display: none;
}
.box-container.empleado .box-footer p.extra {
  display: block;
  width: 60%;
  font-size: 1.2em;
  line-height: 18px;
}

.box-icon-btn {
  display: none;
}

.modal-body .table thead > tr > th {
  padding: 1em;
}

table.dataTable {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.bg-eval {
  background-image: url("/assets/img/bg_eval.jpg");
}

@media (max-width: 768px) {
  .d-xs-none {
    display: none;
  }
}

@media (min-width: 768px) {
  .d-sm-block {
    display: block;
  }
}

.titular {
  position: relative;
  font-weight: 700;
  line-height: 1.1;
  color: #313131;
  padding-bottom: 24px;
  margin: 0;
  margin-bottom: 20px;
}
.titular::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 32px;
  height: 6px;
  background-color: #00b259;
}

.pagination {
  margin: 0 !important;
}

.theme-wizard .card-header {
  background-color: #c3efc9;
  padding: 2rem;
}
.theme-wizard .card-header .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
}
.theme-wizard .card-body {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
  height: 460px;
}
.theme-wizard .card-body h4 {
  font-size: 22px;
  text-align: left !important;
  margin-bottom: 20px;
}
.theme-wizard .card-footer {
  background-color: #fefefe;
  border-top: 2px solid #c3efc9;
}
.theme-wizard .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: center;
  color: #666;
  display: block;
  background-color: transparent !important;
  border: none !important;
  cursor: not-allowed;
  pointer-events: none;
}
.theme-wizard .nav-link.chequeado {
  cursor: pointer;
  pointer-events: visible;
}
.theme-wizard .nav-link .nav-item-circle {
  font-size: 18px;
  color: #9d9d9d;
  background-color: white;
  border: 2px solid #00b259;
  height: 40px;
  width: 40px;
  line-height: 2;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  display: block;
  margin-bottom: 1rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-wizard .nav-link.active {
  color: #00b259;
  font-weight: bold;
}
.theme-wizard .nav-link.active .nav-item-circle {
  background-color: #00b259 !important;
  color: #fff;
  border-color: #00b259;
}
.theme-wizard .nav-link .nav-item-titulo {
  font-size: 14px;
  line-height: 14px;
}
.theme-wizard .nav-link .nav-item-circle-parent {
  display: block;
}
.theme-wizard .nav-link .nav-item-circle-parent:before {
  content: "";
  height: 2px;
  width: 101%;
  position: absolute;
  left: 51%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: #00b259;
}
@media (max-width: 687px) {
  .theme-wizard .nav-link .nav-item-circle-parent:before {
    background: transparent !important;
  }
}
.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent:after {
  content: "";
  width: 50%;
  position: absolute;
  left: -1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 2px;
  background-color: #00b259;
}
.theme-wizard .nav-item-circle-parent {
  position: relative;
  padding: 0 1rem;
}
.theme-wizard .nav-item-circle {
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
.theme-wizard .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme-wizard .nav-item:first-child .nav-item-circle-parent:before, .theme-wizard .nav-item:last-child .nav-item-circle-parent:before {
  width: 50%;
}
.theme-wizard .nav-item:first-child .nav-item-circle-parent:before {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.theme-wizard .nav-item:last-child .nav-item-circle-parent:before {
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.theme-wizard .paginado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 1rem;
}
.theme-wizard .paginado li {
  list-style: none !important;
}
.theme-wizard .paginado li button .fa-chevron-left {
  margin-right: 1rem;
}
.theme-wizard .paginado li button .fa-chevron-right {
  margin-left: 1rem;
}
@media (max-width: 687px) {
  .theme-wizard .card-header .nav-link {
    margin: 0 1rem 1rem 1rem;
  }
  .theme-wizard .card-header .nav-link .nav-item-circle {
    font-size: 14px !important;
    line-height: 20px !important;
    height: 24px !important;
    width: 24px !important;
    margin-bottom: 0 !important;
  }
  .theme-wizard .card-header .nav-link .nav-item-titulo {
    font-size: 12px;
    line-height: 12px;
  }
  .theme-wizard .card-header .nav-link.active .nav-item-circle-parent::after {
    background-color: transparent !important;
  }
  .theme-wizard .card-body {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    height: auto !important;
  }
  .theme-wizard .card-body .cuadrante {
    position: relative !important;
    width: 100% !important;
  }
  .theme-wizard .card-body .cuadrante img {
    max-height: 100px !important;
  }
  .theme-wizard .card-body .cuadrante.p40 {
    padding: 20px !important;
  }
  .theme-wizard .card-body .cuadrante h5 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  .theme-wizard .card-body .cuadrante #js-num-pregunta {
    width: 100% !important;
    font-size: 16px !important;
  }
  .theme-wizard .card-body .cuadrante #js-pregunta {
    font-size: 14px !important;
    border-top: 40px #00b259 solid !important;
    border-left: none !important;
  }
  .theme-wizard .card-body .cuadrante #js-respuestas {
    padding: 10px !important;
  }
  .theme-wizard .card-body .cuadrante #js-respuestas li .hand {
    font-size: 14px !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  .theme-wizard .card-body .cuadrante #js-respuestas li .hand .iletra {
    width: 20px !important;
    height: 20px !important;
  }
  .theme-wizard .card-footer button {
    font-size: 12px !important;
  }
}

.botones-nivel-1 .card {
  display: block !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.botones-nivel-1 .card .card-header {
  max-height: 200px;
  overflow: hidden;
}
.botones-nivel-1 .card .card-header img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.botones-nivel-1 .card .card-body {
  width: 100%;
  height: 100px !important;
  background-color: white !important;
}
.botones-nivel-1 .card .card-body h3 {
  text-align: center;
}
.botones-nivel-1 .card .card-body i {
  font-size: 28px;
  margin-left: 1rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.botones-nivel-1 .card:hover, .botones-nivel-1 .card:focus, .botones-nivel-1 .card:active {
  scale: 1.05;
}
.botones-nivel-1 .card:hover .card-body i, .botones-nivel-1 .card:focus .card-body i, .botones-nivel-1 .card:active .card-body i {
  margin-left: 2rem;
}
.botones-nivel-1 .card.realizar .card-body, .botones-nivel-1 .card.realizada .card-body, .botones-nivel-1 .card.nodisponible .card-body, .botones-nivel-1 .card.proximamente .card-body {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.botones-nivel-1 .card.realizar .card-body h4, .botones-nivel-1 .card.realizada .card-body h4, .botones-nivel-1 .card.nodisponible .card-body h4, .botones-nivel-1 .card.proximamente .card-body h4 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.botones-nivel-1 .card.realizar .card-body h4 i, .botones-nivel-1 .card.realizada .card-body h4 i, .botones-nivel-1 .card.nodisponible .card-body h4 i, .botones-nivel-1 .card.proximamente .card-body h4 i {
  font-size: 24px !important;
}
.botones-nivel-1 .card.realizar .card-body h4 {
  color: #f6a319 !important;
}
.botones-nivel-1 .card.nodisponible {
  pointer-events: none !important;
  opacity: 0.65;
}
.botones-nivel-1 .card.nodisponible .card-body h4, .botones-nivel-1 .card.nodisponible .card-body p {
  color: #e43f3f !important;
}
.botones-nivel-1 .card.proximamente {
  pointer-events: none !important;
  opacity: 0.65;
}
.botones-nivel-1 .card.proximamente .card-body h4, .botones-nivel-1 .card.proximamente .card-body p {
  color: #888 !important;
}

.botones-nivel-2 .card .card-body {
  background-color: white !important;
  height: 100px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.botones-nivel-2 .card .card-body:hover, .botones-nivel-2 .card .card-body:focus, .botones-nivel-2 .card .card-body:active {
  scale: 1.05;
}

.agrupacion-campos {
  margin-left: 0 !important;
  margin-right: 0 !important;
  /*@media (max-width: 568px) {
      padding-left: 0px !important;
      padding-right: 0px !important;
      h2 {
          padding: 0 15px !important;
      }
  }*/
}
.agrupacion-campos .container {
  width: 100% !important;
  padding: 0 !important;
}

@media (max-width: 567px) {
  .refor {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .refor .checkbox-inline + .checkbox-inline {
    margin-left: 0px !important;
  }
  .footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.table-grid {
  margin-top: 0 !important;
}
.table-grid tbody tr {
  background-color: transparent !important;
}
.table-grid tbody .titulo1, .table-grid tbody .titulovertical1 {
  padding: 6px !important;
  background: #f9fffc !important;
  color: #00b259 !important;
  font-weight: bold;
  text-align: center;
  border: 1px solid #00b259 !important;
}
.table-grid tbody .titulovertical1 {
  vertical-align: middle;
}
.table-grid tbody .titulovertical1 .vertical-text {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); /* opcional, si quieres leerlo de abajo a arriba */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.table-grid tbody .titulo2 {
  font-size: 18px;
  padding: 1em;
  border: 1px solid #00b259 !important;
  background: #edfff6 !important;
  color: #00b259 !important;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  line-height: 0.8 !important;
}
.table-grid tbody .titulo2 img {
  height: 30px !important;
  width: auto !important;
}
.table-grid tbody .titulo2 p {
  margin: 10px 0 0 0 !important;
}
.table-grid tbody .titulo2 small {
  font-weight: normal !important;
  font-size: 0.6em;
}
.table-grid tbody .titulo3 {
  color: white !important;
  padding: 0px !important;
  font-weight: bold;
  height: 180px !important;
  min-width: 200px !important;
}
.table-grid tbody .titulo3.nivel1 {
  background-color: red !important;
  color: #fff2f2 !important;
}
.table-grid tbody .titulo3.nivel2 {
  background-color: #ffc8c0 !important;
  color: red !important;
}
.table-grid tbody .titulo3.nivel3 {
  background-color: #fffba6 !important;
  color: #a7a024 !important;
}
.table-grid tbody .titulo3.nivel4 {
  background-color: #67d167 !important;
  color: #1a791a !important;
}
.table-grid tbody .titulo3.nivel5 {
  background-color: green !important;
  color: #d4fad4 !important;
}
.table-grid tbody .titulo3 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-grid tbody .titulo3 div .titulo3_texto {
  position: relative;
  width: auto;
  font-size: 18px !important;
  margin: -20px 0 0 0;
  line-height: 1.1;
  text-align: center;
}
.table-grid tbody .titulo3 div .titulo3_texto .tooltip_info {
  position: absolute;
  top: -4px;
  right: -22px;
}
.table-grid tbody .titulo3 div .titulo3_texto .tooltip_info i {
  display: block;
  background-color: #008cff;
  color: #fff;
  font-size: 10px !important;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.table-grid tbody .titulo3 div span {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: white;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin-top: 10px !important;
  border: 1px solid #ccc;
}
.table-grid tbody .titulo3 div span button, .table-grid tbody .titulo3 div span a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 10px !important;
  font-weight: bold !important;
  padding: 2px 4px !important;
  width: 45px !important;
  margin-top: 4px !important;
  margin-left: -4px !important;
  border: 1px solid green;
}
.table-grid tbody .titulo3 div span button.active.focus, .table-grid tbody .titulo3 div span button.active:focus, .table-grid tbody .titulo3 div span button.focus, .table-grid tbody .titulo3 div span button:active.focus, .table-grid tbody .titulo3 div span button:active:focus, .table-grid tbody .titulo3 div span button:focus, .table-grid tbody .titulo3 div span a.active.focus, .table-grid tbody .titulo3 div span a.active:focus, .table-grid tbody .titulo3 div span a.focus, .table-grid tbody .titulo3 div span a:active.focus, .table-grid tbody .titulo3 div span a:active:focus, .table-grid tbody .titulo3 div span a:focus {
  outline: none !important;
}
.table-grid tbody .titulo3 div span button i, .table-grid tbody .titulo3 div span a i {
  margin-right: 4px;
}
.table-grid tbody .titulo3 .tooltip_info .tooltip {
  width: 400px !important;
}
.table-grid tbody .titulo3 .tooltip_info .tooltip .tooltip-inner {
  max-width: 400px !important;
  /*background-color: white !important;
  color: #000 !important;*/
}
.table-grid tbody .titulo3 .tooltip_info .tooltip .tooltip-inner p {
  font-size: 16px !important;
}
.table-grid .vacio {
  background: transparent !important;
  border: none !important;
}

.table-datos {
  background-color: white;
}
.table-datos .btn-danger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px !important;
  background: transparent;
  font-size: 0.9em !important;
  font-weight: 600;
  text-align: start !important;
  line-height: 1;
  color: #df1717;
  border-radius: 4px;
  text-transform: none !important;
  white-space: normal !important;
  padding-left: 30px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto !important;
}
.table-datos .btn-danger .fa {
  position: absolute;
  background-color: #df1717;
  color: white;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
  left: 6px;
}
.table-datos .btn-danger:hover {
  background-color: #c99f9f;
}
.table-datos .btn-submit {
  margin: 0 auto !important;
}
.table-datos tr th {
  text-align: left;
}
.table-datos tbody > tr > td:last-child {
  text-align: center;
}

.list-success li::marker {
  color: green;
}

.list-warning li::marker {
  color: orange;
}

.list-danger li::marker {
  color: red;
}

.recuadro_supera, .recuadro_cumple, .recuadro_mejora {
  margin: 0 auto !important;
  padding: 6px 10px !important;
  border-radius: 4px !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

.recuadro_supera {
  background-color: #024d02 !important;
  color: #fff !important;
}

.recuadro_cumple {
  background-color: #76d676 !important;
  color: #333 !important;
}

.recuadro_mejora {
  background-color: #ffb45e !important;
  color: #333 !important;
}

.btn-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-success i {
  font-size: 16px !important;
}

.btn-comparativa {
  position: absolute;
  right: 10px;
  top: 10px;
}

.tab-content {
  background-color: white !important;
  padding: 30px !important;
}
@media (max-width: 767px) {
  .tab-content {
    padding: 10px !important;
  }
}

@media (max-width: 767px) {
  .d-xs-block {
    display: block !important;
  }
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.me-1 {
  margin-right: 0.5rem !important;
}

.ms-1 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 1rem !important;
}

.ms-2 {
  margin-left: 1rem !important;
}

.me-3 {
  margin-right: 2rem !important;
}

.ms-3 {
  margin-left: 2rem !important;
}

@media (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0px !important;
  }
}

@media (max-width: 767px) {
  .mt-xs-1 {
    margin-top: 1rem !important;
  }
}

@media (max-width: 767px) {
  .mt-xs-2 {
    margin-top: 2rem !important;
  }
}

.nowrap {
  white-space: nowrap !important;
}

.cuadrante {
  position: absolute;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cuadrante img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cuadrante.izq-0 {
  left: 0;
  right: auto;
}
.cuadrante.der-0 {
  right: 0;
  left: auto;
}
.cuadrante.ancho-100 {
  width: 100%;
}
.cuadrante.ancho-75 {
  width: 75%;
}
.cuadrante.ancho-70 {
  width: 70%;
}
.cuadrante.ancho-67 {
  width: 67%;
}
.cuadrante.ancho-60 {
  width: 60%;
}
.cuadrante.ancho-50 {
  width: 50%;
}
.cuadrante.ancho-40 {
  width: 40%;
}
.cuadrante.ancho-33 {
  width: 33%;
}
.cuadrante.ancho-30 {
  width: 30%;
}
.cuadrante.ancho-25 {
  width: 25%;
}
.cuadrante.bg-pregunta {
  background-color: #ecf4e9;
}
.cuadrante p + p {
  margin-top: 20px !important;
}
.cuadrante h5 {
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
}
.cuadrante .form-label {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  color: #00b259;
}
.cuadrante .form-select {
  display: block;
  font-size: 1.1em;
  padding: 0.6rem 1rem;
}
.cuadrante .table-striped > tbody > tr:nth-of-type(2n + 1) {
  background-color: #e8f5eb !important;
}

.title_pregunta_competencia {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 6px;
  padding: 1rem;
}
.title_pregunta_competencia.apertura {
  background-color: #fff2c6;
}
.title_pregunta_competencia.equipo {
  background-color: #fff2c6;
}
.title_pregunta_competencia.motivacion {
  background-color: #fff2c6;
}

#js-num-pregunta {
  position: absolute;
  color: white;
  padding: 0.8rem;
  margin: 0;
  text-align: center;
  font-size: 20px;
  width: 60px;
  height: 54px;
  font-weight: 700;
}

#js-pregunta {
  background-color: #333;
  color: white;
  padding: 1rem 1.5rem;
  font-size: 16px;
  margin: 0;
  border-left: 60px #00b259 solid;
}
#js-pregunta a:hover, #js-pregunta a:active, #js-pregunta a:focus {
  color: #ffdda5 !important;
}

#js-respuestas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 30px;
}
#js-respuestas li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  min-height: 50px;
  background: white;
  color: #333;
  border-radius: 10px;
  padding: 0;
  margin: 4px 0;
  cursor: pointer;
}
#js-respuestas li .iletra {
  color: white;
  background: #00b259;
  border-radius: 50%;
  padding: 10px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 900;
}
#js-respuestas li .hand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 16px;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#js-respuestas li .hand input {
  display: none !important;
}
#js-respuestas li .hand .RespuestaEnunciado {
  width: calc(100% - 50px);
  font-weight: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#js-respuestas li:hover {
  background: #e0f7e0;
  color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#js-respuestas li.senalado {
  background-color: #b8e7b8;
}

.evaluaciones .nav-tabs > li > a {
  min-height: auto !important;
  background-color: #51d593 !important;
  color: #fff !important;
}

.evaluaciones .nav-tabs > li.active > a {
  background-color: #fff !important;
  color: #00b259 !important;
}

.plan_accion .card {
  overflow: visible !important;
}

.plan_accion .agrupacion-campos {
  background: transparent !important;
}

.plan_accion .bg-celeste h2 {
  color: #0d5188 !important;
}

.plan_accion .bg-warning h2 {
  color: #a5670b !important;
}

.border-top-1 {
  border-top: 1px dashed #aaa !important;
}

.table tbody > tr > td:last-child {
  padding: 8px;
}

.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background: #e2f8da;
}

.color1 {
  color: #00b259;
}

.color_success {
  color: green !important;
}

.color_danger {
  color: red !important;
}

.color_warning {
  color: orange !important;
}

.text-left {
  text-align: left !important;
}

.h100 {
  height: 100% !important;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.p10 {
  padding: 10px !important;
}

.p20 {
  padding: 20px !important;
}

.p30 {
  padding: 30px !important;
}

.p40 {
  padding: 40px !important;
}

.p50 {
  padding: 50px !important;
}

.p60 {
  padding: 60px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.bg-white {
  background-color: white !important;
}

.bg-verdeclarito {
  background-color: #effef5 !important;
}

.bg-celeste {
  background-color: #c8f4fa !important;
}

.bg-warning {
  background-color: #fff7ea !important;
}

.delay-1s {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.fs-1 {
  font-size: 1em;
}

.fs-2 {
  font-size: 2em;
}

.fs-3 {
  font-size: 3em;
}

@media (max-width: 768px) {
  .d-flex.justify-content-between {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .d-flex.justify-content-between .dropdown a {
    width: 100%;
    margin: 10px 0 !important;
  }
}

@media (max-width: 768px) {
  .overflow-x-xs {
    overflow-y: hidden !important;
    overflow-x: auto !important;
    display: block !important;
  }
}

@media (max-width: 568px) {
  .mt-xs-1 {
    margin-top: 10px !important;
  }
}

@media (max-width: 568px) {
  .mt-xs-2 {
    margin-top: 20px !important;
  }
}

agrupacion-campos {
  display: block;
  background-color: #eeeff3;
  padding: 2rem;
  padding-bottom: 1rem;
  border-radius: 10px;
}
agrupacion-campos label {
  line-height: 30px;
}
agrupacion-campos textarea {
  resize: none;
}
agrupacion-campos a {
  display: inline-block;
  line-height: 34px;
}
agrupacion-campos a:active, agrupacion-campos a:focus, agrupacion-campos a:hover, agrupacion-campos a:visited {
  outline: none !important;
  border: 0;
}
agrupacion-campos i:active, agrupacion-campos i:focus, agrupacion-campos i:hover, agrupacion-campos i:visited {
  outline: none !important;
  border: 0;
}
agrupacion-campos i.fa-info-circle {
  color: #00b259;
  font-size: 20px;
  line-height: 34px;
  vertical-align: top;
  margin-left: 10px;
  cursor: pointer;
  cursor: hand;
  border: 0;
}
agrupacion-campos i.fa-info-circle:active, agrupacion-campos i.fa-info-circle:focus, agrupacion-campos i.fa-info-circle:hover, agrupacion-campos i.fa-info-circle:visited {
  outline: none !important;
  border: 0;
}
agrupacion-campos .info-inline p {
  position: relative;
  line-height: 30px;
  padding-left: 30px;
}
agrupacion-campos .info-inline p i {
  position: absolute;
  left: 0;
}
agrupacion-campos .pl0 {
  padding-left: 0;
}
agrupacion-campos .pl0 i {
  margin-left: 0;
}
agrupacion-campos .contador {
  font-size: 0.9em;
}

.titulo-grupo {
  color: #00b259;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.tc {
  font-size: 1.4em;
  border-bottom: 3px solid #00b259;
  padding-bottom: 5px;
  text-transform: uppercase;
  margin-top: 40px;
  font-weight: 600;
  width: 50%;
  margin-left: 18px;
  padding-left: 0;
}

.sucesion.wrap-name {
  padding-bottom: 0;
}
.sucesion.wrap-name h3 {
  margin-bottom: 0;
}
.sucesion.wrap-name p {
  margin-bottom: 15px;
}

.ttt {
  width: 70%;
  margin-top: 30px;
}
.ttt h2 {
  font-size: 1.4em !important;
  font-weight: bold;
  color: #00b259;
}

@media (max-width: 580px) {
  .ttt {
    width: 100% !important;
    margin-top: 0 !important;
  }
  .opciones, .year {
    margin-top: 0px !important;
  }
}
.select-sucesor .yes {
  width: 80px;
}
.select-sucesor .timing-label {
  width: 100%;
}
.select-sucesor .timing {
  width: 46%;
  margin-left: 7px;
}

.btn-popover:active, .btn-popover:focus, .btn-popover:hover, .btn-popover:visited {
  outline: none !important;
  border: 0;
}

.btn-submit.js-edit {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid rgb(0, 203.5, 101.75);
}

.btn-submit.js-delete {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid rgb(0, 152.5, 76.25);
}

.btn-submit.js-excel2 .far {
  margin-left: 6px;
}

.btn-tutorial {
  position: relative;
  display: block;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  margin-top: 10px;
  color: #00b259;
}
.btn-tutorial:hover, .btn-tutorial:active, .btn-tutorial:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #009037 !important;
}
.btn-tutorial:hover a, .btn-tutorial:active a, .btn-tutorial:focus a {
  color: #00b259;
}
.btn-tutorial i {
  position: absolute;
  right: 30px;
  top: 13px;
}

.btn-home {
  overflow: hidden;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  height: 260px;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-home:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03) !important;
          transform: scale(1.03) !important;
}
.btn-home h3 {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #00b259;
  line-height: 97px;
  padding-left: 20px;
}
.btn-home h3 .btn-home-titulo {
  display: block;
  color: white;
  text-align: center;
  font-size: 0.85em;
  text-transform: uppercase;
}
.btn-home h3 .btn-home-icon {
  position: absolute;
  top: -30px;
  right: 20px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  color: white;
  background-color: rgb(0, 152.5, 76.25);
  text-align: center;
}
.btn-home h3 .btn-home-icon i {
  line-height: 60px;
  vertical-align: top;
}
.btn-home.img01 {
  background-image: url("../img/home-btn-01.jpg");
  background-size: contain;
  background-position: center top;
}
.btn-home.img02 {
  background-image: url("../img/home-btn-02.jpg");
  background-size: contain;
  background-position: center top;
}
.btn-home.img03 {
  background-image: url("../img/home-btn-03.jpg");
  background-size: contain;
  background-position: center top;
}
.btn-home.img04 {
  background-image: url("../img/home-btn-04.jpg");
  background-size: contain;
  background-position: center top;
}
.btn-home.ani {
  opacity: 0;
}

.btn-home2 {
  overflow: hidden;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  height: 280px;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-home2:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03) !important;
          transform: scale(1.03) !important;
}
.btn-home2:hover h3 .btn-home-icon {
  background-color: #009037;
}
.btn-home2:hover h3 .btn-home-titulo {
  color: #009037;
}
.btn-home2 h3 {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 160px;
}
.btn-home2 h3 .btn-home-titulo {
  position: absolute;
  display: block;
  top: 120px;
  width: 100%;
  color: #00b259;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.9em;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  padding: 1.5rem 0;
}
.btn-home2 h3 .btn-home-icon {
  position: absolute;
  top: -100px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  color: white;
  background-color: #00b259;
  text-align: center;
}
.btn-home2 h3 .btn-home-icon i {
  position: relative;
  line-height: 160px;
  vertical-align: top;
  font-size: 7rem;
  z-index: 9999;
}
.btn-home2 h3 .btn-home-icon::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 28px;
  width: 100px;
  height: 100px;
  background-color: inherit;
  rotate: 45deg;
}

.btn-home3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 200px;
  padding: 32px;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
  background-color: white;
  border-radius: 0.5rem;
  border: 1px solid rgba(49, 49, 49, 0.12);
  -webkit-box-shadow: 3px 3px 0 0 rgba(49, 49, 49, 0.12);
          box-shadow: 3px 3px 0 0 rgba(49, 49, 49, 0.12);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-home3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 3;
  background-color: #00b259;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-home3:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03) !important;
          transform: scale(1.03) !important;
}
.btn-home3:hover::after {
  height: 8px;
}
.btn-home3:hover h3 .btn-home-icon {
  background-color: #009037;
}
.btn-home3:hover h3 .btn-home-titulo {
  color: #009037;
}
.btn-home3 h3 {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 160px;
}
.btn-home3 h3 .btn-home-titulo {
  position: absolute;
  display: block;
  top: 100px;
  width: 100%;
  color: #00b259;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.8em;
  line-height: 22px;
  text-align: center;
  padding: 1.5rem;
}
.btn-home3 h3 .btn-home-icon {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  color: white;
  background-color: #00b259;
  text-align: center;
}
.btn-home3 h3 .btn-home-icon i {
  position: relative;
  line-height: 160px;
  vertical-align: top;
  font-size: 7rem;
  z-index: 9999;
}
.btn-home3.horizontal h3 {
  height: 100%;
}
.btn-home3.horizontal h3 .btn-home-titulo {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 90px;
  width: auto;
  padding: 3rem;
  font-size: 0.8em;
}
.btn-home3.horizontal h3 .btn-home-titulo small {
  position: relative;
  display: block;
  font-size: 0.8em;
  color: #838383;
  padding-top: 32px;
}
.btn-home3.horizontal h3 .btn-home-titulo small::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  height: 2px;
  background-color: #00b259;
  padding-top: 4px;
}
.btn-home3.horizontal h3 .btn-home-icon {
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 80px;
  height: 80px;
}
.btn-home3.horizontal h3 .btn-home-icon i {
  line-height: 80px;
  font-size: 3rem;
}
.btn-home3.horizontal.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn-home3.horizontal.disabled h3 {
  opacity: 0.55;
}
.btn-home3.horizontal.v2 {
  height: 120px !important;
}
.btn-home3.horizontal.v2 .btn-home-titulo {
  left: 0 !important;
  width: 100% !important;
}

.v2 .home-calendar {
  border-bottom: 4px solid #A9D1AF;
  min-height: 175px;
  margin-bottom: 20px;
}
.v2 .btn-home {
  height: 340px;
  border-radius: 5px;
}
.v2 .btn-home h3 {
  line-height: inherit;
  height: 120px;
  border-bottom: 18px solid #02a453;
}
.v2 .btn-home h3 .btn-home-titulo {
  position: absolute;
  top: 50%;
  width: 90%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: bold;
  line-height: 22px;
}
.v2 .btn-home h3 .btn-home-icon {
  background-color: rgba(0, 153, 76, 0.8);
}
.v2 .btn-home.img01 {
  background-size: cover;
  background-image: url("../img/home-btn-01-v3.jpg");
}
.v2 .btn-home.img02 {
  background-size: cover;
  background-image: url("../img/home-btn-02-v3.jpg");
}
.v2 .btn-home.img03 {
  background-size: cover;
  background-image: url("../img/home-btn-03-v3.jpg");
}
.v2 .btn-home.img04 {
  background-size: cover;
  background-image: url("../img/home-btn-04-v3.jpg");
}

.ani2 {
  opacity: 0;
}

.home-calendar {
  background-color: #e4f3e6;
  color: #333;
  padding: 20px;
  margin-top: 20px;
  border-radius: 10px;
}
.home-calendar h2 {
  color: #009037 !important;
  font-size: 2em !important;
}
.home-calendar h3 {
  margin-top: 10px;
  margin-bottom: 26px;
  padding-bottom: 10px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.home-calendar .home-calendar-date {
  position: relative;
  line-height: 16px;
  padding-left: 8px;
}
.home-calendar .home-calendar-date span {
  display: block;
  color: #00b259;
  font-weight: bold;
}
.home-calendar .home-calendar-date::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 30px;
  background-color: #00b259;
}
.home-calendar .home-calendar-legend {
  font-size: 0.96em;
  margin-top: 12px;
}
.home-calendar .home-calendar-legend strong {
  display: block;
}
.home-calendar .calendario-date {
  color: rgb(0, 0, 0);
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-top: 10px;
}
.home-calendar .calendario-date::after {
  content: "";
  display: block;
  position: absolute;
  right: 35px;
  top: 3px;
  width: 8px;
  height: 15px;
  background: #d8d8d8; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#a0a0a0));
  background: linear-gradient(to bottom, #d8d8d8 0%, #a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d8d8d8", endColorstr="#a0a0a0",GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #838383;
  border-left: 1px solid #B4B3B3;
  border-right: 1px solid #B4B3B3;
}
.home-calendar .calendario-date::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 35px;
  width: 8px;
  height: 15px;
  background: #d8d8d8; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#a0a0a0));
  background: linear-gradient(to bottom, #d8d8d8 0%, #a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d8d8d8", endColorstr="#a0a0a0",GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #838383;
  border-left: 1px solid #B4B3B3;
  border-right: 1px solid #B4B3B3;
}
.home-calendar .calendario-date .papel {
  display: block;
  background-color: #fff;
  border-radius: 8px;
  width: 79px;
  height: 77px;
  margin: 0 auto;
  border: 1px solid #eee;
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
  text-align: center; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(90%, #e5e6e3), to(#d8d6b1));
  background: linear-gradient(to bottom, #ffffff 0%, #e5e6e3 90%, #d8d6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#d8d6b1",GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #838383;
}
.home-calendar .calendario-date .papel .dias {
  display: block;
  font-size: 2em;
  font-weight: bold;
  color: #333;
  font-size: 42px;
  margin-bottom: -12px;
}
.home-calendar .calendario-date .papel span:nth-child(2) {
  color: #00b259;
}

.bg3 {
  background-image: url("/assets/img/bg-portada2023_4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

.bg4 {
  background-image: url("/assets/img/bg-portada2023_5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

.bg5 {
  background-image: url("/assets/img/bg-portada2023_6.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-lightGreen {
  background-color: #A9D1AF;
}

.bg-greenLight {
  background-color: #e4f3e6;
}

.procesos .factura {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 20px;
  border-radius: 8px;
}
.procesos .factura legend {
  position: relative;
  top: 20px;
  font-size: 16px;
  font-weight: bold;
}
.procesos .panel-body {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 40px;
}
.procesos .agrupacion-campos {
  position: relative;
  margin: 13px 5px;
  border-bottom: 7px solid #e4e5e9;
  border-radius: 5px;
}
.procesos .agrupacion-campos .pos-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.procesos .padding-bottom-0 {
  padding-bottom: 0;
}
.procesos .destacar-zona {
  background-color: #b7dbc8;
  margin-right: -30px;
  margin-left: -30px;
  padding: 30px;
  padding-top: 50px;
  margin-top: 30px;
}
.procesos .table thead > tr > th {
  background-color: transparent;
  border: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #bdbdbd;
}
.procesos .table tbody > tr > td {
  background-color: white;
}
.procesos #msgSave {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  background-color: #00b259;
  color: white;
  border: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  left: 0;
  border-radius: 0;
}
.procesos .listaEmpersas {
  padding: 0;
}
.procesos .listaEmpersas li {
  list-style: none;
  background-color: #4a9771;
  color: white;
  padding: 12px 20px;
  border-radius: 5px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.procesos .listaEmpersas li a {
  color: white;
  margin-left: 20px;
}
.procesos .estado {
  float: right;
  position: relative;
  top: -5px;
  padding: 10px 40px 10px 20px;
  border-radius: 15px;
  text-align: center;
  background-color: #efefef;
  text-transform: uppercase;
  border-right: 5px solid #e4e1e1;
  border-left: 5px solid #e4e1e1;
  -webkit-box-shadow: -1px 0px 6px -2px rgba(0, 0, 0, 0.5);
          box-shadow: -1px 0px 6px -2px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
.procesos .estado span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.procesos .estado span i {
  line-height: 30px;
  text-align: center;
}
.procesos .estado .bola {
  position: absolute;
  border: 2px solid rgba(0, 0, 0, 0.05);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: -1px 0px 6px -2px rgba(255, 255, 255, 0.8);
          box-shadow: -1px 0px 6px -2px rgba(255, 255, 255, 0.8);
}
.procesos .estado-success {
  color: #048b47;
}
.procesos .estado-success .bola {
  background-color: #00b259;
}
.procesos .estado-warning {
  color: #ebad02;
}
.procesos .estado-warning .bola {
  background-color: #ebad02;
}
.procesos .estado-danger {
  color: #BA290C;
}
.procesos .estado-danger .bola {
  background-color: #BA290C;
}
.procesos .estado-info {
  color: #175d96;
}
.procesos .estado-info .bola {
  background-color: #175d96;
}
.procesos .btn-save,
.procesos .btn-icon {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #efefef;
  color: #5c5d60;
  text-align: center;
  border-radius: 100%;
  position: relative;
  top: -5px;
  margin-left: 8px;
  font-size: 18px;
  -webkit-box-shadow: -1px 0px 4px -2px rgba(0, 0, 0, 0.7);
          box-shadow: -1px 0px 4px -2px rgba(0, 0, 0, 0.7);
  border: 0;
}
.procesos .btn-save:hover,
.procesos .btn-icon:hover {
  background-color: #00b259;
  color: white;
}
.procesos .btn-save i,
.procesos .btn-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.procesos .agrupacion-campos .btn-icon {
  background-color: #00b259;
  color: white;
}
.procesos .empresa-wrapper {
  padding: 20px 40px 0 20px;
  border-top: 1px solid white;
  margin-top: 20px;
}

.fields-float .input_float {
  position: absolute;
  padding: 25px 15px;
  border-radius: 5px;
  min-height: 80px;
}
.fields-float .input_float.pos-1 {
  background-color: #333333;
  left: 80px;
}
@media (min-width: 1200px) {
  .fields-float .input_float.pos-1 {
    left: 120px;
  }
}
.fields-float .input_float.pos-2 {
  background-color: #666666;
  top: 100px;
  left: 80px;
}
@media (min-width: 1200px) {
  .fields-float .input_float.pos-2 {
    left: 120px;
  }
}
.fields-float .input_float.pos-3 {
  background-color: #bbbbbb;
  top: 217px;
  right: 60px;
}
@media (min-width: 1200px) {
  .fields-float .input_float.pos-3 {
    right: 120px;
  }
}

.c-input-edit .icon-edit {
  float: left;
  font-size: 16px;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 100%;
  border: 0;
  margin-left: 10px;
  margin-top: 4px;
}
.c-input-edit-name {
  display: block;
  float: left;
}
.c-input-edit input {
  float: left;
  width: calc(100% - 40px);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.c-input-edit::after {
  content: "";
  display: table;
  clear: both;
}

.request-offers td.error {
  position: relative;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #a94442;
  color: #ffffff;
}
.request-offers .form-group {
  position: relative;
}
.request-offers .form-group label.error {
  padding-left: 10px;
  z-index: 1000;
  position: absolute;
}
.request-offers .form-group-right label.error {
  z-index: 1000;
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  padding-left: 10px;
}
.request-offers .form-group-right label.error::before {
  border: 0;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #a94442;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  left: -7px;
}
.request-offers .form-group-left label.error {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: -20px;
  right: auto;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.request-offers .form-group-left label.error::before {
  border: 0;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #a94442;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: -7px;
  left: auto;
}
.request-offers .section-title label.error {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  padding-left: 10px;
  font-size: 15px;
  margin: 0;
}
.request-offers .section-title label.error::before {
  border: 0;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #a94442;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: -7px;
  left: auto;
}
.request-offers .form-group label {
  padding-left: 0;
}
.request-offers .form-group label.radio-inline {
  padding-left: 20px;
}
.request-offers .form-group p {
  padding-left: 0;
}
.request-offers .list-of-steps {
  margin: 0;
  color: #666666;
}
.request-offers .list-of-steps li {
  display: inline-block;
  font-size: 1.35em;
  line-height: 55px;
  margin-right: 25px;
}
.request-offers .list-of-steps li.active {
  color: #f6f6f6;
}
.request-offers .conocimientos {
  background-color: #B1B1B1;
  margin: 0 -35px;
  padding: 20px;
}

.panel-body--padding {
  padding: 20px;
}

.plan {
  -webkit-box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.3);
}
.plan h3 {
  padding: 25px;
  text-align: left;
  background-color: #DFDFD0;
  border-bottom: 2px solid #8A8A7B;
  margin-bottom: 0;
}
.plan h3 a {
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #333;
  padding: 7px 10px;
  border-radius: 5px;
  position: absolute;
  right: 40px;
}
.plan h3 a:hover, .plan h3 a:active, .plan h3 a:focus {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.2);
}
.plan .lista-plan {
  padding: 0;
  height: 505px;
  background-color: white;
  overflow-y: scroll;
}
.plan .lista-plan a {
  display: block;
  height: 70px;
  padding: 10px 80px 10px 10px;
}
.plan .lista-plan li {
  position: relative;
  list-style-type: none;
  color: #009037;
  font-weight: bold;
  border-bottom: 3px solid #ddd;
}
.plan .lista-plan .plan-block-name {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plan .lista-plan .plan-num-courses {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 13px;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 5px;
  background-color: #DFDFD0;
  color: #333;
}

.lista-plan-footer {
  background-color: #DFDFD0;
  border-top: 1px solid #8A8A7B;
  line-height: 80px;
}
.lista-plan-footer .btn {
  margin-top: 20px;
  margin-bottom: 20px;
}

.list-of-courses {
  -webkit-box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.3);
}
.list-of-courses.modal-body {
  -webkit-box-shadow: 0 0 0 0 white;
          box-shadow: 0 0 0 0 white;
  padding-bottom: 0;
}
.list-of-courses.modal-body .courses {
  height: 400px;
  height: 60vh;
}
.list-of-courses header {
  position: relative;
  background-color: #DFDFD0;
  padding: 0;
  margin-bottom: 0;
  font-size: 18px;
  border-bottom: 2px solid #8A8A7B;
}
.list-of-courses header .filter {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
}
.list-of-courses header .filter input {
  height: 30px;
}
.list-of-courses header p {
  margin: 0;
  padding: 0px 4px 4px 15px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-of-courses header p span {
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 271px;
  vertical-align: middle;
}
.list-of-courses header h2 {
  margin: 0;
}
.list-of-courses header h3 {
  font-size: 18px;
  padding: 15px 0 0 15px;
}
.list-of-courses .courses {
  padding: 0;
  height: 505px;
  overflow-y: scroll;
}
.list-of-courses .course {
  position: relative;
  display: block;
  min-height: 70px;
  list-style-type: none;
  background-color: white;
}
.list-of-courses .course.list {
  min-height: auto;
  padding: 20px;
}
.list-of-courses .course.list > h4 {
  position: relative;
  top: 0%;
  left: 0px;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  border-bottom: 4px solid #c7c7c7;
  padding-bottom: 10px;
}
.list-of-courses .course.list ul {
  margin-top: 20px;
}
.list-of-courses .course.list ul li {
  position: relative;
  padding: 10px;
}
.list-of-courses .course h4 {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 70%;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  max-height: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-of-courses .course h4 a {
  color: #333;
}
.list-of-courses .course h4 > small {
  display: block;
  color: #fb2245;
}
.list-of-courses .course .acciones {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  right: 10px;
}
.list-of-courses .course:nth-child(even) {
  background-color: #f4f4f4;
}
.list-of-courses .course .forma {
  display: inline-block;
  min-width: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  padding: 5px 8px;
  border-radius: 5px;
  background-color: #e4e4e4;
  font-size: 11px;
}
.list-of-courses .course .forma i.fa-info {
  font-size: 14px;
}
.list-of-courses .course a.forma:hover {
  background-color: rgb(202.5, 202.5, 202.5);
}
.list-of-courses .course a.delete {
  background-color: rgb(150, 17, 17);
  color: white;
}
.list-of-courses .course a.delete:hover {
  background-color: rgb(104.1916167665, 11.8083832335, 11.8083832335);
}
.list-of-courses .course .modalidad {
  background-color: #f6f6f6;
  color: white;
}
.list-of-courses .course a.add {
  background-color: #008C8C;
  color: white;
}
.list-of-courses .course a.add:hover {
  background-color: #005959;
}
.list-of-courses .t-tip-wrapper {
  display: inline-block;
  position: relative;
  z-index: 10000;
}
.list-of-courses .t-tip-wrapper .t-tip {
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  display: block;
  width: 100px;
  background-color: black;
  color: white;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 5px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.list-of-courses .t-tip-wrapper .t-tip:before {
  content: " ";
  background-color: inherit;
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: -6px;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  border-radius: 0;
}
.list-of-courses .t-tip-wrapper:hover .t-tip {
  opacity: 1;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.block-list {
  height: 540px;
  padding-left: 0;
  overflow-y: scroll;
  background-color: #e0e0e0;
}
.block-list li {
  list-style: none;
  background-color: white;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.block-list li a {
  display: block;
  padding-left: 20px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.block-list li a:hover {
  background-color: #cfcfcb;
}
.block-list li:nth-child(even) {
  background-color: #f1f1f1;
}

.addall {
  font-size: 13px;
}

.row-menos::after {
  content: "";
  display: table;
  clear: both;
}

.seeall .titulo-curso {
  font-weight: normal;
  font-size: 14px !important;
}

.sugerir {
  padding: 10px;
  background-color: white;
  border: 1px dashed #a7a7a2;
  border-radius: 6px;
}
.sugerir p {
  line-height: 16px;
  font-size: 13px;
}

.dep-card-wrapper {
  width: 100%;
  text-align: center;
}
.dep-card-wrapper .dep-card:not(:first-child) {
  margin-left: 5px;
}

.dep-card {
  display: inline-block;
  width: 90px;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
  vertical-align: top;
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .dep-card {
    width: 112px;
  }
}
.dep-card.default {
  background-color: #DDDDDD;
}
.dep-card.default .dep-card-value {
  background-color: #f8f8f8;
}
.dep-card.default .dep-card-value::after {
  background-color: #f8f8f8;
}
.dep-card.danger .dep-card-value {
  background-color: #CD3D2C;
  color: white;
}
.dep-card.danger .dep-card-value::after {
  background-color: #CD3D2C;
}
.dep-card.warning .dep-card-value {
  background-color: #D9A300;
  color: white;
}
.dep-card.warning .dep-card-value::after {
  background-color: #D9A300;
}
.dep-card.success .dep-card-value {
  background-color: #008A4B;
  color: white;
}
.dep-card.success .dep-card-value::after {
  background-color: #008A4B;
}
.dep-card .deb-card-last {
  position: relative;
  border-top: 1px solid #d1d1d1;
  height: 30px;
  margin-top: 10px;
  line-height: 43px;
  font-size: 1.3em;
  font-weight: bold;
}
.dep-card .deb-card-last span {
  position: absolute;
  background-color: #d1d1d1;
  padding: 0px 5px;
  font-weight: bold;
  font-size: 11px;
  right: 0;
  left: 0;
  width: 50px;
  margin: 0 auto;
  top: -9px;
  line-height: 17px;
}
@media (max-width: 687px) {
  .dep-card {
    margin: 10px !important;
  }
}

.dep-card-value {
  position: relative;
  background-color: #d1d1d1;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.dep-card-value::after {
  content: "";
  display: block;
  background-color: #d1d1d1;
  height: 12px;
  width: 12px;
  position: absolute;
  bottom: -5px;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.dep-card-value span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.9em;
  font-weight: 700;
}

.dep-card-icon {
  position: absolute;
  right: -2px;
  bottom: -6px;
  background-color: #ffffff;
  width: 29px;
  height: 29px;
  border-radius: 100%;
}
.dep-card-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-55%, -50%);
          transform: translate(-55%, -50%);
  color: #394264;
}

.dep-card-title {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  height: 40px;
  text-align: center;
  line-height: 15px;
}
@media (min-width: 1200px) {
  .dep-card-title {
    font-size: 13px;
  }
}
.dep-card-title span {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn-dash {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #DFDFD0;
  border-radius: 10px;
  min-height: 100px;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.btn-dash:hover {
  background-color: rgb(212.6708860759, 212.6708860759, 192.8291139241);
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-dash.ani {
  opacity: 0;
}
.btn-dash.green {
  background-color: #00b259;
}
.btn-dash.green .btn-dash-title {
  color: white;
}
.btn-dash.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #eeeeee;
}
.btn-dash .chequeado {
  color: #ed7d31;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  z-index: 1;
}

.btn-dash-title {
  display: inline-block;
  position: relative;
  width: 70%;
  padding: 1rem;
  padding-left: 2.5rem;
  font-size: 14px;
  font-weight: bold;
  font-size: 1.8rem;
  color: #333;
  min-height: 100px;
  vertical-align: top;
}
.btn-dash-title span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.btn-dash-title .date_charge {
  font-size: 12px;
  color: #00b259;
  top: 90%;
}

.btn-dash-icon {
  position: relative;
  display: inline-block;
  margin-left: -4px;
  width: 30%;
  min-height: 100px;
}
.btn-dash-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.participation {
  padding-right: 30px;
  border-right: 2px solid #ccc;
}
.participation figure {
  display: inline-block;
  font-size: 70px;
  color: #666666;
}
@media (max-width: 687px) {
  .participation {
    border-right: none;
  }
  .participation figure {
    font-size: 55px !important;
  }
}

@media (min-width: 1200px) {
  .participation {
    min-width: 600px;
  }
  .participation-group {
    margin-left: 14px;
    margin-right: 8px;
  }
}
.participation-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 800;
}
@media (max-width: 687px) {
  .participation-data {
    font-size: 55px !important;
  }
}

.participation-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
@media (max-width: 687px) {
  .participation-group {
    max-width: 80% !important;
  }
}

.participation-anterior,
.global-anterior {
  display: inline;
  background-color: white;
  padding: 3px 7px;
  border-radius: 3px;
}
.participation-anterior strong,
.global-anterior strong {
  font-weight: 800;
}

.participation-anterior {
  display: block;
}
@media (max-width: 687px) {
  .participation-anterior {
    font-size: 12px !important;
  }
}

.participation-anterior-icono {
  width: 480px;
  color: #555;
}
.participation-anterior-icono i {
  color: #00b259;
}

.participation-title {
  color: #00b259;
  font-size: 35px;
  line-height: 35px;
}
@media (max-width: 687px) {
  .participation-title {
    font-size: 28px !important;
  }
}

.participation-staff {
  font-size: 20px;
  line-height: 20px;
}
@media (max-width: 687px) {
  .participation-staff {
    font-size: 14px !important;
  }
}

.encuesta {
  min-width: 480px;
}
.encuesta.fw {
  min-width: 100%;
}
.encuesta figure {
  display: inline-block;
  font-size: 50px;
  color: #666666;
}
@media (max-width: 687px) {
  .encuesta {
    min-width: auto;
  }
  .encuesta figure {
    font-size: 35px !important;
  }
}

.encuesta-data {
  display: inline-block;
  font-size: 80px;
  font-weight: 800;
}

.encuesta-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 8px;
}
.encuesta-group-one {
  font-size: 17px;
  line-height: 17px;
}
.encuesta-group-two {
  color: #00b259;
  font-size: 30px;
  line-height: 30px;
}
@media (max-width: 687px) {
  .encuesta-group {
    margin: 0px !important;
  }
}

.global-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 8px;
}
.global-group-one {
  font-size: 17px;
  line-height: 17px;
}
.global-group-two {
  color: #00b259;
  font-size: 40px;
  line-height: 40px;
}
@media (max-width: 687px) {
  .global-group {
    margin: 0px !important;
  }
}

.two-row-title {
  min-width: 480px;
}
.two-row-title figure {
  display: inline-block;
  font-size: 50px;
  color: #666666;
}

.two-row-title-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 800;
}

.two-row-title-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 8px;
}
.two-row-title-group div:first-child {
  font-size: 15px;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.two-row-title-group div:last-child {
  color: #00b259;
  font-weight: 800;
  font-size: 22px;
  line-height: 23px;
}

.title-group {
  font-weight: 800;
  font-size: 22px;
  line-height: 23px;
  margin-left: 20px;
  border-bottom: 2px solid #00b259;
  width: 50%;
}

.blobal-data {
  width: 300px;
}
.blobal-data.fw {
  width: 100%;
}

.blobal-data-subtitle {
  font-size: 12px;
  line-height: 5px;
  font-weight: bold;
}

.blobal-data-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}
.blobal-data-title span {
  color: #00b259;
  font-weight: bold;
  text-transform: uppercase;
}

.global-data-value {
  font-size: 50px;
  line-height: 50px;
  font-weight: 800;
}

.v2 .blobal-data {
  padding: 20px;
}
.v2 .global-data-value {
  font-size: 85px;
  line-height: 65px;
}
.v2 .blobal-data-title {
  font-size: 24px;
  line-height: 22px;
  padding: 10px 0;
}
.v2 .blobal-data-subtitle {
  font-size: 18px;
}

.panel-carets {
  display: inline-block;
}
.panel-carets h2 {
  float: left;
  font-size: 50px;
  line-height: 50px;
  font-weight: 800;
  margin: 0;
}
.panel-carets i {
  position: relative;
  margin: 4px 0 0 10px;
  font-size: 30px;
}
.panel-carets i.fa-caret-down {
  top: -10px;
  color: #c0392b;
}
.panel-carets i.fa-caret-up {
  top: -10px;
  color: #27ae60;
}

.line-right {
  border-right: 2px solid #b4b4b4;
}
@media (max-width: 687px) {
  .line-right {
    border: none !important;
  }
}

.tendencia {
  position: absolute;
  top: 10px;
  right: 50px;
  font-size: 30px;
}
.tendencia.fa-caret-down {
  color: #c0392b;
}
.tendencia.fa-caret-up {
  color: #27ae60;
}

@media (min-width: 992px) {
  .dashbox {
    padding: 0.5em 0.5em 0.5em 0.5em;
  }
}
@media (min-width: 1200px) {
  .dashbox {
    padding: 0.5em 1em 1em 1.5em;
  }
}
.pie-row {
  display: table;
}
.pie-row:first-child {
  margin-top: 15px;
}

.pie-row-data {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  width: 105px;
}
@media (min-width: 1200px) {
  .pie-row-data {
    font-size: 15px;
    width: 135px;
  }
}

.pie-row-color {
  display: table-cell;
  padding: 5px;
}
.pie-row-color.red {
  color: #CD3D2C;
}
.pie-row-color.blue {
  color: #0096BC;
}
.pie-row-color.yellow {
  color: #D88A0E;
}
.pie-row-color.green {
  color: #008A4B;
}

.pie-row-title {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .pie-row-title {
    font-size: 15px;
  }
}

.pie-container {
  width: 154px;
  height: 154px;
}

.bloque {
  background-color: #fff;
  min-width: 100%;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
  min-height: 112px;
}

.bloque-title {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 12px;
  font-size: 12px;
  margin-bottom: 5px;
  height: 25px;
}
.bloque-title span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.bloque-bar {
  height: 20px;
  background-color: #f0f0f0;
}
.bloque-bar span {
  display: block;
  height: 20px;
  background-color: #abcdd9;
  border-left: 3px solid rgb(135.8852459016, 184.0983606557, 201.1147540984);
}

.bloque-data {
  font-size: 30px;
  font-weight: 800;
}

.bloque-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid rgb(163.0120481928, 48.5060240964, 34.9879518072);
}

.bloque-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid rgb(166, 124.6912442396, 0);
}

.bloque-bar.success span {
  background-color: #008A4B;
  border-left: 3px solid rgb(0, 87, 47.2826086957);
}

.graph {
  margin-top: 40px;
  width: 550px;
}

.graph-row {
  display: block;
  width: 100%;
  line-height: 10px;
  margin-bottom: 8px;
}

.graph-row-title {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  width: 222px;
  font-weight: bold;
  background-color: #f7f7f7;
}

.graph-row-bar {
  display: inline-block;
  margin-left: -4px;
  width: 250px;
  height: 25px;
  background-color: #CCCCCC;
  line-height: 0;
}
.graph-row-bar span {
  display: block;
  height: 25px;
  background-color: rgb(142.9081967213, 188.2786885246, 204.2918032787);
  border-left: 3px solid rgb(118.3278688525, 173.6475409836, 193.1721311475);
  line-height: 0;
  width: 50%;
}

.graph-row-scale {
  display: inline-block;
  margin-left: -2px;
  width: 275px;
  height: 25px;
}

.graph-scale-point {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 23px;
}
.graph-scale-point:not(:last-child) {
  border-top: 1px solid #000;
}
.graph-scale-point:not(:first-child) {
  margin-left: -4px;
}
.graph-scale-point span.line {
  display: block;
  position: absolute;
  background-color: #333333;
  width: 2px;
  height: 10px;
  margin-top: -1px;
}
.graph-scale-point span.num {
  display: block;
  position: relative;
  width: 30px;
  text-align: center;
  top: 8px;
  right: 14px;
  font-weight: bold;
  font-size: 0.9em;
  height: 20px;
}

.graph-row-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid rgb(163.0120481928, 48.5060240964, 34.9879518072);
}

.graph-row-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid rgb(166, 124.6912442396, 0);
}

.graph-row-bar.success span {
  background-color: #008A4B;
  border-left: 3px solid rgb(0, 87, 47.2826086957);
}

.graph-row-value {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  line-height: 23px;
  margin-right: -4px;
  margin-left: -4px;
  width: 15%;
  font-weight: bold;
}

.graph-valor-medio {
  position: absolute;
  top: 0;
  margin-left: 23px;
  position: relative;
}
.graph-valor-medio div {
  position: absolute;
  top: -20px;
  height: 144px;
  background-color: #333;
  width: 2px;
  left: 200px;
}
.graph-valor-medio div span {
  display: block;
  position: absolute;
  top: -10px;
  left: 7px;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 13px;
  text-align: center;
}
.graph-valor-medio div:before {
  content: "";
  display: block;
  background-color: #333;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-left: -3px;
}

.b-card {
  width: 100%;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
  min-height: 195px;
}
.b-card-header {
  position: relative;
  padding: 1rem 1.5rem;
  background-color: #f6f6f6;
  border-bottom: 1px solid #E6E6E6;
  max-height: 41px;
}
@media (max-width: 768px) {
  .b-card-header {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
.b-card-icon {
  position: absolute;
  background-color: #333;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.b-card-icon i {
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
}
.b-card-title {
  display: inline-block;
  width: 95%;
  font-weight: bold;
  line-height: 13px;
  margin-left: 35px;
  font-size: 1.1em;
  text-transform: uppercase;
}
.b-card-body {
  padding: 1.5rem;
}
.b-card-body h3 {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.b-card-bar {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  width: 85%;
}
.b-card-bar span {
  display: block;
  height: 28px;
  background-color: #abcdd9;
  border-left: 3px solid rgb(135.8852459016, 184.0983606557, 201.1147540984);
}
.b-card-bar.success span {
  background-color: #00B259;
  border-left: 3px solid rgb(0, 127, 63.5);
}
.b-card-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid rgb(166, 124.6912442396, 0);
}
.b-card-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid rgb(163.0120481928, 48.5060240964, 34.9879518072);
}
.b-card-data {
  display: inline-block;
  vertical-align: top;
  width: 14%;
  font-size: 25px;
  line-height: 25px;
  font-weight: 800;
  text-align: center;
}

.boton-portada {
  display: block;
  position: relative;
  height: 210px;
  border-radius: 10px;
  padding-left: 50px;
  background-color: #DFDFD0;
  background-image: url("../img/gb-btn-portada.png");
  background-position: right -100px bottom;
  background-repeat: no-repeat;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
}
.boton-portada.img2 {
  background-image: url("../img/gb-btn-portada2.png");
}
.boton-portada.img3 {
  background-image: url("../img/gb-btn-portada3.png");
}
.boton-portada.img4 {
  background-image: url("../img/gb-btn-portada4.png");
}

.v2 .boton-portada {
  height: 128px;
}
.v2 .boton-portada-conf-title div {
  font-size: 24px;
  width: 90%;
}
.v2 .boton-portada-conf {
  height: 120px;
  background-size: 80%;
}
.v2 h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #999999;
}

.boton-portada-title {
  width: 90%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.boton-portada-title div {
  font-size: 29px;
  font-weight: 800;
  line-height: 38px;
}
.boton-portada-title div:first-child {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.boton-portada-conf {
  display: block;
  height: 80px;
  background-color: #F5F5F1;
  background-image: url("../img/icon-boton-portada.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 50%;
  padding-left: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
}

.boton-portada-conf-title {
  width: 90%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.boton-portada-conf-title div {
  font-size: 23px;
  font-weight: 800;
  line-height: 30px;
}
.boton-portada-conf-title div:first-child {
  color: #333;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}

.h2-title {
  font-size: 20px;
  font-weight: 700;
}

.titulo-resultados {
  font-size: 1.7em;
  text-transform: uppercase;
  font-weight: bold;
}

.table-data {
  background-color: #ffffff;
}

.table-data tbody > tr > td:not(:first-child) {
  text-align: center;
}
.table-data tbody > tr > td:first-child {
  font-weight: bold;
  text-transform: uppercase;
  background-color: #ececec;
}
.table-data tbody > tr > td.default {
  background-color: #ffffff;
}
.table-data tbody > tr > td.danger {
  background-color: #CD3D2C;
  color: white;
}
.table-data tbody > tr > td.warning {
  background-color: #D9A300;
  color: white;
}
.table-data tbody > tr > td.success {
  background-color: #008A4B;
  color: white;
}

.table-data thead > tr > th {
  margin: 0;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  .table-data tbody tr > td:first-child {
    font-size: 0.9em !important;
    color: #333 !important;
    background-color: transparent !important;
  }
}

.table-criticos {
  background-color: #ffffff !important;
  -webkit-box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
  margin-bottom: 60px;
  background-color: #cfcdcd;
}
.table-criticos .tr-footer {
  background-color: #F0FAF5 !important;
  border-top: 1px solid #666;
}
.table-criticos thead {
  position: relative;
  border: 1px solid #abd9c2;
  border-bottom: 2px solid #00b259;
}
.table-criticos th {
  text-transform: uppercase;
  background-color: #F0FAF5 !important;
  color: #333;
  position: relative;
}
.table-criticos th:first-child {
  padding-left: 55px !important;
}
.table-criticos tbody tr > td:last-child {
  font-weight: bold;
}
.table-criticos tbody tr > td.default {
  background-color: #ffffff;
}
.table-criticos tbody tr > td.danger {
  background-color: #CD3D2C;
  color: white;
}
.table-criticos tbody tr > td.warning {
  background-color: #D9A300;
  color: white;
}
.table-criticos tbody tr > td.success {
  background-color: #008A4B;
  color: white;
}
@media (max-width: 768px) {
  .table-criticos tbody tr > td:first-child {
    font-size: 0.9em !important;
    color: #333 !important;
  }
  .table-criticos tbody tr > td:last-child {
    text-align: left !important;
    font-size: 1.3em !important;
    color: #00b259 !important;
  }
  .table-criticos tbody tr > td.danger, .table-criticos tbody tr > td.warning, .table-criticos tbody tr > td.success {
    color: #fff !important;
  }
}

.t-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  display: inline-block;
  background-color: #00b259;
  width: 29px;
  height: 29px;
  border-radius: 100%;
}
.t-icon i {
  position: absolute;
  margin-left: 0 !important;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
}

@media (min-width: 992px) {
  #fortalezas .btn-fortaleza {
    padding-left: 8px;
  }
}
@media (min-width: 1200px) {
  #fortalezas .btn-fortaleza {
    padding-left: 1.2em;
  }
}
@media (max-width: 520px) {
  .bg-lightgreen {
    background-image: none;
  }
  .boton-portada-conf, .boton-portada {
    padding-left: 25px;
  }
  .v2 .boton-portada-conf-title div {
    width: 80%;
    line-height: 1;
    margin-bottom: 0.5rem;
  }
  .v2 .boton-portada div {
    width: 90%;
    line-height: 1;
    margin-bottom: 0.5rem;
  }
  .bg3, .bg4 {
    background-size: auto !important;
  }
  #detalle_evaluacion_contenido.modal-content, #detalle_objetivos_contenido.modal-content {
    padding: 1em !important;
  }
  th, td {
    font-size: 0.8em !important;
  }
  .year {
    font-size: 0.9em !important;
  }
  .titulo-pagina .btn {
    font-size: 14px !important;
    padding: 8px !important;
  }
  .horizontal {
    height: 150px !important;
    /*height: 260px !important;
    .btn-home-titulo {
      top: 80px !important;
      transform: translateY(0%) !important;
      left: 0px !important;
      width: 100% !important;
      height: 170px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }

    .btn-home-icon {
      top: 20px !important;
      left: 50% !important;
      transform: translate(-50%, 0%) !important;
      width: 80px !important;
      height: 80px !important;

      i {
        line-height: 80px !important;
      }
    }*/
  }
  .ayuda span {
    display: inline;
  }
}