html, body {
  overscroll-behavior-y: contain; /* disable pull to refresh, keeps glow effects */
}

* {
  font-family: 'Open Sans', Helvetica, sans-serif;
}

.root {
  --primary: #006699;
}

.badge-1,
.badge-2,
.badge-3,
.badge-4,
.badge-5,
.badge-6,
.badge-7,
.badge-8,
.badge-9 {
  color: #FFF
}

.badge-1 {
  background-color: #36AA9D;
}

.badge-2 {
  background-color: #5CBA46;
}

.badge-3 {
  background-color: #FFF00F;
  color: #333;
}

.badge-4 {
  background-color: #F89E21;
}

.badge-5 {
  background-color: #F2552E;
}

.badge-6 {
  background-color: #EE2336;
}

.badge-7 {
  background-color: #E5088C;
}

.badge-8 {
  background-color: #84489D;
}

.badge-9 {
  background-color: #3D4EA1;
}

/* TABLAS */
.dataTables_wrapper {
  min-height: 400px;
}

.table-hover tbody tr:hover {
  background-color: #3241481a;
  color: #333;
}

.form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus {
  border-color: var(--primary);
}

.form-control:focus {
  outline: 0;
  box-shadow: 0 0 0 0 transparent, 0 1px 0 var(--primary);
}

.dataTables_processing {
  margin-top: 40px;
  /****CORREGIR ESTO***/
  padding-top: 10px;
  color: #FFF;
  z-index: 2000;
  font-size: 14px;
  background: linear-gradient(to right, var(--primary) 0, var(--primary) 25%, var(--primary) 75%, var(--primary) 100%);
}

.dataTables_processing i {
  font-size: 20px;
  margin-right: 4px;
}

.dataTable tbody>tr.selected,
.dataTable tbody>tr>.selected,
.table tbody>tr.selected {
  background-color: #4CAF50;
  color: white;
}

/*table-trascender*/
.table-trascender tr:hover {
  cursor: pointer;
}

.wire-modal {
  display: block;
}

[x-cloak] {
  display: none;
}

.modal-body p {
  color: #000 !important;
}

/*LOADER*/
#itsLoaderInner {
  position: fixed;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  background: #FFF;
  font-family: Roboto, sans-serif;
  color: #006699;
  z-index: 9999999;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.its-ball {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid #2196f3;
  opacity: .9;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 35px #95cbf5;
  width: 50px;
  height: 50px;
  left: 0px;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
  margin-bottom: 2rem;
}

/* .its-ball1 {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid #2196f3;
  opacity: .9;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 15px #95cbf5;
  width: 30px;
  height: 30px;
  position: relative;
  top: -40px;
  left: 10px;
  -moz-animation: spinoff .5s infinite linear;
  -webkit-animation: spinoff .5s infinite linear;
} */

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes spinoff {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

.wrapper{
  width:54px;
  height:25px;
  position:absolute;
  top:50%;
  left:50%;
  margin-left: -15px;
  margin-top: -15px;
  }
  
  #preloader5{
    position:relative;
    width:30px;
    height:30px;
    background:#f7c500;
    border-radius:50px;
    -webkit-animation: preloader_5 1.5s infinite linear;
    -moz-animation: preloader_5 1.5s infinite linear;
    -ms-animation: preloader_5 1.5s infinite linear;
    animation: preloader_5 1.5s infinite linear;
  }
  #preloader5:after{
    position:absolute;
    width:50px;
    height:50px;
    border-top:10px solid #fbda58;
    border-bottom:10px solid #fbda58;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-radius:50px;
    content:'';
    top:-20px;
    left:-20px;
    -webkit-animation: preloader_5_after 1.5s infinite linear;
    -moz-animation: preloader_5_after 1.5s infinite linear;
    -ms-animation: preloader_5_after 1.5s infinite linear;
    animation: preloader_5_after 1.5s infinite linear;
    box-sizing: initial;
  }
  
  
  @-webkit-keyframes preloader_5 {
      0% {-webkit-transform: rotate(0deg);}
      50% {-webkit-transform: rotate(180deg);background:#f7ce19;}
      100% {-webkit-transform: rotate(360deg);}
  }
  @-webkit-keyframes preloader_5_after {
      0% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
      50% {border-top:10px solid #f7c500;border-bottom:10px solid #f7c500;}
      100% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
  }
  
  
  @-moz-keyframes preloader_5 {
      0% {-moz-transform: rotate(0deg);}
      50% {-moz-transform: rotate(180deg);background:#f7ce19;}
      100% {-moz-transform: rotate(360deg);}
  }
  @-moz-keyframes preloader_5_after {
      0% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
      50% {border-top:10px solid #f7c500;border-bottom:10px solid #f7c500;}
      100% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
  }
  
  @-ms-keyframes preloader_5 {
      0% {-ms-transform: rotate(0deg);}
      50% {-ms-transform: rotate(180deg);background:#f7ce19;}
      100% {-ms-transform: rotate(360deg);}
  }
  @-ms-keyframes preloader_5_after {
      0% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
      50% {border-top:10px solid #f7c500;border-bottom:10px solid #f7c500;}
      100% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
  }
  
  @keyframes preloader_5 {
      0% {transform: rotate(0deg);}
      50% {transform: rotate(180deg);background:#f7ce19;}
      100% {transform: rotate(360deg);}
  }
  @keyframes preloader_5_after {
      0% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
      50% {border-top:10px solid #f7c500;border-bottom:10px solid #f7c500;}
      100% {border-top:10px solid #fbda58;border-bottom:10px solid #fbda58;}
  }


.table-valor-atributos {
  text-align: center;
  border-collapse: collapse;
}

.table-valor-atributos th,
.table-valor-atributos td {
  padding: 0.3rem;
  border: thin solid rgba(0, 0, 0, .12);
  font-size: 14px;
}

.table-valor-atributos .hide {
  background-color: white;
  border: none;
}

.resultado-eneagrama table td {
  position: relative;
}

.resultado-eneagrama-new {
  width: 100%;
}

.resultado-eneagrama-new .circle {}

.resultado-eneagrama-new .cuadrado {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin: 40px;
}

.resultado-eneagrama-new .badge {
  position: absolute;
  z-index: 1;
}

.safe-area {
  background: red;
  position: absolute;
  width: 320px;
  height: 320px;
  opacity: 0.5;
  border-radius: 50%;
  z-index: 9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: none;
}

.select2-container {
  border-bottom: 1px solid #ddd;
}