@import url({themes});
@charset "UTF-8";
@font-face {
  font-family: Ranister;
  src: url(fonts/Ranister.19282dc4.ttf);
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Black.ac6e49c0.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Heavy.1c01de4a.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Light.ff959ceb.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Bold.41e629d2.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Regular.d09549c1.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Medium.ab6acec0.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Semibold.a8838fa5.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Thin.0f534401.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(fonts/SFUIDisplay-Ultralight.837cb785.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "fontello";
  src: url(fonts/fontello.976842f9.eot#iefix) format("embedded-opentype"), url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,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) format("woff"), url(fonts/fontello.bdcea1fd.ttf) format("truetype"), url(img/fontello.624bbaa1.svg#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
h1.title {
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  font-weight: 600;
}
.title-lg {
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
}
.title-r {
  font-style: normal;
  font-weight: 250;
  font-size: 35px;
  font-family: Ranister;
}
.title-t {
  color: #626262;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 15px;
}
h2.title {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
}
h3.title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  margin: 20px 0px;
}
h4.title {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}
h5.caption {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
h6.caption {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
}
.text-sm {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}
.text-session {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #626262;
}
.text-session-1 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
}
.text-md {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
}
.text-lg {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.text-lg-home {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #333333;
}
.text-activity {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 150%;
  color: #333333 !important;
}
.text-activity span {
  font-weight: 600 !important;
  margin: 0px 5px;
}
.text-activity span:first-child {
  margin-left: 0px !important;
}
* {
  font-family: "SF Pro Display";
  outline: none;
  box-sizing: border-box;
  color: #333333;
}
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-os-font-smoothing: grayscale;
}
#wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.safe_area {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blue-a {
  color: #18A0FB;
  fill: #18A0FB;
}
strong {
  font-weight: 600;
}
.flex-container-center {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 64px);
}
.text-msg {
  margin-bottom: 10px;
  font-size: 13px;
  color: #B4B4B4;
}
.text-msg a {
  color: #18A0FB;
  text-decoration: none;
}
.text-msg strong {
  font-weight: 500;
}
.b-link {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #18A0FB;
}
.b-link:hover {
  text-decoration: none;
  color: #18A0FB;
}
.list-collapse .list-group-item {
  background: #f9f9f9;
  padding: 8px 10px 8px 20px;
}
.list-collapse .list-group-item p {
  color: #636363;
  font-size: 13px;
}
.list-collapse .list-group-item p strong {
  font-weight: 600;
  color: #636363;
}
.list-collapse .list-group-item.header-collapse {
  padding: 12px 45px 12px 15px;
  position: relative;
  background: #fff;
}
.list-collapse .list-group-item.header-collapse h6 {
  font-weight: 600;
  font-size: 13px;
  color: #636363;
  margin-bottom: 0;
}
.list-collapse .list-group-item.header-collapse p {
  margin-bottom: 0;
}
.list-collapse .list-group-item.header-collapse .arrow {
  width: 11px;
  fill: #636363;
  position: absolute;
  right: 15px;
}
.list-collapse .collapse .list-group-item:first-child {
  border-top: none;
}
.no-fluid {
  margin-right: -15px;
  margin-left: -15px;
}
.b-avatar {
  background: rgba(0, 0, 0, 0.05) !important;
}
.b-avatar:focus {
  border: none !important;
}
.b-avatar-group {
  position: relative;
}
.b-avatar-group .b-avatar {
  border: 2px solid #fff;
}
.b-avatar-group .b-avatar .b-avatar-img {
  background: #F2F2F2;
}
.b-avatar-group .btn-icon-rounded {
  background-color: #D2EDFF;
  position: absolute;
  width: 24px;
  height: 24px;
  filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 0.15));
  bottom: -8px;
  right: -3px;
  z-index: 10;
}
.b-avatar-group .btn-icon-rounded .material-icons {
  font-size: 16px;
}
.b-avatar-group .b-avatar-group-inner {
  flex-direction: row-reverse;
}
.b-avatar-group .b-avatar-group-inner .b-avatar:first-child {
  z-index: 10;
}
.b-avatar-group .b-avatar-group-inner .b-avatar:last-child {
  z-index: 9;
}
.rnt {
  font-family: Ranister;
}
#loader {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  opacity: 0.7;
  top: 0;
  left: 0;
}
#loader-1 {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
  opacity: 0.7;
  top: 0;
  left: 0;
}
#loader-2 {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  top: 0;
  left: 0;
}
#loader-2-opacity {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 1;
  top: 0;
  left: 0;
}
#loader-3 {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 600px;
  position: absolute;
  z-index: 10000;
  opacity: 0.7;
  top: 0;
  left: 0;
}
#loader-vocabulary {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 414px;
}
#loader-content {
  background: url(img/loader.25534b01.gif) no-repeat #fff center;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  opacity: 0.7;
  top: 0;
  left: 0;
}
.loader-list {
  text-align: center;
  margin-top: 30px;
}
.loader-list img {
  width: 80px;
  height: 80px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  width: 7px;
}
.plans_container::-webkit-scrollbar {
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(130, 130, 130, 0.7);
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.button-height {
  position: relative;
  height: 100%;
}
.container-line {
  background: url(img/icon-line-hours.ca35d529.svg);
  height: 14px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  top: -6px;
}
.button-time {
  padding: 5px 8px !important;
  font-size: 0.9rem !important;
}
.button-width-replicate {
  width: 110px;
  font-size: 0.9rem !important;
  padding: 10px;
}
.disabledButtonTime {
  background: rgba(186, 174, 63, 0.25) !important;
  border: 1px solid #baae3f !important;
  color: #baae3f !important;
}
.enabledButtonTime {
  color: #626262 !important;
  background: #fafafa !important;
  border: 1px solid #d0d0d0 !important;
}
.enabledButtonTimeActive {
  background: #18a0fb85 !important;
  border: 1px solid #18a0fb !important;
  color: #ffffff !important;
}
em {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #626262;
}
.title-modal-style {
  color: #333333;
}
.bold-p {
  font-weight: 600 !important;
  margin-bottom: 0px !important;
}
.container-grade-face {
  padding: 9px 17px;
  display: flex;
  margin-left: 10px;
  background: #fafafa;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 5px;
}
.container-grade {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.container-rating {
  background-color: #fffbd6 !important;
  border: 1px solid #ebda46 !important;
  padding: 21px 12px !important;
  margin-left: 15px;
}
.justify-content {
  align-items: center;
  justify-content: space-between;
}
.container-grade-face {
  padding: 9px 17px;
  display: flex;
  margin-left: 10px;
  background: #fafafa;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 5px;
}
.container-grade {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.container-rating {
  background-color: #fffbd6 !important;
  border: 1px solid #ebda46 !important;
  padding: 21px 12px !important;
  margin-left: 15px;
}
.container-card-button {
  display: flex;
}
.b-toaster-slot {
  max-width: -webkit-max-content !important;
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.text-no-activity {
  font-size: 15px;
}
#toast-check-welcome-tutor .toast-body {
  opacity: 1;
  background: white;
}
.b-toaster {
  display: flex;
  max-width: none !important;
  justify-content: center;
}
.b-toaster .b-toast {
  max-width: none !important;
}
.b-toaster .b-toast .toast {
  max-width: none !important;
}
.b-toaster .b-toast .toast .toast-body span {
  white-space: normal;
}
.b-toaster .b-toast .toast .toast-body span b {
  color: #626262;
}
.b-toaster .b-toast .toast .toast-body span b.blue {
  color: #18A0FB;
  font-weight: normal;
}
.b-toaster .b-toast .toast .toast-body .material-icons {
  color: #18A0FB;
}
.b-toaster .b-toast.b-toast-prepend .toast-body {
  display: flex;
  background-color: white;
  opacity: 1;
}
.b-toast:not(:last-child) {
  margin-bottom: 10px;
}
.oculto {
  display: none !important;
}

/*
:disabled {
  background: #B4B4B4 !important;
  border-color: transparent !important;
}*/
.select-black {
  color: #333333;
}
.b-calendar-grid-caption {
  height: 50px;
  vertical-align: middle;
  border-bottom: 1px #d0d0d0 solid;
  display: table-cell;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}
.comment-empty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 40px 0px;
  height: 100%;
}
.comment-empty p {
  margin-top: 10px;
  color: #626262;
  font-size: 15px;
}
.comment-empty p b {
  color: #626262;
  font-weight: 600;
}
::-moz-placeholder {
  color: #B4B4B4 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #B4B4B4 !important;
  opacity: 1;
}
::placeholder {
  color: #B4B4B4 !important;
  opacity: 1;
}
.nav-background {
  background: #fff;
  border-bottom: 1px solid #D0D0D0;
}
.alert-responsive {
  font-size: 15px;
  color: #626262;
  margin-bottom: 0;
  padding: 15px !important;
  box-shadow: 0 0 !important;
  border-bottom: 1px solid #D0D0D0 !important;
}
.alert-responsive .material-icons {
  color: #18A0FB;
}
.alert-responsive .close {
  opacity: 1;
  font-weight: 400;
  color: #18A0FB;
}
hr {
  margin-top: 20px;
  margin-bottom: 10px;
  border-color: #d4d4d4;
  width: 100%;
}
.bold {
  font-weight: 600;
}
.calify-badge {
  text-align: center;
  max-width: 100%;
  margin: 0 !important;
  padding: 12px 18px;
  font-weight: 600;
  border-radius: 5px;
  background: #b5f1e9;
  color: #00bc99;
  font-size: 15px;
  min-width: 120px;
  justify-content: center;
  max-width: 145px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calify-badge img {
  max-height: 20px;
  margin-right: 5px;
}
.calify-badge.wrong {
  color: #F54545;
  background: #ffdfdf;
}
.calify-badge.regular {
  color: #ab9e27;
  background: #e5dfa7;
}
.calify-badge.well {
  color: #BAAE3F;
  background: rgba(186, 174, 63, 0.25);
}
.calify-badge.veryWell {
  color: #49C856;
  background: rgba(84, 225, 98, 0.25);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.bounce-enter-active {
  -webkit-animation: bounce-in 0.5s;
          animation: bounce-in 0.5s;
}
.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}
@-webkit-keyframes bounce-in {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.5);
}
100% {
    transform: scale(1);
}
}
@keyframes bounce-in {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.5);
}
100% {
    transform: scale(1);
}
}
.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateY(-20px);
  opacity: 0;
}
.Vue-Toastification__toast {
  background: #b4b4b4 !important;
  width: 250px;
  padding: 0px;
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
}
.Vue-Toastification__toast svg {
  display: none !important;
}
.Vue-Toastification__toast .container-toast .container-toast-img {
  width: 100%;
  height: 100px;
  margin-top: -25px;
}
.Vue-Toastification__toast .container-toast .container-toast-img img {
  width: 100%;
}
.Vue-Toastification__toast .container-toast span {
  padding-bottom: 10px;
}
.button-padding-start {
  padding: 0px !important;
  margin-left: 35px;
}
.h1-tutor {
  color: #333333 !important;
  font-size: 49px !important;
}
.form-tutor .form-group div input {
  font-size: 14px !important;
}
.img_library {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-fluid-detail {
  margin-top: 0px;
}
.not-password {
  color: #f54545;
  font-size: 0.9em;
}
.v-select.first_null .vs__selected {
  color: #B4B4B4;
}
.v-select.vs--open .vs__dropdown-toggle {
  border-color: #18A0FB;
}
.v-select .vs__dropdown-toggle {
  padding: 0.48rem 1.75rem 0.3rem 0.48rem;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBbY5hEcAgCIUFDbBKS7AozgY2cFpgGZbADGtiAh384I7bwR947z4eQK31mnPmlNJwRpVSNu/9jTQPROxsWFAIoa+1XmCDUjO1g5J3SRaIvCfGmEG2NcxaQ6xBnxKYXnEaMovh1tr59z/x3zyNRhurfQAAAABJRU5ErkJggg==) no-repeat calc(100% - 10px) center;
}
.v-select .vs__selected {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.v-select .vs__dropdown-menu {
  top: 41px;
  border: none;
  box-shadow: 0px 2px 6px rgba(151, 151, 151, 0.2);
  border-radius: 3px;
  font-size: 15px;
  color: #626262;
}
.v-select .vs__open-indicator {
  display: none;
}
.v-select .vs__search, .v-select .vs__search:focus {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.v-select.error-input {
  border: none !important;
}
.v-select.error-input .vs__dropdown-toggle {
  border-color: #F54545;
}
.vs__open-indicator {
  transform: scale(0.8) !important;
}

/*
@font-face {
    font-family: 'fontello';
    src: url('assets/fonts/fontello/font/fontello.eot?18586167');
    src: url('assets/fonts/fontello/font/fontello.eot?18586167#iefix') format('embedded-opentype'),
           url('assets/fonts/fontello/font/fontello.woff2?018586167000') format('woff2'),
           url('assets/fonts/fontello/font/fontello.woff?18586167') format('woff'),
           url('assets/fonts/fontello/font/fontello.ttf?18586167') format('truetype'),
           url('assets/fonts/fontello/font/fontello.svg?18586167#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }

input[type='password'] {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    font-variant: normal;
    text-transform: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    letter-spacing: 2px;
  }*/
.music-player {
  margin-right: 10px;
}
.b-table-sticky-header > .table.b-table > thead > tr > th {
  top: -2px !important;
}
.disabled {
  opacity: 1 !important;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.edit-buttons-selected .margin-button-edit {
  margin-left: 0 !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
  max-width: 145px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.edit-buttons-selected .margin-button-edit .svg {
  margin-right: 8px;
}
.fixed-header {
  background: white;
  position: fixed;
  z-index: 1039;
  width: 100%;
  width: calc(100vw - 15rem - 8px);
}
.sticky-top {
  z-index: 1040;
}
.container_404 {
  align-items: center;
  justify-content: center;
}
.container_404 img {
  max-height: 45vh;
}
.container_404 h5 {
  font-weight: 600;
}
.container_404 p {
  color: #626262;
  max-width: 272px;
  margin: 0 auto 18px;
  text-align: center;
}
.btn-primary {
  text-decoration: none !important;
  background-color: #18A0FB !important;
  color: white;
  border: none;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 25px;
  border-radius: 6px;
  height: 40px;
}
.btn-primary:disabled {
  background: #D4D4D4 !important;
}
.btn-primary:hover {
  background-color: #18A0FB;
}
.btn-primary .material-icons {
  color: #fff;
}
.btn:disabled {
  pointer-events: none;
  background: #D4D4D4 !important;
  color: #fff !important;
  border-color: #D4D4D4;
  opacity: 1;
}
.dsb-2:disabled {
  background: #B4B4B4 !important;
  border-color: #B4B4B4;
}
.button-register-tutor {
  background-color: #18A0FB !important;
}
.button-register-tutor:hover {
  background-color: #007bff !important;
}
.container-button-index {
  display: flex;
  align-items: center;
  font-weight: 600 !important;
}
.btn-primary-delete {
  background: #F54545;
  color: white !important;
  border: none;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 25px;
  border-radius: 6px;
  height: 40px;
}
.btn-primary-delete:disabled {
  background: #B4B4B4;
}
.btn-primary-delete:hover {
  background: #F54545;
  color: white;
}
.btn-success {
  text-decoration: none !important;
  background-color: rgba(84, 225, 98, 0.25) !important;
  color: #49C856 !important;
  border: none;
  font-weight: 500;
  font-size: 14px;
  padding: 6px 25px;
  border-radius: 6px;
  height: 40px;
}
.btn-danger {
  border-radius: 6px;
  background: #EB1F5C;
  font-size: 14px;
  color: #fff;
  padding: 12px;
  line-height: 18px;
  box-shadow: 0 0 !important;
  border: none;
}
.btn-danger.bg-red {
  background: #F54545 !important;
  border: none;
}
.btn-outline-coin {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  background: #F4F4F4;
}
.btn-outline-coin img {
  width: 30px !important;
  margin-right: 10px;
}
.btn-outline-coin span {
  font-size: 14px;
  font-weight: bold;
}
.btn-outline-primary {
  border: 2px solid #18A0FB;
  border-radius: 6px;
  color: #18A0FB;
  font-weight: normal;
  font-size: 14px;
  padding: 7.5px 25px;
  font-weight: 600;
  min-width: 32px;
  background: transparent;
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
}
.btn-outline-primary .material-icons {
  color: #18A0FB;
  font-size: 14px;
  margin-right: 10px;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: #fff;
  border-color: #18A0FB;
  color: #18A0FB;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #fff;
  border-color: #18A0FB;
  color: #18A0FB;
}
.btn,
button {
  outline: none;
}
.btn:focus,
button:focus {
  box-shadow: 0 0 !important;
}
.btn-link {
  color: #18A0FB;
  font-size: 13px;
  padding: 12px;
  display: flex;
  align-items: center;
  text-decoration: none !important;
}
.btn-link .material-icons {
  color: #18A0FB;
  font-size: 20px;
  margin-right: 10px;
}
.btn-link:hover {
  color: #18A0FB;
  text-decoration: none;
}
.btn-sm {
  font-weight: 600;
  font-size: 14px;
  padding: 10px 25px;
  border-radius: 6px;
}
.btn-sm.btn-outline-primary {
  padding: 7.5px 15px;
}
.btn-lg {
  font-weight: 500;
  font-size: 13px;
  padding: 7px 14px;
}
button.interest {
  border: 1px solid #D0D0D0;
  border-radius: 6px;
  color: #18A0FB;
  font-weight: normal;
  font-size: 14px;
  padding: 10px 15px;
  background: transparent;
  margin: 4px 0;
  display: flex;
  align-self: center;
  outline: none;
}
button.interest .svg {
  fill: #18A0FB;
  margin-right: 10px;
  max-width: 25px;
  height: 20px;
}
button.selected {
  border: 1px solid #18A0FB;
  background: #18A0FB;
  border-radius: 6px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  padding: 10px;
  margin: 4px 0;
  display: flex;
  align-self: center;
  outline: none;
}
button.selected .svg {
  fill: #fff;
  margin-right: 10px;
  max-width: 25px;
  height: 20px;
}
.tag {
  font-size: 15px;
  border-radius: 6px;
  text-decoration: none;
  padding: 10px;
  height: 40px;
  font-weight: 600;
  display: inline-block;
}
.tag.btn-info {
  background: rgba(24, 160, 251, 0.25) !important;
  border-radius: 6px;
  color: #18A0FB !important;
  border: none;
  box-shadow: none !important;
}
.tag.warning {
  background: rgba(186, 174, 63, 0.25);
  color: #A39838;
}
.tag.warning strong {
  color: #A39838;
}
.tag.preferred {
  background: #EEFEF0;
  color: #30A13B;
  padding: 5px 10px;
  height: auto;
}
.tag.preferred strong {
  color: #30A13B;
}
.dropdown-toggle.btn-outline-primary {
  font-size: 14px;
  border-color: #18A0FB;
}
.dropdown-toggle::after {
  margin-left: 1.255em !important;
  margin-top: 4px !important;
}
.btn-icon {
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
}
.btn-icon:focus {
  outline: none;
}
.btn-icon-sound {
  background: transparent;
  border: none;
  padding: 0;
  outline: none;
}
.btn-icon-sound:hover {
  background-color: none !important;
}
.badge.s-pending {
  background: #BAAE3F;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
}
.badge.s-progress {
  background: #66B5F8;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
}
.badge.s-sucess {
  background: #49C856;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
}
.badge.s-danger {
  background: #F54545;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
}
.badge.s-secondary {
  background: #929292;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 50%;
  padding: 0;
}
.badge-text {
  background: rgba(24, 160, 251, 0.25);
  border-radius: 10px;
  display: inline-block;
  font-size: 14px;
  padding: 4.5px 10px;
  color: #18A0FB;
  font-weight: 600;
  margin-right: 10px;
}
.badge-text.s-success {
  background-color: rgba(84, 225, 98, 0.25);
  color: #49C856;
}
.badge-text.s-warning {
  background-color: rgba(186, 174, 63, 0.25);
  color: #BAAE3F;
}
.badge-text.s-danger {
  background-color: rgba(245, 69, 69, 0.25);
  color: #F54545;
}
.badge-text.s-secondary {
  background-color: #E8E8E8;
  color: #B4B4B4;
}
.badge-text:last-child {
  margin-right: 0 !important;
}
.btn-previuos {
  color: #18A0FB !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0px !important;
}
.btn-previuos:hover {
  color: #18A0FB;
  text-decoration: none;
}
.margin-button-edit {
  margin: 0px 7px !important;
}
.margin-button-edit:first-child {
  margin-left: 0px !important;
}
.button-control {
  background: none;
  border: none;
  outline: none;
  transition: all 0.5s;
}
.button-control:disabled {
  background: none !important;
}
.btn-icon-rounded {
  background-color: rgba(24, 160, 251, 0.25);
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon-rounded .material-icons {
  color: #18A0FB;
}
.btn-icon-rounded.favorite-teacher {
  background-color: #C5C826;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  bottom: -2px;
  right: 8px;
  z-index: 10;
}
.btn-icon-rounded.favorite-teacher .material-icons {
  font-size: 13px;
  color: #FEFFCC;
}
.hover-button-card:hover {
  background: #18A0FB !important;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
@media (min-width: 768px) {
.btn-primary {
    font-size: 11px;
    padding: 6px 15px;
}
}
/*Fin 768*/
@media (min-width: 992px) {
.btn-primary {
    font-size: 14px;
    padding: 6px 25px;
}
}
/*Fin 992*/
/*Fin 1200*/
.hero-notification .carousel .carousel-inner {
  background: url(img/hero-notification-bg.84ce9c6b.png) no-repeat center;
  background-size: cover;
}
.hero-notification .carousel .carousel-item {
  height: 170px;
  background-size: cover !important;
}
.hero-notification .carousel .carousel-item .carousel-caption {
  padding: 22px 8%;
  font-size: 16px;
  text-align: left;
  top: 0;
  bottom: 0;
  margin: 0;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
  width: 100%;
}
.hero-notification .carousel .carousel-item .carousel-caption .content {
  padding-left: 34px;
  width: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.hero-notification .carousel .carousel-item .carousel-caption .svg {
  max-width: 75px;
}
.hero-notification .carousel .carousel-item .carousel-caption h6 {
  color: #fff;
  text-shadow: none;
  font-weight: 600;
  font-size: 25px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hero-notification .carousel .carousel-item .carousel-caption p {
  color: #fff;
  text-shadow: none;
  font-weight: normal;
  margin-bottom: 8px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hero-notification .carousel .carousel-item .carousel-caption p strong {
  color: #fff;
}
.hero-notification .carousel .carousel-item .carousel-caption button {
  border: none;
  outline: none;
  background: #EB1F5C;
  border-radius: 6px;
  color: #fff;
  padding: 9px 18px;
}
.hero-notification .carousel .carousel-control-next,
.hero-notification .carousel .carousel-control-prev {
  opacity: 1;
  max-width: 52px;
  z-index: 10;
}
.hero-notification .carousel .carousel-indicators {
  margin-bottom: 10px;
}
.hero-notification .carousel .carousel-indicators li {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  opacity: 1;
}
.hero-notification .carousel .carousel-indicators li.active {
  background: #fff;
}
.hero-notification .carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75219 13.988L11.4686 23.7247C11.8344 24.0912 12.428 24.0918 12.7944 23.7261C13.161 23.3604 13.1616 22.7668 12.7958 22.4003L3.07871 12.6629C2.71317 12.2974 2.71317 11.7026 3.07941 11.3364L12.7958 1.59969C13.1616 1.23317 13.161 0.639591 12.7944 0.273872C12.6115 0.0912476 12.3718 -1.51978e-05 12.1322 -1.51768e-05C11.892 -1.51558e-05 11.6518 0.0917646 11.4686 0.27528L1.75289 10.0113C0.6563 11.1079 0.6563 12.8922 1.75219 13.988Z' fill='white'/%3E%3C/svg%3E%0A");
}
.hero-notification .carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2478 10.012L2.53136 0.275268C2.16554 -0.0912476 1.57197 -0.0918101 1.20554 0.273909C0.839028 0.639627 0.838419 1.23321 1.20414 1.59972L10.9213 11.3371C11.2868 11.7026 11.2868 12.2974 10.9206 12.6636L1.20414 22.4003C0.838419 22.7668 0.839028 23.3604 1.20554 23.7261C1.3885 23.9088 1.62817 24 1.86775 24C2.10798 24 2.34822 23.9082 2.53136 23.7247L12.2471 13.9887C13.3437 12.8921 13.3437 11.1078 12.2478 10.012Z' fill='white'/%3E%3C/svg%3E%0A");
}
.hours-left {
  background: #fff;
  padding: 37px 58px 37px 34px;
  display: flex;
  height: 170px;
  align-items: center;
}
.hours-left.hours-calendar {
  margin: -20px -20px 10px -20px;
  padding: 13px 20px;
}
.hours-left.hours-calendar .svg {
  width: auto;
  margin-right: 17px;
  height: 54px;
}
.hours-left .svg {
  width: 96px;
  height: 96px;
  margin-right: 40px;
}
.hours-left h6 {
  font-size: 25px;
  color: #333333;
  font-weight: normal;
}
.hours-left h6 strong {
  color: #333333;
}
.hours-left p {
  color: #626262;
  font-size: 15px;
  margin-bottom: 10px;
}
.hours-left a {
  color: #18A0FB;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}
.hours-left.none {
  background: #fff3db;
}
.hours-left.none p {
  color: #333333;
}
.comment-student {
  background: url(img/hero-notification-bg.84ce9c6b.png) center;
  background-size: cover;
  margin-left: -16px;
}
.comment-student .row {
  margin-right: -4%;
  margin-left: -4%;
}
.comment-student .comment {
  padding: 0;
  align-items: center;
  align-self: center;
  border-right: 1px solid #fff;
}
.comment-student .comment h1,
.comment-student .comment h4 {
  color: #fff;
  font-family: Ranister;
}
.comment-student .comment h1 .truncate,
.comment-student .comment h4 .truncate {
  color: #fff;
  font-family: Ranister;
  display: inline-block;
  max-width: 80%;
  top: 13px;
  position: relative;
}
.comment-student .comment p {
  color: #fff;
}
.comment-student .comment:last-child {
  border-right: none;
}
.comment-student .comment .hour {
  background: #fff;
  font-size: 30px;
  color: #18A0FB;
  padding: 2px 12px;
  border-radius: 5px;
  display: inline-block;
  font-family: Ranister;
  text-align: center;
  width: 98px;
}
.comment-student .comment .star {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABfCAYAAAAeX2I6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARHSURBVHgB7Z2BUeMwEEV/mCuAEnwdQAWECuAqACoAOshVAFQAVABUgKng6CC+CrgO9lZYJiGJHCuSbTn5b2YHJoQZj/5IXyutZGALEJErEyD9o0JkGh82MpD+UAH2NaYyw/y+D9IP2vj3ssw9SPdY33BBP+kS6xt1GD85AGmfFb7hYko/6QCHb7ign7SJ1PuGC/pJG8h636iDfhITK8ZUNmcq9JN4iJ9vuHgCCUcbciLxoJ+EIGG+4SJpP9lDoki5UPiK+DwJ/cQfbbQnaY82hN5eJK5vuKCfNEEb6kC6YwziRsLzDV+mkpifpGbqNxoZuiPTYH6yCunGN1xMQGZog4ylf8ZIgBF6Rmb5RoZ+KTSOR6NRgR5JwUPMnkWG/slQPkuv9CqIlGP3GOkwll30Eym3Yfs08XWYjbAMPdCZh0g53z/TOEVavaKOXONB460rb2lVECuCEcAIYVZZh7yo92zjRcX5h5aILogVwTR+1Ru2bWXViFEJ84zIRBNEynn8icY5tk8EF5U4jypOjggECbKjIrgoUHpOkDjeglgRTFyCIrgoUIpzp+K8e/xfM0Gk3PaszDkD8aFAOazdNZmpOQWx5mw2cY4wnGlq6pje8oByQlCs+sI3QQaaKwyVHCtynBFFSIIclTh2ieAPaNB9U2gc79nu8hukbyZGiy8PkbLU8hSkDx5UjAvzy7wgZsgyQ1cG0iUF5jbGvvZD7ILZBUjXnM/Psr5tUNmU/xakK4xvvM1/sJQYcujqjELF+Ln44dIWrh26foG0zfGqD1fuqdsFsWuQtpg0WjpZRMoq8TFITN5VjEPXH9cJkoFZfEyMHRzWrfrWlgExi4/O1bol+Kb7Icziw/nKxutoKginwmEUaFim2qhykVl8MNdN67oal5Iyi9+YW59yIa8iBw5d3qzMxuvwKrZmFu/Nsef3/avfmcU3ZrJJPfDGhXLM4mvxHqoqQs6HmFlXa0XHA8a0ifdQVbGxIMzinWw0VFUEF1szi/9Go2y8jhiCcCpcUiDCodHgM4bM4r+YhIphiHLok1n8Zzb+iAjEPLCT6Y8pdpND32MHLpK9wGxgfCASFCQxKEhiUJDEiHos2lyBgB1EDT1aO7KHJAYFSQwKkhgUJDEoSGJQkMSILUiB3aNARNhDEoOCJAYFSQwKkhgUJDEoSDhRa9M47Q0naUFIIBQkMbZFEDNsFNgCfmC4mLIbczIpr+4L0Q1Lcz9kdTPeAQbI0ATJYa/8VhH+Lv7RClOJk6EU5gwDOjYRW5ACcalujs7heee6Let8MDF3B33Vg2JehJDukQyJ8xLhqcaNHX7aes4j+6xTCSfqS2BSGbJyzHpBlJLMOhaGNuM1896zPUjzHvKh8apxKQm9R1DK9yiei99rX3t/TZKTNYIYET6HopREqEOf80TWD22DGrKWpqZDQp/5RX+Y6GxK3YYgOWqmpkOlZkpNtpn/+GY4U6nBItAAAAAASUVORK5CYII=) no-repeat center;
  display: flex;
  align-items: center;
  background-size: contain;
  margin-right: 15px;
  color: #18A0FB;
  flex-direction: column;
  min-width: 100px;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  height: 100px;
}
.comment-student .comment .star span {
  font-size: 30px;
  font-weight: 800;
  line-height: 25px;
  color: #18A0FB;
  margin-top: 12px;
}
.comment-student .comment .b-rating {
  padding: 0;
  background: transparent;
}
.comment-student .comment .b-rating .b-rating-star .b-rating-icon .b-icon.bi {
  width: 12px;
  height: 12px;
  fill: #fff;
}
.comment-student .comment p {
  font-weight: normal;
  font-size: 14px;
}
.comment-student .carousel .carousel-inner {
  background: url(img/hero-notification-bg.84ce9c6b.png) no-repeat center;
  background-size: cover;
}
.comment-student .carousel .carousel-item {
  min-height: 190px;
  background-size: cover !important;
}
.comment-student .carousel .carousel-item .carousel-caption {
  padding: 22px 8%;
  font-size: 16px;
  text-align: left;
  top: 0;
  bottom: 0;
  margin: 0;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
  width: 100%;
}
.comment-student .carousel .carousel-item .carousel-caption .content {
  padding-left: 30px;
  width: calc(100% - 75px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.comment-student .carousel .carousel-item .carousel-caption .svg {
  max-width: 75px;
}
.comment-student .carousel .carousel-item .carousel-caption h6 {
  color: #fff;
  text-shadow: none;
  font-weight: 600;
  font-size: 25px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-student .carousel .carousel-item .carousel-caption p {
  color: #fff;
  text-shadow: none;
  font-weight: normal;
  margin-bottom: 8px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-student .carousel .carousel-item .carousel-caption p strong {
  color: #fff;
}
.comment-student .carousel .carousel-item .carousel-caption button {
  border: none;
  outline: none;
  background: #EB1F5C;
  border-radius: 6px;
  color: #fff;
  padding: 9px 18px;
}
.comment-student .carousel .carousel-control-next,
.comment-student .carousel .carousel-control-prev {
  opacity: 1;
  max-width: 52px;
  z-index: 10;
}
.comment-student .carousel .carousel-indicators {
  margin-bottom: 10px;
}
.comment-student .carousel .carousel-indicators li {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  opacity: 1;
}
.comment-student .carousel .carousel-indicators li.active {
  background: #fff;
}
.comment-student .carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75219 13.988L11.4686 23.7247C11.8344 24.0912 12.428 24.0918 12.7944 23.7261C13.161 23.3604 13.1616 22.7668 12.7958 22.4003L3.07871 12.6629C2.71317 12.2974 2.71317 11.7026 3.07941 11.3364L12.7958 1.59969C13.1616 1.23317 13.161 0.639591 12.7944 0.273872C12.6115 0.0912476 12.3718 -1.51978e-05 12.1322 -1.51768e-05C11.892 -1.51558e-05 11.6518 0.0917646 11.4686 0.27528L1.75289 10.0113C0.6563 11.1079 0.6563 12.8922 1.75219 13.988Z' fill='white'/%3E%3C/svg%3E%0A");
}
.comment-student .carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2478 10.012L2.53136 0.275268C2.16554 -0.0912476 1.57197 -0.0918101 1.20554 0.273909C0.839028 0.639627 0.838419 1.23321 1.20414 1.59972L10.9213 11.3371C11.2868 11.7026 11.2868 12.2974 10.9206 12.6636L1.20414 22.4003C0.838419 22.7668 0.839028 23.3604 1.20554 23.7261C1.3885 23.9088 1.62817 24 1.86775 24C2.10798 24 2.34822 23.9082 2.53136 23.7247L12.2471 13.9887C13.3437 12.8921 13.3437 11.1078 12.2478 10.012Z' fill='white'/%3E%3C/svg%3E%0A");
}
.alert {
  display: flex;
  align-items: center;
  padding: 0px 17px;
  border: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.alert p {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 0;
  color: #333333;
}
.alert p strong {
  font-weight: 600;
}
.alert.alert-warning {
  background: #fff3db;
}
.alert.alert-tutor {
  height: 80px;
}
.alert.alert-tutor p {
  font-size: 16px;
}
.nav-item .dropdown-menu {
  max-height: 340px;
  overflow: auto;
}
.nav-notificate {
  display: flex;
}
.modal .modal-dialog {
  margin-top: 125px;
}
.modal .modal-dialog-centered {
  margin: 1.75rem auto;
}
.modal .modal-content {
  background: #ffffff;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  border: none;
}
.modal .modal-content .modal-header {
  background: rgba(0, 0, 0, 0.05);
  align-items: center;
  padding: 10px 15px;
  border-color: #e1e1e1;
}
.modal .modal-content .modal-header h5 {
  font-size: 15px;
  color: #929292;
  line-height: 16px;
  font-weight: normal;
}
.modal .modal-content .modal-header.bg-danger-ligth {
  background-color: rgba(245, 69, 69, 0.25) !important;
  border-color: rgba(245, 69, 69, 0.5);
}
.modal .modal-content .modal-header.bg-danger-ligth h5 {
  color: #F54545;
  font-weight: 600;
}
.modal .modal-content .modal-body {
  padding: 15px;
}
.modal .modal-content .modal-body .icon {
  max-width: 40px;
  fill: #18A0FB;
  margin-bottom: 13px;
}
.modal .modal-content .modal-body h6 {
  margin-bottom: 9px;
}
.modal .modal-content .modal-body p {
  color: #626262;
  font-size: 15px;
}
.modal .modal-content .modal-body p strong {
  color: #626262;
  font-weight: 500;
}
.modal .modal-content .modal-body p.text-child {
  font-size: 17px;
}
.modal .modal-content .modal-footer {
  border-top: 0.75px solid #e7e7e7;
  background: #fff;
  padding: 6px 16px;
}
.modal .modal-content .modal-footer .btn-link {
  color: #626262;
  font-size: 14px;
  padding: 11px 25px;
  font-weight: 600;
  text-decoration: none;
}
.modal .modal-content .modal-footer .btn-danger {
  border-radius: 6px;
  background: #F54545;
  font-size: 14px;
  color: #fff;
  padding: 11px 25px;
  border: none;
  font-weight: 600;
}
.modal .nav-tabs {
  display: none;
}
#modal-welcome .modal-dialog {
  max-width: 582px;
}
#modal-welcome .modal-body {
  padding: 30px 50px;
}
#modal-welcome .modal-body img {
  max-width: 68px;
}
#modal-welcome .modal-body p {
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 5px;
}
#modal-welcome .modal-body a {
  font-weight: 500;
  font-size: 13px;
  text-decoration: underline;
  color: #18A0FB;
}
.modal-shadow .modal-content {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
}
#modal-friend-invite .tooltip.b-tooltip {
  top: -92px !important;
}
#modal-friend-invite .modal-dialog,
#modal-friend-request .modal-dialog,
#modal-friend-request-hero .modal-dialog {
  max-width: 420px;
}
#modal-friend-invite .modal-body,
#modal-friend-request .modal-body,
#modal-friend-request-hero .modal-body {
  padding: 0;
}
#modal-friend-invite .modal-body h6,
#modal-friend-request .modal-body h6,
#modal-friend-request-hero .modal-body h6 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: normal;
  margin-bottom: 0;
}
#modal-friend-invite .modal-body h6 strong,
#modal-friend-request .modal-body h6 strong,
#modal-friend-request-hero .modal-body h6 strong {
  font-weight: 600;
}
#modal-friend-invite .modal-body p,
#modal-friend-request .modal-body p,
#modal-friend-request-hero .modal-body p {
  margin-top: 0px;
  font-size: 12px;
  color: #626262;
  margin-bottom: 0;
}
#modal-friend-invite .modal-body p strong,
#modal-friend-request .modal-body p strong,
#modal-friend-request-hero .modal-body p strong {
  font-weight: 600;
}
#modal-friend-invite .modal-body .total,
#modal-friend-request .modal-body .total,
#modal-friend-request-hero .modal-body .total {
  font-weight: 400;
  font-size: 15px;
  min-width: 120px;
  margin-left: auto;
}
#modal-friend-invite .modal-body .list-group,
#modal-friend-request .modal-body .list-group,
#modal-friend-request-hero .modal-body .list-group {
  border-top: 1px solid #EDE9E9;
  overflow: auto;
  max-height: 212px;
}
#modal-friend-invite .modal-body .list-group .list-group-item,
#modal-friend-request .modal-body .list-group .list-group-item,
#modal-friend-request-hero .modal-body .list-group .list-group-item {
  background: #f3faff;
}
#modal-friend-invite .modal-body .list-group .list-group-item strong,
#modal-friend-request .modal-body .list-group .list-group-item strong,
#modal-friend-request-hero .modal-body .list-group .list-group-item strong {
  font-weight: 600;
  font-size: 16px;
  display: block;
  line-height: 1.2;
  margin-bottom: 3px;
}
#modal-friend-invite .modal-body .list-group .list-group-item p,
#modal-friend-request .modal-body .list-group .list-group-item p,
#modal-friend-request-hero .modal-body .list-group .list-group-item p {
  color: #626262;
  font-weight: 600;
}
#modal-friend-invite .modal-body .list-group .list-group-item .btn-link,
#modal-friend-request .modal-body .list-group .list-group-item .btn-link,
#modal-friend-request-hero .modal-body .list-group .list-group-item .btn-link {
  color: #F54545;
  font-weight: 600;
  font-size: 13px;
}
.body-modal-email .title {
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 150%;
}
.body-modal-email p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  color: #626262;
}
.container-welcome {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
}
.container-welcome p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #626262;
}
#modal-password .modal-dialog {
  max-width: 424px;
  margin-top: 125px;
}
#modal-recover-email .modal-dialog {
  max-width: 424px;
}
#modal-recover-email .form-group {
  margin-bottom: 12px;
}
#modal-recover-email .style-button-cancel {
  font-size: 14px;
}
#modal-add-first-child .modal-dialog {
  max-width: 582px;
}
#modal-add-first-child .modal-content {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
#modal-pin .modal-dialog {
  max-width: 424px;
}
#modal-delete-child-profile .modal-dialog {
  max-width: 525px;
}
#modal-change-password .modal-dialog {
  max-width: 525px;
}
#modal-delete-account .modal-dialog {
  max-width: 700px;
}
#modal-change-mail .modal-dialog {
  max-width: 525px;
}
#modal-unsubscribe .modal-dialog {
  max-width: 525px;
}
#modal-cancel-session .modal-dialog {
  max-width: 600px;
}
#modal-cancel-session .alert-danger {
  background-color: rgba(245, 69, 69, 0.25);
  color: #F54545;
  font-size: 15px;
  font-weight: 600;
  padding: 10px;
  border-radius: 4px;
  box-shadow: none;
}
#modal-cancel-session .alert-danger .material-symbols-outlined {
  color: #F54545;
  margin-right: 10px;
}
#modal-cancel-session p {
  color: #929292;
  margin-bottom: 8px;
}
#modal-video .modal-content {
  background: #ffffff !important;
  max-width: 784px;
  width: 100%;
  height: 455px;
}
#id-modal-replicate-tutor-hours .modal-dialog {
  max-width: 525px;
}
#modal-email-tutor .modal-dialog {
  max-width: 424px;
}
#modal-edit-avatar .modal-dialog {
  max-width: 650px;
}
#modal-edit-avatar .modal-body .avatars {
  max-width: 93%;
  margin: auto;
}
#modal-tarjet .modal-dialog {
  max-width: 600px;
}
#modal-tarjet .modal-dialog .modal-header h5 {
  color: #333333;
  font-weight: 600;
}
#modal-tarjet .modal-dialog .modal-body {
  min-height: 255px;
}
#modal-tarjet .modal-dialog .modal-body .session-content {
  border-color: #D0D0D0;
}
#modal-tarjet .modal-dialog .modal-body p {
  font-size: 17px;
  margin-bottom: 0px;
  color: #36313A;
  margin-left: 10px;
}
#modal-tarjet .modal-dialog .modal-body .wire {
  display: flex;
  align-items: center;
}
#modal-tarjet .modal-dialog .modal-body .custom-radio {
  pointer-events: none;
}
#modal-qualify-tutor .modal-dialog {
  max-width: 700px;
}
#modal-note___BV_modal_outer_ {
  z-index: 1061 !important;
}
#modal-note .modal-dialog {
  max-width: 600px;
}
#modal-term-condition .modal-body {
  height: 500px !important;
}
#modal-term-condition h5 {
  font-size: 16px;
}
#modal-term-condition em {
  font-style: italic !important;
}
#modal-not-coins .modal-dialog {
  max-width: 533px;
}
#modal-privacy .modal-body {
  height: 500px !important;
}
#modal-privacy .modal-dialog {
  display: flex;
  justify-content: center;
  /*.modal-content {
          max-width: 424px !important;
      }*/
}
#modal-privacy em {
  font-style: italic !important;
}
#modal-view-public-profile .modal-dialog {
  max-width: 420px;
}
#modal-view-public-profile .modal-dialog .modal-content .modal-body {
  padding: 12px;
}
#modal-view-public-profile .modal-dialog .modal-content .modal-body h6 {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 15px;
}
#modal-view-public-profile .modal-dialog .modal-content .close-modal {
  position: absolute;
  right: -45px;
  cursor: pointer;
}
#modal-view-public-profile .modal-dialog .modal-content .tag.preferred {
  position: absolute;
  top: 20px;
  right: 20px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .b-avatar {
  border: 1px solid #D0D0D0;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-title {
  margin-left: 16px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-title h3 {
  font-weight: bold;
  color: #36313A;
  font-size: 18px;
  margin-bottom: 0;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-title p {
  font-size: 14px;
  color: #36313A;
  margin-bottom: 5px;
  line-height: 1;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-title .b-rating {
  font-size: 14px;
  padding: 0;
  margin-left: -4px;
  height: 14px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-avatar {
  width: 100%;
  display: flex;
  align-items: center;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body {
  margin-top: 15px;
  max-height: 402px;
  overflow: auto;
  padding-right: 12px;
  margin-right: -12px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .video {
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px;
  display: grid;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .video iframe {
  width: 100%;
  max-height: 250px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .about {
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px;
  margin-top: 6px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .about p {
  margin-bottom: 0px;
  max-height: 40px;
  overflow: auto;
  color: #333333;
  line-height: 1.3;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .specialties {
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 10px;
  margin-top: 6px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .specialties .container-flex-specialties {
  flex-wrap: wrap;
  margin-bottom: -6px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .specialties .container-flex-specialties div {
  background: #e8e8e8;
  border-radius: 6px;
  padding: 3px 7px;
  margin-right: 5px;
  margin-bottom: 6px;
  font-size: 15px;
}
#modal-view-public-profile .modal-dialog .modal-content .container-view-profile .container-view-body .specialties .container-flex-specialties div:last-child {
  margin-right: 0;
}
#modal-friends .modal-dialog {
  max-width: 450px;
}
#modal-friends .content_scroll {
  border-top: 1px solid #D0D0D0;
  padding-top: 10px;
  margin-left: -15px;
  margin-right: -15px;
  max-height: 290px;
  overflow: auto;
}
#modal-friends .avatar-detail .list-group-item {
  padding: 10px 20px;
}
.modal-header-translation {
  margin-bottom: 20px;
  justify-content: center;
  padding: 0px 0px;
}
.modal-header-translation p {
  margin-bottom: 0px;
  color: #979797;
  font-weight: 600;
  text-align: center;
}
#modal-device .modal-dialog {
  max-width: 100%;
  margin: 0 !important;
  height: 100%;
}
#modal-device .modal-content {
  height: 100%;
  align-items: center;
  justify-content: center;
}
#modal-device .modal-body {
  display: flex;
  flex-direction: column;
  padding: 2rem 10%;
}
#modal-device .modal-body .logo {
  max-width: 150px;
  display: block;
  margin: auto;
}
#modal-device .modal-body .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#modal-device .modal-body .content img {
  margin-bottom: 1rem;
}
#modal-device .modal-body h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 2rem;
}
#modal-device .modal-body h3 span {
  color: #18A0FB;
}
#modal-device .modal-body p {
  font-size: 15px;
  font-weight: bold;
  color: #272266;
}
@media screen and (max-height: 630px) {
#modal-device .modal-body .content {
    max-width: 100%;
}
#modal-device .modal-body .content img {
    max-height: 8rem;
}
#modal-device .modal-body .content h3 {
    font-size: 18px;
}
#modal-device .modal-body .content p {
    font-size: 14px;
}
}
@media screen and (min-width: 712px) and (orientation: portrait) {
#modal-device .modal-body .content {
    max-width: 495px;
    margin: auto;
}
#modal-device .modal-body .content img {
    margin-bottom: 3rem;
    width: 17rem;
    -o-object-fit: contain;
       object-fit: contain;
}
#modal-device .modal-body .content h3 {
    margin-bottom: 4rem;
    font-size: 30px;
}
#modal-device .modal-body .content p {
    font-size: 24px;
}
}
.card {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border: none;
}
.card .card-header {
  font-size: 16px;
  padding: 10px 20px;
  border-color: #f2f2f2;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.card .card-header h6 {
  margin-bottom: 0;
  color: #626262;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
}
.card .card-header h6 .svg {
  fill: rgba(99, 99, 99, 0.5);
  margin-right: 12px;
}
.card .card-option {
  background: rgba(98, 60, 234, 0.05);
  font-size: 14px;
  padding: 15px 20px;
  line-height: 1;
}
.card .card-option a {
  color: #18A0FB;
  text-decoration: none;
  font-weight: 600;
}
.card .tabs .card-header {
  padding: 0;
}
.card .tabs .nav-item {
  margin-bottom: 0;
}
.card .tabs .nav-item .nav-link {
  font-weight: 600;
  font-size: 12px;
  color: #a6a6a6;
  border: none;
}
.card .tabs .nav-item .nav-link.active {
  color: #1890ff !important;
}
.avatar-detail {
  /* overflow-y: scroll;
    max-height: 415px;*/
}
.avatar-detail .list-group-item {
  display: flex;
  padding: 12px 20px;
  border-color: #EDE9E9;
  align-items: center;
}
.avatar-detail .list-group-item .b-avatar {
  margin-right: 14px;
}
.avatar-detail .list-group-item label {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  color: #4f4f4f;
  margin-bottom: 0;
}
.avatar-detail .list-group-item p {
  font-size: 14px;
  color: #4f4f4f;
}
.avatar-detail .list-group-item p.status-age {
  margin-top: 8px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #626262;
}
.avatar-detail .list-group-item p.status {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #626262;
}
.avatar-detail .list-group-item p.status strong {
  color: #4f4f4f;
  font-weight: 600;
}
.avatar-detail .list-group-item p.status .points {
  color: #34C543;
}
.avatar-detail .list-group-item p.status .points strong {
  color: #34C543;
  font-weight: 600;
}
.avatar-detail .list-group-item:last-child {
  margin-bottom: 0;
}
.avatar-detail .list-group-item .b-avatar-group .b-avatar-group-inner {
  flex-direction: initial;
}
.avatar-detail .list-group-item .b-avatar-group .b-avatar-group-inner .b-avatar:first-child {
  z-index: 9;
}
.avatar-detail .list-group-item .b-avatar-group .b-avatar-group-inner .b-avatar:last-child {
  z-index: 10;
}
.card-header-tabs {
  margin: 0;
}
.card-header-tabs .nav-item {
  margin-bottom: 0;
}
.card-header-tabs .nav-item .nav-link {
  font-weight: 600;
  font-size: 15px;
  color: #929292;
  border: none;
}
.card-header-tabs .nav-item .nav-link.active {
  color: #18A0FB !important;
}
.card.select-user {
  max-width: 300px;
  border: none;
  margin: 5%;
  box-shadow: none;
}
.card.select-user .card-body {
  padding: 0 8px;
}
.card.select-user .card-body img {
  max-height: 200px;
}
.card.select-user .card-body h3 {
  color: #333333;
}
.card.select-user .card-body p {
  color: #626262;
}
.plans_container {
  display: flex;
  overflow: auto;
  padding-bottom: 20px;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 20px;
}
.card-plan {
  max-width: 290px;
  padding: 20px 15px 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  flex: none;
  margin-right: 10px;
}
.card-plan:last-child {
  margin-right: 0;
}
.card-plan .medal {
  position: absolute;
  right: -12px;
  top: -24px;
  width: 42px;
  z-index: 10;
}
.card-plan .card-header {
  display: block;
  padding: 0;
  border-color: #d0d0d0;
}
.card-plan .card-header h6 {
  color: #333333;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 5px;
  line-height: 1.2;
}
.card-plan .card-header .tag {
  background: #E8E8E8;
  color: #fff;
  padding: 5px 10px;
  height: auto;
}
.card-plan .card-header h1 {
  color: #cbcf00;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}
.card-plan .card-body {
  padding: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}
.card-plan .card-body span {
  color: #626262;
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-top: 8px;
  margin-bottom: 3px;
}
.card-plan .card-body ul {
  color: #18A0FB;
  list-style: none;
  padding-left: 0;
  flex: 1;
  margin-bottom: 0;
}
.card-plan .card-body ul li {
  color: #333333;
  font-weight: normal;
  font-size: 15px;
  position: relative;
  padding-left: 15px;
}
.card-plan .card-body ul li::before {
  content: " ";
  background: #18A0FB;
  font-weight: bold;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  font-size: 1rem;
  position: absolute;
  top: 8px;
  left: 0;
}
.card-plan .card-body button {
  align-self: flex-start;
  margin-top: 30px;
}
.card-comment {
  border: 1px solid #D0D0D0;
  border-radius: 6px;
  padding: 17px;
  margin-bottom: 20px;
}
.card-comment .b-avatar {
  margin-right: 10px;
}
.card-comment .name {
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
}
.card-comment .date {
  color: #626262;
  font-size: 17px;
  position: relative;
  padding-left: 7px;
}
.card-comment .date::before {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  left: 0;
  background-color: #D0D0D0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.card-comment .b-rating {
  padding: 10px 0 7px;
}
.card-comment p {
  font-size: 15px;
  line-height: 22px;
}
.card-comment p:last-child {
  margin-bottom: 0;
}
.card-session {
  display: flex;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
}
.card-session .badge {
  margin-right: 27px;
  cursor: pointer;
}
.card-session .date {
  color: #626262;
  font-size: 10px;
  line-height: 160%;
  margin-right: 10px;
}
.card-session .name {
  color: #333333;
  margin-left: 16px;
  font-size: 12px;
  flex: 1;
  cursor: context-menu;
}
.card-session .name:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.card-session .name strong {
  font-weight: 600;
}
.card-tutor {
  padding: 10px 15px;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
}
.card-tutor p {
  margin-bottom: 4px;
  color: #959595 !important;
}
.card-tutor span {
  color: #828282;
  font-size: 14px;
}
.card-tutor strong {
  font-weight: 600;
  font-size: 14px;
}
.card_book_tutor {
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.card_book_tutor .card-header {
  background: #fff;
  display: flex;
  align-items: center;
  border-color: #EDE9E9;
  padding: 1.25rem 1.25rem;
  cursor: pointer;
}
.card_book_tutor .card-header h6 {
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  display: flex;
  align-items: center;
  color: #333333;
  margin-bottom: 1px;
  margin-left: 5px;
}
.card_book_tutor .card-header .b-rating {
  padding: 0;
}
.card_book_tutor .card-header .svg.arrow {
  transition: 0.3s;
}
.card_book_tutor .card-body {
  min-height: 500px;
  padding: 14px 16px 0;
}
.card_book_tutor .card-body .b-table-sticky-header {
  max-height: 500px;
}
.card_book_tutor .card-body .select-date {
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  margin-bottom: 20px;
}
.card_book_tutor .card-body .select-date span {
  font-size: 11px;
  color: #B4B4B4;
  text-transform: uppercase;
}
.card_book_tutor .card-body .select-date span strong {
  color: #18A0FB;
}
.card_book_tutor .card-body .select-date .svg, .card_book_tutor .card-body .select-date .imgSvg {
  margin: 0 10px;
  fill: #E0E0E0;
}
.collapsed .svg.arrow {
  transform: rotate(90deg);
}
.card_friend {
  border: 1px solid #d0d0d0 !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  padding: 7px 20px !important;
}
.empty-search-tutor {
  max-width: 455px;
  text-align: center;
  margin-top: 20px;
  margin-left: 150px;
}
.empty-search-tutor img.vector {
  height: 74px;
}
.empty-search-tutor p {
  font-size: 17px;
  line-height: 160%;
  text-align: center;
  color: #979797;
}
.empty-search-tutor p strong {
  color: #979797;
  font-weight: 600;
}
.card-user-connection {
  max-height: 370px;
  flex: 1;
  border-radius: 6px;
  overflow: hidden;
}
.card-user-connection .card-header {
  background: #fafafa;
  padding: 20px;
}
.card-user-connection .card-body {
  max-height: 372px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.card-user-connection .card-option {
  background: #FAFAFA;
  align-items: center;
  border: none;
  border-top: 1px solid #EDE9E9;
}
.card-user-connection .card-option p {
  font-weight: normal;
  font-size: 15px;
}
.card-user-connection .avatar-detail .list-group-item {
  padding: 15.5px 20px;
}
.card-user-connection .avatar-detail .list-group-item p {
  font-weight: 600;
  font-size: 15px;
  color: #333;
}
.card-user-connection .avatar-detail .list-group-item p.status {
  color: #8DC63F;
  font-weight: normal;
  font-size: 13px;
}
.card-user-connection .avatar-detail .list-group-item .b-avatar .b-avatar-badge {
  min-width: 8px;
  min-height: 8px;
  background: #49C856;
  right: 5px !important;
}
.card-user-connection .avatar-detail .list-group-item .delete {
  color: #ea6364;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.card-user-connection .avatar-detail .list-group-item .delete-1 {
  color: #ea6364;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.card-user-connection .total-sessions {
  background: #FAFAFA;
  padding: 27px 25px;
  display: flex;
  align-items: center;
  margin-top: auto;
  border-top: 1px solid #EDE9E9;
}
.card-user-connection .total-sessions img {
  margin-right: 10px;
}
.card-user-connection .total-sessions p {
  font-size: 16px;
  color: #333333;
  margin-bottom: 0;
  max-width: 245px;
}
.card-user-connection .total-sessions .btn-link {
  font-size: 14px;
  font-weight: 600;
  margin-left: auto;
}
.empty-connection {
  text-align: center;
  flex: 1;
}
.empty-connection .card-body {
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-connection img {
  margin-bottom: 15px;
}
.empty-connection p {
  color: #929292;
  font-size: 15px;
  font-weight: 600;
}
.empty-connection p strong {
  color: #929292;
  font-weight: 500;
}
.cards-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.container-card-dashboard {
  padding: 0px 0px;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
@media (min-width: 768px) {
.container-card-dashboard {
    padding: 0px 0px;
}
}
/*Fin 768*/
@media (min-width: 992px) {
.container-card-dashboard {
    padding: 0px 0px;
}
.empty-connection {
    text-align: center;
}
.empty-connection img {
    margin: 15px;
}
.container-card-dashboard {
    padding: 0px 30px;
}
}
/*Fin 992*/
@media (min-width: 1200px) {
.card-session {
    padding: 30px;
}
.card-session .date {
    margin-right: 40px;
    font-size: 14px;
}
.card-session .name {
    font-size: 16px;
}
}
/*Fin 1200*/
input[type=password] {
  font-family: "fontello", "SF Pro Display";
  font-size: 8px !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px;
}
input[type=password]::-moz-placeholder {
  font-size: 15px !important;
  bottom: -2px;
  position: relative;
  letter-spacing: 0;
}
input[type=password]:-ms-input-placeholder {
  font-size: 15px !important;
  bottom: -2px;
  position: relative;
  letter-spacing: 0;
}
input[type=password]::placeholder {
  font-size: 15px !important;
  bottom: -2px;
  position: relative;
  letter-spacing: 0;
}
.form-group {
  margin-bottom: 10px;
  position: relative;
}
.form-group textarea.form-control {
  height: auto;
}
.form-group .form-control {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  font-size: 15px;
  height: 40px;
  color: #333333;
}
.form-group .form-control::-moz-placeholder {
  color: #B4B4B4 !important;
  opacity: 1;
}
.form-group .form-control:-ms-input-placeholder {
  color: #B4B4B4 !important;
  opacity: 1;
}
.form-group .form-control::placeholder {
  color: #B4B4B4 !important;
  opacity: 1;
}
.form-group .form-control:focus {
  border-color: #18A0FB;
  box-shadow: none;
}
.form-group .form-control:focus .input-group-text .input-group-text {
  border-color: #e8e8e8 !important;
}
.form-group .p-help {
  position: absolute;
  right: -20px;
  top: 7px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.form-group .p-help .svg {
  fill: #D0D0D0;
  width: 15px;
  height: 15px;
}
.form-group legend {
  font-weight: normal;
  font-size: 16px;
  padding-bottom: 5px;
  color: #333333;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #E8E8E8;
}
.custom-select {
  border-radius: 3px;
  font-size: 15px;
  height: 40px;
  padding: 0.3rem 1.75rem 0.3rem 0.75rem;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBbY5hEcAgCIUFDbBKS7AozgY2cFpgGZbADGtiAh384I7bwR947z4eQK31mnPmlNJwRpVSNu/9jTQPROxsWFAIoa+1XmCDUjO1g5J3SRaIvCfGmEG2NcxaQ6xBnxKYXnEaMovh1tr59z/x3zyNRhurfQAAAABJRU5ErkJggg==) no-repeat right 0.75rem center;
}
.custom-select option {
  color: #333333 !important;
}
.custom-select:focus {
  border-color: #e8e8e8;
  box-shadow: none;
}
.custom-select.arrow-black {
  background: #fff url(img/arrow-input-select.e59055b0.svg) no-repeat right 0.75rem center;
}
input.search {
  background-color: #ffffff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE7SURBVHgBrZHdbYMwEMcNmHc2KBu03cB+BqQwQcoEHaHKBG0nKJmAio/nOBPQbkA3yDtf/Rs5UoJNokg5ydxh3/3uyyInkmWZRyl9gsnUlYiiSJALYh2NoiiYZVkZTG/m07Rty+M4bkwAW37yPF8heCftcRw3sJ+hOc4nrnzXdWtU55sAdKLY9vtCJoHKviUckC/8c60CmV1mGYZhYypTzWCLw6qqetAAoMuhEcdxfsiCwEdCSN/33AQ4kCuCWXgK1GgAPE6Z0cKKLFfwKHXXdRpgWmNZljWUD0ceBMFZK+j7FUk+8JbiLZkDqMqQwGmHUyMgxdVelb7GYcr+NVZ3NOSe1arYzEcgeI8kb7DTMAwTI+AUhI1Mm8HUBVZ7UG2mUOs5RANcEhPkJoAJYpMbBUEvUFvM5Y/cQ/4BywyV2G5JgvgAAAAASUVORK5CYII=);
  background-repeat: no-repeat no-repeat;
  background-position: calc(100% - 10px);
}
input.search:focus {
  box-shadow: 0 0;
  border-color: #18A0FB;
}
.error-label {
  display: block;
  font-size: 11px;
  color: #f54545;
  margin-top: 5px;
}
.error-input {
  border: 1px solid #f54545 !important;
}
.popover {
  border: none;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  font-weight: normal;
  font-size: 13px;
  text-align: justify;
  max-width: 310px;
}
.popover .popover-body {
  color: #555155;
}
.popover .popover-body strong {
  color: #555155;
  font-weight: 600;
}
.popover .popover-body a {
  text-decoration: none;
  color: #18A0FB;
}
.popover .popover-body a:hover {
  color: #18A0FB;
}
.popover.popover-group {
  max-width: 190px;
}
.popover.popover-group b {
  color: #555155;
}
.popover.popover-group ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.popover.popover-group ul li {
  display: flex;
  align-items: flex-start;
  margin-top: 4px;
  text-align: left;
}
.popover.popover-group ul li .svg {
  width: 10px;
  margin-right: 4px;
  margin-top: 5px;
}
.popover.popover-group ul li .dot {
  width: 6px;
  height: 6px;
  background-color: #D4D4D4;
  border-radius: 50%;
  margin-right: 8px;
  margin-top: 7px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #18A0FB;
  background-color: #fff;
}
.custom-radio .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='%2318A0FB'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-label::before {
  border: 2px solid #626262;
}
.custom-radio.gray .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #626262;
}
.custom-radio.gray .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='%23626262'/%3e%3c/svg%3e");
  top: 0.1rem;
  left: -2.09rem;
  width: 1.8rem;
  height: 1.8rem;
}
.b-rating {
  padding: 5px;
  height: 24px;
  box-shadow: none !important;
  color: #18A0FB;
}
.b-rating.form-control-sm .b-rating-star {
  padding: 2px;
}
.b-rating .b-rating-icon .b-icon {
  fill: #1890FF;
}
.custom-switch .custom-control-label::after {
  background-color: #fff;
  cursor: pointer;
}
.custom-switch .custom-control-label::before {
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
  cursor: pointer;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #18A0FB;
}
.back-link {
  font-weight: normal;
  font-size: 14px;
  color: #18A0FB;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
.back-link i {
  color: #18A0FB;
  font-size: 20px;
  margin-left: -5px;
  margin-right: 4px;
}
.back-link:hover {
  color: #18A0FB;
  text-decoration: none;
}
.input-credit-card {
  max-width: 184px;
  margin-top: 10px;
}
.input-credit-card .input-group-prepend .input-group-text {
  background: #fff;
  border-right: none;
  border-color: #e8e8e8;
}
.input-credit-card .input-group-prepend .input-group-text .svg {
  max-width: 24px;
  fill: #cdd3d9;
}
.input-credit-card .form-control {
  height: 47px;
  font-size: 13px;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-color: #e8e8e8;
}
.input-credit-card .input-group-append .input-group-text {
  background: #fff;
  border-left: none;
  border-color: #e8e8e8;
}
.input-credit-card .input-group-append .input-group-text span {
  cursor: pointer;
  margin: 2px;
  display: flex;
  align-items: center;
}
.input-credit-card .input-group-append .input-group-text span .svg {
  width: 14px;
  height: 14px;
  fill: #cac8c8;
}
.custom-file .custom-file-label {
  display: flex;
  justify-content: space-between;
  border-color: #e8e8e8;
  border-radius: 6px;
  padding-right: 25%;
  align-items: center;
  color: #B4B4B4;
  font-size: 12px;
  height: 40px;
}
.custom-file .custom-file-label span {
  color: #929292;
  font-size: 12px;
}
.custom-file .custom-file-label::after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M11.2079 7.33719C11.1319 7.16938 10.9651 7.0625 10.7813 7.0625H8.90631V0.96875C8.90631 0.71 8.69631 0.5 8.43756 0.5H6.56256C6.30381 0.5 6.09381 0.71 6.09381 0.96875V7.0625H4.21881C4.03506 7.0625 3.86818 7.17031 3.79224 7.33719C3.71537 7.505 3.74537 7.70094 3.86631 7.83969L7.14756 11.5897C7.23662 11.6919 7.36506 11.75 7.50006 11.75C7.63506 11.75 7.76349 11.6909 7.85256 11.5897L11.1338 7.83969C11.2557 7.70188 11.2838 7.505 11.2079 7.33719Z' fill='%2318A0FB'/%3E%3Cpath d='M12.6562 10.8125V13.625H2.34375V10.8125H0.46875V14.5625C0.46875 15.0809 0.88875 15.5 1.40625 15.5H13.5938C14.1122 15.5 14.5312 15.0809 14.5312 14.5625V10.8125H12.6562Z' fill='%2318A0FB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='15' height='15' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
  background: #fff;
  border: none;
  height: 100%;
  padding: 10px 15px;
}
.style-placeholder-text-area {
  position: absolute;
  left: 12px;
  top: 5px;
  font-weight: normal;
  font-size: 15px;
  line-height: 160%;
  display: flex;
  align-items: center;
  color: #929292;
  opacity: 1;
}
.container-textarea {
  z-index: 100;
  min-height: 86px;
  overflow-y: auto !important;
}
.multiselect .multiselect__select {
  margin-top: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBbY5hEcAgCIUFDbBKS7AozgY2cFpgGZbADGtiAh384I7bwR947z4eQK31mnPmlNJwRpVSNu/9jTQPROxsWFAIoa+1XmCDUjO1g5J3SRaIvCfGmEG2NcxaQ6xBnxKYXnEaMovh1tr59z/x3zyNRhurfQAAAABJRU5ErkJggg==);
  background-position: center;
  background-repeat-y: no-repeat;
  background-repeat-x: no-repeat;
}
.multiselect .multiselect__select::before {
  display: none;
}
.multiselect .multiselect__tags {
  min-height: 42px;
  padding: 4px 7px 2px;
  line-height: 1;
}
.multiselect .multiselect__tags input {
  background: transparent;
}
.multiselect .multiselect__tags i::after {
  color: #626262;
}
.multiselect .multiselect__tags i:hover {
  background: #E8E8E8;
}
.multiselect .multiselect__tags .multiselect__placeholder {
  padding-top: 10px;
}
.multiselect .multiselect__tags .multiselect__tags-wrap span {
  margin-right: 5px !important;
  background: #E8E8E8;
  padding: 6px 5px;
  color: #333333;
  font-size: 15px;
}
.multiselect .multiselect__tags .multiselect__tags-wrap span i {
  position: relative;
  margin: 0;
}
.multiselect .multiselect__tags .multiselect__tags-wrap span i::after {
  font-size: 18px;
}
.multiselect .multiselect__content-wrapper ul li .multiselect__option {
  background: #ffffff;
  color: #626262;
  font-weight: normal;
}
.multiselect .multiselect__content-wrapper ul li .multiselect__option--selected::after {
  content: "✓";
  color: #007ccf;
  font-size: 18px;
  background: transparent;
}
.multiselect .multiselect__content-wrapper ul li .multiselect__option--select span {
  font-weight: 800;
}
.form-recover .form-group .form-control {
  color: #929292;
}
.dropdown-menu {
  min-width: 5rem;
  box-shadow: 0px 2px 6px rgba(151, 151, 151, 0.2);
  border-radius: 3px;
  border: none;
}
.dropdown-menu .dropdown-item {
  padding: 2px 10px;
  color: #626262;
  font-size: 15px;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active {
  background-color: #E8E8E8;
}
.dropdown-menu .dropdown-item.active {
  background-color: #18A0FB;
  color: #fff !important;
}
.container-auth {
  display: flex;
  align-items: stretch;
  min-height: calc(100vh - 55px);
}
.container-auth .content-left {
  background: #EEEEEE;
  position: relative;
  width: 50%;
  padding-top: 60px;
}
.container-auth .content-left .svg {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-height: 340px;
}
.container-auth .content-left h1 {
  margin-top: 42px;
  font-weight: 600;
  font-size: 35px;
  max-width: 460px;
}
.container-auth .content-left h1 span {
  color: #18A0FB;
}
.container-auth .content-left p {
  font-weight: 600;
  font-size: 15px;
  max-width: 460px;
}
.container-auth .content-right {
  background: #fff;
  position: relative;
  width: 50%;
  flex-direction: column;
  padding: 60px 0;
}
.container-auth .content-right form {
  margin: auto;
  max-width: 393px;
  width: 100%;
}
.container-auth .content-right .icon {
  margin: auto;
  max-width: 13rem;
  height: auto;
  display: block;
}
.container-auth .content-right .title {
  color: #333333;
  margin-bottom: 30px;
}
.container-auth .content-right .title-2 {
  color: #333333;
  margin-bottom: 23px;
  font-size: 25px;
  font-weight: 600;
}
.container-auth .content-right a {
  color: #18a0fb;
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
}
.container-auth .content-right p {
  color: #626262;
}
.container-auth .content-right button {
  border-radius: 10px;
}
.container-auth .content-right .custom-checkbox .custom-control-label {
  color: #B4B4B4;
}
.container-auth .content-right .custom-checkbox .custom-control-label a {
  text-decoration: none;
}
.container-auth .content-right .custom-checkbox .custom-control-label::before, .container-auth .content-right .custom-checkbox .custom-control-label::after {
  width: 14px;
  height: 14px;
}
.container-auth .content-right .tabs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.container-auth .content-right .tabs .nav-tabs {
  display: none;
}
.container-auth .content-right .tabs .tab-content {
  width: 100%;
}
.steps {
  margin: 30px 0;
  border: none;
  display: flex;
  max-width: 286px;
  justify-content: space-between;
  width: 100%;
}
.steps .step {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.steps .step span {
  background: #ffffff;
  border: 3px solid #B4B4B4;
  border-radius: 50%;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #B4B4B4;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.steps .step::before {
  content: "";
  width: 117px;
  height: 4px;
  background: #B4B4B4;
  position: absolute;
  top: 11px;
  left: -106px;
}
.steps .step.active span, .steps .step.done span {
  background: #18A0FB;
  border-color: #fff;
  color: #fff;
}
.steps .step.active .svg, .steps .step.done .svg {
  fill: #fff;
}
.steps .step.active::before, .steps .step.done::before {
  background: #ebeaec;
}
.steps .step:first-child::before {
  display: none;
}
.steps.sm {
  max-width: 230px;
}
.steps.sm .step span {
  font-size: 12px;
  width: 22px;
  height: 22px;
  font-weight: normal;
  border-width: 1px;
}
.steps.sm .step::before {
  width: 75px;
  height: 2px;
  top: 10px;
  left: -65px;
}
.select-child {
  margin: 0 20px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  max-width: 165px;
}
.select-child a {
  text-decoration: none;
}
.select-child .avatar-child {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  width: 10.3rem;
  height: 10.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.select-child .avatar-child img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.select-child .avatar-child span {
  color: #18A0FB;
  font-weight: 600;
  font-size: 17px;
}
.select-child .avatar-child span strong {
  color: #18A0FB;
  display: block;
  font-weight: 600;
  font-size: 25px;
}
.select-child .title {
  color: #333333;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-child span {
  text-align: center;
  color: #929292;
  display: block;
}
.container-bar-password {
  display: flex;
  width: 100%;
  height: 10px;
}
.container-bar-password .bar-password {
  width: 25%;
  height: 2px;
  display: none;
}
.container-bar-password .bar-password .regulate p {
  color: #f7c55e !important;
}
.container-bar-password .active {
  display: block !important;
}
.container-bar-password .inactive {
  display: none !important;
}
.container-bar-password .basic {
  width: 25%;
  background: #f54545;
  display: none;
}
.container-bar-password .regulate {
  width: 25%;
  background: #f7c55e;
  display: none;
}
.container-bar-password .regulate p {
  color: #f7c55e !important;
}
.container-bar-password .intermediate {
  width: 25%;
  background: #18a0fb;
  display: none;
}
.container-bar-password .intermediate p {
  color: #18a0fb !important;
}
.container-bar-password .advance {
  width: 25%;
  background: #49c856;
  display: none;
}
.container-bar-password .advance p {
  color: #49c856 !important;
}
.container-bar-password .bar-password-label .regulate {
  color: #f7c55e !important;
  display: block;
  background: none;
}
.container-bar-password .bar-password-label .intermediate {
  color: #18a0fb !important;
  display: block;
  background: none;
}
.container-bar-password .bar-password-label .advance {
  color: #49c856 !important;
  display: block;
  background: none;
}
.container-bar-password p {
  margin-bottom: 0px;
  font-size: 0.7rem;
  text-align: center;
  margin-top: 2px;
}
.content-right {
  padding: 2rem;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
/*Fin 768*/
@media (min-width: 992px) {
.content-right {
    padding: 0rem;
}
}
/*Fin 992*/
/*Fin 1200*/
#wrapper-flex {
  display: flex;
}
#wrapper-flex #content-wrapper {
  background-color: #f4f4f4;
  flex: 1;
  width: calc(100vw - 15.45rem);
  margin-left: 15rem;
  min-height: 100vh;
}
#wrapper-flex #content-wrapper #content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
#nav-general {
  z-index: 10;
}
.sidebar {
  width: 15rem;
  min-height: 100vh;
  padding: 0px;
  height: 100%;
  border-right: 1px solid #d0d0d0;
  background: #fff;
  position: fixed;
}
.sidebar .container-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sidebar .item-navbar {
  display: flex;
  padding-left: 45px !important;
}
.sidebar .logo {
  margin: 1.5rem 0px 2rem 0px;
  text-align: center;
}
.sidebar .logo img {
  max-width: 164px;
}
.sidebar h6 {
  font-size: 25px;
  line-height: 37px;
  font-weight: 600;
  text-align: center;
  margin-top: 28px;
  margin-bottom: 0;
  color: #333333;
}
.sidebar h6 strong {
  color: #18A0FB;
}
.sidebar .link {
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: 10px;
  font-weight: 600;
  color: #18A0FB;
}
.sidebar li.nav-item {
  padding: 10px 0;
}
.sidebar li.nav-item .nav-link {
  padding: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #929292;
  font-weight: 600;
}
.sidebar li.nav-item .nav-link .material-icons {
  margin-right: 10px;
  color: #929292;
}
.sidebar li.nav-item .nav-link.router-link-active {
  color: #18A0FB !important;
}
.sidebar li.nav-item .nav-link.router-link-active .material-icons {
  color: #18A0FB !important;
}
.topbar {
  height: 4.375rem;
  background: #fff;
  border-bottom: 1px solid #D0D0D0;
  color: #636363;
}
.topbar .navbar-text {
  color: #636363;
  font-size: 16px;
}
.topbar .navbar-text a {
  color: #18A0FB;
  text-decoration: underline;
}
.topbar .navbar-text strong {
  font-weight: 600;
  color: #636363;
}
.topbar .dropdown a {
  position: relative;
  color: #595959;
  text-decoration: none;
}
.topbar .dropdown a .material-icons {
  color: #B4B4B4;
}
.topbar .dropdown a .badge {
  position: absolute;
  right: 7px;
  top: 9px;
  font-weight: 500;
  font-size: 8px;
  width: 13px;
  height: 13px;
  line-height: 6px;
  background: #EB1F5C;
  color: #fff;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.topbar .dropdown.sm .dropdown-menu {
  min-width: 278px;
}
.topbar .dropdown .dropdown-menu {
  padding: 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 6px 6px;
  border: none;
  min-width: 380px;
  margin: 0.78rem 0 0;
  margin-right: -16px;
  max-height: 360px;
}
.topbar .dropdown .dropdown-menu li .dropdown-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.topbar .dropdown .dropdown-menu li .dropdown-item {
  font-size: 15px;
  border-top: 1px solid #dddfe2;
  padding: 12px 18px;
}
.topbar .dropdown .dropdown-menu li .dropdown-item.active, .topbar .dropdown .dropdown-menu li .dropdown-item:active {
  background: #f3faff;
}
.topbar .dropdown .dropdown-menu li .dropdown-item p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}
.topbar .dropdown .dropdown-menu li .b-dropdown-text {
  font-size: 14px;
  color: #595959;
  font-weight: 400;
  border-top: 1px solid #DDDFE2;
  padding: 20px 15px 15px;
}
.topbar .dropdown .dropdown-menu li span {
  color: #595959;
  line-height: 1;
}
.topbar .dropdown .dropdown-menu li span.hour {
  display: block;
  color: #B4B4B4;
  margin-top: 5px;
}
.topbar .dropdown .dropdown-menu li strong {
  color: #595959;
  font-weight: 600;
}
.topbar #popover-mode-live {
  text-align: center;
  background: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
}
.topbar #counter-live {
  text-align: center;
  background: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  padding: 16px;
  font-size: 18px;
  color: #333333;
}
.topbar .custom-switch {
  min-width: 130px;
}
.topbar .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: rgba(24, 160, 251, 0.5);
}
.topbar .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #18A0FB;
}
.topbar .custom-switch .custom-control-label {
  font-size: 14px;
  font-weight: 600;
  color: #929292;
  cursor: pointer;
}
.topbar .custom-switch .custom-control-label::before {
  background-color: #E8E8E8;
  border: none;
  height: 10px;
  box-shadow: 0 0;
}
.topbar .custom-switch .custom-control-label::after {
  background-color: #D4D4D4;
  width: 16px;
  height: 16px;
  top: calc(0.25rem - 3px);
  left: calc(-2.25rem + 0px);
}
.avatar-sidebar {
  position: relative;
}
.avatar-sidebar .option {
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  bottom: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.avatar-sidebar .b-avatar {
  background: #FAFAFA !important;
}
.avatar-sidebar .b-avatar-custom img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatars .b-avatar {
  margin: 12px;
}
.avatars .b-avatar.active {
  border: none !important;
}
.avatars .b-avatar.active::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJBSURBVHgBxZaxb9NQEMa/e2mSVkKlMGVB8goMpAtzOjEhBnZohs4g8QekYQap/0HCyIDEhpCQSAdYCRJsSFhMnqrCQktiH3fvxWkItmNcW3xS4iQ+v5/vLr73EXJoa8BbG2ZyP2LqEKgNsBefY2AsB5+IXiKaHAbdDX/VepR1sjWYdCSiJx87yC0egsN+FjwRajPDdJ8JD1BQUoGDU17rH3fpeCW0NZDSUfh2sYTFxb5kvbOcNVUHTAfPoVrSdQo/lAs8A59wfTsutYl/1h5WA1SR16Rpb/5N31xZp19RtRhS5vrIZUphDyVps5HxFLrHD1RWllcuEF7cqskRePoxwpNxlBh3wmuXJFMZACUCVY9umNTYpkw2I+PrDkoEql594/QLZJTqLXnI0PXLlNqnJOCnI8bDd2HqegRuG7mndlrA45sGb27X7EvheYB3X4f48QsZIs9knd67amYAWEAMLg50yoS+D856c7HhwHvXzLmAKmoN9XFJnkQxaLm0i/pXoO6/Rho7Tgv4Lgvpgp+PuBTgTL4B8SgrIg1cEAh1GKYZ1Z+tCozBz7+4KaO9LgK0EkvjBv5wIntoPkuyKX0uBLPiYbDb6Lp/L6Of97LiQOWElmOhut1IygeoUOqZYvcwf06bYqKkzT4qEfundn2nOdRXK8G1nfLBziMtusL/4gb/GoNBl/x1rm2ft8faQzVjSaZ7hcO3WYvF4F3k10hS2Q/u1Q/TAgg5ZOHiMGYbvvfndki+HaUy2X7KoEly9Mv6DQN4IUZ3Y1jjAAAAAElFTkSuQmCC);
  position: absolute;
  top: 0;
  right: 0;
}
.no_activity {
  text-align: center;
  font-size: 15px;
  color: #626262;
  margin: 100px;
}
.no_activity strong {
  color: #626262;
}
.no_activity .svg {
  margin: auto auto 10px;
  display: block;
}
.card-dashboard {
  font-size: 14px !important;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 5px;
}
.card-dashboard .size-avatar {
  width: 28px;
  height: 28px;
}
.card-dashboard .dropdown-toggle {
  padding: 4px;
  justify-content: center;
  display: flex;
  text-decoration: none;
}
.card-dashboard .dropdown-toggle span {
  color: #18A0FB;
}
.card-dashboard .flex-date {
  align-items: center;
  display: flex;
}
.card-dashboard .flex-date label {
  margin-bottom: 0px !important;
  font-size: 13px;
  font-weight: 400;
  color: #626262;
}
.card-dashboard .b-avatar-group-inner {
  flex-wrap: nowrap;
}
.card-dashboard .name {
  font-size: 14px !important;
}
.link-name:hover {
  text-decoration: underline;
  cursor: pointer;
}
.notify-import {
  border: 1px solid #ff000057;
  background: #ca1e1e21 !important;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
/*Fin 768*/
/*Fin 992*/
/*Fin 1200*/
@media (min-width: 1500px) {
.card-dashboard {
    font-size: 15px;
    padding: 16px 10px 16px 20px;
}
.card-dashboard .size-avatar {
    width: 42px;
    height: 42px;
}
.card-dashboard .btn-link {
    padding: 12px;
}
.card-dashboard .b-avatar-group-inner {
    flex-wrap: wrap;
}
.card-dashboard .name {
    font-size: 15px !important;
}
}
/*Fin 1200*/
.tooltip.b-tooltip {
  opacity: 0.7;
}
.btn-secondary {
  box-shadow: none !important;
}
.filter-activity .b-dropdown-form {
  padding: 0 10px;
}
.filter-activity .b-dropdown-form span {
  color: #626262;
}
.tabs.settings .nav-tabs {
  padding: 0;
  background: #ffffff;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  border: none;
  min-width: 200px;
}
.tabs.settings .nav-tabs .nav-item {
  margin-bottom: 0;
}
.tabs.settings .nav-tabs .nav-link {
  color: #929292;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 8px 16px !important;
  border: none;
}
.tabs.settings .nav-tabs .nav-link .svg {
  width: 12px;
  height: 12px;
  fill: #B4B4B4;
  margin-right: 10px;
}
.tabs.settings .nav-tabs .nav-link .material-icons {
  margin-right: 12px;
  color: #929292;
  font-size: 20px;
}
.tabs.settings .nav-tabs .nav-link.active {
  color: #18A0FB;
  font-weight: 600;
  border: none;
}
.tabs.settings .nav-tabs .nav-link.active .material-icons {
  color: #18A0FB;
}
.tabs.settings .tab-content {
  max-width: calc(100% - 230px);
}
.tabs.settings .tab-content .title-section {
  font-weight: 600;
  font-size: 17px;
  padding: 6px 20px;
  border-bottom: 1px solid #e8e8e8;
  margin: 0 -20px 20px;
  color: #626262;
}
.tabs.settings .tab-content .form-footer {
  border-top: 1px solid #e8e8e8;
  padding: 15px;
  margin: 20px -20px 0;
}
.tabs.settings .tab-content .delete-account {
  color: #929292;
  font-size: 15px;
  position: absolute;
  bottom: -62px;
  left: 0;
}
.tabs.settings .tab-content .delete-account a {
  color: #18a0fb;
  margin: 0px;
  cursor: pointer;
  margin-left: 15px;
}
.tabs.horizontal-line .nav-tabs {
  box-shadow: none;
  min-width: auto;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
}
.tabs.horizontal-line .nav-tabs .nav-link {
  padding: 10px;
  justify-content: center;
  margin-bottom: -1px;
  font-weight: normal;
}
.tabs.horizontal-line .nav-tabs .nav-link.active {
  border-bottom: 2px solid;
  font-weight: 600;
}
.tabs.horizontal-line .tab-content {
  margin-bottom: 0;
  max-width: initial;
}
.tab-header-title {
  margin-top: 137px;
}
.tab-header-title > .card-header {
  background-color: #fff;
  padding: 0;
  border: none;
  position: fixed;
  width: 100%;
  margin-top: -45px;
  z-index: 1039;
}
.tab-header-title.full_tab_top .nav-tabs {
  padding-left: 6px;
  padding-right: 6px;
}
.tab-header-title .tab-content {
  height: 100%;
}
.tab-header-title .tab-content .tab-pane {
  height: 100%;
}
.tab-header-title .tab-content .tab-pane > div {
  height: 100%;
}
.sessions-state {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  position: fixed;
  width: calc(25% - 100px);
}
.sessions-state .nav-item .nav-link {
  color: #828282;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.sessions-state .nav-item .nav-link .badge {
  margin-right: 5px;
}
.sessions-state .nav-item .nav-link.active {
  background: rgba(24, 160, 251, 0.25);
  font-weight: 600;
  color: #18A0FB;
}
.tabs-father .card-header .card-header-tabs .nav-item .nav-link {
  width: 145px !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 15px !important;
  line-height: 150% !important;
  color: #929292;
  text-align: center;
}
.tabs-father .card-header .card-header-tabs .nav-item .nav-link .active {
  color: #18a0fb !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
.session-detail {
  box-shadow: none;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #e8e8e8;
  padding-top: 75px;
  height: 100%;
  overflow: inherit;
}
.session-detail img.material {
  position: absolute;
  top: -2.5rem;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 170px;
}
.session-detail h6 {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 18px;
}
.session-detail p {
  color: #B4B4B4;
  font-size: 13px;
}
.session-detail .download {
  font-size: 18px;
  line-height: 21px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  padding: 20px;
  color: #18A0FB;
}
.session-detail .download strong {
  color: #18A0FB;
}
.session-detail .card-body {
  flex: initial;
}
.session-content {
  padding: 15px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
}
.session-content .empty {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 244px;
  text-align: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.session-content .empty img {
  max-width: 162px;
}
.session-content .empty p {
  color: #B4B4B4;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
}
.session-content h6 {
  color: #828282;
  font-weight: normal;
  margin-top: 15px;
}
.session-content h6 strong {
  font-weight: 500;
  color: #828282;
}
.session-content h5 {
  color: #333333;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.session-content b {
  color: #333333;
  font-weight: bold;
}
.session-content .color-link {
  color: #18A0FB !important;
}
.session-content .title-comment {
  color: #333333;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
.session-content .title-comment-h1 {
  color: #333333;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 0;
}
.session-content p {
  font-size: 14px;
  line-height: 21px;
}
.session-content .button-calification {
  background: #B5F1E9;
  border-radius: 5px;
  color: #00BC99;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.session-content h3 {
  font-style: normal;
  font-weight: bold;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0px;
}
.session-content .container-final {
  background-color: #FAFAFA;
  border-top: 1px solid #D0D0D0;
  padding: 12px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 0px 6px 6px;
}
.session-content .header-comment {
  background-color: #FAFAFA;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #D0D0D0;
  padding: 10px 20px;
}
.session-content .body-comment {
  padding: 12px;
}
.tag-extended {
  color: #828282;
  background: #E8E8E8;
  border-radius: 4px;
  font-size: 14px;
  padding: 2px 5px;
  margin-left: 8px;
}
.popover.s-extended {
  max-width: 362px;
}
.filter-calendar {
  border: 1px solid #D0D0D0;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.filter-calendar .header-title {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #626262;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #D0D0D0;
}
.filter-calendar .header-title span {
  margin-right: 15px;
}
.filter-calendar .b-calendar {
  position: relative !important;
}
.filter-calendar .b-calendar .b-calendar-inner {
  min-width: auto;
  width: 100% !important;
}
.filter-calendar .b-calendar .b-calendar-inner .form-control {
  border-color: #f0f0f0;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date] .btn {
  font-size: 13px;
  background-color: transparent !important;
  font-weight: normal !important;
  box-shadow: 0 0 !important;
  color: #555155 !important;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date] .btn.active {
  text-decoration: none !important;
  color: #18A0FB !important;
  justify-content: center;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date] .btn.text-muted, .filter-calendar .b-calendar .b-calendar-grid-body .col[data-date] .btn:disabled, .filter-calendar .b-calendar .b-calendar-grid-body .col[data-date] .btn.disabled {
  color: #979797 !important;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date].table-info {
  border-top: 1px solid #18A0FB;
  border-bottom: 1px solid #18A0FB;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date].table-info.first_active {
  border-left: 1px solid #18A0FB;
  border-radius: 5px 0 0 5px;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date].table-info.last_active {
  border-right: 1px solid #18A0FB;
  border-radius: 0 5px 5px 0;
}
.filter-calendar .b-calendar .b-calendar-grid-body .col[data-date].table-info .btn {
  color: #18A0FB !important;
  justify-content: center;
}
.filter-calendar .b-calendar .b-calendar-grid-weekdays {
  border-bottom: none !important;
  padding: 20px 0;
}
.filter-calendar .b-calendar .b-calendar-grid-weekdays small {
  font-size: 13px;
  color: #555155;
}
.filter-calendar .b-calendar .b-calendar-grid-caption {
  font-weight: 600 !important;
  font-size: 13px;
  color: #000000;
}
.filter-calendar .b-calendar footer {
  display: none;
}
.filter-calendar .calendar-skeleton {
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
}
.filter-calendar .calendar-skeleton .header {
  display: flex;
  justify-content: space-around;
  padding: 13px;
  border-bottom: 1px solid #D0D0D0;
}
.filter-calendar .calendar-skeleton .table {
  margin-bottom: 0;
}
.filter-calendar .calendar-skeleton td {
  padding: 1rem 0.5rem;
  border-top: none;
}
.filter-calendar .calendar-skeleton .b-skeleton-text {
  margin: auto;
}
#table-calendar .thead-light th {
  background-color: #FAFAFA;
  height: 42px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #4F4F4F;
  padding: 0px;
  vertical-align: middle;
  border-color: #d0d0d0;
  border: none;
  box-shadow: inset 0px -1px #D0D0D0;
}
.schedule {
  background: #fff;
  border-radius: 6px 5px 0px 0px;
  border: 1px solid #d0d0d0;
  overflow-x: auto;
  max-height: 75vh;
  margin-bottom: 0px !important;
}
.schedule thead th {
  background: rgba(0, 0, 0, 0.02);
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #4F4F4F;
  border-color: #ede9e9;
  border-bottom-width: 1px;
  width: 14.3%;
  padding: 5px;
  border: none;
}
.schedule td {
  border-color: #ede9e9;
  padding: 0px;
  border: none;
}
.schedule td .hour {
  text-align: center;
  display: block;
  border: 1px solid #bbe0f9;
  padding: 4px;
  border-radius: 6px;
  width: 100%;
  height: 35px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  min-width: 126px;
}
.schedule td .hour-active {
  background: #ffffff;
  color: #18A0FB;
  border: 1px solid #18A0FB;
  min-width: 126px;
}
.schedule td .hour-active:hover {
  background: #18a0fb !important;
  border: 1px solid #18a0fb !important;
  color: #ffffff !important;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.schedule td .hour-inactive {
  color: #929292;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  width: 100%;
  min-width: 126px;
  cursor: no-drop !important;
}
.schedule td .hour-inactive:not(:disabled):not(.disabled):active, .schedule td .hour-inactive:hover, .schedule td .hour-inactive:active, .schedule td .hour-inactive:focus, .schedule td .hour-inactive:not(:disabled):not(.disabled):active:focus .schedule td .hour-inactive:active:focus, .schedule td .hour-inactive:active.focus {
  color: #b4b4b4 !important;
  background-color: #fafafa !important;
  border-color: #b4b4b4 !important;
  box-shadow: none;
}
.schedule td .hour-session-cancel {
  border: 1px solid #b4b4b4;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: #929292;
  background: #d0d0d0;
  width: 100%;
  min-width: 126px;
  cursor: no-drop !important;
}
.schedule td .hour-session-cancel:not(:disabled):not(.disabled):active, .schedule td .hour-session-cancel:hover, .schedule td .hour-session-cancel:active, .schedule td .hour-session-cancel:focus, .schedule td .hour-session-cancel:not(:disabled):not(.disabled):active:focus .schedule td .hour-session-cancel:active:focus, .schedule td .hour-session-cancel:active.focus {
  background: #d0d0d0;
}
.schedule td .hour-favorite {
  background: rgba(84, 225, 98, 0.25);
  border: 1px solid #49c856;
  color: #49c856;
  min-width: 126px;
}
.schedule td .hour-favorite:not(:disabled):not(.disabled):active, .schedule td .hour-favorite:hover, .schedule td .hour-favorite:active, .schedule td .hour-favorite:not(:disabled):not(.disabled):active:focus .schedule td .hour-favorite:active:focus, .schedule td .hour-favorite:active.focus {
  color: #fff !important;
  background-color: #49c856 !important;
  border-color: #49c856 !important;
  box-shadow: none;
}
.schedule td.table-active {
  background: transparent;
}
.schedule td.table-active .active {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #e8e8e8;
  font-weight: 600;
  font-size: 11px;
  color: #333333;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 4px;
}
.schedule td.table-disabled .hour {
  opacity: 0.3;
  text-decoration: none;
}
.schedule::-webkit-scrollbar:horizontal {
  height: 8px;
}
.schedule-skeleton {
  background: #fff;
  border-radius: 6px 5px 0px 0px;
  border: 1px solid #D4D4D4;
}
.schedule-skeleton .table-bordered {
  border: none;
  margin-bottom: 0;
}
.schedule-skeleton thead th {
  background: rgba(0, 0, 0, 0.02);
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #4F4F4F;
  border-color: #ede9e9;
  border-bottom: 1px solid #D4D4D4 !important;
  width: 14.3%;
  padding: 15px 5px;
  border: none;
}
.schedule-skeleton tbody td {
  position: relative;
  border-top: none;
  border-bottom: none;
}
.schedule-skeleton tbody td::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #E8E8E8;
  left: 0;
  top: 0;
  border: 1px solid #B4B4B4;
  border-radius: 6px;
}
.schedule-skeleton .b-skeleton-text {
  width: 65px !important;
  margin: auto;
}
.b-skeleton {
  background-color: #D4D4D4;
  height: 11px;
  border-radius: 3px;
}
.style-button-selected {
  background: #18a0fb !important;
  border: 1px solid #18a0fb !important;
  color: #ffffff !important;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.p-session {
  max-width: 170px;
  z-index: 1039;
  border: 1px solid #D0D0D0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  border-radius: 0px 6px 6px 6px;
  margin-left: 0;
}
.p-session .popover-body {
  padding: 3px 3px 13px;
}
.p-session .popover-body .badge.s-sucess {
  display: none;
}
.p-session .popover-body h6 {
  font-weight: 600;
  font-size: 16px;
  text-align: left;
}
.p-session .popover-body span {
  font-weight: 600;
  font-size: 12px;
  color: #626262;
  display: block;
}
.p-session .popover-body a {
  display: block;
  padding: 8px 10px;
  font-size: 13px;
  text-align: center;
  margin: 0px 6px;
  font-weight: 600;
}
.p-session .popover-body a.btn-primary {
  border: none;
  height: auto;
}
.p-session .popover-body a.red {
  color: #F54545;
}
.p-session .arrow {
  display: none;
}
.p-session .arrow::before {
  border-right-color: #fff;
}

/*Detail*/
.container-reloj {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  margin: auto;
}
.container-reloj .container-hour-block {
  display: inline-flex;
  padding: 10px;
  background: #4db7ff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15), 1px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 30px;
}
.container-reloj .container-text-hour .title-text-hour {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 9px;
}
.container-reloj .badge-text {
  font-size: 15px;
  padding: 11px;
  border-radius: 6px;
}
.hour-block {
  width: 76px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  border: 3px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 10px;
  color: #fff;
  margin: 5px;
  font-weight: bold;
  font-size: 40px;
}
.line-or {
  top: 188px;
  border: 1px solid #d0d0d0;
  transform: rotate(180deg);
  display: block;
  width: 45%;
  height: 1px;
  margin-top: 13px;
}
.read {
  background: #f3faff;
}
.b-toaster-bottom-right {
  right: 0 !important;
  bottom: 80px !important;
}
.toast-invitation {
  background-color: #18A0FB !important;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 20px 0px 0px 20px;
  min-width: 237px;
}
.toast-invitation .toast-body {
  color: #fff;
  background-color: transparent !important;
  font-size: 14px;
  display: flex !important;
  align-items: center;
  padding: 14px 16px;
  font-weight: 600;
}
.toast-invitation .toast-body .material-icons {
  color: #fff;
  font-size: 16px;
  margin-right: 14px;
}
.toast-invitation.danger {
  background-color: #F54545 !important;
}
.toast-invitation.danger .toast-body {
  background-color: transparent !important;
}
.td-n-2 {
  display: flex;
  height: 70px;
  align-content: center;
  align-items: center;
}
.td-n-2 > span {
  height: 70px !important;
  align-content: center;
  align-items: center;
  width: 100%;
}
.td-n-2 > span > div {
  height: 70px !important;
  width: 100%;
}
.td-n-2 > span > div > div {
  height: 70px !important;
  align-items: center;
}
.td-n-t-2 {
  display: flex;
  height: 125px !important;
  align-content: center;
  align-items: center;
}
.td-n-t-2 > div {
  height: 100%;
  width: 100%;
}
.td-n-t-2 > div > span {
  height: 100%;
  align-items: center;
}
.td-n-t {
  display: flex;
  height: 62px;
  align-content: center;
  align-items: center;
}
.td-n-t > div {
  height: 100%;
  width: 100%;
}
.td-n-t > div > span {
  height: 100%;
  align-items: center;
}
.first-div-selected {
  display: flex;
  width: 100%;
  min-height: 33px;
  min-width: 126px;
  text-align: left;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
}
.first-div-selected .text-div-selected1 {
  line-height: 15px;
  width: 70%;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}
.first-div-selected .text-div-selected2 {
  line-height: 15px;
  width: 30%;
  padding-left: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}
.style-button-canceled {
  background: #D4D4D4;
  border: 1px solid #B4B4B4;
  color: #929292;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  min-height: 35px;
}
.style-button-canceled .text-div-selected1 {
  font-weight: 600;
  color: #929292;
  text-decoration: line-through;
  display: initial;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50px;
}
.style-button-canceled .text-div-selected2 {
  color: #929292;
  font-size: 13px;
}
.style-button-canceled .material-icons {
  color: #929292;
  font-size: 20px;
}

/*
.td-n {
    span {
        div {
            box-shadow: 0px 2px 0 #ffffff, 2px 4px 6px #929292;
            border-radius: 6px;
            div {
                box-shadow: 0px 0px 0 #ffffff, 0px 0px 0px #929292;
            }
        }
    }
}*/
.td-n span div {
  border-radius: 6px;
}
.td-n-t span div {
  border-radius: 6px;
}
.td-oculto {
  display: none;
}
.filter-calendar .b-calendar .b-calendar-grid-caption {
  font-weight: 600 !important;
  font-size: 16px !important;
}

/*
.b-calendar .b-calendar-nav {
    display: none !important;
}*/
.b-calendar-nav button:nth-child(1),
.b-calendar-nav button:nth-child(3),
.b-calendar-nav button:nth-child(5) {
  display: none !important;
}
.b-calendar-nav button:nth-child(2) {
  outline: none !important;
  max-width: 10% !important;
}
.b-calendar-nav button:nth-child(4) {
  outline: none !important;
  max-width: 10% !important;
}
.b-calendar-nav {
  position: absolute !important;
  top: 4% !important;
  width: 70% !important;
  justify-content: space-between;
  margin: auto;
  left: 0;
  right: 0;
}
.b-calendar-nav button {
  background: transparent !important;
}
#replicate-sessions h5,
#replicate-sessions label,
#replicate-sessions button {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #333333;
}
#replicate-sessions p {
  text-align: justify;
}
#replicate-sessions .modal-content {
  min-width: 570px;
}
#replicate-sessions .modal-body {
  padding: 15px 15px 0px 15px !important;
}
#replicate-sessions .p-select {
  font-size: 16px;
  line-height: 150%;
  color: #333333;
}
#replicate-sessions .custom-select {
  color: #333333 !important;
}
#replicate-sessions .border-top,
#replicate-sessions .modal-footer {
  border-top: 1px solid #d5d5d5;
}
@-webkit-keyframes rotating {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes rotating {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.spinner {
  -webkit-animation: rotating 1.5s linear infinite;
          animation: rotating 1.5s linear infinite;
}
#modal-tutor-now .modal-dialog {
  max-width: 496px;
}
#modal-tutor-now .modal-content {
  border-radius: 8px;
}
#modal-tutor-now .modal-body {
  padding: 0;
}
#modal-tutor-now .modal-body .content {
  padding: 1rem;
  text-align: center;
}
#modal-tutor-now .modal-body p {
  max-width: 350px;
  margin: 0 auto 20px;
}
#modal-tutor-now .modal-body .btn-danger {
  background-color: #F54545;
}
#modal-new-session .steps .step.active::before {
  background: #18A0FB;
}
#modal-new-session .modal-dialog {
  max-width: 372px;
}
#modal-new-session .modal-dialog .modal-content {
  border-radius: 6px;
}
#modal-new-session .modal-dialog .modal-body {
  padding: 25px 20px !important;
  text-align: center;
}
#modal-new-session .steps {
  margin: 10px auto;
}
#modal-new-session element.style {
  text-align: -webkit-center;
}
#modal-new-session .d-block {
  margin: 25px;
  margin-top: 0px;
  margin-bottom: 5px;
}
#modal-new-session h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #333333;
  padding-top: 15px;
}
#modal-new-session .text-select-tutor {
  font-size: 16px;
  line-height: 150%;
  color: #626262;
}
#modal-new-session .text-name-tutor {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #333333;
}
#modal-new-session .tag {
  display: flex;
  align-items: center;
  color: #18A0FB;
  background: rgba(24, 160, 251, 0.25);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#modal-new-session-t .modal-dialog {
  max-width: 390px !important;
}
#modal-new-session-t .modal-content {
  border-radius: 6px;
}
#modal-new-session-t h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}
#modal-new-session-t .modal-dialog-centered {
  max-width: 385px;
}
#modal-new-session-t .modal-body {
  padding: 20px 25px !important;
}
#modal-new-session-t .modal-body .form-group {
  margin-bottom: 12px;
}
#modal-new-session-t .modal-body .form-group legend {
  color: #626262;
}
#modal-new-session-t .text-header {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #333333;
}
#modal-new-session-t .text-header b {
  font-weight: 600;
}
#modal-new-session-t .sub-text {
  color: #626262;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}
#modal-new-session-t .select-text {
  font-size: 16px;
  line-height: 150%;
  color: #626262;
}
#modal-new-session-t .custom-select {
  color: #333333 !important;
}
#modal-new-session-t .modal-footer {
  border-top: 1px solid #d5d5d5;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.message-empy {
  font-size: 17px;
  line-height: 150%;
  text-align: center;
  color: #626262;
}
.bg-light {
  background-color: #ffffff !important;
}
.table-info {
  background-color: rgba(24, 160, 251, 0.25);
}
#modal-select-child .modal-content {
  border-radius: 6px;
}
#modal-select-child .modal-dialog {
  max-width: 460px;
}
#modal-select-child h6 {
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #333333;
}
#modal-select-child h6 .svg {
  margin-right: 10px;
}
#modal-select-child .modal-body {
  padding: 0px !important;
}
#modal-select-child .d-block {
  padding: 20px 20px 0px;
}
#modal-select-child .d-body {
  padding: 0px 20px 0px;
}
#modal-select-child .d-body span {
  font-weight: 600;
}
#modal-report-session .modal-dialog {
  max-width: 477px;
}
#modal-report-session .modal-body {
  padding: 20px;
}
#modal-report-session .modal-body h6 {
  color: #18A0FB;
  font-weight: 600;
}
#modal-report-session .modal-body h6 span {
  font-weight: normal;
  color: #18A0FB;
}
#modal-report-session .modal-body p {
  font-size: 16px;
}
.title-hover-session:hover {
  cursor: pointer;
  text-decoration: underline;
}
.container-detail-session {
  margin: 30px 30px;
  padding: 20 15px;
}
.position-button-detail-session {
  display: flex;
  justify-content: center;
  margin: 20px 0px;
  align-items: center;
}
.not-permission-calendario {
  display: flex;
  justify-content: center;
  margin-top: 8rem;
}
.not-permission-calendario .not-permission {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 27rem;
}
.not-permission-calendario .not-permission p {
  color: #979797;
  text-align: center;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
@media (min-width: 768px) {
.margin-top-session {
    margin-top: 30px;
}
}
/*Fin 768*/
@media (min-width: 992px) {
.container-detail-session {
    padding: 20 30px;
}
.position-button-detail-session {
    justify-content: flex-end;
    margin: 0px 0px;
}
}
/*Fin 992*/
@media (min-width: 1200px) {
.container-detail-session {
    padding: 20 30px;
}
}
/*Fin 1200*/
.vocabulary_empty {
  max-width: 480px;
  margin: 50px auto 0;
  text-align: center;
}
.vocabulary_empty p {
  color: #929292;
  font-weight: 600;
  line-height: 22px;
}
.vocabulary_empty .button-floating-1 {
  position: fixed;
  bottom: 80px;
  right: 15px;
  z-index: 90;
  background: transparent;
  border: none;
  /*&:hover img{
      animation: button-add 1.2s linear  infinite ;
  }*/
}
.vocabulary_empty .button-floating-1 img {
  transition: all 0.7s;
}
.button-floating {
  position: sticky;
  bottom: 66px;
  right: 20px;
  z-index: 90;
  background: transparent;
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-bottom: 13px;
  /*&:hover img{
      animation: button-add 1.2s linear  infinite ;
  }*/
}
.button-floating img {
  transition: all 0.7s;
}
.zIndex-button {
  z-index: 100 !important;
}
.zIndex-button-visor {
  z-index: 100000 !important;
}
@-webkit-keyframes button-add {
0% {
    width: 100%;
}
50% {
    width: 120%;
}
100% {
    width: 100%;
}
}
@keyframes button-add {
0% {
    width: 100%;
}
50% {
    width: 120%;
}
100% {
    width: 100%;
}
}
.progress {
  background-color: #E0E0E0;
  border-radius: 10px;
  height: 8px;
}
.progress .progress-bar {
  border-radius: 10px;
}
.progress .progress-bar.bg-success {
  background-color: #49C856 !important;
}
.progress .progress-bar.bg-warning {
  background-color: #A39838 !important;
}
.progress .progress-bar.bg-danger {
  background-color: #F54545 !important;
}
.list_vocabulary .header-list {
  padding: 30px 20px 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D4D4D4;
}
.list_vocabulary .header-list p {
  margin-bottom: 0;
  color: #626262;
}
.list_vocabulary .header-list .form-inline label {
  font-size: 15px;
  color: #828282;
}
.list_vocabulary .list-group {
  max-height: 538px;
  overflow: auto;
}
.list_vocabulary .list-group .list-group-item {
  padding: 17px 20px;
  display: flex;
  cursor: pointer;
}
.list_vocabulary .list-group .list-group-item img {
  width: 70px;
}
.list_vocabulary .list-group .list-group-item .content-right {
  flex: 1;
  padding-left: 14px;
}
.list_vocabulary .list-group .list-group-item .content-right .name {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.list_vocabulary .list-group .list-group-item .content-right .name h6 {
  font-size: 15px;
  color: #333333;
  margin-bottom: 0;
  margin-right: 12px;
}
.list_vocabulary .list-group .list-group-item .content-right .name .badge {
  background-color: rgba(24, 160, 251, 0.25);
  color: #18A0FB;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 12px 10px 12px;
  border-radius: 10px;
}
.list_vocabulary .list-group .list-group-item .content-right .name .btn-icon {
  visibility: hidden;
  transition: 0.5s;
  opacity: 0;
}
.list_vocabulary .list-group .list-group-item .content-right .name .btn-icon i {
  color: #F54545;
}
.list_vocabulary .list-group .list-group-item::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  background-color: #18A0FB;
  top: 0;
  transition: 0.2s;
}
.list_vocabulary .list-group .list-group-item:hover::before {
  width: 5px;
}
.list_vocabulary .list-group .list-group-item:hover .content-right .btn-icon {
  visibility: visible;
  opacity: 1;
}
#dropdown_add_vocabulary {
  border-left: 1px solid #fff;
  margin-left: 0;
}
#dropdown_add_vocabulary .dropdown-menu {
  min-width: 193px;
}
#dropdown_add_vocabulary .dropdown-toggle {
  padding: 6px 15px;
}
#dropdown_add_vocabulary .dropdown-item {
  white-space: normal;
  color: #626262;
  display: flex;
  align-items: center;
  padding: 4px 10px;
}
#dropdown_add_vocabulary .dropdown-item .svg {
  fill: #626262;
  margin-right: 5px;
}
#dropdown_add_vocabulary .dropdown-item .material-icons {
  color: #626262;
  margin-right: 5px;
  font-size: 18px;
}
#dropdown_add_vocabulary .b-dropdown-text {
  font-size: 15px;
  font-weight: normal;
  padding: 4px 10px;
  text-align: left;
}
#dropdown_add_vocabulary .dropdown-divider {
  border-color: #D0D0D0;
  margin: 0.2rem 0;
}
#modal-quiz {
  overflow: hidden;
  padding: 0px !important;
}
#modal-quiz .modal-dialog {
  max-width: 100% !important;
  margin-top: 0px;
}
#modal-quiz .modal-content {
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
}
#modal-quiz .conatiner-quiz {
  background: #18A0FB url(img/background-quiz.78058c1c.svg) no-repeat center;
  background-size: 100%;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
}
#modal-quiz .conatiner-quiz img {
  width: 100%;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz {
  position: relative;
  display: flex;
  width: 745px;
  margin: auto;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .img-congratulations-quiz {
  display: flex;
  justify-content: center;
  margin: 25px 0px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz {
  padding: 0px 50px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .p-congratulations-quiz {
  font-style: normal;
  font-weight: 400;
  font-size: 22px !important;
  line-height: 150%;
  text-align: center;
  color: #333333 !important;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .button-congratulations-quiz {
  margin: auto;
  margin-top: 22px !important;
  display: flex;
  justify-content: center;
  padding-bottom: 25px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .button-back {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  margin-right: 10px;
  color: #626262;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score {
  padding: 14px 0px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score {
  display: flex;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 15px 0px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .item-score {
  width: 100%;
  text-align: center;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .item-score p {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
  color: #333333 !important;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .item-score h1 {
  margin-bottom: 0px;
  font-size: 73px !important;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .item-score .correct {
  color: #49C856 !important;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .item-score .incorrect {
  color: #F54545 !important;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .item-score .unanswered {
  color: #B4B4B4 !important;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-score .score .border-score {
  border-right: 1px solid #D0D0D0;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-coins .coins {
  position: relative;
  width: 300px;
  margin: auto;
  height: 90px;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-coins .coins .img-coins {
  position: absolute;
  z-index: 11;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-coins .coins .h1-coins {
  width: 85%;
  position: absolute;
  top: 27px;
  z-index: 1;
  right: 0px;
  background: #FAFAFA;
  border-radius: 6px;
  padding: 6px 25px 6px 0px;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
}
#modal-quiz .conatiner-quiz .container-congratulations-quiz .container-p-congratulations-quiz .container-coins .coins .h1-coins h1 {
  margin-bottom: 0px;
  font-size: 27px !important;
}
.table-words {
  background: #fff;
}
.table-words thead th {
  border-bottom-width: 1px;
  font-size: 17px;
  font-weight: 600;
}
.table-words tbody tr {
  transition: all 0.7s;
}
.table-words tbody tr:hover {
  background: transparent !important;
}
.table-words tbody tr:hover .hover-table-word {
  height: 100%;
  position: absolute;
  width: 5px;
  background: #18A0FB;
  top: 0px;
  left: 0px;
}
.table-words tbody tr td {
  position: relative;
  font-size: 17px;
  vertical-align: middle;
  font-size: 15px;
}
.table-words tbody tr td.words_col {
  width: 234px;
}
.table-words tbody tr td .word {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-words tbody tr td .translation {
  padding-left: 20px;
  border-left: 1px solid #D0D0D0;
  display: block;
}
.table-words tbody tr td .translation strong {
  color: #626262;
}
.table-words tbody tr td .listen {
  display: flex;
  align-items: center;
}
.table-words tbody tr td .listen .hover-table-word {
  transition: all 0.7s;
}
.table-words tbody tr td .listen .name-word:hover {
  cursor: pointer;
  text-decoration: underline;
}
.table-words tbody tr td .listen .btn-icon {
  background-color: #E8E8E8;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.table-words tbody tr td .listen .btn-icon i {
  color: #929292;
  font-size: 24px;
}
.table-words tbody tr td .listen .done {
  color: #18A0FB;
  font-size: 15px;
  margin-left: 5px;
}
#modal_practice .modal-dialog {
  max-width: 100%;
  margin: 0;
}
#modal_practice .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#modal_practice .modal-content {
  background: transparent;
  position: absolute;
  height: 100%;
  box-shadow: none;
}
#modal_practice .btn-close-modal {
  position: absolute;
  top: 15px;
  right: 30px;
  padding: 0;
}
.transformPrev {
  -webkit-animation: scaleUp 100ms;
          animation: scaleUp 100ms;
  display: none;
}
.container-word-folder .badge {
  background-color: rgba(24, 160, 251, 0.25);
  color: #18A0FB;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 12px 10px 12px;
  border-radius: 10px;
}
.container-html-progress {
  position: relative;
}
.container-html-progress span {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #929292;
  position: absolute;
  top: 14px;
}
.container-html-progress .max-progress {
  right: 0px;
}
.container-html-progress .value-progress {
  position: absolute;
  top: -17px;
}
@-webkit-keyframes scaleUp {
0% {
    transform: scale(1.2) translateY(50px);
    opacity: 0;
}
20% {
    transform: scale(1.15) translateY(40px);
    opacity: 0.1;
}
40% {
    transform: scale(1.1) translateY(30px);
    opacity: 0.2;
}
60% {
    transform: scale(1.05) translateY(20px);
    opacity: 0.4;
}
80% {
    transform: scale(1.01) translateY(10px);
    opacity: 0.8;
}
100% {
    transform: scale(1) translateY(0);
    opacity: 1;
}
}
@keyframes scaleUp {
0% {
    transform: scale(1.2) translateY(50px);
    opacity: 0;
}
20% {
    transform: scale(1.15) translateY(40px);
    opacity: 0.1;
}
40% {
    transform: scale(1.1) translateY(30px);
    opacity: 0.2;
}
60% {
    transform: scale(1.05) translateY(20px);
    opacity: 0.4;
}
80% {
    transform: scale(1.01) translateY(10px);
    opacity: 0.8;
}
100% {
    transform: scale(1) translateY(0);
    opacity: 1;
}
}
@-webkit-keyframes scaleDown {
0% {
    transform: scale(1) translateY(0);
    opacity: 1;
}
20% {
    transform: scale(1.01) translateY(20px);
    opacity: 0.8;
}
40% {
    transform: scale(1.05) translateY(40px);
    opacity: 0.4;
}
60% {
    transform: scale(1.1) translateY(60px);
    opacity: 0.2;
}
80% {
    transform: scale(1.15) translateY(80px);
    opacity: 0.1;
}
100% {
    transform: scale(1.2) translateY(100px);
    opacity: 0;
}
}
@keyframes scaleDown {
0% {
    transform: scale(1) translateY(0);
    opacity: 1;
}
20% {
    transform: scale(1.01) translateY(20px);
    opacity: 0.8;
}
40% {
    transform: scale(1.05) translateY(40px);
    opacity: 0.4;
}
60% {
    transform: scale(1.1) translateY(60px);
    opacity: 0.2;
}
80% {
    transform: scale(1.15) translateY(80px);
    opacity: 0.1;
}
100% {
    transform: scale(1.2) translateY(100px);
    opacity: 0;
}
}
@-webkit-keyframes scaleCard {
0% {
    top: 5px;
}
100% {
    top: 24px;
}
}
@keyframes scaleCard {
0% {
    top: 5px;
}
100% {
    top: 24px;
}
}
@-webkit-keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(40px);
}
100% {
    transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(40px);
}
100% {
    transform: translateX(0);
}
}
@-webkit-keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(-40px);
}
100% {
    transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(-40px);
}
100% {
    transform: translateX(0);
}
}
.container-modal-practice .modal-practice-quiz {
  position: absolute;
  top: 19px;
  z-index: 100;
  right: 1%;
}
.container-modal-practice .modal-practice-quiz .btn-close-modal {
  border-radius: 50%;
  background: none;
  border: none;
}
.complete {
  position: relative;
  z-index: 6;
  display: block;
  background: #18A0FB !important;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 3px solid #18A0FB !important;
}
.complete::before {
  content: "";
  width: 21px;
  height: 6px;
  background: #18A0FB !important;
  position: absolute;
  top: 1.7px;
  left: 12.8px;
}
.no-completed {
  position: relative;
  z-index: 6;
  display: block;
  background: #CCCCCC !important;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 3px solid #CCCCCC !important;
}
.no-completed::before {
  content: "";
  width: 21px;
  height: 6px;
  background: #18A0FB !important;
  position: absolute;
  top: 1.7px;
  left: 12.8px;
}
.no-completed .tooltip-pass:hover {
  background: red !important;
}
.completing {
  position: relative;
  z-index: 6;
  display: block;
  background: #ffffff !important;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 3px solid #18A0FB !important;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.container-steps-questions {
  display: flex;
  justify-content: center;
  padding-left: 0px;
  position: relative;
  z-index: 1000;
}
.container-steps-questions .steps-questions {
  background: #FFFFFF;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 20px;
  display: flex;
}
.container-steps-questions .steps-questions .step-questions {
  background: #CCCCCC;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 0px 10px;
  position: relative;
  border: 3px solid #CCCCCC;
}
.container-steps-questions .steps-questions .step-questions span .complete {
  position: relative;
  z-index: 6;
  display: block;
  background: #18A0FB;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.container-steps-questions .steps-questions .step-questions span .no-completed {
  position: relative;
  z-index: 6;
  display: block;
  background: #CCCCCC;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.container-steps-questions .steps-questions .step-questions span .completing {
  position: relative;
  z-index: 6;
  display: block;
  background: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 3px solid #18A0FB;
}
.container-steps-questions .steps-questions .step-questions::before {
  content: "";
  width: 21px;
  height: 6px;
  background: #CCCCCC;
  position: absolute;
  top: 1.7px;
  left: 12.8px;
}
.container-steps-questions .steps-questions .step-questions:last-child::before {
  display: none !important;
}
.stacked-cards {
  position: relative;
  perspective: 30rem;
  transform-style: preserve-3d;
  width: 100%;
  min-height: 225px;
  transition: 0.5s;
  max-width: 1035px;
}
.stacked-cards .stacked-card {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding: 1.9rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.75rem;
  text-align: center;
  transition: 0.6s;
  transition: all 0.6s ease 0s;
  transform: translate3d(0px, 1.3rem, -1.1rem);
  /* background-color: rgb(179, 179, 179); */
  background: #FFFFFF;
  opacity: 0.2;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.stacked-cards .stacked-card--current {
  /*transform: translate3d(0, 0, 0);
  background-color: #FFFFFF;
  opacity: 1;*/
  top: 50%;
  bottom: 50%;
  margin: auto;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  transform: translate3d(0px, 0px, 0px);
  background-color: white;
  opacity: 1;
  justify-content: space-between;
  padding-top: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 225px;
}
.stacked-cards .stacked-card--current .stacked-card-input, .stacked-cards .stacked-card--current .card-footer {
  visibility: visible !important;
}
.stacked-cards .stacked-card--next {
  /*transform: translate3d(0, 1.2rem, -1.5rem);
  background-color: hsl(0, 0, 80);
  transition-delay: $duration * 1/3;*/
  transform: translate3d(0px, 0.7rem, -0.5rem);
  transition-delay: 0.2s;
  background: #FFFFFF;
  opacity: 0.7;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.stacked-cards .stacked-card--raised {
  transform: translate3d(0, calc(-100% - 3rem), -1.5rem) rotate3d(-1, 0, 1, 22.5deg);
  transform-origin: 100% 100%;
  background-color: #cccccc;
}
.stacked-cards .stacked-card .stacked-card-input {
  width: 100%;
  visibility: hidden;
}
.stacked-cards .stacked-card .stacked-card-input p {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: left;
  color: #333333 !important;
}
.stacked-cards .stacked-card .card-footer {
  visibility: hidden;
  width: 100%;
  background: transparent;
  padding: 0;
  border: none;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 150%;
  align-items: flex-end;
}
.stacked-cards .stacked-card .card-footer .link-modal-footer {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #18A0FB;
}
.stacked-cards .stacked-card .card-footer .button-pass {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #626262;
}
.stacked-cards .stacked-card .card-footer > div {
  display: flex;
}
.show-modal-helper {
  display: block !important;
}
.modal-helper {
  position: fixed;
  left: 459px;
  top: 0;
  background: #ffffff;
  width: 595px;
  height: 124px;
  z-index: 10000;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-helper .p-modal-helper {
  padding: 0px 31px;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  color: #333333 !important;
  text-align: justify;
}
.modal-helper .button-close-helper {
  border: none;
  background: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #626262;
  position: absolute;
  bottom: 8px;
  right: 30px;
  cursor: pointer;
}
.cards-nav {
  display: flex;
  margin-top: 1.5rem;
}
.cards-nav__button {
  border-radius: 50%;
  background: none;
  border: none;
}
.cards-nav__button:hover {
  background-color: #b3b3b3 !important;
  transition: all 0.2s;
}
.container-answer {
  display: flex;
}
.container-answer .img-answer {
  display: flex;
}
.container-answer .img-answer img {
  width: 27px;
}
.container-answer .img-answer .p-img-answer {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-left: 10px;
}
.container-answer .img-answer .p-nice {
  color: #2FA83B !important;
}
.container-answer .img-answer .p-no {
  color: #EB5757 !important;
}
.container-answer .answer {
  display: flex;
  margin-left: 30px;
  align-items: center;
}
.container-answer .answer .p-answer {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  display: flex;
  align-items: center;
  color: #929292 !important;
  margin-bottom: 0px;
}
.container-answer .answer b {
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-bottom: 2px;
}
.container-answer .answer span {
  background: #D0D0D0;
  width: 1px;
  height: 17px;
  margin: 0px 10px;
}
.button-answer {
  display: flex;
  justify-content: flex-end;
}
.container-tooltip-question {
  display: none;
  position: absolute;
  top: -60px;
  left: -19px;
}
.container-tooltip-question .tooltip-question {
  position: relative;
}
.container-tooltip-question .tooltip-question .p-tooltip-question {
  position: absolute;
  top: 8px;
  left: 0px;
  right: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px !important;
  line-height: 150%;
  color: #18A0FB !important;
  cursor: pointer;
  text-align: center;
}
.container-congratulations {
  position: relative;
  display: flex;
  width: 745px;
  height: 254px;
  margin: auto;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.container-congratulations .img-congratulations {
  position: absolute;
  top: -45px;
  left: 311px;
}
.container-congratulations .container-p-congratulations {
  padding: 0px 50px;
  margin-top: 65px;
}
.container-congratulations .container-p-congratulations .p-congratulations {
  font-style: normal;
  font-weight: 400;
  font-size: 22px !important;
  line-height: 150%;
  text-align: center;
  color: #333333 !important;
}
.container-congratulations .container-p-congratulations .button-congratulations {
  display: block;
  margin: auto;
  margin-top: 22px !important;
}
.button-practice .svg {
  fill: #18A0FB;
  margin-top: 5px;
  margin-right: 10px;
  width: 23px;
  height: 15px;
}
.button-quiz .svg {
  fill: #18A0FB !important;
}
.button-quiz:hover .svg {
  fill: #ffffff;
}
.button-quiz:hover .svg .replaced-svg {
  fill: #18A0FB;
}
.button-quiz.btn-disabled {
  background-color: #fff;
  color: #B4B4B4;
  border-color: #B4B4B4;
}
.button-quiz.btn-disabled .svg {
  fill: #B4B4B4 !important;
}
.container-cards-quiz {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
}
.position-steps-quiz {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.position-steps-quiz .container-steps-quiz {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}
.position-steps-quiz .container-steps-quiz .p-quiz {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  color: #333333 !important;
}
.position-steps-quiz .container-steps-quiz .steps-questions {
  padding: 20px;
  display: flex;
}
.position-steps-quiz .container-steps-quiz .steps-questions .step-questions {
  background: #CCCCCC;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 0px 10px;
  position: relative;
  border: 3px solid #CCCCCC;
}
.position-steps-quiz .container-steps-quiz .steps-questions .step-questions span .complete {
  position: relative;
  z-index: 6;
  display: block;
  background: #18A0FB;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.position-steps-quiz .container-steps-quiz .steps-questions .step-questions span .no-completed {
  position: relative;
  z-index: 6;
  display: block;
  background: #CCCCCC;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.position-steps-quiz .container-steps-quiz .steps-questions .step-questions span .completing {
  position: relative;
  z-index: 6;
  display: block;
  background: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 3px solid #18A0FB;
}
.position-steps-quiz .container-steps-quiz .steps-questions .step-questions::before {
  content: "";
  width: 21px;
  height: 6px;
  background: #CCCCCC;
  position: absolute;
  top: 1.7px;
  left: 12.8px;
}
.position-steps-quiz .container-steps-quiz .steps-questions .step-questions:last-child::before {
  display: none !important;
}
.container-progress {
  position: absolute;
  top: 0;
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 6px 6px;
  width: 1161px;
  display: flex;
}
.container-progress .separator-progress {
  padding: 12px 0px;
  width: 2%;
}
.container-progress .separator-progress span {
  background-color: #D0D0D0;
  width: 2px;
  height: 100%;
  display: block;
  margin: auto;
}
.container-progress .container-progress-div {
  width: 49%;
  padding: 10px 20px 16px 20px;
}
.container-progress .container-progress-div .header-progress {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.container-progress .container-progress-div .header-progress p {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #333333;
}
.container-modal-helper {
  background: rgba(21, 21, 21, 0.5);
  width: 100vw;
  position: fixed;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 1000;
  display: flex;
  justify-content: center;
}
.container-modal-helper .modal-helper-quiz {
  position: relative;
  background: #ffffff;
  width: 595px;
  height: 124px;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-modal-helper .modal-helper-quiz .p-modal-helper-quiz {
  padding: 0px 31px;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  color: #333333 !important;
  text-align: justify;
  height: 60%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-flow: wrap;
}
.container-modal-helper .modal-helper-quiz .button-close-helper-quiz {
  border: none;
  background: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #626262;
  position: absolute;
  bottom: 8px;
  right: 30px;
  cursor: pointer;
}
.container-modal-helper .modal-helper-quiz .button-close-helper-quiz svg {
  fill: rgba(0, 0, 0, 0.54);
  margin-right: 8px;
}
.bookstores {
  display: flex;
  background: #fff;
  padding: 24px;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #e8e8e8;
}
.bookstores h6 {
  font-size: 17px;
}
.bookstores p {
  margin-bottom: 0;
  font-size: 15px;
  max-width: 380px;
  margin-right: 30px;
}
.bookstores .card_bstore {
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-right: 10px;
  max-width: 214px;
  height: 114px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  flex: none;
  cursor: pointer;
}
.bookstores .card_bstore:last-child {
  margin-right: 0;
}
.bookstores .card_bstore.bg_blue {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #18a0fb;
}
.bookstores .library_scroll {
  display: flex;
  align-items: center;
  overflow-x: auto;
  flex: 1;
  margin-right: 32px;
  padding: 5px;
}
.bookstores .library_scroll::-webkit-scrollbar {
  height: 7px;
}
.bookstores .library_scroll::-webkit-scrollbar-track {
  background: transparent;
}
.bookstores .library_scroll::-webkit-scrollbar-thumb {
  background: #B4B4B4;
}
.container_empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  flex: 1;
}
.container_empty div {
  max-width: 450px;
  text-align: center;
}
.container_empty div p {
  margin-top: 60px;
  color: #929292;
  font-weight: 600;
  line-height: 22px;
}
.BS_newest {
  margin: 0 -15px;
  padding-top: 25px;
  background: #18A0FB;
  position: relative;
}
.BS_newest h1 {
  font-family: Ranister;
  color: #fff;
  font-size: 35px;
  margin-bottom: 25px;
  padding-left: 25px;
}
.BS_newest h1 i {
  font-size: 16px;
  margin-right: 12px;
}
.BS_newest .card_BS_book {
  margin-bottom: 46px;
}
.BS_newest .owl-stage-outer {
  padding-left: 25px;
}
.BS_newest .owl-stage-outer::-webkit-scrollbar {
  height: 7px;
}
.BS_newest .owl-stage-outer::-webkit-scrollbar-track {
  background: transparent;
}
.BS_newest .owl-stage-outer::-webkit-scrollbar-thumb {
  background: #0B82D1;
}
.my-books {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.my-books .col-md-6 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.my-books .card_BS_book {
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 1600px) {
.my-books .col-md-6 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
}
.card_BS_book {
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  display: flex;
  padding: 20px;
  height: 205px;
  width: 428px;
}
.card_BS_book .book_img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 107px !important;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card_BS_book .description {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  flex: 1;
}
.card_BS_book .description h6 {
  font-size: 17px;
  margin-bottom: 0;
  color: #333333;
}
.card_BS_book .description .container-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  margin-bottom: 12px;
}
.card_BS_book .description p {
  font-size: 15px;
  line-height: 22px;
  color: #626262;
}
.card_BS_book .description .badges {
  margin-bottom: 20px;
}
.card_BS_book .description .progress-page {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.card_BS_book .description .progress-page span {
  font-size: 14px;
  color: #626262;
}
.card_BS_book .description .progress-page .progress {
  margin: 0 10px;
  width: 100px;
  background-color: #e0e0e0;
}
.card_BS_book .description .progress-page .progress .progress-bar {
  background-color: #18A0FB;
}
.card_BS_book .description .options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.card_BS_book .description .options .delete i {
  color: #F54545;
}
.carousel_cards {
  position: relative;
  margin-left: -39px;
  margin-right: -39px;
  padding-left: 39px;
}
.carousel_cards .owl-carousel .owl-stage {
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn_nav {
  background: #ffffff;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
  bottom: 0;
  top: 0;
  margin: auto;
}
.btn_nav i {
  color: #18A0FB;
}
.btn_nav.next {
  right: 40px;
}
.btn_nav.prev {
  left: 40px;
}
.margin-top-img-book {
  margin-top: 15px;
  align-items: center;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
/*Fin 768*/
/*Fin 992*/
@media (min-width: 1200px) {
.margin-top-img-book {
    margin-top: 0px;
}
.bookstores p {
    margin-right: 30px;
}
}
/*Fin 1200*/
.header-register {
  display: flex;
  align-items: center;
  min-height: 100vh;
}
.header-text {
  padding-left: 90px;
}
.header-text h1 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 40px;
}
.header-text h1 span {
  color: #18A0FB;
}
.header-text p {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 35px;
}
.tutor-register {
  border-top: 1px solid #d0d0d0;
  padding: 54px 0;
}
.tutor-register form {
  max-width: 600px;
  margin: auto;
}
.tutor-register form h1 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 600;
}
.tutor-register form .row .col {
  margin-bottom: 5px;
}
.tutor-register form .row .col .form-group {
  margin-bottom: 0;
}
.tutor-register form .row .col .error-label {
  margin-top: -8px;
}
.tutor-register form .form-group {
  margin-bottom: 12px !important;
}
.tutor-register form .form-group .error-label {
  margin-top: 4px;
}
.tutor-register form .alert {
  border-radius: 6px;
  box-shadow: 0 0;
  margin-bottom: 15px;
  color: #626262;
  padding: 15px;
  font-size: 15px;
}
.tutor-register form .alert i {
  font-size: 15px;
  margin-right: 8px;
}
.tutor-register form .form-inline .form-control {
  flex: 1;
}
.stipe-blue {
  background: rgba(24, 160, 251, 0.5);
  -webkit-backdrop-filter: blur(242px);
          backdrop-filter: blur(242px);
  min-height: 150px;
  position: relative;
  margin-bottom: 60px;
}
.stipe-blue .b-avatar {
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
  margin: auto;
  border: 5px solid #fff;
}
.steps.w-tutor {
  margin: 30px auto 68px;
  max-width: 325px;
}
.steps.w-tutor .step::before {
  width: 100px;
  left: -85px;
  height: 2px;
  background: #B4B4B4;
  top: 13px;
}
.steps.w-tutor .step span {
  color: #B4B4B4;
  border: 1px solid #B4B4B4;
  font-weight: 600;
}
.steps.w-tutor .step.active span {
  color: #fff;
  border-color: #18A0FB;
}
.steps.w-tutor .step.active i {
  visibility: visible;
}
.steps.w-tutor .step i {
  position: absolute;
  bottom: -32px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  visibility: hidden;
}
.tabs.w-tutor .nav-tabs {
  display: none;
}
.tabs.w-tutor .tab-content form {
  max-width: 600px;
  margin: auto;
}
.tabs.w-tutor .tab-content .form-group {
  margin-bottom: 20px !important;
}
.tabs.w-tutor .tab-content .form-group .form-control,
.tabs.w-tutor .tab-content .form-group .custom-select {
  height: 45px;
}
.tabs.w-tutor .tab-content .form-group .form-control.default,
.tabs.w-tutor .tab-content .form-group .custom-select.default {
  color: #929292;
}
.calendar-box {
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.15));
  box-shadow: 0 0;
}
.calendar-box .card-body {
  padding: 28px;
}
.calendar-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.calendar-options h1 {
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 600;
}
.calendar-options .select-date a {
  margin: 0 20px;
}
.nav-tabs-tutor {
  border-top: 1px solid #e8e8e8;
  background: #fff;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  position: sticky;
  bottom: 53px;
}
.nav-tabs-tutor a {
  display: flex;
  align-items: center;
  color: #626262;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.nav-tabs-tutor a i {
  font-size: 24px;
  margin-right: 15px;
}
.input-select-tutor {
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  font-size: 15px;
  color: #B4B4B4 !important;
  display: flex;
  align-items: center;
  padding: 0.6rem 0.7rem 0.6rem 1rem;
  justify-content: space-between;
}
.input-select-tutor img {
  width: 14px;
}
.input-select-tutor p {
  margin-bottom: 0px;
  color: #929292;
}
.input-select-tutor .tags-select-tutor {
  display: flex;
  flex-wrap: wrap;
}
.input-select-tutor .tags-select-tutor .tags-item-select-tutor {
  margin: 2px;
  background: #E8E8E8;
  border-radius: 6px;
  padding: 7px 10px;
  color: #333333;
}
.container-list-topic {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  height: 122px;
  overflow: auto;
  position: absolute;
  width: 100%;
  background: #FFFFFF;
}
.container-list-topic .item-list-topic {
  padding: 0.4rem 0.9rem;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  /*&:hover{
    background: #18A0FB;
    p{
      color: #ffffff;
    }
  }*/
}
.container-list-topic .item-list-topic div {
  display: none;
}
.container-list-topic .item-list-topic p {
  color: #626262;
  margin-bottom: 0px;
}
.active-topic p {
  font-weight: 600;
}
.active-topic div {
  display: block !important;
}
.calendar-box .b-table-sticky-header {
  max-height: 70vh;
}
.calendar-box .b-table-sticky-header::-webkit-scrollbar:horizontal {
  height: 8px;
}
#calendar-tutor .thead-light th {
  background: #FAFAFA;
  font-size: 14px;
  color: #4f4f4f;
  text-align: center;
  font-weight: 400;
  border-bottom-width: 1px;
  padding: 0.4rem;
}
#calendar-tutor .thead-light th i {
  font-size: 20px;
}
#calendar-tutor td {
  padding: 0;
}
#calendar-tutor td.hour {
  background: #FAFAFA;
  font-size: 14px;
  color: #4f4f4f;
  border: none;
  text-align: center;
  position: relative;
}
#calendar-tutor td.hour span {
  font-size: 12px;
  color: #929292;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -5px;
}
#calendar-tutor td .block {
  background: #FAFAFA;
  padding: 18px;
  border: 1px solid #B4B4B4;
  border-radius: 6px;
  padding: 18px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #B4B4B4;
}
#calendar-tutor td .block.active {
  background: #18A0FB;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
  color: #fff;
  border: none;
}
#calendar-tutor td .block.active strong {
  float: left;
}
#calendar-tutor .custom-checkbox {
  padding: 0;
}
#calendar-tutor .custom-checkbox .custom-control-label {
  color: #18A0FB;
  font-weight: 600;
  background: rgba(24, 160, 251, 0.25);
  border: 1px solid #18A0FB;
  border-radius: 6px;
  padding: 18px 18px 18px 50px;
  display: block;
  cursor: pointer;
}
#calendar-tutor .custom-checkbox .custom-control-label::before {
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0;
  border-color: #18A0FB;
  border-width: 2px;
  box-shadow: 0 0;
}
#calendar-tutor .custom-checkbox .custom-control-label::after {
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#calendar-tutor .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  color: #49C856;
  background-color: rgba(84, 225, 98, 0.25);
  border-color: #49C856;
}
#calendar-tutor .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #49C856;
  border-color: #49C856;
}
.disabled-input-checkbox {
  color: #18A0FB;
  font-weight: 600;
  color: #b4b4b4 !important;
  background: #ffffff !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 6px;
  padding: 18px;
  text-align: center;
  height: 100%;
  cursor: pointer;
}
.disabled-input-checkbox .truncate {
  max-width: 60px;
}
.disabled-input-checkbox .status-canceled {
  color: #BAAE3F !important;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
}
.disabled-input-checkbox .status-canceled p {
  color: #BAAE3F;
  margin-bottom: 0px;
  margin-left: 10px;
}
.disabled-input-checkbox .status-calififcation {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
}
.disabled-input-checkbox .status-calififcation p {
  margin-bottom: 0px;
  margin-left: 10px;
  color: #B4B4B4;
}
#module-calendar-tutor {
  border-top: none;
}
#module-calendar-tutor .thead-light th {
  background: #FAFAFA;
  font-size: 14px;
  color: #4f4f4f;
  text-align: center;
  font-weight: 400;
  border-bottom-width: 1px;
  padding: 0.4rem;
  border-bottom: none;
  border-top: none;
  box-shadow: inset 0px -1px #d0d0d0;
}
#module-calendar-tutor .thead-light th div {
  color: #4F4F4F;
}
#module-calendar-tutor .thead-light th i {
  font-size: 20px;
}
#module-calendar-tutor td {
  padding: 0;
  width: 14%;
}
#module-calendar-tutor td.hour {
  width: 4% !important;
  background: #FAFAFA;
  font-size: 14px;
  color: #4f4f4f;
  border: none;
  text-align: center;
  position: relative;
}
#module-calendar-tutor td.hour span {
  font-size: 12px;
  color: #929292;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
}
#module-calendar-tutor td .block {
  background: #FAFAFA;
  padding: 0.7rem;
  border: 1px solid #B4B4B4;
  border-radius: 6px;
  display: flex;
  text-align: center;
  font-size: 0.9rem;
  color: #B4B4B4;
}
#module-calendar-tutor td .block.active {
  cursor: pointer;
  background: #18A0FB;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
  color: #fff;
  border: none;
}
#module-calendar-tutor td .block.active strong {
  margin-right: 1rem;
  color: #fff;
  font-weight: 600;
}
#module-calendar-tutor td .block.active .truncate {
  max-width: 60px;
}
#module-calendar-tutor .custom-checkbox {
  padding: 0;
}
#module-calendar-tutor .custom-checkbox .custom-control-label {
  color: #18A0FB;
  font-weight: 600;
  background: #FFFFFF;
  border: 1px solid #B4B4B4;
  border-radius: 6px;
  padding: 18px 18px 18px 50px;
  display: block;
  cursor: pointer;
}
#module-calendar-tutor .custom-checkbox .custom-control-label::before {
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0;
  border-color: #18A0FB;
  border-width: 2px;
  box-shadow: 0 0;
}
#module-calendar-tutor .custom-checkbox .custom-control-label::after {
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#module-calendar-tutor .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  color: #49C856;
  background-color: rgba(84, 225, 98, 0.25);
  border-color: #49C856;
}
#module-calendar-tutor .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #49C856;
  border-color: #49C856;
}
.title_welcome {
  font-size: 25px;
  font-weight: 400;
  color: #626262;
  margin: 30px 0px;
}
.title_welcome strong {
  font-weight: 600;
  color: #333333;
}
.campaign {
  margin-bottom: 15px;
}
.campaign .carousel {
  box-shadow: 1px 0px 4px rgba(1, 99, 165, 0.25), 0px 1px 4px rgba(1, 99, 165, 0.25);
  border-radius: 6px;
  overflow: hidden;
}
.campaign .carousel .carousel-inner {
  background: linear-gradient(94.38deg, rgba(255, 255, 255, 0.1) 46.44%, rgba(255, 255, 255, 0) 93.91%), #0163a5;
}
.campaign .carousel .carousel-item {
  height: 14.5vw;
  background-size: cover !important;
}
.campaign .carousel .carousel-item .carousel-caption {
  padding: 0;
  font-size: 16px;
  text-align: left;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
}
.campaign .carousel .carousel-item .carousel-caption img {
  max-width: 22%;
}
.campaign .carousel .carousel-item .carousel-caption h1 {
  color: #fff;
  font-weight: normal;
  font-size: 19px;
  margin-bottom: 14px;
}
.campaign .carousel .carousel-item .carousel-caption p {
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 10px;
}
.campaign .carousel .carousel-indicators {
  margin-bottom: 10px;
}
.campaign .carousel .carousel-indicators li {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  opacity: 1;
  margin: 5px;
}
.campaign .carousel .carousel-indicators li.active {
  background: #fff;
}
.card-ingresos {
  border-radius: 6px;
  flex-direction: column;
}
.card-ingresos .chart {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 18px;
  position: relative;
  overflow-x: auto;
}
.card-ingresos .chart .title-t {
  position: absolute;
  color: #333333;
}
.amount {
  max-width: 100%;
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #d0d0d0;
}
.amount .box {
  border-bottom: 1px solid #d0d0d0;
  height: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 20px 24px;
}
.amount .box .title-t {
  color: #333333;
  align-self: flex-start;
}
.amount .box h1 {
  font-size: 45px;
  font-weight: 600;
  color: #333333;
}
.amount .box span {
  font-size: 18px;
  font-weight: 600;
  color: #626262;
}
.amount .box:last-child {
  border-bottom: none;
}
.amount .box:last-child h1 {
  color: #626262;
}
ul.pending_tasks {
  padding: 0;
}
ul.pending_tasks li {
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 18px 22px;
  margin-bottom: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
ul.pending_tasks li div {
  display: flex;
  align-items: center;
}
ul.pending_tasks li div i {
  color: #929292;
  margin-right: 25px;
  font-size: 24px;
}
ul.pending_tasks li div p {
  margin-bottom: 0;
  color: #333333;
  margin-right: 7px;
  font-weight: 500;
  font-size: 15px;
}
ul.pending_tasks li div p strong {
  color: #18A0FB;
  font-size: 15px;
}
ul.pending_tasks li span {
  color: #626262;
  font-size: 15px;
}
ul.pending_tasks li a {
  margin-left: auto;
  font-size: 15px;
  color: #18A0FB;
  text-decoration: none;
}
ul.pending_tasks li.more {
  background: none;
  box-shadow: 0 0;
  padding-left: 0;
  padding-bottom: 14;
}
.btn-tutor-now {
  max-width: 170px;
  z-index: 11;
  bottom: 0;
  margin-left: auto;
  position: fixed;
  bottom: 0px;
  right: 0px;
  outline: none;
  border: none;
  background: #18A0FB;
  display: flex;
  align-items: center;
  padding: 12px;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px 0px 0px 0px;
  transition: 0.4s all;
}
.btn-tutor-now.toggleBtnNow {
  bottom: 54px;
  right: 0;
  left: 100%;
  width: 100%;
}
.btn-tutor-now .text-tutor {
  padding: 12px;
  cursor: pointer;
}
.btn-tutor-now h6 {
  font-size: 16px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  padding: 10px;
  margin-right: 10px;
}
.btn-tutor-now .icon {
  position: relative;
}
.btn-tutor-now .icon svg {
  width: 35px;
  height: 35px;
}
.btn-tutor-now .icon span {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  right: 7px;
  top: -1px;
  color: #fff;
}
.btn-tutor-now.nowFluid {
  padding: 12px 25px;
  border-radius: 0;
  max-width: 100%;
  margin: 0;
  background-color: #18a0fb;
  background-image: url(data:image/png;base64,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);
  background-position: 92%;
  background-repeat: no-repeat;
  transition: 0.4s all;
  max-height: 67px;
  overflow: hidden;
  left: 100%;
}
.btn-tutor-now.nowFluid.toggleBtnNow {
  width: calc(100% - 15rem);
  left: auto;
}
.btn-tutor-now.nowFluid .text-tutor {
  margin-right: 20px;
}
.btn-tutor-now.nowFluid .bannerRequest {
  overflow: hidden;
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.btn-tutor-now.nowFluid .bannerRequest .text-request {
  margin: 0 10px;
  background-color: transparent;
}
.btn-tutor-now.nowFluid .bannerRequest .text-request strong {
  color: #fff;
}
.btn-tutor-now.nowFluid .bannerRequest .content-btn {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.btn-tutor-now.nowFluid .bannerRequest .content-btn .btnRequest {
  overflow: hidden;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 11px 25px;
  background: #eb1f5c;
  border-radius: 6px;
  border: none;
  outline: none;
  max-height: 45px;
}
.btn-tutor-now.nowFluid .bannerRequest .content-btn .btnClose {
  max-height: 45px;
  outline: none;
  background: transparent;
  border-radius: 6px;
  color: #ffffff;
  border: 2px #ffffff solid;
  padding: 6px 25px;
}
#modalRequestTutor .modal-content {
  background: transparent;
  box-shadow: none;
}
#modalRequestTutor .modal-content .modal-body {
  padding: 0;
}
#modalRequestTutor .modal-dialog {
  max-width: 650px;
  margin-top: 0;
}
#modalRequestTutor .requets {
  position: relative;
  max-height: 400px;
  max-width: 650px;
  width: 650px;
  margin: 55px auto;
}
#modalRequestTutor .requets .close {
  cursor: pointer;
  position: absolute;
  z-index: 100;
  right: -50px;
  top: 55px;
}
#modalRequestTutor .requets h6 {
  background: rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 13px 11px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 45px;
  height: 100%;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
}
#modalRequestTutor .requets .row {
  height: 92px;
  max-height: 100px;
  margin: 15px 0;
  background: white;
  text-align: center;
  align-items: center;
  border-radius: 6px;
}
#modalRequestTutor .requets .row.fade {
  transition: opacity 0.5s linear;
}
#modalRequestTutor .requets .row.disagreement .moment {
  background: rgba(245, 69, 69, 0.5);
  border: 1px solid #ca3030;
  color: #f54545;
}
#modalRequestTutor .requets .row strong {
  margin: auto;
}
#modalRequestTutor .requets .row .session {
  text-align: initial;
  padding: 0;
  font-size: 15px;
}
#modalRequestTutor .requets .row .moment {
  width: 91px;
  height: 92px;
  padding: 25px 0;
  color: #34C543;
  font-weight: 600;
  background: rgba(84, 225, 98, 0.5);
  outline: 1px solid #34c543;
  border-radius: 5px 0px 0px 5px;
}
#modalRequestTutor .requets .row .moment span {
  display: block;
  text-align: center;
  color: #34C543;
}
#modalRequestTutor .requets .row .moment span:last-child {
  font-weight: 400;
}
#modalRequestTutor .requets .row .moment-2 {
  width: 91px;
  height: 92px;
  padding: 25px 0;
  color: #CA3030;
  font-weight: 600;
  background: rgba(245, 69, 69, 0.5);
  outline: 1px solid #CA3030;
  border-radius: 5px 0px 0px 5px;
}
#modalRequestTutor .requets .row .moment-2 span {
  display: block;
  text-align: center;
  color: #CA3030;
}
#modalRequestTutor .requets .row .moment-2 span:last-child {
  font-weight: 400;
}
#modalRequestTutor .requets .row .profile {
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 26px;
}
#modalRequestTutor .requets .row .profile strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#modalRequestTutor .requets .row .profile .photo img {
  left: 5%;
  top: 8%;
  width: 40px;
}
#modalRequestTutor .requets .row .agree {
  cursor: pointer;
  border: none;
  outline: none;
  background: #18a0fb;
  color: white;
  border-radius: 6px;
  padding: 11px 25px;
  font-size: 14px;
  font-weight: 600;
  margin-right: -12px;
}
.group-avatar {
  position: relative;
}
.group-avatar i {
  color: #18A0FB;
  background: #d2edff;
  font-size: 15px;
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 998;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 0.15));
  left: -10px;
  top: -10px;
}
.photo {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  width: 42px;
  height: 42px;
  position: relative;
  overflow: hidden;
  flex: none;
  margin-right: 7px;
}
.photo img {
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  bottom: 0;
  max-height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  top: auto;
}
.photo.photo-nav {
  margin-left: -12px;
  border: 3px solid white;
}
.container-barchart {
  width: 100%;
  display: flex;
  justify-content: center;
}
.margin-barchart {
  margin-top: 30px;
  padding: 0;
}
.container-minimize {
  position: fixed;
  bottom: 0px;
  right: 180px;
  background: #18A0FB;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px 6px 0px 0px;
  color: #FFFFFF;
  display: flex;
  padding: 15px;
  transition: 0.4s all;
}
.container-minimize.toggleNext {
  bottom: 49px;
  right: 180px;
}
.container-minimize .text-minize {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}
.container-minimize .text-minize p {
  margin-bottom: 0px;
}

/*Responsive*/
/* iphone 4 */
/*Fin 320*/
/* especial */
/*Fin 560*/
/*Fin 768*/
@media (min-width: 992px) {
.campaign .carousel .carousel-inner .carousel-item .carousel-caption h1 {
    font-size: 25px;
}
.campaign .carousel .carousel-inner .carousel-item .carousel-caption p {
    font-size: 15px;
}
}
/*Fin 992*/
@media (min-width: 1200px) {
.amount {
    max-width: 30%;
    border-right: 1px solid #d0d0d0;
    border-bottom: none;
}
.card-ingresos {
    flex-direction: row;
}
.container-barchart {
    justify-content: flex-start;
}
.margin-barchart {
    margin-top: 0px;
}
ul.pending_tasks li {
    flex-direction: row;
}
}
/*Fin 1200*/
.card-session.tutor .badge.s-pending {
  background: #BAAE3F;
}
.card-session.tutor .name {
  margin-bottom: 0;
}
.card-session.tutor .b-rating {
  max-width: 134px;
  margin-right: 20px;
  margin-left: 15px;
}
.card-session.tutor .b-rating .b-rating-icon .b-icon {
  fill: #1890FF;
}
.card-session.tutor .session_status {
  font-size: 17px;
  color: #626262;
}
.unrated {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(186, 174, 63, 0.25);
  color: #A39838;
  font-weight: 600;
  padding: 5px 10px;
  font-size: 15px;
  margin-right: 24px;
  border-radius: 6px;
  cursor: default;
}
.unrated span {
  padding: 0 10px;
  font-weight: 100;
  font-size: 20px;
  display: block;
  color: #A39838;
}
.unrated.danger {
  background-color: rgba(245, 69, 69, 0.25);
  color: #F54545;
}
.unrated.danger span {
  color: #F54545;
}
.unrated img {
  margin-right: 6px;
}
.ungraded-sessions {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 18px;
}
.ungraded-sessions p {
  margin-bottom: 0;
  font-size: 15px;
  color: #929292;
  display: flex;
  align-items: center;
}
.ungraded-sessions p a {
  color: #18A0FB;
  font-weight: 600;
  font-size: 14px;
  display: contents;
  text-decoration: none !important;
}
.navSessions {
  align-items: center;
}
.navSessions h6 {
  font-size: 17px;
  margin-bottom: 0;
}
.navSessions h4 {
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 600;
}
.navSessions .b-rating {
  max-width: 134px;
  margin-right: 20px;
  margin-left: 10px;
}
.navSessions .b-rating .b-rating-icon .b-icon {
  fill: #1890FF;
}
.navSessions .dataTime {
  margin-left: 15px;
  font-size: 17px;
  font-weight: 400;
  color: #626262;
}
.navSessions .btnDetail button {
  font-size: 14px;
}
.navSessions .btnDetail button i {
  font-size: 18px;
}
.session-content.tutor {
  border-color: #D0D0D0;
}
.session-content .seeList {
  padding: 15px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #D0D0D0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.03);
  margin-bottom: 20px;
}
.session-content .seeList h6 {
  margin: 0;
  font-size: 14px;
  color: #333333;
}
.session-content .seeList h6 strong {
  font-weight: 600;
  color: #333333;
}
.session-content .seeList img {
  width: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 12px;
}
.session-content .seeList .svg {
  fill: #18A0FB;
  margin-right: 7px;
}
.session-content .seeList a {
  color: #18A0FB;
  font-size: 14px;
  text-decoration: none;
}
.session-content .qualifyNegative {
  max-width: 420px;
  margin: auto;
  padding: 40px 0;
  text-align: center;
  font-size: 15px;
}
.session-content .qualifyNegative button {
  margin: auto;
  margin-top: 20px;
}
.session-content .qualifyNegative.Negative-student div {
  width: 100%;
  justify-content: center;
  align-items: center;
}
.session-content .qualifyNegative.Negative-student div button {
  margin: 0;
  margin-right: 20px;
}
.session-content .qualifyNegative.Negative-student div button:last-child {
  margin-right: 0;
}
.session-content .qualifyNegative.Negative-student div a {
  cursor: pointer;
}
.session-content .sessionCompleteFooter {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #d0d0d0;
  border-radius: 0 0 5px 5px;
  background: #fafafa;
  margin: 0 -15px -11px;
}
.session-content .sessionCompleteFooter .btnItems {
  margin-left: 15px !important;
}
.session-content .sessionCompleteFooter h6 {
  margin: 0 10px 0 0;
  font-weight: 600;
  font-size: 25px;
  color: #333333;
}
.session-content .header-collapse {
  padding: 13px 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d0d0d0;
}
.session-content .header-collapse h6 {
  font-size: 17px;
  color: #333333;
  margin: 0;
}
.session-content .header-collapse h6 strong {
  color: #333333;
}
.session-content .header-collapse .warning {
  display: flex;
  color: #A39838;
  font-weight: 600;
  margin-right: 32px;
  font-size: 15px;
}
.session-content .header-collapse .warning i {
  font-size: 22px;
  margin-right: 10px;
  color: #A39838;
}
.session-content .header-collapse .arrow {
  color: #626262;
  transition: 0.5s;
}
.session-content .header-collapse.collapsed {
  border-bottom: none;
}
.session-content .header-collapse.collapsed .arrow {
  transform: rotate(-90deg);
}
.header-search form {
  color: #929292;
}
.header-search form label {
  color: #929292;
}
.header-search form select {
  font-size: 14px;
  color: #333333 !important;
  width: 100% !important;
  max-width: 207px;
}
.header-search form select option {
  font-size: 15px;
  font-weight: 400;
  color: #626262 !important;
}
.header-search form select option:first-child {
  font-weight: 600;
}
.header-search form input {
  background-color: #ffffff;
  max-width: 392px;
  width: 100% !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE7SURBVHgBrZHdbYMwEMcNmHc2KBu03cB+BqQwQcoEHaHKBG0nKJmAio/nOBPQbkA3yDtf/Rs5UoJNokg5ydxh3/3uyyInkmWZRyl9gsnUlYiiSJALYh2NoiiYZVkZTG/m07Rty+M4bkwAW37yPF8heCftcRw3sJ+hOc4nrnzXdWtU55sAdKLY9vtCJoHKviUckC/8c60CmV1mGYZhYypTzWCLw6qqetAAoMuhEcdxfsiCwEdCSN/33AQ4kCuCWXgK1GgAPE6Z0cKKLFfwKHXXdRpgWmNZljWUD0ceBMFZK+j7FUk+8JbiLZkDqMqQwGmHUyMgxdVelb7GYcr+NVZ3NOSe1arYzEcgeI8kb7DTMAwTI+AUhI1Mm8HUBVZ7UG2mUOs5RANcEhPkJoAJYpMbBUEvUFvM5Y/cQ/4BywyV2G5JgvgAAAAASUVORK5CYII=);
  background-repeat: no-repeat no-repeat;
  background-position: calc(100% - 10px);
  padding-right: 46px;
}
.header-search .dropdown {
  margin-top: 0;
  width: 100%;
  margin-bottom: 0;
  max-width: 207px;
}
.header-search .dropdown button {
  color: #333333;
  text-align: justify;
  background-color: white;
  font-size: 14px;
  border: 1px solid #d0d0d0;
  padding: 8px 10px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBbY5hEcAgCIUFDbBKS7AozgY2cFpgGZbADGtiAh384I7bwR947z4eQK31mnPmlNJwRpVSNu/9jTQPROxsWFAIoa+1XmCDUjO1g5J3SRaIvCfGmEG2NcxaQ6xBnxKYXnEaMovh1tr59z/x3zyNRhurfQAAAABJRU5ErkJggg==) no-repeat right 0.75rem center;
}
.header-search .dropdown button::after {
  display: none;
}
.header-search .dropdown ul {
  z-index: 1001;
}
.header-search .dropdown ul li .badge {
  margin-right: 5px;
}
.header-search .dropdown ul li a {
  padding-left: 15px;
}
.header-search .dropdown ul li:first-child a {
  color: #626262;
  font-weight: 600;
  font-size: 15px;
}
.wire {
  display: flex;
  align-items: center;
}
.wire img {
  margin-right: 10px;
}
.wire p {
  margin-bottom: 0;
  font-size: 17px;
}
.container-combox-session {
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  padding: 0.4rem 0.6rem;
  display: flex;
  justify-content: space-between;
  width: 220px;
}
.container-combox-session div span {
  font-size: 14px;
}
.container-selected-session {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  width: 220px;
  z-index: 10000;
}
.container-selected-session div {
  cursor: pointer;
  padding: 0.4rem 0.6rem;
  display: flex;
  align-items: center;
}
.container-selected-session div:hover {
  background: #D5D5D5;
}
.container-selected-session div span {
  margin-left: 5px;
  font-size: 15px;
}
.container-selected-session div:first-child span {
  font-weight: bold;
}
.container-iframe {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-iframe .iframe-video {
  width: 424px;
  height: 275px;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.03));
  border-radius: 6px;
}
.container-iframe .iframe-video-empty {
  width: 424px;
  height: 275px;
  background: #FAFAFA !important;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-iframe .iframe-video-empty div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 24%;
}
.container-iframe .iframe-video-empty div img {
  width: 50%;
}
.container-iframe .iframe-video-empty div p {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #929292;
  margin-top: 30px;
}
.empty-sesion-detail {
  background: #FAFAFA !important;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2% 40%;
}
.empty-sesion-detail img {
  width: 35%;
}
.empty-sesion-detail p {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #929292;
  margin-top: 30px;
}
.empty-sesion-detail-parent {
  background: #FAFAFA !important;
  border: 1px solid #D0D0D0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px !important;
}
.empty-sesion-detail-parent img {
  width: 90px !important;
}
.empty-sesion-detail-parent p {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #929292;
  margin-top: 30px;
  max-width: 240px;
  margin-bottom: 0;
}
.container-note {
  position: fixed;
  bottom: 20px;
  left: 32px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  width: calc(100% - 660px);
}
.container-note .container-note-img {
  margin-right: 13px;
}
.container-note .container-note-body {
  flex: 1;
}
.container-note .container-note-body h6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.container-note .container-note-body p {
  margin-bottom: 0px;
  font-size: 15px;
  padding-right: 15px;
  color: #fff;
}
.container-note .container-note-body .btn-primary {
  font-weight: 400;
}
.container-card-opinion .item-card-opinion {
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  padding: 15px;
}
.container-card-opinion .item-card-opinion .header-card-opinion {
  display: flex;
}
.container-card-opinion .item-card-opinion .header-card-opinion h6 {
  margin-left: 10px;
}
.container-card-opinion .item-card-opinion .rating-card-opinion .b-rating {
  padding: 15px 0px 5px 0px;
  margin-left: -3px;
}
.container-order-opinion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #D0D0D0;
}
.container-order-opinion p {
  color: #333333;
  font-weight: bold;
  margin-bottom: 0px;
}
.container-order-opinion .b-form {
  margin-bottom: 0px !important;
}
.qualification .list-group-item {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  display: flex;
  margin-bottom: 17px;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
.qualification .list-group-item p {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #626262;
}
.qualification .list-group-item h6 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #333333;
}
.container-sidebar {
  z-index: 1060;
}
.b-sidebar {
  width: 600px !important;
}
.b-sidebar-body .nav-tabs-tutor {
  position: initial;
}
.sidebar-backdrop {
  max-width: 600px !important;
  width: 100%;
}
.sidebar-backdrop h6 {
  margin-bottom: 0;
}
.sidebar-backdrop p {
  margin-bottom: 0;
}
.sidebar-backdrop .tooltip {
  opacity: 1;
}
.sidebar-backdrop .tooltip .arrow::before {
  border-top-color: #FFFFFF;
}
.sidebar-backdrop .tooltip .tooltip-inner {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  border-radius: 3px;
  padding: 10px 14px;
  font-weight: 600;
  color: #555155;
  background: #FFFFFF;
}
.sidebar-backdrop .sidebar-header {
  padding: 13px 19px;
  display: flex;
  justify-content: space-between;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
}
.sidebar-backdrop .sidebar-header h6 {
  font-size: 15px;
}
.sidebar-backdrop .sidebar-header i {
  cursor: pointer;
  color: #929292;
  font-size: 18px;
}
.sidebar-backdrop .sidebar-body .list-group-item {
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
.sidebar-backdrop .sidebar-body .list-group-item .textqualification {
  padding: 12px 15px;
  background: #FAFAFA;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
}
.sidebar-backdrop .sidebar-body .list-group-item .textqualification h6 {
  margin-bottom: 5px;
}
.sidebar-backdrop .sidebar-body .list-group-item .textqualification p {
  font-size: 15px;
  color: #626262;
  margin-bottom: 0;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn {
  display: flex;
  padding: 18px 15px;
  align-items: center;
  background: #ffffff;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn .btn-group {
  border-radius: 5px;
  overflow-x: auto;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn .btn-group::-webkit-scrollbar {
  height: 7px;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn .btn-group::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn .btn-group::-webkit-scrollbar-thumb {
  background: #B4B4B4;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn .btn-group .btn {
  padding: 8px 20px;
  background: #fafafa;
  border: 1px solid #d0d0d0;
  font-size: 16px;
  color: #18A0FB;
  font-weight: 600;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn .btn-group .btn.active {
  color: #fafafa;
  background: #18A0FB;
  border-color: #18A0FB;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn.sidebar-textarea {
  display: block;
  padding-bottom: 0;
}
.sidebar-backdrop .sidebar-body .sidebar-body-btn.sidebar-textarea textarea {
  width: 100%;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  font-size: 15px;
  color: #333333;
  padding: 5px 10px;
  border-style: double;
}
.sidebar-backdrop .nav-tabs-tutor {
  border: none;
  bottom: 0;
}
.sidebar-backdrop .sidebar-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FAFAFA;
}
.sidebar-backdrop .sidebar-footer h6 {
  font-size: 15px;
  font-weight: 600;
}
.sidebar-backdrop .sidebar-footer p {
  color: #626262;
  font-size: 15px;
}
.sidebar-backdrop .sidebar-footer .item {
  padding: 20px;
  border: 1px solid #D4D4D4;
  display: flex;
}
.sidebar-backdrop .sidebar-footer .item:last-child {
  align-items: center;
}
.sidebar-backdrop .sidebar-footer .item .note {
  display: flex;
  background: #ffffff;
  max-width: 95px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #d0d0d0;
}
.sidebar-backdrop .sidebar-footer .item .note strong {
  margin: auto;
}
.sidebar-backdrop .sidebar-footer .item .b-rating {
  max-width: 266px;
  padding: 0;
  height: 100%;
  border: none;
  background: #FAFAFA;
  border-radius: 5px;
}
.sidebar-backdrop .sidebar-footer .item .b-rating span {
  padding: 5px 7px;
  height: 70%;
  align-items: center;
  border: 1px solid #d0d0d0;
  border-left: 0;
}
.sidebar-backdrop .sidebar-footer .item .b-rating span:first-child {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid #d0d0d0;
}
.sidebar-backdrop .sidebar-footer .item .b-rating span:last-child {
  border-radius: 0 5px 5px 0;
}
.sidebar-backdrop .sidebar-footer .item .b-rating span .b-rating-icon {
  border: none;
}
.sidebar-backdrop .sidebar-footer .item .b-rating span svg {
  width: 20px;
  height: 20px;
  color: #18a0fb;
}
.sidebar-backdrop .sidebar-footer .item .b-rating .b-rating-star-full {
  background: #fffbd6;
  border-color: #ebda46 !important;
}
.sidebar-backdrop .sidebar-footer .item .b-rating .b-rating-star-full svg {
  fill: #ebda46;
}
.sidebar-backdrop .sidebar-footer .item:first-child {
  border-bottom: none;
}
.sidebar-backdrop .sidebar-footer .item:last-child {
  justify-content: space-between;
}
.historyPayment {
  width: 100%;
  background: #ffffff;
}
.historyPayment hr {
  margin: 0px 25px;
}
.historyPayment .btn-toolbar {
  padding: 19px 0;
  justify-content: flex-end;
  margin-right: 25px;
  border-top: 1px solid #d4d4d4;
  margin-left: 25px;
}
.historyPayment .btn-toolbar select {
  height: 32px;
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
  color: #333333;
  padding: 7px 10px 8px 6px;
  border-radius: 3px;
  border-color: #d9d9d9;
}
.historyPayment .header {
  background: #FAFAFA;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
}
.historyPayment .header .custom-select {
  width: 100%;
  max-width: 228px;
  font-size: 14px;
  height: 38px;
  color: #333333 !important;
  padding: 6px 10px;
}
.historyPayment .header .title-t {
  margin-bottom: 0;
}
.historyPayment .list-group {
  padding: 10px 24px;
}
.historyPayment .list-group .list-group-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border: none;
}
.historyPayment .list-group .list-group-item h6 {
  font-size: 15px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 0;
}
.historyPayment .list-group .list-group-item .status {
  width: 49%;
}
.historyPayment .list-group .list-group-item .status p {
  color: #18A0FB;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 15px;
  cursor: pointer;
}
.historyPayment .list-group .list-group-item .status span {
  font-size: 13px;
  color: #626262;
  display: block;
}
.historyPayment .list-group .list-group-item:nth-child(2n) {
  background: #FAFAFA;
}
.historyPayment .row {
  text-align: center;
  justify-content: space-between;
  margin: 0;
  padding: 20px 0px;
}
.historyPayment .row.rowPayment {
  background: #fafafa;
  width: 95%;
  margin: auto;
}
.historyPayment .row.rowPayment .midRowPayment {
  padding-left: 6px;
}
.historyPayment .row.rowPayment .timeHistory {
  margin-right: 30px;
  margin-left: 0;
}
.historyPayment .row.rowPayment h6 {
  margin-left: 25px;
}
.historyPayment .row h6 {
  font-size: 15px;
  font-weight: 400;
}
.historyPayment .row p {
  margin-bottom: 0;
  color: #18a0fb;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  width: 100%;
  float: right;
}
.historyPayment .row span {
  float: left;
  font-size: 13px;
  font-weight: 400;
}
#modal-payment-sessions .modal-dialog {
  width: 100%;
  max-width: 598px;
}
#modal-payment-sessions .modal-footer {
  padding: 6px 0;
}
#modal-payment-sessions .modal-footer .btn-toolbar {
  padding-right: 16px;
  margin: 12px 0;
  border-bottom: 1px solid #D4D4D4;
  padding-bottom: 15px;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}
#modal-payment-sessions .modal-footer .btn-toolbar button {
  margin-right: 16px;
}
#modal-payment-sessions .modal-footer .btn-toolbar ul {
  margin: auto 0;
}
#modal-payment-sessions .modal-footer .btn-toolbar select {
  padding-right: 10px;
  height: 32px;
  border-color: #d4d4d4;
}
#modal-payment-sessions .modal-body {
  max-height: 470px;
  overflow-y: auto;
  padding: 15px 0 !important;
}
#modal-payment-sessions .modal-body .list-group {
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0px;
  align-items: center;
}
#modal-payment-sessions .modal-body .list-group .list-group-item {
  padding-right: 15px !important;
  align-items: center;
  padding-right: 0;
  justify-content: space-between;
  display: flex;
  width: 100%;
  border: none;
}
#modal-payment-sessions .modal-body .list-group .list-group-item:nth-child(2n) {
  background: #fafafa;
}
#modal-payment-sessions .modal-body .list-group .list-group-item .date {
  max-width: 100px;
  width: 100%;
}
#modal-payment-sessions .modal-body .list-group .list-group-item .date span {
  display: block;
  font-size: 13px;
}
#modal-payment-sessions .modal-body .list-group .list-group-item .name {
  display: flex;
  align-items: center;
  position: relative;
}
#modal-payment-sessions .modal-body .list-group .list-group-item .name h5 {
  font-size: 15px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 0;
}
#modal-payment-sessions .modal-body .list-group .list-group-item h6 {
  margin-bottom: 0;
  font-size: 15px;
  color: #333333;
}
.card_income_problem {
  padding: 20px 24px 26px;
  color: #929292;
  font-size: 14px;
  margin-bottom: 15px;
}
.card_income_problem:first-child .flag {
  background: #baae3f;
}
.card_income_problem .flag {
  background: #f54545;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: center;
}
.card_income_problem i {
  color: white;
  font-size: 15px;
  width: 15px;
}
.card_income_problem h6 {
  color: #333333;
  font-size: 17px;
  word-spacing: -2px;
  margin-bottom: 5px;
}
.card_income_problem a {
  border: 0;
  background: white;
  color: #18a0fb;
  font-size: 14px;
  font-weight: 600;
  text-align: end;
  margin-top: 25px;
  cursor: pointer;
  display: inline-block;
}
#modalWordList .modal-dialog {
  max-width: 450px;
  width: 100%;
  border-radius: 3px;
}
#modalWordList .modal-dialog .modal-content {
  background: #FFFFFF;
}
#modalWordList .modal-dialog .modal-content .modal-body {
  padding: 0px !important;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-header {
  border-bottom: 1px solid #D0D0D0;
  padding: 20px;
  border-radius: 3px 3px 0 0;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-header .search {
  display: flex;
  align-items: center;
  border: 1px solid #DADADA;
  padding: 8px 12px;
  margin-top: 12px;
  border-radius: 3px;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-header .search input {
  font-size: 15px;
  margin-top: 0;
  border: none;
  width: 100%;
  border-radius: 3px;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-header .search i {
  margin: 0 !important;
  color: #DADADA;
  font-size: 20px;
}
#modalWordList .modal-dialog .modal-content .modal-body .div-group {
  display: flex;
  align-items: center;
  padding: 20px;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  background: #FAFAFA;
}
#modalWordList .modal-dialog .modal-content .modal-body .div-group .svg {
  fill: #18A0FB !important;
}
#modalWordList .modal-dialog .modal-content .modal-body .div-group p {
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 150%;
  color: #18A0FB;
  margin-bottom: 0px;
  margin-left: 10px;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body {
  padding: 20px;
  max-height: 345px;
  height: 100%;
  overflow-y: auto;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 10px 0;
  border: none;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body .list-group-item > div {
  width: 60%;
  display: flex;
  align-items: center;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body .list-group-item .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #E8E8E8;
  color: #929292;
  width: 30px;
  text-align: center;
  height: 30px;
  padding: 3px;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body .list-group-item .btn-icon .material-icons {
  margin-right: 0;
  color: #929292;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body h6 {
  color: #333333;
  font-size: 15px;
  font-weight: 400;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body p {
  font-size: 15px;
  margin-bottom: 0;
  width: 40%;
  color: #333333;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body p strong {
  font-weight: 600;
  color: #333333;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body-else {
  padding: 65px;
  text-align: center;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-body-else h6 {
  font-weight: 400;
  font-size: 15px;
  color: #626262;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-footer {
  border-radius: 0 0 3px 3px;
  padding: 10px 20px;
  border-top: 1px solid #D0D0D0;
  display: flex;
  justify-content: flex-end;
}
#modalWordList .modal-dialog .modal-content .modal-body .wordList-footer button {
  align-items: center;
  display: flex;
}
#modalWordList .modal-dialog .modal-content .modal-body h6 {
  margin-bottom: 0;
}
#modal-word-mover .modal-dialog {
  max-width: 548px;
  width: 100%;
  border-radius: 3px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body {
  padding: 0px !important;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .wordList-header {
  padding: 20px;
  border-radius: 3px 3px 0 0;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .wordList-header .search {
  display: flex;
  align-items: center;
  border: 1px solid #DADADA;
  padding: 8px 12px;
  margin-top: 12px;
  border-radius: 3px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .wordList-header .search input {
  font-size: 15px;
  margin-top: 0;
  border: none;
  width: 100%;
  border-radius: 3px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .wordList-header .search i {
  margin: 0 !important;
  color: #DADADA;
  font-size: 20px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .div-group {
  display: flex;
  align-items: center;
  padding: 14px 22px;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  background: #FAFAFA;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .div-group .svg {
  fill: #18A0FB !important;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .div-group p {
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 150%;
  color: #18A0FB;
  margin-bottom: 0px;
  margin-left: 10px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .form-group {
  padding: 22px;
  max-height: 292px;
  overflow: auto;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .form-group .form-check {
  margin-top: 20px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .form-group .form-check label {
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  color: #333333;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .form-group .custom-radio {
  margin-bottom: 25px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .form-group .custom-radio .custom-control-label {
  font-size: 15px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .form-group .custom-radio:last-child {
  margin-bottom: 0;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .no-found {
  padding: 20px;
  justify-content: center;
  display: flex;
}
#modal-word-mover .modal-dialog .modal-content .modal-body .no-found p {
  font-size: 1rem;
  line-height: 150%;
  color: #333333;
  margin-bottom: 0px;
}
#modal-word-mover .modal-dialog .modal-content .modal-body h6 {
  margin-bottom: 0;
}
.first_time_bg {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
}
.first_time_bg .content {
  max-width: 710px;
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  padding-right: 80px;
}
.first_time_bg .content p {
  color: #fff;
  text-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 30px;
}
.first_time_bg .content .btn-outline-primary {
  color: #fff;
  border-color: #fff;
}
.first_time_bg .content .btn-primary {
  display: inline-flex;
  align-items: center;
}
.first_time_bg .content::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAzCAYAAAAn3w6xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ9SURBVHgB5ZvhcdswDIXhXgfwBlU38AbVBs0GyQb1BlYnqDZwNnA7gbKB2wmUDewNXgELvmMoiFIuvwB9dziFJHTnZ4KgIDpEKwNAxdayPUr7M60IFr3lS8dWafv6idbFiVT86uDZPuItF1oLhnjhN62BCfG4J8HQFMQLFUVFsj1bVxDfUVR0nz+jzJ4iwsJ2bD3mqSgaktTYLgvEnykaLOqA5bQUBdjJ7oJyJNQUARGC8XqXdpv1dek4eUdn/ZcxsyJ0l83+MfsCjuQZFvAAO8vvdbzPomGX+dXkEQzh3hnC+7sojBPhI9tT0vZX/BSECw2G+v6+/6cctf+U97lgRrj0V4lvhXHoVzqW5gMfxQ+GdW4hwmrD/5T51dpfZ/1b8gB/0L0hvpnwPUz58d/PSb+f4gfDNvesM9tiInMbM9xl4z28hf9SUFj3Op5/ORVFQSOkzwTuMp/WZfgvAePdYW/4nEvjbsH4EbgxfKpSdLgF44x/mvBLdxH/xY9giJcQ3074domf/9rfEN9jIqsb4V+TZ94jXv27MOH/XvF6T5/4+639Mc72s+L1vi655zt5A/Y7vkXi9f57FdmQNzB+vBXOiPgOPwdDCZy/yZViyEcJ+xFgv+BsKDqwz/AkCp4oOizyhxHyffj1rlnaOrltQ693TB9mSBTUFBUVfoB9Vhd31meE92FnfUa49DUUEZQPMm7Cw4W7im4xfRYfSziG8zfZv08o/wDBlfBN2sDwICIfXK5f2L6yfdP2nKAXtp+bzeaFPAG7EFlKp1HhN8xR/kFhTo9h3T+4Fp0g/y/wh63O+l/Zrmx/1f7JlcP7SsG45QAMhwc3cSzylVbEf3uMa+hHIXPJAAAAAElFTkSuQmCC);
  position: absolute;
  right: 0;
  top: -5px;
}
.first_time_bg .content#step01 {
  right: 140px;
  top: 76px;
}
.first_time_bg .content#step02 {
  right: 300px;
  top: 110px;
  max-width: 585px;
}
.first_time_bg .content#step02::after {
  top: -18px;
}
.first_time_bg .content#step03 {
  right: 120px;
  top: 100px;
  max-width: 585px;
}
.first_time_bg .content#step03::after {
  top: -18px;
}
.first_time_bg .content#step04 {
  left: 150px !important;
  top: 290px !important;
  max-width: 710px !important;
}
.first_time_bg .content#step04::after {
  top: -18px;
}
.first_time_bg .content-1 {
  max-width: 710px;
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  padding-right: 80px;
}
.first_time_bg .content-1 p {
  color: #fff;
  text-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 30px;
}
.first_time_bg .content-1 .btn-outline-primary {
  color: #fff;
  border-color: #fff;
}
.first_time_bg .content-1 .btn-primary {
  display: inline-flex;
  align-items: center;
}
.first_time_bg .content-1::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAyCAYAAADsg90UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ9SURBVHgB5ZvRcdswDIahTuANwhEygrqBR9AI2sDeIN7A6QTOBmoncDaQO4G6AQqU8B1MkRSdPoH87hA5EqQ7/QJIgLI7RHwFgAPZDjw3st+yZfvsuu4PVEpHAky07Tf8bmSfZL/AC/ITaoEEOOLzLGRnsoFsB4bp+A/dxB58CjjZvsjn18LrfJD9oMj4gNrgMYIFIjuRXTciYyZ7I3NQK3xzEvoXSYUU56qFuKPEaF4IjoxR0qBdIRiJipgQnDIHaIWMELyvh1bICMEzhuk6ohgZI94T0VBab9hHhIhFQztjA4PxEnzCVmYKBn2VOUdSwkErSEqEhRRPl3toiURKNDcu7HHdXxSLQL479FOuA6skZokiEdCX23fsTq0JEc4F5+noOYJlRIRw/eFt4xwt2hWsIzl9LU0H9N2o5gWs8wURZuU3Qg2ICHMgwpjwPSmfCWoB4wNjH/HrA596uk0RQY/0/NlF/LTPADURecJz+JTxse3enD7NgevR/hwcH4IosZUG8pT3mClpg8GOGdWxHT6mQQ9WkBsPQ9wlfKfAt08cO4EVIuF9F2GI+IYzw3wP9+A6C1hBwvcd46yEwPWgeFHXiUaHCTC9iMpwZeiU7zE4Psr+Se2zkwaaDSEOyk/f7CLnaWFmsAzml9UdroukSfZpqmiOBlyXxIvsDwfQ8F3lEWogEw0HfFxgXYL/62mOGHnC4RrihHnqehWH6TdNKepYI9Cgn/MvhQLUlQYaLPvGm73m6BkwXkqHDFAz6Mvj7Be4oHYwPzjaaY7+hw0RemiBjAg2m6OvkBDBdnP0LLhulv6lwTdohK7rbrT5TqZ/++CgNdB3jRwJE0fFX0y+Ym/scNTwAAAAAElFTkSuQmCC);
  position: absolute;
  right: 0;
  top: -5px;
}
.first_time_bg .content-1#step05 {
  top: auto;
  right: 170px;
  bottom: 130px;
  max-width: 500px;
}
.first_time_bg .content-1#step06 {
  top: auto;
  right: 78px;
  bottom: 130px;
  max-width: 800px;
}
.first_time_bg .content-1#step06::after {
  top: -18px;
}
.showLive {
  position: absolute;
  z-index: 100;
  width: 100%;
}
.footer {
  background: #fff;
  width: 100%;
  bottom: 0;
  padding: 15px 18px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E8E8E8;
  margin-top: auto;
  position: sticky;
  bottom: 0;
  z-index: 1040;
}
.footer .logo {
  width: 80px;
  height: auto;
  display: block;
  margin-right: 14px;
}
.footer span {
  color: #929292;
}
.footer .svg.sn {
  width: 20px;
  height: 20px;
  fill: #929292;
  margin-left: 10px;
}
.footer a {
  color: #18A0FB !important;
}
.pagination .page-item {
  margin: 0px 5px;
}
.pagination .page-item .page-link {
  color: #555155;
  border-radius: 3px;
  padding: 5px 11px;
  font-size: 14px;
}
.pagination .page-item .active {
  background: #ffffff !important;
  border: 1px solid #2694fc !important;
}
.page-item.active .page-link {
  color: #2694fc !important;
  background: #ffffff !important;
  border: 1px solid #2694fc !important;
}
.container-vispr-pdf {
  background: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px;
  height: 100%;
}
.container-vispr-pdf .container-control-pdf {
  box-shadow: 1px -2px 4px rgba(0, 0, 0, 0.15), 0px -2px 4px rgba(0, 0, 0, 0.15);
  padding: 9px;
  background-color: #ffffff;
}
.container-vispr-pdf .title-visor-pdf {
  background-color: #18a0fb;
  color: #ffffff;
  text-align: center;
  position: absolute;
  z-index: 30;
  width: 100%;
  top: -50px;
  transition: all 0.7s;
  padding: 4px;
}
.container-vispr-pdf .position-title {
  top: 0px !important;
}
.container-vispr-pdf .container-visor-arrow-up {
  position: absolute;
  top: -14px;
  margin: auto;
  z-index: 1;
}
.container-vispr-pdf .container-visor-arrow-up img {
  width: 83%;
  cursor: pointer;
}
.container-vispr-pdf .rotar-button {
  transform: rotate(180deg);
}
.container-vispr-pdf .container-close-visor-pdf {
  position: absolute;
  right: 15px;
  top: 2px;
  display: flex;
  justify-content: center;
  z-index: 40;
  transition: all 0.7s;
  cursor: pointer;
}
.container-vispr-pdf .container-close-visor-pdf img {
  width: 90%;
}
.container-vispr-pdf .position-close {
  top: 50px !important;
}
.container-vispr-pdf .container-arrow-drop {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 50px;
  height: 40px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.7s;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background-color: #18A0FB;
  z-index: 10;
}
.container-vispr-pdf .container-arrow-drop span {
  color: #fff;
}
.container-vispr-pdf .container-arrow-drop.drop-down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.container-vispr-pdf .container-arrow-drop.drop-up {
  top: auto;
  bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.container-vispr-pdf .container-arrow-drop.transform-drop {
  top: 42px !important;
  transform: rotate(180deg) !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.container-vispr-pdf .transform-up {
  bottom: -150px !important;
}
.container-vispr-pdf .container-background-visor-pdf {
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 30rem;
  bottom: 0px;
  transform-style: preserve-3d;
  height: 100%;
  position: relative;
}
.container-vispr-pdf .container-background-visor-pdf .stacked-cards {
  position: relative;
  perspective: 30rem;
  transform-style: preserve-3d;
  transition: 0.5s;
  display: flex;
  justify-content: center;
}
.container-vispr-pdf .container-background-visor-pdf .stacked-cards .stacked-card {
  overflow-y: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.75rem;
  text-align: center;
  transition: 0.6s;
  transition: all 0.6s ease 0s;
  transform: translate3d(0px, -2.42rem, -1.1rem);
  /* background-color: rgb(179, 179, 179); */
  background: #ffffff;
  opacity: 1;
  border-left: 3px solid #a9a9a9;
  border-right: 3px solid #a9a9a9;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 3px;
}
.container-vispr-pdf .container-background-visor-pdf .stacked-cards .stacked-card--current {
  /*transform: translate3d(0, 0, 0);
        background-color: #FFFFFF;
        opacity: 1;*/
  /*border: 1px solid #D0D0D0;
            box-sizing: border-box;
            box-shadow: 0px 4px 6px rgba(0 ,0, 0, 0.05);
            border-radius: 3px;
            transform: translate3d(0px, 0px, 0px);
            background-color: rgb(255, 255, 255);
            opacity: 1;*/
  border-left: 3px solid #a9a9a9;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 3px;
  transform: translate3d(0px, 0px, 0px);
  background-color: white;
  opacity: 1;
  border-right: 3px solid #a9a9a9;
}
.container-vispr-pdf .container-background-visor-pdf .stacked-cards .stacked-card--next {
  /*transform: translate3d(0, 1.2rem, -1.5rem);
        background-color: hsl(0, 0, 80);
        transition-delay: $duration * 1/3;*/
  transform: translate3d(0px, -1.1rem, -0.5rem);
  transition-delay: 0.2s;
  background: #ffffff;
  opacity: 1;
  border-left: 3px solid #a9a9a9;
  border-right: 3px solid #a9a9a9;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 3px;
}
.container-vispr-pdf .container-background-visor-pdf .stacked-cards .stacked-card--raised {
  transform: translate3d(0, calc(-100% - 3rem), -1.5rem) rotate3d(-1, 0, 1, 22.5deg);
  transform-origin: 100% 100%;
  background-color: #cccccc;
}
.container-vispr-pdf .container-background-visor-pdf .container-button-left {
  position: absolute;
  height: 100%;
  width: 5%;
  top: 0px;
  left: -93px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.container-vispr-pdf .container-background-visor-pdf .container-button-left img {
  width: 90%;
}
.container-vispr-pdf .container-background-visor-pdf .container-button-right {
  position: absolute;
  height: 100%;
  width: 5%;
  top: 0px;
  right: -93px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.container-vispr-pdf .container-background-visor-pdf .container-button-right img {
  width: 90%;
}

/*
.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }


  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: 3px solid #18A0FB;
    background: #fff;
    box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
    cursor: grab;
  }*/
.show-control {
  bottom: 0px !important;
}
.container-control-pdf {
  transition: all 0.7s;
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  bottom: -150px;
}
.container-control-pdf .control-pdf-play {
  display: flex;
  justify-content: center;
  width: 40%;
  align-items: center;
  /* Slider CSS */
}
.container-control-pdf .control-pdf-play p {
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 160%;
  margin-bottom: 0px;
  color: #333333 !important;
}
.container-control-pdf .control-pdf-play .container-input-play {
  display: flex;
  width: 75%;
  align-items: center;
}
.container-control-pdf .control-pdf-play .container-input-play span {
  margin-right: 15px;
  margin-top: -2px;
  cursor: pointer;
}
.container-control-pdf .control-pdf-play .container-input-play span img {
  width: 90%;
}
.container-control-pdf .control-pdf-play .container-input-play .input-play {
  width: 100%;
  margin: 0 15px;
  position: relative;
}
.container-control-pdf .control-pdf-play .container-input-play .input-play #current_value {
  display: flex;
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  background-color: #fff;
  font-weight: 600;
  color: #18A0FB;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15));
  top: -3.2em;
  left: -9px;
}
.container-control-pdf .control-pdf-play .container-input-play .input-play #current_value::after {
  content: "";
  width: 35px;
  height: 25px;
  border-top: solid 28px #ffffff;
  border-left: solid 18px transparent;
  border-right: solid 18px transparent;
  position: absolute;
  bottom: -0.8em;
}
.container-control-pdf .control-pdf-play .container-input-play .input-play:hover #current_value {
  opacity: 1;
}
.control-pdf-zoom {
  display: flex;
  position: relative;
  align-items: center;
  margin-left: 15px;
  width: 5%;
}
.control-pdf-zoom span {
  cursor: pointer;
}
.control-pdf-zoom span img {
  width: 80%;
}
.control-pdf-zoom .control-zoom {
  position: absolute;
  top: -110px;
  left: -68px;
  width: 155px;
  transform: rotate(-90deg);
  background: #fff;
  padding: 18px 14px;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.slider {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: #e0e0e0;
  background-image: linear-gradient(to right, #18a0fb 0%, #18a0fb 100%);
  background-repeat: no-repeat;
}
.slider:focus {
  outline: none;
}
.slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: none;
  background: transparent;
  border-radius: 0px;
  border: none;
}
.slider::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  appearance: none;
  border: 3px solid #18A0FB;
  background: #fff;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
  cursor: -webkit-grab;
  cursor: grab;
  margin-top: -10px;
}
.slider:focus::-webkit-slider-runnable-track {
  background: transparent;
}
.slider::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: none;
  background: transparent;
  border-radius: 0px;
  border: none;
}
.slider::-moz-range-thumb {
  box-shadow: none;
  border: 4px solid #add8e6;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  background: #ffffff;
  cursor: pointer;
}
.slider::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.slider::-ms-fill-lower {
  background: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.slider::-ms-fill-upper {
  background: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.slider::-ms-thumb {
  box-shadow: none;
  border: 4px solid #add8e6;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  background: #ffffff;
  cursor: pointer;
  height: 4px;
}
.slider:focus::-ms-fill-lower {
  background: transparent;
}
.slider:focus::-ms-fill-upper {
  background: transparent;
}

/* End Range Slider */
#modal-pdf {
  padding: 0px !important;
  overflow-y: hidden !important;
}
#modal-pdf .modal-dialog {
  max-width: 100% !important;
  height: 100% !important;
  margin: 0px;
}
#modal-pdf .modal-content {
  background: #ffffff !important;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100% !important;
}
.textLayer {
  opacity: 1 !important;
  font-weight: 400 !important;
}
.textLayer div::-moz-selection {
  background-color: transparent !important;
  color: transparent !important;
}
.textLayer div::selection {
  background-color: transparent !important;
  color: transparent !important;
}
#modal-translation .modal-dialog {
  max-width: 597px;
}
#modal-translation .form-group {
  margin-bottom: 12px;
  height: 45px;
}
#modal-translation .form-group .form-control {
  font-size: 14px;
}
#modal-translation .separator-translation {
  height: 1px;
  background: #d0d0d0;
  margin-top: 0px !important;
}
#modal-translation .modal-header-translation {
  display: flex;
}
#modal-translation .modal-header-translation .display1-header-translation {
  width: 60%;
  padding-right: 25px;
}
#modal-translation .modal-header-translation .display1-header-translation .section1-header-translation {
  display: flex;
  align-items: center;
}
#modal-translation .modal-header-translation .display1-header-translation .section1-header-translation h5 {
  font-weight: 250;
  font-size: 35px;
  color: #18a0fb !important;
}
#modal-translation .modal-header-translation .display1-header-translation .section1-header-translation span {
  margin-left: 10px;
}
#modal-translation .modal-header-translation .display1-header-translation .section2-header-translation {
  overflow: auto;
  max-height: 130px;
}
#modal-translation .modal-header-translation .display1-header-translation .section2-header-translation p {
  margin-bottom: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  color: #626262;
  text-align: left;
  position: relative;
  padding-left: 12px;
}
#modal-translation .modal-header-translation .display1-header-translation .section2-header-translation p::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #626262;
  position: absolute;
  top: 8px;
  margin: auto;
  left: 0;
}
#modal-translation .modal-body1-translation {
  margin: 19px 0px;
}
#modal-translation .modal-body1-translation div p {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #333333;
}
#modal-translation .modal-body1-translation div p .word-translation-bold {
  font-weight: 600;
}
#modal-translation .modal-body1-translation div p .word-translation {
  color: #18a0fb;
}
#modal-translation .modal-body2-translation {
  margin: 20px 0px 10px 0px;
  overflow: auto;
  height: 135px;
}
#modal-translation .modal-body2-translation span {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #333333;
}
#modal-translation .modal-body2-translation p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  margin-bottom: 0px;
  color: #626262;
  margin-top: 10px;
}
#modal-translation .modal-body2-translation .example-english {
  margin-top: 0px !important;
}
.display2-header-translation {
  width: 40%;
  position: relative;
  padding-top: 25px;
}
.disabled-button-translation {
  width: 100%;
}
.disabled-button-translation:disabled {
  color: #49c856 !important;
  background: rgba(84, 225, 98, 0.25) !important;
  opacity: 1 !important;
  border: none !important;
}
.container-dropdown-translation {
  width: 80%;
  position: absolute;
  right: 0px;
  background: #fff;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  color: #626262;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.container-dropdown-translation p {
  margin-bottom: 0px;
}
.container-dropdown-translation .title-dropdown-translation {
  border-bottom: 1px solid #d0d0d0;
  padding: 10px;
}
.container-dropdown-translation .title-dropdown-translation p {
  font-size: 13px !important;
}
.container-dropdown-translation .body-dropdown-translation .div-group {
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
}
.container-dropdown-translation .body-dropdown-translation .div-group:hover {
  background: rgba(21, 21, 21, 0.1);
}
.container-dropdown-translation .body-dropdown-translation .div-group img {
  margin-right: 7px;
}
.container-dropdown-translation .body-dropdown-translation div {
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
}
.container-dropdown-translation .body-dropdown-translation div:hover {
  background: rgba(21, 21, 21, 0.1);
}
.container-dropdown-translation .body-dropdown-translation .active {
  background: rgba(21, 21, 21, 0.1);
}
#modal-group-translation .modal-dialog {
  display: flex;
  justify-content: center;
  margin-top: 125px;
}
#modal-group-translation .modal-dialog .modal-content {
  width: 400px !important;
}
.modal-backdrop {
  background-color: #151515;
}
#modal-add-word .modal-dialog {
  max-width: 530px;
}
#modal-add-word h6 {
  font-weight: 600;
}
#modal-add-word .separator-translation {
  height: 1px;
  background: #d0d0d0;
  margin-top: 25px !important;
}
#modal-add-word .body-content {
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-add-word .body-content p {
  font-weight: 600 !important;
  font-size: 15px;
  line-height: 150%;
  color: #979797 !important;
  margin-bottom: 0px;
  text-align: center;
}
#pageContainer {
  margin: auto;
  width: 100%;
  height: 75%;
}
.page {
  position: relative;
}
.pointer-pdf {
  color: #333333 !important;
  opacity: 0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25) !important;
  background: #afdd0d !important;
  border-radius: 6px !important;
  padding: 7px 4px !important;
  cursor: pointer !important;
  transition: all 0.1s;
}
.pointer-pdf:hover {
  opacity: 1;
}
.book-section > .container {
  position: relative;
  perspective: 1200px;
  height: 100%;
  max-width: 88% !important;
}
.container > .right {
  position: absolute;
  height: 100%;
  width: 50%;
  transition: 0.7s ease-in-out;
  transform-style: preserve-3d;
}
.book-section > .container > .right {
  right: 0;
  transform-origin: left;
  border-radius: 10px 0 0 10px;
}
.right > .front,
.right > .back {
  margin: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: 200%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: white;
  overflow: hidden;
}
.right > .front {
  background-position: right;
  border-radius: 0 10px 10px 0;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.right > .back {
  background-position: left;
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  transform: rotateY(180deg);
  z-index: 0;
}
.flip {
  transform: rotateY(-180deg);
}
.flip .back {
  z-index: 10 !important;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.flip .front {
  z-index: 0 !important;
}
.cursor-hand {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.pinch-zoom-wrapper {
  width: 100%;
  height: 100%;
  background: #fff !important;
}
.pinch-zoom-wrapper .pz-zoom-button {
  display: none;
}
.floating-coins {
  position: fixed;
  right: 0px;
  z-index: 100;
  bottom: 70px;
  display: flex;
  background: #18A0FB;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 20px 0px 0px 20px;
  width: 12%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0px;
}
.floating-coins img {
  width: 30%;
  position: absolute;
  top: -1px;
  left: -24px;
}
.floating-coins p {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.container-store-carousel {
  background-color: #18A0FB;
  margin: 0px -15px;
}
.container-store-carousel .owl-stage-outer {
  overflow-x: initial !important;
  padding-left: 50px;
}
.container-store-carousel .owl-stage-outer::-webkit-scrollbar {
  height: 7px;
}
.container-store-carousel .owl-stage-outer::-webkit-scrollbar-track {
  background: transparent;
}
.container-store-carousel .owl-stage-outer::-webkit-scrollbar-thumb {
  background: #0B82D1;
}
.container-store-carousel .item-cards-store {
  margin: 16px 0;
  width: 274px;
  height: 112px;
  position: relative;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.76) 100%);
  border-radius: 6px;
  overflow: hidden;
  filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15));
}
.container-store-carousel .item-cards-store img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-store-carousel .item-cards-store .content-cards-store {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 17px 19px;
  width: 100%;
}
.container-store-carousel .item-cards-store .content-cards-store h6 {
  font-size: 25px;
  margin-bottom: 0;
  color: #fff;
}
.container-store-carousel .item-cards-store .content-cards-store p {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}
.container-store-carousel-video {
  width: 100%;
  background-color: #18A0FB;
  margin: 0px -15px;
  padding-top: 15px;
  text-align: center;
}
.container-store-carousel-video .owl-stage-outer {
  overflow-x: initial !important;
  padding-left: 50px;
}
.container-store-carousel-video .owl-stage-outer::-webkit-scrollbar {
  height: 7px;
}
.container-store-carousel-video .owl-stage-outer::-webkit-scrollbar-track {
  background: transparent;
}
.container-store-carousel-video .owl-stage-outer::-webkit-scrollbar-thumb {
  background: #0B82D1;
}
.container-store-carousel-video .owl-stage {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: auto;
}
.container-store-carousel-video .container-item-video {
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 220px;
  height: 280px;
  margin-bottom: 36px;
  display: flex;
  flex-direction: column;
}
.container-store-carousel-video .container-item-video h5 {
  margin-bottom: 0px !important;
  margin-top: 20px;
  font-size: 17px !important;
  padding: 0 15px;
}
.container-store-carousel-video .container-item-video button {
  margin: 15px auto;
  border: none;
  background: transparent;
  display: flex;
  color: #18A0FB;
  align-items: center;
  font-weight: 600;
}
.container-store-carousel-video .container-item-video button img {
  margin-right: 15px;
}
.container-store-carousel-video .container-item-video canvas {
  max-height: 166px;
}
.container-tabs-store {
  margin: 0px -15px;
  position: relative;
}
.container-tabs-store .tabs-store .nav-tabs {
  background-color: #fff;
  padding-left: 50px;
}
.container-tabs-store .tabs-store .nav-tabs .nav-item .nav-link {
  margin-bottom: 0px !important;
  padding: 10px 30px !important;
  color: #929292 !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  height: 43px;
  display: flex;
  align-items: center;
}
.container-tabs-store .tabs-store .nav-tabs .nav-item .nav-link:hover {
  color: #18A0FB !important;
  border-color: transparent transparent #fff;
}
.container-tabs-store .tabs-store .nav-tabs .nav-item .nav-link:hover .material-icons {
  color: #18A0FB;
}
.container-tabs-store .tabs-store .nav-tabs .nav-item .nav-link .material-icons {
  color: #929292;
  font-size: 20px;
  margin-right: 10px;
}
.container-tabs-store .tabs-store .nav-tabs .nav-item .active {
  color: #18A0FB !important;
  background-color: #fff !important;
  border-color: transparent !important;
  border-bottom: 2px solid #18A0FB !important;
}
.container-tabs-store .tabs-store .nav-tabs .nav-item .active .material-icons {
  color: #18A0FB;
}
.my-inventory {
  position: absolute;
  top: 0px;
  right: 25px;
  cursor: pointer;
}
.my-inventory div {
  display: flex;
  align-items: center;
  height: 44px;
}
.my-inventory div p {
  margin-bottom: 0px;
  margin-left: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #929292;
}
.cards-tab-store {
  position: relative;
  padding: 35px 50px;
}
.cards-tab-store .card-store {
  margin: 10px 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 6px 6px;
  width: 100%;
}
@media (min-width: 1060px) {
.cards-tab-store .card-store {
    width: 45%;
}
}
@media (min-width: 1240px) {
.cards-tab-store .card-store {
    width: 30%;
}
}
.cards-tab-store .card-store .item-card-store {
  width: 100%;
}
.cards-tab-store .card-store .item-card-store .header-card-store {
  height: 193px;
  background: rgba(24, 160, 251, 0.25);
  border-radius: 6px 6px 0px 0px;
  display: flex;
  justify-content: center;
  position: relative;
}
.cards-tab-store .card-store .item-card-store .header-card-store span {
  position: absolute;
  bottom: 12px;
  right: 0px;
  background: rgba(51, 51, 51, 0.2);
  border-radius: 10px 0px 0px 10px;
  padding: 5px 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.cards-tab-store .card-store .item-card-store .header-card-store .undo {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 6px 6px 0px 0px;
  top: 0;
}
.cards-tab-store .card-store .item-card-store .header-card-store .undo .btn-outline-primary {
  padding: 6px 13px;
  background: #fff;
}
.cards-tab-store .card-store .item-card-store .header-card-store .undo .btn-outline-primary .material-icons {
  font-size: 24px;
}
.cards-tab-store .card-store .item-card-store .body-card-store {
  padding: 1.2rem;
  background: #fff;
  border-radius: 0px 0px 6px 6px;
  height: 219px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-title h6 {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 17px;
  color: #333333;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-title p {
  font-size: 15px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #626262;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-button div {
  display: flex;
  background: #F4F4F4;
  border-radius: 6px;
  min-width: 120px;
  width: 45%;
  padding: 5px 10px;
  align-items: center;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-button div img {
  max-height: 30px;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-button div p {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  padding-left: 10px;
  flex: 1;
  text-align: center;
}
.cards-tab-store .card-store .item-card-store .body-card-store .body-card-store-button button {
  width: 45%;
}
.chrome {
  max-width: 188px;
  width: 100%;
  height: 170px;
  background-color: #fff;
  padding: 5px 8px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}
.chrome img {
  width: 100%;
  max-height: 126px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.chrome strong {
  background: #F4F4F4;
  border-radius: 6px;
  display: block;
  padding: 5px 10px;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
.carousel_cards::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
.carousel_cards::-webkit-scrollbar:vertical {
  width: 3px;
}
.carousel_cards::-webkit-scrollbar-button:increment, .carousel_cards::-webkit-scrollbar-button {
  display: none;
}
.carousel_cards::-webkit-scrollbar:horizontal {
  height: 10px;
}
.carousel_cards::-webkit-scrollbar-thumb {
  background: #0B82D1;
  border-radius: 4px;
  width: 60px !important;
}
.carousel_cards::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent !important;
}
.container-collection .container-collection-header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.76) 100%);
  height: 275px;
  position: relative;
  color: #FFFFFF !important;
}
.container-collection .container-collection-header .back-store {
  top: 50px;
  position: absolute;
  left: 40px;
  z-index: 10;
  display: flex;
}
.container-collection .container-collection-header .back-store .back-store-link {
  margin-left: 6px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #FFFFFF !important;
}
.container-collection .container-collection-header .back-store .back-store-link i {
  color: #FFFFFF !important;
}
.container-collection .container-collection-header .title-collection-header {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
}
.container-collection .container-collection-header .title-collection-header div {
  text-align: center;
}
.container-collection .container-collection-header .title-collection-header div h1 {
  font-weight: 250;
  font-size: 50px;
  color: #fff;
}
.container-collection .container-collection-header .title-collection-header div p {
  font-size: 16px;
  margin-bottom: 0px;
  color: #fff;
}
.container-collection .container-collection-header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-purchase .container-purchase-header {
  background: rgba(24, 160, 251, 0.25);
  display: flex;
  height: 210px;
  justify-content: center;
  align-items: center;
  position: relative;
  /* img{
       width: 55%;
       height: 100%;
   }*/
}
.container-purchase .container-purchase-header .tag {
  position: absolute;
  right: 0px;
  bottom: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #FFFFFF;
  border-radius: 6px 0px 0px 6px;
  background: rgba(51, 51, 51, 0.2);
}
.container-purchase .container-purchase-header .tag span {
  background: rgba(51, 51, 51, 0.2);
  border-radius: 10px 0px 0px 10px;
  padding: 7px 10px 7px 18px;
  color: #fff;
}
.container-purchase .container-purchase-body {
  text-align: center;
  padding: 0px 20px;
}
.container-purchase .container-purchase-body .title-purchase-body {
  padding-top: 30px;
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 150%;
  color: #333333 !important;
}
.container-purchase .container-purchase-body .subTitle-purchase-body {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 150%;
  color: #333333 !important;
}
.container-purchase .container-purchase-body div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px !important;
  height: 50px;
  background: #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 5px 10px;
  margin: auto;
  margin-bottom: 15px !important;
}
.container-purchase .container-purchase-body div img {
  width: 30px;
}
.container-purchase .container-purchase-body div p {
  margin-bottom: 0px;
  margin-left: 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px !important;
  text-align: center;
  color: #333333 !important;
}
#modal-purchase .modal-dialog {
  max-width: 408px;
}
.container-card-inventory {
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 25px 10px;
}
.container-card-inventory p {
  margin-bottom: 0px;
  line-height: 150%;
  color: #828282;
}
.container-card-inventory .container-card-filter {
  padding: 10px 0px;
  border-bottom: 1px solid #D0D0D0;
}
.container-card-inventory .container-card-filter .card-filter .row-card-filter .col-card-filter1 {
  display: flex;
  align-items: center;
}
.container-card-inventory .container-card-filter .card-filter .row-card-filter .col-card-filter1 p {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 15px;
  font-weight: 600;
  font-size: 15px;
}
.container-card-inventory .container-card-filter .card-filter .row-card-filter .col-card-filter1 .container-input-filter {
  width: 100%;
}
.container-card-inventory .container-card-filter .card-filter .row-card-filter .col-card-filter2 {
  text-align: right;
}
.container-card-inventory .container-card-filter .card-filter .row-card-filter .col-card-filter2 .dropdown-menu {
  top: 8px !important;
}
.container-card-inventory .container-recently-buyed {
  margin: 20px;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 6px;
}
.container-card-inventory .container-recently-buyed .header-recently-buyed {
  display: flex;
  padding: 15px 20px;
  background: #E8E8E8;
  border-radius: 5px 5px 0px 0px;
}
.container-card-inventory .container-recently-buyed .header-recently-buyed h6 {
  margin-bottom: 0px;
  margin-left: 10px;
  font-weight: 600;
  font-size: 15px;
  color: #626262;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed {
  padding: 16px 20px;
  display: flex;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed .item-recently-buyed {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  border-radius: 6px;
  height: 100px;
  max-width: 280px;
  width: 100%;
  overflow: hidden;
  margin-right: 10px;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed .item-recently-buyed:last-child {
  margin-right: 0;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed .item-recently-buyed .img-recently-buyed {
  padding: 20px 0px;
  width: 35%;
  display: flex;
  justify-content: center;
  background: #FAFAFA;
  border-radius: 5px 0px 0px 5px;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed .item-recently-buyed .img-recently-buyed img {
  -o-object-fit: contain;
     object-fit: contain;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed .item-recently-buyed .name-recently-buyed {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.container-card-inventory .container-recently-buyed .body-recently-buyed .item-recently-buyed .name-recently-buyed p {
  color: #333333;
  font-size: 17px;
}
.container-card-inventory .container-exchange {
  margin: 20px;
  margin: 20px;
}
.container-card-inventory .container-exchange .exchange {
  padding: 0px;
}
.container-card-inventory .container-exchange .exchange .items-exchanges {
  border: 1px solid #D0D0D0;
  border-radius: 6px;
  padding: 10px;
  background: #F4F4F4;
  height: 520px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .item-img {
  margin: 5px;
  background: #FFFFFF;
  border: 1px solid #D6D6D6;
  border-radius: 6px;
  display: inline-flex;
  width: 100px;
  height: 100px;
  cursor: pointer;
  position: relative;
  padding: 10px;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .item-img span {
  position: absolute;
  top: -15px;
  right: -10px;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .item-img .chrome {
  height: 100%;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .item-img .chrome img {
  max-height: 50px;
  border-radius: 2px;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .item-img .chrome strong {
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 8px;
  margin-top: 2px;
}
.container-card-inventory .container-exchange .exchange .items-exchanges .active-item-img {
  background: rgba(24, 160, 251, 0.25);
  border: 1px solid #18A0FB;
}
.container-card-inventory .container-exchange .exchange .item-exchange {
  padding-right: 0px;
}
.container-card-inventory .container-exchange .exchange .item-exchange .not-selected-sticker {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.container-card-inventory .container-exchange .exchange .item-exchange .not-selected-sticker p {
  margin-top: 20px;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange {
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 6px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange {
  position: relative;
  background: rgba(24, 160, 251, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 6px 0px 0px;
  height: 40%;
  overflow: hidden;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange img {
  border-radius: 6px;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange .hover-item-exchange {
  right: -600px;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0px !important;
  border-radius: 6px 6px 0px 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  transition: all 0.7s;
  cursor: pointer;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange .hover-item-exchange svg {
  fill: #ffffff !important;
  width: 40px;
  height: 39px;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange:hover .hover-item-exchange {
  right: 0px;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange .type-store {
  position: absolute;
  background: rgba(51, 51, 51, 0.2);
  border-radius: 10px 0px 0px 10px;
  bottom: 20px;
  right: 0px;
  padding: 6px 13px;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .header-item-exchange .type-store span {
  color: #FFFFFF;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .body-item-exchange {
  padding: 1.2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .body-item-exchange .body-card-store-title h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 160%;
  color: #333333;
  margin-bottom: 0px;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .body-item-exchange .body-card-store-title p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 150%;
  color: #626262;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .body-item-exchange .body-card-store-badge {
  flex: 1;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .body-item-exchange .body-card-store-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.container-card-inventory .container-exchange .exchange .item-exchange .container-item-exchange .body-item-exchange .body-card-store-button button {
  height: auto !important;
}
#modal_sticker .modal-dialog {
  max-width: 403px;
}
.container-modal-sticker .img-modal-sticker {
  height: 245px;
  border-radius: 6px;
}
.container-modal-sticker .img-modal-sticker img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.container-modal-sticker .description-modal-sticker {
  background: #E8E8E8;
  margin-top: 15px;
  border-radius: 6px;
  padding: 15px 20px;
}
.container-modal-sticker .description-modal-sticker h6 {
  font-weight: 700;
  margin-bottom: 0px;
}
.container-modal-sticker .description-modal-sticker p {
  margin-bottom: 0px;
  color: #333333 !important;
}
.show-container-intercambiate-chromes {
  left: 0px !important;
}
.container-intercambiate-chromes {
  position: fixed;
  top: 0px;
  left: 4000px;
  background: rgba(21, 21, 21, 0.1);
  width: 100%;
  z-index: 1041;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  transition: all 0.7s ease-out;
}
.container-intercambiate-chromes .intercambiate-chromes {
  width: 600px;
  background: #FFFFFF;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
  position: relative;
}
.container-intercambiate-chromes .intercambiate-chromes .padding-intercambiate-chromes {
  padding: 0.7rem 1.5rem;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-header {
  background: #FAFAFA;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #D4D4D4;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-header div {
  display: flex;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-header div p {
  margin-bottom: 0px;
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  color: #929292;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-header .close-intercambiate-chromes {
  cursor: pointer;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .number-select {
  display: flex;
  padding: 10px 0px 20px 0px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .number-select span {
  width: 24px;
  height: 24px;
  left: 22px;
  top: 60px;
  background: #E8E8E8;
  border-radius: 50%;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  color: #929292;
  align-items: center;
  justify-content: center;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .number-select p {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 15px;
  color: #333333;
  margin-left: 10px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-input-friends {
  position: relative;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-input-friends .container-select-friends {
  position: absolute;
  top: 0px;
  width: 100%;
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  padding: 6.5px 12px;
  display: none;
  z-index: 15;
  background-color: #FFFFFF;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-input-friends .container-select-friends div {
  display: flex;
  align-items: center;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-input-friends .container-select-friends div img {
  width: 4%;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-input-friends .container-select-friends div p {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  align-items: center;
  color: #333333;
  margin-left: 10px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-input-friends .show-container-select-friends {
  display: block;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-friends {
  position: relative;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-friends .sub-container-friends {
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgba(51, 51, 51, 0.2);
  border-radius: 3px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-friends .sub-container-friends .item-friends {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-friends .sub-container-friends .item-friends:hover {
  background: #FAFAFA;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-friends .sub-container-friends .item-friends img {
  width: 7%;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .container-friends .sub-container-friends .item-friends p {
  margin-bottom: 0px;
  margin-left: 11px;
  font-weight: 600;
  font-size: 15px;
  color: #333333;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .not-selected-friends {
  text-align: center;
  padding: 25px 5rem;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .not-selected-friends p {
  font-weight: 600;
  font-size: 15px;
  color: #979797;
  margin-top: 25px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .list-selected-friends .container-list-sticker {
  background: #F4F4F4;
  border: 1px solid #D0D0D0;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .list-selected-friends .container-list-sticker .item-sticker {
  background: #FFFFFF;
  border: 1px solid #D6D6D6;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 9px;
  margin: 5px;
  width: 99px;
  height: 99px;
  cursor: pointer;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .list-selected-friends .container-list-sticker .item-sticker .chrome {
  height: 76px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .list-selected-friends .container-list-sticker .item-sticker .chrome img {
  max-height: 48px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .list-selected-friends .container-list-sticker .item-sticker .chrome strong {
  font-size: 9px;
  margin-top: 4px;
  padding: 1px 10px;
  border-radius: 2px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-selected-friends .list-selected-friends .container-list-sticker .active-item-img {
  background: rgba(24, 160, 251, 0.25);
  border: 1px solid #18A0FB;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-footer {
  border-top: 1px solid #D4D4D4;
  text-align: right;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.container-intercambiate-chromes .intercambiate-chromes .intercambiate-chromes-footer .button-cancel {
  color: #626262 !important;
  margin-right: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}
.game-embed-container {
  background: #000;
  max-height: 637px;
  height: calc(115vh - 14rem);
  margin-left: -15px;
  margin-right: -15px;
}
.game-embed-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}































































/* @import "assets/sass/theme.css"; */
 

.container-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.container-navbar .logo img {
  max-height: 30px;
}
.container-button {
  background: none;
  border: none;
  display: flex;
}
.style-p {
  font-size: 0.9rem;
}
.container-button:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #18A0FB !important;
  border: none !important;
}


.container-navbar span {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  margin-left: 35px;
}
.container-navbar span a {
  color: #18A0FB;
  text-decoration: none;
  font-weight: normal;
}
.container-navbar span i {
  color: #929292;
  font-style: normal;
}
.container-navbar .navbar-brand img {
  max-height: 30px;
}
.container-navbar.backgroundNavbar {
  background: white;
}