@font-face {
  font-family: "Gotham_Rounded";
  src: url(fonts/GothamRounded-BoldItalic.f0b75e8f.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded";
  src: url(fonts/GothamRounded-Bold.511ebe97.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded_Book";
  src: url(fonts/GothamRounded-Book.d31d488d.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded_Book";
  src: url(fonts/GothamRounded-BookItalic.84d6b4c3.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded";
  src: url(fonts/GothamRounded-LightItalic.e078a3ec.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded";
  src: url(fonts/GothamRounded-Light.896102cc.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded";
  src: url(fonts/GothamRounded-MediumItalic.7aab3674.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham_Rounded";
  src: url(fonts/GothamRounded-Medium.dffb2b80.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.content-chat {
  height: 80vh;
  display: flex;
}
.content-chat .contacts {
  width: 26%;
  max-width: 400px;
  min-width: 278px;
  height: 100%;
  background: #fff;
  border-radius: 15px;
  padding: 15px 18px;
  margin-right: 45px;
}
.content-chat .contacts .container-scroll {
  overflow: auto;
  margin-left: -18px;
  margin-right: -10px;
  margin-top: 18px;
  max-height: calc(80vh - 75px);
}
.content-chat .contacts .list-group .list-group-item {
  display: flex;
  border-radius: 0 !important;
  height: 72px;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.content-chat .contacts .list-group .list-group-item:hover {
  background: #e6e6f1;
}
.content-chat .contacts .list-group .list-group-item.active {
  background: #508adf;
}
.content-chat .contacts .list-group .list-group-item.active h6 {
  color: #fff;
}
.content-chat .contacts .list-group .list-group-item.active h6 span {
  color: #fff !important;
}
.content-chat .contacts .list-group .list-group-item.active .status,
.content-chat .contacts .list-group .list-group-item.active .last-hour {
  color: #fff !important;
}
.content-chat .contacts .list-group .list-group-item.active::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.87 8.69' width='10px' height='10px'%3E%3Cpolyline points='0.5 0.5 4.37 4.37 0.55 8.19' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  right: 15px;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 13px;
  margin: auto;
}
.content-chat .contacts .list-group .list-group-item .b-avatar {
  margin: auto 15px auto 13px;
}
.content-chat .contacts .list-group .list-group-item .list-item {
  padding-right: 15px;
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-width: 0;
}
.content-chat .contacts .list-group .list-group-item .list-item .header-list-item h6 {
  font-size: 15px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  padding-right: 20px;
}
.content-chat .contacts .list-group .list-group-item .list-item .header-list-item h6 span {
  color: #508adf;
}
.content-chat .contacts .list-group .list-group-item .list-item .header-list-item .status {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #b7b8bd;
}
.content-chat .contacts .list-group .list-group-item .list-item .header-list-item .status .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b7b8bd;
  margin-right: 6px;
}
.content-chat .contacts .list-group .list-group-item .list-item .header-list-item .status .dot.on {
  background: #25bb04;
}
.content-chat .contacts .list-group .list-group-item .list-item .header-list-item .last-hour {
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  position: absolute;
  right: 16px;
}
.content-chat .contacts .list-group .list-group-item .list-item p {
  margin-bottom: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.content-chat .contacts .list-group .list-group-item:last-child .list-item {
  border-bottom: 0;
}
.content-chat .posts {
  position: relative;
  width: 70%;
  height: 100%;
  flex: 1;
}
.content-chat .posts .toast-msg {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.content-chat .posts .toast-msg span {
  background: #508adf;
  padding: 5px 8px;
  font-size: 13px;
  border-radius: 5px;
  color: #fff;
}
.content-chat .posts .btn-bottom {
  position: absolute;
  z-index: 10;
  right: 25px;
  bottom: 100px;
  background: #508adf;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.4s all;
}
.content-chat .posts .btn-bottom .svg {
  fill: #fff;
}
.content-chat .posts .posts-body-content {
  height: calc(100% - 78px);
  padding: 20px 40px 0 17px;
  overflow-y: auto;
}
.content-chat .posts .posts-body-content::-webkit-scrollbar-track {
  background: #fff;
  margin-bottom: 10px;
}
.content-chat .posts .posts-body-content .content-msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 22px;
}
.content-chat .posts .posts-body-content .content-msg .b-avatar {
  margin-right: 20px;
}
.content-chat .posts .posts-body-content .content-msg .message {
  padding: 27px 27px 20px 27px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex: 1;
  background: #fff;
  position: relative;
  border-radius: 14px;
  border-bottom-left-radius: 0;
}
.content-chat .posts .posts-body-content .content-msg .message h6 {
  color: #b7b8bd;
  font-size: 12px;
  margin-bottom: 0;
}
.content-chat .posts .posts-body-content .content-msg .message p {
  font-size: 15px;
  margin-bottom: 15px;
}
.content-chat .posts .posts-body-content .content-msg .message span {
  color: #b7b8bd;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.content-chat .posts .posts-body-content .content-msg .message span svg {
  width: 12px;
  height: 12px;
  fill: #508adf;
  margin-right: 8px;
}
.content-chat .posts .posts-body-content .content-msg.me {
  flex-direction: row-reverse;
}
.content-chat .posts .posts-body-content .content-msg.me .b-avatar {
  margin-left: 20px;
  margin-right: 0;
}
.content-chat .posts .posts-body-content .content-msg.me .message {
  margin-left: auto;
  background: #19295f;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 0;
}
.content-chat .posts .posts-body-content .content-msg.me .message p {
  color: #fff;
}
.content-chat .posts .posts-footer-content {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
}
.content-chat .posts .posts-footer-content .posts-footer-input {
  flex: 1;
  margin-right: 32px;
}
.content-chat .posts .posts-footer-content .posts-footer-input input {
  border-radius: 7px;
  font-size: 15px;
  padding: 9px 12px 11px;
}
* {
  font-family: "Gotham_Rounded_Book";
  color: #2b305d;
}
.svg {
  width: 16px;
  height: 16px;
}
#main-wrapper {
  transition: all 0.25s ease-in;
  position: relative;
}
#main-wrapper.sidebar-toggle .content-body,
#main-wrapper.sidebar-toggle .footer {
  margin-left: 60px;
}
#main-wrapper.sidebar-hide .content-body,
#main-wrapper.sidebar-hide .footer {
  margin-left: 0;
}
#main-wrapper.sidebar-hide .navbar {
  padding-left: 1rem;
}
#main-wrapper.sidebar-hide .sidebar {
  display: none;
}
.content-body-left {
  margin-left: 0 !important;
}
.content-body {
  margin-left: 200px;
  z-index: 0;
  transition: all 0.2s ease;
  min-height: calc(100vh - 55px);
  background-color: #f3f2f8;
}
.content-body.bg_chat {
  background-image: url(img/bg_chat.e70d700c.png);
  background-repeat: repeat;
  min-height: 100vh;
}
.container-fluid {
  padding: 100px 22px 22px;
}
.bold {
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.title-section {
  color: #b7b8bd;
  font-size: 13px;
  margin-bottom: 32px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.sub-title {
  text-align: center;
  color: #d1263a;
  font-size: 22px;
  margin-bottom: 40px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  clear: both;
}
.sub-title .link {
  margin-top: 0 !important;
  color: #508adf !important;
}
.sub-title .link span {
  color: #508adf !important;
}
.sub-title span {
  display: block;
  color: #2b305d;
  font-size: 22px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.sub-title span.sub-title-modal {
  display: inline;
}
.sub-title.title-curso {
  font-size: 25px;
}
.sub-title.title-curso span {
  font-size: 15px;
  margin-top: 20px;
  font-weight: 400;
  font-family: "Gotham_Rounded_Book";
}
.sub-title.title-sub span {
  font-size: 18px !important;
}
.sub-title.left {
  margin-bottom: 24px;
}
.sub-title.left p {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  display: flex;
  margin-bottom: 0;
}
.sub-title.left p span {
  font-family: "Gotham_Rounded_Book";
  font-weight: 500;
  margin-left: 5px;
}
.sub-title svg {
  width: 18px;
  height: 18px;
}
.card {
  background: #ffffff;
  border-radius: 12px;
  border: none;
  box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
}
.card .card-body {
  padding: 3rem;
}
.card .card-body.padding-short {
  padding: 30px 50px;
}
.card .card-body.medium {
  padding: 44px 30px;
}
.card .card-body.medium.short {
  padding: 26px 30px;
}
.card .form-inline .form-group {
  flex: 1;
}
.card .form-inline .form-group > div,
.card .form-inline .form-group > div > div,
.card .form-inline .form-group .custom-select {
  width: 100%;
}
.cards-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: auto;
}
.tooltip {
  opacity: 1;
}
.tooltip .tooltip-inner {
  max-width: 182px;
  padding: 10px 12px;
  background: #2b305d;
  font-size: 13px;
  text-align: left;
  line-height: 1.2;
}
.tooltip.b-tooltip {
  opacity: 1;
}
.tooltip.b-tooltip:not([style*=transform]) {
  top: 0;
}
.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #2b305d;
}
.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #2b305d;
}
.tooltip.bs-tooltip-bottom {
  margin-top: 5px;
}
.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #2b305d;
}
.tooltip.bs-tooltip-top {
  margin-bottom: 5px;
}
.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #2b305d;
}
.button-gris {
  background: #b7b8bd;
  color: #ffffff;
  border-radius: 10px;
  border: none;
  font-size: 15px;
  padding: 0px 10px;
}
.arrow-gris::after {
  content: "";
  position: absolute;
  left: -12px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #f3f2f8;
}
.line-gris::after {
  content: "";
  border-right: #b7b8bd 3px dotted;
  position: absolute;
  height: 100%;
  width: 3px;
  right: calc(100% - 18px);
  margin: auto;
  top: 27px;
}
.line-gris:last-child::after {
  content: none;
}
.outline {
  border-radius: 20px;
  position: relative;
  padding-left: 42px;
}
.outline i {
  color: #508adf;
  font-size: 18px;
  position: absolute;
  left: 14px;
  top: 8px;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: #f3f2f8;
}
::-webkit-scrollbar-thumb {
  background: #2b305d;
}
.content-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(25, 41, 95, 0.7);
  z-index: 1000;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-loader .loader,
.content-loader .loader:before,
.content-loader .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.content-loader .loader {
  color: white;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.content-loader .loader:before,
.content-loader .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.content-loader .loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.content-loader .loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
}
40% {
    box-shadow: 0 2.5em 0 0;
}
}
@keyframes load7 {
0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
}
40% {
    box-shadow: 0 2.5em 0 0;
}
}
.breadcrumb {
  background: transparent;
  padding-left: 0;
  padding-top: 0;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.breadcrumb .breadcrumb-item {
  position: relative;
  font-size: 13px;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  flex-shrink: 1000;
  display: inline-block;
  cursor: pointer;
}
.breadcrumb .breadcrumb-item::before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAACXBIWXMAAAsSAAALEgHS3X78AAAAeklEQVQImW2NwQ3CMBAEB4cCUkr4hQ9C/thlmA4ohRIogZ/th01KSCl04OiMkSyFke6zo93Dh+R8SI9SCv0p4AVcQ8xPOpQ1+iMCmHopDf7Jg+z9CDGLfAOn2mjh1P7drNFrFS1cgLs1uk4N8/myC4UjMALOGi0zX4ANc+407Jsrk+IAAAAASUVORK5CYII=) no-repeat;
  background-position: 95% 50%;
  left: 3px;
  width: 12px;
  height: 12px;
  top: 4px;
  position: absolute;
}
.breadcrumb .breadcrumb-item:first-child {
  padding-left: 0;
  flex: 0 0 auto;
  flex-shrink: 0.5;
}
.breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}
.breadcrumb .breadcrumb-item.active span {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: #b7b8bd;
}
.breadcrumb .breadcrumb-item a {
  color: #508adf;
}
.title-tab {
  font-size: 22px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.title-tab .material-icons-outlined {
  font-size: 20px;
}
.container-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}
.gd-n-1 {
  background: #008fe3;
  background: linear-gradient(90deg, #0876c1 0%, #008ddf 100%);
}
.gd-n-2 {
  background: #115ea3;
  background: linear-gradient(90deg, #155396 0%, #0d6bb5 100%);
}
.gd-n-3 {
  background: #203167;
  background: linear-gradient(90deg, #203167 0%, #1c3c76 100%);
}
.gd-1 {
  background: #008fe3;
  background: linear-gradient(90deg, #008fe3 0%, #0483d4 100%);
}
.gd-2 {
  background: #067fce;
  background: linear-gradient(90deg, #067fce 0%, #0a73bf 100%);
}
.gd-3 {
  background: #067fce;
  background: linear-gradient(90deg, #067fce 0%, #0a73bf 100%);
}
.gd-4 {
  background: #115ea2;
  background: linear-gradient(90deg, #115ea2 0%, #155293 100%);
}
.gd-5 {
  background: #174d8c;
  background: linear-gradient(90deg, #174d8c 0%, #1b417c 100%);
}
.gd-6 {
  background: #1c3c76;
  background: linear-gradient(90deg, #1c3c76 0%, #203167 100%);
}
.tooltipHeader {
  left: 4px !important;
  margin-left: 0.15%;
}
.tooltipHeader .arrow {
  left: 0px !important;
}
.tooltipPlan {
  left: -66px !important;
}
.tooltipPlan .arrow {
  left: 147px !important;
}
.pending {
  font-size: 16px;
  font-weight: bold;
  color: #d1263a !important;
  cursor: auto !important;
}
.link {
  color: #508adf;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.link.pending {
  color: #d1263a !important;
}
.link.noBorder {
  border: none;
}
.link.blue {
  text-decoration: none;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px;
}
.link.blue span {
  font-family: "Gotham_Rounded";
  color: #508adf;
}
.content-scroll {
  padding-left: 70px;
  padding-right: 30px;
  max-height: 200px;
  overflow: auto;
}
.content-scroll ul {
  list-style: none;
  padding: 0;
}
.content-scroll ul h6 {
  color: #d1263a;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 13px;
}
.content-scroll ul p {
  font-size: 13px;
  margin-bottom: 25px;
}
.content-scroll .card-title:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.content-scroll.noScroll {
  overflow: initial;
}
.list-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-ul li {
  position: relative;
  font-size: 15px;
  margin-bottom: 5px;
  padding-left: 20px;
}
.list-ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #508adf;
  position: absolute;
  left: 0;
  top: 8px;
  margin: auto;
}
h6 .spanSubTitle {
  color: #2b305d;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.listado {
  width: 100%;
}
.listado span {
  display: flex;
  margin-bottom: 6px;
}
.listado span:last-child {
  margin-bottom: 0;
}
.listado span p {
  width: 120px;
  margin-bottom: 0;
}
.listado ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.listado ul li {
  font-size: 17px;
  margin-bottom: 4px;
  position: relative;
  padding-left: 15px;
}
.listado ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #508adf;
  position: absolute;
  left: 0;
  top: 8px;
  margin: auto;
}
.b-avatar {
  border: 1px solid #b7b8bd !important;
}
.b-avatar .b-avatar-img {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.container-select {
  margin: 2% auto;
}
.container-select .sub-container-select {
  display: flex;
  justify-content: space-between;
}
.container-select .sub-container-select .select-filter {
  width: 100%;
}
#input-code {
  border-radius: 8px;
}
#input-code::-moz-placeholder {
  color: #2b305d;
}
#input-code:-ms-input-placeholder {
  color: #2b305d;
}
#input-code::placeholder {
  color: #2b305d;
}
#input-code:focus {
  box-shadow: none !important;
  border-color: #b7b8bd;
}
.daterangepicker.show-ranges.show-weeknumbers[data-v-4391f606],
.daterangepicker.show-ranges[data-v-4391f606] {
  min-width: 720px !important;
}
.noBorder {
  border: none;
}
.label {
  color: #b7b8bd;
  border-bottom: 1px solid #b7b8bd;
  font-size: 18px;
  font-family: "Gotham_Rounded";
}
.input-file {
  width: 500px;
}
.input-file label {
  border: none;
  border-bottom: 1px solid #b7b8bd;
}
.input-file label span {
  display: none !important;
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  color: #508adf;
  background: none;
  border: none;
}
.card-next-class {
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  width: 100%;
}
.card-next-class .left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-next-class .left .b-avatar {
  width: 113px;
  height: 113px;
}
.card-next-class .time h6 {
  font-family: "Gotham_Rounded";
  color: #2b305d;
  font-size: 22px;
  font-weight: bold;
}
.card-next-class .time p {
  font-size: 13px;
  margin-bottom: 8px;
}
.card-next-class .time span {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #508adf;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.card-next-class .time span i {
  font-size: 16px;
  color: #508adf;
  margin-right: 10px;
}
.card-next-class-2 {
  padding: 45px 38px;
  flex-direction: row;
  align-items: center;
  margin: auto;
  max-width: 766px;
  position: relative;
  margin-bottom: 25px;
}
.card-next-class-2 .btn-primary {
  margin-left: auto;
}
.card-next-class-2 .left {
  display: flex;
  align-items: center;
  padding-right: 20px;
  border-right: 1px solid #B7B8BD;
}
.card-next-class-2 .left .sub-title {
  margin-bottom: 0;
  padding-left: 35px;
}
.card-next-class-2 .left img {
  position: absolute;
  left: -60px;
}
.card-next-class-2 .right {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
  padding-right: 30px;
}
.card-next-class-2 .right span {
  font-size: 15px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.card-next-class-2 .right span .svg {
  width: 14px;
  height: 14px;
  fill: #508adf;
  margin-right: 10px;
}
.card-img-out {
  padding: 2rem 4rem;
  flex-direction: row;
  align-items: center;
  margin: auto;
  max-width: 640px;
  position: relative;
  margin-bottom: 25px;
  left: 20px;
}
.card-img-out .left {
  display: flex;
  align-items: center;
  padding-right: 2rem;
}
.card-img-out .left .sub-title {
  margin-bottom: 0;
}
.card-img-out .left img {
  position: absolute;
  left: -60px;
}
.card-img-out .right {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
  position: relative;
}
.card-img-out .right span {
  font-size: 15px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.card-img-out .right::before {
  content: "";
  height: 30px;
  width: 1px;
  background-color: #b7b8bd;
  position: absolute;
  left: 0;
}
.reportrange-text span {
  font-size: 16px;
}
.icon-info {
  cursor: pointer;
}
.icon-info .svg {
  fill: #2b305d;
}
.leader-star {
  width: 13px;
  height: 13px;
}
#group-radio-student div {
  display: flex !important;
}
.container-row-table {
  padding: 10px 0px;
}
.table-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  /*.icon-student{

  }*/
}
.table-icon svg {
  width: 20px;
  height: 20px;
}
.table-icon .number-student {
  position: absolute;
  top: -12px;
  right: -10px;
  background: #d1263a;
  color: #ffffff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-icon .dot {
  margin-left: auto;
  background-color: #d1263a;
  color: #fff;
  font-family: "Gotham_Rounded";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  flex: none;
  position: absolute;
  top: -8px;
  right: -6px;
}
.sub-title-img {
  font-family: "Gotham_Rounded";
  font-size: 15px;
}
.sub-title-img img {
  margin-right: 4px;
}
.sub-title-img.name {
  display: flex;
  align-items: center;
}
.sub-title-img.name img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 20px;
}
.sub-title-img.name .b-avatar {
  width: 53px;
  height: 53px;
  margin-right: 20px;
}
.sub-title-img.name .b-avatar img {
  margin-right: 0;
}
.sub-title-img.name > div {
  line-height: 1.3;
}
.sub-title-img.name .link {
  text-decoration: none;
}
.sub-title-img.name p {
  margin-bottom: 0;
}
.card-divider {
  justify-content: space-between;
  display: flex;
  position: relative;
}
.card-divider::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #b7b8bd;
  position: absolute;
  left: 48%;
  right: 50%;
  top: 0;
}
.card-divider.center {
  justify-content: center;
}
.card-divider.center > div {
  width: 50%;
}
.card-divider.center > div:first-child {
  padding-left: 110px;
}
.card-divider.center > div:last-child {
  padding-left: 90px;
}
.card-divider.center::after {
  height: 55px;
}
.card-divider.mid {
  margin-bottom: 42px;
}
.card-divider.mid .content {
  width: 50%;
  padding-right: 36px;
}
.card-divider.mid .content:last-child {
  padding-left: 35px;
  padding-right: 12px;
}
.card-divider.mid .content .date {
  padding-right: 50px;
  overflow-y: auto;
  height: 110px;
}
.card-divider.mid .content .date p,
.card-divider.mid .content .date li {
  font-size: 15px;
  margin-bottom: 0;
}
.card-divider.mid .content .date ul {
  padding-left: 22px;
}
.card-divider.mid .content .date ul li {
  position: relative;
  margin-bottom: 5px;
}
.card-divider.mid .content .date ul li:last-child {
  margin-bottom: 0;
}
.card-divider.mid .content .date ul li::marker {
  content: none;
}
.card-divider.mid .content .date ul li::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #508adf;
  position: absolute;
  left: -22px;
  top: 15%;
  border-radius: 50%;
}
.card-divider.mid::after {
  left: 50%;
  top: 10px;
  height: 75%;
}
.card-divider .class-group {
  width: 44%;
}
.card-divider .table-assistance {
  width: 47%;
}
.card-divider .table-assistance .table thead th {
  border-bottom: 0;
}
.iti.iti--allow-dropdown input.form-control {
  padding: initial !important;
  height: 33px;
  font-size: 0 !important;
}
.iti.iti--allow-dropdown .iti__flag-container {
  width: 100%;
}
.iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  justify-content: space-between;
}
.iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__arrow {
  border: none !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  width: 15px;
  height: 15px;
  background-position: 50%;
}
.iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
  margin-left: 1px;
}
@media only screen and (max-width: 1300px) {
.list-ul li {
    font-size: 14px;
}
.reportrange-text span {
    font-size: 14px;
}
}
.blue {
  font-family: "Gotham_Rounded";
  color: #508adf !important;
  font-size: 15px;
  font-weight: bold;
}
.blue .svg {
  fill: #508adf;
}
.icon-blue-dark {
  fill: #2b305d;
}
.section_gray {
  background: #f3f2f8;
  padding: 45px 75px;
  margin-left: -32px;
  margin-right: -32px;
  padding-top: 36%;
}
.section_gray .card .sub-title {
  font-size: 18px;
  margin-bottom: 20px;
}
.section_gray .card .sub-title span {
  font-size: 18px;
}
.section_gray.text {
  padding: 20px !important;
  margin: 0 0 15px 0;
  margin-right: 0;
  position: relative;
}
.section_gray.text p {
  font-size: 15px;
}
.section_gray.text::after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 10px solid #f3f2f8;
  clear: both;
}
.teacher-commentary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}
.teacher-commentary .b-avatar {
  margin-right: 18px;
  width: 53px;
  height: 53px;
}
.v-select-library > div {
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  box-shadow: none;
  padding: 2px 5px 2px 5px;
  font-size: 15px;
  background-position: calc(100% - 14px) 55%;
  background-color: white;
}
.loading-full {
  background-color: rgba(25, 41, 95, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-full::after {
  content: "";
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  border: 0.5em solid white;
  border-bottom-color: transparent;
  -webkit-animation: 1s loading linear infinite;
  animation: 1s loading linear infinite;
}
@-webkit-keyframes loading {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes loading {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@media only screen and (min-width: 1300px) {
.content-body {
    margin-left: 15vw;
}
}
.table-file {
  padding: 0px 5px !important;
}
.table-file .form-row:last-child {
  border-bottom: none !important;
}
.table-file .form-row {
  border-bottom: 1px solid #b7b8bd;
  padding: 15px;
}
.table-file .form-row div {
  padding: 0px !important;
}
.no_desktop {
  display: none;
}
@media only screen and (max-width: 768px) {
.svg {
    width: 12px;
    height: 12px;
}
.breadcrumb {
    margin-bottom: 0;
}
.breadcrumb .breadcrumb-item.active span {
    font-family: "Gotham_Rounded_Book";
}
.no_mb {
    display: none !important;
}
.no_desktop {
    display: block;
}
.container-fluid {
    padding: 70px 18px 22px;
    overflow-x: hidden;
}
.sub-title {
    margin-bottom: 30px;
}
.title-section {
    font-size: 13px;
    margin-bottom: 30px;
}
.content-body {
    min-height: calc(100vh - 61px);
    margin-left: 0;
}
}
@media only screen and (min-height: 750px) {
.custom-select.lg .items {
    max-height: 400px !important;
}
}
@media only screen and (min-height: 950px) {
.custom-select.lg .items {
    max-height: 600px !important;
}
}
.vue-daterange-picker .daterangepicker .drp-buttons .cancelBtn {
  background-color: #dc3545;
}
.vue-daterange-picker .daterangepicker .drp-buttons .applyBtn {
  background-color: #508adf;
}
.btn-primary {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #508adf;
  border: none;
  border-radius: 20px;
  padding: 7.5px 20px;
  font-size: 15px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  box-shadow: none;
  font-family: "Gotham_Rounded";
}
.btn-primary i,
.btn-primary .svg {
  fill: #fff !important;
  color: #fff !important;
  font-size: 16px;
  margin-right: 6px;
  width: 14px;
}
.btn-primary .svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.btn-primary:disabled {
  background: #508adf;
}
.btn-primary:focus, .btn-primary:active, .btn-primary:hover {
  box-shadow: none !important;
  background-color: #508adf !important;
}
.btn-primary:focus {
  box-shadow: none !important;
  background-color: #508adf !important;
  opacity: 1 !important;
}
.btn-primary.checked {
  background-color: #d1263a !important;
}
.btn-primary .bi-camera-video {
  fill: white;
  font-size: 20px !important;
  margin-right: 10px;
}
.btn-primary.gray {
  background: #b7b8bd;
}
.btn-link {
  color: #2b305d;
  padding: 5px 20px;
  font-size: 20px;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.5;
}
.btn-check.custom-checkbox .custom-control-label {
  background: #508adf;
  border-radius: 20px;
  padding: 6px 40px 6px 20px;
  font-size: 15px;
  color: #fff;
  right: auto;
  top: auto;
  font-family: "Gotham_Rounded_Book";
}
.btn-check.custom-checkbox .custom-control-label::before {
  right: 0.8rem;
  left: auto;
  top: 0.5rem;
  border: none !important;
}
.btn-check.custom-checkbox .custom-control-label::after {
  right: 0.9rem !important;
  left: auto;
  top: 0.5rem;
}
.btn-check.custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  background: #d1263a;
}
.btn-danger {
  display: flex;
  align-items: center;
  padding: 7.5px 20px;
  font-size: 15px;
  border-radius: 40px;
  font-family: "Gotham_Rounded";
  border: none;
  background: #d1263a;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.btn-danger .svg {
  fill: #fff;
  margin-right: 6px;
  width: 16px;
  height: 16px;
}
.btn-danger.noBorder {
  padding: 7.5px 0;
  background: none;
  padding: 0;
  color: #d1263a;
  border-bottom: 1px solid #d1263a;
  border-radius: 0;
}
.btn-gris.btn-primary.disabled,
.btn-primary:disabled {
  background: #b7b8bd !important;
  opacity: 1;
  justify-content: center;
}
.btn-outline-primary {
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: "Gotham_Rounded";
  color: #508adf;
  border-color: #508adf;
  font-size: 15px;
  padding: 7.5px 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.btn-outline-primary .svg,
.btn-outline-primary .b-icon {
  margin-right: 8px;
  fill: #508adf;
}
.btn-outline-primary:hover {
  background: #508adf;
}
.btn-outline-primary:hover .svg,
.btn-outline-primary:hover .b-icon {
  fill: white;
}
.link-danger {
  font-family: "Gotham_Rounded";
  font-size: 15px;
  color: #d1263a;
  border-bottom: 1px solid #d1263a;
  padding: 0;
}
.link-danger:hover {
  color: #d1263a;
  text-decoration: none;
}
.btn-outline-danger {
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: "Gotham_Rounded";
  color: #d1263a;
  border-color: #d1263a;
  font-size: 15px;
}
.btn-outline-danger .svg {
  margin-right: 8px;
  fill: #d1263a;
}
.btn-outline-danger:hover {
  background: #d1263a;
}
.btn-outline-danger:hover .svg {
  fill: white;
}
.btn-outline-danger.noBorder {
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  font-size: 15px;
  padding: 0;
}
.btn-collapse {
  overflow-anchor: none;
  background-color: none;
  border: none;
  color: #2b305d;
  display: block;
  margin: auto;
  font-weight: 600;
  position: relative;
  box-shadow: none;
  margin: 40px auto;
  margin-bottom: 0;
  background-color: transparent;
}
.btn-collapse:hover, .btn-collapse:focus, .btn-collapse:active {
  background-color: initial !important;
  border: none;
  color: #2b305d !important;
  box-shadow: none !important;
}
.btn-collapse::after {
  content: "";
  position: absolute;
  top: 30%;
  right: -20px;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsSAAALEgHS3X78AAAAa0lEQVQImWP8//8/AzGAUdsg1oGBgWECAwODw5Xziz4ga9IxjBNgYGA4wMDAUMB05fwiEOMCSAAqga7oAkgN3Godw7gFDAwMBiCToWphihLAViO7EUkxCMAVYSiEKga5l+HK+UUFcEEGBgYAZ00stJES758AAAAASUVORK5CYII=) no-repeat;
  background-position: 95% 50%;
  background-size: 14px;
  transition: 0.2s all;
}
.btn-collapse.not-collapsed::after {
  transform: rotate(180deg);
}
button .svg.spinner {
  display: none;
}
button.loading {
  font-size: 0 !important;
  pointer-events: none;
}
button.loading .svg.spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
}
button.loading .svg {
  display: none;
}
button.loading:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgBtVU7TsNAEJ21kAuUSJFCky4VVJEswQF8DSq4AbkbB4ADUCCRBhroUkVr4SgJboY3zhhCEpuxbD9ptKv9vLcfzRuijuEsi/ySIzQRVo8Hp3SPfopYOOcW/+09KSVlHgQbumOmqQ49OkeJ9seICTOHaGeIV4hlZIVPOU7W/I548GuOy9ZBoI+IEdeIEVnwmfFNsmLvVzwlI4RcRc7JcHLWN68FvU35TeTN5VnqnPyISHGT8FAAxPLm1BD6J5cHE/np0/IPrSEgt7j9M+gzjpINe2oJ+kxD6Qf5SIYkYnqm9jBH7AggQ5HSH9QeJNP70skzWdO/EwT7ii3hTDl/BMS0bKluQ085twLqiqHZTyoADiEPC6cNdubEFS+oOa6Ui/YFXhCjJrfQvRJvpQs0SXpUE7LHZNtiubX8nart2pVtQBPTNiOf8GHLinXyb9Ki4rm5SUA3i+XKiSYkZqJ1WKf7SlqUzBnIv47xmIq+GteQfpPRXPQ7xzcIIfAOLsg49QAAAABJRU5ErkJggg==) no-repeat;
  width: 22px;
  height: 22px;
  background-size: contain;
  margin: auto;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
button.loading span {
  display: none;
}
button.disabled {
  opacity: 0.3 !important;
  pointer-events: none;
}
button.btn-icon-circle {
  border-radius: 50%;
  border: 1px solid #2b305d;
  outline: none;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button.btn-icon-circle .svg {
  fill: #2b305d;
  width: 20px;
  height: 20px;
}
.btn:focus {
  box-shadow: 0 0 !important;
}
.btn-icon svg {
  width: 21px;
  height: 21px;
  fill: #508adf;
}
@media only screen and (max-width: 768px) {
.btn-primary {
    font-family: "Gotham_Rounded_Book";
}
}
@-webkit-keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.content-calendar {
  align-items: center;
  display: flex;
  max-width: 500px !important;
}
.content-calendar p {
  font-size: 15px;
  font-family: "Gotham_Rounded";
  width: 100%;
  margin-bottom: 0;
  margin-right: 30px;
}
.filters {
  display: flex;
}
.filters .form-group {
  margin-bottom: 0;
  margin-right: 12px;
}
#textarea-no-resize::-moz-placeholder {
  color: #b7b8bd;
}
#textarea-no-resize:-ms-input-placeholder {
  color: #b7b8bd;
}
#textarea-no-resize::placeholder {
  color: #b7b8bd;
}
#content-multiselect-course-history .multiselect .multiselect__tags {
  min-height: initial;
}
#content-multiselect-course-history .multiselect.multiselect--active .multiselect__tags {
  border-radius: 8px 8px 0 0;
}
#content-multiselect-course-history .multiselect .multiselect__content-wrapper {
  border-radius: 0 0 8px 8px;
  overflow: initial;
}
#content-multiselect-course-history .multiselect .multiselect__content-wrapper .multiselect__content {
  margin-top: -2px;
  width: calc(100% + 2px);
  margin-left: -1px;
}
#content-multiselect-course-history .multiselect .multiselect__content-wrapper .multiselect__content li {
  padding: 0;
}
#content-multiselect-course-history .multiselect .multiselect__content-wrapper .multiselect__content li .multiselect__option {
  padding: 5px 32px 5px 12px;
}
.form-group .col-form-label {
  font-size: 15px;
}
.form-group .form-control {
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  padding: 5px 15px;
  font-size: 15px;
}
.form-group > div:not(.form-row) {
  width: 100%;
}
textarea.form-control {
  border-radius: 10px;
  padding: 0.6rem 1rem;
  font-size: 15px;
}
textarea.form-control::-moz-placeholder {
  color: #b7b8bd;
}
textarea.form-control:-ms-input-placeholder {
  color: #b7b8bd;
}
textarea.form-control::placeholder {
  color: #b7b8bd;
}
.custom-select,
input[type=number] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  box-shadow: none;
  padding: 2px 32px 2px 14px;
  font-size: 15px;
  background-position: calc(100% - 14px) 55%;
  background-color: white;
  height: 36px;
}
.custom-select.component-select,
input[type=number].component-select {
  height: 36px;
  padding: 0;
  background: none;
  border: none;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.custom-select.component-select .selected,
input[type=number].component-select .selected {
  padding: 5px 32px 5px 12px;
  height: 100%;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  font-size: 15px;
  background-color: white;
  background-position: calc(100% - 14px) 55%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6;
}
.custom-select.component-select .selected.open,
input[type=number].component-select .selected.open {
  border-radius: 8px 8px 0 0;
}
.custom-select.component-select.dropdownTop .open,
input[type=number].component-select.dropdownTop .open {
  border-radius: 0 0 8px 8px;
}
.custom-select.component-select.dropdownTop .items,
input[type=number].component-select.dropdownTop .items {
  border-radius: 8px 8px 0 0;
}
.custom-select.component-select .items,
input[type=number].component-select .items {
  background: white;
  border-radius: 0 0 8px 8px;
  border: 1px solid #b7b8bd;
  margin-top: -1px;
  max-height: 220px;
  overflow: auto;
  z-index: 20;
  position: absolute;
  width: 100%;
}
.custom-select.component-select .items .options,
input[type=number].component-select .items .options {
  padding: 2px 32px 2px 12px;
}
.custom-select.component-select .items .options:hover,
input[type=number].component-select .items .options:hover {
  background: #508adf;
  color: white;
}
.custom-select.component-select .items .options:last-child,
input[type=number].component-select .items .options:last-child {
  border-radius: 0 0 8px 8px;
}
.custom-select.component-select .items .options.optionSelected,
input[type=number].component-select .items .options.optionSelected {
  background: #e6e6f1;
}
.custom-select.component-select .items .options.optionSelected:hover,
input[type=number].component-select .items .options.optionSelected:hover {
  color: #2b305d;
}
.custom-select.component-select .items.selectHide,
input[type=number].component-select .items.selectHide {
  display: none;
}
.custom-select.component-select.font-min .selected,
input[type=number].component-select.font-min .selected {
  font-size: 13px;
}
.custom-select.component-select.disabled,
input[type=number].component-select.disabled {
  pointer-events: none;
}
.custom-select.component-select.disabled .selected,
input[type=number].component-select.disabled .selected {
  background-color: #e9ecef;
}
.multiselect__select::before {
  content: none !important;
}
.multiselect {
  position: relative;
}
.multiselect .multiselect__clear {
  display: none;
}
.multiselect .multiselect__tags {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  box-shadow: none;
  padding: 5px 32px 2px 14px;
  font-size: 15px;
  background-position: calc(100% - 14px) 55%;
  background-color: white;
  height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.multiselect .multiselect__tags .multiselect__strong {
  display: none;
}
.multiselect .multiselect__tags .multiselect__input {
  border: none;
  outline: none;
  font-size: 15px;
  margin-top: -1px;
}
.multiselect .multiselect__tags .multiselect__tags-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.multiselect .multiselect__tags .multiselect__tags-wrap .multiselect__tag {
  background: none;
}
.multiselect .multiselect__tags .multiselect__tags-wrap .multiselect__tag i {
  display: none;
}
.multiselect .multiselect__tags .multiselect__placeholder {
  padding-top: 0;
}
.multiselect .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
  z-index: 100;
  background: white;
  max-height: initial !important;
  overflow-y: auto;
}
.multiselect .multiselect__content-wrapper .multiselect__content {
  padding-left: 0;
  list-style: none;
  border-radius: 0 0 8px 8px;
  border: 1px solid #b7b8bd;
  width: 100%;
  margin-top: -1px;
  margin-bottom: 0;
  overflow: auto;
  max-height: 220px;
}
.multiselect .multiselect__content-wrapper .multiselect__content li {
  padding: 2px 32px 2px 14px;
}
.multiselect .multiselect__content-wrapper .multiselect__content li:hover {
  background: #508adf;
}
.multiselect .multiselect__content-wrapper .multiselect__content li:hover span {
  color: white;
  background: #508adf;
}
.multiselect .multiselect__content-wrapper .multiselect__content li:hover span span {
  color: white;
}
.multiselect .multiselect__content-wrapper .multiselect__content li span {
  font-size: 15px;
  min-height: initial;
  white-space: initial;
}
.multiselect .multiselect__content-wrapper .multiselect__content li .multiselect__option--highlight {
  background: white;
}
.multiselect .multiselect__content-wrapper .multiselect__content li .multiselect__option--highlight::after {
  content: none;
}
.multiselect.multiselect--active .multiselect__tags {
  border-radius: 8px 8px 0 0;
}
.multiselect.multiselect--active .multiselect__input {
  margin-top: 0px;
}
.multiselect.multiselect--above .multiselect__content-wrapper {
  bottom: auto;
}
.v-select {
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  box-shadow: none;
  padding: 2px 6px 2px 4px;
  font-size: 15px;
  background-position: calc(100% - 14px) 55%;
  background-color: white;
  height: 32px;
}
.v-select .vs__dropdown-toggle {
  border: none;
  padding: 0;
}
.v-select .vs__dropdown-toggle .vs__actions {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  background-position: 50%;
}
.v-select .vs__dropdown-toggle .vs__actions svg {
  opacity: 0;
}
.v-select.vs--open {
  border-radius: 8px 8px 0 0;
}
.v-select.vs--open .vs__dropdown-menu {
  border-radius: 0 0 8px 8px;
  margin-top: 1px;
  width: calc(100% + 2px);
  margin-left: -1px;
  border: 1px solid #b7b8bd;
}
.v-autocomplete {
  border-radius: 8px;
  box-shadow: none;
  padding: 2px 32px 2px 10px;
  font-size: 15px;
  background-position: calc(100% - 14px) 55%;
  background-color: white;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABF0lEQVQ4jZ2T4U3DMBSEP7IAbID4H4l6A9ggE5h2g44AG8AEbb0AYQM6gUHyAGGDMkHQi56Nk5iAuD+p3vOd7nzuWd/35KiNbYBVNuqANnh3ooAkUBsrpD1wXTj3CayDd+10UWXkVyV/ABvgVr9H4Bx4ro1dTwUGB7WxYvMSOATvZoeUuFMnq+BdlxxoZiG/l8iC4J1EO6iT7TTCjf5+LJEzxH1+wYNAHHQ/MdXFW2leZcSLJYHa2OK+0tsXNEsCWfaRUxFo9XbvSjXxXXMU2Oe7WGOsSfAgh6QqtS27e23gJXjXzAQYd/0bNlprijBAh1fAk7wJHcurlP7jqxTs8qizP9MSJi4HJ8nBX6Auk5NRhH+IHAG+AJXNbB6tGTxpAAAAAElFTkSuQmCC) no-repeat 93%;
  border: 1px solid #b7b8bd;
  margin-top: -1px;
  z-index: 99;
  position: relative;
}
.v-autocomplete .v-autocomplete-input {
  border: none;
  outline: none;
  width: 95%;
}
.v-autocomplete .v-autocomplete-list::after {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 1px solid #b7b8bd;
  border-bottom: 1px solid #b7b8bd;
  background: white;
  position: absolute;
  left: -1px;
  top: -6px;
}
.v-autocomplete .v-autocomplete-list::before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #b7b8bd;
  border-bottom: 1px solid #b7b8bd;
  background: white;
  position: absolute;
  right: -1px;
  top: -6px;
}
.v-autocomplete-list {
  background: white;
  border-radius: 0 0 8px 8px;
  border: 1px solid #b7b8bd;
  margin-top: 3px;
  z-index: 99;
  left: -1px;
  position: relative;
  width: calc(100% + 2px);
}
.v-autocomplete-list .v-autocomplete-list-item {
  padding: 2px 32px 2px 12px;
  font-size: 14px;
  background: white !important;
}
.v-autocomplete-list .v-autocomplete-list-item:last-child {
  border-radius: 0 0 8px 8px;
}
.v-autocomplete-list .v-autocomplete-list-item:hover {
  background: #508adf !important;
}
.v-autocomplete-list .v-autocomplete-list-item:hover span {
  color: white !important;
}
.v-autocomplete-list .v-autocomplete-list-item abbr {
  opacity: 0.8;
  display: block;
  font-family: sans-serif;
}
.form-control:focus,
.custom-select:focus {
  box-shadow: 0 0;
  border-color: #b7b8bd;
}
.datepicker-group .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.datepicker-group .dropdown-toggle {
  background-color: #fff !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsSAAALEgHS3X78AAABR0lEQVQ4jZVUwXHEIAzcy1wBLsEv+DF+wyNOB9dBXMKV4BIuFcSpIE4FcR68z/DjdyU4FTijC8woxHZymsFIAi0rCYx5nn8MJ/TBCV0k3182jR19SLw0FYACwDuAFwAdvmXLHlWw0xXES0OOR9wunwDqnROaGJyjowHwCuAJQM+YcLtnOh38RjnWTuiZco01qLMa5XaVauKEHp3Qw55Rm+ijgh043wV7zGPu8iS9NCcqspem8NK0qehemoav85hfIJmUBAag2tq0zx0q2CMzmzh3K+vLIF4aypnSoHmILCiwIIC0roJNHVpMhwAGFeyFmNBlAnBibNoIvs4k3cKoT8yfutcz33ENZIidmKJexs2U1oFvTO1eAqkSEwKIehu7lNePDiv5tXf0DlgqmxIBngF8pAdIhbr/T/CCPPBfwZXajQCdCvbyBYQK0nA4fzntAAAAAElFTkSuQmCC) no-repeat center;
  border-color: #b7b8bd !important;
  width: 40px !important;
  visibility: visible !important;
}
.datepicker-group .dropdown-toggle svg {
  display: none;
}
.b-form-datepicker.b-form-btn-label-control {
  padding: 0;
}
.b-form-datepicker.b-form-btn-label-control > .btn {
  visibility: hidden;
  width: 0;
  padding: 0;
}
.b-form-datepicker.form-control > .form-control {
  width: 100%;
  text-align: initial;
  box-shadow: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsSAAALEgHS3X78AAABR0lEQVQ4jZVUwXHEIAzcy1wBLsEv+DF+wyNOB9dBXMKV4BIuFcSpIE4FcR68z/DjdyU4FTijC8woxHZymsFIAi0rCYx5nn8MJ/TBCV0k3182jR19SLw0FYACwDuAFwAdvmXLHlWw0xXES0OOR9wunwDqnROaGJyjowHwCuAJQM+YcLtnOh38RjnWTuiZco01qLMa5XaVauKEHp3Qw55Rm+ijgh043wV7zGPu8iS9NCcqspem8NK0qehemoav85hfIJmUBAag2tq0zx0q2CMzmzh3K+vLIF4aypnSoHmILCiwIIC0roJNHVpMhwAGFeyFmNBlAnBibNoIvs4k3cKoT8yfutcz33ENZIidmKJexs2U1oFvTO1eAqkSEwKIehu7lNePDiv5tXf0DlgqmxIBngF8pAdIhbr/T/CCPPBfwZXajQCdCvbyBYQK0nA4fzntAAAAAElFTkSuQmCC) no-repeat 95% !important;
  padding: 5px 30px 5px 14px;
  min-height: 32px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-form-datepicker > .btn {
  visibility: hidden;
  width: 0;
  padding: 0;
}
.b-form-datepicker .b-calendar .b-calendar-header {
  display: none;
}
.b-form-datepicker .b-calendar .b-calendar-nav {
  justify-content: space-around;
}
.b-form-datepicker .b-calendar .b-calendar-nav .btn-outline-secondary {
  flex: 0 !important;
  background: transparent;
}
.b-form-datepicker .b-calendar .b-calendar-grid-help {
  display: none;
}
.b-form-datepicker .b-calendar .b-calendar-grid-caption {
  width: 100%;
  font-family: "Gotham_Rounded";
}
.b-form-datepicker .b-calendar .b-calendar-grid-caption:first-letter {
  text-transform: uppercase;
}
.b-form-datepicker .b-calendar .b-calendar-grid-weekdays {
  text-transform: capitalize;
}
.b-form-datepicker .b-calendar .b-calendar-grid {
  width: 100%;
}
.b-form-datepicker .b-calendar .btn[aria-label="Previous year"],
.b-form-datepicker .b-calendar .btn[aria-label="Next year"] {
  display: none;
}
.b-form-datepicker .b-calendar .btn-primary {
  box-shadow: 0 0 !important;
  justify-content: center;
  background-color: #508adf !important;
}
.b-form-timepicker {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.b-form-timepicker .btn {
  padding-left: 0;
}
.b-form-timepicker .bi-clock, .b-form-timepicker .bi-clock-fill {
  width: 12px;
  height: 12px;
  position: relative;
  top: -2px;
}
.custom-radio {
  padding-left: 2rem;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: transparent;
  border-color: #2b305d !important;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23508adf'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-label::before {
  border-color: #2b305d;
}
.custom-radio .custom-control-label::after {
  background-size: 1rem;
}
.error-label {
  color: #FD0235 !important;
  font-size: 12px;
}
.error-label.center {
  text-align: center;
  color: #FD0235 !important;
  font-weight: bold;
  opacity: 1;
  transition: 0.2s;
  margin-top: 22px;
  margin-bottom: 30px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: white;
  box-shadow: none;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAACXBIWXMAAAsSAAALEgHS3X78AAAAe0lEQVQokWP8//8/AzFAxzAugYGBAYQvsJCgYT6Mz0SqBpBNjNoGsQ4MDAwg/OHK+UUTCGhYeOX8ogQmqIZ6BgaGfh3DuAWENIAYID99QJKI1zGMA9EHcGkAAXDoQW2Ix+EtFA3wgIAKLiRGA1wTDo1YNcCdRxJgYGAAAOE8OghSebzEAAAAAElFTkSuQmCC) no-repeat;
  background-position: 70% 65%;
  background-size: 10px;
  position: absolute;
  right: 0;
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #b7b8bd !important;
  border: none !important;
}
.custom-checkbox .custom-control-label {
  right: -12px;
  top: 2px;
}
.custom-checkbox .custom-control-label::before {
  background: white;
  width: 18px;
  height: 18px;
  border: 1px solid #2b305d !important;
  border-radius: 5px;
  box-shadow: none;
}
.custom-checkbox .custom-control-label::after {
  position: absolute;
  right: 0;
}
.content-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  color: #b7b8bd;
  font-size: 15px;
}
.content-pagination .pagination {
  justify-content: flex-end;
  margin-right: 24px;
  margin-bottom: 0;
}
.content-pagination .pagination .page-item {
  margin: 0 2.5px;
  display: flex;
  align-items: center;
}
.content-pagination .pagination .page-item:last-child, .content-pagination .pagination .page-item:first-child {
  display: none;
}
.content-pagination .pagination .page-item button {
  font-size: 20px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2b305d;
  border: none;
  background: none;
  font-size: 14px;
  line-height: 1;
}
.content-pagination .pagination .page-item.active button {
  background: #508adf;
  color: white;
  box-shadow: none;
}
.content-pagination .pagination .page-item span {
  border: none;
  font-size: 24px;
  color: #b7b8bd;
}
.form-inline {
  font-size: 15px;
}
.alert {
  font-size: 14px;
  padding: 0.6rem 1.25rem;
}
.ea-alert {
  background-color: #FFF3CD;
  border-radius: 10px;
  padding: 2rem;
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
}
.ea-alert > svg {
  width: 3rem;
  height: 3rem;
  fill: #d1263a;
}
.ea-alert .content {
  text-align: center;
  padding-left: 2rem;
  flex: 1;
}
.ea-alert .content p:last-child {
  margin-bottom: 0;
  font-size: 15px;
}
.ea-alert .content a {
  color: #508adf;
  text-decoration: underline;
}
.ea-alert .content ul {
  list-style: none;
  padding: 0;
}
.ea-alert .content ul li {
  position: relative;
  padding-left: 0.8rem;
  font-size: 13px;
}
.ea-alert .content ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #508adf;
}
.b-rating .b-rating-star-full .b-rating-icon svg {
  stroke: #2b305d;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  opacity: 0;
}
input[type=number] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAACXBIWXMAAAsSAAALEgHS3X78AAAAnUlEQVQokWP8//8/AzGACV3NJXXrBSCMLs6EroiBgcEAhNEVM2FR5ADFKIqZ0BXp3Tz6AYTRFTNdUrdWYGBgUIApgpmApFgApIZ8Xw9ChYwX1awEGBgYJjAwMBQg+xopfBtA8jATQWF44JK6NUgTsiJQGAaAfY0UXiAAV4weCfBwhCo4ANVwAVkR2I3IAY6mGCWmMGIGZjWKxxgYGACgu1Kv25QtzAAAAABJRU5ErkJggg==) no-repeat;
  padding-right: 5px;
  background-position: right 8px center;
}
.vue-daterange-picker .form-control {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat right !important;
  border-width: 0 0 1px 0 !important;
  padding: 5px 32px 5px 0px !important;
  position: relative;
  border-radius: 0;
}
.vue-daterange-picker .form-control span {
  font-size: 15px;
}
.list-group .list-group-item {
  border-color: #b7b8bd;
  padding: 5px 16px;
  font-size: 15px;
}
.list-group .list-group-item .form-control {
  margin-bottom: 0;
  border: none;
  padding: 0;
  height: 24px;
}
.list-group .list-group-item .form-control::-moz-placeholder {
  color: #2b305d;
}
.list-group .list-group-item .form-control:-ms-input-placeholder {
  color: #2b305d;
}
.list-group .list-group-item .form-control::placeholder {
  color: #2b305d;
}
.list-group .list-group-item .col ::after {
  content: "";
  width: 1px;
  height: calc(100% + 14px);
  background: #b7b8bd;
  position: absolute;
  left: 0;
  top: -7px;
}
.list-group .list-group-item .col:last-child::after {
  display: none;
}
.list-group .list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.list-group .list-group-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.list-group.disabled .list-group-item {
  background-color: #e9ecef;
}
.list-group.description-list {
  border-radius: 0;
}
.list-group.description-list .list-group-item {
  text-align: center;
  padding: 18px 5px;
}
.list-group.description-list .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group.description-list .list-group-item:first-child .form-row > [class*=col-]:first-child {
  text-align: initial;
  padding: 0 0 0 38px;
}
.list-group.description-list .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group.description-list .list-group-item .form-row {
  align-items: center;
}
.list-group.description-list .list-group-item .form-row > [class*=col-]:first-child {
  text-align: initial;
  padding: 0 5px 0 18px;
}
.list-group.description-list .list-group-item .form-row .list-ul li {
  text-align: initial;
}
.list-group.description-list .list-group-item .form-row .list-ul li::before {
  top: 6px;
}
.list-group.description-list .list-group-item .comments {
  padding-right: 12px;
  position: relative;
}
.list-group.description-list .list-group-item .comments p {
  text-align: initial;
}
.list-group.description-list .list-group-item .comments .link.blue {
  margin-left: 10px;
  font-size: 13px;
}
.list-group.description-list .list-group-item .comments > div {
  text-align: justify;
}
.list-group.description-list p,
.list-group.description-list span,
.list-group.description-list li,
.list-group.description-list .bold {
  margin-bottom: 0;
  font-size: 13px;
}
.selectYear {
  width: 227px !important;
}
.selectYear .custom-select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat 100% !important;
  border: none;
  border-radius: 0;
  position: relative;
  border-bottom: 1px solid #b7b8bd;
}
.selectYear .custom-select span {
  font-size: 15px;
}
.selectYear .custom-select .selected {
  padding-left: 0;
  background-position: 100% 55%;
  border: none;
}
@media only screen and (max-width: 768px) {
.error-label.center {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 10px;
}
}
.tabs.sm .nav-tabs {
  max-width: 600px;
}
.tabs.sm .tab-content {
  border-top-right-radius: 12px;
}
.tabs .nav-tabs {
  border-radius: 10px 10px 0 0;
  background: #f3f2f8;
}
.tabs .nav-tabs .nav-item {
  width: 50%;
}
.tabs .nav-tabs .nav-item a {
  border-radius: 10px 10px 0 0;
  background: #e6e6f1;
  color: #b7b8bd;
  text-align: center;
  font-family: "Gotham_Rounded";
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 15px;
  padding: 10px;
  border: none;
  box-shadow: 0px -2px 15px -10px rgba(0, 0, 0, 0.62);
}
.tabs .nav-tabs .nav-item a .dot {
  margin-left: 10px;
  border-radius: 50%;
  background: #b7b8bd;
  color: #fff;
  font-size: 13px;
  width: 22px;
  height: 22px;
  font-weight: normal;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tabs .nav-tabs .nav-item a.active {
  background: #2b305d;
  color: #ffffff;
}
.tabs .nav-tabs .nav-item a.active .dot {
  background: #d1263a;
}
.tabs .tab-content {
  padding: 3rem;
  box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #fff;
}
.navbar {
  padding-left: 216px;
  background-color: #fff;
  z-index: 100;
  transition: all 0.2s ease;
  box-shadow: 1px 1px 20px -15px black;
  -webkit-box-shadow: 1px 1px 20px -15px black;
  -moz-box-shadow: 1px 1px 20px -15px black;
}
.navbar .content-select {
  max-width: 160px;
  width: 100%;
  padding-left: 4px;
  border: none;
}
.navbar .content-select .dropdown {
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat right;
  background-position: 90% 55%;
  border: 1px solid #b7b8bd;
  border-radius: 8px;
  margin-top: 8px;
  font-weight: 600;
  position: relative;
}
.navbar .content-select .dropdown::after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  margin-top: 8px;
  margin-left: 8px;
}
.navbar .content-select .dropdown button {
  background: none;
  font-size: 15px;
  padding-left: 35px;
  padding: 3px 10px 3px 37px;
}
.navbar .content-select .dropdown button:hover {
  color: #2b305d;
}
.navbar .content-select .dropdown .dropdown-menu {
  padding: 0;
  width: 150px;
  min-width: initial;
  top: 30px;
  border-radius: 0 0 8px 8px;
  font-size: 16px;
  margin: 0 !important;
  left: -1px;
  scroll-behavior: smooth;
  border-color: #b7b8bd;
}
.navbar .content-select .dropdown .dropdown-menu .dropdown-item {
  padding-left: 8px;
  font-size: 15px;
  border-radius: 0 0 8px 8px;
  padding: 4px 10px 4px 9px;
}
.navbar .content-select .dropdown .dropdown-menu .dropdown-item img {
  margin-right: 6.8px;
}
.navbar .content-select .dropdown.en::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAACLklEQVQ4jWP8//8/AzrImH6+4PbzbznXn32Tf/7+F8uWMl0GGw1+kKqDDAwMGxgYGBbw8/N/QNaGYtDHjx8FJmx7sq9hzQNDPk4Whiw3KYaOjY8Y1nuyM1hLMiN0/f379c/NB7WSpSn9MCEWGKN0/iX5jWfeXP/x+x8niP/p+x+GLefeguU+V/UzvHt9F9kB3AwMDH1/Hz1XlJlcmwcSYILJ7L/64crtF985H7/9CVf96A2CjQ18W7Qx91ndxBS4i2InnJlz9v5nHpB3vI2EGJYffcUAYlcGyDFULr/HwNtWyCCE7DXksOHiaGJgYJgDDiPN3P0/bzz7xobLZqTAxgUSWT5+/GjgoC3AduPZNwZ0F0XZiDHM2P2M4VNlP8O7Xy9xmsKsKF3AMmvvc0eQYlgAgwyBsbdCA/vPlVsMv1ADGwWwfvkqz/L47Q97a3Xczpbl/McgpKXAwPYHtxpmaTEuxg8fPiQwMDDMxxcARICDoFh78OvIOYpMYRLm/wWOtTsy9n//Pn3JRIQerIAzxncuWDObs8Vucg1hlhb/xz+lpgScIJnFhNIF1006ycjGKk6qQf9evu0DZWB4pgWlJwYGhgMMDAx4Ux4aWMjPzw+KLNTc/3rTHttvCzdu+/fyLQ8hEzhC3RdK5seDDcEwCAYeRRSu/3XojM/f56/hpQNYMS/3fzZTnXsseuoJMv1VR1DksBkEA09LO+X/ff4aCFbIwvJcZkrdSqwKGRgYAC5Z5zVn/HlXAAAAAElFTkSuQmCC) no-repeat;
}
.navbar .content-select .dropdown.es::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAABNklEQVQ4ja3UMUvDQBgG4LfX0kGqiC6HDs2kbmbLEiE6iZP/oE7iZsHFsf6DZhfU3UEF9ygneGSq/QNKl4xxEKG0ppzclWuuYuDyTrmQe/guX/JVsizDvKQP9we1YG8DgANgH8Drz2BwO3p57q8cn3zktxhQ4ntHADoLlzcga+vN/Ibv8zOM33qheIYynqr7JIdcA7gCYAC5nAKIEt9bNiCJtP4BgGpNXW3rGJFIUAgRGY/0lcC6ekXdQsj8tBLfc0jie66UbXIoKnItESjIKQGabb8t9F6CkwooKgGKCGVcVPRkCd2pd9SxQEJRzC9EGRfHC4vsqtTr+rKniph2jTLeLoJlw6GOBGoCzLRfYrsAjHkzDSFfAC4o464+Rv4cbJ9xvFPd3FqVX774qWMAj42lRbPLACaIB113FMedEgAAAABJRU5ErkJggg==) no-repeat;
}
.navbar .content-select .dropdown.show {
  border-radius: 8px 8px 0 0;
}
.navbar .navbar-nav li .form-inline ul .nav-item .nav-link {
  color: #2b305d;
  font-size: 15px;
  padding: 0.5rem 1rem;
}
.navbar .navbar-nav li .form-inline ul .nav-item .nav-link.router-link-active {
  color: #2b305d;
}
.navbar .navbar-nav li .form-inline ul .nav-item .nav-link span {
  color: #2b305d;
}
.navbar .navbar-nav li .form-inline ul .nav-item .dropdown-toggle {
  display: flex;
  align-items: center;
  outline: none;
}
.navbar .navbar-nav li .form-inline ul .nav-item .dropdown-toggle svg {
  fill: #b7b8bd;
  width: 10px;
  margin-left: 10px;
}
.navbar .navbar-nav li .form-inline .dropdown-toggle {
  box-shadow: none;
}
.navbar .navbar-nav li .form-inline .dropdown-menu {
  box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 10px 0 10px 10px;
  scroll-behavior: smooth;
  padding: 7px 0;
  right: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 314px;
  max-height: 240px;
}
.navbar .navbar-nav li .form-inline .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.navbar .navbar-nav li .form-inline .dropdown-menu li .dropdown-item {
  position: relative;
  padding: 7px 14px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.navbar .navbar-nav li .form-inline .dropdown-menu li .dropdown-item .svg {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  fill: #508adf;
}
.navbar .navbar-nav li .form-inline .dropdown-menu li .dropdown-item p {
  color: #2b305d;
  font-size: 13px;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  white-space: pre;
  line-height: 1;
}
.navbar .navbar-nav li .form-inline .dropdown-menu li .dropdown-item span {
  display: block;
  text-align: right;
  bottom: 10px;
  font-size: 12px;
  color: #b7b8bd;
}
.navbar .navbar-nav li .form-inline .dropdown-menu li .dropdown-item:active {
  background-color: white;
}
.navbar .navbar-nav li .form-inline .content-icons {
  margin-left: 20px;
  position: relative;
  padding: 10px 22px;
  border: 1px solid #b7b8bd;
  border-top: none;
  border-bottom: none;
  display: flex;
  align-items: center;
}
.navbar .navbar-nav li .form-inline .content-icons .svg {
  fill: #2b305d;
  width: 18px;
  height: 18px;
}
.navbar .navbar-nav li .form-inline .content-icons .dot {
  position: absolute;
  border-radius: 50%;
  background: #d1263a;
  color: #fff;
  top: 3px;
  right: 12px;
  font-size: 10px;
  width: 16px;
  height: 16px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.navbar .navbar-nav li .form-inline .content-icons.noneNotifications .dropdown-menu {
  display: none;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .dropdown-toggle {
  margin: 5px 20px;
  padding: 0;
  position: relative;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications p {
  white-space: break-spaces !important;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .dropdown-menu {
  left: -175%;
  width: 320px;
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 10px;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .dropdown-menu li {
  border-bottom: 1px solid #f3f2f8;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .dropdown-menu li .dropdown-item {
  display: block;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .dropdown-menu li:last-child {
  border-bottom: none;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .scroll {
  padding-top: 0px;
  position: relative;
  width: 100%;
  margin: auto;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .scroll::after {
  position: absolute;
  height: 2px;
  width: 90%;
  background: #b7b8bd;
  bottom: 0;
  right: 5%;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .scroll:last-child {
  border-bottom: none;
}
.navbar .navbar-nav li .form-inline .content-icons.notifications .scroll:last-child::after {
  content: none;
}
.navbar .navbar-nav li .form-inline .avatar-user {
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-right: 34px;
}
.navbar .navbar-nav li .form-inline .avatar-user h6 {
  text-align: right;
  margin-bottom: 0;
  font-size: 13px;
  color: #000;
}
.navbar .navbar-nav li .form-inline .avatar-user .profile {
  color: #d1263a;
  font-size: 11px;
  text-align: right;
  display: block;
  line-height: 1;
}
.navbar .navbar-nav li .form-inline .avatar-user .dropdown-toggle {
  padding-left: 10px;
}
.navbar .navbar-nav li .form-inline .avatar-user .dropdown-toggle .svg {
  fill: #b7b8bd;
  width: 10px;
}
.navbar .navbar-nav li .form-inline .avatar-user .dropdown-menu {
  right: 20px;
}
#main-wrapper.sidebar-toggle .navbar {
  padding-left: 76px;
}
.arrowDropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: -15px;
  border-top: 15px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 15px solid white;
  box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
}
#ddownNotification .dropdown-menu {
  padding-bottom: 0;
  right: initial;
  left: -270px;
  top: 38px;
  padding-top: 14px;
  width: 314px;
}
#ddownNotification .dropdown-menu .scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 180px;
}
#ddownNotification .dropdown-menu .scroll li a {
  padding: 6px 14px 0px 24px;
  align-items: center;
  cursor: initial;
  justify-content: space-between;
}
#ddownNotification .dropdown-menu .scroll li a p {
  white-space: initial;
  cursor: pointer;
}
#ddownNotification .dropdown-menu .scroll li a span {
  font-size: 11px;
}
#ddownNotification .dropdown-menu .button-footer {
  height: 40px;
  background: #508adf;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
#ddownNotification .dropdown-menu .button-footer a {
  color: white;
  text-decoration: none;
}
.navbar-toggler {
  background-color: #2b305d;
  border-radius: 0;
  height: 59px;
  width: 59px;
}
.navbar-toggler .svg {
  fill: white;
  width: 22px;
  height: 22px;
}
.navbar-toggler .hamburger-lines {
  height: 17px;
  width: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  position: relative;
  transition: 0.5s;
}
.navbar-toggler .hamburger-lines .line {
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
}
.navbar-toggler .hamburger-lines .line.line1 {
  transform-origin: 0% 0%;
  transition: transform 0.3s ease-in-out;
}
.navbar-toggler .hamburger-lines .line.line2 {
  transition: transform 0.1s ease-in-out;
}
.navbar-toggler .hamburger-lines .line.line3 {
  transform-origin: 0% 100%;
  transition: transform 0.3s ease-in-out;
}
.navbar-toggler.not-collapsed .hamburger-lines {
  right: -4px;
}
.navbar-toggler.not-collapsed .hamburger-lines .line.line1 {
  transform: rotate(45deg);
}
.navbar-toggler.not-collapsed .hamburger-lines .line.line2 {
  transform: scaleY(0);
}
.navbar-toggler.not-collapsed .hamburger-lines .line.line3 {
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1300px) {
.navbar {
    padding-left: 16vw;
}
}
@media only screen and (max-width: 768px) {
.navbar {
    background-color: #fff;
    padding-left: 0 !important;
    padding: 0;
}
.navbar .nav_mobile {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px 8px 20px;
}
.navbar .navbar-collapse {
    background-color: #2b305d;
}
.navbar .navbar-collapse .navbar-nav li {
    width: 100%;
}
.navbar .navbar-collapse::after {
    content: "";
    width: 100%;
    height: 0;
    background-color: rgba(43, 48, 93, 0.6);
    position: absolute;
    transition: 1s;
    z-index: -1;
}
.navbar .navbar-collapse.collapse::after {
    height: calc(100vh - 58px);
}
.navbar .navbar-nav {
    padding-top: 32px;
}
.navbar .navbar-nav li .form-inline {
    display: block;
    width: 100%;
}
.navbar .navbar-nav li .form-inline .nav .nav-item {
    margin-bottom: 22px;
}
.navbar .navbar-nav li .form-inline .nav .nav-item .nav-link {
    color: #b7b8bd;
    position: relative;
    padding-left: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}
.navbar .navbar-nav li .form-inline .nav .nav-item .nav-link svg {
    display: inline-block;
    fill: #b7b8bd;
    margin-right: 10px;
    width: 18px;
    height: 18px;
}
.navbar .navbar-nav li .form-inline .nav .nav-item .nav-link.router-link-active {
    color: #fff;
}
.navbar .navbar-nav li .form-inline .nav .nav-item .nav-link.router-link-active::before {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #d1263a;
    position: absolute;
    left: 0;
    top: 0;
}
.navbar .navbar-nav li .form-inline .nav .nav-item .nav-link.router-link-active svg {
    fill: #fff;
}
.navbar .navbar-nav li .form-inline .nav.no_user {
    background-color: #fff;
    padding: 12px 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar .navbar-nav li .form-inline .nav.no_user .nav-item {
    width: auto;
    margin-bottom: 0;
}
.navbar .navbar-nav li .form-inline .nav.no_user .nav-item .nav-link {
    padding: 0;
    color: #2b305d;
}
.navbar .navbar-nav li .form-inline .nav.no_user .nav-item.btn_mobile .nav-link {
    background-color: #508adf;
    color: #fff;
    padding: 10px 18px;
    border-radius: 20px;
    font-family: "Gotham_Rounded";
}
.navbar .navbar-nav li .form-inline .content-select {
    padding: 20px 34px;
    width: 100%;
    max-width: none;
    border-top: 1px solid #b7b8bd;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown-toggle {
    color: #fff;
    padding: 4px 14px 4px 44px;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown {
    margin-top: 0;
    flex-direction: column;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsSAAALEgHS3X78AAAATklEQVQImY2O0QmAMAxEn+IgHaEjOZojdoMnBwo29MPAQXL3ErKp/KkdaMAA+mIhXrJGLqqnOtT+zFH6eMl4zQpPUAW/8ARFR/npWvbADUlsaQsx1P5SAAAAAElFTkSuQmCC) no-repeat right;
    background-position: calc(100% - 12px) 12px;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown::after {
    margin-left: 14px;
    height: 17px;
    width: 17px;
    background-size: contain !important;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown .dropdown-menu {
    border-radius: 0;
    width: 100%;
    box-shadow: none;
    background: none;
    padding-bottom: 0;
    padding-top: 0;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown .dropdown-menu .dropdown-item {
    color: white;
    border-radius: 0;
    background: none;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown .dropdown-menu .dropdown-item img {
    margin-right: 13px;
}
.navbar .navbar-nav li .form-inline .content-select .dropdown.show {
    border-radius: 8px;
}
}
.sidebar {
  width: 100%;
  max-width: 200px;
  padding-bottom: 0;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 101;
  background-color: #fff;
  transition: all 0.2s ease;
  box-shadow: 11px 1px 20px -26px black;
  -webkit-box-shadow: 11px 1px 20px -26px black;
  -moz-box-shadow: 11px 1px 20px -26px black;
  flex-wrap: inherit;
}
.sidebar .sidebar-img {
  padding: 20px 10%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
.sidebar .sidebar-img span {
  color: #b7b8bd;
}
.sidebar .nav-item {
  margin: 15px 0;
}
.sidebar .nav-item a {
  color: #b7b8bd;
  display: flex;
  padding: 0 10%;
  align-items: center;
}
.sidebar .nav-item a .material-icons-outlined {
  color: #b7b8bd;
  margin-right: 10px;
  font-size: 18px;
}
.sidebar .nav-item a .svg {
  fill: #b7b8bd;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  flex: none;
}
.sidebar .nav-item a p {
  margin-bottom: 0;
  color: #b7b8bd;
  font-size: 15px;
}
.sidebar .nav-item a.router-link-active, .sidebar .nav-item a.active {
  border-right: 5px solid #d1263a;
}
.sidebar .nav-item a.router-link-active .svg, .sidebar .nav-item a.active .svg {
  fill: #d1263a;
}
.sidebar .nav-item a.router-link-active p, .sidebar .nav-item a.active p {
  color: #2b305d;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.sidebar .nav-item a .dot {
  margin-left: auto;
  background-color: #d1263a;
  color: #fff;
  font-family: "Gotham_Rounded";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  flex: none;
}
#main-wrapper.sidebar-toggle .sidebar {
  max-width: 60px;
  overflow: visible;
}
#main-wrapper.sidebar-toggle .sidebar .sidebar-img {
  flex-direction: column;
}
#main-wrapper.sidebar-toggle .sidebar .sidebar-img a {
  margin-top: 20px;
}
#main-wrapper.sidebar-toggle .sidebar .nav-item a {
  padding: 0 20px;
  justify-content: center;
}
#main-wrapper.sidebar-toggle .sidebar .nav-item a .material-icons-outlined {
  margin-right: 0;
}
#main-wrapper.sidebar-toggle .sidebar .nav-item a p {
  display: none;
}
@media only screen and (min-width: 1300px) {
.sidebar {
    max-width: 15vw;
}
}
@media only screen and (max-width: 768px) {
.sidebar {
    display: none;
}
}
.filter-center {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.dropdown-checkbox {
  width: 100%;
  max-width: 320px;
}
.dropdown-checkbox button {
  font-size: 13px;
  text-align: initial;
  color: #2b305d;
  border: 1px solid #b7b8bd;
  transition: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat right;
  background-position: 95% 50%;
  background-size: 12px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 8px 20px;
}
.dropdown-checkbox button::after {
  display: none;
}
.dropdown-checkbox button:active {
  background-color: #ffffff !important;
  color: #2b305d;
}
.dropdown-checkbox.red button {
  color: #d1263a;
  font-weight: bold;
}
.dropdown-checkbox .dropdown-menu {
  border: 1px solid #b7b8bd;
  padding: 15px 0;
  margin-top: -5px;
  border-radius: 0 0 10px 10px;
}
.dropdown-checkbox .dropdown-menu li .b-dropdown-text h6 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 2px;
}
.dropdown-checkbox .dropdown-menu li .b-dropdown-text i {
  padding-left: 30px;
  font-size: 10px;
  font-style: normal;
  display: block;
}
.dropdown-checkbox .dropdown-menu li .b-dropdown-text .custom-control {
  padding-left: 26px;
  min-height: 0.8rem;
}
.dropdown-checkbox .dropdown-menu li .b-dropdown-text .custom-control .custom-control-label {
  padding-left: 5px;
  font-size: 13px;
}
.dropdown-checkbox .dropdown-menu li .b-dropdown-text .custom-control .custom-control-label::before {
  top: 0.1rem;
}
.dropdown-checkbox .dropdown-menu li .b-dropdown-text .custom-control .custom-control-input:checked ~ .custom-control-label::after {
  top: 0.1rem;
}
.dropdown-checkbox .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.plans_container {
  transition: 0.2s all;
  display: block;
  max-width: 1010px;
  margin: auto;
}
.plans_container .owl-carousel .owl-stage-outer {
  padding: 15px;
  margin-left: -15px;
  margin-right: -15px;
}
.plans_container .owl-carousel .owl-dots {
  margin-top: 0;
}
.plans_container .owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid #2b305d;
  width: 12px;
  height: 12px;
  margin: 0 2.5px;
}
.plans_container .owl-carousel .owl-dots .owl-dot.active span, .plans_container .owl-carousel .owl-dots .owl-dot:hover span {
  background: #2b305d;
}
.plans_container .card_plan {
  width: 100%;
  overflow: hidden;
  min-height: 264px;
  max-width: 190px;
}
.plans_container .card_plan .card-header {
  padding: 8px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.plans_container .card_plan .card-body {
  padding: 18px;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.plans_container .card_plan .card-body button {
  background: #508adf;
  color: #fff;
  border: none;
  padding: 7px 15px;
  border-radius: 20px;
  flex: none;
  max-width: 135px;
  margin: 0 auto;
  font-family: "Gotham_Rounded_Book";
}
.plans_container .card_plan .card-body .price {
  color: #2b305d;
  opacity: 1;
  margin-bottom: 16px;
  font-size: 35px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  display: flex;
  justify-content: center;
  transition: 0.2s all;
}
.plans_container .card_plan .card-body .price i {
  font-style: normal;
  font-size: 24px;
  margin-right: 5px;
  margin-top: 5px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.plans_container .card_plan .card-body .test-class {
  font-size: 18px;
  font-family: "Gotham_Rounded";
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
.plans_container .card_plan .card-body .test-class img {
  max-width: 40px;
}
.plans_container .card_plan .card-body p {
  font-size: 15px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  flex: 1;
}
.plans_container .card_plan .card-body p .svg {
  width: 16px;
  height: 16px;
  fill: #2b305d;
}
.btn-blue,
.btn-black {
  background: #508adf;
  color: #fff;
  border: none;
  padding: 7px 16px;
  border-radius: 20px;
  font-size: 18px;
  flex: none;
  max-width: 135px;
  font-family: "Gotham_Rounded";
}
.btn-blue.disabled:focus,
.btn-black.disabled:focus {
  box-shadow: none;
}
.btn-black {
  background: white;
  color: #333333;
  max-width: 185px;
  border: 1px solid #333333;
  height: 42px;
}
@media only screen and (max-width: 380px) {
.plans_container .owl-carousel .owl-stage-outer .owl-item {
    opacity: 0.3;
}
.plans_container .owl-carousel .owl-stage-outer .owl-item.center {
    opacity: 1;
}
}
@media only screen and (max-width: 768px) {
.plans_container {
    display: block;
}
.plans_container .owl-carousel .owl-stage-outer {
    overflow: inherit;
    margin-left: -15px;
    margin-right: 0;
}
.plans_container .card_plan {
    margin: 0;
    width: 164px;
    min-height: 219px;
}
.plans_container .card_plan .card-header {
    font-size: 15px;
}
.plans_container .card_plan .card-body .test-class {
    font-size: 15px;
}
.plans_container .card_plan .card-body .test-class img {
    max-width: 30px;
}
.plans_container .card_plan .card-body .price {
    font-size: 30px;
}
.plans_container .card_plan .card-body .price i {
    font-size: 20px;
    margin-top: 0px;
}
.plans_container .card_plan .card-body p {
    font-size: 12px;
}
.plans_container .card_plan .card-body p .svg {
    width: 12px;
    height: 12px;
}
.plans_container .card_plan .card-body button {
    font-size: 13px;
    font-family: "Gotham_Rounded";
    padding: 5px 10px;
}
}
.card_object {
  max-width: 284px;
  width: 100%;
  margin: 10px;
  cursor: pointer;
  min-height: 140px;
}
.card_object .card-body {
  display: flex;
  align-items: center;
  padding: 8px 20px 8px 8px;
  justify-content: space-between;
}
.card_object .card-body img {
  margin-right: 15px;
}
.card_object .card-body p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.2;
  max-width: 145px;
  flex: 1;
}
.card_object .card-body p span {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.card_object.active {
  background: #2b305d;
}
.card_object.active p {
  color: #fff;
}
.card_object.active p span {
  color: #fff;
}
.contact {
  margin-top: 40px;
  text-align: center;
}
.contact p {
  font-size: 15px;
  max-width: 500px;
  margin: auto;
  line-height: 1.2;
}
.contact .links a span {
  font-size: 13px;
}
.links {
  margin-top: 25px;
}
.links a {
  display: inline-flex;
  margin-right: 20px;
  text-decoration: none;
}
.links a i {
  font-size: 18px;
  margin-right: 10px;
}
.links a svg {
  width: 12px;
  margin-right: 10px;
  fill: #2b305d;
}
.links a span {
  color: #508adf;
  border-bottom: 1px solid #508adf;
  font-family: "Gotham_Rounded";
  font-size: 15px;
  font-weight: bold;
}
.links a:last-child {
  margin-right: 0;
}
.links a img {
  margin-right: 8px;
  width: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}
.card_evaluation {
  overflow: hidden;
}
.card_evaluation .card-header {
  padding: 40px;
  background: #fff;
  border: none;
  position: relative;
}
.card_evaluation .card-header h4 {
  font-size: 15px;
  color: #b7b8bd;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 15px;
}
.card_evaluation .card-header h4::after {
  content: "";
  width: calc(100% - 250px);
  height: 1.5px;
  background-color: #b7b8bd;
  position: absolute;
  left: 0;
  bottom: 0;
}
.card_evaluation .card-header .timer {
  position: absolute;
  right: 5%;
  top: 40px;
  font-size: 22px;
  background: #2b305d;
  color: #fff;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 7px 20px;
  border-radius: 15px;
  min-width: 190px;
}
.card_evaluation .card-header .timer i {
  color: #508adf;
  margin-right: 12px;
  font-size: 30px;
}
.card_evaluation .card-header .timer .svg {
  width: 30px;
  height: 30px;
  fill: #508adf;
  margin-right: 12px;
}
.card_evaluation .card-header .timer span {
  color: #fff;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.card_evaluation .card-body {
  padding: 5%;
  padding-left: 66px;
  padding-right: 50px;
}
.card_evaluation .card-body .row .col {
  display: flex;
  flex-direction: column;
}
.card_evaluation .card-body p {
  font-size: 15px;
  margin-bottom: 18px;
}
.card_evaluation .card-body label.qst {
  font-size: 19px;
  color: #b7b8bd;
  font-family: "Gotham_Rounded";
  display: block;
}
.card_evaluation .card-body h4 {
  font-size: 22px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  margin-bottom: 24px;
  white-space: pre-line;
}
.card_evaluation .card-body h4 input {
  border: none;
  border-bottom: 3px solid #2b305d;
  outline: none;
  color: #508adf;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  width: 50%;
  max-width: 310px;
  position: relative;
  top: -2.5px;
  padding: 0;
  border-radius: 0;
  line-height: 1;
}
.card_evaluation .card-body h4.red {
  color: #d1263a;
}
.card_evaluation .card-body h4.center {
  margin: auto 0 auto;
}
.card_evaluation .card-body h4 .autoRpta {
  min-width: 150px;
  display: inline-block;
  border-bottom: 3px solid #2b305d;
  text-align: center;
  padding: 0 5px;
  color: #508adf;
  height: 30px;
  vertical-align: bottom;
  font-size: 21px;
}
.card_evaluation .card-body h4 span {
  font-family: "Gotham_Rounded";
}
.card_evaluation .card-body .audio_player {
  background: #2b305d;
  display: flex;
  border-radius: 20px;
  color: #fff;
  align-items: center;
  padding: 0 14px;
  height: 40px;
  width: 270px;
  margin-bottom: 35px;
  font-size: 12px;
  justify-content: space-between;
  font-family: "Gotham_Rounded";
  font-weight: lighter;
}
.card_evaluation .card-body .audio_player .svg {
  width: 15px;
  height: 15px;
  fill: #fff;
}
.card_evaluation .card-body .audio_player p {
  max-width: 100px;
  color: white;
  width: 100%;
  font-size: 14px;
  margin: 0;
}
.card_evaluation .card-body .audio_player .progress {
  width: 80px;
  height: 2px;
  background: #fff;
  border-radius: 0;
}
.card_evaluation .card-body .audio_player .progress .progress-bar {
  background: #508adf;
}
.card_evaluation .card-body .audio_player .option {
  background: #d1263a;
  margin-right: -15px;
  padding: 0 12px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 100%;
  align-items: center;
  display: flex;
  cursor: pointer;
  width: 42px;
}
.card_evaluation .card-body .audio_player .option .contentBackground {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAACXBIWXMAAAsSAAALEgHS3X78AAAAuklEQVQ4jaWUDQ3CMBSEvxAEzAFzwBwwCUhAwiSAAyRgAQXUAUMBlTAUHClLkwbarC1f0p+kzeXd5bVI8qMP9tnDTY2kUTNW0r5UoNcvRlKXI7Aizg64A2egSdyZSVQQMkkaSi3EsLGgUxZibIAbYIDWn5cIeFw+T+D4yafAQoyxpoKQ7b8Cj1qBF3ACupoMLpLamj4wsT7IEXANdEh14nrBq/Pp3sOUupASuAIDYBfj/PoP3Jr/sUi8AUIcNhLpYtYMAAAAAElFTkSuQmCC) no-repeat;
  background-position: 95% 50%;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.card_evaluation .card-body .audio_player .option.active .contentBackground {
  background: url(img/pause.039dca64.png) no-repeat;
  background-position: 95% 50%;
  background-size: contain;
}
.card_evaluation .card-body .img-first {
  align-self: end;
  -o-object-fit: contain;
     object-fit: contain;
}
.card_evaluation .card-body .img-qst {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  border-radius: 20px;
  max-height: 480px;
}
.card_evaluation .card-body .alternatives {
  margin-top: 20px;
}
.card_evaluation .card-body .alternatives .custom-radio {
  padding-left: 32px;
  margin-top: 12px;
}
.card_evaluation .card-body .alternatives .custom-radio.audio .custom-control-label::before {
  top: 10px;
}
.card_evaluation .card-body .alternatives .custom-radio.audio .custom-control-input:checked ~ .custom-control-label::after {
  top: 12px;
}
.card_evaluation .card-body .alternatives .custom-radio .custom-control-label {
  margin-top: 0;
  font-size: 15px;
  display: flex;
  align-items: baseline;
}
.card_evaluation .card-body .alternatives .audio_player {
  background: #508adf;
  margin-bottom: 0;
  width: 160px;
  margin-right: 25px;
  min-width: 160px;
}
.card_evaluation .card-body .select-images {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 46px 0 0;
}
.card_evaluation .card-body .select-images .box {
  max-width: 195px;
  width: 100%;
  border-radius: 15px;
  counter-increment: step-counter;
  position: relative;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s;
}
.card_evaluation .card-body .select-images .box img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card_evaluation .card-body .select-images .box.active {
  border: 5px solid #508adf;
  transform: scale(1.08);
  padding: 6px;
}
.card_evaluation .card-body .select-images .box::before {
  content: counter(step-counter);
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: #fff;
  background-color: #508adf;
  width: 30px;
  height: 30px;
  font-size: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 16px;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
}
.card_evaluation .indications {
  padding: 30px 40px;
  border: 2px solid #2b305d;
  border-radius: 15px;
  margin-bottom: 34px;
}
.card_evaluation .indications h6 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 13px;
}
.card_evaluation .indications ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.card_evaluation .indications ul li {
  font-size: 13px;
  position: relative;
  padding-left: 16px;
  margin-bottom: 10px;
}
.card_evaluation .indications ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
  background: #508adf;
}
.card_evaluation .indications ul li:last-child {
  margin-bottom: 0;
}
.card_evaluation .card-footer {
  background: #fff;
  border: none;
  padding: 40px 50px 40px 66px;
}
.card_evaluation .card-footer .btn-link {
  font-size: 15px;
}
.card_evaluation .card-footer .question_number {
  text-align: right;
  max-width: 440px;
  margin-left: auto;
}
.card_evaluation .card-footer .question_number .btn {
  font-size: 13px;
  width: 20px;
  height: 20px;
  border: 1px solid #2b305d;
  padding: 0;
  margin: 4px;
}
.card_evaluation .card-footer .question_number .btn.active {
  background: #508adf;
  color: #fff;
  border-color: #508adf;
}
.card_evaluation .card-footer .question_number .btn:focus {
  box-shadow: none;
}
.card_evaluation .card-footer .question_number .btn.btn-index {
  background: #19295f;
  color: #fff;
  border-color: #19295f;
}
.card_evaluation_result h4 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 22px;
}
.card_evaluation_result h4 span {
  display: block;
  font-size: 15px;
  color: #b7b8bd;
  font-weight: normal;
}
.card_evaluation_result h4 .svg {
  fill: #ffff00;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  position: relative;
  top: -5px;
}
.card_evaluation_result .level-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 144px;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  padding: 10px 25px;
  margin: 25px auto 0;
}
.card_evaluation_result .level-box h1 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: #ffffff;
  font-size: 42px;
  margin-bottom: 0;
  line-height: 1;
}
.card_evaluation_result .level-box span {
  font-size: 14px;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1;
  font-family: "Gotham_Rounded";
}
.card_evaluation_result a {
  font-size: 15px;
  font-family: "Gotham_Rounded";
  color: #508adf;
  text-decoration: underline;
  margin-top: 30px;
}
.card-info {
  position: relative;
  overflow: inherit;
}
.card-info .card-body {
  padding: 30px 30px 30px 280px;
}
.card-info .card-body img {
  position: absolute;
  left: 35px;
  bottom: 0;
}
.card-info .card-body h4 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 15px;
}
.card-info .card-body p {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.4;
}
.quiz-status {
  margin-bottom: 13px;
}
.quiz-status p {
  color: #b7b8bd;
  display: inline-flex;
  font-size: 15px;
  margin-right: 35px;
  align-items: center;
  margin-bottom: 0;
}
.quiz-status p .svg {
  fill: #b7b8bd;
  margin-right: 6px;
  width: 15px;
  height: 15px;
}
.quiz-status p b {
  color: #508adf;
  margin-left: 10px;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.plan-objective {
  max-width: 785px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
.plan-objective .card {
  width: 49%;
  padding: 16px 20px;
  flex-direction: row;
  display: flex;
  align-items: center;
}
.plan-objective .card .content {
  padding-left: 25px;
}
.plan-objective .card .content .btn {
  box-shadow: 0 0;
  position: absolute;
  top: 15px;
  right: 10px;
}
.plan-objective .card .content .btn .svg {
  fill: #2b305d;
  width: 14px;
  height: 14px;
}
.plan-objective .card .content span {
  font-size: 13px;
  color: #b7b8bd;
}
.plan-objective .card .content p {
  font-size: 15px;
  color: #508adf;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
}
.plan-objective.class-calendar {
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}
.plan-objective.class-calendar .time {
  text-align: left !important;
}
.plan-objective.class-calendar .time h6 .material-icons-outlined {
  font-size: 17px;
  margin-right: 5px;
}
.plan-objective.request .card {
  justify-content: space-between;
}
.plan-objective.request .card span {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.plan-objective.request .card span h6 {
  font-size: 14px;
  font-weight: 600;
  color: #508adf;
}
.plan-objective.request .card.between span {
  text-align: left !important;
}
.plan-objective.request .card.between h6 {
  justify-content: left !important;
}
.plan-objective.request .card.between .left {
  max-width: 320px;
}
.plan-objective.request .info {
  margin-top: 0 !important;
  border-left: 1.5px solid #2b305d;
  padding-bottom: 15px;
}
.plan-objective.request .info.noBorder {
  border: none;
}
.plan-objective.request .info.noBorder a {
  margin-top: 10px;
  justify-content: center;
  color: #508adf;
  font-size: 14px;
}
.plan-objective.request .left {
  display: flex;
  justify-content: space-between;
  width: 70%;
  align-items: center;
  max-width: 350px;
  flex: 1;
}
.english-level {
  display: flex;
  flex-direction: column;
  max-width: 920px;
  margin: auto;
}
.english-level h6 {
  text-align: center;
  color: #b7b8bd;
  margin-bottom: 24px;
  font-size: 14px;
}
.select-level {
  width: 100%;
  justify-content: space-between;
  display: flex;
  max-width: 782px;
  margin: auto;
}
.select-level button {
  border: none;
  max-height: 60px;
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 108px;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  padding: 8px 5px;
}
.select-level button h1 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: #ffffff;
  font-size: 30px;
  margin-bottom: 0;
  line-height: 0.9;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.select-level button h1 span {
  font-size: 10px;
  display: flex;
  color: #ffffff;
  font-family: "Gotham_Rounded";
  flex: 1;
  align-items: center;
  justify-content: center;
}
.select-level button:not(.active) {
  background: #b7b8bd;
}
.card-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #b7b8bd;
  padding-bottom: 15px;
  align-items: center;
  margin-bottom: 32px;
}
.card-title .sub-title {
  margin-bottom: 0;
}
.card-title span {
  color: #b7b8bd;
  font-size: 15px;
}
.card-title h6 span {
  display: block;
  color: #2b305d;
  font-size: 28px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.route-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.route-list li {
  padding-bottom: 14px;
  position: relative;
}
.route-list li h3 {
  color: #b7b8bd;
  font-size: 15px;
  margin-bottom: 0;
  font-family: "Gotham_Rounded";
}
.route-list li h3 a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  display: block;
  color: #508adf;
  font-family: "Gotham_Rounded";
}
.route-list li .btn-gray {
  background: #b7b8bd;
  color: #ffffff;
  font-size: 12px;
  border-radius: 20px;
  padding: 0 15px;
  margin-top: 12px;
}
.route-list li .box {
  position: relative;
  background: #f3f2f8;
  padding: 14px 44px 14px 18px;
}
.route-list li .box .option .option-select {
  flex-direction: column;
  display: flex;
}
.route-list li .box .option .option-select .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 6%;
}
.route-list li .box .option .option-select .option .custom-control {
  height: 20px;
  width: 20px;
  left: 8px;
}
.route-list li .box .option .option-select .option .custom-control .custom-control-input {
  left: 8px;
}
.route-list li .box .option .option-select .option .custom-control .custom-control-label {
  right: -4px;
}
.route-list li .box .option .option-select .option .custom-control .custom-control-label::before {
  border: 1px solid #2b305d;
}
.route-list li .box .option .option-select .option .custom-control-label::before {
  background-color: white;
}
.route-list li .box .option .option-select .option a {
  text-decoration: underline;
  font-size: 15px;
  color: #508adf;
  font-family: "Gotham_Rounded";
  cursor: pointer;
}
.route-list li .box .option .option-select:first-child {
  border-right: 1px solid #b7b8bd;
}
.route-list li .box .img-box {
  max-width: 90px;
}
.route-list li .box .toggle-btn {
  position: relative;
  justify-content: flex-end;
  color: #d1263a;
  font-size: 13px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 30px;
}
.route-list li .box .toggle-btn.not-collapsed::before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  background-position: 95% 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  transform: rotate(180deg);
  transition: 0.4s;
}
.route-list li .box .toggle-btn::before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  background-position: 95% 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  transition: 0.4s;
}
.route-list li .box .toggle-btn::after {
  content: "";
  position: absolute;
  height: 1px;
  background: #b7b8bd;
  left: 0;
  width: calc(100% - 170px);
  margin: auto;
  top: 13px;
}
.route-list li .box .content {
  padding: 0 22px;
  flex: 1;
  font-size: 13px;
}
.route-list li .box .content h6 {
  color: #2b305d;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 14px;
}
.route-list li .box .content a {
  color: #508adf;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}
.route-list li .box .content p {
  font-size: 13px;
}
.route-list.line li {
  padding-left: 32px;
  font-weight: normal;
}
.route-list.line li .content {
  max-width: 70%;
}
.route-list.line li::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #b7b8bd;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.route-list.line li::after {
  content: "";
  border-right: #b7b8bd 3px dotted;
  height: 100%;
  position: absolute;
  left: 6px;
  top: 12px;
}
.route-list.line li.blue::after {
  border-right: #2b305d 1px solid;
  left: 8px;
}
.route-list.line li.blue::before {
  background-color: #2b305d;
  top: 12px;
  left: 0;
}
.route-list.line li.blue:last-child::after {
  border-right: #b7b8bd 3px dotted;
  left: 7px;
}
.route-list.line > li:nth-last-child(2)::after {
  display: none;
}
.route-list.line .list-collapse:last-child {
  position: relative;
}
.route-list.line .list-collapse:last-child::before {
  content: "";
  border-right: #b7b8bd 3px dotted;
  left: 7px;
  position: absolute;
  top: -42px;
  height: 100%;
}
.route-list.line .list-collapse:last-child li::after {
  display: none;
}
.route-list.line .list-collapse:last-child li:last-child::after {
  display: none;
}
.footer-course {
  margin-top: 50px;
  text-align: center;
}
.footer-course h6 {
  margin-bottom: 50px;
  color: #19295f;
  font-weight: bold;
  font-size: 15px;
  font-family: "Gotham_Rounded";
}
.footer-course h6 span {
  font-weight: normal;
  margin-left: 5px;
}
.cod-compra {
  display: flex;
  margin: auto;
  max-width: 800px;
  width: 100%;
  padding: 50px;
}
.cod-compra .form-group {
  flex: 1;
  margin-bottom: 0;
  margin-right: 20px;
}
.cod-compra-contact {
  overflow: initial;
}
.cod-compra-contact .sub-title {
  text-align: left;
  margin-bottom: 18px;
}
.cod-compra-contact p {
  font-size: 15px;
}
.cod-compra-contact .img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 110%;
}
.cod-compra-contact .img.img2 {
  right: 50px;
  bottom: 17px;
  height: initial;
  width: initial;
}
.content-valid .sub-title {
  text-align: left;
}
.content-valid p {
  display: flex;
  justify-content: space-between;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 15px;
}
.content-valid p ul {
  margin-bottom: 0;
  width: 68%;
  font-weight: normal;
  list-style: none;
  padding-left: 0;
}
.content-valid p:last-child {
  margin-bottom: 0;
}
.content-valid .scroll {
  max-height: 90px;
  overflow: auto;
}
.content-valid .scroll.noScroll {
  overflow: initial;
}
.list-horizontal-gray {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 25px 20px;
  background: #f3f2f8;
}
.list-horizontal-gray li {
  flex: 1;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #b7b8bd;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.list-horizontal-gray li:last-child {
  border-right: 0;
}
.list-horizontal-gray li h6 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 15px;
}
.list-horizontal-gray li p {
  margin-bottom: 0;
  font-size: 15px;
}
.list-horizontal-gray.assistance {
  flex-direction: column;
}
.list-horizontal-gray.assistance .file {
  flex-direction: row;
  justify-content: initial;
  align-items: center;
  border: none;
  margin-bottom: 6px;
}
.list-horizontal-gray.assistance .file:last-child {
  margin-bottom: 0;
}
.list-horizontal-gray.assistance .file h6 {
  text-align: left;
  width: 70px;
  margin-bottom: auto;
}
.list-horizontal-gray.assistance .file ul {
  padding-left: 0;
  line-height: 1.4;
}
.list-horizontal-gray.assistance .file ul li {
  padding: 0;
  border: none;
  font-size: 15px;
  text-align: left;
}
.list-horizontal-gray.assistance .file ul li.link {
  font-weight: bold;
  font-family: "Gotham_Rounded";
  text-decoration: none;
}
.list-horizontal-gray.assistance .file.large h6 {
  width: 100px;
}
.steps {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 80%;
  margin: 32px auto 38px;
  position: relative;
}
.steps .step {
  display: flex;
  align-items: center;
  flex-direction: column;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
  flex: 1;
  z-index: 1;
}
.steps .step span {
  border-radius: 50%;
  color: white;
  background: #b7b8bd;
  width: 30px;
  height: 30px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 1;
  margin-bottom: 22px;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.steps .step p {
  color: #b7b8bd;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
}
.steps .step.active span {
  font-size: 22px;
  background: #508adf;
  width: 43px;
  height: 43px;
  margin-bottom: 9px;
  top: -6px;
  position: relative;
  -webkit-transform: scale(1.2, 1.2);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 100ms;
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 100ms;
}
.steps .step.active p {
  color: #2b305d;
  font-family: "Gotham_Rounded_Book";
  font-weight: normal;
}
.steps .step.off span {
  font-size: 15px;
  background: #508adf;
  width: 30px;
  height: 30px;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
.steps .step.off p {
  color: #508adf;
  font-family: "Gotham_Rounded_Book";
  font-weight: normal;
}
.steps .step.off::after {
  border-color: #508adf;
}
.steps .step::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  border-top: #b7b8bd 4px dotted;
  right: -50%;
  margin: auto;
  top: 13px;
}
.steps .step:last-child::after {
  content: none;
}
.back-step {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  color: #2b305d;
  cursor: pointer;
  font-size: 13px;
  margin-top: 15px;
}
.back-step:hover {
  border-bottom: none !important;
  text-decoration: none !important;
  color: #2b305d;
}
.back-step svg {
  width: 5px;
  margin-right: 8px;
  fill: #2b305d;
}
.back-step-assistance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.back-step-assistance p,
.back-step-assistance .container-assistance {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.back-step-assistance .container-assistance .material-icons-outlined {
  font-size: 18px;
  margin-right: 8px;
  color: #d1263a;
}
.back-step-assistance .sub-title {
  margin-bottom: 0;
  font-size: 15px;
}
.back-step-assistance .sub-title span {
  display: initial;
  font-size: 15px;
  font-family: "Gotham_Rounded_Book";
  margin-left: 4px;
}
.back-step-assistance .custom-control-input {
  left: 8px;
  top: 6px;
}
.cursos-steps-content .nav-tabs {
  display: none;
}
.cursos-steps-content .tab-content {
  padding: 0;
  box-shadow: 0 0;
  background: transparent;
}
.text-md {
  font-size: 22px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  text-align: center;
  margin-top: 42px;
}
@media only screen and (max-width: 768px) {
.steps {
    max-width: 100%;
    margin: 25px auto 36px;
}
.steps .step::after {
    border-width: 3px;
}
.steps .step span {
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
}
.steps .step p {
    font-size: 7px;
    text-align: center;
    max-width: 42px;
    line-height: 7px;
    font-family: "Gotham_Rounded";
}
.steps .step.active span {
    width: 28px;
    height: 28px;
    font-size: 15px;
    margin-bottom: 8px;
    top: 0;
    transform: none;
}
.text-md {
    font-size: 18px;
    margin-top: 20px;
}
}
.tab-content .tab-select {
  max-width: 460px;
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}
.tab-content .tab-select .filter-center {
  width: 100%;
  max-width: 90px;
  flex-direction: column;
  align-items: baseline;
  font-size: 18px;
}
.tab-content .tab-select .filter-center:first-child {
  max-width: 80px;
}
.tab-content .tab-select .filter-center:first-child .dropdown-menu {
  min-width: 80px;
}
.tab-content .tab-select .filter-center:last-child {
  max-width: 190px;
}
.tab-content .tab-select .filter-center:last-child .dropdown-menu {
  min-width: 190px;
}
.tab-content .tab-select .filter-center .dropdown-checkbox {
  margin-top: 10px;
}
.tab-content .tab-select .filter-center .dropdown-checkbox button {
  background-position: 85% 50%;
}
.title-carousel {
  text-align: center;
  font-size: 22px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.title-carousel a {
  text-decoration: none;
  border-bottom: 1px solid #508adf;
  font-weight: bold;
  font-family: "Gotham_Rounded";
  color: #508adf;
  display: inline-block;
  line-height: 1.2;
}
.title-carousel.title {
  margin-top: 40px;
  font-size: 22px;
  color: #19295f;
}
.table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table > thead > tr > [aria-sort=ascending],
.table.b-table > tfoot > tr > [aria-sort=ascending],
.table.b-table > thead > tr > [aria-sort=descending],
.table.b-table > tfoot > tr > [aria-sort=descending] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAACXBIWXMAAAsSAAALEgHS3X78AAAASElEQVQImWPUNojdz8DA4MCAGxxgYmBgKGRgYPiFQw1IvJDpyvlFFxgYGMyxKATxzUHyIJMYsCiEKwBxwIrQFL5FVsDAwMAAAIm4HfQprT2vAAAAAElFTkSuQmCC) no-repeat;
  background-position: 60%;
  background-size: 10px;
}
.schedule .send-request {
  box-shadow: 5px 2px 30px -17px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 5px 2px 30px -17px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 5px 2px 30px -17px rgba(0, 0, 0, 0.7);
  background: #ffffff;
  margin: auto auto 30px;
  position: relative;
  display: flex;
  justify-content: space-around;
  padding: 66px;
  border-radius: 20px;
}
.schedule .send-request .col:last-child .shipping {
  border: none;
}
.schedule .send-request .col:last-child .shipping .custom-counter {
  margin: auto;
}
.schedule .send-request .col:last-child .shipping .title {
  padding-left: 20px;
}
.schedule .send-request .shipping {
  border-right: 1px solid #b7b8bd;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
}
.schedule .send-request .shipping .title {
  display: flex;
  align-items: center;
  margin-bottom: 53px;
}
.schedule .send-request .shipping .title h6 {
  font-family: "Gotham_Rounded";
  margin-bottom: 0;
  font-size: 22px;
  font-weight: bold;
}
.schedule .send-request .shipping .custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 88%;
}
.schedule .send-request .shipping .custom-counter .content-points {
  display: inline-flex;
  counter-increment: step-counter;
  margin-bottom: 16px;
  position: relative;
}
.schedule .send-request .shipping .custom-counter .content-points .points {
  margin-left: 14px;
  font-size: 14px;
  padding: 12px 32px;
  background: #f3f2f8;
  position: relative;
}
.schedule .send-request .shipping .custom-counter .content-points .points h6 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 14px;
  display: inline-flex;
}
.schedule .send-request .shipping .custom-counter .content-points .points h6::after {
  content: none;
}
.schedule .send-request .shipping .custom-counter .content-points .points ul {
  padding-left: 16px;
  line-height: normal;
}
.schedule .send-request .shipping .custom-counter .content-points .points ul li {
  margin-bottom: 3px;
  counter-increment: none;
  position: relative;
  list-style: none;
  font-size: 13px;
  margin-bottom: 8px;
}
.schedule .send-request .shipping .custom-counter .content-points .points ul li::before {
  content: none;
}
.schedule .send-request .shipping .custom-counter .content-points .points ul li::after {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 3px;
  background: #508adf;
  position: absolute;
  left: -16px;
}
.schedule .send-request .shipping .custom-counter .content-points .points ul::after {
  content: none;
}
.schedule .send-request .shipping .custom-counter .content-points .points.after::after {
  display: none;
}
.schedule .send-request .shipping .custom-counter .content-points::before {
  content: counter(step-counter);
  margin-right: 5px;
  border-radius: 50%;
  background-color: #508adf;
  color: white;
  font-weight: bold;
  padding: 16px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-size: 15px;
}
.schedule .send-request .shipping .custom-counter .content-points:last-child {
  margin-bottom: 25px;
}
.schedule .send-request .shipping img {
  margin-right: 30px;
  margin-left: 4px;
}
.schedule .send-request .shipping button {
  padding: 5px 30px;
  margin: auto auto 0;
  font-size: 15px;
}
#items-carousel {
  position: relative;
}
#items-carousel .next,
#items-carousel .prev {
  position: absolute;
  top: 35%;
  background: #508adf;
  color: white;
  border-radius: 50%;
  padding: 6px;
  cursor: pointer;
  z-index: 10;
}
#items-carousel .prev {
  left: -25px;
}
#items-carousel .next {
  right: -25px;
}
#items-carousel .owl-dot span {
  background: white;
  border: 1px solid #508adf;
  margin: 2px;
}
#items-carousel .owl-dot.active span {
  background: #508adf;
}
#items-carousel .owl-stage-outer {
  padding: 50px 0;
}
#items-carousel .card_teacher {
  width: 232px;
  margin: auto;
}
#items-carousel .card_teacher .perfil {
  min-width: auto;
}
#items-carousel .card_teacher .perfil a {
  display: block;
}
#items-carousel .card_teacher .info {
  margin-left: 14px;
  padding-left: 14px;
  border-color: #b7b8bd;
}
.card_teacher {
  padding: 15px;
  display: flex;
  transition: 0.2s all;
  flex-direction: initial;
}
.card_teacher .b-avatar {
  border: 1px solid #b7b8bd;
}
.card_teacher .perfil .b-rating,
.card_teacher .info .b-rating {
  padding: 0;
  height: 14px;
  margin-top: 8px;
  margin-bottom: 6px;
  border: none;
}
.card_teacher .perfil {
  text-align: center;
  min-width: 75px;
}
.card_teacher .perfil .b-rating .b-rating-star {
  padding: 0;
}
.card_teacher .perfil .b-rating .b-rating-star svg {
  fill: #b7b8bd;
  stroke: none;
  width: 12px;
}
.card_teacher .info {
  padding-left: 24px;
  margin-left: 20px;
  border-left: 1px solid #2b305d;
  height: 100%;
  max-height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card_teacher .info .status {
  font-size: 10px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.card_teacher .info h6 {
  font-weight: bold;
  font-family: "Gotham_Rounded";
  margin-bottom: 5px;
  color: #b7b8bd;
  font-size: 11px;
  /*&:hover {
    text-decoration: underline;
  }*/
  cursor: pointer;
}
.card_teacher .info p {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1;
  color: #b7b8bd;
  display: flex;
  font-size: 10px;
}
.card_teacher .info p .svg {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  fill: #b7b8bd;
}
.card_teacher .info p:last-child {
  padding-right: 0;
}
.card_teacher .info .earring {
  font-size: 15px;
  color: #b7b8bd;
  font-weight: 600;
}
.card_teacher a {
  color: #b7b8bd;
  font-size: 12px;
  text-decoration: underline;
  font-size: 8px;
  font-family: "Gotham_Rounded";
}
.card_teacher .icon {
  fill: #b7b8bd;
  font-size: 16px;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.card_teacher.active {
  transform: scale(1.3) !important;
  transition: 0.2s all;
}
.card_teacher.active .b-rating .b-rating-star.b-rating-star-full svg {
  fill: yellow;
  stroke: #2b305d;
}
.card_teacher.active .info {
  border-color: #2b305d !important;
}
.card_teacher.active .info h6 {
  color: #2b305d;
}
.card_teacher.active .info p {
  color: #2b305d;
}
.card_teacher.active .info p .svg {
  fill: #2b305d;
}
.card_teacher.active .info .earring {
  color: #eaba90;
}
.card_teacher.active a {
  color: #508adf;
}
.card_teacher.active .icon {
  fill: #d1263a;
  cursor: pointer;
}
.card_teacher .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 200px;
  width: 100%;
  margin: 0 40px;
}
.card_teacher .buttons button {
  width: 100%;
}
.card_teacher .buttons button:first-child {
  margin-bottom: 8px;
}
.card_teacher .video {
  border-radius: 10px;
  margin-left: auto;
  padding: relative;
}
.card_teacher .video .open-modal {
  position: absolute;
  z-index: 0;
  width: 232px;
  background: transparent;
  height: 100%;
}
.card_teacher .video iframe {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.card_teacher.list {
  display: flex;
  margin-bottom: 25px;
  padding: 0;
  transform: none;
  width: 100%;
}
.card_teacher.list .b-rating .b-rating-star.b-rating-star-full svg {
  fill: yellow;
  stroke: #2b305d;
}
.card_teacher.list .b-rating .b-rating-star.b-rating-star-empty svg {
  fill: #2b305d !important;
}
.card_teacher.list p,
.card_teacher.list h6,
.card_teacher.list p span {
  color: #2b305d;
}
.card_teacher.list a {
  color: #508adf;
  font-family: "Gotham_Rounded";
  font-size: 10px;
}
.card_teacher.list .info h6 {
  padding-right: 20px;
  margin-bottom: 5px;
  font-size: 15px;
}
.card_teacher.list .info p {
  font-size: 13px;
}
.card_teacher.list .info p .svg {
  width: 12px;
  height: 12px;
  fill: #2b305d;
}
.card_teacher.list .video {
  width: 100%;
  max-width: 232px;
  cursor: pointer;
}
.card_teacher.list .b-rating-star {
  padding: 0;
}
.card_teacher.list .b-rating-star svg {
  fill: yellow !important;
}
.card_teacher.list:last-child {
  margin-bottom: 0;
}
.card_teacher.list .card-perfil {
  display: flex;
  min-width: 360px;
  flex: 1;
  max-width: 50%;
  padding: 15px 20px 10px;
}
.card_teacher.list .buttons {
  max-width: 170px;
}
.card_teacher.list .buttons .btn {
  font-size: 13px;
  height: 35px;
}
.card_teacher.availability {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
}
.card_teacher.availability .perfil {
  padding-top: 0;
  padding-bottom: 0 !important;
  flex-direction: column;
  border-bottom: none !important;
}
.card_teacher.availability .perfil .b-avatar {
  margin-right: 0 !important;
}
.card_teacher.availability .info {
  padding-bottom: 10px;
  padding-top: 10px;
}
.card_teacher.availability .info h6 {
  padding-right: 30px;
}
.card_teacher.availability .link-youtube {
  margin-top: -8px;
}
.card_teacher.recurrent {
  max-width: 320px;
  margin: auto;
  transform: none !important;
}
.card_teacher.recurrent a {
  font-size: 10px;
}
.card_teacher.recurrent .info {
  padding-bottom: 0;
  border-color: #b7b8bd;
}
.card_teacher.recurrent .info h6 {
  padding-right: 0;
  font-size: 15px;
}
.card_teacher.recurrent .info p {
  line-height: 1.2;
  font-size: 13px;
}
.card_teacher.recurrent .info p span {
  font-size: 12px;
}
#solicitudDirecta .header-body {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#solicitudDirecta .header-body span {
  font-weight: 600;
}
#solicitudDirecta .header-body input {
  max-width: 360px;
  width: 100%;
  border-radius: 8px;
  padding: 5px;
  padding-left: 20px;
  border: 1px solid #b7b8bd;
  font-size: 15px;
  outline: initial;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsSAAALEgHS3X78AAAA70lEQVQokY2SwW0CMRBF3yLuSQnpIJSAfLFvoQOgA0qACrId7KaDHO2LFTogHSQdQAWLPtjRsEFK/sn2zPOf8bgZhgEppjwHNsALV30DPdAG744YXaCY8grogBPwDihJlzwDn1pbcFocuhJcBO++ajCmLOfX4rio5xNALowBKXjXAm8qOab8ZCFt9mPAqC/LG+gvrcYJk9L0LKb8OA7GlOWyLNujhRR4MGXcA1T+ocbqk9cEzUbNzwwg7YJ32xuo3KxDPbFcq/aAyta81sG7SzU/kClLLko8aKCl1w8L/oLuyYLBu+Y/T64h12+1AzgDNsVilAWoyVIAAAAASUVORK5CYII=) no-repeat;
  background-position: 95% 50%;
}
#solicitudDirecta .header-body input::-moz-placeholder {
  color: #2b305d;
}
#solicitudDirecta .header-body input:-ms-input-placeholder {
  color: #2b305d;
}
#solicitudDirecta .header-body input::placeholder {
  color: #2b305d;
}
#collapse-list-teacher {
  padding-bottom: 50px;
}
#collapse-list-teacher .card {
  border-radius: 12px;
}
#collapse-list-teacher .card .card-body {
  padding: 0;
  border-radius: 0;
}
.register {
  margin: 300px auto;
}
.register .Login {
  max-width: 800px;
  height: auto;
  align-items: baseline;
  max-height: initial;
}
.register .Login input {
  font-size: 14px;
  width: 100%;
}
.register .Login .photo {
  display: flex;
  justify-content: center;
}
.register .Login .photo .b-avatar {
  max-width: 180px;
  width: 100%;
  max-height: 180px;
  height: 100%;
  position: relative;
}
.register .Login .photo .b-icon.bi {
  border-radius: 50%;
  background: #508adf;
  position: absolute;
  top: 0;
  right: 34px;
  width: 36px;
  height: 36px;
  padding: 10px;
  fill: white;
  cursor: pointer;
}
.register .Login .form-group {
  position: relative;
}
.register .Login .form-group .b-icon.bi {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.register .form-control.is-invalid,
.register .was-validated .form-control:invalid,
.register .form-control.is-valid,
.register .was-validated .form-control:valid {
  background-image: none;
}
.error-input {
  font-size: 12px;
  color: #FD0235;
}
.valid-input {
  font-size: 12px;
  color: #02b40f;
}
.registerLogin .b-form-datepicker .b-calendar .btn[aria-label="Previous year"],
.registerLogin .b-form-datepicker .b-calendar .btn[aria-label="Next year"] {
  display: initial;
}
.registerLogin .steps {
  margin: 0;
  max-width: 20%;
}
.registerLogin .steps .step {
  align-items: end;
}
.registerLogin .steps .step::after {
  right: -70%;
}
.registerLogin .steps .step.active span {
  margin-bottom: 0;
  top: 0;
}
.registerLogin .steps .step.active::after {
  top: 20px;
}
.registerLogin .steps .step.off::after {
  top: 18px;
}
.registerLogin .steps .step span {
  margin-bottom: 0;
  position: relative;
  top: 6px;
}
.registerLogin .custom-control label {
  font-size: 14px;
}
.registerLogin .input-group-append .dropdown-toggle {
  border-radius: 0 8px 8px 0;
}
.registerLogin .custom-checkbox .custom-control-label:before {
  top: 0;
}
.registerLogin .custom-checkbox .custom-control-label::after {
  top: 0;
}
.registerLogin .is-sortable-disabled {
  margin-bottom: 8px;
}
.registerLogin .is-sortable-disabled .btn-primary {
  width: initial;
}
.registerLogin .is-sortable-disabled .vue-file-agent.file-input-wrapper {
  padding: 17.6px !important;
  border-radius: 8px;
}
.check-row {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}
.check-row .custom-control {
  width: 50%;
  margin-right: 0;
}
.check-row .custom-control label {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
.registerLogin .steps {
    margin-bottom: 20px;
}
.registerLogin .steps .step span {
    top: 4px !important;
}
}
.contentLogin,
.register {
  height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
}
.Login {
  display: flex;
  align-items: center;
  padding: 5%;
  border-radius: 15px;
  box-shadow: 0px 0px 47px -15px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 47px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 47px -15px rgba(0, 0, 0, 0.75);
  flex-direction: column;
  max-width: 500px;
  justify-content: space-between;
  width: 100%;
}
.Login .link-button {
  border-bottom: 1px solid #508adf;
  font-size: 13px;
  color: #508adf;
  font-family: "Gotham_Rounded";
}
.Login button {
  font-size: 15px;
  justify-content: center;
}
.Login button .svg {
  margin-right: 10px;
}
.Login button fieldset span {
  font-size: 12px;
  color: #FD0235;
}
.Login p {
  font-size: 13px;
}
.Login .link span {
  font-size: 13px;
}
.Login .form-group legend {
  font-size: 13px;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.Login .account-data {
  margin-left: -34px;
  margin-right: -34px;
}
.Login .account-data > .col-md-7 {
  border-right: 1px solid #b7b8bd;
  padding-right: 30px;
}
.Login .account-data > .col-md-5 {
  padding-left: 30px;
}
.Login .terms {
  padding-left: 26%;
}
#specialities-check-box .bv-no-focus-ring {
  -moz-columns: 2 auto;
       columns: 2 auto;
}
#specialities-check-box .bv-no-focus-ring .custom-control {
  padding-left: 12px;
  display: flex;
  width: 100%;
}
#specialities-check .bv-no-focus-ring {
  display: flex;
  justify-content: space-between;
  max-width: 272px;
}
#specialities-check .bv-no-focus-ring .custom-control {
  padding-left: 12px;
}
.preUser {
  display: flex;
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
}
.preUser a {
  text-decoration: none;
}
.preUser.expand .preUser-left {
  min-width: 38vw;
  padding: 60px 3% 42px 7%;
}
.preUser.expand .preUser-left .logo {
  max-width: initial;
  height: initial;
  width: initial;
  margin-top: 0;
  margin-bottom: 36px;
}
.preUser.expand .preUser-left .content-login {
  max-width: 480px;
}
.preUser.expand .preUser-left .content-login .Login {
  max-width: initial;
  align-items: baseline;
  padding: 45px 62px;
  padding-bottom: 8%;
}
.preUser.expand .preUser-left .content-login .Login fieldset {
  width: 100%;
  position: relative;
}
.preUser.expand .preUser-left .content-login .Login fieldset svg.eye {
  position: absolute;
  right: 15px;
  cursor: pointer;
  top: 8px;
  font-size: 18px;
}
.preUser.expand .preUser-left .content-login .Login fieldset p {
  margin-bottom: 5px;
}
.preUser.expand .preUser-left .content-login .Login fieldset input {
  border: 1.5px solid #b7b8bd;
  border-radius: 8px;
  font-size: 13px;
}
.preUser.expand .preUser-left .content-login .Login fieldset input::-moz-placeholder {
  color: #b7b8bd;
  font-size: 14px;
}
.preUser.expand .preUser-left .content-login .Login fieldset input:-ms-input-placeholder {
  color: #b7b8bd;
  font-size: 14px;
}
.preUser.expand .preUser-left .content-login .Login fieldset input::placeholder {
  color: #b7b8bd;
  font-size: 14px;
}
.preUser.expand .preUser-left .content-login .Login .body {
  width: 100%;
  margin-bottom: 60px;
}
.preUser.expand .preUser-left .content-login.registerLogin {
  max-width: 1024px;
  width: 1024px;
  height: auto;
  max-height: initial;
  margin-bottom: 50px;
  left: 0;
}
.preUser.expand .preUser-left .content-login.registerLogin .content-photo {
  max-width: 142px;
  padding-top: 15px;
}
.preUser.expand .preUser-left .content-login.registerLogin .content-photo .b-avatar img {
  margin-bottom: 0 !important;
  width: 100%;
}
.preUser.expand .preUser-left .content-login.registerLogin .Login {
  padding: 28px 46px 18px 62px;
}
.preUser.expand .preUser-left .content-login.registerLogin .Login fieldset .svg {
  right: 16px;
  top: 32px;
}
.preUser.expand .preUser-left .content-login.registerLogin .Login .body {
  margin-bottom: 0;
}
.preUser.expand .preUser-left .content-login.registerLogin .Login .body .account-data .form-group {
  margin-bottom: 12px;
}
.preUser.expand .preUser-left .content-login.registerLogin .component-select .selected {
  font-size: 13px;
}
.preUser.expand .link {
  text-decoration: none;
}
.preUser.expand .link span {
  border-bottom: 1px solid #508adf;
  color: #508adf !important;
}
.preUser-left {
  background: #f3f2f8;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 34vw;
  min-height: 100vh;
  height: 100%;
  padding: 10% 3% 42px 7%;
  justify-content: flex-start;
  align-items: baseline;
}
.preUser-left .logo {
  -o-object-fit: contain;
     object-fit: contain;
  height: 71px;
  width: 100%;
  max-width: 264px;
  margin-bottom: 15%;
}
.preUser-left .content-login {
  position: relative;
  width: 630px;
  z-index: 10;
}
.preUser-left .Login {
  max-width: 300px;
  background: white;
}
.preUser-left .Login .buttons {
  display: flex;
  flex-direction: column;
}
.preUser-left .Login .buttons button {
  justify-content: center;
}
.preUser-left .Login .buttons button .svg,
.preUser-left .Login .buttons button span {
  color: white;
  fill: white;
  margin-right: 8px;
}
.preUser-left .Login .sub-title {
  margin-bottom: 30px;
  margin-top: 5px;
}
.preUser-left .Login header {
  width: 100%;
  border-bottom: 1px solid #b7b8bd;
  padding-bottom: 8px;
  margin-bottom: 25px;
}
.preUser-left .Login header p {
  font-size: 13px;
  color: #b7b8bd;
  margin-bottom: 0;
}
.preUser-left .Login header p,
.preUser-left .Login header span {
  text-align: initial;
}
.preUser-left .Login header .sub-title {
  margin: 0;
}
.preUser-right {
  position: relative;
  width: 66vw;
  right: 0;
}
.preUser-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.preUser-right p {
  font-style: oblique;
  color: white;
  font-size: 12px;
  z-index: 1;
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.preUser-right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 48, 93, 0.7);
}
.header-title-between {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #b7b8bd;
  margin-bottom: 28px;
  align-items: baseline;
}
.header-title-between > div {
  line-height: 1;
}
.header-title-between span {
  color: #b7b8bd;
  font-size: 13px;
}
.header-title-between h4 {
  font-size: 22px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
.userLogin {
    flex-direction: column;
    align-items: center;
}
.userLogin .Login:first-child {
    margin-bottom: 20px;
}
.header-title-between {
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 0;
}
.header-title-between > div {
    text-align: center;
}
.header-title-between .back-step {
    position: absolute;
    left: -10px;
    top: -42px;
    border-radius: 50%;
    background: #508adf;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    font-size: 0;
}
.header-title-between .back-step .svg {
    margin-right: 0;
    margin-left: -2px;
    fill: white;
}
.registerLogin .custom-checkbox .custom-control-label::before {
    width: 15px;
    height: 15px;
}
.registerLogin .custom-checkbox .custom-control-label::after {
    top: -2px;
    left: -26px;
}
.registerLogin .custom-checkbox .custom-control-label p .link.blue {
    text-underline-offset: 2px;
    text-decoration: underline;
}
.preUser {
    flex-direction: column;
    background-color: #2b305d;
}
.preUser::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 276px;
    background-color: #f3f2f8;
}
.preUser.expand .preUser-left .content-login .Login {
    padding: 30px 18px 18px !important;
    align-items: center;
}
.preUser.expand .preUser-left .content-login.registerLogin {
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
}
.preUser.expand .preUser-left .content-login.registerLogin .content-photo {
    margin: auto auto 25px;
}
.preUser.expand .preUser-left .content-login.registerLogin .content-photo .b-avatar {
    margin-bottom: 10px !important;
}
.Login {
    padding: 30px 18px 18px;
}
.Login .account-data {
    margin-left: -15px;
    margin-right: -15px;
    flex-direction: column;
}
.Login .account-data > .col-md-7 {
    border-right: none;
    padding-right: 15px;
}
.Login .account-data > .col-md-5 {
    padding-left: 15px;
}
.Login .account-data > div {
    border-right: 0;
}
.Login .footerRegisterTeacher {
    flex-direction: column;
}
.Login .form-group {
    margin-bottom: 15px !important;
}
.Login .form-group legend,
.Login .form-group p {
    font-family: "Gotham_Rounded_Book" !important;
    font-weight: normal !important;
    letter-spacing: -0.2px;
    justify-content: center;
}
.Login .form-group legend .icon-info,
.Login .form-group p .icon-info {
    margin-left: 5px !important;
    margin-top: -2px;
}
.Login .form-group .form-control {
    text-align: center;
}
.Login .terms {
    padding-left: 0;
}
.Login .terms .custom-checkbox {
    text-align: left;
    padding-left: 12px;
}
.Login .background-gray {
    background-color: #f3f2f8;
    padding: 25px 18px 20px;
    margin-left: -18px;
    margin-right: -18px;
}
.preUser-left {
    padding: 30px 20px 20px !important;
    min-height: auto;
    width: 100%;
    max-width: initial;
    background-color: #2b305d;
    align-items: center;
}
.preUser-left .content-login {
    width: 100%;
    position: relative;
    text-align: center;
}
.preUser-left .Login header p,
.preUser-left .Login header span {
    text-align: center;
}
.preUser-right {
    width: 100%;
}
.preUser-right p {
    padding: 20px 20px 20px 20px;
    position: relative;
    bottom: 0;
    display: block;
}
}
#divDashboardEstudiante .select-level button {
  cursor: auto;
}
.section-card-dashboard .col {
  display: flex;
  flex-direction: column;
}
.card-availability {
  padding: 40px 8%;
  overflow: initial;
}
.card-availability .material-icons-outlined {
  color: #508adf;
  font-size: 17px;
  margin-right: 10px;
}
.card-availability .svg {
  fill: #508adf;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.card-availability .link {
  font-size: 15px !important;
  text-decoration: none;
}
.card-availability .link span {
  color: #508adf;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.card-availability p,
.card-availability a {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 15px;
  text-decoration: none;
}
.card-availability p span,
.card-availability a span {
  color: #508adf;
  font-size: 15px;
  margin-right: 8px;
}
.card-availability .sub-title {
  margin-bottom: 12px;
}
.card-availability .sub-title span {
  font-size: 22px;
}
.card-availability .btn-primary span,
.card-availability .btn-primary svg {
  color: white;
  fill: white;
  margin-right: 10px !important;
  font-size: 17px !important;
}
.card-availability .btn-primary img {
  width: 20px;
  height: 20px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  margin-right: 10px;
}
.card-availability .content-scroll {
  max-height: 190px;
  padding-top: 10px;
}
.card-availability .content-scroll .card-title span {
  font-size: 24px;
  color: #FD0235;
  margin-bottom: auto;
}
.card-availability .content-scroll .card-title span p {
  line-height: 21px;
}
.card-availability .content-scroll .card-title .svg {
  fill: #FD0235;
  width: 20px;
  height: 20px;
  align-self: flex-start;
}
.card-availability .content-scroll .card-title .link {
  margin-bottom: 4px;
}
.card-availability .content-scroll .card-title .link span {
  font-size: 15px;
  color: #508adf;
}
.card-availability .content-scroll.cancellations {
  max-height: 92px;
}
.card-availability .content-scroll.cancellations p {
  color: #d1263a;
}
.card-availability .content-scroll .title-gris {
  font-size: 14px;
  color: #b7b8bd;
  margin-bottom: 10px;
}
.card-availability.update {
  flex-direction: initial;
  justify-content: space-between;
  position: relative;
}
.card-availability.update .left,
.card-availability.update .right {
  position: absolute;
  bottom: 0;
}
.card-availability.update .right {
  right: 0;
}
.card-availability.update .left {
  left: 0;
}
.card-availability.update .personCalendar {
  width: initial;
  height: initial;
  position: absolute;
  bottom: 10px;
  top: auto;
  right: 48px;
}
.card-availability .b-avatar {
  width: 113px;
  height: 113px;
}
.card-availability.min-card {
  max-height: 270px !important;
  height: 100%;
}
.card-availability.min-card-2 {
  max-height: 248px !important;
  height: 100%;
}
.card-availability.min-card-3 {
  height: 224px !important;
}
.card-availability.max-card {
  max-height: 496px;
  height: 100%;
}
.card-availability.card-mid {
  height: 100%;
  max-height: 228px;
}
.card-availability.newTeacher {
  padding-bottom: 70px !important;
  max-height: 270px;
}
.card-availability.newTeacher .cancellations {
  max-height: 135px !important;
}
.card-availability.setting .dropdown-checkbox .dropdown-menu {
  width: 100%;
}
.card-availability.setting .b-dropdown-text {
  flex-direction: column;
  align-items: baseline;
}
#circle-progress {
  max-width: 400px;
  width: 100%;
}
#circle-progress .vue-circular-progress .circle__progress {
  stroke: #b7b8bd !important;
}
#circle-progress .vue-circular-progress .circle__progress--fill {
  stroke: #508adf !important;
}
#circle-progress body {
  margin: 0;
  padding: 0;
}
#nextClass .modal-dialog {
  max-width: 725px;
}
#nextClass .modal-body {
  padding: 35px 28px 18px 47px;
}
#nextClass .close {
  right: 22px !important;
  top: 22px !important;
}
#nextClass p {
  font-size: 15px;
}
#nextClass p span {
  font-size: 15px;
}
#nextClass b {
  color: #508adf;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
#nextClass .row img {
  align-self: baseline;
}
#nextClass .list-class {
  border-radius: 10px;
  background: #f3f2f8;
  padding: 28px 28px;
  width: 100%;
}
#nextClass .list-class .list-ul {
  max-height: 135px;
  overflow: auto;
}
#nextClass .list-class .list-ul li {
  font-size: 15px;
  margin-bottom: 0;
}
#nextClass .card {
  box-shadow: none;
  background: #f3f2f8;
  flex-direction: initial;
  justify-content: center;
  align-items: center;
}
#nextClass .card .b-avatar {
  width: 135px;
  height: 135px;
}
#changueTeacher .modal-dialog,
#freezePlan .modal-dialog,
#modalTeacher .modal-dialog {
  max-width: 720px;
}
#changueTeacher .close,
#freezePlan .close,
#modalTeacher .close {
  right: 22px !important;
  top: 22px !important;
}
#changueTeacher p,
#freezePlan p,
#modalTeacher p {
  font-size: 15px;
}
#changueTeacher p span,
#freezePlan p span,
#modalTeacher p span {
  font-size: 15px;
}
#changueTeacher b,
#freezePlan b,
#modalTeacher b {
  color: #508adf;
  font-size: 20px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
#changueTeacher .row img,
#freezePlan .row img,
#modalTeacher .row img {
  width: 135px;
  height: 135px;
}
#changueTeacher .list-class,
#freezePlan .list-class,
#modalTeacher .list-class {
  border-radius: 10px;
  background: #f3f2f8;
  padding: 30px 40px;
  width: 100%;
}
#changueTeacher .card,
#freezePlan .card,
#modalTeacher .card {
  box-shadow: none;
  background: #f3f2f8;
  flex-direction: initial;
  justify-content: center;
  align-items: center;
}
#changueTeacher .card .b-avatar,
#freezePlan .card .b-avatar,
#modalTeacher .card .b-avatar {
  width: 135px;
  height: 135px;
}
#modalTeacher .modal-dialog {
  max-width: 568px;
}
#modalTeacher .modal-content .modal-body {
  padding: 32px 8%;
}
#freezePlan .modal-dialog {
  max-width: 620px;
}
#freezePlan .modal-content .modal-body {
  padding: 32px 8%;
}
#freezePlan .card {
  width: 468px;
  margin: auto;
  overflow: initial;
  padding: 13px;
}
#freezePlan .list-ul {
  width: 80%;
  margin: auto;
}
#freezePlan section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-left: 22px;
}
#freezePlan section .b-form-datepicker {
  width: 153px;
  flex: none;
  margin-left: auto;
}
#freezePlan section p {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 8px;
}
#freezePlan section p:last-child {
  margin-bottom: 0;
  padding-right: 0;
}
#freezePlan section p .b-form-btn-label-control,
#freezePlan section p #range-days {
  background-color: white;
  border: 1px solid #b7b8bd;
  border-radius: 8px;
}
#freezePlan section #range-days {
  display: inline;
  width: 60px;
  height: 32px;
  margin: 0 16px;
}
#freezePlan section #range-days input[type=number]::-webkit-inner-spin-button {
  background-color: black;
}
#freezePlan section #range-days input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
#freezePlan section #range-days input[type=number]::-webkit-inner-spin-button,
#freezePlan section #range-days input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
#modalCalendarWeek .modal-dialog {
  max-width: 950px;
}
#modalGroupData .modal-dialog {
  max-width: 556px;
}
#modalGroupData .row .col:first-child {
  border-right: 1px solid #b7b8bd;
}
#modalGroupData h6 {
  margin-bottom: 10px;
}
#modalGroupData p {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.2;
}
#modalGroupData ul {
  list-style: none;
  padding-left: 0;
  overflow: auto;
  max-height: 90px;
  margin-bottom: 0;
}
#modalGroupData ul li {
  font-size: 15px;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#modalGroupData ul li span {
  max-width: 84%;
}
#modalGroupData ul li .leader-star {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.report-class-content .col-form-label {
  font-weight: bold;
  font-family: "Gotham_Rounded";
}
.report-class-content .present .custom-control-label {
  font-size: 15px;
  font-weight: bold;
  font-family: "Gotham_Rounded";
}
.report-class-content .present .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2334c543'/%3e%3c/svg%3e");
}
.report-class-content .absent .custom-control-label {
  font-size: 15px;
  font-weight: bold;
  font-family: "Gotham_Rounded";
}
.report-class-content .absent .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ca3030'/%3e%3c/svg%3e");
}
.container-assistance {
  display: flex;
  justify-content: center;
}
.container-assistance .card {
  width: 30%;
}
.container-assistance .card .table tbody tr:last-child {
  border-bottom: none !important;
}
.container-assistance .card .card-header {
  display: flex;
  justify-content: space-around;
}
.container-assistance .card .card-body .container-card-body {
  display: flex;
  justify-content: space-around;
}
.container-assistance .b-table-sticky-header {
  max-height: 112px;
}
.container-assistance table thead th {
  padding-bottom: 12px;
  padding-top: 5px;
  border-bottom: none;
}
.container-assistance table thead th > div {
  font-size: 15px;
}
.container-assistance table tbody tr {
  border-top: none;
}
.container-assistance table tbody tr:last-child {
  border-bottom: none;
}
.container-assistance table tbody tr td {
  padding: 4px 0.75rem;
  font-size: 15px;
}
.container-assistance table tbody tr td:first-child {
  padding-left: 0 !important;
}
.container-assistance table tbody svg {
  width: 30px;
  height: 30px;
}
.resultNote {
  width: 396px;
}
.resultNote > div {
  display: flex;
  align-items: center;
}
.resultNote > div h6,
.resultNote > div span,
.resultNote > div p {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 0;
}
.resultNote > div h6 {
  white-space: nowrap;
}
.resultNote > div span {
  color: #508adf;
  margin-left: 6px;
}
.evaluationCourse {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6px 0 26px 0;
}
.evaluationCourse p {
  margin-bottom: 0;
  white-space: nowrap;
}
.evaluationCourse .sub-title-img {
  padding-left: 22px;
  padding-right: 22px;
}
.evaluationCourse .sub-title-img span.blue {
  display: block;
  text-align: start;
}
.evaluationCourse .col, .evaluationCourse .col-6 {
  border-right: 1px solid #b7b8bd;
}
.evaluationCourse .col:first-child, .evaluationCourse .col-6:first-child {
  display: flex;
  justify-content: end;
}
.evaluationCourse .col:first-child .sub-title-img, .evaluationCourse .col-6:first-child .sub-title-img {
  padding-right: 30px;
  padding-left: 0;
}
.evaluationCourse .col:last-child, .evaluationCourse .col-6:last-child {
  display: flex;
  border-right: none;
  justify-content: start;
}
.evaluationCourse .col:last-child .sub-title-img, .evaluationCourse .col-6:last-child .sub-title-img {
  padding-left: 30px;
  padding-right: 0;
}
.text-gray {
  color: #b7b8bd;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  margin-bottom: 0;
}
.text-gray span {
  color: #b7b8bd;
  cursor: initial;
  font-size: 15px;
}
.text-gray .svg {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  fill: #b7b8bd;
  margin-top: -5px;
}
.text-gray.borderBottom {
  border-bottom: 1px solid #b7b8bd;
  padding-bottom: 10px;
  cursor: pointer;
}
.text-course {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.text-course .svg {
  width: 22px;
  height: 22px;
  margin-right: 6px;
}
.text-course p {
  margin-bottom: 0;
  cursor: pointer;
  margin-right: 30px;
}
.text-course a {
  font-size: 13px;
  text-decoration: none;
}
.is-sortable-disabled {
  position: relative;
  margin-bottom: 28px;
}
.is-sortable-disabled .file-name-text,
.is-sortable-disabled .image-dimension-width,
.is-sortable-disabled .image-dimension-height {
  color: #fff;
  font-size: 15px;
}
.is-sortable-disabled .file-ext,
.is-sortable-disabled .file-size {
  font-size: 12px !important;
}
.is-sortable-disabled .file-delete svg {
  fill: #fff !important;
}
.is-sortable-disabled .image-dimension-width,
.is-sortable-disabled .image-dimension-height {
  font-size: 9px !important;
}
.is-sortable-disabled .file-preview-new {
  display: none !important;
}
.is-sortable-disabled .vue-file-agent.file-input-wrapper {
  padding: 40px;
}
.footer-file-agent {
  position: absolute;
  right: 15px;
  margin-bottom: 0;
  bottom: 12px;
  font-size: 15px;
}
.text-small {
  font-size: 12px;
}
.desactiveLink {
  color: #606368;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  text-decoration: none;
}
.desactiveLink .svg {
  fill: #606368;
  width: 6px;
  margin-bottom: 6px;
}
.desactiveLink:first-child .svg {
  margin-right: 8px;
}
.desactiveLink:last-child .svg {
  margin-left: 8px;
}
.linkReport {
  color: #508adf;
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  text-decoration: none;
}
.linkReport:hover {
  color: #508adf;
  text-decoration: none;
}
.linkReport .svg {
  fill: #508adf;
  width: 6px;
  margin-bottom: 6px;
}
.linkReport:first-child .svg {
  margin-right: 8px;
}
.linkReport:last-child .svg {
  margin-left: 8px;
}
.linkReport.disabled {
  color: #b7b8bd;
}
.linkReport.disabled .svg {
  fill: #b7b8bd;
}
#reportCourse .card-body .list-group.description-list {
  margin-bottom: 35px;
}
#reportCourse .card-body .list-group.description-list:last-child {
  margin-bottom: 20px;
}
#radio-button-evaluations .custom-control input {
  left: 8px;
}
.empty {
  text-align: center;
  margin: 30px 0;
}
.empty p {
  color: #b7b8bd;
  margin-top: 20px;
  font-size: 15px;
}
.paymentDate {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.paymentDate .svg {
  width: 10px;
  margin-right: 12px;
  fill: #2b305d;
}
.card-course {
  border: 1px solid #2b305d;
  padding: 1.6rem;
  border-radius: 15px;
  display: flex;
  max-width: 48%;
  width: 100%;
}
.card-course img {
  flex: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-course .content {
  padding-left: 34px;
}
.change_course {
  padding-top: 20px;
  padding-bottom: 20px;
}
.change_course li,
.change_course p {
  font-size: 13px;
}
.change_course .col-7 {
  border-right: 1px solid #b7b8bd;
}
.change_course .list-ul li::before {
  top: 5px;
}
.content-photo {
  position: relative;
}
.content-photo .camera {
  border-radius: 50%;
  box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  width: 38px;
  height: 38px;
  bottom: 0;
  right: 5px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  cursor: pointer;
}
.content-photo .camera svg {
  width: 22px;
  fill: #2b305d;
}
.account-data {
  margin-left: -34px;
  margin-right: -34px;
}
.account-data > .col,
.account-data > .col-3,
.account-data > .col-5,
.account-data > .col-6,
.account-data > .col-7,
.account-data > .col-8 {
  border-right: 1px solid #b7b8bd;
}
.account-data > .col:last-child,
.account-data > .col-3:last-child,
.account-data > .col-5:last-child,
.account-data > .col-6:last-child,
.account-data > .col-7:last-child,
.account-data > .col-8:last-child {
  border-right: none;
}
.account-data > .col,
.account-data > .col-3,
.account-data > .col-5,
.account-data > .col-6,
.account-data > .col-7,
.account-data > .col-8 {
  padding-left: 34px;
  padding-right: 34px;
}
.account-data h6 {
  white-space: nowrap;
  margin-bottom: 6px;
  font-size: 13px;
}
.account-data .form-group {
  margin-bottom: 24px;
}
.account-data .form-group .form-control,
.account-data .form-group .custom-select {
  font-size: 13px;
}
.account-data .form-group .iti {
  width: 100%;
  max-width: 90px;
  font-size: 13px;
  color: #2b305d;
  margin-right: 10px;
}
.account-data .form-group legend {
  margin-bottom: 5px;
  font-family: "Gotham_Rounded";
  font-size: 13px;
  padding-bottom: 0;
  font-weight: bold;
}
.account-data label {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  display: block;
}
.account-data p,
.account-data label {
  font-size: 13px;
  margin-bottom: 0;
}
.account-data span {
  font-size: 13px;
}
.modifyFiles .content-text-course {
  max-height: 82px;
  overflow-y: auto;
}
.modifyFiles .content-text-course .text-course .deleted {
  text-align: end;
  margin-left: auto;
  padding-right: 12px;
}
.modifyFiles .content-text-course .text-course .deleted .svg {
  width: 16px;
  height: 16px;
  fill: #d1263a;
  cursor: pointer;
}
.modifyFiles .created {
  fill: #508adf;
  margin-left: calc(100% - 36px);
  margin-top: 10px;
}
.modifyFiles .created svg {
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.modifyFiles .created svg path {
  fill: white;
}
.contentButtonButtom {
  position: absolute;
  right: 0;
  bottom: -15px;
}
.text-danger {
  font-size: 13px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: #d1263a !important;
}
.perfil-teacher {
  text-align: center;
}
.perfil-teacher .b-rating {
  justify-content: center;
  height: 16px;
  padding: 0;
  margin-bottom: 10px;
}
.perfil-teacher .b-rating .b-rating-star {
  padding: 1px;
}
.perfil-teacher .b-rating .b-rating-star.b-rating-star-full svg {
  fill: yellow;
  stroke: #2b305d;
}
.perfil-teacher .b-rating .b-rating-star.b-rating-star-empty svg {
  fill: #2b305d !important;
}
#content-profesional-information .custom-control {
  padding-left: 12px;
}
.tabProfessionalInfo .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAACXBIWXMAAAsSAAALEgHS3X78AAAAd0lEQVQYlX2Nuw2EQAxEH4Z0EZ1ACTRxOVfBtUAJdEC+JJQAHdAKlyMjr5aAjxhpJGv8NJOoKk/Kh7QAWmDJXoAJKIH51nQBVqBOnJcO+AFfYLwC/8+2iG3Gkj7eJ8AeYS4f0iZCphMQZJDZeWmcl8l5qY4sWJUdjRA6n0JUc4kAAAAASUVORK5CYII=) no-repeat;
  background-position: 68% 55%;
}
.tabProfessionalInfo .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
  background: white !important;
  border: 1px solid #2b305d !important;
}
@media only screen and (max-width: 768px) {
.account-data .form-group .iti {
    max-width: 80px;
}
.account-data .form-group .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
    margin-left: 3px;
}
.account-data > .col-6 {
    padding-left: 15px;
    padding-right: 15px;
}
}
.infoGroup {
  width: 100%;
  background: #f3f2f8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
}
.infoGroup .box {
  padding: 0 30px;
  border-right: 1px solid #b7b8bd;
  width: 100%;
  text-align: center;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.infoGroup .box:last-child {
  border-right: none;
}
.infoGroup .box p {
  font-size: 15px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  margin-bottom: 0;
}
.infoGroup .box p span {
  font-weight: normal;
  font-family: "Gotham_Rounded_Book";
}
#dropdownBreadCrumb .dropdown-toggle {
  background: none;
  border: none;
  color: #508adf;
  outline: none;
  height: 14px;
  padding: 0;
  display: flex;
  align-items: end;
  font-size: 15px;
}
#dropdownBreadCrumb .dropdown-toggle::after {
  content: none;
}
#dropdownBreadCrumb .dropdown-menu {
  padding-right: 8px;
  padding-left: 8px;
  width: 220px;
}
#dropdownBreadCrumb .dropdown-menu li {
  margin-bottom: 4px;
}
#dropdownBreadCrumb .dropdown-menu li a {
  font-size: 13px;
  padding: 0;
  background: none;
  position: relative;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
  color: #2b305d;
}
#dropdownBreadCrumb .dropdown-menu li a:hover {
  background-color: #e9ecef;
}
#dropdownBreadCrumb .dropdown-menu li:last-child {
  margin-bottom: 0;
}
#tableMaterial thead th {
  text-align: left !important;
  padding-bottom: 2px;
  padding-top: 12px;
}
#tableMaterial thead th > div {
  font-family: "Gotham_Rounded_Book";
  font-size: 15px;
  font-weight: normal;
  color: black;
}
#tableMaterial tbody td {
  padding: 7px;
}
#tableMaterial tbody td .svg {
  fill: #606368;
}
#tableMaterial tbody td .svg.options {
  height: 21px;
  fill: #2b305d;
}
#tableMaterial tbody td label {
  display: flex;
  align-items: center;
}
#tableMaterial tbody td label .material-icons-outlined {
  font-size: 20px;
  color: #d1263a;
}
#tableMaterial tbody td .dropdown .dropdown-menu {
  box-shadow: 0px 0px 23px -9px rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 10px 0 10px 10px;
  scroll-behavior: smooth;
  padding: 7px 0;
  left: -30px !important;
  top: 8px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 314px;
  max-height: 240px;
}
#tableMaterial tbody td .dropdown .dropdown-menu .dropdown-item {
  border-bottom: 0;
}
#tableMaterial tbody td .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #e9ecef;
}
#modalClipboard .modal-body {
  padding-top: 0;
}
#contentBreadcrumb {
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#contentBreadcrumb .breadcrumb .breadcrumb-item.active a {
  color: #b7b8bd;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  text-decoration: none;
}
#contentBreadcrumb .breadcrumb .breadcrumb-item.active:last-child a {
  cursor: initial;
}
#contentBreadcrumb .breadcrumb .breadcrumb-item:first-child {
  padding-left: 20px;
}
#contentBreadcrumb .breadcrumb .breadcrumb-item:first-child::before {
  display: block;
}
.nameItem .tooltip-inner {
  padding: 6px 10px;
  max-width: 200px;
  font-size: 12px;
}
.demo-app-calendar {
  padding-bottom: 40px;
}
.demo-app-calendar .fc-scrollgrid-section-body .fc-scroller {
  height: 50vh;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.demo-app-calendar .fc-scrollgrid-section-body .fc-scroller .fc-timegrid-now-indicator-container .fc-timegrid-now-indicator-line {
  position: relative;
}
.demo-app-calendar .fc-scrollgrid-section-body .fc-scroller .fc-timegrid-now-indicator-container .fc-timegrid-now-indicator-line::before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #d1263a;
  left: -5px;
  border-radius: 50%;
  top: -5px;
}
.demo-app-calendar .fc-timegrid-col-frame .fc-timegrid-now-indicator-arrow {
  display: none;
}
.calendar {
  background-color: #fff;
  border-radius: 10px;
}
.calendar .card {
  overflow: initial;
}
.calendar .created-event {
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}
.calendar .created-event .details-card {
  position: static;
}
.calendar .created-event .details-card h4 {
  font-size: 12px;
}
.calendar .created-event .details-card .time {
  position: static;
}
.calendar .created-event button {
  top: 3px;
  position: absolute;
  right: 3px;
  font-weight: 900;
  font-size: 9px;
  color: #2b305d;
  display: flex !important;
  width: 0;
  height: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: 1.5px solid #2b305d;
  background: white;
  margin-left: auto;
}
.calendar .creating-event h4 {
  font-size: 14px;
}
.calendar .kalendar-wrapper {
  width: 100%;
  padding: 40px;
}
.calendar .kalendar-wrapper .sticky-top {
  top: 68px;
}
.calendar .kalendar-wrapper .week-navigator {
  display: block;
}
.calendar .kalendar-wrapper .popup-wrapper {
  width: 450px;
  right: calc(100% + 5px);
  z-index: 23;
  left: initial;
  border-radius: 15px;
  padding: 16px;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event h3,
.calendar .kalendar-wrapper .popup-wrapper .popup-event p {
  display: flex;
  align-items: center;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event h3 span,
.calendar .kalendar-wrapper .popup-wrapper .popup-event p span {
  font-size: 20px;
  margin-right: 12px;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event h3 {
  font-size: 1.1rem;
  color: #333333;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event p {
  font-size: 0.7rem;
  margin-bottom: 0px;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event .buttons {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event .buttons button {
  border: none;
  background-color: rgba(0, 240, 181, 0.08);
  padding: 5px 10px;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event .buttons button span {
  color: #29771c;
}
.calendar .kalendar-wrapper .popup-wrapper .popup-event .buttons button.cancel {
  background: none;
  color: #f61067;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day.mid .kalendar-cell .event-card .popup-wrapper {
  right: initial;
  left: calc(100% + 5px);
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card {
  min-height: 15px;
  transition: 0.2s;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card .creating-event h4 {
  color: white;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card .creating-event span {
  color: white;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card .created-event .details-card .appointment-title {
  color: white;
  position: static;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card .created-event .details-card small {
  color: white;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card .created-event .details-card .time {
  color: white;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card .created-event .details-card .remove {
  opacity: 0;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card.is-past .created-event .details-card .appointment-title {
  color: #2b305d;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card.is-past .created-event .details-card small {
  color: #2b305d;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card.is-past .created-event .details-card .time {
  color: #2b305d !important;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card.is-past .creating-event h4 {
  color: #2b305d;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card.is-past .creating-event span {
  color: #2b305d;
}
.calendar .kalendar-wrapper .calendar-wrap .blocks .calendar-blocks .kalendar-day .kalendar-cell .event-card:hover .created-event .details-card .remove {
  transition: 0.2s;
  opacity: 1;
}
.calendar .header-calendar {
  margin-bottom: 20px;
}
.calendar .body-header {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.calendar .body-header .content-buttons {
  display: flex;
  justify-content: flex-end;
  max-width: 410px;
  margin-left: auto;
}
.calendar .body-header .content-buttons .btn {
  font-size: 13px;
}
.calendar .body-header.active {
  margin-top: 40px;
}
.calendar .body-header.edit {
  display: flex;
  align-items: center;
  width: 40%;
  max-width: 630px;
}
.calendar .body-header.edit p {
  margin-bottom: 0;
  font-weight: 600;
}
.calendar .body-header.edit span {
  display: flex;
  height: 40px;
  width: 60px;
}
.calendar .body-header.edit span p {
  width: 50%;
  background-position: 50% 50% !important;
  background-size: 10px !important;
}
.calendar .body-header.edit span p:last-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAACXBIWXMAAAsSAAALEgHS3X78AAAAeklEQVQImW2NwQ3CMBAEB4cCUkr4hQ9C/thlmA4ohRIogZ/th01KSCl04OiMkSyFke6zo93Dh+R8SI9SCv0p4AVcQ8xPOpQ1+iMCmHopDf7Jg+z9CDGLfAOn2mjh1P7drNFrFS1cgLs1uk4N8/myC4UjMALOGi0zX4ANc+407Jsrk+IAAAAASUVORK5CYII=) no-repeat;
}
.calendar .body-header.edit span p:first-child {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAACXBIWXMAAAsSAAALEgHS3X78AAAAeklEQVQImW2NwQ3CMBAEB4cCUkr4hQ9C/thlmA4ohRIogZ/th01KSCl04OiMkSyFke6zo93Dh+R8SI9SCv0p4AVcQ8xPOpQ1+iMCmHopDf7Jg+z9CDGLfAOn2mjh1P7drNFrFS1cgLs1uk4N8/myC4UjMALOGi0zX4ANc+407Jsrk+IAAAAASUVORK5CYII=) no-repeat;
  transform: rotate(180deg);
}
.fc-col-header-cell {
  text-decoration: none;
}
.fc-col-header-cell > div {
  text-transform: uppercase;
}
.fc-col-header-cell > div:first-child {
  font-size: 10px;
}
.fc-col-header-cell .fc-col-header-cell-cushion:hover {
  text-decoration: none;
}
.fc-col-header-cell.fc-day-today {
  margin-top: 0;
}
.fc-col-header-cell.fc-day-today .fc-scrollgrid-sync-inner {
  margin-top: 0;
}
.fc-col-header-cell.fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion > div:first-child {
  color: #508adf;
}
.fc-col-header-cell.fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion > div:last-child {
  border-radius: 50%;
  background: #508adf;
  width: 35px;
  height: 35px;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.fc-view-basicDay {
  background-color: #2b305d !important;
}
.fc .fc-button-primary {
  background-color: #2b305d !important;
  color: #fff !important;
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 68px !important;
}
.fc-v-event .fc-event-time,
.fc-v-event .fc-event-title-container {
  color: #fff;
  font-size: var(--fc-small-font-size, 0.85em);
  white-space: pre-line;
  line-height: 1.2;
}
.fc-timegrid-event-harness > .fc-timegrid-event span {
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  font-size: 16px;
}
.fc-timegrid-event-harness > .fc-timegrid-event span .svg {
  width: 12px;
  margin-top: -7px;
  margin-right: 5px;
  fill: white;
}
.fc-timegrid-event .fc-event-main {
  padding: 4px 15px 4px 4px;
  overflow: hidden;
  font-size: 12px;
}
#modal-add-remove .modal-content .modal-header {
  position: relative;
}
#modal-add-remove .modal-content .modal-header .modal-title {
  color: #508adf;
  font-weight: bold;
}
#modal-add-remove .modal-content .modal-header .close {
  color: #d1263a;
  position: absolute;
  right: 47px;
  bottom: 37px;
  padding: 4px;
  display: flex;
  height: 24px;
  width: 24px;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
#modal-add-remove .modal-content .modal-header .close:hover {
  background: #d1263a;
  transition: 0.2s all;
  color: white;
  transform: rotate(90deg);
}
#modal-add-remove .modal-content .modal-body .buttons {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#modal-add-remove .modal-content .modal-body .buttons .btn-primary span {
  color: white;
}
.fc-toolbar-chunk {
  flex: 1;
  display: flex;
  max-width: 410px;
  justify-content: center;
}
.fc-toolbar-chunk:first-child {
  justify-content: flex-start;
}
.fc-toolbar-chunk:last-child {
  justify-content: flex-end;
}
.fc-toolbar-chunk .fc-myCustomButton-button {
  width: 100%;
  height: 100%;
  max-width: 190px;
  background: white !important;
  border-color: #508adf !important;
  color: #508adf !important;
  border-radius: 20px !important;
}
.fc-toolbar-chunk .fc-myCustomButton-button:hover {
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
}
.fc-toolbar-chunk .fc-myCustomButton2-button {
  width: 100%;
  justify-content: center;
  font-size: 1rem;
  padding: 8px 20px;
  height: 100%;
  max-width: 190px;
  box-shadow: none !important;
  background-color: #508adf !important;
  border-color: #508adf !important;
  border-radius: 20px !important;
}
.fc-toolbar-chunk .fc-myCustomButton2-button:focus {
  box-shadow: none !important;
  background-color: #d1263a !important;
  opacity: 1 !important;
  border-color: #d1263a !important;
}
.fc-toolbar-chunk .fc--button {
  display: none !important;
}
.fc-toolbar-chunk .fc-today-button {
  padding: 8px 18px !important;
  box-shadow: none !important;
  background-color: #508adf !important;
  border-color: #508adf !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-family: "Gotham_Rounded" !important;
}
.fc-toolbar-chunk .fc-prev-button,
.fc-toolbar-chunk .fc-next-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.fc-toolbar-chunk .fc-prev-button span::before,
.fc-toolbar-chunk .fc-next-button span::before {
  color: #b7b8bd;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: 20px;
  margin-right: 0;
}
.fc-toolbar-title {
  font-size: 22px !important;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
.fc .fc-button-primary:focus {
  box-shadow: 0 0 !important;
}
.fc-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
  background: white !important;
  border-color: #b7b8bd !important;
  color: #2b305d !important;
}
.display-header .fc-header-toolbar {
  display: none !important;
}
.fc .fc-timegrid-slot-label-cushion {
  font-size: 12px;
}
.fc-timegrid-axis {
  vertical-align: middle !important;
  font-weight: normal;
  font-size: 11px;
}
.fc-timegrid-axis .fc-timegrid-axis-frame {
  justify-content: center;
}
.table label {
  margin-bottom: 0;
}
.table td,
.table th {
  border-top: none;
  padding: 16px 0.75rem;
  text-align: center;
  font-size: 17px;
}
.table i.material-icons-outlined {
  font-size: 18px;
}
.table thead th {
  font-size: 13px;
  border-bottom: 1px solid #b7b8bd;
  position: relative;
  font-family: "Gotham_Rounded";
  vertical-align: middle;
}
.table thead th > div {
  font-family: "Gotham_Rounded";
}
.table thead th:first-child {
  padding-left: 0;
  text-align: center;
}
.table thead tr {
  width: 100%;
}
.table tbody tr {
  border-top: 1px solid #b7b8bd;
  width: 100%;
}
.table tbody tr:last-child {
  border-bottom: 1px solid #b7b8bd;
}
.table tbody td {
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.table tbody td svg {
  fill: #508adf;
  width: 18px;
  cursor: pointer;
}
.table tbody td:first-child {
  padding-left: 0;
  text-align: center;
}
.table tbody td a {
  text-decoration: none;
  color: #508adf;
  border-bottom: 2px solid #508adf;
  cursor: pointer;
}
.table tbody td a.link {
  font-size: 13px;
  font-family: "Gotham_Rounded";
}
.table tbody td a.btn-primary {
  border: none;
  color: #fff;
  fill: #fff;
}
.table tbody td label {
  text-align: center;
}
.table tbody td p {
  margin-bottom: 0;
  font-size: 13px;
}
.table tbody td .btn-primary {
  font-size: 13px;
}
#table-material {
  position: relative;
  display: block;
}
#table-material thead tr {
  background: white;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  background: white;
}
#table-material thead tr th {
  text-align: initial !important;
  padding-bottom: 0px;
}
#table-material thead tr th > div {
  color: black;
  font-weight: normal;
  font-family: "Gotham_Rounded_Book";
  font-size: 15px;
}
#table-material tbody tr td {
  text-align: left !important;
  padding: 8px 6px;
}
#table-material tbody tr td .svg {
  fill: #606368;
}
#table-material tbody tr td button .svg {
  fill: #2b305d;
}
#table-material tbody tr td .arrowDropdown .dropdown-menu {
  top: 34px !important;
  left: -128px !important;
  transform: none !important;
  border-radius: 10px 0 10px 10px;
}
#table-material tbody tr td .arrowDropdown .dropdown-menu .dropdown-item {
  border-bottom: none;
}
#table-material tbody tr td .arrowDropdown .dropdown-menu .dropdown-item:focus {
  background: white;
}
#tableStudentClassReport tbody tr td:first-child {
  text-align: left !important;
}
#table-evaluation tbody td .svg {
  width: 22px;
  height: 22px;
}
#table-evaluation tbody td .dot {
  width: 12px;
  height: 12px;
  top: -6px;
  right: -5px;
}
.modal-backdrop {
  background-color: rgba(25, 41, 95, 0.7);
  opacity: 1;
}
.modal .modal-dialog {
  width: 100%;
}
.modal .modal-header > p {
  font-weight: bold;
  text-align: center;
}
.modal .modal-header .sub-title {
  margin-bottom: 0;
}
.modal .modal-header h5 {
  font-family: "Gotham_Rounded";
}
.modal .modal-header .close {
  padding: 0;
}
.modal .modal-content {
  border-radius: 15px;
}
.modal .modal-content .modal-body {
  padding: 32px;
  position: relative;
}
.modal .modal-content .modal-body::-webkit-scrollbar-track {
  margin-bottom: 25px;
}
.modal .modal-content .modal-body .close {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  opacity: 1;
}
.modal .modal-content .modal-footer .btn-link {
  font-size: 16px;
  text-decoration: underline !important;
  color: #508adf;
  box-shadow: 0 0;
}
.modal .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 0 !important;
}
.modal tbody .fc-scroller {
  height: 50vh;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.modal-header {
  display: block;
  border: none;
  padding: 32px 32px 0;
}
.close {
  cursor: pointer;
  opacity: 1;
}
#modal-courses .modal-dialog {
  max-width: 630px;
}
#modal-courses .modal-content .modal-body {
  padding: 32px;
}
#modal-courses .modal-content .modal-body .content-buttons {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}
#modal-courses .modal-content .modal-body .content-buttons button {
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #508adf;
  background: #ffffff;
  border-radius: 10px;
  max-width: 47%;
  margin: 3.5px 5px;
  width: 100%;
  font-size: 15px;
}
#modal-courses .modal-content .modal-body .content-buttons button.active {
  background: #508adf;
  color: #ffffff;
}
#modal-notes .modal-dialog {
  max-width: 620px;
}
#modal-notes .modal-content {
  padding: 0;
}
#modal-notes .modal-content .modal-body {
  display: flex;
}
#modal-notes .modal-content .modal-body .img_modal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#modal-notes .modal-content .modal-body .img_modal img {
  left: -37px;
  bottom: -32px;
  position: absolute;
}
#modal-notes .modal-content .modal-body .content {
  padding: 20px 30px 0 30px;
  width: 60%;
  margin-left: auto;
  font-size: 19px;
}
#modal-notes .modal-content .modal-body .content p {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
}
#modal-notes .modal-content .modal-body .content button {
  display: flex;
  margin-left: auto;
  margin-top: 18px;
}
#modal-notes .modal-content .modal-body .content img {
  right: 20px;
  top: 20px;
}
#modal-newObjective .modal-dialog {
  max-width: 675px;
}
#modal-newObjective .modal-dialog .cards-wrap .card_object {
  max-width: 278px;
}
#modal-newObjective .modal-dialog .cards-wrap button {
  margin-top: 30px;
}
#modal-newObjective .modal-dialog .cards-wrap .card .card-body img {
  position: static;
}
#modal-newObjective .modal-dialog .cards-wrap .content-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
#modal-newPlan .modal-dialog {
  max-width: 645px;
}
#modal-newPlan .modal-dialog .modal-body {
  padding: 32px 60px;
}
#modal-newPlan .modal-dialog .modal-body .custom-radio {
  padding-left: 1.5rem;
  min-height: 1.6rem;
}
#modal-newPlan .modal-dialog .plans_container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: auto;
  justify-content: center;
}
#modal-newPlan .modal-dialog .plans_container .custom-radio .custom-control-label::before {
  width: 1.6rem;
  height: 1.6rem;
}
#modal-newPlan .modal-dialog .plans_container .custom-radio .custom-control-label::after {
  background-size: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
#modal-newPlan .modal-dialog .plans_container .footer-modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
#modal-newPlan .modal-dialog .plans_container .footer-modal h3 {
  font-size: 15px;
  margin-top: 0;
  text-align: inherit;
}
#modal-newPlan .modal-dialog .plans_container .card {
  min-height: 92px;
  margin: 10px 0;
  display: flex;
  flex-direction: initial;
  max-width: initial;
  margin-left: 24px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-header {
  display: flex;
  align-items: center;
  max-width: 112px;
  align-items: center;
  width: 100%;
  justify-content: center;
  background-image: linear-gradient(to bottom, #0090e5, #115ea3, #203167);
}
#modal-newPlan .modal-dialog .plans_container .card .card-body {
  flex-direction: initial;
  justify-content: space-around;
  padding-left: 0;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .test-class {
  margin: 0;
  width: 100%;
  max-width: 115px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body h1,
#modal-newPlan .modal-dialog .plans_container .card .card-body p {
  margin: 0;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body p {
  position: relative;
  max-width: 140px;
  width: 100%;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body p img {
  top: 25px;
  margin-left: 8px;
  max-width: 35px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body p .svg {
  width: 15px;
  height: 15px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price {
  position: relative;
  width: 100%;
  max-width: 120px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price h1::after {
  top: 15px;
  content: "";
  right: -12px;
  position: absolute;
  height: 65%;
  border: 0.1px solid #b7b8bd;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price i {
  font-size: 22px;
  margin-top: 2px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price p {
  font-size: 13px;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price.proof {
  display: flex;
  justify-content: center;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price.proof h1 {
  align-self: center;
}
#modal-newPlan .modal-dialog .plans_container .card .card-body .content-price.proof h1::before {
  top: 15px;
  content: "";
  left: -12px;
  position: absolute;
  height: 65%;
  border: 0.1px solid #b7b8bd;
}
#modal-newPlan .modal-dialog .plans_container .card.first {
  background: #f3f2f8;
}
#modal-newPlan .modal-dialog .plans_container .card.first .card-body .content-price {
  margin-right: 15px;
}
#modal-newPlan .modal-dialog .plans_container .card.first .card-body .content-price h1::after {
  right: 0;
}
#modal-newPlan .modal-dialog .plans_container .card.first .card-body .content-price h1::before {
  left: 0;
}
#modal-newPlan .modal-dialog .plans_container .card.first .card-body p {
  max-width: 235px;
}
#modal-niveles .modal-dialog {
  max-width: 695px;
}
#modal-niveles .modal-content {
  min-height: calc(100vh - 3.5rem);
}
#modal-niveles .select-level {
  justify-content: center;
  margin-top: 25px;
}
#modal-niveles .select-level button {
  max-width: 90px;
  margin: 4px;
  padding: 6px;
}
#modal-niveles .select-level button h1 {
  font-size: 25px;
}
#modal-niveles .select-level button h1 span {
  font-size: 9px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
}
#modal-niveles .tabs-detail-level .nav-tabs {
  display: none;
}
#modal-niveles .tabs-detail-level .tab-content {
  padding: 0;
  box-shadow: 0 0;
}
#modal-niveles .tabs-detail-level ul {
  list-style: none;
  margin: auto;
  padding: 0;
}
#modal-niveles .tabs-detail-level ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#modal-niveles .tabs-detail-level ul li h6 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  flex: 1;
}
#modal-niveles .tabs-detail-level ul li .box {
  background: #f3f2f8;
  padding: 0 30px;
  max-width: 514px;
  width: 100%;
  position: relative;
}
#modal-niveles .tabs-detail-level ul li .box .content {
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 4px dotted #b7b8bd;
}
#modal-niveles .tabs-detail-level ul li .box .content h6 {
  text-align: left;
}
#modal-niveles .tabs-detail-level ul li .box .content p {
  max-width: 327px;
  margin-left: 15px;
  font-size: 13px;
  text-align: justify;
}
#modal-niveles .tabs-detail-level ul li .box .content p:last-child {
  margin-bottom: 0;
}
#modal-niveles .tabs-detail-level ul li .box .content:last-child {
  border-bottom: none;
}
#modal-niveles .tabs-detail-level ul li .box::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.5px 8px 8.5px 0;
  border-color: transparent #f3f2f8 transparent transparent;
}
.modal-curso-detalle .modal-dialog {
  max-width: 754px;
}
.modal-curso-detalle .modal-content {
  padding: 0;
}
.modal-curso-detalle .modal-body {
  padding: 32px !important;
  overflow-x: hidden;
}
.modal-curso-detalle p {
  text-align: justify;
  font-size: 13px;
}
.modal-curso-detalle .description {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 20px;
}
.modal-curso-detalle .description img {
  margin: 0 auto;
  align-self: flex-start;
  max-width: 100px;
}
.modal-curso-detalle .description .text {
  max-width: 80%;
  margin-left: auto;
  font-size: 13px;
}
.modal-curso-detalle .description .text ul {
  flex-wrap: wrap;
  display: flex;
  margin-bottom: 20px;
}
.modal-curso-detalle .description .text ul li {
  width: 50%;
}
.modal-curso-detalle .description .text ul li.description2 {
  width: 100%;
}
.modal-curso-detalle .section_structure {
  margin-bottom: -30%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.modal-curso-detalle .section_structure .content {
  background: linear-gradient(90deg, #0977c4 0%, #1062a8 100%);
  padding: 28px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.modal-curso-detalle .section_structure .content h6 {
  color: #fff;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 24px;
}
.modal-curso-detalle .section_structure .content p {
  color: #fff;
  font-size: 13px;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}
.modal-curso-detalle ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.modal-curso-detalle ul li {
  font-size: 13px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 15px;
}
.modal-curso-detalle ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #508adf;
  position: absolute;
  left: 0;
  top: 5px;
  margin: auto;
}
.modal-curso-detalle .materials {
  padding: 50px 32px 0;
}
.modal-curso-detalle .materials h6 {
  font-size: 17px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  margin-bottom: 24px;
}
#modal-curso-detalle-2 .section_gray {
  margin-bottom: -32px;
}
.modal-schedule .demo-app-calendar {
  padding-bottom: 0;
}
.modal-schedule .modal-dialog {
  max-width: 1000px;
}
.modal-schedule .modal-body .col .card {
  padding: 20px 30px;
  margin-bottom: 35px;
  transform: none !important;
}
.modal-schedule .modal-body .col .card .perfil {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #b7b8bd;
}
.modal-schedule .modal-body .col .card .perfil .b-avatar {
  margin-right: 20px;
}
.modal-schedule .modal-body .col .card .perfil .content h6 {
  margin-bottom: 0;
  font-weight: bold;
  font-family: "Gotham_Rounded";
  font-size: 15px;
}
.modal-schedule .modal-body .col .card .perfil .content label {
  font-size: 13px;
  margin-bottom: 0;
}
.modal-schedule .modal-body .col .card .form-group {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 0;
}
.modal-schedule .modal-body .col .card .form-group h4 {
  font-size: 13px;
  margin-bottom: 0;
}
.modal-schedule .modal-body .col .card .form-group span {
  padding-left: 30px;
  width: 100%;
}
.modal-schedule .modal-body .col .card .form-group span p {
  word-spacing: -1px;
  color: #508adf;
  font-family: "Gotham_Rounded";
  margin-bottom: 4px;
  font-size: 14px;
}
.modal-schedule .modal-body .col .card .form-group span p:last-child {
  margin-bottom: 0;
}
.modal-schedule .modal-body .col .card .content-calendar {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.modal-schedule .modal-body .col .card .content-calendar p {
  font-size: 18px;
  font-weight: 900;
}
.modal-schedule .modal-body .col .card .link-youtube {
  margin-top: -6px;
}
.modal-schedule .modal-body .calendar {
  margin-top: 30px;
  padding-top: 30px;
  min-height: 60vh;
  /*.fc .fc-toolbar.fc-header-toolbar {
    display: none;
  }*/
}
.modal-schedule .modal-body .calendar .fc-header-toolbar {
  margin-bottom: 0;
}
.modal-schedule .modal-body .calendar .kalendar-wrapper {
  padding: 0;
  min-height: 60vh;
}
.modal-schedule .modal-body .calendar .kalendar-wrapper .calendar-wrap {
  max-height: 60vh;
  height: 100%;
  overflow: auto;
}
.modal-schedule .modal-body .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.modal-schedule .modal-body .text .content-changue {
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.modal-schedule .modal-body .text .content-changue p {
  max-height: 150px;
  margin: 0;
  text-align: center;
  padding: 0 12%;
  font-weight: bold;
  font-family: "Gotham_Rounded";
  line-height: 1.2;
  font-size: 19px;
}
.modal-schedule .modal-body .text .content-changue a {
  text-decoration: underline;
  color: #d1263a;
}
.modal-schedule .modal-body .text .content-changue h6 {
  font-family: "Gotham_Rounded";
  color: #2b305d;
  font-weight: 900;
  font-size: 18px;
}
.modal-schedule .modal-body .text .btn-outline-primary:hover {
  color: white;
}
.modal-schedule .modal-body .text.availability .content-changue a {
  color: #508adf;
}
#modal-schedule-acept .modal-content .modal-body {
  display: flex;
  justify-content: space-between;
}
#modal-commentary-teacher .modal-dialog {
  max-width: 465px;
}
#modal-commentary-teacher .modal-content {
  overflow: hidden;
}
#modal-commentary-teacher .modal-body {
  padding: 0;
}
#modal-commentary-teacher .modal-body .close {
  z-index: 1;
  right: 24px;
  top: 20px;
}
#modal-commentary-teacher .header-commentary {
  display: flex;
  padding: 20px 30px 12px;
  position: relative;
  border-bottom: 1px solid #b7b8bd;
  margin-bottom: 12px;
}
#modal-commentary-teacher .header-commentary .comment-title {
  font-size: 13px;
  font-family: "Gotham_Rounded";
  margin-bottom: 0;
}
#modal-commentary-teacher .header-commentary .b-rating {
  margin-bottom: 0;
}
#modal-commentary-teacher .header-commentary .info {
  border-color: #b7b8bd;
  max-height: calc(100% - 20px);
}
#modal-commentary-teacher .header-commentary .info h6 {
  padding-right: 0;
  display: inline-block;
}
#modal-commentary-teacher .header-commentary .info p {
  padding-right: 30px;
  text-align: inherit !important;
}
#modal-commentary-teacher .card_teacher {
  border-radius: 0;
  box-shadow: none;
}
#modal-commentary-teacher .card_teacher.list .info p {
  max-width: 300px;
  flex-direction: column;
}
#modal-commentary-teacher .content-commentary {
  padding: 0 30px 32px;
}
#modal-commentary-teacher .content-commentary h6 {
  margin-bottom: 20px;
  font-size: 13px;
}
#modal-commentary-teacher .content-commentary .scroll-commentary {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 275px;
  width: calc(100% + 5px);
  padding-right: 10px;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary {
  margin-bottom: 30px;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .row {
  padding: 0;
  padding-top: 0;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .perfil {
  margin-right: 10px;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .info {
  margin: 0;
  border: none;
  padding-left: 0;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .info .content-star {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 0;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .info .content-star span .b-icon.bi {
  fill: yellow;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .info .b-rating {
  margin-bottom: 8px;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary .info .b-rating .b-rating-star {
  font-size: 13px;
}
#modal-commentary-teacher .content-commentary .scroll-commentary .commentary:last-child {
  margin-bottom: 0;
}
#modal-content-video .modal-dialog {
  max-width: 900px;
}
#modal-content-video .modal-content {
  background: none;
  border-radius: 6px;
  width: 100%;
  height: 500px;
  border-color: none;
}
#modal-content-video .modal-content .modal-body {
  padding: 0;
}
#modal-content-video .modal-content .modal-body .close {
  right: -12px;
  top: -12px;
  background: #f3f2f8;
  border-radius: 50%;
  border: 2px solid #b7b8bd;
  fill: #b7b8bd;
  z-index: 1;
}
#modal-content-video .modal-content .modal-body iframe,
#modal-content-video .modal-content .modal-body video {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1300px) {
#modal-schedule .modal-body .text button,
#modal-schedule-teacher .modal-body .text button {
    font-size: 14px;
    padding: 6px 20px;
    height: 33px;
}
#modal-schedule .modal-body .text button span,
#modal-schedule-teacher .modal-body .text button span {
    font-size: 30px;
}
#modal-schedule .modal-body .form-group h4,
#modal-schedule-teacher .modal-body .form-group h4 {
    font-size: 15px !important;
}
#modal-schedule .modal-body .form-group span p,
#modal-schedule-teacher .modal-body .form-group span p {
    font-size: 14px;
}
#modal-schedule .modal-body .card .perfil,
#modal-schedule-teacher .modal-body .card .perfil {
    padding-bottom: 15px !important;
}
#modal-schedule .modal-body .card .perfil .content h6,
#modal-schedule-teacher .modal-body .card .perfil .content h6 {
    font-size: 16px !important;
}
}
#modal-recommend .modal-dialog {
  max-width: 556px;
}
#modal-recommend .sub-title {
  max-width: 420px;
  margin: auto;
}
#modal-recommend .modal-body {
  padding: 40px 54px 16px;
}
#modal-recommend .modal-body p,
#modal-recommend .modal-body textarea {
  font-size: 15px;
}
#modal-recommend .modal-body .score-buttons {
  width: 100%;
}
#modal-recommend .modal-body .score-buttons .btn {
  border: 1px solid #d1263a;
  font-size: 22px;
  color: #d1263a;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: 5px;
}
#modal-recommend .modal-body .score-buttons .btn.active {
  border-color: #d1263a;
  background-color: #d1263a;
  color: #fff;
}
#modal-recommend .modal-body .score-buttons .btn:nth-last-child(1), #modal-recommend .modal-body .score-buttons .btn:nth-last-child(2) {
  border-color: #48c8b2;
  color: #48c8b2;
}
#modal-recommend .modal-body .score-buttons .btn:nth-last-child(1).active, #modal-recommend .modal-body .score-buttons .btn:nth-last-child(2).active {
  border-color: #48c8b2;
  background-color: #48c8b2;
  color: #fff;
}
#modal-recommend .modal-body .score-buttons .btn:nth-last-child(3), #modal-recommend .modal-body .score-buttons .btn:nth-last-child(4) {
  border-color: #fec830;
  color: #fec830;
}
#modal-recommend .modal-body .score-buttons .btn:nth-last-child(3).active, #modal-recommend .modal-body .score-buttons .btn:nth-last-child(4).active {
  border-color: #fec830;
  background-color: #fec830;
  color: #fff;
}
#modal-recommend .modal-body .score-buttons .btn:last-child {
  margin-right: 0;
}
#modal-recommend .modal-body span {
  font-size: 13px;
  margin-top: 16px;
  color: #b7b8bd;
  line-height: 1.2;
}
#modal-recommend .modal-body legend {
  font-family: "Gotham_Rounded";
  font-size: 13px;
  font-weight: bold;
}
#modal-score-teacher .modal-dialog {
  max-width: 630px;
}
#modal-score-teacher .modal-body p {
  font-size: 13px;
  color: #b7b8bd;
}
#modal-score-teacher .b-rating {
  max-width: 130px;
  padding: 0;
  margin-left: auto;
}
#modal-score-teacher .b-rating .b-rating-star,
#modal-score-teacher .b-rating .b-rating-value {
  padding: 0;
}
#modal-score-teacher .b-rating .b-rating-star.b-rating-star-full svg {
  fill: yellow;
  stroke: #2b305d;
}
#modal-group-varios .modal-dialog {
  max-width: 650px;
}
#modal-group-varios .modal-dialog .modal-content {
  height: 340px;
}
#modal-group-varios .modal-dialog .modal-content .content {
  padding-top: 120px;
}
#modal-group-varios .modal-dialog .modal-content .content .alert-img {
  position: absolute;
  right: 35%;
  top: -28px;
}
#modal-group-varios .modal-dialog .modal-content .content .links {
  text-align: center;
  margin-top: 0;
  margin-bottom: 34px;
}
#modal-group-varios .modal-dialog .modal-content .content .links a .svg {
  margin-right: 8px;
  margin-top: 4px;
}
#modal-group-varios .modal-dialog .modal-content .content p {
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.2;
}
#modal-group-varios .modal-dialog .modal-content .content p span {
  font-weight: bold;
  font-family: "Gotham_Rounded";
}
#modal-time-zone .modal-dialog .modal-header h4 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
}
#modal-time-zone .modal-dialog .modal-body {
  display: none;
}
#modal-time-zone .modal-dialog .modal-footer {
  border: none;
}
#modal-time-zone .modal-dialog .modal-footer .buttons button {
  text-decoration: none !important;
  color: #2b305d;
}
#modal-time-zone .modal-dialog .modal-footer .buttons button span:first-child {
  color: #508adf;
  border-radius: 6px;
  padding: 6px 8px;
  transition: 0.2s all;
}
#modal-time-zone .modal-dialog .modal-footer .buttons button span:first-child:hover {
  background: rgba(80, 138, 223, 0.2);
  font-weight: bold;
}
#modal-save-change .modal-dialog,
#modal-save-change-edit .modal-dialog {
  max-width: 850px;
}
@media only screen and (max-width: 768px) {
.modal .modal-dialog {
    width: auto !important;
}
.modal .modal-content .modal-body {
    padding: 16px;
}
}
.structure {
  padding: 26px 35px 26px 26px;
}
.structure .division {
  align-items: stretch;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
.structure .division:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.structure .division.dotted {
  border-bottom: 3px dotted #b7b8bd;
}
.structure .division.dotted:last-child {
  border-bottom: none;
}
.structure .division .box {
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 10px;
}
.structure .division .box h1 {
  font-size: 20px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
}
.structure .division .box h1 span {
  font-size: 7px;
  font-weight: bold;
  font-family: "Gotham_Rounded";
  color: #fff;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.5px;
}
.structure .division .box h6 {
  font-size: 12px;
  font-family: "Gotham_Rounded";
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.structure .division .block {
  display: flex;
  align-items: stretch;
  margin-bottom: 8px;
}
.structure .division .block ol {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.structure .division .block ol li {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1px;
  border-radius: 8px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 11px;
  position: relative;
}
.structure .division .block ol li .svg {
  position: absolute;
  width: 10px;
  height: 12px;
  right: -10px;
  z-index: 1;
  fill: #fff;
}
.structure .division .block ol li:last-child .svg {
  display: none;
}
.structure .division .block:not(.active) .box {
  background: #b7b8bd;
}
.structure .division .block:not(.active) ol li {
  background: #d1d1d3;
  border: 1px solid #fff;
  color: #fff;
}
.structure .division .block:not(.active) ol li .svg {
  fill: #d1d1d3;
  stroke: #fff;
}
.structure .division .block:last-child {
  margin-bottom: 0;
}
.structure .division .block-1 {
  transform: rotate(-90deg) scaleX(-1);
  transform-origin: top left;
  width: 98px;
  margin-right: -52px;
}
.structure .division .block-1 .box {
  transform: scaleX(-1);
  padding: 8px;
}
.structure .division .block-1:not(.active) .box {
  background: #b7b8bd;
}
.structure .division .block-2 .box {
  margin: 0 4px;
  padding: 0 10px;
  max-width: 80px;
  min-width: 80px;
}
.border-gd-1 {
  border: 1px solid #0289db;
  color: #0289db;
}
.border-gd-1 .svg {
  stroke: #0289db;
}
.border-gd-2 {
  border: 1px solid #0878c5;
  color: #0878c5;
}
.border-gd-2 .svg {
  stroke: #0878c5;
}
.border-gd-3 {
  border: 1px solid #0e68af;
  color: #0e68af;
}
.border-gd-3 .svg {
  stroke: #0e68af;
}
.border-gd-4 {
  border: 1px solid #135799;
  color: #135799;
}
.border-gd-4 .svg {
  stroke: #135799;
}
.border-gd-5 {
  border: 1px solid #194784;
  color: #194784;
}
.border-gd-5 .svg {
  stroke: #194784;
}
.border-gd-6 {
  border: 1px solid #1f366d;
  color: #1f366d;
}
.border-gd-6 .svg {
  stroke: #1f366d;
}
.footer {
  margin-left: 15vw;
  background-color: #f3f2f8;
  text-align: left;
  font-size: 11px;
  font-style: italic;
  padding: 20px 42px 18px;
  font-family: "Gotham_Rounded";
}
@media only screen and (max-width: 768px) {
.footer {
    background-color: #2b305d;
    color: #fff;
    padding: 14px 18px;
    text-align: center;
    font-family: "Gotham_Rounded_Book";
    margin-left: 0;
}
}
.header-report-class-teacher {
  display: flex;
  font-size: 1.5rem;
  justify-content: center;
  margin: 30px 0px;
}
.header-report-class-teacher span {
  margin: 0px 20px;
}
.header-report-class-teacher .group {
  margin: 0px 10px;
  color: #508adf;
  font-weight: 600;
}
.contiener-autocompleted form {
  height: 38px !important;
  width: 100%;
}
.container-body-data .container-body {
  margin: 30px 0px;
}
.container-body-data .container-body h3,
.container-body-data .container-body h5 {
  font-weight: 600;
}
.container-body-data .container-body .container-material {
  border: 3px solid;
  padding: 20px;
  display: inline-block;
}
.circle-chart {
  width: 50px !important;
  height: 50px !important;
  fill: #2b305d !important;
}
.circle-chart__circle {
  stroke: #508adf;
  stroke-width: 2;
  stroke-linecap: round;
  fill: none;
  animation: circle-chart-fill 2s reverse;
  /* 1 */
  transform: rotate(-90deg);
  /* 2, 3 */
  transform-origin: center;
  /* 4 */
}
.circle-chart__background {
  stroke: #EAEAEA;
  stroke-width: 2;
  fill: none;
}
.circle-chart__info {
  -webkit-animation: circle-chart-appear 2s forwards;
          animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em);
}
.circle-chart__text {
  alignment-baseline: central;
  text-anchor: middle;
  font-size: 7px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  letter-spacing: -0.5px;
}
@-webkit-keyframes circle-chart-fill {
to {
    stroke-dasharray: 0 100;
}
}
@keyframes circle-chart-fill {
to {
    stroke-dasharray: 0 100;
}
}
@-webkit-keyframes circle-chart-appear {
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes circle-chart-appear {
to {
    opacity: 1;
    transform: translateY(0);
}
}
tr.row-group {
  position: relative;
}
tr.row-group td {
  padding-top: 3.2rem !important;
}
tr.row-group td:first-child:before {
  content: attr(data-text-group);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAABFklEQVQokYWTQU7DMBBFXxF7cgO6x1LtHTt6A3IBonKDsoEVUiUOAEdovWTTHqE3cCv5AF2yNCcIGmksTBLSL0XOfHt+/ownk7ZtGYNxzQewABKwisGvx87/ETSuqYF9DD5pvATeOzkuBn/QfStrjgUXhZi42IqgcU2ldD1goi7E9nre9gSBpa4zYK7vB/rInBi40mcxJCgiR+AxBr9TbqVcxibvxeDFwEa5bOa3h1ryVPld2RctKcXgTxpXaiCXetKcNLmxD5WWcV060Vu1DOMTeO7kHGPw9lKbXG58A1/Ayz9igjvgFXgruJlxzbzsYYa4vR0RyxAzXaTBwTaukcbfnxF8isHL0J/9ikBud2hkSvT/GOAHe8NgvTqCWv4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0.75rem center;
  position: absolute;
  background-color: #F3F2F8;
  width: 100%;
  left: 0;
  top: 10px;
  text-align: left;
  font-size: 13px;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
}
#tooltipStudentGroup .tooltip-inner {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1rem 1.3rem;
  border-radius: 10px;
}
#tooltipStudentGroup ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
#tooltipStudentGroup ul li {
  color: #fff;
  position: relative;
  font-size: 15px;
  padding-left: 0.6rem;
}
#tooltipStudentGroup ul li::before {
  content: "";
  width: 4.5px;
  height: 4.5px;
  border-radius: 50%;
  background-color: #508adf;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.data-package {
  background-color: #F3F2F8;
  padding: 1.1rem;
  align-items: center;
  justify-content: center;
}
.data-package .divider {
  width: 1px;
  height: 22px;
  background-color: #2B305D;
  display: inline-block;
  margin: 0 1.5rem;
}
.questionsFaqs {
  counter-reset: listCounter;
  list-style: none;
  width: 736px;
  margin: auto;
}
.questionsFaqs li {
  counter-increment: listCounter;
  display: flex;
  border-bottom: 2px solid #b7b8bd;
  padding: 10px 0 8px 0;
}
.questionsFaqs li > div {
  width: 100%;
}
.questionsFaqs li h4 {
  font-family: "Gotham_Rounded";
  font-weight: bold;
  font-size: 15px;
  position: relative;
  margin-bottom: 0;
}
.questionsFaqs li h4::before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZklEQVQImWXMsQ2AIBBG4YcTOIKVdsRaGkdwBEdzBEegoUc6OjbBXAKE6JX/+3LqmbcJsMCho/N0FxYzAjdwDjq6VKANi1mrK0j2JEblnGu45CuwSyzI6+hO6Q1+sMCGfrDD9AjgBbtoLG/iDMREAAAAAElFTkSuQmCC) no-repeat;
  background-position: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  transition: 0.4s all;
}
.questionsFaqs li h4.not-collapsed::before {
  transform: rotate(180deg);
}
.questionsFaqs li::before {
  content: counter(listCounter);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #b7b8bd;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-family: "Gotham_Rounded";
  font-weight: bold;
  color: white;
  margin-right: 10px;
}
.questionsFaqs li .card {
  border: none;
  box-shadow: none;
}
.questionsFaqs li .card .card-body {
  padding: 0;
}
.questionsFaqs li .card .card-body p {
  font-size: 13px;
  padding-left: 2px;
  padding-right: 50px;
  margin-bottom: 1px;
}
.questionsFaqs li .card .card-body a {
  font-size: 13px;
  padding-left: 8px;
  padding-right: 50px;
}
.questionsFaqs li.active {
  padding-bottom: 15px;
}
.questionsFaqs li.active::before {
  background: #508adf;
}
.seeMore {
  text-align: center;
  font-size: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin: 22px auto 0 auto;
}
.seeMore .svg {
  width: 8px;
  margin-left: 12px;
}
@media only screen and (max-width: 768px) {
#cardFaqs {
    background: none;
    border-radius: 0;
    box-shadow: none;
}
#cardFaqs .sub-title {
    margin-bottom: 10px !important;
}
#cardFaqs .card-body {
    padding: 0;
}
#cardFaqs .card-body .questionsFaqs {
    padding-left: 0;
    width: initial;
}
#cardFaqs .card-body .questionsFaqs .collapse {
    margin-left: -32px;
    box-shadow: none;
    outline: none;
}
#cardFaqs .card-body .questionsFaqs .collapse .card {
    background: none;
    border-radius: 0;
}
#cardFaqs .card-body .questionsFaqs .collapse .card p {
    padding-left: 0;
    margin-bottom: 6px;
    padding-right: 0;
}
#cardFaqs .card-body .questionsFaqs li h4 {
    font-size: 13px;
    padding-right: 10%;
    box-shadow: none;
    outline: none;
}
}
#exam-wrapper {
  background-color: #D8EFFF;
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}
#exam-wrapper .btn-primary {
  background-color: #27397C;
  border-radius: 15px;
  box-shadow: 0px 7.58735px 15.1747px 0px rgba(0, 0, 0, 0.25) !important;
  padding: 1rem;
  min-width: 205px;
  justify-content: center;
}
#exam-wrapper .card_evaluation {
  border-radius: 22px;
  box-shadow: 0px 4.55241px 22.76205px 0px rgba(0, 0, 0, 0.05);
}
#exam-wrapper .card_evaluation .card-header {
  padding-left: 4rem;
}
#exam-wrapper .card_evaluation .card-header h4::after {
  display: none;
}
#exam-wrapper .card_evaluation .card-header .timer {
  background: #D8EFFF;
  top: 26px;
}
#exam-wrapper .card_evaluation .card-header .timer svg {
  fill: #19295f;
}
#exam-wrapper .card_evaluation .card-header .timer span {
  color: #19295f;
}
#exam-wrapper .card_evaluation .card-body p {
  font-family: "Gotham_Rounded";
  color: #000;
}
.exam-card {
  border-radius: 22px;
  box-shadow: 0px 4.55241px 22.76205px 0px rgba(0, 0, 0, 0.05);
}
.exam-card .card-body {
  padding: 6% 6% 8%;
}
.exam-card h1 {
  font-size: 50px;
  font-weight: bold;
  font-family: "Gotham_Rounded";
  line-height: 1.2;
  color: #27397C;
}
.exam-card .sub-title {
  font-size: 19px;
  color: #000;
}
.exam-card .img-first {
  position: absolute;
  right: 0;
  bottom: -2rem;
}
.exam-card.card_evaluation_result .card-body {
  padding: 2rem 3.5rem 3rem;
}
.exam-card.card_evaluation_result h1 {
  font-size: 40px;
}
.exam-card.card_evaluation_result .img-result {
  display: block;
  margin: auto auto 0.5rem;
}
.exam-card.card_evaluation_result .quiz-status p, .exam-card.card_evaluation_result .quiz-status p b {
  color: #000;
}
.exam-card.card_evaluation_result .quiz-status p .svg {
  color: #626262;
  fill: #626262;
}
.exam-card.card_evaluation_result .box-content {
  border-radius: 16px;
  background: #F0F8FD;
  box-shadow: 0px 3.31916px 16.5958px 0px rgba(0, 0, 0, 0.05);
}
.exam-card.card_evaluation_result h4 {
  font-size: 26px;
}
.exam-card.card_evaluation_result h4 span {
  color: #000;
  margin-top: 0.5rem;
  font-weight: normal;
  font-size: 12px;
}
.exam-card.card_evaluation_result .border-c {
  border-left: 1px solid #dee2e6;
}
.exam-card.card_evaluation_result .level-box {
  background: #F5425A;
  min-width: 280px;
  padding: 13px;
}
.exam-card.card_evaluation_result .level-box h1 {
  font-size: 32px;
}
.exam-card.card_evaluation_result .level-box span {
  font-size: 17px;
  text-transform: initial;
  font-weight: 300;
  margin-top: 0.5rem;
}
.exam-card.card_evaluation_result .content-scroll {
  max-height: 220px;
}
.exam-card.card_evaluation_result .content-scroll ul h6 {
  font-size: 16px;
  color: #F5425A;
}
.exam-card.card_evaluation_result .content-scroll ul p {
  font-size: 12px;
  color: #000;
  line-height: 1.25;
}
.exam-indications {
  border-radius: 12px;
  border: 0.8px solid #939393;
  padding: 25px 36px;
}
.exam-indications h6 {
  color: #FD0235;
  font-size: 19px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1rem;
}
.exam-indications ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.exam-indications ul li {
  font-size: 13px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.exam-indications ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
  background: #2b305d;
}
.exam-indications ul li:last-child {
  margin-bottom: 0;
}
.exam-form-end .form-group {
  margin-bottom: 1.5rem;
}
.exam-form-end .form-group .form-control {
  height: 52px;
  border-radius: 12px;
}
.exam-form-end .form-group .form-control::-moz-placeholder {
  color: #545454;
  opacity: 1;
}
.exam-form-end .form-group .form-control:-ms-input-placeholder {
  color: #545454;
  opacity: 1;
}
.exam-form-end .form-group .form-control::placeholder {
  color: #545454;
  opacity: 1;
}
.exam-form-end .form-group .form-control::-ms-input-placeholder {
  color: #545454;
}
.exam-form-end .custom-checkbox {
  color: #545454;
  font-family: Gotham Rounded;
  font-size: 13px;
  line-height: 2;
  padding-left: 1rem;
}
.exam-form-end .custom-checkbox a {
  color: #939393;
  text-decoration: underline;
}
.exam-form-end .iti {
  width: 100%;
  font-size: 13px;
  color: #2b305d;
}
.exam-form-end .iti.iti--allow-dropdown input.form-control {
  height: 52px;
}
.exam-form-end .iti__flag-container {
  max-width: 90px;
}
.exam-form-end .iti input {
  width: 100%;
}
.exam-form-end .iti input::-moz-placeholder {
  color: #545454;
  opacity: 1;
}
.exam-form-end .iti input:-ms-input-placeholder {
  color: #545454;
  opacity: 1;
}
.exam-form-end .iti input::placeholder {
  color: #545454;
  opacity: 1;
}
.exam-form-end .iti input::-ms-input-placeholder {
  color: #545454;
}
@media only screen and (max-width: 768px) {
#exam-wrapper {
    flex-direction: column;
}
#exam-wrapper > .container {
    flex: 1;
    display: flex;
    flex-direction: column;
}
#exam-wrapper .container {
    padding-left: 6%;
    padding-right: 6%;
}
#exam-wrapper .btn-primary {
    font-size: 18px;
    width: 100%;
    font-family: "Gotham_Rounded";
    font-weight: bold;
}
#exam-wrapper .card_evaluation .card-header {
    padding: 30px 7% 16px;
}
#exam-wrapper .card_evaluation .card-header h4 {
    font-size: 14px;
}
#exam-wrapper .card_evaluation .card-header .timer {
    font-size: 16px;
    padding: 6px 15px;
    border-radius: 15px;
    min-width: 138px;
    top: 18px;
    border-radius: 10px;
}
#exam-wrapper .card_evaluation .card-header .timer .svg {
    margin-right: 10px;
    width: 18px;
    height: 21px;
}
#exam-wrapper .card_evaluation .card-body {
    padding-left: 7%;
    padding-right: 7%;
}
#exam-wrapper .card_evaluation .card-body h4 {
    font-size: 18px;
    margin-bottom: 1rem;
    color: #27397C;
}
#exam-wrapper .card_evaluation .card-body h4 input {
    font-size: 18px;
    line-height: 0.6;
    top: -2px;
    height: 21px;
}
#exam-wrapper .card_evaluation .card-body h4 .autoRpta {
    height: 25px;
    font-size: 18px;
}
#exam-wrapper .card_evaluation .card-body .img-qst {
    width: 82%;
}
#exam-wrapper .card_evaluation .card-body .audio_player {
    margin-bottom: 1.5rem;
    max-width: 270px;
    width: 100%;
}
#exam-wrapper .card_evaluation .card-body .audio_player .svg {
    display: none;
}
#exam-wrapper .card_evaluation .card-body .alternatives {
    margin-top: 0;
}
#exam-wrapper .card_evaluation .card-body .alternatives .custom-radio:first-child {
    margin-top: 0;
}
#exam-wrapper .card_evaluation .card-body .select-images {
    flex-wrap: wrap;
    padding: 0;
}
#exam-wrapper .card_evaluation .card-body .select-images .box {
    width: 48%;
    margin-top: 2.8rem;
}
#exam-wrapper .card_evaluation .card-body .select-images .box::before {
    width: 22px;
    height: 22px;
    font-size: 12px;
    top: -32px;
}
#exam-wrapper .card_evaluation .card-footer {
    padding: 1.5rem 7% 2rem;
}
#exam-wrapper .card_evaluation .card-footer .question_number {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.2rem;
}
#exam-wrapper .card_evaluation .card-footer .question_number .btn {
    font-size: 9px;
    width: 18px;
    height: 18px;
}
#exam-wrapper .card_evaluation .card-footer .btn-link {
    font-size: 18px;
    justify-content: center;
    width: 100%;
    font-family: "Gotham_Rounded";
    font-weight: bold;
    margin-bottom: 0.8rem;
}
.exam-card {
    flex: 1;
}
.exam-card .card-body {
    padding: 3.8rem 10% 1.5rem;
}
.exam-card h1 {
    font-size: 24px;
}
.exam-card .img-first {
    position: relative;
    bottom: auto;
    max-width: 100%;
}
.exam-card .img-second {
    max-height: 145px;
    margin-bottom: 1rem;
    margin-top: -2rem;
}
.exam-card .sub-title {
    font-size: 14px;
}
.exam-card.card_evaluation_result .card-body {
    padding: 2.5rem 7% 1.6rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.exam-card.card_evaluation_result .card-body h1 {
    font-size: 24px;
}
.exam-card.card_evaluation_result .quiz-status {
    margin-bottom: 1.8rem;
}
.exam-card.card_evaluation_result .quiz-status p .svg {
    width: 17px;
    height: 17px;
}
.exam-card.card_evaluation_result .box-content {
    padding-top: 1.6rem;
    flex: 1;
}
.exam-card.card_evaluation_result .level-box {
    max-width: 228px;
    min-width: auto;
    width: 84%;
    margin-top: 0.5rem;
}
.exam-card.card_evaluation_result .border-c {
    border-left: none;
}
.exam-card.card_evaluation_result .content-scroll {
    padding-top: 2rem;
    margin-top: 1rem;
    border: none;
    border-top: 1px solid #dee2e6 !important;
    padding-left: 5%;
    padding-right: 5%;
    max-height: calc(100vh - 33rem);
    padding-bottom: 5px;
    isolation: isolate;
}
.exam-indications {
    padding: 25px 25px 15px;
}
.exam-indications ul li {
    font-size: 14px;
    padding-left: 13px;
}
.exam-indications ul li::before {
    width: 6px;
    height: 6px;
    top: 7px;
}
.exam-indications h6 {
    font-size: 20px;
    line-height: 1.1;
}
.exam-form-end .form-group {
    margin-bottom: 1rem;
}
.exam-form-end .form-group .form-control {
    height: 45px;
    border-radius: 10px;
    font-size: 14px;
}
.exam-form-end .iti.iti--allow-dropdown input.form-control {
    height: 45px;
}
.exam-form-end .custom-checkbox {
    font-size: 14px;
    line-height: 1.3;
    padding-right: 5%;
}
.exam-form-end .custom-checkbox label::before {
    width: 16px;
    height: 16px;
    top: 0;
    border-radius: 3px;
}
.exam-form-end .custom-checkbox label::after {
    top: 0;
    left: -1.6rem;
}
#question_52 .card-body h4 input {
    width: 100%;
}
.form-control-phone {
    height: 45px !important;
    font-size: 14px !important;
    color: #495057 !important;
}
}

.icon-yout-disabled{
  fill: #b7b8bd !important;
  pointer-events: none !important;
}


#modal-schedule-teacher-nav .modal-dialog{
  max-width: 836px;
}


.notification-box {
    display: flex;
    position: absolute;
    right: 5px;
    bottom: 10px;
    width: 30%;
    height: 100px;
    background-color: #fff;
    z-index: 999;
}
#notification-close {
    position: absolute;
    color: #777;
    font: 14px;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 2px;
    z-index: 10;
    cursor: pointer;
}
.notification-data {
    margin: 0 20px;
}
.notification-data p {
    margin: 10px 0;
}
.notification-notice p {
    font-size: 14px;
    font-weight: 400;
}
.notification-title p {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.notification-time small {
    font-size: 12px;
}
.notification-wall-number small {
    font-size: 8px;
}