*:before,
*:after {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
  vertical-align: baseline;
}
*:selection {
  color: #fff;
  background: #d2d2d2;
}
html,
body {
  height: 100%;
  width: 100%;
}
body > div:first-child,
#__next,
#__next > div {
  width: 100%;
  height: 100%;
}
html {
  box-sizing: border-box;
  outline: none;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  font-family: 'Questrial', serif;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  color: #828282;
  background-color: #fff;
  overflow-x: hidden;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  box-sizing: border-box;
  outline: none;
  display: block;
}
div,
label,
span,
form {
  box-sizing: border-box;
  outline: none;
}
ol,
ul {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: none;
}
table {
  box-sizing: border-box;
  outline: none;
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  box-sizing: border-box;
  outline: none;
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  color: #828282;
  margin: 0;
  border: 0;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  vertical-align: baseline;
  -webkit-backface-visibility: hidden;
}
button,
input,
optgroup,
select,
textarea {
  box-sizing: border-box;
  outline: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  background-color: transparent;
  border: none;
  resize: none;
  color: #828282;
  font-size: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled,
[role="button"]:disabled,
button.disabled,
[type="button"].disabled,
[type="reset"].disabled,
[type="submit"].disabled,
[role="button"].disabled {
  cursor: default;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
[role="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
  border-style: none;
  outline: none;
}
textarea {
  overflow: auto;
}
select[multiple],
select[size] {
  height: auto;
}
input {
  -webkit-appearance: none;
}
input:disabled {
  cursor: default;
}
input::-moz-focus-inner {
  border: 0;
  outline: 0;
}
[type="search"] {
  -webkit-appearance: none;
  box-sizing: border-box;
}
[type="radio"],
[type="checkbox"] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
[type="search"]::-webkit-search-cancel-button {
  display: none;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  display: block;
  width: 100%;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb:focus {
  outline: 0;
}
input[type=range]::-webkit-slider-thumb::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-moz-focus-outer {
  border: 0;
  outline: 0;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #828282;
}
b,
strong {
  font-weight: 700;
}
img {
  box-sizing: border-box;
  outline: none;
  border-style: none;
  width: 100%;
  height: auto;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: #f0f2f5;
}
::-webkit-scrollbar-thumb {
  background-color: #001529;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scrollbar-highlight-color: #fff;
    -ms-scrollbar-arrow-color: $primary;
    -ms-scrollbar-face-color: $primary;
  }
}
[hidden] {
  display: none;
}
@font-face {
  font-family: 'Anatomia3DIconFont';
  src: url(/_next/static/b9b89ca97d08ab5a3f64146d33a09e45.eot);
  src: url(/_next/static/b9b89ca97d08ab5a3f64146d33a09e45.eot) format('embedded-opentype'), url(/_next/static/f69a8023a6dafad098be36261577449c.ttf) format('truetype'), url(/_next/static/e7803dd968789095b409df4094106521.woff) format('woff'), url(/_next/static/2a445747d622600063179105e42ac7cb.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: 'Anatomia3DIconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.7rem;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.uncolor:before {
  content: '\E95C';
}
.settings:before {
  content: '\E95D';
}
.trash:before {
  content: '\E95E';
}
.eureka:before {
  content: '\E95F';
}
.mov:before {
  content: '\E960';
}
.rotate:before {
  content: '\E961';
}
.settings2:before {
  content: '\E962';
}
.lesson:before {
  content: '\E963';
}
.nomina:before {
  content: '\E964';
}
.zoom:before {
  content: '\E965';
}
.unfade:before {
  content: '\E966';
}
.unshow:before {
  content: '\E967';
}
.color:before {
  content: '\E968';
}
.fade:before {
  content: '\E969';
}
.quizz:before {
  content: '\E96A';
}
.img:before {
  content: '\E96B';
}
.sound:before {
  content: '\E96C';
}
.video:before {
  content: '\E96D';
}
.fav:before {
  content: '\E96E';
}
.hiperlink:before {
  content: '\E96F';
}
.quizzNeg:before {
  content: '\E91D';
}
.imgNeg:before {
  content: '\E91B';
}
.soundNeg:before {
  content: '\E91C';
}
.videoNeg:before {
  content: '\E91A';
}
.favNeg:before {
  content: '\E918';
}
.hiperlinkNeg:before {
  content: '\E918';
}
.less:before {
  content: '\E970';
}
.show:before {
  content: '\E971';
}
.leyend:before {
  content: '\E972';
}
.multiselector:before {
  content: '\E973';
}
.sequence:before {
  content: '\E974';
}
.home:before {
  content: '\E975';
}
.redo:before {
  content: '\E976';
}
.undo:before {
  content: '\E977';
}
.filter:before {
  content: '\E900';
}
.viewbox:before {
  content: '\E901';
}
.viewlist:before {
  content: '\E903';
}
.vtriangle:before {
  content: '\E904';
}
.htriangle {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.htriangle:before {
  content: '\E902';
}
.htriangle.closed {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.morebread:before {
  content: '\E906';
}
.lessbread:before {
  content: '\E905';
}
.dot:before {
  content: '\E907';
}
.edit:before {
  content: '\E908';
}
.duplicate:before {
  content: '\E909';
}
.profesor:before {
  content: '\E90A';
}
.plus:before {
  content: '\E90C';
}
.minum:before {
  content: '\E90B';
}
.aislar:before {
  content: '\E90F';
}
.showothers:before {
  content: '\E90D';
}
.fadeothers:before {
  content: '\E90E';
}
.tenprevten:before {
  content: '\E910';
}
.tenplusplay:before {
  content: '\E911';
}
.prevplay:before {
  content: '\E912';
}
.nextplay:before {
  content: '\E913';
}
.play:before {
  content: '\E914';
}
.exit:before {
  content: '\E915';
}
.save:before {
  content: '\E916';
}
.edit2:before {
  content: '\E921';
}
.crono:before {
  content: '\E91E';
}
.txt:before {
  content: '\E91F';
}
.favFill:before {
  content: '\E920';
}
.movebox:before {
  content: '\E921';
}
.search:before {
  content: '\E923';
}
.profile:before {
  content: '\E922';
}
.students:before {
  content: '\E925';
}
.class:before {
  content: '\E924';
}
.misions:before {
  content: '\E926';
}
.dragdrop:before {
  content: '\E92F';
}
.plusbutton:before {
  content: '\E928';
}
.course:before {
  content: '\E931';
}
.info:before {
  content: '\E932';
}
@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: local('Questrial'), local('Questrial-Regular'), url(/_next/static/5fa65b36f8bd8cccd654f83cc9f119c5.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.mainLayout {
  height: 100%;
  width: 100%;
  background-color: #f0f2f5;
}
.mainLayout .mainContent {
  min-height: -webkit-calc(100% - 40px);
  min-height: calc(100% - 40px);
  padding-top: 85px;
}
.mainLayout .mainContent .contentBasics {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #f0f2f5;
}
.mainLayout .mainContent .contentBasics .logIn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent {
  padding: 15px 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fff;
  width: auto;
  height: auto;
  box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.15);
  border-radius: 5px;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginTop {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginTop img {
  height: 100px;
  width: auto;
  margin-bottom: 35px;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginTop h2 {
  margin-bottom: 45px;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginBot {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginBot .labelName {
  background-color: #d5e0e7;
  width: 300px;
  height: 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  padding: 10px;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginBot p {
  margin-bottom: 15px;
  color: #de0550;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginBot .labelButton {
  background-color: #969fa7;
  width: 300px;
  height: 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  color: #fff;
}
.mainLayout .mainContent .contentBasics .logIn .logInContent .loginBot .labelButton:hover {
  background-color: #de0550;
}
.headerBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 65px;
  background-color: #001529;
  box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
  z-index: 10;
}
.headerBox .headerLeft {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 0px 20px;
  width: 50%;
  height: 100%;
}
.headerBox .headerLeft img {
  height: 50px;
  width: auto;
  margin-right: 35px;
}
.headerBox .headerLeft img:hover {
  cursor: pointer;
}
.headerBox .headerLeft button {
  margin-right: 35px;
  color: #fff;
  font-size: 1rem;
}
.headerBox .headerLeft .selectClassStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-width: 150px;
  width: auto;
  padding-left: 10px;
  height: 30px;
  margin-right: 20px;
  border: 1px solid;
  border-color: #fff;
  border-radius: 5px;
  color: #fff;
}
.headerBox .headerLeft .selectClassStyle p {
  color: #fff;
}
.headerBox .headerLeft .selectClassStyle i {
  font-size: 1rem;
  color: #fff;
  margin-left: 5px;
  opacity: 0.8;
}
.headerBox .headerLeft .selectClassStyle.rc-dropdown-open {
  background-color: #de0550;
  border-color: #de0550;
}
.headerBox .headerRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 50%;
  height: 100%;
}
.headerBox .headerRight .profileButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  width: 65px;
  color: #fff;
  background-color: #de0550;
  padding: 0 30px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.headerBox .headerRight .profileButton p {
  font-size: 0rem;
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
}
.headerBox .headerRight .profileButton .pStyle {
  font-size: 1.5rem;
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
}
.headerBox .headerRight .profileButton:hover {
  width: 150px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.headerBox .headerRight .profileButton:hover p {
  font-size: 1.3rem;
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
  margin-right: 10px;
}
.headerBox .headerRight .profileButton:hover .pStyle {
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
  font-size: 2rem;
}
.headerBox .headerRight .profileButton .tStyle {
  font-size: 1.2rem;
}
.headerBox .menuStyle {
  background-color: #ffc0cb;
}
.headerBox .menuStyle .buttonProfile {
  background-color: #de0550;
}
.footerBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-content: center;
          align-content: center;
  width: 100%;
  height: 40px;
  background-color: #001529;
  padding-top: 10px;
  color: #fff;
}
.topContentBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0px;
  height: 55px;
  width: 80%;
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .topContentBox {
    width: 90%;
  }
}
@media screen and (max-width: 680px) {
  .topContentBox {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: auto;
  }
}
.topContentBox .boxName,
.topContentBox .boxData {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  color: #001529;
}
.topContentBox .boxName {
  width: 50%;
  height: 100%;
  background-color: #fff;
  font-size: 1rem;
}
@media screen and (max-width: 680px) {
  .topContentBox .boxName {
    width: 100%;
    height: 55px;
  }
}
.topContentBox .boxData {
  width: 22.5%;
  height: 100%;
  background-color: #fff;
  font-size: 1.2rem;
}
@media screen and (max-width: 680px) {
  .topContentBox .boxData {
    width: 48.5%;
    margin-top: 25px;
    height: 55px;
  }
}
.topContentBox .boxData h3 {
  margin-top: 5px;
  margin-left: 10px;
}
.topContentBox .boxData i {
  margin-right: 10px;
  font-size: 1.8rem;
}
.topContentBox.courseStyle .boxName {
  width: 75%;
}
@media screen and (max-width: 680px) {
  .topContentBox.courseStyle .boxName {
    width: 100%;
    height: 55px;
  }
}
@media screen and (max-width: 680px) {
  .topContentBox.courseStyle .boxData {
    width: 100%;
    height: 55px;
  }
}
.graficaContentBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 25px 15%;
  margin-top: 0px;
  height: 100%;
  width: 80%;
  background-color: #fff;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .graficaContentBox {
    width: 90%;
  }
}
.graficaContentBox .panelCalifications {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.graficaContentBox .panelAlumnos {
  background-color: #fff;
  position: relative;
  z-index: 1;
  min-height: 500px;
}
.graficaContentBox .excelButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: absolute;
  margin: 25px 15%;
  margin-top: 0;
  z-index: 1;
  top: -2;
  right: 0;
  background-color: #969fa7;
  color: #fff;
  height: 40px;
  width: auto;
  padding: 0 20px;
  min-width: 200px;
  border-top-right-radius: 7.5px;
  box-shadow: inset 2px -2px 3px 0px rgba(0,0,0,0.35);
}
@media screen and (max-width: 1024px) {
  .graficaContentBox .excelButton {
    margin: 0px 5%;
  }
}
.graficaContentBox .excelButton:hover {
  background-color: #de0550;
}
.classTabBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin: 25px;
  margin-top: 0px;
  height: auto;
  width: 70%;
  background-color: #fff;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  padding-bottom: 7.5px;
}
@media screen and (max-width: 1024px) {
  .classTabBox {
    width: 90%;
  }
}
.classTabBox .lineHeaderTab,
.classTabBox .lineBucleBox {
  padding: 0;
}
.classTabBox .lineHeaderTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 50px;
  width: 100%;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  background-color: #969fa7;
  color: #fff;
  padding: 0 20px;
}
.classTabBox .lineHeaderTab .guideContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 80%;
  height: 100%;
}
.classTabBox .lineHeaderTab .guideContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #fff;
  width: auto;
  height: auto;
  margin-right: 2.5%;
  font-size: 0.8rem;
}
.classTabBox .lineHeaderTab .guideContent h4.largeH4 {
  width: 195px;
}
.classTabBox .lineHeaderTab .guideContent h4.mediumH4 {
  width: 150px;
}
.classTabBox .lineHeaderTab .guideContent h4.shortH4 {
  width: 100px;
}
.classTabBox .lineBucleBox {
  padding: 0 20px;
  width: 100%;
  height: auto;
}
.classTabBox .lineBucleTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 50px;
  height: auto;
  width: 100%;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.classTabBox .lineBucleTab +.lineBucleTab {
  border-top: 2px solid;
  border-color: #d2d2d2;
}
.classTabBox .lineBucleTab .dataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
}
.classTabBox .lineBucleTab .dataContainer .classContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 80%;
  height: 100%;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  margin-right: 2.5%;
  font-size: 0.9rem;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.classLabel {
  background-color: #ff9090;
  border-radius: 5px;
  height: 30px;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
  width: 195px;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.mediumH4 {
  width: 150px;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
  width: 100px;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 20%;
  height: 100%;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: auto;
  height: auto;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton button.downIcon i {
  font-size: 1.2rem;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton button.editMisionB {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-right: 20px;
  background-color: #969fa7;
  border-radius: 5px;
  height: 30px;
  color: #fff;
  padding: 0px 10px;
  font-size: 0.9rem;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton button.editMisionB:hover {
  background-color: #de0550;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton button i {
  font-size: 2rem;
  color: #606060;
}
.classTabBox .lineBucleTab .labelInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  height: 400px;
  width: 100%;
  padding: 30px 0;
}
.classTabBox .lineBucleTab .labelInfo .graficaPrincipal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  width: 40%;
}
.classTabBox .lineBucleTab .labelInfo .graficaPrincipal .graficoRedondo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #ffa500;
  height: 300px;
  width: 300px;
  border-radius: 1000px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
}
.classTabBox .lineBucleTab .labelInfo .graficaPrincipal .graficoRedondo .graficoRedondoMini {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fff;
  height: 225px;
  width: 225px;
  border-radius: 1000px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: space-between;
          align-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 10px;
  height: 100%;
  width: 60%;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  width: 100%;
  height: 275px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  height: 100%;
  width: 45%;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.25);
  overflow-y: auto;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox +.minInfoBox {
  margin-right: 25px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .encabezadoTittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  z-index: 10px;
  padding: 7.5px 0;
  background-color: #969fa7;
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .encabezadoTittle h4 {
  font-size: 0.8rem;
  color: #fff;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .contenInBucle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  padding: 12.5px 0;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .contenInBucle h4 {
  font-size: 0.8rem;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo ::-webkit-scrollbar {
  width: 0px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  width: 100%;
  height: 50px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .editMisionB,
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .buttonAction {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: auto;
  padding: 7.5px 15px;
  background-color: #969fa7;
  color: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.25);
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .editMisionB:hover,
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .buttonAction:hover {
  background-color: #de0550;
}
.studentTabBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin: 25px 0px;
  margin-top: 0px;
  height: auto;
  width: 100%;
  padding-bottom: 7.5px;
  margin-top: 5px;
  min-width: 850px;
}
.studentTabBox .lineHeaderTab,
.studentTabBox .lineBucleBox {
  padding: 0;
}
.studentTabBox .lineHeaderTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 50px;
  width: 100%;
  color: #001529;
  opacity: 0.5;
}
.studentTabBox .lineHeaderTab .guideContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 70%;
  height: 100%;
}
.studentTabBox .lineHeaderTab .guideContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #001529;
  width: auto;
  height: auto;
  margin-right: 2.5%;
  font-size: 0.9rem;
}
.studentTabBox .lineHeaderTab .guideContent h4.largeH4 {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}
.studentTabBox .lineHeaderTab .guideContent h4.shortH4 {
  width: 100px;
}
.studentTabBox .lineBucleBox {
  width: 100%;
  height: auto;
}
.studentTabBox .lineBucleTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 60px;
  height: auto;
  width: 100%;
  background-color: #f9f9f9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.studentTabBox .lineBucleTab +.lineBucleTab {
  margin-top: 10px;
}
.studentTabBox .lineBucleTab .dataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
}
.studentTabBox .lineBucleTab .dataContainer .classContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 70%;
  height: 100%;
}
.studentTabBox .lineBucleTab .dataContainer .classContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  margin-right: 2.5%;
  font-size: 0.9rem;
}
.studentTabBox .lineBucleTab .dataContainer .classContent h4.classLabel {
  background-color: #ff9090;
  border-radius: 5px;
  height: 30px;
}
.studentTabBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}
.studentTabBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
  width: 100px;
}
.studentTabBox .lineBucleTab .dataContainer .moreInfoButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 30%;
  height: 100%;
}
.studentTabBox .lineBucleTab .dataContainer .moreInfoButton button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: auto;
  height: auto;
}
.studentTabBox .lineBucleTab .dataContainer .moreInfoButton button.downIcon i {
  font-size: 1.5rem;
}
.studentTabBox .lineBucleTab .dataContainer .moreInfoButton button.editMisionB {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-right: 20px;
  background-color: #969fa7;
  border-radius: 5px;
  height: 30px;
  color: #fff;
  padding: 0px 10px;
  font-size: 0.9rem;
}
@media screen and (max-width: 800px) {
  .studentTabBox .lineBucleTab .dataContainer .moreInfoButton button.editMisionB {
    height: 35px;
    font-size: 0.8rem;
  }
}
.studentTabBox .lineBucleTab .dataContainer .moreInfoButton button.editMisionB:hover {
  background-color: #de0550;
}
.studentTabBox .lineBucleTab .dataContainer .moreInfoButton button i {
  font-size: 2rem;
  color: #606060;
}
.studentTabBox .lineBucleTab .labelInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  height: 400px;
  width: 100%;
  padding: 30px 0;
}
.studentTabBox .lineBucleTab .labelInfo .graficaPrincipal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  width: 40%;
}
.studentTabBox .lineBucleTab .labelInfo .graficaPrincipal .graficoRedondo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #ffa500;
  height: 300px;
  width: 300px;
  border-radius: 1000px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
}
.studentTabBox .lineBucleTab .labelInfo .graficaPrincipal .graficoRedondo .graficoRedondoMini {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fff;
  height: 225px;
  width: 225px;
  border-radius: 1000px;
}
.studentTabBox .lineBucleTab .labelInfo .infoSecundaria {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: space-between;
          align-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 10px;
  height: 100%;
  width: 60%;
}
.studentTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  height: 275px;
}
.studentTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox {
  background-color: #fff;
  height: 100%;
  width: -webkit-calc(100% / 3.2);
  width: calc(100% / 3.2);
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.25);
}
.studentTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  width: 100%;
  height: 50px;
}
.studentTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: auto;
  padding: 7.5px;
  width: 45%;
  background-color: #969fa7;
  color: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.25);
}
.studentTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass button:hover {
  background-color: #de0550;
}
.classTabBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin: 25px;
  margin-top: 0px;
  height: auto;
  width: 80%;
  background-color: #fff;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  padding-bottom: 7.5px;
}
@media screen and (max-width: 1024px) {
  .classTabBox {
    width: 90%;
  }
}
.classTabBox .lineHeaderTab,
.classTabBox .lineBucleBox {
  padding: 0;
}
.classTabBox .lineHeaderTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 50px;
  width: 100%;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  background-color: #969fa7;
  color: #fff;
  padding: 0 20px;
}
.classTabBox .lineHeaderTab .guideContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 80%;
  height: 100%;
}
.classTabBox .lineHeaderTab .guideContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  -webkit-align-content: center;
          align-content: center;
  -webkit-align-self: center;
          align-self: center;
  color: #fff;
  width: auto;
  height: auto;
  margin-right: 2.5%;
  font-size: 0.8rem;
}
.classTabBox .lineHeaderTab .guideContent h4 i {
  font-size: 1rem;
  margin-right: 5px;
}
.classTabBox .lineHeaderTab .guideContent h4.largeH4 {
  width: 195px;
}
.classTabBox .lineHeaderTab .guideContent h4.mediumH4 {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}
.classTabBox .lineHeaderTab .guideContent h4.shortH4 {
  width: 100px;
}
.classTabBox .lineBucleBox {
  padding: 0 20px;
  width: 100%;
  height: auto;
}
.classTabBox .lineBucleTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 50px;
  height: auto;
  width: 100%;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.classTabBox .lineBucleTab +.lineBucleTab {
  border-top: 2px solid;
  border-color: #d2d2d2;
}
.classTabBox .lineBucleTab .dataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  padding: 10px 0;
}
.classTabBox .lineBucleTab .dataContainer .classContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  margin-right: 2.5%;
  font-size: 0.9rem;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.classLabel {
  background-color: #ff9090;
  border-radius: 5px;
  height: 30px;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
  width: 195px;
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.mediumH4 {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}
.classTabBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
  width: 100px;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #969fa7;
  border-radius: 5px;
  width: 100px !important;
  height: 25px !important;
  color: #fff;
  padding: 5px 10px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton:hover {
  background-color: #de0550;
  width: 150px !important;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  margin-right: 0px;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton:hover.editMisionB {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-right: 20px;
  background-color: #969fa7;
  border-radius: 5px;
  height: 30px;
  color: #fff;
  padding: 0px 10px;
  font-size: 0.9rem;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton:hover.editMisionB:hover {
  background-color: #de0550;
}
.classTabBox .lineBucleTab .dataContainer .moreInfoButton:hover i {
  font-size: 2rem;
  color: #606060;
}
.classTabBox .lineBucleTab .labelInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  height: 400px;
  width: 100%;
  padding: 30px 0;
}
.classTabBox .lineBucleTab .labelInfo .graficaPrincipal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  width: 40%;
}
.classTabBox .lineBucleTab .labelInfo .graficaPrincipal .graficoRedondo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #ffa500;
  height: 300px;
  width: 300px;
  border-radius: 1000px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
}
.classTabBox .lineBucleTab .labelInfo .graficaPrincipal .graficoRedondo .graficoRedondoMini {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fff;
  height: 225px;
  width: 225px;
  border-radius: 1000px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: space-between;
          align-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 10px;
  height: 100%;
  width: 60%;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  width: 100%;
  height: 275px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  height: 100%;
  width: 45%;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.25);
  overflow-y: auto;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox +.minInfoBox {
  margin-right: 25px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .encabezadoTittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  z-index: 10px;
  padding: 7.5px 0;
  background-color: #969fa7;
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .encabezadoTittle h4 {
  font-size: 0.8rem;
  color: #fff;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .contenInBucle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  padding: 12.5px 0;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo .miniInfoBox .contenInBucle h4 {
  font-size: 0.8rem;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .miniGraphicInfo ::-webkit-scrollbar {
  width: 0px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  width: 100%;
  height: 50px;
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .editMisionB,
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .buttonAction {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: auto;
  padding: 7.5px 15px;
  background-color: #969fa7;
  color: #fff;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.25);
}
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .editMisionB:hover,
.classTabBox .lineBucleTab .labelInfo .infoSecundaria .buttonsClass .buttonAction:hover {
  background-color: #de0550;
}
.topContentBoxClass {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0px;
  height: 55px;
  width: 70%;
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .topContentBoxClass {
    width: 90%;
  }
}
.topContentBoxClass .boxName,
.topContentBoxClass .boxData {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  color: #606060;
}
.topContentBoxClass .boxName {
  width: 37.5%;
  height: 100%;
  background-color: #fff;
  font-size: 1rem;
}
.topContentBoxClass .boxData {
  width: 32.75%;
  height: 100%;
  background-color: #fff;
  font-size: 1.2rem;
}
.topContentBoxClass .boxData h3 {
  margin-top: 5px;
  margin-left: 10px;
}
.topContentBoxClass .boxData i {
  margin-right: 10px;
  font-size: 1.8rem;
}
.topContentBoxStudent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 55px;
  width: 70%;
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .topContentBoxStudent {
    width: 90%;
  }
}
.topContentBoxStudent .boxName,
.topContentBoxStudent .boxData {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  color: #001529;
}
.topContentBoxStudent .boxName {
  width: 50%;
  height: 100%;
  background-color: #fff;
  font-size: 1rem;
}
.topContentBoxStudent .boxData {
  width: 24%;
  height: 100%;
  background-color: #fff;
  font-size: 1.2rem;
}
.topContentBoxStudent .boxData h3 {
  margin-top: 5px;
  margin-left: 10px;
}
.topContentBoxStudent .boxData i {
  margin-right: 10px;
  font-size: 1.8rem;
}
.editMisions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  height: 400px;
  width: 100%;
  min-width: 680px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.editMisions .headerMissionsEdit {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 50px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 15px;
}
@media screen and (min-width: 1024px) {
  .editMisions .headerMissionsEdit {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.editMisions .headerMissionsEdit h4 {
  color: #fff;
  font-size: 0.8rem;
  color: #969fa7;
}
.editMisions .editMissionsBox::-webkit-scrollbar {
  display: none;
}
.editMisions .editMissionsBox {
  width: 100%;
}
.editMisions .editMissionsBox .lineHeaderTab,
.editMisions .editMissionsBox .lineBucleBox {
  padding: 0;
}
.editMisions .editMissionsBox .lineHeaderTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 40px;
  width: 100%;
  background-color: #fff;
  margin-top: 5px;
  padding: 0 10px;
}
.editMisions .editMissionsBox .lineHeaderTab .guideContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineHeaderTab .guideContent {
    width: 100%;
  }
}
.editMisions .editMissionsBox .lineHeaderTab .guideContent i {
  color: #fff;
}
.editMisions .editMissionsBox .lineHeaderTab .guideContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .editMisions .editMissionsBox .lineHeaderTab .guideContent h4 {
    font-size: 0.7rem;
  }
}
.editMisions .editMissionsBox .lineHeaderTab .guideContent h4.largeH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineHeaderTab .guideContent h4.largeH4 {
    width: 120px;
  }
}
.editMisions .editMissionsBox .lineHeaderTab .guideContent h4.mediumH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineHeaderTab .guideContent h4.mediumH4 {
    width: 100px;
  }
}
.editMisions .editMissionsBox .lineHeaderTab .guideContent h4.shortH4 {
  width: 100px;
  text-align: center;
}
.editMisions .editMissionsBox .lineBucleBox {
  width: 100%;
  height: auto;
}
.editMisions .editMissionsBox .lineBucleTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 40px;
  height: auto;
  width: 100%;
  background-color: #f9f9f9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  border: 10px solid;
  border-top: 5px solid;
  border-bottom: 5px solid;
  border-color: #fff;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  background-color: #f9f9f9;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent {
    width: 100%;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4 {
    font-size: 0.7rem;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.classLabel {
  background-color: #ff9090;
  border-radius: 5px;
  height: 30px;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
    width: 120px;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.mediumH4 {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.mediumH4 {
    width: 100px;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
    width: 100px;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 20px;
  color: #de0550;
  background-color: #ebebeb;
}
@media screen and (max-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker {
    font-size: 0.7rem;
  }
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker {
    width: 100px;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker.hover {
  color: #000;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 20px;
  color: #de0550;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput {
    width: 100px;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput.large {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput.large {
    width: 120px;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100px;
  height: 100%;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch {
  position: relative;
  width: 45px;
  height: 30px;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch .wrapper {
  position: relative;
  width: 45px;
  height: 30px;
  border: 2px solid #969fa7;
  border-radius: 30px;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch .wrapper span {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #969fa7;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch label {
  cursor: pointer;
  left: -webkit-calc(100% + 10px);
  left: calc(100% + 10px);
  top: 50%;
  font-weight: 600;
  font-size: 0.85rem;
  moreInfoButton: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch label {
    font-size: 0.7rem;
  }
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 30px;
  padding: 0;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper {
  border-color: #001529;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper span {
  background-color: #001529;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper label {
  color: #828282;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked ~ .wrapper {
  border-color: #32cd32;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked ~ .wrapper span {
  background-color: #32cd32;
  -webkit-transform: translatex(14px);
          transform: translatex(14px);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper {
  border-color: #001529;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper span {
  background-color: #001529;
}
.editMisions .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper label {
  color: $primary;
}
.editMisionsP {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #f00;
  height: 400px;
  width: 100%;
  min-width: 680px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.editMisionsP .headerMissionsEdit {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 50px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 15px;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .headerMissionsEdit {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.editMisionsP .headerMissionsEdit h4 {
  color: #fff;
  font-size: 0.8rem;
  color: #969fa7;
}
.editMisionsP .editMissionsBox::-webkit-scrollbar {
  display: none;
}
.editMisionsP .editMissionsBox {
  width: 100%;
}
.editMisionsP .editMissionsBox .lineHeaderTab,
.editMisionsP .editMissionsBox .lineBucleBox {
  padding: 0;
}
.editMisionsP .editMissionsBox .lineHeaderTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 40px;
  width: 100%;
  background-color: #fff;
  margin-top: 5px;
  padding: 0 10px;
}
.editMisionsP .editMissionsBox .lineHeaderTab .guideContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineHeaderTab .guideContent {
    width: 100%;
  }
}
.editMisionsP .editMissionsBox .lineHeaderTab .guideContent i {
  color: #fff;
}
.editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4 {
    font-size: 0.7rem;
  }
}
.editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4.largeH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4.largeH4 {
    width: 120px;
  }
}
.editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4.mediumH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4.mediumH4 {
    width: 100px;
  }
}
.editMisionsP .editMissionsBox .lineHeaderTab .guideContent h4.shortH4 {
  width: 100px;
  text-align: center;
}
.editMisionsP .editMissionsBox .lineBucleBox {
  width: 100%;
  height: auto;
}
.editMisionsP .editMissionsBox .lineBucleTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 40px;
  height: auto;
  width: 100%;
  background-color: #f9f9f9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  border: 10px solid;
  border-top: 5px solid;
  border-bottom: 5px solid;
  border-color: #fff;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  background-color: #f9f9f9;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent {
    width: 100%;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4 {
    font-size: 0.7rem;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.classLabel {
  background-color: #ff9090;
  border-radius: 5px;
  height: 30px;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.largeH4 {
    width: 120px;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.mediumH4 {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.mediumH4 {
    width: 100px;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent h4.shortH4 {
    width: 100px;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 20px;
  color: #de0550;
  background-color: #ebebeb;
}
@media screen and (max-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker {
    font-size: 0.7rem;
  }
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker {
    width: 100px;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPicker.hover {
  color: #000;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 20px;
  color: #de0550;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput {
    width: 100px;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput.large {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .dataPickerImput.large {
    width: 120px;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100px;
  height: 100%;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch {
  position: relative;
  width: 45px;
  height: 30px;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch .wrapper {
  position: relative;
  width: 45px;
  height: 30px;
  border: 2px solid #969fa7;
  border-radius: 30px;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch .wrapper span {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #969fa7;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch label {
  cursor: pointer;
  left: -webkit-calc(100% + 10px);
  left: calc(100% + 10px);
  top: 50%;
  font-weight: 600;
  font-size: 0.85rem;
  moreInfoButton: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch label {
    font-size: 0.7rem;
  }
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 30px;
  padding: 0;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper {
  border-color: #001529;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper span {
  background-color: #001529;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper label {
  color: #828282;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked ~ .wrapper {
  border-color: #32cd32;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked ~ .wrapper span {
  background-color: #32cd32;
  -webkit-transform: translatex(14px);
          transform: translatex(14px);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper {
  border-color: #001529;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper span {
  background-color: #001529;
}
.editMisionsP .editMissionsBox .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper label {
  color: $primary;
}
#portalDraggable .lineBucleTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  min-height: 40px;
  height: auto;
  width: 100%;
  background-color: #f9f9f9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  border: 10px solid;
  border-top: 5px solid;
  border-bottom: 5px solid;
  border-color: #fff;
}
#portalDraggable .lineBucleTab .dataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
}
#portalDraggable .lineBucleTab .dataContainer .classContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  background-color: #f9f9f9;
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent {
    width: 100%;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #606060;
  width: auto;
  height: auto;
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent h4 {
    font-size: 0.7rem;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent h4.classLabel {
  background-color: #ff9090;
  border-radius: 5px;
  height: 30px;
}
#portalDraggable .lineBucleTab .dataContainer .classContent h4.largeH4 {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent h4.largeH4 {
    width: 120px;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent h4.mediumH4 {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent h4.mediumH4 {
    width: 100px;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent h4.shortH4 {
  width: 150px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent h4.shortH4 {
    width: 100px;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent .dataPicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 20px;
  color: #de0550;
}
@media screen and (max-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent .dataPicker {
    font-size: 0.7rem;
  }
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent .dataPicker {
    width: 100px;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent .dataPicker.hover {
  color: #000;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .dataPickerImput {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
  width: 150px;
  height: 20px;
  color: #de0550;
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent .dataPickerImput {
    width: 100px;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent .dataPickerImput.large {
  width: 150px;
}
@media screen and (min-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent .dataPickerImput.large {
    width: 120px;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100px;
  height: 100%;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch {
  position: relative;
  width: 45px;
  height: 30px;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch .wrapper {
  position: relative;
  width: 45px;
  height: 30px;
  border: 2px solid #969fa7;
  border-radius: 30px;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch .wrapper span {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #969fa7;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch label {
  cursor: pointer;
  left: -webkit-calc(100% + 10px);
  left: calc(100% + 10px);
  top: 50%;
  font-weight: 600;
  font-size: 0.85rem;
  moreInfoButton: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  #portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch label {
    font-size: 0.7rem;
  }
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 30px;
  padding: 0;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper {
  border-color: #001529;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper span {
  background-color: #001529;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:hover ~ .wrapper label {
  color: #828282;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked ~ .wrapper {
  border-color: #32cd32;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked ~ .wrapper span {
  background-color: #32cd32;
  -webkit-transform: translatex(14px);
          transform: translatex(14px);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper {
  border-color: #001529;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper span {
  background-color: #001529;
}
#portalDraggable .lineBucleTab .dataContainer .classContent .switchButton .switch input[type='checkbox']:checked:hover ~ .wrapper label {
  color: $primary;
}
.seeClasificationsModal,
.sendMensajeModal {
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  height: 400px;
  width: 60vw;
  min-width: 680px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.35);
}
.seeClasificationsModal .headerModal,
.sendMensajeModal .headerModal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 50px;
  width: 100%;
  background-color: #969fa7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 15px;
}
.seeClasificationsModal .headerModal h4,
.sendMensajeModal .headerModal h4 {
  color: #fff;
}
.seeClasificationsModal .textModalBox,
.sendMensajeModal .textModalBox,
.seeClasificationsModal .textModalBoxV2,
.sendMensajeModal .textModalBoxV2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  width: 100%;
  height: 300px;
}
.seeClasificationsModal .textModalBox .imputTittle,
.sendMensajeModal .textModalBox .imputTittle,
.seeClasificationsModal .textModalBoxV2 .imputTittle,
.sendMensajeModal .textModalBoxV2 .imputTittle {
  width: 100%;
  height: auto;
  padding: 5px 0;
  background-color: rgba(150,159,167,0.2);
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}
.seeClasificationsModal .textModalBox .textareaContent,
.sendMensajeModal .textModalBox .textareaContent,
.seeClasificationsModal .textModalBoxV2 .textareaContent,
.sendMensajeModal .textModalBoxV2 .textareaContent {
  width: 100%;
  height: 250px;
  background-color: rgba(150,159,167,0.2);
  border-radius: 5px;
  padding: 10px;
}
.seeClasificationsModal .textModalBoxV2,
.sendMensajeModal .textModalBoxV2 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  height: 100%;
  padding: 20px;
}
.seeClasificationsModal .textModalBoxV2 .graficCalification,
.sendMensajeModal .textModalBoxV2 .graficCalification {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  width: 55%;
}
.seeClasificationsModal .textModalBoxV2 .graficCalification h1,
.sendMensajeModal .textModalBoxV2 .graficCalification h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #fff;
  box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.25);
  width: 250px;
  height: 250px;
  border-radius: 200px;
  font-size: 9rem;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification,
.sendMensajeModal .textModalBoxV2 .tableCalification {
  height: 100%;
  width: 45%;
  padding-left: 20px;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.25);
  overflow-y: auto;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox +.minInfoBox,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox +.minInfoBox {
  margin-right: 25px;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .encabezadoTittle,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .encabezadoTittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  z-index: 10px;
  padding: 7.5px 10px;
  background-color: #969fa7;
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-bottom: 6px;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .encabezadoTittle h4,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .encabezadoTittle h4 {
  font-size: 0.8rem;
  color: #fff;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  height: 100%;
  width: 100%;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  height: 30px;
  background-color: #f5f5f5;
  width: 100%;
  padding: 5px 0;
  margin: 6px 0;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision,
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision h4,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision h4,
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision h4,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision h4 {
  font-size: 1.2rem;
  margin-right: 10px;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision input,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision input,
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision input,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision input {
  display: inline;
  font-size: 1.2rem;
  margin-right: 10px;
  max-width: 35px;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision i,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision i,
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision i,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision i {
  font-size: 1rem;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision i:hover,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .nombreMision i:hover,
.seeClasificationsModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision i:hover,
.sendMensajeModal .textModalBoxV2 .tableCalification .miniInfoBox .contenInBucle .inlineItems .notaMision i:hover {
  color: #de0550;
}
.seeClasificationsModal .textModalBoxV2 .tableCalification ::-webkit-scrollbar,
.sendMensajeModal .textModalBoxV2 .tableCalification ::-webkit-scrollbar {
  width: 0;
}
.seeClasificationsModal .sendButton,
.sendMensajeModal .sendButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 20px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 50px;
}
.seeClasificationsModal .sendButton p,
.sendMensajeModal .sendButton p {
  color: #de0550;
  font-size: 0.7rem;
}
.seeClasificationsModal .sendButton p.disable,
.sendMensajeModal .sendButton p.disable {
  color: #fff;
}
.seeClasificationsModal .sendButton button,
.sendMensajeModal .sendButton button {
  width: 100px;
  height: 30px;
  border-radius: 5px;
  background-color: #ebebeb;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.seeClasificationsModal .sendButton button:hover,
.sendMensajeModal .sendButton button:hover {
  background-color: #de0550;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  width: 150px;
}
.seeClasificationsModal .sendButton button:hover h4,
.sendMensajeModal .sendButton button:hover h4 {
  color: #fff;
}
.seeClasificationsModal {
  width: 20vw;
}
.missionTitle {
  position: relative;
}
.missionTitle .editMisionB {
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.missionTitle .icon {
  font-size: 15px;
  margin-left: 10px;
}
.missionInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  width: 60vw;
  margin-bottom: 20px;
  padding: 40px 20px;
  min-width: 680px;
  border-radius: 5px;
  box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.35);
}
.missionInfo p {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.missionInfo p span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}
.missionInfo p + p {
  margin-top: 20px;
}
.modalButtonLarge {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 25px;
  margin: 0px 10%;
  height: 55px;
  width: 80%;
  margin-bottom: 25px;
  background-color: #fff;
  border-radius: 7.5px;
  box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.35);
  font-size: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .modalButtonLarge {
    width: 90%;
    margin: 0px 5%;
    margin-bottom: 25px;
  }
}
.modalButtonLarge:hover {
  background-color: #de0550;
  color: #fff;
}
.loadingBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: fixed;
  top: 65px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 65px);
  height: calc(100% - 65px);
  background-color: #f0f2f5;
  z-index: 99;
/* -----------------------------------------
		=CSS3 Loading animations
	-------------------------------------------- */
/* =Elements style
	---------------------- */
/* =Animate the stuff
	------------------------ */
}
.loadingBox .objectAA {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 20%;
  height: 50px;
  background-color: #f00;
}
.loadingBox .objectAA h4 {
  color: #fff;
}
.loadingBox .load-wrapp {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  padding: 20px 20px 20px;
  border-radius: 5px;
  text-align: center;
}
.loadingBox .spinner {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
}
.loadingBox .bubble-1,
.loadingBox .bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #de0550;
}
.loadingBox .bubble-2 {
  top: auto;
  bottom: 0;
}
.loadingBox .load-9 .spinner {
  -webkit-animation: loadingI 2s linear infinite;
          animation: loadingI 2s linear infinite;
}
.loadingBox .load-9 .bubble-1,
.loadingBox .load-9 .bubble-2 {
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
}
.loadingBox .load-9 .bubble-2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@-webkit-keyframes loadingA {
  0 {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  100% {
    height: 15px;
  }
}
@keyframes loadingA {
  0 {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  100% {
    height: 15px;
  }
}
@-webkit-keyframes loadingB {
  0 {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  100% {
    width: 15px;
  }
}
@keyframes loadingB {
  0 {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  100% {
    width: 15px;
  }
}
@-webkit-keyframes loadingC {
  0 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes loadingC {
  0 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes loadingD {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingD {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingE {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingE {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingF {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loadingF {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loadingG {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(70px, 0) rotate(360deg);
            transform: translate(70px, 0) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes loadingG {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(70px, 0) rotate(360deg);
            transform: translate(70px, 0) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes loadingH {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
    padding: 4px;
  }
  100% {
    width: 15px;
  }
}
@keyframes loadingH {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
    padding: 4px;
  }
  100% {
    width: 15px;
  }
}
@-webkit-keyframes loadingI {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingI {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes loadingJ {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
    background-color: #f5634a;
    width: 25px;
  }
}
@keyframes loadingJ {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
    background-color: #f5634a;
    width: 25px;
  }
}
.loadingBoxMini {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
/* -----------------------------------------
		=CSS3 Loading animations
	-------------------------------------------- */
/* =Elements style
	---------------------- */
/* =Animate the stuff
	------------------------ */
}
.loadingBoxMini .objectAA {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 20%;
  height: 50px;
  background-color: #f00;
}
.loadingBoxMini .objectAA h4 {
  color: #fff;
}
.loadingBoxMini .load-wrapp {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  padding: 20px 20px 20px;
  border-radius: 5px;
  text-align: center;
}
.loadingBoxMini .spinner {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
}
.loadingBoxMini .bubble-1,
.loadingBoxMini .bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #de0550;
}
.loadingBoxMini .bubble-2 {
  top: auto;
  bottom: 0;
}
.loadingBoxMini .load-9 .spinner {
  -webkit-animation: loadingI 2s linear infinite;
          animation: loadingI 2s linear infinite;
}
.loadingBoxMini .load-9 .bubble-1,
.loadingBoxMini .load-9 .bubble-2 {
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
}
.loadingBoxMini .load-9 .bubble-2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@-webkit-keyframes loadingA {
  0 {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  100% {
    height: 15px;
  }
}
@keyframes loadingA {
  0 {
    height: 15px;
  }
  50% {
    height: 35px;
  }
  100% {
    height: 15px;
  }
}
@-webkit-keyframes loadingB {
  0 {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  100% {
    width: 15px;
  }
}
@keyframes loadingB {
  0 {
    width: 15px;
  }
  50% {
    width: 35px;
  }
  100% {
    width: 15px;
  }
}
@-webkit-keyframes loadingC {
  0 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes loadingC {
  0 {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes loadingD {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingD {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingE {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingE {
  0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingF {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loadingF {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loadingG {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(70px, 0) rotate(360deg);
            transform: translate(70px, 0) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes loadingG {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(70px, 0) rotate(360deg);
            transform: translate(70px, 0) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@-webkit-keyframes loadingH {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
    padding: 4px;
  }
  100% {
    width: 15px;
  }
}
@keyframes loadingH {
  0% {
    width: 15px;
  }
  50% {
    width: 35px;
    padding: 4px;
  }
  100% {
    width: 15px;
  }
}
@-webkit-keyframes loadingI {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingI {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes loadingJ {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
    background-color: #f5634a;
    width: 25px;
  }
}
@keyframes loadingJ {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
    background-color: #f5634a;
    width: 25px;
  }
}
.excelTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: auto;
  height: 100%;
  padding-top: 50px;
  border-radius: 7.5px;
}
@media screen and (max-width: 850px) {
  .excelTab {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
  }
}
.excelTab .rc-table {
  width: 100%;
}
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-thead tr th,
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-tbody tr th,
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-thead tr td,
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-tbody tr td {
  text-align: center;
}
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-thead tr th,
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-tbody tr th {
  font-size: 0.9rem;
  min-width: 150px;
}
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-thead tr td,
.excelTab .rc-table .rc-table-content .rc-table-body table .rc-table-tbody tr td {
  background-color: #fff;
}
.rc-tabs-tabpane {
  overflow: auto;
}
.rc-tabs-tabpane .excelDownload {
  background-color: #de0550;
  padding: 10px 20px;
  background-color: #de0550;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #fff;
  -webkit-transition: 0.15s padding ease-out;
  transition: 0.15s padding ease-out;
  transition: 0.15s padding ease-out;
}
.rc-tabs-tabpane .excelDownload:hover {
  padding: 15px 40px;
}
.mainLayout {
  height: 100%;
  width: 100%;
  background-color: #f0f2f5;
}
.mainLayout .mainContent {
  min-height: -webkit-calc(100% - 40px);
  min-height: calc(100% - 40px);
  padding-top: 85px;
}
.mainLayout.disableLogin .headerBox {
  display: none;
}
.mainLayout.disableLogin .mainContent {
  padding: 0;
  height: 100%;
}
.mainLayout.disableLogin .footerBox {
  display: none;
}