@import "https://s3.eu-west-1.amazonaws.com/cdn.ecixgroup.com/icons/fonts/ecix-icons.css";
@import "sizes.css";

[class^="icon-"],
[class*=" icon-"] {
  font-size: 23px;
}

:root {
  --c-green: #7ece88;
  --c-yellow: #fcc900;
  --c-orange: #fb8225;
  --c-red: #f14b47;
  --c-white: #ffffff;
  --c-blue: #99d4ff;
  --primary: #40a04c;
  --bs-primary: #40a04c;
  --c-primarylight: #bdefd1;
  --primarylight: #7ece88;
  --primarylightalert: #40a04c;  
  --secondary: #396540;
  --secondaryhunter-lighter: #AEC2B1;
  --secondary-superlighter: #f8f9f8;
  --main-bg-color: #282828;
  --grey-lighter: #ededed;
  --grey-light: #cccccc;
  --grey-light-soft: #f6f6f6;
  --bs-success-light: #e8fff3;
  --primarygreen-soft: #dbf0de;
  --primaryblue-soft: #f1f9ff;
  --primaryblue-dark: #4bb3f8;
  --c-yellow-light: #ffe9ad;
  --c-orange-light: #fff5ed;
  --c-orange-lighter: #ffd09e;
  --c-danger-light: #f8e1e1;
  --hunter-soft: #d1ded3;
  --bs-gray-400: #b5b5c3;
  /* --bs-accordion-active-color:#40a04c !important; */
  --bs-accordion-active-bg: #f9f9f9;
  --dark-primary: #626262;
}

.pagination {
  --bg-light-primary: #dbf0de;
  --bs-pagination-hover-color: var(--primary) !important;
  --bs-pagination-focus-color: var(--primary) !important;
  --bs-pagination-active-bg: var(--primary) !important;
}

/*a:not(.btn,.datatable-pager-link-active,.nav-link.active)*/
/*
 --bs-text-danger: red;
    --bs-border-color: #939699;
    --bs-primary-inverse: #ffffff;
*/

.btn.btn-active-color-primary:hover:not(.btn-active) i,
.show > .btn.btn-active-color-primary .svg-icon,
.show > .btn.btn-active-color-primary i {
  color: var(--bs-primary);
}

body {
  font-family: "IBM Plex Sans", sans-serif;
}

/*Estilos colores del body del login*/
body.login_bg {
  background: linear-gradient(
    117.62deg,
    var(--main-bg-color) 0.91%,
    var(--primary) 100.7%
  );
}

*:focus {
  outline: none;
}
.logo {
  object-fit: cover;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--primary) #dddddd;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 9px;
}

*::-webkit-scrollbar-track {
  background: #dddddd;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 20px;
  border: 3px solid var(--primary);
}

.text-start{
  text-align: left;
}

.text-primary,
a,
.datatable.datatable-default
  > .datatable-table
  > .datatable-head
  .datatable-row
  > .datatable-cell.datatable-cell-sorted
  > span,
.datatable.datatable-default
  > .datatable-table
  > .datatable-foot
  .datatable-row
  > .datatable-cell.datatable-cell-sorted
  > span,
.alert.alert-custom.alert-light-primary .alert-icon i,
.text-hover-primary:hover {
  color: var(--primary);
}

.table-responsive {
  min-height: 330px;
}

.alert.alert-custom.alert-light-primary {
  background-color: var(--primarylightalert) !important;
}
.checkbox > input:checked ~ span,
#id_formulario_edit_recomendacion .label.label-success {
  background-color: var(--primarylight) !important;
}

.nav.nav-pills.nav-light-primary .nav-link.active,
.btn.btn-light-primary {
  background: var(--primarylight) !important;
  background-color: var(--primarylight) !important;
  border-color: var(--primarylight) !important;
  color: #ffffff !important;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-text,
.nav-link.active i,
.btn.btn-light-primary i {
  color: #fff;
}

.bg-primary,
.badge-primary,
.btn-primary,
.datatable-pager-link-active,
.btn.dropdown-toggle:hover,
.btn-success,
.tdRIP .accordion .card .card-header .card-title:not(.collapsed),
.symbol.symbol-primary .symbol-label {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #ffffff;
}

.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
  color: #ffffff;
  border-color: var(--secondary);
  background-color: var(--secondary) !important;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
  border-bottom: 3px solid var(--primary);
  transition: border 0.2s ease;
}

.btn.btn-outline-primary {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-primaryBlue-dark {
  color: var(--primaryblue-dark);
}

.text-dark-primary {
  color: var(--dark-primary);
}

.p-bc{
  padding: 12px 11px 9px 11px !important;
}

.px-2px{
  padding-left: 2px;
  padding-right: 2px;
}

.text-danger{
  color: var(--c-red) !important;
}
.line_out {
  border-bottom: 1px solid var(--primary) !important;
}
.nav.nav-pills.nav-light-primary .show > .nav-link,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) {
  color: var(--primary);
}

.btn.btn-outline-primary:hover,
.btn-light-primary:hover,
.blue-dark {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #ffffff;
}
/* FORZADO COLORES ACCENTURE */

.svg-blue {
  filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg);
  opacity: 0.7;
  left: 0px !important;
  top: 0px !important;
}
.p-margin p {
  margin: 0px;
}

/* ALL TABS */
.fade:not(.show) {
  opacity: 0;
  height: 0 !important;
  display: none;
}

/* ---- UQUESTIONLITE -> TYPE_FILE ---- */
.question_type_attached .dropzone {
  border: 2px dashed #40a04c;
  border-radius: 16px;
  color: #444;
  line-height: 21px;
  min-height: 120px;
  padding: 10px 10px 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  /*z-index: 999;*/
  background: #f5fff4;
}

.svg-icon.svg-icon-primary svg g [fill] {
  transition: fill 0.3s ease;
  fill: #40a04c !important;
}
.btn.btn-icon-primary i {
  color: #40a04c;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-primary:focus:not(.btn-text),
.btn.btn-hover-primary.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: #40a04c !important;
  border-color: #40a04c !important;
}

.smt-icon-arrow-cloud-outline-up-upload:before {
  content: "\e900";
}

#tabs li a.active {
  font-weight: bold;
}
#tabs li a {
  font-size: 1em;
  padding: 1em !important;
}
#tabs.line_tab ul.nav {
  border-bottom: 1px solid #aec2b1;
}

.line_out {
  padding-bottom: 3px;
  border-bottom: 1px solid #40a04c;
}

a:hover {
  color: #40a04c;
  text-decoration: underline;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--primary) !important;
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.aside-menu
  .menu-nav
  > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(
    .menu-item-here
  ):not(.menu-item-active):hover
  > .menu-heading
  .menu-text,
.aside-menu
  .menu-nav
  > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(
    .menu-item-here
  ):not(.menu-item-active):hover
  > .menu-link
  .menu-text {
  color: #40a04c;
}

#tabs .sticky-top {
  top: 140px;
}

#tabs.line_tab .nav-link.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/** INPUTS RADIO */

label.btn-type-radio {
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 10px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
  color: #808080;
}

.radio-input {
  padding: 3px;
}
label.btn-type-radio.editable .wizardButtonDelete {
  font-size: 6px;
  margin-top: 0px !important;
}
label.btn-type-radio.editable {
  padding: 2px;
  margin: 0px 10px;
}

label.btn-type-radio .dot {
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
}
label.btn-type-radio .dot::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: var(--primary);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
label.btn-type-radio input[type="radio"] {
  display: none;
}
label.btn-type-radio.label-radio-selected,
label.btn-type-radio input[type="radio"]:checked + label {
  border-color: var(--primary) !important;
  background: var(--primary);
}
label.btn-type-radio.label-radio-selected .dot {
  background: #fff;
}
label.btn-type-radio.label-radio-selected .dot::before {
  opacity: 1;
  transform: scale(1);
}
label.btn-type-radio span {
  font-size: 16px;
}
label.btn-type-radio.label-radio-selected span {
  color: #fff !important;
}

.green {
  color: var(--primary) !important;
}
.red {
  color: var(--c-red) !important;
}
.yellow {
  color: var(--c-yellow) !important;
}
.orange {
  color: var(--c-orange) !important;
}

.blue-dark {
  background-color: #40a04c;
}

.text-gray {
  color: #797979;
}
.sans {
  font-family: sans-serif;
}

/* CHECKBOX */
.checkbox span {
  margin-right: 0.75rem;
}

.table .thead-light-lite th {
  color: #131313;
  background-color: #e5e9ec;
  border-color: #e5e9ec;
}
/* Styles kd_medidas */
#kt_medidas td:nth-child(2) {
  width: 20%;
}

.not-allowed {
  cursor: not-allowed !important;
}

/* ERECOMMENDATION */
.input-unchecked {
  width: 18px !important;
  height: 18px;
  display: inline-block;
  background: url(/js/tristate/assets/no.png);
}
.input-unchecked:hover {
  cursor: pointer;
}
.input-checked {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(/js/tristate/assets/yes.png);
}
.input-checked:hover {
  cursor: pointer;
}

/* TRISTATE */

.tristate:hover {
  cursor: pointer;
}
.tristate-item {
  width: 18px;
  height: 18px;
  display: inline-block;
  padding-right: 18px;
}
.layer-tristate .tristate-item {
  display: block;
  margin: 6px;
  width: auto !important;
  background-position: left;
  background-repeat: no-repeat;
}
.layer-tristate .tristate-item:hover {
  background-color: #efefef;
}
.tristate-item:hover {
  cursor: pointer;
}
.pdca-container {
  line-height: 14px;
}
.tristate-item.disabled {
  opacity: 0.7 !important;
}
.tristate-item.disabled:hover {
  cursor: not-allowed !important;
}
.tristate-layer-close {
  background-image: url("/js/tristatelite/assets/close.png?v=5");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
}
.tristate-layer-close:hover {
  cursor: pointer;
  opacity: 0.8;
}
.layer-tristate:after {
  /*content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 9px solid transparent; border-right-color: #e1e1e1; border-left: 0; margin-top: -9px; margin-left: -9px;*/
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-right-color: #cecece;
  border-left: 0;
  margin-top: -9px;
  margin-left: 0px;
  transform: rotate(90deg);
}

/* BASE TASKS */
.base-tasks {
  margin-top: 20px;
}
/* .base-tasks table thead th {
  background-color: #007ac3;
  text-align: center;
} */
.base-tasks table.base-tasks-table thead th {
  text-align: left !important;
}
.pdca-box {
  width: 110px;
  height: 110px;
  padding: 20px;
  cursor: pointer;
  margin: 0px auto;
}
.pdca-box.arrow {
  opacity: 0.4;
  transition: all ease 0.2s;
  background-size: 180px !important;
  background-position: 50% 50% !important;
}
.pdca-box.arrow:hover {
  opacity: 1;
}
.pdca-box.arrow.left {
  background: url("/img/assistant/control-arrow-left.png");
}
.pdca-box.arrow.right {
  background: url("/img/assistant/control-arrow-right.png");
}
.pdca-box.control.disabled {
  opacity: 0.2;
  transition: all ease 0.2s;
}
.pdca-box.control.disabled:hover {
  opacity: 0.4;
}
.pdca-box.pdca-p {
  background: url("/img/assistant/img-control-p.png");
  background-size: cover;
}
.pdca-box.pdca-d {
  background: url("/img/assistant/img-control-d.png");
  background-size: cover;
}
.pdca-box.pdca-c {
  background: url("/img/assistant/img-control-c.png");
  background-size: cover;
}
.pdca-box.pdca-a {
  background: url("/img/assistant/img-control-a.png");
  background-size: cover;
}

/* LOADING LAYER */
.loading-layer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #4d4d4d;
  opacity: 0.7;
  display: none; /*background-image: url('/img/loading.gif?ver=3_1');*/
  background-repeat: no-repeat;
  background-position: 50% 48%;
  background-size: 100px 100px;
  text-align: center;
  color: #fff;
}
.loading-layer .loading-info {
  top: 56%;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 2.5em;
  font-weight: bold;
  color: var(--primary);
}
.loading-layer .loading-detail {
  top: 60%;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
}

/* LOADING LAYER */
.loading-heatmap-layer {
  width: 100%;
  height: 200px;
  z-index: 1000;
  background-color: #fff;
  opacity: 0.7;
  display: none;
  text-align: center;
  color: #fff;
}
.loading-heatmap-layer .loading-heatmap-info {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
}
.loading-heatmap-layer .loading-heatmap-detail {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--primary);
}

/* LOADING LAYER */
.loading-totals-layer {
  width: 100%;
  height: 200px;
  z-index: 1000;
  background-color: #fff;
  opacity: 0.7;
  display: none;
  background-image: url("/img/loading.gif?ver=3_1");
  background-repeat: no-repeat;
  background-position: 50% 48%;
  background-size: 110px 100px;
  text-align: center;
  color: #fff;
}
.loading-totals-layer .loading-totals-info {
  text-align: center;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  font-size: 2.5em;
  font-weight: bold;
  color: var(--primary);
}
.loading-totals-layer .loading-totals-detail {
  text-align: center;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--primary);
}

/* NEW LOADING */
section {
  /*min-width: 200px; */
  width: 100%;
  height: 100%;
  margin: auto;
  /* padding: 10px; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* color: #ccc; */
  /* cursor: pointer; */
  /* transition: 0.3s linear;*/
}
section:nth-child(2n + 1) {
  background: rgba(0, 0, 0, 0.1);
}

body.login_bg:after {
  background-image: url(../img/login/bg_login_points.png);
  content: "";
  margin: 0 auto;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-attachment: fixed;
  background-position: center center;
  background-size: 45%;
  background-repeat: no-repeat;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: var(--bs-primary) !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) #ffffff !important;
}

.w-18{
  width: 18% !important;
}

@media (min-width: 2500px) {
  body.login_bg:after {
    background-image: url(../img/login/bg_login_points.png);
    content: "";
    margin: 0 auto;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    background-size: 45% !important;
    background-repeat: no-repeat;
  }
  .ms-xxl-21 {
    margin-left: 5.75rem !important;
  }

  .w-xxl-30 {
    width: 30% !important;
  }
}

@media (min-width: 1400px) {
  body.login_bg:after {
    background-image: url(../img/login/bg_login_points.png);
    content: "";
    margin: 0 auto;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    background-size: auto !important;
    background-repeat: no-repeat;
  }
  .ms-xxl-21 {
    margin-left: 5.75rem !important;
  } 

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

  .w-xxl-30 {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .w-xl-40 {
    width: 40%;
  }
}

@media (min-width: 992px) {
  body.login_bg:after {
    background-image: url(../img/login/bg_login_points.png);
    content: "";
    margin: 0 auto;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    background-size: 55%;
    background-repeat: no-repeat;
  }

  .w-lg-25 {
    width: 25%;
  }

  .modalXl {
    --bs-modal-width: 1185px;
  }
}

@media (max-width: 992px) {
  body.login_bg:after {
    background-image: url(../img/login/bg_login_points.png);
    content: "";
    margin: 0 auto;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    background-size: 60%;
    background-repeat: no-repeat;
  }

  @media (min-width: 768px) {
    .w-md-20 {
      width: 20%;
    }
  }

  @media (min-width: 576px) {
    .w-md-20 {
      width: 20%;
    }
  }


  .ms-sm-20 {
    margin-left: 5rem !important;
  }

  /* Responsive graficos de seguimiento NOTA: HABLARLO LUEGO CON BRIAN, ES COMPLICADO USAR RESPONSIVE CON LAS GRAFICAS
  #container3 .apexcharts-graphical, #container4 .apexcharts-graphical, #container5 .apexcharts-graphical, #container10 .apexcharts-graphical {
    transform: translate(92px, 160px) !important;
  }

  #container3 .apexcharts-legend-text, #container4 .apexcharts-legend-text, #container5 .apexcharts-legend-text, #container10 .apexcharts-legend-text {
    font-size: 8px !important;
  }

  #container3 .apexcharts-legend, #container4 .apexcharts-legend, #container5 .apexcharts-legend, #container10 .apexcharts-legend {
    width: 180px !important;
    height: 92px !important;
    position: absolute;
    left: auto;
    right: -92px !important;
  }

  #container3 .apexcharts-legend-series, #container4 .apexcharts-legend-series, #container5 .apexcharts-legend-series, #container10 .apexcharts-legend-series {
    margin: 0px 0px !important;
  }

  #container3 .apexcharts-tooltip, #container4 .apexcharts-tooltip, #container5 .apexcharts-tooltip, #container9 .apexcharts-tooltip, #container10 .apexcharts-tooltip, #container11 .apexcharts-tooltip { 
    top: 36px !important;   
}
  
  #container9 .apexcharts-graphical, #container11 .apexcharts-graphical {
    transform: translate(-16px, 25px) !important;
  }



  #container6 .apexcharts-legend-text, #container7 .apexcharts-legend-text{
    font-size: 12px !important;
  }

  #container6 .apexcharts-radialbar, #container7 .apexcharts-radialbar{
    transform: translate(-7px, 68px) !important;
  }

  #container6 .apexcharts-legend, #container7 .apexcharts-legend{
    position: absolute;
    left: 0px !important;
    top: 125px !important;
  }

  .grafs .apexcharts-legend-marker{
    height: 8px !important;
    width: 8px !important;
  }

  #container7 .apexcharts-legend-text{
    font-size: 10px !important;
  }

  #container7 .apexcharts-radialbar{
    transform: translate(-20px, 68px) !important;
  }

  #container7 .apexcharts-legend{
    position: absolute;
    left: -12px !important;
    top: 107px !important;
  }
  */
}

.mw-85 {
  max-width: 85%!important
}

.border_bottom_gray_100 {
  border-bottom-color: var(--bs-gray-400) !important;
}
@media (max-width: 768px) {
  .ms-sm-0 {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  section {
    width: 50%;
  }
  .border-bottom-sm {
    border-bottom: var(--bs-border-width) var(--bs-border-style)
      var(--bs-border-color) !important;
  }
  .mw-sm-150px {
    max-width: 150px !important;
  }
  .my-sm-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 1.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 1.75rem !important;
  }
  .mt-sm-3 {
    margin-top: 0.75rem !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }

  body.login_bg:after {
    background-image: url(../img/login/bg_login_points.png);
    content: "";
    margin: 0 auto;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
@media (max-width: 480px) {
  section {
    width: 100%;
  }
}

/* Loader min */
.loader-min {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
.loader-min:after,
.loader-min:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent var(--primary) var(--primary);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  -webkit-animation: rotationBack 0.5s linear infinite;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader-min:before {
  width: 32px;
  height: 32px;
  border-color: var(--primarylight) var(--primarylight) transparent transparent;
  -webkit-animation: rotation 1.5s linear infinite;
  animation: rotation 1.5s linear infinite;
}

/* Loader principal */
.loader-11 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}
.loader-11:after,
.loader-11:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent var(--primary) var(--primary);
  width: 82px;
  height: 82px;
  border-radius: 50%;
  -webkit-animation: rotationBack 0.5s linear infinite;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader-11:before {
  width: 32px;
  height: 32px;
  border-color: var(--primarylight) var(--primarylight) transparent transparent;
  -webkit-animation: rotation 1.5s linear infinite;
  animation: rotation 1.5s linear infinite;
}

/* keyFrames */
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* NEW LOADING */

.welcomeDashboard {
  border-radius: 65px;
  padding-top: 5rem;
  padding-bottom: 10rem;
  margin-left: -30px;
  margin-right: -30px;
}

.welcomeDashboard ._welcometext {
  font-size: 32px;
  font-weight: 300;
}
.welcomeDashboard ._date {
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
}

._intoHead {
  margin-top: -68px;
}

._cardIcon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #dbf0de;
}

#logoSolution {
  margin-left: -5px;
}

/*Estilos de los input*/
.login-input input:hover,
.login-input input:focus,
.login-input #accept_policy:focus,
.login-input input:focus-visible,
.login-input #accept_policy:hover,
.login-input #cbox1:focus,
.login-input #cbox1:hover {
  border: 1px solid var(--secondary);
  background-color: var(--grey-lighter);
}

.cont_input {
	/*height: 3rem;*/
    padding: 0.75rem 0.5rem;
    background-color: #fcfcfc !important;
	transition: border-color .3s, box-shadow .3s;
    color: #626262 !important;
    font-size: 1rem;
    border-radius: .5rem;
    font-weight: 400;
    border: 1px solid #EDEDED !important;
}

/*Estilos color hover bontones*/
.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
  color: var(--bs-primary-inverse);
  border-color: var(--secondary);
  background-color: var(--secondary);
}
.form-check-input {
  --bs-form-check-bg: transparent;
  width: 1.75rem;
  height: 1.75rem;
  margin-top: -0.125rem;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--bs-gray-400);
  appearance: none;
  print-color-adjust: exact;
}

.form-check-input:checked,
.color-check:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.lost_pass:hover {
  color: var(--secondary) !important;
}

.form-check .border-check {
  border: 2px solid var(--bs-border-color) !important;
}
.form-check .border-check:checked {
  border: 2px solid var(--primary) !important;
}

/*Estilos de margins*/
.mt-30 {
  margin-top: 10rem;
}

.mt-120px {
  margin-top: 120px;
}

.mt-240px {
  margin-top: 240px;
}

.mt-290px {
  margin-top: 290px;
}

/*Estilos fichero ecard.phtml*/
.ecix_shadow {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.08);
}

/*Estilos de dropdown de los 3 puntos del primer th*/
.point_dNone .btn.btn-secondary.dropdown-toggle:after,
.point_dNone .dropdown-toggle::after {
  display: none !important;
}

/*Estilos botones*/
.botton {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0, 8125rem;
}

/*Colores de los badges*/
.badge-yellow {
  background-color: var(--c-yellow);
  color: #ffffff;
  /* color: #626262; */
}
.badge-warning {
  background-color: var(--c-orange);
}
.badge-success {
  background-color: var(--c-green) !important;
}
.badge-danger {
  background-color: var(--c-red) !important;
}
.badge-white {
  color: var(--bs-secondary-inverse);
  background-color: var(--c-white);
}
.badge-blue {
  color: var(--c-white);
  background-color: var(--primaryblue-dark);
}
.badge-gray {
  color: #282828;
  background-color: var(--grey-light);
}
/*Fin colores de los badges*/

/* Quitando hover de botones que no lo son */
.bg_buttonIcon {
  color: var(--bs-success) !important;
  border-color: var(--bs-success-light) !important;
  background-color: var(--bs-success-light) !important;
  display: inline-block;
  border-radius: 0.475rem;
}

/*Colores textos personalizados colores nuestros*/
.text-warning {
  color: var(--c-orange) !important;
}
.text-yellow {
  color: var(--c-yellow);
}
/*Fin colores textos personalizados colores nuestros*/

/* Colores backgrounds nuestros */
.bg-light-primaryBlue {
  background-color: var(--primaryblue-soft) !important;
}
.bg-light-primary {
  background-color: var(--primarygreen-soft) !important;
}
.bg-light-warning {
  background-color: var(--c-orange-light) !important;
}

.bg-green-light {
  background-color: var(--c-primarylight) !important;
}
.bg-yellow-light {
  background-color: var(--c-yellow-light) !important;
}
.bg-orange-light {
  background-color: var(--c-orange-lighter) !important;
}
.bg-danger-light {
  background-color: var(--c-danger-light) !important;
}



.bg-cBlue{
  background-color: var(--c-blue) !important;
}


.btn-light-danger {
  background-color: var(--c-danger-light) !important;
}

.bg-light-danger {
  background-color: var(--c-danger-light) !important;
}

.bg-success {
  background-color: var(--c-green) !important;
}
.bg-warning {
  background-color: var(--c-orange) !important;
}
.bg-yellow {
  background-color: var(--c-yellow) !important;
}
.bg-danger {
  background-color: var(--c-red) !important;
}
.bg-grey-light {
  background-color: var(--grey-light) !important;
}
.bg-grey-light-soft {
  background-color: var(--grey-light-soft) !important;
}

.bg-grey{
  background-color: var(--grey-light) !important;
}

.bg-tr {
  background-color: #f6f6f6 !important;
}
.bg-tr:hover {
  background-color: #e4e6e5 !important;
}
.bg-light-success {
  background-color: var(--bs-success-light) !important;
}
/* Fin colores backgrounds nuestros */

/*Estilos borded radius personalizado*/
.bordeBottom-left {
  border-bottom-left-radius: 0.475rem !important;
}
.bordeBottom-right {
  border-bottom-right-radius: 0.475rem !important;
}
.bordeTop-left {
  border-top-left-radius: 0.475rem !important;
}
.bordeTop-right {
  border-top-right-radius: 0.475rem !important;
}
/*Fin estilos borded radius tabla personalizado RAT*/

/*Estilos tabla mapa de calor*/

.table:not(.table-bordered).table-rounded {
  border-radius: 0.475rem;
  border-spacing: 4px !important;
  border-collapse: separate;
}

table .bg-gray-200 {
  --bs-bg-rgb-color: var(--bs-gray-200-rgb) !important;
  background-color: var(--bs-gray-200) !important;
}

.bg-gray-200 {
  --bs-bg-rgb-color: var(--bs-gray-200-rgb);
  background-color: var(--bs-gray-200) !important;
}

.bg-secondary-lighter {
  background-color: var(--secondaryhunter-lighter);
}

.bg-sup-lighter {
  background-color: var(--secondary-superlighter);
}

/* tooltipx container */
.tooltipx {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* tooltipx text */
.tooltipx .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltipx text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltipx */
  opacity: 0;
  transition: opacity 0.3s;
}

/* tooltipx arrow */
.tooltipx .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltipx text when you mouse over the tooltipx container */
.tooltipx:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.min-h-252px {
  min-height: 252px;
}

/*Estilos personalizado migas de pan con >*/
.breadcrumb .breadcrumb-item:after {
  content: ">" !important;
}

/*Estilo del hover en los enlaces simples*/
.text-hover-primary:hover {
  color: var(--primary) !important;
}

/*Estilo personalizado de borde radius para datatable*/
.table-b-radius thead tr th:first-child {
  border-top-left-radius: 0.475rem !important;
  border-bottom-left-radius: 0.475rem !important;
}
.table-b-radius thead tr th:last-child {
  border-top-right-radius: 0.475rem !important;
  border-bottom-right-radius: 0.475rem !important;
}

/*Color estilos background pagination tables*/
.active > .page-link,
.page-link.active,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link .next {
  background-color: var(--primary);
}
.page-link:hover,
.page-link:focus,
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
  color: var(--primary);
}

/*Estilos Acordeon*/
.accordion {
  --bs-accordion-border-color: none !important;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237ECE88'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237ECE88'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
}

.accordion-button {
  background-color: var(--bs-accordion-active-bg);
}

.accordion-button:not(.collapsed) {
  color: var(--primary);
}

.bg-gray-dropdown-accordion {
  background-color: var(--bg-accordion-active-bg);
}

.cutText_format_sort {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
}
#kt_search {
  border-radius: 8px;
  background: #f2f2f2;
}
#search .icon-search {
  position: absolute;
  top: 5px;
  right: 7px;
  color: #ccc;
}

.col-x {
  flex: 0 0 auto;
  width: 3.5%;
}
.col-y {
  flex: 0 0 auto;
  width: 3%;
}

.tooltip {
  max-width: 400px !important;
}

.select2 .select2-container .select2-container--bootstrap5 {
  display: block !important;
}

/* Estilos grafico Mapamundi */
.highcharts-container {
  margin: 0 auto;
  text-align: center;
}

.apexcharts-title-text {
  font-weight: bold !important;
}

.shadow-0 {
  box-shadow: none;
}

.b {
  font-weight: bold;
}

/* Estilos select */
.select2-container--bootstrap5
  .select2-selection--single
  .select2-selection__placeholder {
  color: var(--c-white) !important;
}

.form-select.listado {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.775rem 3rem 0.775rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff !important;
  background-color: var(--primary) !important;
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.475rem;
  box-shadow: false;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

/* Estilos background:hover */
.bg-hover-green:hover {
  background-color: var(--hunter-soft) !important;
}

.bg-hover-green:hover .text-white {
  color: var(--hunter-soft) !important;
}

.bg-hover-green-pCalification:hover {
  background-color: var(--hunter-soft) !important;
}

.color_text-white {
  color: white !important;
}

.border_color.border-end,
.border-color.border-start {
  border: 1px solid #ffffff !important;
}

.border_collapse {
  border-collapse: separate;
}

.select2-container--bootstrap5
  .select2-dropdown
  .select2-results__option.select2-results__option--selected {
  background-color: var(--bs-component-hover-bg);
  color: var(--primary);
  transition: color 0.2s ease;
  position: relative;
}

.select2-container--bootstrap5
  .select2-dropdown
  .select2-results__option.select2-results__option--selected:after {
  background-color: var(--primary);
}

.select2-container--bootstrap5
  .select2-dropdown
  .select2-results__option.select2-results__option--highlighted {
  background-color: var(--bs-component-hover-bg);
  color: var(--primary);
  transition: color 0.2s ease;
}

/* Cambiar que solo se vea en mayusculas los titulos de cada pasos en los filtros */
.mays {
  text-transform: uppercase;
}

/* FIX FOR TYNIMCE */
.tox-statusbar__branding {
  display: none;
}
.tox-promotion {
  display: none;
}

/*Estilos para los campos obligatorios*/
.must-error {
  border: 1px #f3817f solid !important;
}

/*Fin estilos para los campos obligatorios*/
.ecix_row_flex {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

/* Puesto para que el ícono de la galleta no pise el menú */
.cookies-elixregtech.padre-mini-cookie .ecix-premodal-view-content {
  bottom: 3%;
}

.ecix_col_from,
.ecix_col_to {
  flex: 0 0 auto !important;
  width: 46% !important;
}

.ecix_col_bottom {
  flex: 0 0 auto !important;
  width: 8% !important;
}

.w-90 {
  width: 90%;
}

.link-corto {
  word-wrap: break-word;
}

/* Puesto para la tabla de eright/list/ para achicar las cabeceras */
.right-by-type.searchTable #kt_datatable_zero_configuration,
.incidences-by-type.searchTable #kt_datatable_zero_configuration {
  table-layout: fixed;
}
.right-by-type.searchTable th,
.incidences-by-type.searchTable th,
.right-by-type.searchTable td:not(:last-child),
.incidences-by-type.searchTable td:not(:last-child) {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

/* Deshabilitar la interacción en una pantalla */
div.disableObjects {
  pointer-events: none;
}

/* Habilitar la interacción en una pantalla en el objeto que tenga la clase*/
span.enableObjects {
  pointer-events: all !important;
}


/* Estilo para los layout empty */
.app-wrapper.empty {
  margin: 0;
}

/* Estilos li usuario responsable en RAT PDCA Estilos para el jquery autocomplete */
.ui-autocomplete.ui-menu {
  background-color: white !important;
  padding: 5px;
  border: 0px solid #fff;
  border-radius: 7px !important;
  -webkit-box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.08);
  width: 90% !important;
  z-index: 1;
}

.ui-autocomplete.ui-menu .ui-menu-item {
  list-style: none;
  cursor: pointer;
  padding: 5px 2px;
  font-weight: 400;
}

.ui-autocomplete.ui-menu .ui-menu-item:hover {
  background-color: var(--hunter-soft);
}

.ui-autocomplete.ui-menu .ui-menu-item a {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 0px;
  cursor: pointer;
}

/* Fin Estilos li usuario responsable en RAT PDCA */

/* Estilos para el slide de ayuda (Centro de recursos) */
.resource-center .modal-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.resource-center .modal-wrapper.open {
  opacity: 1;
  visibility: visible;
}
.resource-center .modal {
  width: 325px;
  height: 500px;
  display: block;
  position: relative;
  top: 70%;
  margin-left: 250px;
  background: #fff;
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.54);
  border-radius: 8px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.resource-center .modal-wrapper.open .modal {
  margin-top: -300px;
  opacity: 1;
}
.resource-center .head-close {
  width: 100%;
  height: 32px;
  padding: 5px 15px;
  overflow: hidden;
  background: #40a04c;
}
.resource-center .btn-close {
  display: block;
  float: right;
  color: #fff;
}
.resource-center .content {
  padding: 3%;
}
@media (max-width: 576px) {
  .resource-center .modal {
    top: 80%;
    margin-left: 15px;
  }
}
/* Fin Estilos para el slide de ayuda (Centro de recursos) */

.policy-disabled {
  opacity: 0.5 !important;
  color: var(--bs-gray-500) !important;
}

/* Los input no tiene que tener un * rojo */
.form-check input.required::after {
  content: "";
}

/**/
.form_error.form_error_style li {
  list-style: none !important;
  color: var(--c-red) !important;
  font-weight: 500;
}

.form_error {
	padding-left: 0px;
}

.form_error li {
	background-color: #fff3f2;
	list-style: none;
	padding: 10px;
	border-radius: 9px;
	font-weight: 500;
	/* color: #282828; */
  color: red;
	transition: color 0.2s ease;
}

/* .form_error li::before{
  content: "\1F6C8";
  font-size: 2rem !important;
  color: #4bb3f8;
  font-family: 'ecix-icons_02' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 4px;
} */

.cursor-no-drop {
  cursor: no-drop;
}

/* Seteo el min-width de la aplicación. Esto se usa sobre todo para los fancybox que se vean todos iguales o se agranden según necesidad */
@media (min-width: 992px) {
  #kt_app_root {
    min-width: 900px;
  }
}

/* Puesto para que el label del título de pregunta si es required (obligatoria) no se muestre el "*" por debajo porque las preguntas vienen con un <p></p> en el nombre*/
.form_element label.required > p {
  display: inline;
}

/* Que el botón primario de acción esté siempre visible */
div.justify-content-end.d-flex > button,
div.justify-content-end.d-flex > .dropdown, div.justify-content-end.d-flex > a.flotable {
  z-index: 9;
}

div.justify-content-end.d-flex > button.flotable,
div.justify-content-end.d-flex > .dropdown.flotable, div.justify-content-end.d-flex > a.flotable {
  opacity: 0.7; 
}


/* Se pone el progreso general del color del fondo correspondiente*/
.question_type_attached .progress {
  background-color: var(--c-white);
}

/* Se pone la barra de progreso de carga de archivo del color correspondiente*/
.question_type_attached .progress .bar {
  background-color: var(--primary);
}


.text-justify {
  text-align: justify;
}

#kt_datatable_zero_configuration tr th{
  vertical-align: top;
}

.popover{
  max-width: 100%; 
}

.rounded-3px {
  border-radius: 3px;
}

.rounded-5 {
  border-radius: 2rem!important
}

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

/* Estilos para mostrar correctamente las ventanas de Modales y fancybox cuando desde el modal abre el fancy */
.modal-backdrop {
  z-index: 1048 !important;
}

.z-index-1050 {
  z-index: 1050 !important;
}

.min-w-85{
  width: 85%;
}

.h-310px{
  height: 310px;
}

.w-34px{
  width: 34px;
}

.h-34px{
  height: 34px;
}

/* Prueba con estilos para que se oculte bien el popover */
#popper[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}

/* El login muestra una flecha blanca rara */
.hover-scroll, .hover-scroll-overlay, .scroll {
	overflow: hidden;
}
.childQuestion{
	padding-left: 25px;
}

/* Botón clase btn-xs y btn-xxs que ya no existe desde bootstrap 4 */
.btn-group-xs > .btn, .btn-xs, .btn-xs:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
	padding: .5rem .7rem;
	font-size: 1rem;
	line-height: .75;
}

div.dataTables_wrapper div.dataTables_processing {
  box-shadow: 0px !important;
}

.childQuestion{
	padding-left: 25px;
}

.isChildQuestion{
	padding-left: 50px;
}

.text-hover-primary:hover i {
  color: var(--bs-primary) !important;
}

table.dataTable>thead .sorting_asc, table.dataTable>thead .sorting_desc {
  vertical-align: bottom !important;
}



.border-separate{
  border-collapse: separate !important;
}

.rounded-top{
  border-top-left-radius: 0.475rem;
  border-top-right-radius: 0.475rem;
}
.rounded-bottom{
  border-bottom-left-radius: 0.475rem;
  border-bottom-right-radius: 0.475rem;
}

.rounded-top-left{
  border-top-left-radius: 0.475rem;
}

.rounded-top-right{
  border-top-right-radius: 0.475rem;
}

.rounded-bottom-left{
  border-bottom-left-radius: 0.475rem;
}

.rounded-bottom-right{
  border-bottom-right-radius: 0.475rem;
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}

.p-2 {
  padding: .5rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}