@charset "UTF-8";
/* This section resets the CSS code for the new 2024 standards */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
  line-height: 1.3;
}

body {
  min-width: 40dvh;
  padding: 0 !important;
  margin: 0 0 120px 0 !important;
  overflow-x: hidden;
  overflow-y: hidden;
  user-select: none;
}
@media (min-width: 600px) {
  body {
    margin: 0 !important;
  }
}
body .container {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
body header {
  height: auto;
  display: block;
  position: inherit;
}
body header main {
  display: block;
}
body .no-margin {
  margin: 0 !important;
}
body .no-padding {
  padding: 0 !important;
}
body .no-padding-left {
  padding-left: 0 !important;
}
body .no-padding-right {
  padding-right: 0 !important;
}
body .row-padding {
  padding: 0;
}
@media (min-width: 600px) {
  body .row-padding {
    padding: 0 16px;
  }
}
body .z-depth-1 {
  -webkit-box-shadow: 0 4px 4px 0 rgb(200, 202, 215);
  -moz-box-shadow: 0 4px 4px 0 rgb(200, 202, 215);
  box-shadow: 0 4px 4px 0 rgb(200, 202, 215);
}
body .z-depth-1-reverse {
  -webkit-box-shadow: 0 -2px 5px 0 rgb(200, 202, 215);
  -moz-box-shadow: 0 -2px 5px 0 rgb(200, 202, 215);
  box-shadow: 0 -2px 5px 0 rgb(200, 202, 215);
}
body .jconfirm-title {
  width: 100% !important;
}

.no-space {
  height: 60px !important;
}

.items-counter {
  margin: 16px 0;
}

.truncate2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: block;
  height: 54px !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.truncate3 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  height: 62px;
  word-break: break-all;
}

.truncate4 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  height: 78px;
  word-break: break-all;
}

.truncatemid {
  -webkit-box-orient: vertical;
  width: 20%;
  display: -webkit-box;
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.truncatebtn {
  width: calc(20% + 40px) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: inline-block !important;
}

.truncatebtn2 {
  width: calc(50% - 100px) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: inline-block !important;
}

.m-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.strong {
  font-weight: 600;
}

/* All header includes */
.calc-container-1 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 100px);
  padding-bottom: 70px !important;
}

/* Nav and title-view */
.calc-container-2 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 145px);
}

/* Nav and breadmenu navigation */
.calc-container-3 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 180px);
}
@media (min-width: 600px) {
  .calc-container-3 {
    height: calc(100vh - 121px);
  }
}

/* Nav only */
.calc-container-4 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 180px);
}
@media (min-width: 600px) {
  .calc-container-4 {
    height: calc(100vh - 96px);
  }
}

.talltruncate {
  height: 90px !important;
}

.calc-container-modal {
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
}

.space-icon-side {
  padding-left: 16px;
}

.active-itm p {
  color: #FF9800 !important;
}

.badge-back-img {
  transform: translateX(8px);
}

.md-icon-move-y {
  transform: translateY(10px);
}

.title-side-asset {
  font-size: 16px;
  font-weight: 700;
  color: #FF9800;
}

.button-sidebar-fullwidth {
  width: 100% !important;
}

.space-span {
  margin-right: 16px;
}

#uniqueId.ctm-btn-200 {
  width: 200px !important;
}

.justify-content-between {
  justify-content: space-between;
}

.time-accounts-date {
  color: #969696;
  font-size: 14px;
}

.m-left-8 {
  margin-left: 8px;
}

.m-bottom-24 {
  margin-bottom: 24px;
}

.vertical-hr {
  width: 4px;
  height: 20px;
  background-color: #2A4E6E;
  border: none;
  margin: 7px;
}

.display-flex-1 {
  display: flex;
}

.side-chip-section {
  align-items: center;
  margin-bottom: 24px !important;
}
.side-chip-section .chip {
  width: 40%;
  min-width: 40%;
}
.side-chip-section p {
  font-weight: 600;
  color: #9F6402;
  text-decoration: underline;
}

.mt-56 {
  margin-top: 56px !important;
}

.avatar {
  height: 32px;
  width: 32px;
  padding: 0;
  float: left;
  margin: 0 16px;
  border-radius: 50% !important;
}
.avatar img {
  height: 48px;
  width: 48px;
  border-radius: 50% !important;
}

.avatar-40 {
  height: 40px;
  width: 40px;
}
.avatar-40 img {
  height: 40px;
  width: 40px;
}

.avatar-56 {
  height: 56px;
  width: 56px;
  border: 4px solid #ffffff;
}
.avatar-56 img {
  height: 56px;
  width: 56px;
}

.avatar-56-active {
  height: 56px;
  width: 56px;
  border: 4px solid #ff9800;
}
.avatar-56-active img {
  height: 56px;
  width: 56px;
}

.avatar-icon {
  height: 32px;
  width: 32px;
  background-color: #0277BD;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  padding-top: 6px;
}

.avatars {
  display: flex;
  margin: 0 16px;
}
.avatars .avatar {
  margin: 0 0 0 -4px !important;
}
.avatars .avatar img {
  box-shadow: 0 0 0 4px #fff;
}
.avatars .avatar .avatar-icon {
  box-shadow: 0 0 0 4px #fff;
}

.avatar span {
  transform: translate(-8px, 14px);
  position: absolute;
}

.avatar-40 span {
  transform: translate(-26px, 16px);
  position: absolute;
}

.avatar-56 span {
  transform: translate(-32px, 33px);
  position: absolute;
}

.resp-img-avtar {
  height: 48px;
  width: 47px;
}

.icon-ast-space {
  transform: translate(16px, 0px);
}

.badge {
  height: 18px;
  width: 18px;
  background-color: #039BE5;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  padding-top: 2px;
  margin: 0;
  line-height: 1.5;
}

.badge-24 {
  height: 24px;
  width: 24px;
  font-size: 14px;
  padding-top: 3px;
}
.badge-24 i {
  font-size: 18px;
}

.plus-number {
  padding-top: 2px !important;
}

.badge-colored {
  background-color: #01579B;
}

.badge-status {
  height: 10px;
  width: 10px;
  background-color: #4CAF50;
  border: 1.5px solid #484A55;
}

.badges {
  display: flex;
}
.badges .badge {
  float: left;
  margin: 0 0 0 -4px !important;
  box-shadow: 0 0 0 4px #fff !important;
  background-color: #FF9800;
  font-size: 12px !important;
}

.badge {
  height: 18px;
  width: auto;
  border-radius: 5px !important;
  background-color: #039BE5;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  padding-top: 2px;
  margin: 0;
  line-height: 1.5;
}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 10px;
  line-height: 22px;
  height: 22px;
  color: #ffffff;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
  background-color: rgba(42, 78, 110, 0.2588235294) !important;
}

.btn {
  text-transform: inherit;
}

.high-btn-straight {
  height: 63px !important;
  padding: 16px !important;
}

.btn-small-primary-straight-google {
  z-index: auto;
  height: 36px;
  margin-right: 8px;
  text-align: center;
  border: 3px solid #000000;
  background: white;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}
@media (min-width: 600px) {
  .btn-small-primary-straight-google {
    font-size: 16px !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-primary-straight-google {
    font-size: 16px !important;
    width: 100% !important;
  }
}
.btn-small-primary-straight-google:hover {
  background-color: #E8E8E8;
  color: #FFFFFF;
}
.btn-small-primary-straight-google img {
  z-index: 999;
}

.btn-medium-primary-straight-google {
  z-index: auto;
  height: 36px;
  margin-right: 8px;
  text-align: center;
  background: #928F88;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}
@media (min-width: 600px) {
  .btn-medium-primary-straight-google {
    font-size: 16px !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .btn-medium-primary-straight-google {
    font-size: 16px !important;
    width: 100% !important;
  }
}
.btn-medium-primary-straight-google:hover {
  background-color: #2A4E6E;
  color: #FFFFFF;
}
.btn-medium-primary-straight-google img {
  z-index: 999;
}

.btn-small-primary-straight {
  z-index: auto;
  height: 36px;
  margin-right: 8px;
  text-align: center;
  background: #2A4E6E;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}
@media (min-width: 600px) {
  .btn-small-primary-straight {
    font-size: 16px !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-primary-straight {
    font-size: 16px !important;
    width: 100% !important;
  }
}
.btn-small-primary-straight:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.btn-small-secondary-straight {
  z-index: auto;
  text-align: center;
  height: 36px;
  margin-right: 8px;
  background: #E8E8E8;
  color: #2A4E6E;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 600px) {
  .btn-small-secondary-straight {
    font-size: 16px !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-secondary-straight {
    font-size: 16px !important;
    width: 100% !important;
  }
}
.btn-small-secondary-straight:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.btn-small-tertiary-straight {
  z-index: auto;
  text-align: center;
  height: 36px;
  margin-right: 8px;
  background: transparent;
  color: #2A4E6E;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 100% !important;
}
@media (min-width: 600px) {
  .btn-small-tertiary-straight {
    font-size: 16px !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-tertiary-straight {
    font-size: 16px !important;
    width: 100% !important;
  }
}
.btn-small-tertiary-straight:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}

.btn-small-square-primary {
  z-index: auto;
  text-align: center;
  height: 36px;
  margin-right: 8px;
  background: #2A4E6E !important;
  color: #E8E8E8 !important;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-square-primary {
    font-size: 16px !important;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-square-primary {
    font-size: 16px !important;
    width: auto !important;
  }
}
.btn-small-square-primary:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}

.btn-small-square-secondary {
  z-index: auto;
  text-align: center;
  height: 36px;
  margin-right: 8px;
  background: #E8E8E8 !important;
  color: #2A4E6E !important;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-square-secondary {
    font-size: 16px !important;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-square-secondary {
    font-size: 16px !important;
    width: auto !important;
  }
}
.btn-small-square-secondary:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.btn-small-square-secondary {
  z-index: auto;
  text-align: center;
  height: 36px;
  margin-right: 8px;
  background: #E8E8E8;
  color: #2A4E6E;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-square-secondary {
    font-size: 16px !important;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-square-secondary {
    font-size: 16px !important;
    width: auto !important;
  }
}
.btn-small-square-secondary:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}

.btn-small-square-tertiary {
  z-index: auto;
  text-align: center;
  height: 36px;
  margin-right: 8px;
  background: transparent;
  color: #2A4E6E;
  text-decoration: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-square-tertiary {
    font-size: 16px !important;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-square-tertiary {
    font-size: 16px !important;
    width: auto !important;
  }
}
.btn-small-square-tertiary:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}

.btn-small-circle-primary {
  z-index: auto;
  text-align: center;
  background: #2A4E6E !important;
  color: #E8E8E8 !important;
  text-decoration: none;
  border-radius: 100% !important;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-circle-primary {
    font-size: 16px !important;
    width: 36px !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-circle-primary {
    font-size: 16px !important;
    width: 36px !important;
  }
}
.btn-small-circle-primary:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}
.btn-small-circle-primary i {
  transform: translate(-8px, 0px);
}
.btn-small-circle-primary .preloader-wrapper {
  left: -6px;
}

.btn-small-circle-secondary {
  z-index: auto;
  text-align: center;
  background: #E8E8E8 !important;
  color: #2A4E6E !important;
  text-decoration: none;
  border-radius: 100% !important;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-circle-secondary {
    font-size: 16px !important;
    width: 36px !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-circle-secondary {
    font-size: 16px !important;
    width: 36px !important;
  }
}
.btn-small-circle-secondary:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}
.btn-small-circle-secondary i {
  transform: translate(-8px, 0px);
}
.btn-small-circle-secondary .preloader-wrapper {
  left: -6px;
}

.btn-small-circle-tertiary {
  z-index: auto;
  text-align: center;
  background: transparent !important;
  color: #2A4E6E !important;
  text-decoration: none;
  border-radius: 100% !important;
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 36px !important;
}
@media (min-width: 600px) {
  .btn-small-circle-tertiary {
    font-size: 16px !important;
    width: 36px !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-circle-tertiary {
    font-size: 16px !important;
    width: 36px !important;
  }
}
.btn-small-circle-tertiary:hover {
  background-color: #333333 !important;
  color: #E8E8E8 !important;
}
.btn-small-circle-tertiary i {
  transform: translate(-7px, 1px);
}
.btn-small-circle-tertiary .preloader-wrapper {
  left: -6px;
}

.btn-small-primary-rounded {
  z-index: auto;
  height: 36px;
  text-align: center;
  background: #2A4E6E;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 28px;
  font-size: 14px;
  line-height: 36px;
  padding: 0 48px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
}
@media (min-width: 600px) {
  .btn-small-primary-rounded {
    font-size: 16px !important;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-primary-rounded {
    font-size: 16px !important;
  }
}
.btn-small-primary-rounded:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.btn-small-secondary-rounded {
  z-index: auto;
  height: 36px;
  text-align: center;
  background: #E8E8E8;
  color: #2A4E6E;
  text-decoration: none;
  border-radius: 28px;
  font-size: 14px;
  line-height: 36px;
  padding: 0 48px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
}

@media (min-width: 600px) {
  .btn-small-secondary-rounded {
    font-size: 16px !important;
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .btn-small-secondary-rounded {
    font-size: 16px !important;
  }
}
.btn-small-secondary-rounded:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.btn-high-more-vert {
  z-index: auto;
  background: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  width: 80%;
}
@media (min-width: 600px) {
  .btn-high-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-high-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-high-more-vert:hover {
  background-color: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-high-more-vert:focus {
  background-color: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
}

.btn-medium {
  z-index: auto;
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-medium {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-medium {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-medium:hover {
  background: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-medium:focus {
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
}

.btn-medium-more-vert {
  z-index: auto;
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 80%;
}
@media (min-width: 600px) {
  .btn-medium-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-medium-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-medium-more-vert:hover {
  background: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-medium-more-vert:focus {
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
}

.btn-low {
  z-index: auto;
  background-color: transparent;
  border: 1px solid transparent;
  color: #FF9800;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-low {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-low {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-low:hover {
  background: transparent;
  border: 1px solid transparent;
  color: #FF9800;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-low:focus {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.btn-low-1 {
  z-index: auto;
  background-color: transparent;
  border: 1px solid transparent;
  color: #707070 !important;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-low-1 {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-low-1 {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-low-1:hover {
  background: transparent;
  border: 1px solid transparent;
  color: #FF9800;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-low-1:focus {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

i.left {
  margin-right: 8px;
  position: absolute;
  float: inherit !important;
  transform: translateX(-24px);
}
@media (min-width: 600px) {
  i.left {
    position: inherit;
    float: left !important;
    transform: translateX(0);
  }
}
@media (min-width: 1200px) {
  i.left {
    position: inherit;
    float: left !important;
    transform: translateX(0);
  }
}

.btn.disabled {
  z-index: auto;
  background: #F3F6FF;
  border: 1px solid #F3F6FF;
  color: #C8CAD7;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  pointer-events: all;
  cursor: not-allowed;
}

.btn-icon {
  z-index: auto;
  background-color: transparent;
  border: 1px solid transparent;
  color: #080B17 !important;
  text-decoration: none;
  border-radius: 0px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: auto;
  cursor: pointer;
}
.btn-icon:hover, .btn-icon:focus {
  background: transparent;
  border: 1px solid transparent;
  color: #080B17 !important;
}

.item-liked {
  color: #080B17;
  content: "favorite" !important;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
}

.btn-mobile {
  width: 46%;
  margin-right: 8px;
}

.fab-extended {
  display: flex !important;
  width: 140px !important;
  padding-right: 20px !important;
  height: auto !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  background-color: #FF9800;
}
.fab-extended .fab-extended:hover {
  background-color: #FF9800;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 60px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.long-btn {
  width: 100%;
}

.btn-closenav {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 9px 6px 6px 10px;
  position: fixed;
  display: inline-block;
  top: 220px;
  z-index: 1000 !important;
  background-color: #FFF3E0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  -moz-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
}

#btn-opennav i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zLDE4aDEzdi0ySDNWMTh6IE0zLDEzaDEwdi0ySDNWMTN6IE0zLDZ2MmgxM1Y2SDN6IE0yMSwxNS42TDE3LjQsMTJMMjEsOC40TDE5LjYsN2wtNSw1bDUsNUwyMSwxNS42eiIvPgo8L3N2Zz4K);
  border-width: 0;
  box-shadow: none;
  border: 0;
}

#btn-closenav i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyMnYyMkgwVjB6Ii8+CjxnPgoJPHJlY3QgeD0iMi44IiB5PSIxNC43IiBjbGFzcz0ic3QxIiB3aWR0aD0iOS4yIiBoZWlnaHQ9IjEuOCIvPgoJPHJlY3QgeD0iMi44IiB5PSIxMC4xIiBjbGFzcz0ic3QxIiB3aWR0aD0iMTEiIGhlaWdodD0iMS44Ii8+Cgk8cmVjdCB4PSIyLjgiIHk9IjUuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjkuMiIgaGVpZ2h0PSIxLjgiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuNywxNS42IDE5LjIsMTEgMTQuNyw2LjQgMTMuNCw3LjcgMTYuNywxMSAxMy40LDE0LjMgCSIvPgo8L2c+Cjwvc3ZnPg==);
  border-width: 0;
  box-shadow: none;
  border: 0;
}

.btn-closenav-2 {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 9px 6px 6px 10px;
  position: fixed;
  display: inline-block;
  top: 144px;
  z-index: 1000 !important;
  background-color: #FFF3E0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  -moz-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
}

#btn-opennav-2 i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyMnYyMkgwVjB6Ii8+CjxnPgoJPHJlY3QgeD0iMi44IiB5PSIxNC43IiBjbGFzcz0ic3QxIiB3aWR0aD0iOS4yIiBoZWlnaHQ9IjEuOCIvPgoJPHJlY3QgeD0iMi44IiB5PSIxMC4xIiBjbGFzcz0ic3QxIiB3aWR0aD0iMTEiIGhlaWdodD0iMS44Ii8+Cgk8cmVjdCB4PSIyLjgiIHk9IjUuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjkuMiIgaGVpZ2h0PSIxLjgiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuNywxNS42IDE5LjIsMTEgMTQuNyw2LjQgMTMuNCw3LjcgMTYuNywxMSAxMy40LDE0LjMgCSIvPgo8L2c+Cjwvc3ZnPg==);
  border-width: 0;
  box-shadow: none;
  border: 0;
}

#btn-closenav-2 i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zLDE4aDEzdi0ySDNWMTh6IE0zLDEzaDEwdi0ySDNWMTN6IE0zLDZ2MmgxM1Y2SDN6IE0yMSwxNS42TDE3LjQsMTJMMjEsOC40TDE5LjYsN2wtNSw1bDUsNUwyMSwxNS42eiIvPgo8L3N2Zz4K);
  border-width: 0;
  box-shadow: none;
  border: 0;
}

.card-tebale-coments {
  padding: 24px;
}

.segmented-controls {
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
}
.segmented-controls input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.segmented-controls label {
  grid-row: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  flex: 1 1 0px;
  position: relative;
  z-index: 2;
  transition: inherit;
}
.segmented-controls label:last-of-type {
  z-index: 1;
}
.segmented-controls label:last-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  background-color: black;
  transition: inherit;
}
.segmented-controls input:nth-last-of-type(2):checked ~ label:last-of-type::after {
  transform: translateX(-100%);
}
.segmented-controls input:nth-last-of-type(3):checked ~ label:last-of-type::after {
  transform: translateX(-200%);
}
.segmented-controls input:nth-last-of-type(4):checked ~ label:last-of-type::after {
  transform: translateX(-300%);
}
.segmented-controls input:nth-last-of-type(5):checked ~ label:last-of-type::after {
  transform: translateX(-400%);
}
.segmented-controls input:nth-last-of-type(6):checked ~ label:last-of-type::after {
  transform: translateX(-500%);
}
.segmented-controls input:nth-last-of-type(7):checked ~ label:last-of-type::after {
  transform: translateX(-600%);
}
.segmented-controls input:nth-last-of-type(8):checked ~ label:last-of-type::after {
  transform: translateX(-700%);
}
.segmented-controls input:nth-last-of-type(9):checked ~ label:last-of-type::after {
  transform: translateX(-800%);
}
.segmented-controls input:nth-last-of-type(10):checked ~ label:last-of-type::after {
  transform: translateX(-900%);
  border-radius: 0.5rem;
  background: #f5f5f5;
  border: 1px solid #484A55;
  height: 2rem;
  padding: 0.125rem;
}
.segmented-controls label {
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  line-height: 1;
}
.segmented-controls label:not(:first-of-type)::before {
  content: "";
  position: absolute;
  z-index: -3;
  top: 0.5rem;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
  transition: inherit;
}
.segmented-controls input:checked + label::before, .segmented-controls input:checked + label + input + label::before {
  opacity: 0;
}
.segmented-controls label:last-of-type::after {
  background: linear-gradient(0deg, #FFE0B2, #FFE0B2), linear-gradient(0deg, #FFE0B2, #FFE0B2);
}

.preloader-wrapper.small {
  width: 16px !important;
  height: 16px !important;
  top: 4px;
}

.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: #E8E8E8 !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.z-depth-1, nav, .card-panel, .card, .toast, .dropdown-content, .collapsible, .sidenav {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}

.z-depth-1, nav, .btn, .btn-large, .btn-small, .btn-floating {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.high-btn-titlte {
  height: 3rem !important;
  padding: 4px 16px 4px 16px !important;
  transform: translate(10px, 56px) !important;
}

.tiitle-checkin {
  transform: translate(0px, -4px) !important;
}

.high-btn-icon {
  height: 44px !important;
  padding-top: 5px;
  transform: translate(-1px, 56px) !important;
}

.high-btn-icon2 {
  height: 44px !important;
  padding-top: 5px;
  transform: translate(-1px, 4px) !important;
}

.high-btn-titlte2 {
  height: 3rem !important;
  padding: 4px 16px 4px 16px !important;
  transform: translate(10px, 4px) !important;
}

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 45px !important;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  width: 100% !important;
}

.action-space-btn {
  width: 45px;
}

.ico-text-btn {
  padding: 0px !important;
}

.checkbox span::before {
  border: 2px solid #080B17 !important;
}
.checkbox [type=checkbox]:checked + span:not(.lever):before {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid #29B6F6 !important;
  border-bottom: 2px solid #29B6F6 !important;
}
.checkbox [type=checkbox]:checked:disabled + span:not(.lever):before {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid #DBDEEB !important;
  border-bottom: 2px solid #DBDEEB !important;
}
.checkbox [type=checkbox]:not(:checked):disabled + span:not(.lever):before {
  border: 2px solid #DBDEEB !important;
  background-color: transparent !important;
}
.checkbox.disabled span {
  color: #DBDEEB;
  cursor: not-allowed !important;
  pointer-events: none;
}

[type=checkbox] + span:not(.lever) {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #2A4E6E !important;
  background-color: #2A4E6E !important;
  z-index: 0;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 6px 14px;
  background-color: #0d699f;
  color: #F5F5F5;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  border-radius: 20px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip .chip-icon {
  font-size: 16px;
  line-height: 32px;
  padding-left: 0px;
}
.chip .close {
  color: #2A4E6E;
  background-color: #E8E8E8;
  border-radius: 50px;
  padding: 5px 4px 5px 4px;
  margin-left: 4px;
  line-height: 10px;
  font-size: 12px;
  font-weight: 900;
  transform: translate(8px, 0px);
}

.chip.disabled {
  pointer-events: none !important;
  background-color: #F3F6FF !important;
  color: #A2A5B1 !important;
}
.chip.disabled .close {
  background-color: #A2A5B1 !important;
}

.chip > img {
  width: 22px !important;
  margin: -4px 8px 0 -5px !important;
  font-family: "Poppins" !important;
}

.chip-s-400 {
  color: #29B6F6;
  border: 0px solid #29B6F6;
  background-color: rgba(41, 182, 246, 0.08);
  font-family: "Poppins" !important;
}

.chip-s-900 {
  color: #01579B;
  border: 0px solid #01579B;
  background-color: rgba(1, 87, 155, 0.08);
  font-family: "Poppins" !important;
}

.chip-active {
  color: #0F5132;
  border: 0px solid #0F5132;
  background-color: #D1E7DD;
  font-family: "Poppins" !important;
}

.chip-danger {
  color: #DE1135;
  border: 0px solid #DE1135;
  background-color: #FFF0EE;
  font-family: "Poppins" !important;
}

.chip-warning {
  color: #664D03;
  border: 0px solid #664D03;
  background-color: #FFF3CD;
  font-family: "Poppins" !important;
}

.chip-info {
  color: #055160;
  border: 0px solid #055160;
  background-color: #CFF4FC;
  font-family: "Poppins" !important;
}

.chip-autor {
  color: #f7f7f7;
  border: 0px solid #C25B00;
  background-color: #C25B00;
  font-family: "Poppins" !important;
}

.chip-outstanding {
  color: #FF9800;
  border: 0px solid #FF9800;
  background-color: #FFF3E0;
  font-family: "Poppins" !important;
}

.chips .input {
  border: none !important;
}

.chip-img {
  width: 5px;
  padding: 5px;
}

.chip-name {
  background-color: #E9EBF9;
  color: #484A55;
  border: 0px solid #484A55;
  display: inline-block;
  line-height: 32px;
  border-radius: 50px;
  padding: 0 12px;
  max-width: calc(80% - 150px);
  min-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  margin-bottom: 0;
  font-size: 13px !important;
  font-family: "Poppins" !important;
}

.chip-name > img {
  float: left;
  margin: 0 4px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  padding: 5px;
  font-family: "Poppins" !important;
}

.chip-name .chip-name-icon {
  font-size: 16px;
  line-height: 32px;
  padding-left: 0px;
}

.cont-line-chips {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 4px);
}

.color-pts {
  color: #E9EBF9;
}

.chip-hover-expand {
  width: 40px;
  display: inline-flex;
  cursor: pointer;
  max-width: 300px;
}
.chip-hover-expand:hover {
  width: auto;
  transition: all 20s ease;
  opacity: 1;
}
.chip-hover-expand .chip-icon {
  margin-right: 12px;
}
.chip-hover-expand span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip-hover-expand img {
  min-width: 32px;
  margin: 0 8px 0 -12px !important;
}

.chips-container ul li {
  text-decoration: none;
}
.chips-container ul li .chip span {
  text-decoration: none;
}

.imgchip {
  transform: translateY(4px);
}

.chip-bk {
  color: #595C5E;
  background-color: #ffffff;
  font-family: "Poppins" !important;
  display: inline-block;
}

.links-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.p-text-status {
  transform: translate(16px, -13px);
}

.chip-failed {
  background-color: #C25B00;
  color: #ffffff;
}

.chip-bloqueado {
  background-color: #808080;
  color: #ffffff;
}

.chip-libre {
  background-color: #477D02;
  color: #ffffff;
}

.collapsible .collapsible-header {
  color: #080B17;
}
.collapsible .collapsible-body span {
  color: #080B17;
}
.collapsible .collapsible-body .v-error {
  color: #DE1135;
}
.collapsible .collapsible-body .v-error i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.collapsible .collapsible-body .v-sucsses {
  color: #0F5132;
}
.collapsible .collapsible-body .v-sucsses i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.collapsible .collapsible-body .divider {
  height: 0px;
  overflow: hidden;
  background-color: transparent;
}

.collapsible {
  border-radius: 16px;
}

.collapsible-header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  line-height: 1.5 !important;
  background-color: rgba(255, 255, 255, 0) !important;
  border-bottom: 1px solid #ddd !important;
}

.left-ico-down {
  transform: translate(22px, -5px) !important;
}

.sidenav li.active {
  background-color: #fff !important;
}

@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular") format("truetype");
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold") format("truetype");
}
@font-face {
  font-family: "Poppins-BlackItalic";
  src: url("../fonts/Poppins-ExtraBoldItalic") format("truetype");
}
@font-face {
  font-family: "Poppins-Black";
  src: url("../fonts/Poppins-Black") format("truetype");
}
@font-face {
  font-family: "Poppins-Black";
  src: url("../fonts/Poppins-Black") format("truetype");
}
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light") format("truetype");
}
@font-face {
  font-family: "Poppins-LightItalic";
  src: url("../fonts/Poppins-LightItalic") format("truetype");
}
@font-face {
  font-family: "Poppins-Thin";
  src: url("../fonts/Poppins-Thin") format("truetype");
}
@font-face {
  font-family: "Poppins-ThinItalic";
  src: url("../fonts/Poppins-ThinItalic") format("truetype");
}
body, a, li, p, h1, h2, h3, h4, h5, label {
  font-family: "Poppins", sans-serif;
}

a, li {
  text-decoration: none;
  font-size: 14px;
  color: #080B17;
}
@media (min-width: 1200px) {
  a, li {
    font-size: 16px;
  }
}

h1 {
  color: var(--content-content-primary, #000);
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
}

h2 {
  color: var(--content-content-primary, #000);
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  color: var(--content-content-primary, #000);
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

h4 {
  color: var(--content-content-primary, #000);
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

h5 {
  color: var(--content-content-primary, #000);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
}

h6 {
  color: var(--content-content-primary, #000);
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

label {
  font-size: 12px;
  font-weight: 400;
  color: #A2A5B1;
}
@media (min-width: 1200px) {
  label {
    font-size: 16px;
  }
}

.overline {
  font-size: 10px !important;
  font-weight: 300 !important;
  color: #5A5D68 !important;
  letter-spacing: 1.5pt !important;
  text-transform: uppercase !important;
}
@media (min-width: 1200px) {
  .overline {
    font-size: 10px !important;
  }
}

.link-p {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #080B17 !important;
}

.md-18 {
  font-size: 18px !important;
}

.md-24 {
  font-size: 24px !important;
}

.md-36 {
  font-size: 36px !important;
}

.md-48 {
  font-size: 48px !important;
}

.ti-8 {
  padding-left: 8px !important;
}

.ti-16 {
  padding-left: 16px !important;
}

.flow-text-h1 {
  font-size: 24px;
}

.flow-text-h2 {
  font-size: 24px;
}

.flow-text-h3 {
  font-size: 24px;
}

.flow-text-h4 {
  font-size: 24px;
}

.flow-text-h5 {
  font-size: 16px;
}

.flow-text-h6 {
  font-size: 16px;
}

.flow-text-title {
  font-size: 15px;
}

.flow-text-p {
  font-size: 14px;
}

.flow-text-span {
  font-size: 13px;
}

.overline-menu {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #484A55 !important;
  text-transform: uppercase !important;
}
@media (min-width: 1200px) {
  .overline-menu {
    font-size: 10px !important;
  }
}

.menu-text-act {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #5A5D68 !important;
}

.spang-losing {
  font-size: 20px !important;
  font-weight: 400 !important;
}

.gauge-container {
  min-width: 80px;
  max-width: 120px;
  height: auto;
  width: auto;
  overflow: hidden;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .gauge-container {
    max-width: 160px;
  }
}
.gauge-container p {
  margin-top: 4px;
}
.gauge-container .gauge {
  position: relative;
  border-radius: 50%/100% 100% 0 0;
  background-color: #29B6F6;
  min-width: 80px;
  width: auto;
  overflow: hidden;
  border: 2px solid #FFFFFF;
}
.gauge-container .gauge::before {
  content: " ";
  display: block;
  padding-top: 50%;
}
.gauge-container .gauge:hover {
  --rotation: 100deg;
}
.gauge-container .chart {
  overflow: hidden;
}
.gauge-container .mask {
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 0;
  top: 40%;
  background-color: #FFFFFF;
  border-radius: 50%/100% 100% 0 0;
  border: 1px solid #FFFFFF;
}
.gauge-container .percentage {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: 0px;
  background-color: #E1F5FE;
  transform: rotate(0deg);
  transform-origin: bottom center;
  transition-duration: 2s;
  border-radius: 50%/100% 100% 0 0;
}
.gauge-container .value {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
@media (min-width: 600px) {
  .gauge-container .value {
    font-size: 14px;
    font-weight: 500;
  }
}

.input-field {
  margin-top: 27px;
  margin-bottom: 24px;
}
.input-field input {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  padding-left: 4px !important;
  border: 3px solid;
  border-color: #FFFFFF;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #E8E8E8;
}
.input-field input:focus, .input-field input:not(selector) {
  border: 3px solid var(--border-border-selected, rgba(0, 0, 0, 0));
}
.input-field input::placeholder {
  padding-left: 4px;
  font-size: 12px;
  font-weight: lighter;
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field input::placeholder {
    font-size: 16px !important;
  }
}
.input-field label {
  font-size: 14px;
  color: #080B17;
  transform: none !important;
  transform-origin: center !important;
  position: inherit !important;
  display: block !important;
}
.input-field label:focus, .input-field label:not(selector) {
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field label {
    font-size: 16px !important;
  }
}
.input-field [disabled] {
  border-color: #C8CAD7 !important;
}
.input-field [disabled]::placeholder {
  color: #C8CAD7 !important;
}
.input-field .v-error {
  color: #DE1135;
}
.input-field .v-error i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.input-field .v-sucsses {
  color: #0F5132;
}
.input-field .v-sucsses i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.input-field .chips input {
  height: 35px;
}
.input-field .chips-autocomplete {
  background: #F5F5F5 !important;
  border: 0px solid #FFFFFF;
  padding: 5px 6px;
  border-radius: 10px;
  min-height: 35px !important;
  height: auto;
  margin: 8px 0 0 0;
}
.input-field.focus {
  border-bottom: 0px solid #FFFFFF !important;
  -webkit-box-shadow: 0 0 0 0 #FFFFFF !important;
}
.input-field .chip:focus {
  background-color: #E9EBF9 !important;
  color: #484A55 !important;
  border: 0px solid #484A55 !important;
}
.input-field .iti li {
  text-decoration: none;
}
.input-field .iti span {
  color: #2A2D37;
  text-decoration: none;
}
.input-field .iti input {
  padding-left: 83px !important;
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  margin-top: 8px !important;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}

.disabled label {
  color: #C8CAD7 !important;
}

input[type=text]:not(.browser-default):disabled {
  color: #A2A5B1 !important;
}

.valid:not(selector) {
  border: 1px solid #29B6F6 !important;
  box-shadow: 0 0 0 0 #080B17 !important;
}

input[type=text]:not(.browser-default),
input[type=number]:not(.browser-default) {
  margin-bottom: 0px;
}

.input-password .ControlInput--password {
  order: 0;
  padding-right: 50px;
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}
.input-password .Control-label--showPassword {
  order: -1;
  width: 32px;
  position: absolute !important;
  top: 38px;
  left: 100%;
  text-align: right;
  margin-left: -40px;
  z-index: 9;
  cursor: pointer;
}
.input-password .show-password {
  display: none !important;
  width: 20px !important;
  opacity: 8;
  width: 32px;
  position: relative;
  top: 60px;
  left: 100%;
  margin-left: -40px;
  text-security: disc !important;
  -webkit-text-security: disc !important;
  -moz-text-security: disc !important;
  margin-bottom: 0 !important;
}
.input-password .show-password:checked ~ .ControlInput--password {
  text-security: none !important;
  -webkit-text-security: none !important;
  -moz-text-security: none !important;
  margin-bottom: 0 !important;
}
.input-password .show-password:checked ~ .Control-label--showPassword .svg-toggle-password {
  fill: #5a5d68;
}
.input-password .show-password:checked ~ .Control-label--showPassword .svg-toggle-password .closed-eye {
  opacity: 0;
  height: 0;
}
.input-password .svg-toggle-password {
  fill: #5a5d68;
}
.input-password .svg-toggle-password .closed-eye {
  opacity: 1;
  transition: opacity 300ms ease, height 400ms ease;
  width: 4px;
  height: 44px;
}

select {
  color: #080B17 !important;
  margin-top: 8px !important;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 14px;
  border-radius: 10px !important;
  background-color: #E8E8E8 !important;
}
select:focus, select:not(selector) {
  border: 0px solid #080B17;
  box-shadow: 0 0 0 0 #080B17 !important;
  outline: 0px;
}
@media (min-width: 1200px) {
  select {
    font-size: 16px !important;
  }
}

label {
  font-size: 14px;
  color: #080B17;
}
label:focus, label:not(selector) {
  color: #080B17 !important;
}
@media (min-width: 1200px) {
  label {
    font-size: 16px !important;
  }
}

.select-label {
  display: contents !important;
  margin-bottom: 8px !important;
}

.textarea-label {
  display: contents !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.ql-container {
  color: #080B17 !important;
  padding: 0 2px !important;
  border: 1px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 0px 0px 10px 10px !important;
  font-size: 16px;
  font-family: inherit;
  transition: all 0.3s ease;
}
.ql-container.ql-editor-custom {
  font-size: 16px;
  padding: 11px 0px;
  font-weight: 300;
  font-style: rgular;
  min-height: 67px;
}
.ql-container.ql-editor-custom ul li {
  color: #080B17 !important;
  font-style: normal;
  font-weight: 300;
}
.ql-container.ql-editor-custom ol li {
  color: #080B17 !important;
  font-style: normal;
  font-weight: 300;
}

.ql-toolbar {
  display: none;
  transition: all 0.3s ease;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: 0px solid #A2A5B1 !important;
  background-color: #E8E8E8 !important;
}

.ql-toolbar.ql-snow + .ql-container.ql-inverse {
  border: 1px solid #81838F !important;
  background-color: #81838F !important;
}

.mid-input {
  width: 100% !important;
}

@media only screen and (min-width: 992px) {
  .mid-input {
    width: 100% !important;
  }
  .chips {
    border-bottom: 0px solid #FFFFFF !important;
    background-color: #F5F5F5 !important;
    border-radius: 5px;
    padding: 5px;
  }
}
.input-button input {
  display: inline-block;
  max-width: 240px;
  border-radius: 10px 0px 0px 10px !important;
  -moz-border-radius: 10px 0px 0px 10px !important;
  -webkit-border-radius: 10px 0px 0px 10px !important;
}
.input-button button {
  height: 45px;
  transform: translate(-3px, -2px);
  border-radius: 0px 10px 10px 0px !important;
  -moz-border-radius: 0px 10px 10px 0px !important;
  -webkit-border-radius: 0px 10px 10px 0px !important;
}

input[type=text]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=checkbox]:not(.browser-default), input[type=date]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default) {
  width: 100%;
  border-style: outset !important;
  box-sizing: border-box !important;
  color: #080B17 !important;
  margin: 8px 0 0 0 !important;
  padding-left: 4px;
  border: 0px solid;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #E8E8E8;
  transition: all 0.1s ease-in-out;
}
input[type=text]:not(.browser-default):focus, input[type=number]:not(.browser-default):focus, input[type=password]:not(.browser-default):focus, input[type=tel]:not(.browser-default):focus, input[type=checkbox]:not(.browser-default):focus, input[type=date]:not(.browser-default):focus, input[type=email]:not(.browser-default):focus, input[type=url]:not(.browser-default):focus {
  transition: all 0.1s ease-in-out;
  border-radius: 8px;
  border: 3px solid #2A4E6E;
  background: #FFFFFF;
}

.invalid-field {
  border: 3px solid #DE1135 !important;
}

.succes-field {
  border: 3px solid #309F7D !important;
}

.succes-required {
  border: 3px solid #9F6402 !important;
}

textarea {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  margin-top: 8px !important;
  padding-left: 4px;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}

.required-input {
  top: 13px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-image {
  top: 22px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-insert {
  top: 59px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-search {
  top: 29px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-chips {
  top: -16px;
  left: 126px;
  font-size: 24px;
  position: relative;
  z-index: 9;
}

.required-input-phrase {
  top: -17px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-phrase-chip {
  top: 32px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-checkbox {
  top: 44px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-checkbox2 {
  top: -15px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-number {
  top: 18px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
  transform: translateX(-8px);
}

.data-before {
  color: #01579B !important;
}

.data-error {
  color: #DB0000 !important;
}

.input_copy_wrapper {
  width: 450px;
  padding: 50px;
  margin: 0 auto;
}

.input_copy {
  padding: 15px 25px;
  background: #eee;
  border: 2px solid #aaa;
  color: #aaa;
  font-size: 0.8em;
}
.input_copy .icon {
  display: block;
  max-width: 25px;
  cursor: pointer;
  float: right;
}
.input_copy .icon img {
  max-width: 25px;
}
.input_copy .txt {
  width: 80%;
  display: inline-block;
  overflow: hidden;
}

/* click animation*/
.flashBG {
  animation-name: flash;
  animation-timing-function: ease-out;
  animation-duration: 1s;
}

@keyframes flash {
  0% {
    background: #28a745;
  }
  100% {
    background: transparent;
  }
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-field.col label {
  left: 0rem !important;
}

.input-field .prefix {
  position: absolute !important;
  width: 3rem !important;
  font-size: 2rem !important;
  -webkit-transition: color 0.2s !important;
  transition: color 0.2s !important;
  top: 40px !important;
  left: 7px !important;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  background-color: #E8E8E8;
}

.input-field input[type=search]:focus:not(.browser-default) {
  background-color: #fff;
  border: 3px solid #2A4E6E;
}

.setts {
  background-color: white !important;
}

.input-chip-btn {
  display: flex;
}
.input-chip-btn a {
  width: 133px !important;
  top: 8px;
  height: 47px;
  display: flex;
  align-items: center;
  margin-right: 0px;
}

.link {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
@media (min-width: 600px) {
  .link {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .link {
    font-size: 16px !important;
    width: auto;
  }
}
.link:hover {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
  transition: 0.3s all;
  text-decoration: underline;
}

.link-high {
  color: #FFFFFF !important;
}

.link-medium {
  color: #080B17 !important;
}
.link-medium:hover {
  color: #9F6402 !important;
}

.link-medium-accent {
  color: #9F6402 !important;
}
.link-medium-accent:hover {
  color: #9F6402 !important;
}

.link-medium-active {
  color: #FF9800 !important;
}

.link-low {
  color: #2A4E6E;
}

i.left {
  margin-right: 8px;
  position: inherit;
  float: left !important;
  transform: translateX(0);
}

.li-black {
  color: #080B17 !important;
}
.li-black:hover {
  text-decoration: none !important;
}

.form-displayment {
  display: flex;
  justify-content: space-between;
}

.xpertcad-logo {
  width: 134px;
  height: 32px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMDYuMDkgNTAuNzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwNi4wOSA1MC43NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFRTlEMkU7fQoJLnN0MXtmaWxsOiM1NTU2NUE7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDQuNSwyMS4yNWMtMC4xNywwLTAuMzQsMC0wLjczLDAuNTFjLTEuOTYsMi4zLTcuNTEsNy42Mi0xMi4zMyw3LjYyYy0xLjkxLDAtMi43NS0wLjc5LTIuNzUtMi40NwoJCQljMC0xLjA3LDAuMjgtMi4zLDAuNzgtMy41OWM2LjYyLTEuNDYsMTEuNzItNS40OSwxMS43Mi04LjI0YzAtMS41Ny0wLjk1LTIuNjktMy42NC0yLjY5Yy00LjQsMC0xMS4xMSw1Ljc2LTEyLjUxLDExLjM0CgkJCWMtMS40NCwxLjYzLTMuNTUsMy41Mi01LjQzLDMuNTJjLTEuMTIsMC0xLjkxLTAuNjItMS45MS0yLjI0YzAtMy43NiwyLjY5LTYsMi42OS04LjE5YzAtMC45NS0wLjczLTEuODUtMS44NS0xLjg1CgkJCWMtMy4zMSwwLTEwLjIsOC4xOS0xMi4wNSwxMC45M2MwLjExLTMuNTMsNS40OS05Ljk4LDUuNDktMTMuMDFjMC0xLjU3LTEuNC0yLjY5LTIuOC0yLjY5Yy0yLjk3LDAtNy4yMyw0LjgyLTEzLjM0LDEyLjUKCQkJYzAuNjctMS41NywxLjUxLTMuODEsMS41MS00LjkzYzAtMS41Ny0xLjc0LTIuNzUtMi41OC0yLjc1Yy0wLjM5LDAtMC41LDAuMTctMC41LDAuNjJjLTAuMTcsNC4yNi00Ljk5LDExLjE2LTQuOTksMTMuNzQKCQkJYzAsMS4yOSwxLjAxLDIuNTIsMS45MSwyLjUyYzEuMzUsMCwyLjU4LTMuMzYsNS4xNi03LjEyYzMuNTktNS4zMyw5Ljg3LTEyLjQ1LDExLjM4LTEyLjQ1YzAuMjIsMCwwLjM5LDAuMTcsMC4zOSwwLjU2CgkJCWMwLDIuMDctNC43Nyw5LjU5LTQuNzcsMTMuMzRjMCwyLjM1LDEuNzQsMy4xNCwyLjM1LDMuMTRjMC43MywwLDEuMDEtMS4wNywxLjY4LTIuMTNjMS45Ni0zLjQyLDguMTMtOS45Miw5LjA4LTkuOTIKCQkJYzAuMTEsMCwwLjIyLDAuMTEsMC4yMiwwLjM0YzAsMS4wMS0yLjQxLDMuNzYtMi40MSw3LjY4YzAsMi4xOSwxLjc0LDMuNywzLjk4LDMuN2MyLjI5LDAsNC43Mi0xLjgsNi41My0zLjY4CgkJCWMtMC4wMSwwLjEzLTAuMDMsMC4yNS0wLjAzLDAuMzhjMCwzLjcsMi4wNyw1LjQ5LDUuNTUsNS40OWM1LjQ5LDAsMTEuNzItNS42NiwxNC4wMi04Ljg2YzAuMzQtMC40NSwwLjM5LTAuNjIsMC4zOS0wLjg0CgkJCUMyMDQuNzIsMjEuMzYsMjA0LjY3LDIxLjI1LDIwNC41LDIxLjI1eiBNMTk4LjM5LDEzLjY4YzAuNDUsMCwwLjczLDAuMjIsMC43MywwLjc5YzAsMS42OC00LjA0LDYuMzQtOS4xNCw3Ljc0CgkJCUMxOTIsMTgsMTk1Ljg3LDEzLjc0LDE5OC4zOSwxMy42OHoiLz4KCTwvZz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iNjcuNTIsMjEuNzUgNjAuOTUsMTIuNjIgNjUuNTksMTIuNjIgNjkuODcsMTguNzMgNzQuMTYsMTIuNjIgNzguNjksMTIuNjIgNzIuMTIsMjEuNjUgNzguOTcsMzEuMTYgCgkJCTc0LjMzLDMxLjE2IDY5Ljc3LDI0LjY3IDY1LjI0LDMxLjE2IDYwLjcxLDMxLjE2IAkJIi8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNODEuNTcsMTIuNjJoNC4yNXYzLjA5YzEuMzctMS45MywzLjMtMy40OCw2LjI5LTMuNDhjNC4zOSwwLDguNjQsMy40OCw4LjY0LDkuNjJ2MC4wNwoJCQljMCw2LjE1LTQuMjEsOS42Mi04LjY0LDkuNjJjLTMuMDYsMC00Ljk5LTEuNTUtNi4yOS0zLjI3djguNWgtNC4yNVYxMi42MnogTTk2LjQyLDIxLjkzdi0wLjA3YzAtMy41OC0yLjQyLTUuOTMtNS4zLTUuOTMKCQkJYy0yLjg4LDAtNS40MSwyLjM5LTUuNDEsNS45M3YwLjA3YzAsMy41OCwyLjUzLDUuOTQsNS40MSw1Ljk0Qzk0LjAzLDI3Ljg2LDk2LjQyLDI1LjU4LDk2LjQyLDIxLjkzIi8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAyLjk1LDIxLjk2di0wLjA3YzAtNS4zLDMuNzYtOS42Niw5LjA2LTkuNjZjNS45LDAsOC44OSw0LjYzLDguODksOS45N2MwLDAuMzktMC4wNCwwLjc3LTAuMDcsMS4ySDEwNy4yCgkJCWMwLjQ2LDMuMDIsMi42LDQuNzEsNS4zNCw0LjcxYzIuMDcsMCwzLjU1LTAuNzcsNS4wMi0yLjIxbDIuNDksMi4yMWMtMS43NiwyLjExLTQuMTgsMy40OC03LjU5LDMuNDgKCQkJQzEwNy4xLDMxLjU4LDEwMi45NSwyNy42OSwxMDIuOTUsMjEuOTYgTTExNi42OCwyMC41OWMtMC4yOC0yLjc0LTEuOS00Ljg4LTQuNzEtNC44OGMtMi42LDAtNC40MiwyLTQuODEsNC44OEgxMTYuNjh6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTIyLjksMTIuNjZoNC4yNXY0LjE4YzEuMTYtMi43NywzLjMtNC42Nyw2LjU3LTQuNTN2NC41aC0wLjI1Yy0zLjcyLDAtNi4zMiwyLjQyLTYuMzIsNy4zNHY3LjA2aC00LjI1CgkJCVYxMi42NnoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzcuMTUsMjYuMDR2LTkuNzZoLTIuMzV2LTMuNjVoMi4zNVY3LjUzaDQuMjV2NS4wOWg0Ljk5djMuNjVoLTQuOTl2OS4xYzAsMS42NSwwLjg0LDIuMzIsMi4yOCwyLjMyCgkJCWMwLjk1LDAsMS43OS0wLjIxLDIuNjMtMC42M3YzLjQ4Yy0xLjA1LDAuNi0yLjI1LDAuOTUtMy44MywwLjk1QzEzOS4zNywzMS40OCwxMzcuMTUsMzAuMTEsMTM3LjE1LDI2LjA0Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAzLjc5LDMwLjc0Yy0wLjI4LDAuMjktMC42MywwLjQzLTEuMDMsMC40M2MtMC40LDAtMC43NS0wLjE0LTEuMDMtMC40M2MtMC4yOC0wLjI4LTAuNDItMC42My0wLjQyLTEuMDMKCQkJYzAtMC40LDAuMTQtMC43NCwwLjQzLTEuMDJjMC4yOC0wLjI4LDAuNjItMC40MiwxLjAyLTAuNDJjMC40LDAsMC43NCwwLjE0LDEuMDMsMC40MnMwLjQzLDAuNjIsMC40MywxLjAyCgkJCUMyMDQuMjIsMzAuMTEsMjA0LjA4LDMwLjQ2LDIwMy43OSwzMC43NCBNMjAxLjg4LDI4LjgzYy0wLjI0LDAuMjQtMC4zNiwwLjU0LTAuMzYsMC44OGMwLDAuMzUsMC4xMiwwLjY1LDAuMzYsMC44OQoJCQljMC4yNCwwLjI0LDAuNTQsMC4zNywwLjg5LDAuMzdjMC4zNSwwLDAuNjQtMC4xMiwwLjg4LTAuMzdjMC4yNC0wLjI0LDAuMzYtMC41NCwwLjM2LTAuODljMC0wLjM1LTAuMTItMC42NC0wLjM2LTAuODgKCQkJYy0wLjI0LTAuMjUtMC41NC0wLjM3LTAuODgtMC4zN0MyMDIuNDIsMjguNDYsMjAyLjEzLDI4LjU4LDIwMS44OCwyOC44MyBNMjAyLjc0LDI4LjkxYzAuMiwwLDAuMzQsMC4wMiwwLjQzLDAuMDYKCQkJYzAuMTcsMC4wNywwLjI1LDAuMiwwLjI1LDAuNGMwLDAuMTQtMC4wNSwwLjI1LTAuMTYsMC4zMmMtMC4wNSwwLjA0LTAuMTMsMC4wNi0wLjIzLDAuMDhjMC4xMiwwLjAyLDAuMjIsMC4wNywwLjI3LDAuMTYKCQkJYzAuMDYsMC4wOCwwLjA5LDAuMTcsMC4wOSwwLjI1djAuMTJjMCwwLjA0LDAsMC4wOCwwLDAuMTJjMCwwLjA0LDAuMDEsMC4wNywwLjAxLDAuMDhsMC4wMSwwLjAyaC0wLjI2YzAtMC4wMSwwLTAuMDEsMC0wLjAyCgkJCWMwLDAsMC0wLjAxLDAtMC4wMmwtMC4wMS0wLjA1di0wLjEzYzAtMC4xOC0wLjA1LTAuMzEtMC4xNS0wLjM3Yy0wLjA2LTAuMDMtMC4xNi0wLjA1LTAuMzEtMC4wNWgtMC4yMnYwLjYzaC0wLjI4di0xLjZIMjAyLjc0egoJCQkgTTIwMy4wNCwyOS4xNmMtMC4wNy0wLjA0LTAuMTktMC4wNi0wLjM0LTAuMDZoLTAuMjR2MC41OGgwLjI1YzAuMTIsMCwwLjIxLTAuMDEsMC4yNy0wLjA0YzAuMTEtMC4wNCwwLjE3LTAuMTMsMC4xNy0wLjI1CgkJCUMyMDMuMTUsMjkuMjgsMjAzLjExLDI5LjIsMjAzLjA0LDI5LjE2Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDguMDQsNDEuNTVjLTIuOS00LjAxLTguOC0xMS44Ny0xNi42Ni0xOS45QzM2LjQ4LDE1LjgxLDQxLjksMTAuMyw0Ni44NCw1Ljg2YzQuOTktNC40OCwyLjgtNi4yOS0yLjg0LTMuMzQKCQkJYy02LjczLDMuNTEtMTMuMDQsOC4yOC0xOC42NCwxMy4zNEMxOS43NCwxMC44LDEzLjQ0LDYuMDMsNi43MSwyLjUyQzEuMDctMC40Mi0xLjEzLDEuMzgsMy44Niw1Ljg2CgkJCWM0Ljk0LDQuNDMsMTAuMzUsOS45NCwxNS40NiwxNS43OWMtNy44Niw4LjAzLTEzLjc3LDE1Ljg4LTE2LjY2LDE5LjljLTEuMDEsMS40LTEuNTYsMy4wNy0xLjU4LDQuNzkKCQkJYy0wLjAyLDEuODMsMS40NSwzLjMyLDMuMjgsMy4zMmgzLjA0YzIuMzUsMCw1LjU5LTEuNTcsNi42NS0zLjY3YzIuNjYtNS4yOCw2LjY4LTExLjE5LDExLjI5LTE3LjA3CgkJCWM0LjYyLDUuODgsOC42NCwxMS43OSwxMS4yOSwxNy4wN2MxLjA2LDIuMSw0LjI5LDMuNjcsNi42NSwzLjY3aDMuMDRjMS44MywwLDMuMzEtMS41LDMuMjgtMy4zMgoJCQlDNDkuNiw0NC42Miw0OS4wNSw0Mi45NSw0OC4wNCw0MS41NXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
}

.note {
  background-color: #EEF3FE;
  height: auto;
  min-height: 45px;
  padding: 6px 6px;
  font-size: 14px;
  color: #2C51BE;
  border-radius: 10px;
  margin-top: 0px;
  display: flex;
}
.note .note-label {
  font-size: 14px !important;
  color: #2C51BE !important;
  width: 95%;
}
.note .note-label h5 {
  color: #2C51BE !important;
  font-weight: 400 !important;
}
.note .note-label i {
  margin-right: 6px;
  transform-origin: 0em 0em !important;
}
.note .note-list ol li {
  clear: inherit;
  color: #080B17;
  list-style-type: decimal !important;
  text-decoration: none !important;
}
.note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translate(24px, 8px);
}

.orange-note {
  background-color: #FFE0B2 !important;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #FB8C00 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.orange-note .note-label {
  font-size: 14px !important;
  color: #FB8C00 !important;
  width: 95%;
}
.orange-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px) !important;
  transform: rotate(0deg) !important;
  transform-origin: 0em 0em !important;
}
.orange-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #FB8C00 !important;
}

.danger-note {
  background-color: #FFF0EE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #DE1135 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.danger-note .note-label {
  font-size: 14px !important;
  color: #DE1135 !important;
  width: 95%;
}
.danger-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px) !important;
  transform-origin: 0em 0em !important;
}
.danger-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #DE1135 !important;
}

.success-note {
  background: #D1E7DD;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #0F5132 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.success-note .note-label {
  font-size: 14px !important;
  color: #0F5132 !important;
  width: 95%;
}
.success-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px) !important;
  transform-origin: 0em 0em !important;
}
.success-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #0F5132 !important;
}

.warning-note {
  background: #FFF3CD;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #664D03 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.warning-note .note-label {
  font-size: 14px !important;
  color: #664D03 !important;
  width: 95%;
}
.warning-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px) !important;
  transform-origin: 0em 0em !important;
}
.warning-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #664D03 !important;
}

.position-table {
  transition: auto;
  transform: translate(0px, 8px);
}

.note-inside-note {
  margin: 24px;
}

.paginator ul .active {
  background-color: #02437D;
}
.paginator ul .active a {
  text-decoration: none !important;
}

.preview-container .image-container {
  background-color: #DBDEEB;
}
.preview-container .image-container img {
  margin: 0 auto;
}

.progress {
  background-color: #E3E3E3;
}
.progress .determinate {
  background-color: #02437D !important;
}

.progress-secondary {
  background-color: rgba(1, 87, 155, 0.26);
}
.progress-secondary .determinate {
  background-color: #01579B;
}

.progress-negative {
  background-color: rgba(1, 87, 155, 0.26);
}
.progress-negative .determinate {
  background-color: #DB0000;
}

.progress-2 {
  position: relative;
  height: 12px;
  display: block;
  width: 100%;
  background-color: #E3E3E3;
  border-radius: 10px;
  overflow: hidden;
}
.progress-2 .determinate-2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #C25B00;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.radios span {
  color: #02437D;
}

[type=radio].with-gap:checked + span:before {
  border: 2px solid #02437D;
}

[type=radio]:checked + span:after, [type=radio].with-gap:checked + span:after {
  background-color: #02437D;
}

[type=radio].with-gap:checked + span:after {
  border: 2px solid #02437D;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  transition: 0.2s;
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: #2A4E6E;
  border-radius: 20px;
  border: 0px solid #FFFFFF;
  padding: 0;
  margin: 0;
}

.scroll-table {
  overflow-x: auto;
  scroll-behavior: smooth;
  max-height: 50vh;
}
@media only screen and (max-width: 768px) {
  .scroll-table {
    max-height: 62vh;
  }
}

.scroll-table2 {
  overflow-x: auto;
  scroll-behavior: smooth;
  max-height: 49vh;
}
@media only screen and (max-width: 768px) {
  .scroll-table2 {
    max-height: 49vh;
  }
}

.multiple-select-dropdown li {
  min-height: 20px;
}
.multiple-select-dropdown li label span {
  padding: inherit;
}
.multiple-select-dropdown li span {
  padding: 8px 16px;
}

select {
  font-family: "Open Sans", sans-serif !important;
}

.switch {
  padding: 8px 0 0 0;
  display: flex;
}
.switch label span {
  margin-left: 0px !important;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: rgba(0, 212, 255, 0.38);
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #2A4E6E;
}
.switch a i {
  transform: translateX(8px);
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: #E8E8E8;
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #E8E8E8 !important;
}

.switch label .lever:after {
  background-color: #595C5E;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.tables {
  height: auto;
  border-radius: 10px;
  overflow: visible;
}
.tables .table-header .table-title {
  width: 40%;
  overflow: hidden;
  display: inline-block;
  float: left;
}
.tables .table-header .table-title .title {
  padding: 0;
}
.tables .table-header .items-counter {
  margin: 0;
  padding: 0;
}
.tables .table-header .items-counter .input-field {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tables .table-header .items-counter label {
  display: inline-block;
  margin-left: 8 px;
}
.tables .table-header .table-controls .buttons {
  float: none;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .buttons {
    float: right;
  }
}
.tables .table-header .table-controls .table-search {
  max-width: 100%;
  width: 100%;
  display: inline-block;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .table-search {
    max-width: 200px;
    width: auto;
    display: inline-block;
  }
}
.tables .table-header .table-controls .table-search .input-field {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 36px;
}
.tables .table-header .table-controls .table-search .input-field input {
  margin: 0px !important;
  padding-left: 40px !important;
  height: 36px;
  transform: translateY(2px);
}
.tables .table-header .table-controls .table-search .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.tables .table-header .table-controls .table-search .input-field .material-icons {
  top: 7px !important;
  font-size: 24px !important;
}
.tables .table-header .table-controls .table-buttons {
  display: inline-block;
  float: right;
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .table-buttons {
    float: none;
    margin-bottom: 0px;
  }
}
.tables .table-header .table-controls .table-buttons a {
  width: 60px;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .table-buttons a {
    width: auto;
    margin-left: 8px;
  }
}
.tables .table-footer .paginator {
  text-align: center;
}
@media (min-width: 600px) {
  .tables .table-footer .paginator {
    text-align: right;
  }
}

.tabulator {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  transform: translatez(0);
}
.tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
  min-width: 100%;
}
.tabulator[tabulator-layout=fitDataTable] {
  display: inline-block;
}
.tabulator.tabulator-block-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabulator .tabulator-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #999;
  background-color: #fff;
  color: #555;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}
.tabulator .tabulator-header .tabulator-col {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  background-color: #fff;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
  padding: 4px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  position: absolute;
  border: 1px solid #999;
  background: #e6e6e6;
  pointer-events: none;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
  padding: 0 8px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #fff;
  padding: 1px;
  background: #F5F5F5;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-menu-button + .tabulator-title-editor {
  width: calc(100% - 22px);
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ddd;
  overflow: hidden;
  margin-right: -1px;
}
.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
  display: none;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  position: relative;
  box-sizing: border-box;
  margin-top: 2px;
  width: 100%;
  text-align: center;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  width: 0;
  height: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 25px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  cursor: pointer;
  background-color: #fbfafa;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
  color: #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: none;
  border-top: 6px solid #666;
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  transform: rotate(180deg);
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-right: 0;
  padding-bottom: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 4px;
  bottom: auto;
}
.tabulator .tabulator-header .tabulator-frozen {
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #fff;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #fff;
}
.tabulator .tabulator-header .tabulator-calcs-holder {
  box-sizing: border-box;
  min-width: 600%;
  background: #f2f2f2 !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #999;
  overflow: hidden;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #f2f2f2 !important;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder {
  min-width: 600%;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
}
.tabulator .tabulator-tableHolder {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tabulator .tabulator-tableHolder:focus {
  outline: none;
}
.tabulator .tabulator-tableHolder .tabulator-placeholder {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
  min-height: 100%;
  min-width: 100%;
}
.tabulator .tabulator-tableHolder .tabulator-placeholder span {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  color: #000;
  font-weight: 700;
  font-size: 20px;
}
.tabulator .tabulator-tableHolder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  overflow: visible;
  color: #333;
}
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: 700;
  background: #f2f2f2 !important;
}
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  border-bottom: 2px solid #ddd;
}
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  border-top: 2px solid #ddd;
}
.tabulator .tabulator-col-resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
}
.tabulator .tabulator-col-resize-handle.prev {
  left: 0;
  right: auto;
}
.tabulator .tabulator-col-resize-handle:hover {
  cursor: ew-resize;
}
.tabulator .tabulator-footer {
  padding: 5px 10px;
  border-top: 1px solid #999;
  background-color: #fff;
  text-align: right;
  color: #555;
  font-weight: 700;
  white-space: nowrap;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  box-sizing: border-box;
  width: calc(100% + 20px);
  margin: -5px -10px 5px;
  text-align: left;
  background: #f2f2f2 !important;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: #f2f2f2 !important;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  margin-bottom: -5px;
  border-bottom: none;
}
.tabulator .tabulator-footer .tabulator-paginator {
  color: #555;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.tabulator .tabulator-footer .tabulator-page-size {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.tabulator .tabulator-footer .tabulator-pages {
  margin: 0 7px;
}
.tabulator .tabulator-footer .tabulator-page {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: hsla(0, 0%, 100%, 0.2);
}
.tabulator .tabulator-footer .tabulator-page.active {
  color: #d00;
}
.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: 0.5;
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.tabulator .tabulator-loader {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.tabulator .tabulator-loader .tabulator-loader-msg {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  font-weight: 700;
  font-size: 16px;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  border: 4px solid #333;
  color: #000;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  border: 4px solid #d00;
  color: #590000;
}

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 22px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
.tabulator-row:nth-child(2n) {
  background-color: #fff;
}
.tabulator-row.tabulator-selectable:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.tabulator-row.tabulator-selected {
  background-color: #9abcea;
}
.tabulator-row.tabulator-selected:hover {
  background-color: #769bcc;
  cursor: pointer;
}
.tabulator-row.tabulator-moving {
  position: absolute;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  pointer-events: none !important;
  z-index: 15;
}
.tabulator-row .tabulator-row-resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}
.tabulator-row .tabulator-row-resize-handle.prev {
  top: 0;
  bottom: auto;
}
.tabulator-row .tabulator-row-resize-handle:hover {
  cursor: ns-resize;
}
.tabulator-row .tabulator-frozen {
  display: inline-block;
  position: absolute;
  background-color: inherit;
  z-index: 10;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #ddd;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #ddd;
}
.tabulator-row .tabulator-responsive-collapse {
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}
.tabulator-row .tabulator-responsive-collapse table {
  font-size: 14px;
  position: relative;
}
.tabulator-row .tabulator-responsive-collapse table:first-of-type {
  padding-right: 10px;
}
.tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-right: 1px solid #fff;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabulator-row .tabulator-cell:last-of-type {
  border-right: none;
}
.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #1d68cd;
  outline: none;
  padding: 0;
}
.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  border: 1px;
  background: transparent;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #d00;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  border: 1px;
  background: transparent;
  color: #d00;
}
.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  display: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background: #666;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #666;
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  opacity: 0.7;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-traffic-light {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
}
.tabulator-row.tabulator-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #ddd;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #fafafa;
  font-weight: 700;
  min-width: 100%;
}
.tabulator-row.tabulator-group:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}
.tabulator-row.tabulator-group.tabulator-group-level-1 {
  padding-left: 30px;
}
.tabulator-row.tabulator-group.tabulator-group-level-2 {
  padding-left: 50px;
}
.tabulator-row.tabulator-group.tabulator-group-level-3 {
  padding-left: 70px;
}
.tabulator-row.tabulator-group.tabulator-group-level-4 {
  padding-left: 90px;
}
.tabulator-row.tabulator-group.tabulator-group-level-5 {
  padding-left: 110px;
}
.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-row.tabulator-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}
.tabulator-row.tabulator-group span {
  margin-left: 10px;
  color: #666;
}

.tabulator-menu {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}
.tabulator-menu .tabulator-menu-item {
  position: relative;
  box-sizing: border-box;
  padding: 5px 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: 0.5;
}
.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  cursor: pointer;
  background: #fff;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  padding-right: 25px;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
  display: inline-block;
  position: absolute;
  top: calc(5px + 0.4em);
  right: 10px;
  height: 7px;
  width: 7px;
  content: "";
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  vertical-align: top;
  transform: rotate(45deg);
}
.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid #ddd;
}

.tabulator-edit-select-list {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  max-height: 200px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item {
  padding: 4px;
  color: #333;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  color: #fff;
  background: #1d68cd;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
}
.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  outline: 1px solid #1d68cd;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  cursor: pointer;
  color: #fff;
  background: #1d68cd;
}
.tabulator-edit-select-list .tabulator-edit-select-list-notice {
  padding: 4px;
  color: #333;
  text-align: center;
}
.tabulator-edit-select-list .tabulator-edit-select-list-group {
  border-bottom: 1px solid #ddd;
  padding: 4px;
  padding-top: 6px;
  color: #333;
  font-weight: 700;
}

.tabulator.tabulator-ltr {
  direction: ltr;
}
.tabulator.tabulator-rtl {
  text-align: initial;
  direction: rtl;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  text-align: initial;
  border-left: 1px solid #ddd;
  border-right: initial;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  margin-right: 0;
  margin-left: -1px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-left: 25px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  left: 8px;
  right: auto;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  border-right: initial;
  border-left: 1px solid #ddd;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  margin-right: 0;
  margin-left: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 1px;
  border-left: initial;
  border-right: 2px solid #ddd;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  margin-right: 0;
  margin-left: 5px;
}
.tabulator.tabulator-rtl .tabulator-col-resize-handle {
  position: absolute;
  left: 0;
  right: auto;
}
.tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
  right: 0;
  left: auto;
}

.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

body.tabulator-print-fullscreen-hide > :not(.tabulator-print-fullscreen) {
  display: none !important;
}

.tabulator-print-table {
  border-collapse: collapse;
}
.tabulator-print-table .tabulator-print-table-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #ddd;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #fafafa;
  font-weight: 700;
  min-width: 100%;
}
.tabulator-print-table .tabulator-print-table-group:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  padding-left: 30px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  padding-left: 50px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  padding-left: 70px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  padding-left: 90px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  padding-left: 110px !important;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}
.tabulator-print-table .tabulator-print-table-group span {
  margin-left: 10px;
  color: #666;
}
.tabulator-print-table .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.tabulator-print-table .tabulator-data-tree-control {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.tabulator-print-table .tabulator-data-tree-control:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #333;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}

.tables-header-rol {
  font-size: 16px;
  font-weight: 800;
  padding-left: 24px;
  color: #FF9800;
}

.tables-header-fixed {
  transform: translate(0px, -1px);
  position: -webkit-sticky;
  position: sticky;
  top: 1;
  background: #FFFFFF;
}

td, th {
  padding: 9px 5px;
  display: table-cell;
  text-align: center;
  height: 60px;
  vertical-align: middle;
  border-radius: 2px;
  font-weight: 400;
}
td.table-width-50, th.table-width-50 {
  max-width: 50px !important;
}

tr {
  border-radius: 10px 0 0 10px;
}

.tr-fat {
  border-radius: 10px 0 0 10px;
  border: 2px solid var(--border-border-opaque, #E8E8E8);
  background: var(--background-background-always-light, #FFF);
}

table {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0 32px;
}
table tbody {
  font-size: 15px;
  border-collapse: separate;
  table-layout: fixed;
  width: 80%;
}
table tbody td {
  word-break: normal;
}

.card-table-long {
  margin-bottom: 6%;
  padding-left: 0px;
  padding-right: 0px;
}

.tr-titlt {
  font-weight: 700;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: #F5F5F5;
}

.title-table {
  font-size: 16px;
  font-weight: 500;
  color: #5A5D68;
  text-align: center;
  border-bottom: 1px solid #C8CAD7;
}

.title-text {
  font-size: 16px;
  font-size: 600;
  color: #81838F;
  text-align: center;
}

.text-subt2 {
  color: #5A5D68 !important;
  padding-left: 24px;
}

.amchor-text-2 {
  width: 165px !important;
}

.amchor-text-3 {
  width: 155px !important;
}

.amchor-text6 {
  width: 500px !important;
}

.chip-table {
  width: 187px !important;
}

.table2 {
  display: table !important;
  table-layout: fixed !important;
  width: calc(100% + 526px) !important;
  border-spacing: 0 32px !important;
  position: relative;
  top: -61px;
}

.static-field {
  position: sticky;
  left: 0 !important;
  border-right: 1px solid #c3c3c3;
  background: white;
  z-index: 0 !important;
  cursor: pointer !important;
  scroll-behavior: smooth;
  width: 140px !important;
}

.static-field-1 {
  position: sticky !important;
  right: 0 !important;
  background: white !important;
  z-index: 1 !important;
  scroll-behavior: smooth;
}

.post-btn-add {
  transform: translate(-12px, 0px);
}

.sett-icon-grt {
  display: flex;
  align-items: center;
  height: 110px;
}

.C-100 {
  width: 100px;
  text-align: left !important;
  text-wrap: pretty !important;
}

.C-250 {
  width: 250px;
  text-align: left !important;
  text-wrap: pretty !important;
}

.C-500 {
  width: 400px;
  text-wrap: pretty !important;
}

.ul-square {
  list-style: disc !important;
  color: black !important;
}

.table-c thead tr th {
  height: 2px;
  text-align: left !important;
}
.table-c tbody tr td {
  height: 2px;
  text-align: left !important;
}

.active-tr {
  background-color: #F5F5F5;
}
.active-tr .static-field {
  background-color: #F5F5F5 !important;
}

table tbody {
  position: relative;
  font-size: 15px;
  border-collapse: separate;
  table-layout: fixed;
  width: 80%;
}

.evaluation-table {
  width: 100%;
  border-collapse: collapse;
}
.evaluation-table th, .evaluation-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.evaluation-table th th, .evaluation-table td th {
  background-color: #264B6E;
  color: #ddd;
  padding-top: 12px;
  padding-bottom: 12px;
}
.evaluation-table th td:nth-child(1), .evaluation-table td td:nth-child(1) {
  width: 40%;
}
.evaluation-table th td:nth-child(1):nth-child(2), .evaluation-table th td:nth-child(1):nth-child(3), .evaluation-table td td:nth-child(1):nth-child(2), .evaluation-table td td:nth-child(1):nth-child(3) {
  width: 20%;
}
.evaluation-table th td:nth-child(1):nth-child(4), .evaluation-table td td:nth-child(1):nth-child(4) {
  width: 20%;
}
.evaluation-table th .completed, .evaluation-table td .completed {
  color: green;
}
.evaluation-table th .to-answer, .evaluation-table td .to-answer {
  color: #C25B00;
}
.evaluation-table th .to-complete, .evaluation-table td .to-complete {
  color: #02437D;
}
.evaluation-table th a, .evaluation-table td a {
  text-decoration: none;
}
.evaluation-table th a:hover, .evaluation-table td a:hover {
  text-decoration: underline;
}

.rating-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(54px, auto));
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  overflow-x: auto;
  overflow-y: auto;
  height: 200px;
}

.center-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.raiting-indicator {
  background-color: #E6E6E6;
  color: #02437D;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px !important;
}

.raiting-indicator-check {
  background-color: #F0FFDE;
  color: #477D02;
  border: 1px solid #02437D;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px !important;
}

.raiting-indicator-uncheck {
  background-color: #FFFFFF;
  color: #A2A2A2;
  border: 1px solid #A2A2A2;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px !important;
}

.center-indicator p {
  margin: 0;
}

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

.btn-footer-card-evaluation {
  display: flex;
  width: 70%;
  transform: translate(0px, 19px);
  float: right;
}

.footer-check {
  height: 88px;
}

.uncr323 {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.uncr323 p {
  color: #477D02;
  padding-left: 8px;
}

.uncr324 {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.uncr324 p {
  color: #9D9D9D;
  padding-left: 8px;
}

.evaluation-table {
  width: 100%;
  border-collapse: collapse;
}
.evaluation-table th, .evaluation-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.evaluation-table th th, .evaluation-table td th {
  background-color: #264B6E;
  color: #ddd;
  padding-top: 12px;
  padding-bottom: 12px;
}
.evaluation-table th td:nth-child(1), .evaluation-table td td:nth-child(1) {
  width: 40%;
}
.evaluation-table th td:nth-child(1):nth-child(2), .evaluation-table th td:nth-child(1):nth-child(3), .evaluation-table td td:nth-child(1):nth-child(2), .evaluation-table td td:nth-child(1):nth-child(3) {
  width: 20%;
}
.evaluation-table th td:nth-child(1):nth-child(4), .evaluation-table td td:nth-child(1):nth-child(4) {
  width: 20%;
}
.evaluation-table th .completed, .evaluation-table td .completed {
  color: green;
}
.evaluation-table th .to-answer, .evaluation-table td .to-answer {
  color: #C25B00;
}
.evaluation-table th a, .evaluation-table td a {
  text-decoration: none;
}
.evaluation-table th a:hover, .evaluation-table td a:hover {
  text-decoration: underline;
}

.collapsible-map {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

th, .collapsible-map td {
  padding-left: 42px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  white-space: normal;
  text-align: left;
  vertical-align: bottom;
  width: 120px;
  word-wrap: break-word;
  height: 50px;
}

th {
  font-weight: bold;
}

.collapsible-main {
  cursor: pointer;
  user-select: none;
}

.collapsible-details {
  display: none;
  background-color: #f1f1f1;
}

.collapsible-details td {
  padding-top: 0;
  padding-bottom: 0;
}

p {
  margin-top: 8px;
  margin-bottom: 8px;
}

.collapsible-edit {
  background-color: #007BFF;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 3px;
}
.collapsible-edit:hover {
  background-color: #0056b3;
}

.actions-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 16px;
}

.collapsible-toggle {
  margin-left: auto;
  cursor: pointer;
  font-size: 1.2em;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.rotate {
  transform: rotate(180deg);
}

#dropconfig {
  display: none;
}

#dropconfig.show {
  display: block;
}

.custom-table-wrapper {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
  margin-right: 24px;
}

.custom-tables-scrollable {
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
  scroll-behavior: smooth;
  flex: 1;
}

.custom-left-align {
  width: auto;
  border-collapse: collapse;
  min-width: 100%;
}

th, td {
  padding: 8px 12px;
  text-align: left;
}

.custom-scroll-buttons-overlay {
  position: fixed;
  top: -256px;
  right: 0px;
  display: flex;
  height: 100%;
  float: right;
  align-items: center;
  pointer-events: none;
}

.custom-scroll-button-back, .custom-scroll-button-next {
  background: none;
  color: #000;
  cursor: pointer;
  pointer-events: auto;
  margin: 0 5px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.material-symbols-outlined {
  font-size: 18px;
  pointer-events: auto;
}

.sticky-header thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 2;
  top: -16px;
}

.color-tables-user {
  background-color: #EEF3FE;
}

.color-tables-user-none {
  background-color: #ffffff;
}

.input-field textarea {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  padding-left: 4px !important;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  resize: vertical !important;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}
.input-field textarea:focus, .input-field textarea:not(selector) {
  border: 0px solid #080B17;
  box-shadow: 0 0 0 0 #080B17 !important;
}
.input-field textarea::placeholder {
  padding-left: 4px;
  font-size: 12px;
  font-weight: lighter;
  font-style: italic;
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field textarea::placeholder {
    font-size: 16px !important;
  }
}
.input-field .textarea-label {
  font-size: 14px;
  color: #080B17;
  transform: none !important;
  transform-origin: center !important;
  position: inherit !important;
}
.input-field .textarea-label:focus, .input-field .textarea-label:not(selector) {
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field .textarea-label {
    font-size: 16px !important;
  }
}

.tutorial-steps {
  background-color: #CFF4FC;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #055160 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.tutorial-steps .tutorial-label {
  font-size: 14px !important;
  color: #055160 !important;
  width: 95%;
}
.tutorial-steps .tutorial-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px);
}
.tutorial-steps .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px);
}

img.responsive-img, video.responsive-video {
  max-width: 100%;
  height: 100%;
  border-radius: 5px;
}

.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 100px !important;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel-height {
  height: 230px !important;
  min-height: 230px !important;
}

.carousel-height-doc {
  height: 290px !important;
  min-height: 290px !important;
}

.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 26px !important;
  margin: 0;
}

.middle-indicator {
  position: absolute;
  top: 40%;
}

.middle-indicator2 {
  position: relative !important;
  top: 40%;
}

.middle-indicator3 {
  position: relative !important;
  top: 40%;
}

.middle-indicator-text {
  font-size: 4.2rem;
}

a.middle-indicator-text {
  color: rgba(0, 0, 0, 0.1764705882) !important;
}
a.middle-indicator-text:hover {
  color: #000000 !important;
}

.content-indicator {
  width: 48px;
  height: 48px;
}

.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 24px 4px;
  background-color: #D9D9D9;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 50%;
}

.carousel .indicators .indicator-item.active {
  background-color: #2A4E6E;
}

.hight-crousel {
  height: 300px !important;
}

.table-space-kpis {
  transform: translate(0px, -60px);
}

.carousel-cards {
  transform: translate(0px, 36px);
}

.space-ibjt-spc {
  transform: translate(0px, -26px);
}

.btn-actions-space-bar {
  z-index: 9;
  position: relative;
}

.pagination li.active {
  background-color: #2A4E6E;
}

.adder ::-webkit-input-placeholder {
  color: #cecece;
}
.adder .input {
  outline: none;
  border: 1px solid white;
  background-color: #0072ff;
  color: white;
  height: 50px;
  padding-left: 10px;
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-size: 16px;
  margin-left: -5px;
}
.adder span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.8;
  cursor: pointer;
  transition: all 200ms;
  color: white;
  will-change: transform;
}
.adder span:hover {
  transform: rotate(180deg);
}

.draggable {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  will-change: transform;
  height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: absolute;
  list-style-type: none;
  margin: 10px;
  border: 1px solid #ebebeb;
  background-color: white;
  border-radius: 5px;
  color: #000000;
  width: auto;
  line-height: 3.2;
  padding-left: 10px;
  cursor: move;
  transition: all 200ms;
  user-select: none;
  margin: 0px auto;
  position: relative;
}

body ul .draggable:after {
  content: "drag_indicator";
  font-family: "Material Icons";
  right: 7px;
  background-color: #fff;
  bottom: -34px;
  font-size: 24px;
  position: absolute;
  cursor: pointer;
  line-height: 5;
  transition: all 200ms;
  transition-timing-function: cubic-bezier(0.48, 0.72, 0.62, 1.5);
  transform: translateX(120%);
  opacity: 0;
}
body ul .draggable:hover:after {
  opacity: 1;
  transform: translate(0);
}

.over {
  transform: scale(1.1, 1.1);
}

.ui-state-highlight {
  border: 1px dashed #E9EBF9 !important;
  background: #F3F6FF !important;
  color: #E9EBF9 !important;
}

.edit-view-content {
  border-left: 1px solid #E9EBF9;
}
.edit-view-content .collapsible .block-list-item .collapsible-header .block-list-num a {
  max-width: 240px;
  transform: translateY(4px);
  display: inline-block;
}
@media (min-width: 1090px) {
  .edit-view-content .collapsible .block-list-item .collapsible-header .block-list-num a {
    max-width: 320px;
  }
}

.tabs-sidebar .tabs li a {
  padding: 0 16px;
}

.collapsible-body .space-options {
  display: grid;
  grid-template-columns: repeat(2, [col-start] 1fr);
  grid-auto-flow: column;
}
.collapsible-body .space-options .space-cardcont {
  padding: 4px !important;
  flex-grow: 0;
  width: auto;
  cursor: move;
}
@media (min-width: 600px) {
  .collapsible-body .space-options .space-cardcont {
    min-width: 50%;
  }
}
.collapsible-body .space-options .space-cardcont a {
  cursor: move;
}
.collapsible-body .space-options .space-cardcont .card-panel {
  margin-bottom: 8px;
}
.collapsible-body .space-options .space-options-fixedwidth {
  min-width: 86px !important;
  max-width: 86px !important;
  width: 86px !important;
}

.sidebar .insert-costumform .space-cardcont a {
  cursor: pointer;
}

.icon-center {
  text-align: center;
}

.p-edit {
  padding: 8px !important;
  height: 105px !important;
}

.card-upload-file {
  padding: 8px !important;
  height: auto !important;
  padding: 12px !important;
  width: auto !important;
}

.rotate90 {
  transform: rotateZ(-90deg);
}

.scorm-h5p {
  font-size: 16px !important;
  font-weight: 800;
}

.carf-float {
  padding: 16px !important;
  display: block;
}

.edit-drop {
  position: relative;
  display: none !important;
  left: 84% !important;
  top: 40% !important;
  min-width: 54px !important;
  display: block !important;
}

.foc-colored:focus {
  border-left: 5px solid #FF9800;
  border-radius: 50px;
  left: 5px;
  transform: scale(1.2);
}
.foc-colored:hover {
  border-left: 5px solid #FF9800;
  border-left-border-radius: 50px;
  border-left-left: 115px;
  border-left-transform: scale(1.2);
}

.t-form-titled .form-titled-color {
  width: 30px;
  transform: translate(4px, -36px);
}
.t-form-titled .form-titled-hex[type=text]:not(.browser-default) {
  padding-left: 38px !important;
}

.note-caontainer {
  margin-top: 30px !important;
  margin-left: 5px !important;
}

.points {
  left: 50%;
  top: 10%;
  position: absolute;
  height: 20px !important;
  width: 20px !important;
  transform: scale(1);
  border-radius: 50%;
}

.point1 {
  border-radius: 50%;
}

.imagenps {
  width: 100%;
}

@-webkit-keyframes "pulse1" {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.pulse1 {
  animation: pulse1 2s ease-out infinite;
}

.pulse2 {
  animation: pulse1 2s ease-out infinite;
  animation-delay: 1000ms;
}

.pulse3 {
  animation: pulse1 2s ease-out infinite;
  animation-delay: 2000ms;
}

.base-pulse {
  background: transparent;
  border-radius: 600px;
  height: 60px;
  width: 60px;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 0;
  border: 5px solid #FF9800;
}

.dot {
  width: 20px;
  height: 20px;
  border: 5px solid #FF9800;
  border-radius: 600px;
  background-color: #FF9800;
  z-index: 10;
  position: absolute;
}

.speech-bubble {
  display: none;
  position: absolute !important;
  z-index: 1;
  width: 35%;
  left: 35%;
  top: 6%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 17px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 17px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 17px -2px rgba(0, 0, 0, 0.75);
  background: #FFFFFF;
}

.resizable1 {
  padding: 10px 20px 0px 20px;
  height: 80%;
}

.mis-items {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.low-grey {
  background-color: #DBDEEB;
}

.mid-grey {
  background-color: #A2A5B1;
}

.high-grey {
  background-color: #5A5D68;
}

.title-div {
  height: 1vw;
  width: 150px;
  border-radius: 5px;
}

.image-div {
  margin-top: 16px;
  padding: 16px;
  height: 100%;
  width: auto;
  border-radius: 5px;
}

.video-div {
  margin-top: 16px;
  border: 1px solid #FFFFFF;
  height: 100%;
  width: auto;
  border-radius: 5px;
}

.text-p-div {
  height: 1vw;
  background-color: #E9EBF9;
  max-width: auto;
  margin-top: 16px;
  border-radius: 5px;
}

.video-cont {
  height: 12vw;
  width: auto;
}

.text-p-last {
  height: 1vw;
  background-color: #E9EBF9;
  width: 50px;
  margin-top: 16px;
  border-radius: 5px;
}

.space-text {
  height: 140px;
}

.div-loading {
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}

.div-loading {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.container-video {
  margin: 8px;
  padding: 8px;
  background-color: #ffffff;
}

.icon-center {
  position: relative;
  top: calc(40% - 0px);
}

.z-depth-0 {
  box-shadow: none !important;
}

.chart {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart2 {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.chart2 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart3 {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.chart3 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.icon-chart {
  transform: translateY(6px);
}

.chart-divider {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.card-chart {
  padding-top: 4px !important;
  padding-bottom: 0px !important;
}

.inside-text-style {
  font-size: 14px;
  font-weight: 900;
}

.inside-text-style2 {
  font-size: 12px;
  font-weight: 900;
}

.card-char-config {
  height: 100px;
  padding-top: 30%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 30%;
}

.plandev-container .card-table-header {
  margin-bottom: 0;
}
.plandev-container .home-plan-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.plandev-container .home-plan-container .card {
  flex: 1 0px;
  padding: 16px;
  margin: 16px 0 8px 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card {
    min-width: 47%;
    max-width: 47%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 900px) {
  .plandev-container .home-plan-container .card {
    min-width: 30%;
    max-width: 31%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 1090px) {
  .plandev-container .home-plan-container .card {
    min-width: 31%;
    max-width: 32%;
    margin: 16px 16px 8px 0;
  }
}
.plandev-container .home-plan-container .card .card-stacked .card-content {
  padding: 0;
  margin: 0;
}
.plandev-container .home-plan-container .card .card-stacked .card-content h3 {
  padding: 0;
  margin: 0;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt {
  height: auto;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options {
  width: 100%;
  overflow: hidden;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .title-plan {
  max-width: 80%;
  min-height: 38px;
  height: auto;
  float: left;
  margin-top: 0px !important;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .title-plan {
    min-height: 56px;
  }
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .plan-card-options {
  max-width: 17%;
  float: right;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .plan-card-options a {
  background-color: transparent;
  border: 0px solid transparent;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .description-plan {
  display: none;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card .card-stacked .desc-alt .description-plan {
    display: inline-block;
    max-height: 90px;
    min-height: 90px;
    overflow: hidden;
    width: 100%;
  }
}
.plandev-container .home-plan-container .card .card-stacked .divider-plan {
  padding-top: 0px !important;
  padding-bottom: 16px !important;
}
.plandev-container .home-plan-container .card .card-stacked .card-action {
  padding: 0;
  border-top: 0px solid #FFFFFF;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card .card-stacked .card-action {
    border-top: 1px solid #E9EBF9;
  }
}
.plandev-container .home-plan-container .card .card-stacked .card-action .chips-container {
  margin-top: 8px;
  height: auto;
}
.plandev-container .home-plan-container .card .card-stacked .card-action .chips-container a {
  width: 60px;
}
@media (min-width: 900px) {
  .plandev-container .home-plan-container .card .card-stacked .card-action .chips-container a {
    width: auto;
  }
}
.plandev-container .home-plan-container .card .card-stacked .card-action .chips-plandev-mobile-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container {
  min-height: 120px;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge {
  margin: 8px auto 0 auto;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge .percentage {
  background-color: #F3F6FF;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container p {
  margin: 0;
  max-height: 45px;
  min-height: 45px;
}

.plandev-container-bottomnav .plandev-landing-container {
  margin-bottom: 40px;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header {
  width: 100%;
  height: 120px;
  margin-bottom: 32px;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image .plandev-subject-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image .plandev-subject-cover .plandev-cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image .plandev-subject-cover .plandev-cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-no-image .plandev-cover {
  background-color: transparent;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-no-image .plandev-cover .cover-title h4 {
  color: #FFFFFF;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container {
  margin: 32px 0;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-container .gauge {
  width: 90px;
  min-width: 90px;
  margin: 0 auto;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-container .percentage {
  background-color: #F3F6FF;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-chart-3 {
  background-color: #0277BD !important;
}
.plandev-container-bottomnav .plandev-landing-container .chips-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
@media (min-width: 600px) {
  .plandev-container-bottomnav .plandev-landing-container .chips-container .chip {
    max-width: 180px;
  }
}
@media (min-width: 900px) {
  .plandev-container-bottomnav .plandev-landing-container .chips-container .chip {
    max-width: 240px;
  }
}
.plandev-container-bottomnav .plandev-landing-container .chips-container .chip-name {
  display: block;
  margin-left: 0;
  margin-bottom: 5px;
  margin-right: 5px;
}

.plandev-container-assessment {
  border-left: 1px solid #E9EBF9;
}

.plandev-exam-assessment {
  margin-top: -17px;
}
@media (min-width: 600px) {
  .plandev-exam-assessment {
    padding-left: 16px;
    border-left: 1px solid #E9EBF9;
  }
}
.plandev-exam-assessment .assessment-mobile-header {
  margin-bottom: 16px;
}
.plandev-exam-assessment .assessment-mobile-actions {
  margin-bottom: 40px;
}

.plandev-intro .space-activities {
  margin-bottom: 0 !important;
}
.plandev-intro .chips-container {
  width: auto;
  margin: 0;
}
@media (min-width: 600px) {
  .plandev-intro .chips-container {
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
}
.plandev-intro .chips-container .chip {
  display: block;
  width: fit-content;
}
@media (min-width: 600px) {
  .plandev-intro .chips-container .chip {
    display: inline-block;
  }
}
.plandev-intro p {
  text-align: justify;
}

.plandev-bottom ul {
  padding: 0 !important;
  margin: 0 !important;
}
.plandev-bottom ul .plandev-cta-bottom {
  background-color: #FF9800;
}
.plandev-bottom ul .plandev-cta-bottom a {
  padding: 24px 0;
}
.plandev-bottom ul .plandev-cta-bottom a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}

.plandev-exam-bottom ul {
  padding: 0 !important;
  margin: 0;
}
.plandev-exam-bottom ul .plandev-exam-bottom-continue {
  background-color: #FF9800;
}
.plandev-exam-bottom ul .plandev-exam-bottom-continue a {
  padding: 24px 0;
}
.plandev-exam-bottom ul .plandev-exam-bottom-continue a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}
.plandev-exam-bottom ul .plandev-exam-bottom-cancel {
  background-color: #FFF3E0;
}
.plandev-exam-bottom ul .plandev-exam-bottom-cancel a {
  padding: 32px 0;
}

.plan-action {
  margin-bottom: 0;
  margin-top: 8px;
  overflow: hidden;
  display: flex;
  padding: 4px 0;
}
.plan-action a {
  flex: 1;
}

.act-btn {
  margin-right: 8px;
}

.left-text {
  padding-left: 24px;
}

.sw-marg {
  margin-left: 16px;
}

.space-titlecard {
  display: flex;
  justify-content: space-between;
}
.space-titlecard h4 button {
  transform: translateY(4px);
}
.space-titlecard a {
  transform: translateY(12px);
}

.plan-view-list .orange-note {
  margin-bottom: 16px;
  background-color: #FF9800 !important;
}
.plan-view-list .orange-note label {
  color: #080B17 !important;
}
.plan-view-list .orange-note i {
  color: #080B17 !important;
  transform: translateY(4px) !important;
  margin-bottom: 16px !important;
  display: inline-block;
  float: left;
  font-size: 22px !important;
}
.plan-view-list .sidebar .check-activity i {
  transform: translate(-5px, 1px);
}
@media (min-width: 600px) {
  .plan-view-list .sidebar .check-activity i {
    transform: translate(-6px, -1px);
  }
}

.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content {
  display: flex;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .chart {
  flex: 1;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content p {
  flex: 3;
  margin: auto;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge .percentage {
  background-color: #F3F6FF;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge-chart-3 {
  background-color: #0277BD !important;
}

.library-container .card-content {
  padding: 16px;
}
.library-container .card-content h3 {
  padding: 0;
  margin: 0;
}

.exam-content .fixed-block2 {
  max-height: 400px;
  padding: 16px 0 0 0;
  width: 39%;
  height: 380px;
}
.exam-content .fixed-block2 .card-header-title {
  padding: 0 0 8px 8px;
  border-bottom: 1px solid #E9EBF9;
  height: auto;
  overflow: hidden;
}
.exam-content .fixed-block2 .card-content-overflow-y {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.exam-content .fixed-block2 .card-content-overflow-y table {
  overflow-y: scroll;
  max-height: 38vh;
  overflow-x: hidden;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.performance-dashboard-container {
  background-color: #F5F5F5;
}
.performance-dashboard-container .performance-dashboard .card {
  background-color: #FFFFFF;
  overflow: hidden;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator {
  overflow: hidden;
  padding: 8px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-graph {
  float: left;
  display: inline-block;
  max-width: 50px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-graph .gauge-container {
  min-width: 50px;
  max-width: 50px;
  margin-top: 16px;
  text-align: center;
  color: #039BE5;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-graph .gauge-container .gauge {
  min-width: 50px;
  max-width: 50px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-data {
  float: left;
  display: inline-block;
  max-width: 80%;
  padding-left: 16px;
  margin-top: 16px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-data label {
  padding: 0;
  margin: 0;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-data p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.performance-dashboard-container .performance-graph .card {
  background-color: #FFFFFF;
  overflow: hidden;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph {
  overflow: hidden;
  padding: 8px;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph {
  display: flex;
  flex-flow: row;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-name {
  flex: 1;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-select {
  flex: 1;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-select .input-field {
  margin: 0;
  padding: 0;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-select .input-field select {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #FFFFFF !important;
  height: 24px !important;
  text-align: right !important;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph {
  height: 440px;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph .card-chart-container {
  margin-top: 16px;
  width: auto !important;
  max-height: 400px !important;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph .card-chart-container #myChart {
  width: auto !important;
  max-height: 400px !important;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph .card-chart-container #myChart2 {
  width: auto !important;
  max-height: 400px !important;
}
.performance-dashboard-container .coworker-graph .card {
  background-color: #FFFFFF;
  overflow: hidden;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph {
  overflow: hidden;
  padding: 8px;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph {
  display: flex;
  flex-flow: row;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-name {
  flex: 1;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-select {
  flex: 1;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-select .input-field {
  margin: 0;
  padding: 0;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-select .input-field select {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #FFFFFF !important;
  height: 24px !important;
  text-align: right !important;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph {
  height: 480px;
  max-height: 480px;
  overflow: hidden;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item {
  margin-top: 4px;
  overflow: hidden;
  display: block;
  height: 44px;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-avatar {
  float: left;
  width: auto;
  padding: 8px 0;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data {
  float: left;
  width: 80%;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data label {
  display: block;
  margin: 0;
  padding: 0;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data p {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  transform: translateY(-6px);
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data.ended .activity-info-status span {
  color: #0F5132 !important;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data.ended .activity-info-element span {
  color: #0F5132 !important;
  display: inline-block;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .unfinished .activity-info-status span {
  color: #DE1135 !important;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .unfinished .activity-info-element span {
  color: #DE1135 !important;
  display: inline-block;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .marker-arrow-positive {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #0F5132 !important;
  margin: 0 4px;
  display: inline-block;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .marker-arrow-negative {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #DE1135 !important;
  margin: 0 4px;
  display: inline-block;
}

.card-action2 {
  padding: 0;
  border-top: 0px solid #FFFFFF;
}
.div-cal {
  background: #E9EBF9;
  padding: 8px;
  border-radius: 5px;
}

.stars li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.stars li.active::before, .stars li.active ~ li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.stars li:hover::before, .stars li:hover ~ li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

.wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.stars {
  unicode-bidi: bidi-override;
  direction: rtl;
  display: inline-block;
  text-align: left;
  margin: 0px !important;
}
.stars li {
  cursor: pointer;
  display: block;
  float: right;
  padding: 0 0.375rem;
  display: inline-block;
  font-size: 32px;
  color: #2A2D37;
}
.stars li::before {
  content: "\e83a";
}
.stars li.active, .stars li:hover {
  color: #2A2D37;
}
.stars li.active ~ li, .stars li:hover ~ li {
  color: #2A2D37;
}
.stars li.active::before, .stars li.active ~ li::before {
  content: "\e838";
}
.stars li:hover::before, .stars li:hover ~ li::before {
  content: "\e838";
}

.text-star {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

ul {
  padding-inline-start: 0px !important;
}

.text-cal {
  padding: 5px !important;
  color: #FF9800;
}

.rate-and-text {
  display: flex;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 768px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .container {
    max-width: 480px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*Timeline */
#timeline {
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  #timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-right: 2em;
  }
}
#timeline::before {
  display: none;
}
@media (min-width: 600px) {
  #timeline::before {
    /* this is the vertical line */
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #FF9800;
  }
}
@media (min-width: 1020px) {
  #timeline::before {
    /* this is the vertical line */
    display: none;
  }
}

@media only screen and (min-width: 1170px) {
  #timeline {
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 4em;
    margin-right: 2em;
  }
  #timeline::before {
    left: 50%;
    right: auto;
    margin: 0 auto;
    display: flex;
    align-content: center;
    align-items: center;
    align-items: center;
    margin-left: -2px;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
.timeline-block {
  margin: 0;
}
@media (min-width: 600px) {
  .timeline-block {
    position: relative;
    margin: 2em 0;
  }
}
.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.timeline-block:first-child {
  margin-top: 0;
}
.timeline-block:last-child {
  margin-bottom: 0;
}
.timeline-block .timeline-year.right strong, .timeline-block .timeline-year.left strong {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: -3px;
}
.timeline-block .timeline-year.right strong {
  margin-left: 50px;
}
.timeline-block .timeline-year.left strong {
  margin-left: -75px;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type {
  padding: 8px 16px;
  display: flex;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .number-activity {
  flex: 1;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .number-activity .bullet-list {
  padding: 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .chips-container {
  flex: 1;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .chips-container .chip {
  margin: 0;
}
.timeline-block .timeline-content .card .card-stacked .card-content {
  padding: 0 16px 16px 16px;
}
.timeline-block .timeline-content .card .card-stacked .card-action {
  padding: 16px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chips-container .chip {
  width: auto;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chips-container a {
  height: 32px;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 32px;
  transform: translateY(-14px);
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container {
  overflow: hidden;
  margin-bottom: 16px;
  min-height: 95px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-left {
  width: 50%;
  float: left;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-left .gauge {
  margin: 0 auto;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-left p {
  margin-top: 8px;
  margin-bottom: 0px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-right {
  width: 50%;
  float: right;
  min-height: 95px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-right p {
  margin: 0;
  transform: translateY(66px);
}

@media only screen and (min-width: 1170px) {
  .timeline-block {
    margin: 4em 0;
  }
  .timeline-block:first-child {
    margin-top: 0;
  }
  .timeline-block:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1169px) {
  .timeline-block .timeline-year {
    margin-left: 4px;
  }
  .timeline-block .timeline-year.right strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0px;
  }
  .timeline-block .timeline-year.left strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0px;
    margin-left: -5px;
    margin-top: -40px;
    background: #fff;
  }
  .timeline-block .timeline-year.right strong {
    margin-left: -5px;
    margin-top: -40px;
    background: #fff;
  }
}
.timeline-year {
  background: #ffffff;
  border: 4px solid #FF9800;
  position: absolute;
  top: 45%;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 2px rgba(0, 0, 0, 0.05);
  display: none;
}
@media (min-width: 1168px) {
  .timeline-year {
    display: block;
  }
}

.timeline-year-succes {
  background: #D1E7DD;
  border: 4px solid #D1E7DD;
  position: absolute;
  top: 45%;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #D1E7DD, inset 0 2px 0 #D1E7DD, 0 3px 0 2px #D1E7DD;
  display: none;
}
@media (min-width: 1168px) {
  .timeline-year-succes {
    display: block;
  }
}

@media only screen and (min-width: 1170px) {
  .timeline-year {
    width: 48px;
    height: 48px;
    left: 49%;
    margin-left: -15px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}
@media only screen and (min-width: 1170px) {
  .timeline-year-succes {
    width: 48px;
    height: 48px;
    left: 49%;
    margin-left: -15px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}
.timeline-content {
  position: relative;
  margin-left: 0;
  display: inherit;
}
@media (min-width: 600px) {
  .timeline-content {
    position: relative;
    margin-left: 60px;
  }
}
@media (min-width: 1170px) {
  .timeline-content {
    display: inline-block;
  }
}
.timeline-content:after {
  content: "";
  display: table;
  clear: both;
  display: inherit;
}
.timeline-content .percent {
  font-size: 2.5rem;
  font-weight: 300;
}
.timeline-content h5 {
  font-size: 1rem;
}

@media only screen and (min-width: 1170px) {
  .timeline-content {
    margin-left: 0;
    width: 45%;
  }
  .timeline-block:nth-child(even) .timeline-content {
    float: right;
  }
  .timeline-block:nth-child(even) .timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ebebeb;
  }
  .timeline-block:nth-child(even) .timeline-content .card .card-action .chips-container .chip img {
    width: 22px !important;
    margin: 5px 8px 0 -5px !important;
  }
}
/* Data anime */
[data-anime] {
  opacity: 0;
  transition: 0.3s;
}
[data-anime].animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-anime-left] {
  opacity: 0;
  transform: translate3d(-40px, 0, 0);
  transition: 0.3s;
}
[data-anime-left].animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-anime-right] {
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: 0.3s;
}
[data-anime-right].animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.circle-time {
  background: #FF9800;
  border-radius: 50%;
  color: #fff;
  height: 6em;
  width: 6em;
  z-index: 9;
  transform: translate(13px, 64px);
  text-align: center;
  right: auto;
  margin: 0 auto;
  align-content: center;
  align-items: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.circle-icon-time {
  fill: currentColor;
  height: 50%;
  left: 50%;
  position: absolute;
  stroke: currentColor;
  stroke-width: 0;
  top: 55%;
  color: #000a12;
  transform: translate(-50%, -50%);
  width: 55%;
}

.text-time-indicator {
  height: 70%;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  stroke-width: 0;
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-8px);
  color: #0F5132 !important;
}

.graph-meth {
  background-color: #F3F6FF !important;
  padding-top: 16px !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.circle-icon {
  background: #FFE0B2;
  border-radius: 50%;
  color: #fff;
  height: 56px;
  width: 56px;
  z-index: 9;
  transform: translateY(-14px);
  text-align: center;
  position: relative;
  display: block;
}

.circle-icon-iside {
  height: 50%;
  left: 50%;
  position: absolute;
  stroke: currentColor;
  stroke-width: 0;
  top: 55%;
  transform: translate(-50%, -50%);
}

.morejs {
  word-wrap: break-word;
}

input[type=range] + .thumb {
  position: absolute;
  top: -35px !important;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #01579B;
  margin-left: 7px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #01579B;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #01579B;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-appearance: none;
  background-color: #01579B;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin: -10px 0 0 0;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 4px;
  background: #c2c0c2;
  border: none;
}

input[type=range] + .thumb.active .value {
  color: #fff;
  bottom: 10px;
  margin-left: -1px;
  margin-top: 4px;
  font-size: 14px;
}

.loading-overlay {
  display: none;
  background: #fafafa;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9998;
  align-items: center;
  justify-content: center;
}
.loading-overlay.is-active {
  display: flex;
}

.code {
  font-family: monospace;
  /*   font-size: .9em; */
  color: #dd4a68;
  background-color: rgb(255, 255, 255);
  padding: 0 3px;
}

.spinner-tall {
  width: 190px;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin-right: 16px !important;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-snow * {
  box-sizing: border-box;
  resize: vertical !important;
}

.navigation-rail {
  position: sticky;
  display: flex;
  box-sizing: border-box;
}

@media (max-width: 39.999rem) {
  .navigation-rail {
    inset-block-end: 0;
    inset-block-start: 100%;
    inset-inline: 0;
    flex-direction: row;
    align-items: center;
    padding-inline: 0.5rem;
    inline-size: 100vw;
  }
  .navigation-rail:not(.navigation-rail--compact) {
    block-size: 4.5rem;
  }
  .navigation-rail--compact {
    block-size: 3.5rem;
  }
  .navigation-rail--has-divider::after {
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 0.0625rem;
  }
}
@media (min-width: 40rem) {
  .navigation-rail {
    padding: 8px;
    inset-block: 0;
    inset-inline-start: 0;
    flex-direction: column;
    block-size: 100vh;
    position: fixed;
  }
  .navigation-rail:not(.navigation-rail--compact) {
    width: 88px;
    z-index: 2;
  }
  .navigation-rail--compact {
    inline-size: 3.5rem;
  }
  .navigation-rail--has-divider::after {
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: 0.0625rem;
  }
}
.navigation-rail--center {
  justify-content: top;
  background-color: #F3F6FC;
}

.navigation-rail--end {
  justify-content: flex-end;
}

.navigation-rail--has-divider::after {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  content: "";
}

.navigation-rail__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: inherit;
  text-decoration: none;
  text-align: center;
}

.navigation-rail:not(.navigation-rail--compact) .navigation-rail__link {
  justify-content: space-between;
  block-size: 75px;
  inline-size: 4.5rem;
  -webkit-padding-after: 1rem;
  padding-block-end: 1rem;
  -webkit-padding-before: 0.875rem;
  padding-block-start: 0.875rem;
}

.navigation-rail--compact .navigation-rail__link {
  justify-content: center;
  block-size: 3.5rem;
  inline-size: 3.5rem;
  padding-block: 1rem;
}

.navigation-rail__link:not([aria-selected=true]) {
  color: rgba(0, 0, 0, 0.62);
}
.navigation-rail__link[aria-selected=true] {
  color: #9F6402;
}
.navigation-rail__link::before {
  position: absolute;
  inset: -0.44rem;
  left: 1px;
  content: "";
  top: 25px;
  height: 86px;
  background-color: currentcolor;
  border-radius: 20%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 180ms ease-in;
}
.navigation-rail__link:focus-visible::before {
  opacity: 0.04;
}
.navigation-rail__link:not([aria-selected=true]):hover::before {
  opacity: 0.04;
}
.navigation-rail__link:not([aria-selected=true]):active::before {
  opacity: 0.08;
}

.navigation-rail__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: inherit;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  font-size: 1.5rem;
  transform: translateY(8px);
}

.navigation-rail__label {
  box-sizing: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.navigation-rail--compact .navigation-rail__label {
  position: absolute;
  margin: -1px;
  block-size: 1px;
  inline-size: 1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
}

.powered-by {
  line-height: 12px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}

.title-controls {
  display: flex;
  justify-content: space-between;
  height: 40px;
}

.button-container {
  display: flex;
  justify-content: flex-end;
}
.button-container .btn-rfc23 {
  display: flex;
  float: right;
}

.card-c335-23 {
  margin-bottom: 32px !important;
}

.objetivos-text {
  color: #02437D;
}

.actividades-text {
  color: #FF9800;
}

.back-button, .forward-button {
  color: #080B17;
  background-color: transparent;
  border: none;
  border-radius: 5px;
  padding: 3px 5px;
  cursor: pointer;
  height: 32px;
  transition: background-color 0.3s ease-in-out;
  user-select: none;
}
.back-button:hover, .forward-button:hover {
  background-color: #2A4E6E;
  color: #E8E8E8;
}

.material-icons {
  vertical-align: middle;
}

button:focus {
  outline: none;
  background-color: #E8E8E8;
  color: #000000;
}

.first-level {
  background-color: #f6f6f6 !important;
}

.second-level {
  background-color: #F3F6FC !important;
}

.third-level {
  background-color: #FFFBF5 !important;
}

.card-first-section {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f6f6f6 !important;
  padding: 0px 24px 0px 24px !important;
  margin: 0px !important;
}

.card-second-section {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px !important;
  background-color: #F3F6FC !important;
  padding: 24px 24px 0px 24px !important;
  margin: 0px !important;
}

.card-second-section-objetivos {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px !important;
  background-color: #ffffff !important;
  margin: 0px !important;
}

.card-third-section {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px !important;
  padding: 24px 24px 0px 24px !important;
  margin: 0px !important;
  background-color: #FFFBF5 !important;
}

.scroll-container2 {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
}
.scroll-container2 .card-s23 {
  cursor: pointer;
  min-width: 25%;
  max-width: 25%;
  margin-left: 4px !important;
  margin-right: 16px !important;
}
.scroll-container2 .card-s23 p {
  color: #C8CAD7;
}
.scroll-container2 .card-s23 a {
  color: #C8CAD7;
}
.scroll-container2 .card-s23 img {
  opacity: 50%;
}
.scroll-container2 .card-s23 .section-action {
  display: flex;
  justify-content: space-between;
}
.scroll-container2 .card-s23.active {
  background-color: #NuevoColorDeFondoActivo;
}
.scroll-container2 .card-s23.active p {
  color: #080B17;
}
.scroll-container2 .card-s23.active a {
  color: #9F6402;
}
.scroll-container3 {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
}
.scroll-container3 .card-s23 {
  cursor: pointer;
  min-width: 25%;
  max-width: 25%;
  margin-left: 4px !important;
  margin-right: 16px !important;
}
.scroll-container3 .card-s23 p {
  color: #C8CAD7;
}
.scroll-container3 .card-s23 a {
  color: #C8CAD7;
}
.scroll-container3 .card-s23 .section-action {
  display: flex;
  justify-content: space-between;
}
.scroll-container3 .card-s23.active {
  background-color: #NuevoColorDeFondoActivo;
}
.scroll-container3 .card-s23.active p {
  color: #080B17;
}
.scroll-container3 .card-s23.active a {
  color: #9F6402;
}
.scroll-container4 {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
}
.scroll-container4 .card-s23 {
  cursor: pointer;
  min-width: 25%;
  max-width: 25%;
  margin-left: 4px !important;
  margin-right: 16px !important;
}
.scroll-container4 .card-s23 p {
  color: #C8CAD7;
}
.scroll-container4 .card-s23 a {
  color: #C8CAD7;
}
.scroll-container4 .card-s23 img {
  opacity: 50%;
}
.scroll-container4 .card-s23 .section-action {
  display: flex;
  justify-content: space-between;
}
.scroll-container4 .card-s23 .avatar-card01 {
  display: flex;
  text-align: left;
  align-items: center;
}
.scroll-container4 .card-s23 .avatar-card01 p {
  margin-left: 16px;
}
.scroll-container4 .card-s23.active {
  background-color: #NuevoColorDeFondoActivo;
}
.scroll-container4 .card-s23.active p {
  color: #080B17;
}
.scroll-container4 .card-s23.active a {
  color: #9F6402;
}
.scroll-container4 .card-s23.active img {
  opacity: 100%;
}
.card-and-line-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-line-first-level {
  height: 32px;
  background: #2C51BE;
  width: 3px;
  display: block;
  margin: 0;
}

.list-line-second-level {
  height: 32px;
  background: #FF9800;
  width: 3px;
  display: block;
  margin: 0;
}

.accordion-content1 {
  display: block;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.accordion-button1 {
  cursor: pointer;
  user-select: none;
  padding: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin: 8px;
  font-weight: bolder;
  border: none;
  outline: none;
  transition: background-color 0.6s ease-in-out;
  scroll-behavior: smooth;
  background-color: #f5f5f5;
}
.accordion-button1 span {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.accordion-button1:hover {
  background-color: #f5f5f5;
}

.material-symbols-outlined {
  display: inline-block;
  transition: transform 0.5s ease-in-out;
}

.section-card-orgtc33 {
  max-height: 70px;
  min-height: 70px;
  width: 100%;
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
  .section-card-orgtc33 {
    max-height: 130px;
    min-height: 130px;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) and (max-height: 768px) {
  .section-card-orgtc33 {
    max-height: 150px;
    min-height: 150px;
    width: 100%;
  }
}
@media screen and (max-width: 1435px) and (max-height: 947px) {
  .section-card-orgtc33 {
    max-height: 100px;
    min-height: 100px;
    width: 100%;
  }
}

.avzn-pns {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.avzn-pns .avance .primary-text {
  font-size: 12px;
}
.avzn-pns .avance .secondary-text {
  font-size: 19px;
}
.avzn-pns .ponderacion .primary-text {
  font-size: 12px;
}
.avzn-pns .ponderacion .secondary-text {
  font-size: 19px;
  color: #C8C8C8 !important;
}
.avzn-pns .ponderacion .point-positive {
  width: 24px;
  height: 24px;
  background-color: #309F7D;
  border-radius: 50%;
  transform: translate(-7px, 12px);
}
.avzn-pns .ponderacion .point-negative {
  width: 24px;
  height: 24px;
  background-color: #DE1135;
  border-radius: 50%;
  transform: translate(-7px, 12px);
}
.avzn-pns .ponderacion .point-accent {
  width: 24px;
  height: 24px;
  background-color: #9F6402;
  border-radius: 50%;
  transform: translate(-7px, 12px);
}

.q-section p {
  font-size: 16px;
  font-weight: 600;
  color: #CDCDCD;
}
.q-section.active p {
  color: #000000;
}

.scroll-container {
  position: relative;
}

.alert {
  width: 100%;
  min-height: 50px;
  padding: 16px 16px 16px;
}

.alert-success {
  background: #D1E7DD;
  color: #0F5132 !important;
}
.alert-success i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-success label {
  color: #0F5132 !important;
}
.alert-success a {
  color: #0F5132 !important;
  font-weight: 500;
}

.alert-danger {
  background: #FFF0EE;
  color: #DE1135 !important;
}
.alert-danger i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-danger label {
  color: #DE1135 !important;
}
.alert-danger a {
  color: #DE1135 !important;
  font-weight: 500;
}

.alert-warning {
  background: #FFF3CD;
  color: #664D03 !important;
}
.alert-warning i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-warning label {
  color: #664D03 !important;
}
.alert-warning a {
  color: #664D03 !important;
  font-weight: 500;
}

.alert-information {
  background: #CFF4FC;
  color: #055160 !important;
}
.alert-information i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-information label {
  color: #055160 !important;
}
.alert-information a {
  color: #055160 !important;
  font-weight: 500;
}

.clean-alert {
  background: transparent !important;
}

.space-alert {
  margin-top: 8px;
}

.primary-breadcrumbs {
  background-color: #FFA726 !important;
  padding: 0 16px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
}
.primary-breadcrumbs .breadcrumb {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
  color: #FFFFFF;
}
.primary-breadcrumbs .breadcrumb::before {
  color: #FFFFFF;
}
.primary-breadcrumbs .breadcrumb:last-child {
  color: #5A5D68 !important;
  font-weight: 300;
}

.secondary-breadcrumbs {
  background-color: #FFFFFF !important;
  padding: 0 16px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
}
.secondary-breadcrumbs .breadcrumb {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
  color: #FFA726;
}
.secondary-breadcrumbs .breadcrumb::before {
  color: #FFA726;
}
.secondary-breadcrumbs .breadcrumb:last-child {
  color: #5A5D68;
  font-weight: 300;
}

.tertiary-breadcrumbs {
  background-color: #FFF3E0 !important;
  padding: 0 16px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
}
.tertiary-breadcrumbs .breadcrumb {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
  color: #080B17;
}
.tertiary-breadcrumbs .breadcrumb::before {
  color: #080B17;
}
.tertiary-breadcrumbs .breadcrumb:last-child {
  color: #5A5D68;
  font-weight: 300;
}

.card {
  background-color: transparent;
  padding: 8px;
}

.courses-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
  /*.table-controls
  * .buttons
  *  float: right
  *  .table-search
  *    max-width: 200px
  *    width: auto
  *    display: inline-block*/
  /*.table-search
  * max-width: 200px
  * width: auto
  * display: inline-block
  * .input-field
  *  margin-top: 0px
  *  .label-icon
  *    position: absolute !important
  *    transform: translateY(12px) !important
  *  input
  *    margin: 0px !important
  *    padding-left: 40px !important
  *  .material-icons
  *    top: 12px !important
  *    font-size: 24px !important*/
}

.card-table {
  margin-bottom: 24px;
}
.card-table .items-counter {
  margin: 0;
  padding: 0;
}
.card-table .items-counter form {
  display: inline-block;
}
.card-table .items-counter form .input-field {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.card-table .items-counter label {
  display: inline-block;
  margin-left: 8px;
}
.card-table .card-table-header {
  margin-bottom: 0px;
}
.card-table .row .cards-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.card-table .row .cards-container .card {
  background-color: #FFFFFF;
  flex: 1 0px;
  margin: 0 16px 20px 0 !important;
  height: auto;
  width: auto;
  min-width: 47.5%;
  max-width: 49.5%;
  border: 1px solid #FFFFFF;
  padding-bottom: 16px;
  border-radius: 5px;
}
@media (min-width: 1090px) {
  .card-table .row .cards-container .card {
    min-width: 31%;
    max-width: 32%;
  }
}
.card-table .row .cards-container .card:active, .card-table .row .cards-container .card::selection {
  border: 1px solid #FFA726;
}
.card-table .row .cards-container .card .card-content {
  padding: 8px 8px;
}
.card-table .row .cards-container .card .card-content h4 {
  padding: 0;
  margin: 0;
  font-weight: 400;
}
@media (min-width: 990px) {
  .card-table .row .cards-container .card .card-content h4 {
    font-size: 22px !important;
  }
}
.card-table .row .cards-container .card .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-table .row .cards-container .card .card-action {
  padding: 8px 8px 8px 8px;
  border: 0px solid #F3F6FF;
  overflow: hidden;
}
.card-table .row .cards-container .card .card-action a {
  text-transform: none !important;
}
.card-table .row .cards-container .card .card-action .card-action-1 {
  display: inline-block;
  float: left;
  width: 65%;
}
.card-table .row .cards-container .card .card-action .card-action-1 a {
  text-transform: none !important;
}
@media (min-width: 990px) {
  .card-table .row .cards-container .card .card-action .card-action-1 .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.card-table .row .cards-container .card .card-action .card-action-2 {
  display: inline-block;
  float: right;
  width: 35%;
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container {
  display: flex;
  float: right;
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container i {
  transform: translateY(7px);
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container ul a {
  color: #080B17 !important;
  font-size: 16px !important;
  text-transform: none !important;
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container ul a i {
  transform: translateY(0);
}
.card-table .row .cards-container .card .card-action .chips-container {
  min-height: inherit;
  height: auto;
}
.card-table .row .cards-container .card .card-progressbar {
  padding: 8px 8px 8px 8px;
  min-height: 50px;
}
.card-table .row .list-mode .horizontal {
  height: auto;
  width: 100%;
  min-width: 100%;
  border: 1px solid #FFFFFF;
  padding-bottom: 16px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px rgb(129, 131, 143);
  -moz-box-shadow: 0px 0px 8px 0px rgb(129, 131, 143);
  box-shadow: 0px 0px 8px 0px rgb(129, 131, 143);
}
.card-table .row .list-mode .horizontal:hover {
  -webkit-box-shadow: 0px 0px 17px 0px rgb(129, 131, 143);
  -moz-box-shadow: 0px 0px 17px 0px rgb(129, 131, 143);
  box-shadow: 0px 0px 17px 0px rgb(129, 131, 143);
}
.card-table .row .list-mode .horizontal:active, .card-table .row .list-mode .horizontal::selection {
  -webkit-box-shadow: 0px 0px 17px 0px rgb(129, 131, 143);
  -moz-box-shadow: 0px 0px 17px 0px rgb(129, 131, 143);
  box-shadow: 0px 0px 17px 0px rgb(129, 131, 143);
  border: 1px solid #FFA726;
}
.card-table .row .list-mode .horizontal .card-stacked {
  padding: 0 8px;
}
@media (min-width: 599px) {
  .card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left {
    width: 50%;
    display: inline-block;
  }
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-content {
  padding: 8px 8px 8px 8px;
  display: inline-grid;
}
@media (min-width: 599px) {
  .card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-content {
    display: block;
  }
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-content h4 {
  padding: 0;
  margin: 0 0 8px 0;
  font-weight: 400;
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-action {
  padding: 8px;
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-action a {
  text-transform: none !important;
  margin-right: 8px;
}
@media (min-width: 990px) {
  .card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-action .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-action .card-action-1 {
  width: 65% !important;
  display: flex;
}
@media (min-width: 599px) {
  .card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-action .card-action-1 {
    display: inherit;
    width: 55%;
  }
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-left .card-action .card-action-1 .chips-container {
  min-height: 200px;
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-right {
  width: 50%;
  display: inline-block;
  float: right;
}
@media (min-width: 320px) and (max-width: 480px) {
  .card-table .row .list-mode .horizontal .card-stacked .card-sides .card-right .card-right {
    width: 100%;
    display: inline-block;
  }
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-right .card-action {
  display: inline-block;
  width: 100%;
}
.card-table .row .list-mode .horizontal .card-stacked .card-sides .card-right .card-progressbar {
  padding: 0px 8px;
  display: inline-block;
  width: 100%;
}
.card-table .row .table-footer {
  width: 100%;
  display: block;
  overflow: hidden;
}
.card-table .row .list-grades .card .chips-container {
  min-height: 111px !important;
}
.card-table .row .list-grades .horizontal .chips-container {
  min-height: 74px !important;
}
.card-table .row .list-groups .card .chips-container {
  min-height: 111px !important;
}
.card-table .row .list-groups .horizontal .chips-container {
  min-height: 74px !important;
}
.card-table .row .list-courses .horizontal .chips-container {
  height: auto;
  min-height: inherit !important;
}
.card-table .row .list-courses-created .horizontal .chips-container {
  height: auto;
  min-height: inherit !important;
}
.card-table .row .list-forums .horizontal .chips-container {
  height: auto;
  min-height: inherit !important;
}

.card-download-plan {
  padding: 10px;
}

.card .card-content-no-description {
  padding: 24px;
  border-radius: 0 0 2px 2px;
  height: 140px;
}

.tittle-plan {
  height: 55px;
}

.card-subs {
  padding-top: 16px !important;
  padding-bottom: 1px !important;
  padding-right: 16px !important;
  max-height: 100px !important;
  min-height: 100px !important;
}
.card-subs .text-p-alt-1 {
  padding: 0px !important;
  margin: 0px !important;
  font-weight: 800;
  font-size: 16px;
  translate: 10px 14px;
}

.note-indicator {
  display: inline-block;
  float: left;
  width: 44px;
  height: 44px;
  background-color: #FFE0B2;
  padding: 9px;
  border-radius: 5px;
}

.note-indicator-found {
  display: inline-block;
  float: left;
  width: 44px;
  height: 44px;
  background-color: #2C51BE;
  padding: 6px;
  border-radius: 50px;
}

.text-p-low {
  padding: 0px !important;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 0px !important;
  text-align: center;
}

.text-p-alt-2 {
  padding: 0px !important;
  margin: 0px !important;
  font-weight: 800;
  font-size: 16px;
}

.card-no-shadow {
  -webkit-box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(255, 255, 255, 0.2) !important;
  -webkit-box-shadow-box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
}

.card-foros {
  width: auto !important;
}
.card-foros .btn-high {
  width: auto !important;
}
.card-foros .btn-medium {
  width: auto;
}
.card-foros .btn-medium {
  width: 150% !important;
}
@media (min-width: 600px) {
  .card-foros .btn-medium {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .card-foros .btn-medium {
    width: auto !important;
  }
}
.card-foros .header-card-foros {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: auto;
}
.card-foros .header-card-foros h3 {
  font-weight: 500 !important;
  font-size: 24px !important;
  padding-bottom: 0px !important;
}
.card-foros .content-card-fors {
  display: flex;
  justify-content: space-between;
}
.card-foros .content-card-fors p {
  justify-content: space-between !important;
  font-size: 16px !important;
  color: #81838F !important;
  margin-top: 0px !important;
  margin-bottom: 8px !important;
}
.card-foros .chips-foros {
  display: flex;
  justify-content: space-between;
}
.card-foros .card-actions-foros {
  display: flex;
  justify-content: space-between;
}
.card-foros .card-actions-foros p {
  font-size: 16px !important;
  color: #81838F !important;
  font-weight: 400 !important;
  margin-top: 16px !important;
  margin-bottom: 0px !important ç;
}

.btn-desc {
  background: #81838F !important;
}

.btn-banner-tenant {
  position: absolute;
  transform: translate(298px, 10px);
}

.content-dropdown-tenant {
  height: 54px !important;
  min-width: 164px !important;
}

.card-panel {
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  padding: 16px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 12px !important;
  background-color: #fff;
}

.green-line-sidenav {
  border-left: 6px solid #309F7D;
}

.accent-line-sidenav {
  border-left: 6px solid #02437D;
}

.brown-line-sidenav {
  border-left: 6px solid #9F6402;
}

.til-note {
  display: flex;
  justify-content: space-between;
}
.til-note .Til-content {
  display: flex;
  color: #309F7D;
}
.til-note .Til-content p {
  margin-left: 8px !important;
  transform: translate(9px, 2px);
  margin: 0px !important;
  padding: 0px !important;
}

.til-coment {
  display: flex;
  justify-content: space-between;
}
.til-coment .Til-content {
  display: flex;
  color: #02437D;
}
.til-coment .Til-content p {
  margin-left: 8px !important;
  transform: translate(9px, 2px);
  margin: 0px !important;
  padding: 0px !important;
}

.til-revision {
  display: flex;
  justify-content: space-between;
}
.til-revision .Til-content {
  display: flex;
  color: #C25B00;
}
.til-revision .Til-content p {
  margin-left: 8px !important;
  transform: translate(9px, 2px);
  margin: 0px !important;
  padding: 0px !important;
}

.dotz-succes {
  width: 20px;
  height: 20px;
  border-radius: 600px;
  background-color: #309F7D;
  z-index: 10;
  position: absolute;
  transform: translate(-14px, 0px);
}

.dotz-disbaled {
  width: 20px;
  height: 20px;
  border-radius: 600px;
  background-color: #928F88;
  z-index: 10;
  position: absolute;
  transform: translate(-14px, 0px);
}

.dotz-process {
  width: 20px;
  height: 20px;
  border-radius: 600px;
  background-color: #9F6402;
  z-index: 10;
  position: absolute;
  transform: translate(-14px, 0px);
}

.dotz-vencida {
  width: 20px;
  height: 20px;
  border-radius: 600px;
  background-color: #DE1135;
  z-index: 10;
  position: absolute;
  transform: translate(-14px, 0px);
}

.btn-table-add {
  margin: 8px !important;
}

.p-text-name-table {
  width: 225px !important;
}

.card-kpis-mth {
  display: flex;
  justify-content: space-between;
}
.card-kpis-mth p {
  color: #595C5E;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.card-kpis-mth p b {
  color: #02437D;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.selected-table22 {
  color: var(--Negro-primario-A, #000);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.selected-table22:hover {
  color: #9F6402;
  cursor: pointer;
  font-weight: 700;
}

.table-search-only {
  transform: translate(0px, 0px) !important;
}

.table-search-only2 {
  transform: translate(0px, -54px) !important;
}

.text-blue-kps {
  color: #2A4E6E;
}

.table-search .input-field .material-icons {
  top: 15px !important;
  font-size: 24px !important;
}

.card-admin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-admin .note-info {
  width: 121%;
  margin-left: 24px;
  padding-left: 32px;
}

.content-kpis .generado-st01 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #C8CAD7;
}
.content-kpis .divider-text01 {
  background-color: #2A4E6E;
  padding: 6px 0px 6px 0px;
  border-radius: 5px;
}
.content-kpis .divider-text01 p {
  color: #E8E8E8 !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.blue-border {
  border-left: 6px solid #2C51BE;
  background-color: #EEF3FE;
}
.blue-border .blute-text-st01 {
  color: #2C51BE;
  font-weight: 800;
  font-size: 16px;
  padding-top: 8px;
}
.blue-border .small-text {
  font-size: 10px;
}
.blue-border .tex-icon {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #2C51BE;
  font-weight: 600;
}
.blue-border .tex-icon span {
  padding-right: 8px;
}
.blue-border .btn-link {
  font-size: 10px !important;
  font-weight: 800;
  text-decoration: underline;
}

.card-desp--st01 .truncate-03 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 60px;
}
.card-desp--st01 .chip {
  margin-bottom: 16px;
}
.card-desp--st01 .header-avatar {
  display: flex;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}
.card-desp--st01 .header-avatar .avatar {
  margin: 0px 16px 0px 0px;
}
.card-desp--st01 a {
  width: 100% !important;
}

.--st21 {
  width: 22%;
}

.btn-section-kpis {
  transform: translate(0px, 21px) !important;
}

.blue-text-nc {
  color: #02437D;
}

.clean-filter {
  transform: translate(0px, 8px);
  color: #02437D;
}

.close-modal-filt {
  transform: translate(0px, -3px);
}

.chips-section-filter {
  margin-top: 16px;
}

.card-on-title {
  margin-left: unset !important;
}

.card-section-side-act .content-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-section-side-act.active .content-text {
  color: #C25B00;
}
.card-section-side-act .date-st01 {
  margin: 0px;
}
.card-section-side-act .date-st02 {
  margin-top: 0px;
  margin-bottom: 8px;
}
.card-section-side-act .section-info {
  display: flex;
  align-items: center;
}

.table-search-position {
  transform: translate(-8px, 11px) !important;
}

.section-activity-2 .c-245 {
  display: flex;
}
.section-activity-2 .c-245 p {
  width: 50%;
}

#toast-container {
  top: 75%;
  right: 1%;
  width: 300px !important;
  max-width: 86%;
  display: block;
  position: fixed;
  z-index: 10000;
}
#toast-container .toast {
  border-radius: 12px;
  padding: 16px !important;
  width: auto;
  min-width: auto;
  margin-top: 10px;
  max-width: 100%;
  height: auto;
  min-height: 60px;
  position: relative;
  line-height: 1.5em;
  background-color: #2A4E6E !important;
  font-size: 16px;
  font-weight: 400;
  color: #E8E8E8;
}

.material-tooltip {
  font-size: 1rem;
  z-index: 2000;
  background-color: #2A4E6E !important;
  border-radius: 8px !important;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
}

.modal2 {
  width: 22% !important;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

.modal-opacity {
  z-index: 1002 !important;
  display: block !important;
  opacity: 0.5 !important;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 50%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.modal-small-2 {
  height: 45% !important;
}

.modal {
  border-radius: 10px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.modal .modal-header {
  padding: 24px 0px 0px 24px;
  border-bottom: 1px solid #E9EBF9;
}
.modal .modal-content {
  padding: 4px 9px 2px 9px;
  overflow: hidden;
}
.modal .modal-content .modal-content-options {
  display: block;
  overflow: hidden;
  margin: 8px 0 16px 0;
}
.modal .modal-content .modal-content-options .modal-tabs {
  height: 180px;
  width: auto;
  max-height: 180px;
  overflow: scroll;
  float: left;
  padding-right: 8px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-tabs {
    height: auto;
    max-height: 310px;
  }
}
.modal .modal-content .modal-content-options .modal-tabs ul li {
  margin: 8px 0;
}
.modal .modal-content .modal-content-options .modal-tabs ul li .active {
  color: #FF9800 !important;
}
.modal .modal-content .modal-content-options .modal-checks {
  overflow: hidden;
  padding-left: 8px;
  max-height: 170px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks {
    max-height: 310px;
  }
}
.modal .modal-content .modal-content-options .modal-checks .choose-avatar ul li {
  float: left;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 24px;
}
.modal .modal-content .modal-content-options .modal-checks .choose-avatar ul li .avatar {
  margin: 0 !important;
}
.modal .modal-content .modal-content-options .modal-checks .choose-avatar ul li.selected {
  height: 64px;
  width: 64px;
  border: 4px solid #ff9800;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-container {
  max-height: 180px;
  overflow-x: hidden;
  padding-left: 4px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-container {
    max-height: 220px;
    padding-right: 16px;
  }
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field {
  margin-top: 8px;
  margin-bottom: 8px;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field p {
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field p label span {
    max-width: 110px;
  }
}
@media (min-width: 800px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field p label span {
    max-width: 150px;
  }
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar {
    width: 100%;
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar {
    width: 400px;
    max-width: 400px;
    float: right;
  }
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field {
  margin: 0 !important;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field input {
  height: 36px;
  margin: 0px !important;
  padding-left: 40px !important;
  transform: translateY(2px);
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field .material-icons {
  top: 7px !important;
  font-size: 24px !important;
}
.modal .modal-content .modal-content-chips {
  overflow: hidden;
  display: block;
  margin: 16px 0;
  max-height: 140px;
}
.modal .modal-content .modal-content-chips .chips-header {
  margin-bottom: 8px;
}
.modal .modal-content .modal-content-chips .chips-container {
  max-height: 80px;
  overflow: scroll;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-chips .chips-container {
    max-height: 110px;
  }
}
.modal .modal-footer {
  background-color: #FFFFFF;
  padding: 4px 18px;
  height: 56px;
  width: 100%;
  text-align: left;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.modal .modal-footer a {
  flex: 1;
}
@media (min-width: 600px) {
  .modal .modal-footer {
    display: inline-block;
  }
  .modal .modal-footer a {
    flex: none;
  }
}

.jconfirm .jconfirm-scrollpane {
  width: auto !important;
  margin: 0 auto !important;
}
.jconfirm .jconfirm-scrollpane .confirm-box .jconfirm-buttons {
  float: none;
}
.jconfirm .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
  max-width: 60vw !important;
  min-width: 40vw !important;
  margin: 0 auto;
}
.jconfirm .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box {
  width: 100% !important;
  min-width: 100% !important;
}

.modal-welome {
  width: 65% !important;
}

.modal-content-welcome {
  max-height: 500px !important;
}

.modal-content-b {
  height: auto;
}

.content-long {
  max-height: 500px !important;
}

.content-long-1 {
  max-height: 400px !important;
}

.btn-modal-help {
  cursor: pointer;
}

.modal-nooverflow {
  overflow: hidden !important;
}

.modal-incidencias {
  padding-top: 32px !important;
  width: 50%;
}

.space-btwn {
  margin-bottom: 8px !important;
}

.modal-get {
  height: 500px !important;
}

.modal-content-get {
  height: 438px !important;
}

.modal-check-container-get {
  height: 500px !important;
}

.input-space-asis {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
}

.footer-multiple-btn {
  display: flex !important;
  justify-content: space-between !important;
}

.modal.modal-fixed-footer2 {
  padding: 0 !important;
  height: 95% !important;
  top: 2% !important;
}

.modal-full {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 95%;
  width: 96%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.headerfullscreen-t1 {
  padding-top: 0px !important;
  padding-bottom: 24px !important;
}

.fot-modal-actions {
  max-width: 52%;
  min-width: 52%;
  display: flex !important;
  justify-content: space-between !important;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
  margin-right: 8px;
}

.modal-ms-onfo {
  margin: 24px !important;
}

.modal-02 {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 80%;
  margin: auto;
  overflow-y: auto;
  border-radius: 12px;
  will-change: top, opacity;
}

.breadmenu {
  height: 22px;
  width: 100%;
  display: block;
  z-index: 999;
  overflow: hidden;
  line-height: 1;
}
.breadmenu ul {
  margin: 0px;
}
.breadmenu ul li a {
  font-weight: 400;
  color: #928F88 !important;
  font-size: 12px !important;
}
.breadmenu ul li .breadcrumb {
  border: 0px solid #FFFFFF;
  color: #928F88;
  font-weight: 700;
}
.breadmenu ul li .breadcrumb::before {
  color: #928F88;
  transform: translateY(-3px);
  content: "\e5cc";
  vertical-align: top;
  display: inline-block;
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  margin: 2px 6px 0 4px;
  -webkit-font-smoothing: antialiased;
}
.breadmenu ul li .last-bread {
  color: #5A5D68 !important;
  font-weight: 500;
  text-decoration: none !important;
}
.breadmenu .dropdown-arrow {
  text-decoration: none !important;
  color: #080B17;
  font-weight: 500;
  display: block;
}
.breadmenu .dropdown-arrow a {
  min-width: 40px;
  max-width: 80px;
  float: left;
}
@media (min-width: 600px) {
  .breadmenu .dropdown-arrow a {
    max-width: 100%;
  }
}
.breadmenu .dropdown-arrow .middle-bread {
  max-width: 80px;
}
@media (min-width: 600px) {
  .breadmenu .dropdown-arrow .middle-bread {
    min-width: 60px;
    max-width: 100px;
  }
}
@media (min-width: 900px) {
  .breadmenu .dropdown-arrow .middle-bread {
    min-width: 60px;
    max-width: 100px;
  }
}
.breadmenu .dropdown-arrow .last-bread {
  max-width: 120px;
}
@media (min-width: 600px) {
  .breadmenu .dropdown-arrow .last-bread {
    min-width: 60px;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .breadmenu .dropdown-arrow .last-bread {
    max-width: 40%;
  }
}
.breadmenu .dropdown-breadmenu {
  top: 104px !important;
  width: auto;
}
.breadmenu .dropdown-breadmenu a {
  color: #080B17;
  font-weight: 500;
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 24px 10px !important;
}

table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected {
  background-color: #f9f9f9 !important;
}
table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
  background-color: #f9f9f9 !important;
}

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #f9f9f9 !important;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #f9f9f9 !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #f9f9f9 !important;
}

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #f9f9f9 !important;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #f9f9f9 !important;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after {
  display: block !important;
  position: absolute !important;
  top: 2.9em !important;
  left: 50% !important;
  width: 12px !important;
  height: 12px !important;
  box-sizing: border-box !important;
}
table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  display: block !important;
  position: absolute !important;
  top: 2.9em !important;
  left: 50% !important;
  width: 12px !important;
  height: 12px !important;
  box-sizing: border-box;
}

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  content: "✓";
  font-size: 20px;
  margin-top: -31px !important;
  margin-left: -6px !important;
  text-align: center;
  text-shadow: 1px 1px #D1E7DD, -1px -1px #D1E7DD, 1px -1px #D1E7DD, -1px 1px #D1E7DD;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  background-color: white !important;
  border-radius: 5px !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #29b6f6 0%, #29b6f6 100%) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  background-color: white !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}

table.dataTable.no-footer {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #fff !important;
}

td.dt-control {
  background: url("https://www.datatables.net/examples/resources/details_open.png") no-repeat center center;
  cursor: pointer;
}

tr.dt-hasChild td.dt-control {
  background: url("https://www.datatables.net/examples/resources/details_close.png") no-repeat center center;
}

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center {
  text-align: center;
}
table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left {
  text-align: left;
}
table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center {
  text-align: center;
}
table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right {
  text-align: right;
}
table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify {
  text-align: justify;
}
table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("https://cdn.datatables.net/1.11.3/images/sort_both.png") !important;
}
table.dataTable thead .sorting_asc {
  background-image: url("https://cdn.datatables.net/1.11.3/images/sort_asc.png") !important;
}
table.dataTable thead .sorting_desc {
  background-image: url("https://cdn.datatables.net/1.11.3/images/sort_desc.png") !important;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("https://cdn.datatables.net/1.11.3/images/sort_asc_disabled.png") !important;
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("https://cdn.datatables.net/1.11.3/images/sort_desc_disabled.png") !important;
}
table.dataTable tbody tr {
  background-color: #fff;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: rgba(241, 241, 241, 0);
}
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #ffffff;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: normal;
}
table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px;
}
table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th, table.dataTable td {
  box-sizing: content-box;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  display: none;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: black !important;
  border: 1px solid #fdfdfd;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ffffff;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
.icon-cent {
  line-height: 2 !important;
}

.dropdown-content {
  background-color: #FFFFFF;
  width: auto !important;
  border-radius: 4px;
  position: fixed;
  height: auto !important;
}
.dropdown-content li:hover {
  text-decoration: none;
  background-color: #ffffff;
}
.dropdown-content li a {
  color: #080B17;
}
.dropdown-content li a:hover {
  text-decoration: none;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  /*margin: 0 -24px 0 0  Revisar */
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: none;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  display: block;
  line-height: 22px;
  text-transform: none !important;
  padding: 14px 16px;
}

.dropdown-time {
  position: relative;
  display: inline-block;
  transform: translateY(24px);
  z-index: 1;
}

.dropdown-content-time {
  transform: translateX(-154px);
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 200px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(163, 163, 163, 0.2);
  z-index: 1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.dropdown-content-time a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-time a:hover {
  background-color: #FFF3E0;
}

.show-time {
  display: block;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #2A4E6E !important;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

.content-sidenav {
  margin: 24px !important;
}

.logros-tilt {
  display: flex;
  justify-content: space-between;
  height: 45px;
}
.logros-tilt .icon-ast-space {
  transform: translate(59px, -46px);
  width: 200px !important;
}
.logros-tilt p {
  font-size: 16px;
  font-weight: 400;
}
.logros-tilt .alliance-note-bullet .note-info h5 {
  font-size: 16px;
}

.stg-p {
  font-size: 16px;
  font-weight: 600;
  color: #595C5E;
}

.contet-modal-text {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.check-table-form {
  top: 12px;
  position: relative;
}

.select-year {
  width: 442px !important;
}

.icon-left {
  transform: translate(-5px, 4px);
}

.ff_fileupload_hidden {
  display: none;
}

.ff_fileupload_wrap .ff_fileupload_dropzone_wrap {
  position: relative;
}
.ff_fileupload_wrap .ff_fileupload_dropzone {
  background-position-y: 20px !important;
  display: block;
  width: 100% !important;
  height: auto;
  box-sizing: border-box;
  border: 2px dashed #A2B4CA;
  border-radius: 3px;
  padding: 0;
  background-color: #FCFCFC;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.85;
  outline: none;
  margin-bottom: 24px;
}
.ff_fileupload_wrap .ff_fileupload_dropzone::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap .ff_fileupload_dropzone:hover, .ff_fileupload_wrap .ff_fileupload_dropzone:focus, .ff_fileupload_wrap .ff_fileupload_dropzone:active {
  opacity: 1;
  background-color: #FDFDFD;
  border-color: #157EFB;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tools {
  position: absolute;
  right: 10px;
  top: 0;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tool {
  display: block;
  margin-top: 10px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #A2B4CA;
  border-radius: 3px;
  padding: 0;
  background-color: #FDFDFD;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.85;
  cursor: pointer;
  outline: none;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tool::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tool:hover, .ff_fileupload_wrap .ff_fileupload_dropzone_tool:focus, .ff_fileupload_wrap .ff_fileupload_dropzone_tool:active {
  opacity: 1;
  background-color: #FFFFFF;
  border-color: #157EFB;
}
.ff_fileupload_wrap .ff_fileupload_recordvideo_preview {
  position: absolute;
  display: block;
  right: 60px;
  top: 10px;
  width: 320px;
  max-width: calc(100% - 70px);
  height: calc(100% - 20px);
  background-color: #222222;
}
.ff_fileupload_wrap .ff_fileupload_recordvideo_preview.ff_fileupload_hidden {
  display: none;
}
.ff_fileupload_wrap .ff_fileupload_recording {
  animation: ff_fileupload_recording_animate 1.2s infinite alternate;
}
.ff_fileupload_wrap table.ff_fileupload_uploads {
  width: 100%;
  border-collapse: collapse !important;
  border: 0 none;
}
.ff_fileupload_wrap table.ff_fileupload_uploads tr {
  margin: 0;
  border: 0 none;
  padding: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td {
  margin: 0;
  border: 0 none;
  padding: 0;
  vertical-align: middle;
  padding: 1em 0;
  white-space: nowrap;
  line-height: normal;
}
.ff_fileupload_wrap table.ff_fileupload_uploads tr.ff_fileupload_bounce {
  animation: ff_fileupload_bounce_animate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview {
  width: 1px;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image {
  display: block;
  box-sizing: border-box;
  border: 0 none;
  padding: 0;
  background-color: #DDDDDD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 23.55555vw;
  height: 55px;
  border-radius: 5px;
  opacity: 0.75;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #222222;
  overflow: hidden;
  outline: none;
  cursor: default;
  transform: translateY(-63px) !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image_has_preview {
  cursor: pointer;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:active {
  opacity: 1;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text {
  display: block;
  margin: 0 auto;
  width: 70%;
  overflow: hidden;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:active {
  opacity: 1;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button.ff_fileupload_start_upload {
  margin-right: 0.5em;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile {
  display: none;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button {
  display: block;
  margin-top: 0.3em;
  width: 100%;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid #A2B4CA;
  border-radius: 3px;
  padding: 0;
  background-color: #FCFCFC;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.85;
  cursor: pointer;
  outline: none;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:active {
  opacity: 1;
  background-color: #FDFDFD;
  border-color: #157EFB;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_with_color {
  color: #FFFFFF;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_a {
  background-color: #F03C3C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_b {
  background-color: #F05A3C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_c {
  background-color: #F0783C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_d {
  background-color: #F0963C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_e {
  background-color: #E0862B;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_f {
  background-color: #DCA12B;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_g {
  background-color: #C7AB1E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_h {
  background-color: #C7C71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_i {
  background-color: #ABC71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_j {
  background-color: #8FC71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_k {
  background-color: #72C71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_l {
  background-color: #56C71E;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_m {
  background-color: #3AC71E;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_n {
  background-color: #1EC71E;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_o {
  background-color: #1EC73A;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_p {
  background-color: #1EC756;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_q {
  background-color: #1EC78F;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_r {
  background-color: #1EC7AB;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_s {
  background-color: #1EC7C7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_t {
  background-color: #1EABC7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_u {
  background-color: #1E8FC7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_v {
  background-color: #1E72C7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_w {
  background-color: #3C78F0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_x {
  background-color: #3C5AF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_y {
  background-color: #3C3CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_z {
  background-color: #5A3CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_0 {
  background-color: #783CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_1 {
  background-color: #963CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_2 {
  background-color: #B43CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_3 {
  background-color: #D23CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_4 {
  background-color: #F03CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_5 {
  background-color: #F03CD2;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_6 {
  background-color: #F03CB4;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_7 {
  background-color: #F03C96;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_8 {
  background-color: #F03C78;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_9 {
  background-color: #F03C5A;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
  padding: 1em;
  font-size: 0.9em;
  white-space: normal;
  transform: translateY(-63px);
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename {
  width: 50%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors {
  color: #A94442;
  font-weight: bold;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_background {
  margin-top: 0.5em;
  background-color: #CCCCCC;
  height: 2px;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_bar {
  background-color: #157EFB;
  width: 0;
  height: 2px;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
  width: 1px;
  text-align: right;
  transform: translateY(-54px) !important;
}

@keyframes ff_fileupload_recording_animate {
  from {
    border-color: #EF1F1F;
  }
  to {
    border-color: #C9A1A1;
  }
}
@keyframes ff_fileupload_bounce_animate {
  10%, 90% {
    transform: translateY(-1px);
  }
  20%, 80% {
    transform: translateY(2px);
  }
  30%, 50%, 70% {
    transform: translateY(-3px);
  }
  40%, 60% {
    transform: translateY(8px);
  }
}
@media (max-width: 420px) {
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image {
    width: 36px;
    height: 36px;
    font-size: 11px;
  }
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
    padding-right: 0;
  }
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
    display: none;
  }
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile {
    display: block;
  }
}
.ff_fileupload_dialog_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10000;
}

.ff_fileupload_dialog_main {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  text-align: center;
}
.ff_fileupload_dialog_main img {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}
.ff_fileupload_dialog_main audio {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  width: 100%;
}
.ff_fileupload_dialog_main video {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}

.multiple-upload-legend {
  display: block;
  margin-top: 20px;
  color: #828282 !important;
  font-size: 14px !important;
  line-height: 22px !important;
}

.ff_fileupload_dropzone {
  background-color: transparent !important;
  border: none !important;
}

.ff_fileupload_dropzone_wrap, .ff_fileupload_actions button {
  border: none !important;
}

.ff_fileupload_start_upload {
  display: none !important;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview {
  border-right: 0 solid !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
  border-left: 0 solid !important;
}

img.ff_fileupload_preview_image {
  object-fit: cover !important;
}

.ui-state-highlight {
  background-color: var(--theme-transparent);
}

.file-field .file-label {
  border: 0px solid #080B17 !important;
}
.file-field .btn {
  padding: 16px 16px;
  margin: 8px 0;
  width: 100% !important;
  height: 78px !important;
  background-color: #F3F3F3;
  float: none;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.file-field .btn span {
  color: #080B17 !important;
}
.file-field .btn span i {
  transform: translate(-2px, 5px);
}
.file-field .btn .strips {
  position: absolute;
  left: -46px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
}
.file-field .btn:hover div.strips {
  transform: translate(0px, -44px);
  border-radius: 5px;
  width: auto;
  z-index: -2;
  background: -webkit-repeating-linear-gradient(145deg, #ffffff 1px, #f6f6f6 2px, #f6f6f6 11px, #ffffff 12px, #ffffff 20px);
  background: repeating-linear-gradient(-55deg, #ffffff 1px, #f6f6f6 2px, #f6f6f6 11px, #ffffff 12px, #ffffff 20px);
  -webkit-animation-name: MOVE-BG;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: MOVE-BG;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.file-field .file-btn-available {
  display: block;
}
.file-field .file-btn-disabled {
  display: none;
}
.file-field .file-path-wrapper {
  padding: 0;
  height: auto !important;
}
.file-field .file-path-wrapper .file-path {
  display: none !important;
}
.file-field .file-path-wrapper .chips-container .chip .fileType {
  font-weight: 600;
  cursor: text;
  float: left;
  margin-right: 4px;
}
.file-field .file-path-wrapper .chips-container .chip .fileName {
  display: inline-block;
  max-width: 180px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-field .file-path-wrapper .chips-container.disabled .chip {
  pointer-events: none;
  background-color: #F3F6FF;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .fileType {
  font-weight: 600;
  color: #A2A5B1 !important;
  cursor: text;
  float: left;
  margin-right: 4px;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .fileName {
  display: inline-block;
  color: #A2A5B1 !important;
  max-width: 180px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .close {
  background-color: #A2A5B1;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .close i {
  color: #F3F6FF !important;
}
.file-field.disabled .btn {
  cursor: text;
  background-color: transparent;
  cursor: not-allowed;
}
.file-field.disabled .btn span {
  color: #C8CAD7 !important;
  cursor: not-allowed;
}
.file-field.disabled .btn span i {
  transform: translate(-2px, 5px);
}
.file-field.disabled .btn .strips {
  position: absolute;
}
.file-field.disabled .btn:hover div.strips {
  z-index: -88;
  background: -webkit-repeating-linear-gradient(145deg, #ffffff 1px, #ffffff 2px, #ffffff 11px, #ffffff 12px, #ffffff 20px);
  background: repeating-linear-gradient(-55deg, #ffffff 1px, #ffffff 2px, #ffffff 11px, #ffffff 12px, #ffffff 20px);
}
.file-field.disabled .btn:hover {
  webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.file-field.disabled .btn input {
  cursor: none;
  pointer-events: none;
}
.file-field.disabled .file-btn-available {
  display: none !important;
}
.file-field.disabled .file-btn-disabled {
  display: block !important;
}
.file-field.disabled .file-path-wrapper {
  padding: 0;
  height: auto !important;
}
.file-field.disabled .file-path-wrapper .file-path {
  display: none !important;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(46px);
  }
}

.timeline-cons {
  display: flex;
  flex-direction: column;
  width: calc(100% - 100px);
  margin: auto;
  margin-left: 10%;
}

@media (max-width: 767px) {
  .timeline-cons {
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px) !important;
    margin-left: 30% !important;
    margin-right: auto !important;
  }
}
.timeline-edit {
  display: flex;
  flex-direction: column;
  width: calc(100% - 150px);
  margin-left: 12%;
  margin-right: 10%;
}

@media (max-width: 767px) {
  .timeline-edit {
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px) !important;
    margin-left: 30% !important;
    margin-right: auto !important;
  }
}
.timeline__event {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  margin: 20px 0;
  border-radius: 8px;
}

.timeline__event__content {
  padding: 20px;
}

.timeline__event__icon {
  border-radius: 8px 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  max-width: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.timeline__event__icon i {
  position: absolute;
  top: 50%;
  left: -70px;
  font-size: 2.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.timeline__event__description {
  flex-basis: 60%;
}

.timeline__event:after {
  content: "";
  width: 0px;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(22%);
  left: -3.5rem;
}
.timeline__event:before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  border-radius: 100%;
  left: -6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.timeline__event:last-child:after {
  content: none;
  background: #fff;
}

@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
  }
  .timeline__event__icon {
    border-radius: 4px 4px 0 0;
  }
}
@media (max-width: 786px) {
  .timeline__event:after {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: 71%;
    left: -3.5rem;
  }
  .timeline__event:before {
    content: "";
    width: 5rem;
    height: 5rem;
    position: absolute;
    border-radius: 100%;
    left: -6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.timeline__event__title, .timeline__event__date {
  color: black;
}

.timeline__event__icon {
  background: #b2ebf2;
  color: #b2ebf2;
}

.timeline__event:after {
  background: #b2ebf2;
}
.timeline__event:before {
  border: 1px solid #b2ebf2;
  background-color: white;
}

.timeline__event--type2:before {
  border: 1px solid #ffe0b2;
  background-color: white;
}
.timeline__event--type2:after {
  background: #ffe0b2;
}
.timeline__event--type2 .timeline__event__date {
  color: black;
}
.timeline__event--type2 .timeline__event__icon {
  background: #ffe0b2;
  color: #ffe0b2;
}
.timeline__event--type2 .timeline__event__title {
  color: black;
}

.timeline__event--type3:before {
  background: white;
  border: 1px solid #c5cae9;
}
.timeline__event--type3:after {
  background: #c5cae9;
}
.timeline__event--type3 .timeline__event__date {
  color: black;
}
.timeline__event--type3 .timeline__event__icon {
  background: #c5cae9;
  color: #c5cae9;
}
.timeline__event--type3 .timeline__event__title {
  color: black;
}

.succes-point {
  color: #0F5132 !important;
}

/*Finaliza linea del tiempo */
.tabs {
  border-bottom: 1px #E2E2E2 solid;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #FFFFFF;
  margin: 0 auto;
  white-space: nowrap;
}
.tabs.tabs-transparent {
  background-color: transparent;
}
.tabs.tabs-transparent .tab a {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab.disabled a {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active {
  color: #FF9800 !important;
  font-weight: 600 !important;
}
.tabs.tabs-transparent .indicator {
  background-color: #fff;
}
.tabs.tabs-fixed-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: inherit;
  text-decoration: none;
}
.tabs .tab a {
  color: #5A5D68;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color 0.28s ease, background-color 0.28s ease;
  transition: color 0.28s ease, background-color 0.28s ease;
  text-decoration: none;
}
.tabs .tab a:focus {
  background-color: #ffffff;
  outline: none;
  color: #02437D;
  font-weight: 700;
}
.tabs .tab a:focus.active {
  background-color: #ffffff;
  outline: none;
  font-weight: 700;
  color: #02437D;
}
.tabs .tab a:hover, .tabs .tab a.active {
  color: #02437D;
  font-weight: 700;
  background-color: #ffffff;
}
.tabs .tab.disabled a {
  color: #02437D;
  cursor: default;
}
.tabs .tab.disabled a:hover {
  color: #02437D;
  cursor: default;
}
.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 3px;
  background-color: #000000;
  border-bottom: 2px #000000;
  will-change: left, right;
}

@media only screen and (max-width: 992px) {
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .tabs .tab a {
    padding: 0 0px;
  }
}
.background-color-tabs {
  background-color: #02437D;
}

.tabs-sidebar .tab a {
  font-size: 12px !important;
}
.tabs-sidebar .tab.disabled {
  color: #C8CAD7;
}
.tabs-sidebar .tab.disabled a {
  cursor: pointer;
  color: #C8CAD7;
  font-size: 12px !important;
}
.tabs-sidebar .tab.disabled a:hover {
  cursor: pointer;
  color: #C8CAD7;
}

.space-tab {
  position: fixed;
  transform: translateY(-20px);
  border-bottom: 1px solid #E9EBF9;
  z-index: 99;
  width: 15.2%;
}
.space-tab .tabs {
  display: flex;
}
.space-tab .tabs .tab {
  flex: 1;
}
.space-tab .tabs .tab .tabs-pad-side {
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-weight: bold !important;
  font-size: 12px !important;
}
@media only screen and (min-width: 1300px) {
  .space-tab .tabs .tab .tabs-pad-side {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-weight: bold !important;
    font-size: 13px !important;
  }
}

.tabs-card-plan {
  width: 360px;
}

.tiitle-iside-section {
  width: 100%;
  display: flex;
  margin: 24px;
  justify-content: flex-end;
}
.tiitle-iside-section a {
  width: 200px !important;
  transform: translate(-46px, 0px);
}

.cards-container.cards-mode {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.cards-container.cards-mode .card {
  flex: none !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 47.5% !important;
    max-width: 49.5% !important;
  }
}
@media (min-width: 1090px) {
  .cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 31% !important;
    max-width: 32% !important;
    border: 1px solid #FFFFFF;
    padding-bottom: 16px;
    border-radius: 5px;
  }
}
.cards-container.cards-mode .card:active, .cards-container.cards-mode .card::selection {
  border: 1px solid #FFA726;
}
.cards-container.cards-mode .card .card-header {
  height: 80px;
  background-color: white;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .card-header {
    height: 260px;
    max-inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/1;
    object-position: top center;
  }
}
.cards-container.cards-mode .card .card-header .card-header-buttons {
  width: 132px;
  margin: 8px 8px 0 0;
  position: inherit;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .card-header .card-header-buttons {
    width: 54px;
  }
}
.cards-container.cards-mode .card .card-header .card-header-buttons a {
  margin: 0 0 8px 8px;
  width: auto;
}
.cards-container.cards-mode .card .card-header .card-header-buttons .btn-medium {
  -webkit-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  -moz-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .card-header .card-header-buttons .btn-medium {
    margin: 0 0 8px 0;
  }
}
.cards-container.cards-mode .card .card-header .card-header-buttons .btn-medium i.item-booked {
  color: #080B17;
  content: "bookmark" !important;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
}
.cards-container.cards-mode .card .card-header .card-header-buttons ul.dropdown-content {
  position: absolute !important;
  overflow: hidden;
  min-width: 120px;
}
.cards-container.cards-mode .card .card-header .card-header-buttons ul.dropdown-content a {
  margin: 0 !important;
}
.cards-container.cards-mode .card .card-header .ranking-container {
  margin: 8px 0 0 8px;
}
.cards-container.cards-mode .card .card-header .ranking-container i {
  color: #FFB74D;
}
.cards-container.cards-mode .card .card-header .ranking-container p {
  float: right;
  font-size: 10px;
  display: none;
}
@media (min-width: 360px) {
  .cards-container.cards-mode .card .card-header .ranking-container p {
    display: inline-block;
  }
}
.cards-container.cards-mode .card .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  object-fit: cover;
}
.cards-container.cards-mode .card .cat-01 .img-card01 {
  position: absolute;
  height: 80px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .cat-01 .img-card01 {
    position: absolute;
    height: 260px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    max-inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/1;
    object-position: top center;
  }
}
.cards-container.cards-mode .card .card-content {
  padding: 8px 8px;
  height: 60px !important;
  max-height: 60px !important;
}
.cards-container.cards-mode .card .card-content h3 {
  padding: 0;
  margin: 0;
  height: 56px !important;
  max-height: 56px !important;
}
.cards-container.cards-mode .card .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cards-container.cards-mode .card .card-action {
  padding: 8px 8px 8px 8px;
  border: 0px solid #F3F6FF;
  overflow: hidden;
}
.cards-container.cards-mode .card .card-action .card-action-1 {
  display: inline-block;
  float: none !important;
  width: 100% !important;
}
.cards-container.cards-mode .card .card-action .card-action-1 a {
  width: 100%;
}
.cards-container.cards-mode .card .card-action.card-action-flex .gauge-container {
  width: 50%;
  float: left;
}
.cards-container.cards-mode .card .card-action.card-action-flex .ranking-container {
  width: 50%;
  float: right;
}
.cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper {
  transform: translateY(48px);
}
.cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
}
.cards-container.list-mode .card {
  height: 160px !important;
  width: 100% !important;
  min-width: 100% !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 5px !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card {
    height: 186px !important;
  }
}
.cards-container.list-mode .card .card-content {
  padding: 0px 8px !important;
  height: 60px !important;
  max-height: 60px !important;
}
.cards-container.list-mode .card .card-content h3 {
  padding: 0;
  margin: 0;
  height: 56px !important;
  max-height: 56px !important;
}
.cards-container.list-mode .card .card-stacked {
  padding: 0 8px 0 0;
}
.cards-container.list-mode .card .card-stacked .card-sides {
  display: flex;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left {
  width: 140px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left {
    width: 25%;
    display: inline-block;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
  height: 118px;
  width: 140px;
  background-color: #C8CAD7;
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  float: left;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
    float: none;
    height: 140px;
    width: auto;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
  display: flex;
  margin: 8px 8px 8px 0;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
    display: inline-block;
    margin: 8px 8px 0 0;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
    margin-left: 0;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn-medium {
  -webkit-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  -moz-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container {
  display: inline-block;
  margin: 0 auto;
  width: inherit;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper {
  transform: translateY(8px);
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper .chip {
  margin-right: 0;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  z-index: 1;
  padding: 0px;
  object-fit: cover;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
  position: absolute;
  z-index: -1;
  height: 158px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
    position: absolute;
    z-index: -1;
    height: 184px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
  padding: 8px 8px 8px 8px;
  display: inline-grid;
}
@media (min-width: 599px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
    display: block;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content h4 {
  padding: 0;
  margin: 0 0 8px 0;
  font-weight: 400;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right {
  width: 58%;
}
@media (min-width: 400px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 69%;
    float: none;
    max-width: 425px;
  }
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 75%;
    display: inline-block;
    float: right;
    padding-top: 8px;
    max-width: none;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  display: inline-block;
  width: 100%;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  padding: 8px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action a {
  text-transform: none !important;
  margin-right: 8px;
}
@media (min-width: 990px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 {
  width: 30% !important;
  display: flex;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .gauge-container {
  width: 50%;
  float: left;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container {
  width: 50%;
  float: right;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
  transform: translateY(8px);
  display: none;
}
@media (min-width: 990px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
    display: inline-block;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 {
  width: 70% !important;
  padding-top: 8px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons {
  margin-top: 8px;
  float: right;
  width: 190px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-low i {
  color: #484A55;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
  float: left;
  width: 120px;
}
@media (min-width: 990px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
    width: 76px;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-right {
  float: right;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li {
  list-style: none;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-top .chip-rate i {
  color: #FFB74D;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
  margin-top: 8px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
    margin-top: 0px;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .progressbar-container {
  margin-top: 8px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .card-action {
  padding: 0;
  transform: translateY(-4px);
}

.pagination li a {
  color: #5f5f5f;
  display: inline-block !important;
  font-size: 1.2rem !important;
  padding: 0 10px !important;
  line-height: 30px !important;
}

.pagination li {
  display: inline-block !important;
  border-radius: 2px !important;
  text-align: center !important;
  vertical-align: top !important;
  height: 30px !important;
  z-index: -1 !important;
}

.c-500-color {
  color: #80BBDF;
}

.c-900-color {
  color: #02437D;
}

.justify-content-between {
  justify-content: space-between;
}

.text-primary-h1 {
  color: black;
  font-size: 16px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}

.message-tools {
  background-color: #C25B00;
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.message-tools span {
  color: white;
  font-size: 16px;
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
}

.evaluacion-360 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.5rem;
  border-bottom: 1px solid #ddd;
}
.evaluacion-360 .titulo {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
}
.evaluacion-360 .navegacion {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.evaluacion-360 .navegacion .icono {
  margin-top: 15px;
  font-size: 1.4rem;
  cursor: pointer;
  transition: color 0.3s;
}
.evaluacion-360 .navegacion .icono:hover {
  color: #02437D;
}
.evaluacion-360 .navegacion .icono.disabled {
  opacity: 0.3;
  cursor: default;
  color: #ccc;
}
.evaluacion-360 .navegacion .pagina {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  font-weight: bold;
  font-size: 1rem;
  min-width: 6em;
  justify-content: center;
}
.evaluacion-360 .navegacion .pagina .numero-pagina {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  border: 1px solid #02437D;
  border-radius: 4px;
  margin-top: 0px;
  background-color: #02437D !important;
  color: #FFFFFF !important;
  appearance: textfield;
}
.evaluacion-360 .navegacion .pagina .numero-pagina::-webkit-inner-spin-button, .evaluacion-360 .navegacion .pagina .numero-pagina::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.evaluacion-360 .navegacion .pagina .total-paginas {
  margin-top: 8px;
  font-size: 1rem;
  width: 40px;
  height: 40px;
  color: #02437D;
  margin-left: 0.3rem;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.2rem 1.5rem;
  border-radius: 4px;
  min-width: 3rem;
}
.evaluacion-360 .navegacion .btn-navegacion {
  margin-top: 8px;
}
.evaluacion-360 .navegacion .btn-navegacion.activo {
  background: #02437D;
  color: #fff;
}

.date-card-incidencias {
  display: flex;
  justify-content: right;
  margin-bottom: 8px;
}

.title-card-incidencias {
  display: flex;
}
.title-card-incidencias .height-text {
  height: 60px;
}
.title-card-incidencias .incidencias-q-blue {
  background-color: #02437D;
  min-width: 32px;
  height: 32px;
  border-radius: 5px;
  color: #fff;
  margin-right: 8px;
}
.title-card-incidencias .incidencias-q-blue span {
  margin-top: 4px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-card-incidencias .incidencias-q-ambar {
  background-color: #C25B00;
  min-width: 32px;
  height: 32px;
  border-radius: 5px;
  color: #fff;
  margin-right: 8px;
}
.title-card-incidencias .incidencias-q-ambar span {
  margin-top: 4px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-text p {
  color: black;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}

.avatar-section-incidencias {
  display: flex;
  margin-top: 16px;
  margin-bottom: 15px;
}
.avatar-section-incidencias .avatar-q {
  margin-right: 8px;
}
.avatar-section-incidencias .section-text .text-1 {
  color: #595C5E;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 500;
  line-height: 16px;
  word-wrap: break-word;
}
.avatar-section-incidencias .section-text .text-2 {
  color: #595C5E;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 16px;
  word-wrap: break-word;
}

.text-3-incidencias {
  color: black;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  height: 60px;
}

.header-modal-incidencias {
  display: flex;
}
.header-modal-incidencias .incidencias-q-ambar {
  background-color: #C25B00;
  min-width: 32px;
  height: 32px;
  border-radius: 5px;
  color: #fff;
  margin-right: 8px;
}
.header-modal-incidencias .incidencias-q-ambar span {
  margin-top: 4px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-modal-incidencias .section-header .text-01 {
  color: #595C5E;
  font-size: 12px;
  font-family: Poppins;
  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word;
}
.header-modal-incidencias .section-header .text-02 {
  color: #595C5E;
  font-size: 12px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}

.content-modal .text-title {
  color: #595C5E;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
}
.content-modal .text-description {
  color: black;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}

.collapsible-form {
  margin: 24px 0;
  padding: 8px 0;
}
.collapsible-form .collapsible-form-list {
  margin-top: 24px;
}
.collapsible-form .collapsible-form-list ul {
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.collapsible-form .collapsible-form-list ul .block-list-item {
  margin-bottom: 0px !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item:hover {
  text-decoration: none !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header {
  justify-content: space-between;
  padding: 16px 0;
  display: flex;
  color: #080B17;
  border-bottom: 0px solid #E9EBF9 !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num {
  flex: 5;
  width: 90%;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num span {
  padding: 4px 5px 5px 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num .digits-2 {
  padding: 6px 7px;
  font-size: 12px;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num .digits-3 {
  padding: 7px 6px;
  font-size: 10px;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num a {
  text-decoration: none !important;
  font-size: 14px !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header i {
  margin: 0 !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-body {
  padding: 16px 0;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-body .character-counter {
  display: none !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .list-line {
  height: 12px;
  background: #080B17;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(15px, 1px);
}
.collapsible-form .collapsible-form-list ul .unread .block-list-num span {
  color: #81838F !important;
  border: 2px solid #81838F !important;
}
.collapsible-form .collapsible-form-list ul .unread .block-list-num a {
  color: #81838F !important;
}
.collapsible-form .collapsible-form-list ul .unread .block-list-num .list-line {
  background: #81838F !important;
}
.collapsible-form .collapsible-form-list ul .active .block-list-num span {
  color: #FF9800 !important;
  border: 2px solid #FF9800 !important;
}
.collapsible-form .collapsible-form-list ul .active .block-list-num a {
  color: #FF9800 !important;
}
.collapsible-form .collapsible-form-list ul .active .block-list-num .list-line {
  background: #FF9800 !important;
}

.filters_modal {
  max-height: 90% !important;
}
.filters_modal .modal-header a {
  max-width: 105px;
  transform: translateY(-10px);
  padding: 0;
}
@media (min-width: 600px) {
  .filters_modal .modal-header a {
    max-width: none;
    width: auto;
    padding: 0 16px;
  }
}
.filters_modal .modal-content .modal-tabs {
  height: auto !important;
  max-width: 310px !important;
}
.filters_modal .modal-content .modal-tabs ul li a {
  max-width: 100px;
}
@media (min-width: 600px) {
  .filters_modal .modal-content .modal-tabs ul li a {
    max-width: 120px;
  }
}
.filters_modal .modal-content .modal-checks {
  height: auto !important;
  max-height: 400px !important;
  min-height: 140px !important;
}
.filters_modal .modal-content .modal-checks .modal-checks-container {
  height: auto !important;
  max-height: 400px !important;
  min-height: 140px !important;
}
@media (min-width: 600px) {
  .filters_modal .modal-content .modal-checks .modal-checks-container {
    max-height: 220px;
    min-height: 140px !important;
  }
}
.filters_modal .modal-content .modal-checks .modal-checks-container .input-field {
  margin-top: 8px;
  margin-bottom: 8px;
}
.filters_modal .modal-content .modal-checks .modal-checks-container .input-field p {
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .filters_modal .modal-content .modal-checks .modal-checks-container .input-field p label span {
    max-width: 90% !important;
  }
}
@media (min-width: 800px) {
  .filters_modal .modal-content .modal-checks .modal-checks-container .input-field p label span {
    max-width: 90% !important;
  }
}
.filters_modal .modal-content .modal-content-chips .chips-container .chip .chip-text {
  max-width: 120px;
  float: left;
}

.title-view .title-container .title-actions .action-controls a.applied-filters {
  width: 90px;
  clear: inherit;
}
.title-view .title-container .title-actions .action-controls a.applied-filters .badge {
  margin-right: 8px;
  position: inherit;
  float: left !important;
  transform: translateY(5px);
  display: inline-block;
}
.title-view .title-container .title-actions .action-controls a.applied-filters i {
  font-family: "Material Icons" !important;
  margin-right: 0;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .action-controls a.applied-filters {
    width: auto;
    clear: inherit;
  }
}

.sidenav-overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
}

.sidebar {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  position: inherit;
  margin-bottom: 0 !important;
}
@media (min-width: 600px) {
  .sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.sidebar-empty {
  background-color: #F5F5F5;
  overflow-x: hidden;
  overflow-y: hidden;
}

.sidenav2 {
  width: 407px !important;
}

.sidenav-trigger-btn {
  bottom: 16px;
  position: sticky;
  transform: translate(3px, -3px);
  background-color: white;
}

.siden-nav-overflow {
  overflow-y: auto !important;
}

.sidenav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: hidden;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

.content-nav-se {
  flex-grow: 1;
  height: 85vh;
  padding: 0 24px 24px 24px;
  position: relative;
  overflow-y: auto !important;
}

.content-nav-se02 {
  flex-grow: 1;
  height: 90vh;
  padding: 0 24px 24px 24px;
  position: relative;
  overflow-y: auto !important;
}

.scrollable-content {
  /* Estilos del contenido que puede hacer scroll */
  height: 70vh !important;
}

.fixed-buttons {
  position: fixed;
  bottom: 64px;
  left: 0;
  background-color: #ffffff;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.sidenav li {
  float: none;
  line-height: 8px !important;
}

.link i {
  transform: translateY(6px);
  margin-right: 8px;
}

.list-questions {
  padding-bottom: 24px;
}
.list-questions li:hover {
  text-decoration: none !important;
}
.list-questions li div.list-line {
  height: 12px;
  background: #080B17;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(15px, 1px);
}
.list-questions li a {
  text-decoration: none;
  padding-top: 5px;
}
.list-questions li a:hover {
  text-decoration: none !important;
}
.list-questions li .question-container {
  display: flex;
  padding: 24px;
  border-radius: 12px;
  border: 2px solid var(--Border-borderOpaque, #E8E8E8);
  background: var(--background-background-always-light, #FFF);
  margin: 24px;
}
.list-questions li .question-container span {
  padding: 4px 5px 5px 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.list-questions li .question-container .digits-2 {
  padding: 6px 7px;
  font-size: 12px;
}
.list-questions li .question-container .digits-3 {
  padding: 7px 6px;
  font-size: 10px;
}
.list-questions li .question-container .question-number {
  padding: 3px 7px 0px 7px;
}
.list-questions li .question-container .question-number i {
  font-size: 13px;
}
.list-questions li .question-container .question-child-1 {
  display: flex;
  align-items: center;
  cursor: move;
  cursor: grab;
}
.list-questions li .question-container .question-child-1 .link {
  font-size: 14px !important;
}
.list-questions li .question-container .question-child-2 {
  display: flex;
  align-items: center;
  width: 95%;
  color: #080B17;
}
.list-questions li .question-container .question-child-2 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
}
.list-questions li .question-container .question-child-3 {
  display: flex;
  align-items: center;
  width: 5%;
  color: #080B17;
}
.list-questions li .question-container .question-child-3 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
}
.list-questions li .correct-question .question-child-1 span {
  border: 2px solid #D1E7DD !important;
  background: #D1E7DD !important;
}
.list-questions li .correct-question .question-child-1 span i {
  color: #0F5132 !important;
  font-size: 15px;
}
.list-questions li .wrong-question .question-child-1 span {
  border: 2px solid #FFF0EE !important;
  background: #FFF0EE !important;
}
.list-questions li .wrong-question .question-child-1 span i {
  color: #DE1135 !important;
  font-size: 15px;
}
.list-questions li .partial-question .question-child-1 span {
  border: 2px solid #FFF3CD !important;
  background: #FFF3CD !important;
}
.list-questions li .partial-question .question-child-1 span i {
  color: #664D03 !important;
  font-size: 15px;
}
.list-questions li .pending-question .question-child-1 span {
  border: 2px solid #CFF4FC !important;
  background: #CFF4FC !important;
}
.list-questions li .pending-question .question-child-1 span i {
  color: #055160 !important;
  font-size: 15px;
}
.list-questions .last-child {
  margin-bottom: 0px !important;
}
.list-questions .last-child::after {
  content: "";
  height: 0px !important;
  border: 0px solid #080B17 !important;
}
.list-questions .active a {
  color: #FF9800 !important;
}
.list-questions .active i {
  color: #FF9800;
}
.list-questions .active span {
  color: #FF9800 !important;
  border: 2px solid #FF9800 !important;
}
.list-questions .active-step a {
  color: #FF9800 !important;
}
.list-questions .active-step i {
  color: #FF9800;
}
.list-questions .active-step span {
  color: #FF9800 !important;
  border: 2px solid #FF9800 !important;
}

.search-questions .input-field {
  margin-top: 8px !important;
}
.search-questions .input-field input {
  padding-left: 40px !important;
}
.search-questions .input-field .label-icon {
  position: absolute !important;
  transform: translateY(10px) !important;
}
.search-questions .input-field i {
  top: 10px !important;
  font-size: 24px !important;
}

.list-questions2 li:hover {
  text-decoration: none !important;
}
.list-questions2 li div.list-line2 {
  height: 12px;
  background: #080B17;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(29px, 1px);
}
.list-questions2 li a {
  text-decoration: none;
  padding-top: 0px;
}
.list-questions2 li a:hover {
  text-decoration: none !important;
}
.list-questions2 li .question-container2 {
  display: flex;
  width: 100%;
}
.list-questions2 li .question-container2 span {
  padding: 2px 9px;
  color: #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.list-questions2 li .question-container2 .question-child-4 {
  flex: 10;
  width: 90%;
}
.list-questions2 li .question-container2 .question-child-4 .link {
  font-size: 14px !important;
}
.list-questions2 li .question-container2 .question-child-5 {
  flex: 1;
  width: 10%;
  color: #080B17;
}
.list-questions2 li .question-container2 .question-child-5 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 10px);
}
.list-questions2 .last-child2 {
  margin-bottom: 0px !important;
}
.list-questions2 .last-child2::after {
  content: "";
  height: 0px !important;
  border: 0px solid #080B17 !important;
}
.list-questions2 .active a {
  color: #FF9800 !important;
}
.list-questions2 .active i {
  color: #FF9800;
}
.list-questions2 .active span {
  color: #FF9800 !important;
}

.father-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
}

.father-text2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
}

.child-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}

.cont-div {
  display: block;
  transform: translateY(-5px);
}

.merge-icon {
  margin: 8px;
}

.center-row-2text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  height: 30px;
}

.sidebar-resource {
  padding: 8px 0px;
}
.sidebar-resource .resource-close {
  display: block;
  overflow: hidden;
}
.sidebar-resource .resource-title {
  display: block;
}
.sidebar-resource .resource-title label {
  font-size: 18px !important;
  color: #5A5D68 !important;
  height: auto;
  max-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-resource .resource-title p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-resource .chips-sidebar {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-progressbar {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-buttons {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-buttons a {
  margin-right: 8px;
}
.sidebar-resource .sidebar-agenda {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-agenda ul {
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.sidebar-resource .sidebar-agenda ul li .collapsible-header {
  justify-content: space-between;
  padding: 16px 0;
}
.sidebar-resource .sidebar-agenda ul li .collapsible-header i {
  margin: 0px;
}
.sidebar-resource .sidebar-agenda ul li .collapsible-header i:active {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.sidebar-resource .sidebar-agenda ul .active i {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.sidebar-resource .sidebar-agenda ul .active .collapsible-body {
  padding: 16px 0;
}

.link i {
  transform: translateY(6px);
  margin-right: 8px;
}

.steps-container {
  margin: 24px 0;
}
.steps-container .list-steps li:hover {
  text-decoration: none !important;
}
.steps-container .list-steps li div.list-line {
  height: 12px;
  background: #A2A5B1 !important;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(15px, 1px);
}
.steps-container .list-steps li a {
  text-decoration: none;
  padding-top: 5px;
}
.steps-container .list-steps li a:hover {
  text-decoration: none !important;
}
.steps-container .list-steps li .step-container {
  display: flex;
}
.steps-container .list-steps li .step-container span {
  padding: 2px 9px;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container .list-steps li .step-container .digits-2 {
  padding: 5px 7px;
  font-size: 12px;
}
.steps-container .list-steps li .step-container .digits-3 {
  padding: 7px 6px;
  font-size: 10px;
}
.steps-container .list-steps li .step-container .question-number {
  padding: 3px 7px 0px 7px;
}
.steps-container .list-steps li .step-container .question-number i {
  font-size: 13px;
}
.steps-container .list-steps li .step-container .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container .list-steps li .step-container .question-child-1 .link {
  font-size: 14px !important;
}
.steps-container .list-steps li .step-container .question-child-2 {
  flex: 1;
  width: 10%;
  color: #81838F;
}
.steps-container .list-steps li .step-container .question-child-2 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
  color: #FFA726 !important;
}
.steps-container .list-steps .step-unread {
  margin-bottom: 0px !important;
}
.steps-container .list-steps .step-unread a {
  color: #A2A5B1 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container .list-steps .step-unread::after {
  content: "";
  height: 0px !important;
  border: 0px solid #81838F !important;
}
.steps-container .list-steps .step-unread .question-child-1 span {
  color: #81838F !important;
  border: 2px solid #81838F !important;
}
.steps-container .list-steps .step-active a {
  color: #FFA726 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container .list-steps .step-active i {
  color: #484A55 !important;
}
.steps-container .list-steps .step-active .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container .list-steps .step-active .question-child-1 span {
  padding: 2px 9px;
  color: #FFA726 !important;
  border: 2px solid #FFA726 !important;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container .list-steps .step-done a {
  color: #080B17 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container .list-steps .step-done i {
  color: #080B17 !important;
}
.steps-container .list-steps .step-done .question-child-1 span {
  padding: 2px 9px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}

.steps-container2 {
  margin: 24px 0;
}
.steps-container2 .list-steps2 li:hover {
  text-decoration: none !important;
}
.steps-container2 .list-steps2 li div.list-line2 {
  height: 12px;
  background: #080B17 !important;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(29px, 1px);
}
.steps-container2 .list-steps2 li a {
  text-decoration: none;
  padding-top: 5px;
}
.steps-container2 .list-steps2 li a:hover {
  text-decoration: none !important;
}
.steps-container2 .list-steps2 li .step-container2 {
  display: flex;
}
.steps-container2 .list-steps2 li .step-container2 span {
  padding: 2px 9px;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container2 .list-steps2 li .step-container2 .digits-2 {
  padding: 5px 7px;
  font-size: 12px;
}
.steps-container2 .list-steps2 li .step-container2 .digits-3 {
  padding: 7px 6px;
  font-size: 10px;
}
.steps-container2 .list-steps2 li .step-container2 .question-number {
  padding: 3px 7px 0px 7px;
}
.steps-container2 .list-steps2 li .step-container2 .question-number i {
  font-size: 13px;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-1 .link {
  font-size: 14px !important;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-2 {
  flex: 1;
  width: 10%;
  color: #81838F;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-2 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
  color: #FFA726 !important;
}
.steps-container2 .list-steps2 .step-unread {
  margin-bottom: 0px !important;
}
.steps-container2 .list-steps2 .step-unread a {
  color: #A2A5B1 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container2 .list-steps2 .step-unread::after {
  content: "";
  height: 0px !important;
  border: 0px solid #81838F !important;
}
.steps-container2 .list-steps2 .step-unread .question-child-1 span {
  color: #81838F !important;
  border: 2px solid #81838F !important;
}
.steps-container2 .list-steps2 .step-active a {
  color: #FFA726 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container2 .list-steps2 .step-active i {
  color: #484A55 !important;
}
.steps-container2 .list-steps2 .step-active .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container2 .list-steps2 .step-active .question-child-1 span {
  padding: 2px 9px;
  color: #FFA726 !important;
  border: 2px solid #FFA726 !important;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container2 .list-steps2 .step-done a {
  color: #080B17 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container2 .list-steps2 .step-done i {
  color: #080B17 !important;
}
.steps-container2 .list-steps2 .step-done .question-child-1 span {
  padding: 2px 9px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}

.header-collaps {
  justify-content: space-between;
  padding: 16px 0;
}

.left-collaps-m {
  margin-left: 32px !important;
}

.sidebar-subject {
  padding: 0 0 8px 0;
}
.sidebar-subject .sidebar-subject-header {
  width: 100%;
  height: 120px;
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image .sidebar-subject-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image .sidebar-subject-cover .sidebar-cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image .sidebar-subject-cover .sidebar-cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.sidebar-subject .sidebar-subject-header .subjet-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.sidebar-subject .sidebar-subject-header .subjet-no-image .subject-cover {
  background-color: transparent;
}
.sidebar-subject .sidebar-subject-header .subjet-no-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
}
.sidebar-subject .chips-sidebar {
  margin: 24px 0 0 0;
  display: block;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header .subject-header-left {
  flex: 2;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header .subject-header-right {
  flex: 1;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header .subject-header-right a {
  width: 60px;
  float: right;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda {
  margin: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul {
  margin-top: 0;
  list-style-type: none !important;
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li {
  list-style-type: none !important;
  text-decoration: none !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header {
  justify-content: space-between;
  padding: 16px 0;
  color: #080B17;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header .active {
  justify-content: space-between;
  padding: 16px 0;
  color: red !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header p {
  width: 95%;
  margin: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header i {
  margin: 0px;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header i:active {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-body {
  opacity: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active i {
  transform-origin: 0.6em 0.5em;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body {
  text-decoration: none !important;
  opacity: 1;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body:hover > a {
  text-decoration: none !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body {
  padding: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container {
  overflow: inherit;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .second-level {
  display: block;
  overflow: hidden;
  margin: 16px 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .second-level a {
  height: auto;
  width: 85%;
  float: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #81838F !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .second-level span {
  overflow: hidden;
  float: right;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .third-level {
  display: block;
  overflow: hidden;
  margin: 16px 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .third-level a {
  height: auto;
  width: 85%;
  float: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #81838F !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .third-level span {
  overflow: hidden;
  float: right;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-complete {
  padding: 0 2px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-complete i {
  transform: translate(-2px, -1px);
  font-size: 16px;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress {
  position: relative;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress svg {
  position: relative;
  width: 21px;
  height: 21px;
  transform: rotate(-90deg);
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress svg circle {
  width: 21%;
  height: 21%;
  fill: none;
  stroke: rgba(106, 108, 125, 0.6);
  stroke-width: 4;
  stroke-linecap: round;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress svg circle:last-of-type {
  stroke-dasharray: 50px;
  stroke-dashoffset: calc(50px - 50px * var(--percent) / 100);
  stroke: #29B6F6;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-indicator {
  position: relative;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-indicator i {
  color: #FF9800;
  transform: none;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled {
  cursor: default;
  pointer-events: none;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-header {
  cursor: default;
  pointer-events: none;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-header p {
  color: #DBDEEB;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-header i {
  color: #DBDEEB;
  transform: rotate(0deg);
  transform-origin: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-body {
  display: none !important;
}
.sidebar-subject .subject-edit-button {
  margin: 16px 0;
  display: block;
}

.col-noline {
  border-bottom: 1px solid #ffffff;
}

.check-activity {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
  transform: translateY(6px);
}
.check-activity i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.check-certfi {
  padding: 0 5px;
  color: #fff;
  cursor: pointer;
  border: 2px #5A5D68;
  background-color: #5A5D68;
  border-radius: 50%;
  font-weight: bolder;
  height: 25px;
  width: 25px;
  transform: translateY(0px);
}
.check-certfi i {
  transform: translate(0px, 4px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #fff !important;
}

.check-certfi-add {
  padding: 0 5px;
  color: #fff;
  cursor: pointer;
  border: 2px #C8CAD7;
  background-color: #C8CAD7;
  border-radius: 50%;
  font-weight: bolder;
  height: 25px;
  width: 25px;
  transform: translateY(0px);
}
.check-certfi-add i {
  transform: translate(0px, 4px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #fff !important;
}

.check-activity2 {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
  transform: translateY(-11px);
}
.check-activity2 i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.active-activity {
  color: #FF9800 !important;
  transform: translateY(8px);
}

.checked-activty-modal {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 20%;
  font-weight: bolder;
  height: 32px;
  width: 32px;
  transform: translateY(6px);
}
.checked-activty-modal i {
  transform: translate(-3px, 2px);
  font-size: 24px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.unchecked-activty-modal {
  padding: 0 5px;
  color: #FF9800;
  border: 2px solid #FFF3E0;
  background-color: #FFF3E0;
  border-radius: 20%;
  font-weight: bolder;
  height: 32px;
  width: 32px;
  transform: translateY(6px);
}
.unchecked-activty-modal i {
  transform: translate(-3px, 2px);
  font-size: 24px !important;
  transform-origin: 0 !important;
  color: #080B17 !important;
}

.unchecked-activty-modal2 {
  padding: 0 5px;
  color: #FF9800;
  border: 2px solid #FFF3E0;
  background-color: #FFF3E0;
  border-radius: 20%;
  font-weight: bolder;
  height: 32px;
  width: 32px;
  transform: translateY(-11px);
}
.unchecked-activty-modal2 i {
  transform: translate(-3px, 2px);
  font-size: 24px !important;
  transform-origin: 0 !important;
  color: #080B17 !important;
}

.check-table {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  margin-left: 45%;
  margin-right: 45%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
}
.check-table i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.unckeked {
  padding: 0 5px;
  color: #2A2D37;
  border-radius: 50%;
  margin-left: 45%;
  margin-right: 45%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
}
.unckeked i {
  transform: translate(-3px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #2A2D37 !important;
}

.rotate-none {
  transform: none !important;
}

.slider-container {
  max-width: 580px;
  width: auto;
  margin: 8px auto;
  padding: 0;
  background-color: #FFFFFF;
}
.slider-container ul, .slider-container li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-container .slider {
  position: relative;
  max-width: 580px;
  max-height: 580px;
}
.slider-container .slider li {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
  width: inherit;
  height: inherit;
  background-color: #FFFFFF;
  transition: opacity 0.5s;
  text-align: center;
}
.slider-container .slider li .slider-info {
  padding: 0 8px;
  max-width: 580px;
  width: 100%;
  color: #484A55;
  background-color: #FFFFFF;
  text-decoration: none;
  text-align: left;
}
.slider-container .slider li .slider-info label {
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: justify;
}
.slider-container .slider li .slider-info p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: justify;
}
.slider-container .slider li img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  margin-top: 8px;
}
.slider-container .slider li video {
  width: 100%;
  height: 300px;
  object-fit: cover;
  margin-top: 8px;
}
.slider-container .slider li:first-child {
  opacity: 1;
  display: block;
}
.slider-container .slider li:target {
  opacity: 1;
  display: block;
}
.slider-container .slider li a {
  margin: 16px 0;
}
.slider-container .slider-dots {
  margin: 8px auto;
  width: max-content;
  text-align: center;
}
.slider-container .slider-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
}
.slider-container .slider-dots li a {
  display: inline-block;
  text-decoration: none;
  background-color: #81838F;
  padding: 4px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  text-indent: -9999999px;
}
.slider-container .slider-dots li .active {
  background-color: #03A9F4 !important;
}
.slider-container .slider-dots li .active:active, .slider-container .slider-dots li .active:focus, .slider-container .slider-dots li .active:target, .slider-container .slider-dots li .active:hover {
  background-color: #03A9F4 !important;
}

.chips-container-slider {
  max-width: 380px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-type: mandatory;
  display: flex;
  box-shadow: inset -4px 0px 5px 0px rgb(255, 255, 255);
}
.chips-container-slider::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.chips-container-slider .chip, .chips-container-slider .chip-name {
  box-sizing: content-box;
  flex: none;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0 0;
  -webkit-scroll-snap-coordinate: 0 0;
  display: block;
  min-width: 0;
  margin: 0 5px 5px 0 !important;
  max-width: none !important;
  min-width: none !important;
}
.chips-container-slider .chip-name > img {
  width: 20px;
}

.avatars-container-slider {
  max-width: 380px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-type: mandatory;
  display: flex;
  box-shadow: inset -4px 0px 5px 0px rgb(255, 255, 255);
}
.avatars-container-slider::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.avatars-container-slider .avatar {
  box-sizing: content-box;
  flex: none;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0 0;
  -webkit-scroll-snap-coordinate: 0 0;
  display: block;
  min-width: 0;
  margin: 0 5px 0 0 !important;
}

.chips-container-slick {
  max-width: 380px;
}
.chips-container-slick .slack-list {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.chips-container-slick .slack-list .slick-track .slick-slide {
  width: initial !important;
}
.chips-container-slick .draggable {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0px solid transparent !important;
  cursor: grab;
  height: 35px !important;
}
.chips-container-slick .draggable .slick-track .slick-slide {
  width: initial !important;
}
.chips-container-slick .draggable .slick-track .chip, .chips-container-slick .draggable .slick-track .chip-name {
  box-sizing: content-box;
  flex: none;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0 0;
  -webkit-scroll-snap-coordinate: 0 0;
  display: block;
  min-width: 0;
  margin: 0 5px 5px 0 !important;
  max-width: none !important;
  min-width: none !important;
}
.chips-container-slick .draggable .slick-track .chip:focus, .chips-container-slick .draggable .slick-track .chip-name:focus {
  color: inherit !important;
  background-color: inherit !important;
}
.chips-container-slick .draggable .slick-track .chip-name > img {
  width: 20px !important;
}

.bottomnav {
  margin: 0;
  height: 80px;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: white;
}
.bottomnav ul {
  display: flex;
  height: 80px;
  margin: 0px;
  align-items: stretch;
  padding-top: 8px;
}
.bottomnav ul li {
  flex: 1;
  text-align: center;
}
.bottomnav ul li:hover {
  text-decoration: none !important;
}
.bottomnav ul li a {
  color: #080B17;
  text-decoration: none !important;
  height: 100%;
  display: block;
  padding: 16px 0;
}
.bottomnav ul li a:hover {
  text-decoration: none !important;
}
.bottomnav ul li a i {
  display: block;
  font-size: 24px;
}
.bottomnav ul li a label {
  font-size: 14px;
  font-weight: 400;
}
.bottomnav ul li.disabled {
  background-color: #F3F6FF !important;
  cursor: none !important;
}
.bottomnav ul li.disabled a {
  color: #C8CAD7 !important;
  cursor: none !important;
}
.bottomnav ul li.disabled a i {
  color: #C8CAD7 !important;
}
.bottomnav ul li .question-button {
  display: flex;
  line-height: 1;
}
.bottomnav ul li .question-button span {
  flex: 1;
}
.bottomnav ul li .question-button span i {
  display: inline-block;
  float: left;
}
.bottomnav ul li .question-button .question-button-number {
  text-align: right;
  padding-right: 8px;
  transform: translateY(4px);
}
.bottomnav ul li .question-button label {
  display: block;
  line-height: 1;
}

footer {
  position: fixed;
  bottom: 0px;
  display: block;
  width: 100%;
}

.footer {
  height: 32px;
  min-height: 32px;
  background-color: #F3F6FF;
  padding: 0 16px;
  margin: 0 !important;
}
.footer ul {
  list-style: none;
  padding: 6px 0 0 16px;
  margin: 0;
}
.footer ul li {
  line-height: normal;
  display: inline-block;
  float: left;
  padding-right: 16px;
  color: #5A5D68;
}
.footer ul li:hover {
  text-decoration: none;
}
.footer ul li a {
  color: #5A5D68;
}

.header {
  height: 64px;
  min-height: 64px;
  width: 100%;
  z-index: 1;
  margin-bottom: 0px;
}
.header nav {
  padding-left: 88px;
  height: 64px;
  min-height: 64px;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0px 1px 5px 0px rgb(233, 235, 249);
  -moz-box-shadow: 0px 1px 5px 0px rgb(233, 235, 249);
  box-shadow: 0px 1px 5px 0px rgb(233, 235, 249);
}
.header nav div .nav-wrapper .brand-container {
  width: 180px;
  height: 64px;
  float: left;
}
.header nav div .nav-wrapper .brand-container .sidenav-trigger {
  height: 64px;
  min-height: 64px;
  color: #080B17;
}
.header nav div .nav-wrapper .brand-container .sidenav-trigger:hover {
  text-decoration: none;
}
.header nav div .nav-wrapper .brand-container .sidenav-trigger i {
  height: 64px;
  min-height: 64px;
  line-height: 64px;
}
.header nav div .nav-wrapper .brand-container .brand-logo {
  margin-top: 8px;
  left: 124px;
}
@media (min-width: 992px) {
  .header nav div .nav-wrapper .brand-container .brand-logo {
    left: 16px;
  }
}
.header nav div .nav-wrapper .tabs {
  display: none;
  width: inherit !important;
  height: 64px;
  left: 32px;
}
.header nav div .nav-wrapper .tabs .tab {
  height: 64px;
  min-height: 64px;
  line-height: 62px;
  text-decoration: none;
}
.header nav div .nav-wrapper .tabs .tab:hover {
  text-decoration: none;
}
.header nav div .nav-wrapper .tabs .tab a {
  font-size: 14px;
  font-weight: 300;
  color: #5A5D68;
  padding: 0 8px;
}
@media (min-width: 1060px) {
  .header nav div .nav-wrapper .tabs .tab a {
    padding: 0 16px;
  }
}
@media (min-width: 1200px) {
  .header nav div .nav-wrapper .tabs .tab a {
    padding: 0 24px;
  }
}
.header nav div .nav-wrapper .tabs .tab a:hover {
  color: #FF9800;
  text-decoration: none;
  text-transform: none;
  border-bottom: 2px solid #FF9800;
}
.header nav div .nav-wrapper .tabs .tab a .active {
  color: #FF9800 !important;
  border-bottom: 2px solid #FF9800;
}
.header nav div .nav-wrapper .tabs .tab .tabs-transparent .indicator {
  color: #FF9800;
}
@media (min-width: 992px) {
  .header nav div .nav-wrapper .tabs {
    display: inline-block;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content li {
    min-height: 28px !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content li a {
    text-decoration: none;
    line-height: 28px !important;
    color: #5A5D68 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled-section {
    text-decoration: none;
    line-height: 28px !important;
    color: #CCCCCC !important;
    display: flex;
    justify-content: space-between;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled-section:hover {
    background-color: none !important;
    text-decoration: none !important;
    font-weight: 300 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .active {
    background-color: #FFF3E0 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .active a {
    font-weight: 400 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled {
    background-color: transparent !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled:hover {
    background-color: transparent !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled a {
    color: #C8CAD7 !important;
    cursor: none;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .ul-title {
    padding: 8px 8px 0 8px;
    margin: 0;
    line-height: 1.5;
    height: 10px !important;
    cursor: text;
    min-height: 28px !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .ul-title:hover {
    background-color: #FFFFFF !important;
    text-decoration: none;
    cursor: text;
  }
}
.header nav div .user-controls {
  height: 64px;
  min-height: 64px;
  line-height: 64px;
}
.header nav div .user-controls li {
  height: 64px;
  min-height: 64px;
  line-height: 64px;
  padding: 12px 0;
  color: #080B17;
}
.header nav div .user-controls li:hover {
  text-decoration: none;
}
.header nav div .user-controls li i {
  line-height: initial;
  padding: 12px 0;
  margin-left: 16px;
}
.header nav div .user-controls li .badge {
  height: 15px;
  width: 15px;
  font-size: 9px;
  text-align: center;
  padding-top: 1px;
  font-weight: 500;
  margin: 0;
  line-height: 1.5;
  position: absolute;
  top: 0;
  transform: translate(33px, 33px);
  box-shadow: 0 0 0 3px #FFFFFF;
}
.header nav div .user-controls li .dropdown-notifications {
  top: 64px !important;
  min-width: 320px;
  min-height: 400px;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications {
  padding: 8px;
  display: flex;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .title-notifications {
  flex: 1;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .title-notifications label {
  font-size: 14px !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .clear-notifications {
  flex: 2;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .clear-notifications a {
  margin: 0;
  float: right;
  font-size: 14px !important;
  padding: 12px 0;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .clear-notifications a i {
  margin-left: 0;
  transform: translateY(-6px);
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul {
  padding: 8px;
  max-height: 250px;
  height: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
  max-width: 340px !important;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul li {
  min-height: 30px;
  height: auto;
  padding: 8px;
  margin: 0;
  border-bottom: 1px solid;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul li:hover {
  background-color: #FFFFFF !important;
  text-decoration: none;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul li a {
  margin: 0;
  padding: 0;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul li a:hover {
  background-color: #FFFFFF !important;
  text-decoration: none;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul li a p {
  margin: 0;
  padding: 0;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul li a .notification-title {
  font-size: 16px;
  font-weight: 600;
  color: #484A55;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications {
  display: flex;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .center-notifications {
  flex: 4;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .center-notifications a:hover {
  background-color: #FFF3E0;
  text-decoration: none;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications {
  flex: 1;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications a {
  text-decoration: none;
  color: #080B17;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications a:hover {
  text-decoration: none;
  background-color: #FFF3E0;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications a i {
  transform: translateY(8px);
}
.header nav div .user-controls li .dropdown-apps {
  top: 64px !important;
}
.header nav div .user-controls li .dropdown-usermenu {
  top: 64px !important;
  min-width: 320px;
  overflow: hidden;
  height: 250px;
  width: 30% !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu {
  padding: 8px;
  display: flex;
  height: auto;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-pic {
  flex: 0;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info {
  flex: 3;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info label {
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: normal;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info p {
  margin: 14px 0;
  padding: 0;
  height: inherit;
  line-height: normal;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info a {
  margin: 8px 0;
  padding: 0 !important;
  height: inherit;
  line-height: normal !important;
  font-size: 14px !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info a:hover {
  background-color: transparent;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info .usermenu-name {
  font-size: 16px;
  font-weight: 600;
  color: #484A55;
}
.header nav div .user-controls li .dropdown-usermenu .body-usermenu {
  padding: 0px;
}
.header nav div .user-controls li .dropdown-usermenu .body-usermenu ul li {
  float: none;
  height: auto;
  width: auto;
  line-height: normal;
  min-height: inherit;
  padding: 0;
  margin: 0;
}
.header nav div .user-controls li .dropdown-usermenu .body-usermenu ul li a:hover {
  background-color: #FFF3E0 !important;
  text-decoration: none;
}
.header nav div .user-controls li .dropdown-usermenu .footer-usermenu {
  padding: 0px;
}
.header nav div .user-controls li .dropdown-usermenu .footer-usermenu ul li {
  float: none;
  height: auto;
  width: auto;
  line-height: normal;
  min-height: inherit;
  padding: 0;
  margin: 0;
}
.header nav div .user-controls li .dropdown-usermenu .footer-usermenu ul li a:hover {
  background-color: #FFF3E0 !important;
  text-decoration: none;
}
.header nav div .user-controls .cart-link a {
  margin: 0;
  padding: 0;
  transform: translate(4px, -4px);
}
.header nav div .user-controls .cart-link a i {
  margin: 0;
  padding: 0;
}
.header nav div .user-controls .cart-link a:hover {
  background: transparent;
}
.header .dropdown-header {
  top: 64px !important;
}
.header .dropdown-header li a {
  color: #080B17 !important;
}
.header .dropdown-header li a:hover {
  color: #080B17 !important;
  text-decoration: underline;
  border: none !important;
}
.header .sidenav {
  padding-top: 32px;
}
.header .sidenav a:hover {
  background-color: #FFF3E0;
}
.header .sidenav .active {
  background-color: #FFF3E0;
}

.header-slim {
  height: 64px;
  min-height: 64px;
  width: 100%;
  z-index: 9999;
}
.header-slim nav {
  height: 64px;
  min-height: 64px;
  background-color: #FFFFFF;
}
.header-slim a {
  display: inline-block;
}
.header-slim a h3 {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
}
.header-slim a i {
  display: inline-block;
  color: #080B17;
  transform: translateY(4px);
}

.header-tenant-btn {
  transform: translate(26px, 32px);
}

.header-logo-xpertme {
  transform: translate(16px, -4px);
}

.hr-tent {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
}

.cliente-font {
  font-size: 12px;
  transform: translate(-80px, 0px);
}

.cliente-font2 {
  font-size: 12px;
  transform: translate(-80px, 0px);
}

.inmg-brand {
  block-size: auto;
  aspect-ratio: 4/1;
  object-position: top center;
}

.row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-center-help1 {
  font-size: 24px;
  font-weight: 400;
}

.drop-helpus {
  overflow: hidden;
  width: 400px !important;
  height: 230px !important;
  line-height: 20px !important;
}
.drop-helpus .div-content-sus {
  display: flex !important;
}
.drop-helpus .s22h1 {
  width: 11% !important;
  display: initial;
  text-align: left;
}
.drop-helpus .s22h2 {
  width: 89% !important;
  text-align: left;
}
.drop-helpus .content-helpsss {
  padding-left: 16px !important;
}
.drop-helpus .content-helpsss p {
  margin: 0px !important;
  padding: 0px !important;
}

.p-title-help {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.p-only-text {
  font-size: 14px !important;
  width: 320px !important;
}

.lock-section {
  transform: translate(15px, 7px);
  font-size: 16px !important;
}

.toastr-color-pay {
  background-color: #81838F !important;
}

.toast-messagelong h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
}
.toast-messagelong p {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25px !important;
}

.div-involu {
  display: flex;
  justify-content: space-between;
}

.name-wid {
  width: 90% !important;
}

.tranl-name {
  transform: translate(0px, -13px);
}

.transle-icon {
  transform: translate(10px, 5px);
}

.dropdown-content {
  width: auto !important;
  border-radius: 4px !important;
  position: fixed !important;
  height: auto !important;
}
@media (min-height: 820px) {
  .dropdown-content {
    height: auto !important;
  }
}

.space-dep-kp02 {
  display: flex;
  justify-content: space-between;
  height: 35px;
}

.section-chips-header-menu {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: start;
  justify-content: left;
  left: -82px;
  top: -4px;
}
.section-chips-header-menu .chip {
  margin-top: 8px;
  margin-bottom: 8px;
}

.sidenav {
  padding-top: 0 !important;
}
.sidenav .brand-container {
  text-align: center;
  height: 64px;
  overflow: hidden;
  padding-top: 16px;
}
.sidenav .brand-container a {
  background-color: #FFFFFF !important;
}
.sidenav .brand-container a:hover, .sidenav .brand-container a:active {
  background-color: #FFFFFF !important;
}
.sidenav .collapsible li {
  min-height: 28px !important;
  line-height: 18px !important;
}
.sidenav .collapsible li .active {
  background-color: #FFFFFF !important;
}
.sidenav .collapsible li:hover {
  background-color: #FFFFFF !important;
  text-decoration: none;
}
.sidenav .collapsible li a {
  text-decoration: none;
  line-height: 28px !important;
  color: #FF9800 !important;
  padding-left: 16px !important;
}
.sidenav .collapsible li .overline {
  padding-left: 16px !important;
}
.sidenav .collapsible .collapsible-body ul {
  padding: 8 0px;
}
.sidenav .collapsible .collapsible-body ul a, .sidenav .collapsible .collapsible-body ul li {
  text-decoration: none !important;
  line-height: 24px !important;
  height: 32px !important;
}
.sidenav .collapsible .collapsible-body ul a:hover, .sidenav .collapsible .collapsible-body ul li:hover {
  text-decoration: none !important;
}
.sidenav .collapsible .collapsible-body ul a {
  padding-left: 24px !important;
}
.sidenav .collapsible .collapsible-body ul .active {
  text-decoration: none;
  line-height: 28px !important;
  color: #FF9800 !important;
  font-weight: bolder !important;
  background-color: #FFFFFF !important;
}
.sidenav .collapsible .collapsible-body ul .active {
  color: #FF9800;
  font-weight: 400;
}

.searchbar-header nav {
  background-color: #FFFFFF !important;
}
.searchbar-header nav input {
  width: 100% !important;
  color: #080B17 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 48px !important;
  border: 0px solid !important;
  border-color: inherit !important;
  font-size: 16px;
  border-radius: 0px !important;
}
.searchbar-header nav label {
  position: absolute !important;
}
.searchbar-header nav label i {
  color: #080B17 !important;
}

.buttons {
  float: none;
}
@media (min-width: 600px) {
  .buttons {
    float: right;
  }
}

.table-search {
  max-width: 100%;
  width: 100%;
  height: 36px;
  transform: translate(-12px, 46px);
}
.table-search .input-field {
  margin: 8px 0 0 0;
}
.table-search .input-field input {
  height: 44px;
  margin: 0px !important;
  transform: translateY(2px);
  padding-left: 40px !important;
  padding-right: 25px !important;
}
.table-search .input-field .label-icon {
  position: absolute !important;
  transform: translateY(12px) !important;
}
.table-search .input-field .material-icons {
  top: 7px !important;
  font-size: 24px !important;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  background-color: transparent;
  background: #E8E8E8 !important;
  border-radius: 0;
  outline: none;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
}

.w-100-zte {
  width: 100px;
}

.w-stre-23 {
  width: 280px !important;
}

.title-view {
  width: 100%;
  display: block;
  z-index: 1;
  height: 50px;
  background-color: #F6F6F6;
  padding: 0 16px;
  border-bottom: 1px solid #F3F6FF;
}
.title-view .row {
  margin: 0px;
  padding: 0px;
  height: 50px;
}
.title-view .title-container {
  width: 100%;
  padding-top: 13px;
  height: 50px;
  padding-left: 88px;
  position: absolute;
  z-index: 1;
}
.title-view .title-container .title-h1 {
  min-width: auto;
  display: inline-block;
  width: 40%;
}
@media (min-width: 600px) {
  .title-view .title-container .title-h1 {
    width: 30%;
  }
}
@media (min-width: 762px) {
  .title-view .title-container .title-h1 {
    width: 35%;
  }
}
@media (min-width: 990px) {
  .title-view .title-container .title-h1 {
    width: 35%;
  }
}
@media (min-width: 1200px) {
  .title-view .title-container .title-h1 {
    width: 50%;
  }
}
@media (min-width: 1300px) {
  .title-view .title-container .title-h1 {
    width: 50%;
  }
}
.title-view .title-container .title-h1 h1 {
  margin: 0px 0 0 0;
  font-size: 18px;
}
.title-view .title-container .title-actions {
  float: right;
}
.title-view .title-container .title-actions .buttons {
  float: none;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .buttons {
    float: right;
  }
}
.title-view .title-container .title-actions .table-search {
  max-width: 100%;
  width: auto;
  display: inline-block;
  height: 36px;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .table-search {
    max-width: 253px;
    width: auto;
    display: inline-block;
  }
}
.title-view .title-container .title-actions .table-search .input-field {
  margin: 0px;
}
.title-view .title-container .title-actions .table-search .input-field input {
  height: 36px;
  margin: 0px !important;
  padding-left: 40px !important;
  padding-right: 25px !important;
  transform: translateY(2px);
}
.title-view .title-container .title-actions .table-search .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.title-view .title-container .title-actions .table-search .input-field .material-icons {
  top: 7px !important;
  font-size: 20px !important;
  transform: translate(10px, 4px);
}
.title-view .title-container .title-actions .action-controls {
  display: inline-block;
  float: right;
  margin-bottom: 0px;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .action-controls {
    float: none;
    margin-bottom: 0px;
  }
}
.title-view .title-container .title-actions .action-controls a {
  width: 60px;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .action-controls a {
    width: auto;
    margin: 0;
    margin-right: 8px;
  }
}
.title-view .title-container .title-actions .action-controls a span .badge-status {
  display: inline-block !important;
  float: left !important;
  transform: translate(-4px, 14px) !important;
}
.title-view .title-container .title-actions .action-controls a.active {
  background-color: #FFF3E0 !important;
}
.title-view .title-container .title-actions .action-controls .dropdown-view {
  top: 105px !important;
  width: 320px !important;
  height: auto !important;
  z-index: 9997;
  position: absolute;
  padding: 16px 8px !important;
}
.title-view .title-container .title-actions .action-controls .dropdown-view .container-switch-view {
  margin-top: 16px;
}
.title-view .title-container .title-actions .action-controls .dropdown-view .container-switch-view div {
  display: inline-block;
}
.title-view .title-container .title-actions .action-controls .dropdown-view .container-switch-view .switch {
  margin-left: 8px;
}
.title-view .title-container .title-actions .dropdown-filter {
  top: 155px !important;
}

.title-card-search {
  font-size: 16px;
  font-weight: 700;
}

.active-card {
  color: #ff9800 !important;
  text-decoration: underline;
}

.divider-div {
  margin-bottom: 16px;
  margin-top: 16px;
}

.tabs-vertical .tabs {
  height: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: flex;
}
.tabs-vertical .tab a {
  text-align: left;
}
.tabs-vertical .tab .active {
  -moz-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  -webkit-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
  border-bottom: 3px solid #FF9800;
}
.tabs-vertical .tab :hover {
  border-bottom: 3px solid #FF9800;
}
.tabs-vertical .indicator {
  display: none;
}
.tabs-vertical .tab-content {
  display: block;
  /*  make tab content scrollable , by define height, then overflow: auto */
  height: auto;
  overflow: auto;
  overflow-y: auto;
  overflow-x: auto;
  /*  make tab content scrollable */
}
.tabs-vertical > .tab-content .active {
  display: block;
}

.space-activities {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.space-activities .activity-card {
  margin: 0;
}
.space-activities .activity-card .card-stacked {
  overflow: hidden;
}
.space-activities .activity-card .card-stacked .card-sides .card-left {
  width: 55%;
  display: inline-block;
  float: left;
}
.space-activities .activity-card .card-stacked .card-sides .card-left .card-content {
  padding: 8px;
}
.space-activities .activity-card .card-stacked .card-sides .card-left .card-content h4 {
  margin: 0;
}
.space-activities .activity-card .card-stacked .card-sides .card-left .card-action {
  border: 0px solid red;
  padding: 0px 8px;
  min-height: inherit;
  margin-bottom: 8px;
}
.space-activities .activity-card .card-stacked .card-sides .card-right {
  width: 45%;
  display: inline-block;
}
.space-activities .activity-card .card-stacked .card-sides .card-right .card-content {
  padding: 8px;
}

.collapsible li {
  list-style-type: none !important;
  text-decoration: none !important;
}
.collapsible li .collapsible-header {
  justify-content: space-between;
  background-color: #2A4E6E !important;
  color: #E8E8E8 !important;
  margin-top: 5px !important;
  padding-top: 12px !important;
  border-radius: 5px !important;
  padding-right: 24px;
}
.collapsible li .collapsible-header p {
  margin: 0;
}
.collapsible .active .collapsible-header i {
  transform-origin: 0.6em 0.5em;
}
.collapsible .active .collapsible-header .dont-rotate {
  transform: rotate(0deg);
  transform: none !important;
}

.space-content {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.progres-heigh {
  height: 500px !important;
}

.textimg {
  margin-top: 0px !important;
}

.audio-player .player-controls progress {
  width: 90%;
}
.audio-player .player-controls progress[value] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border-radius: 10px;
  height: 10px;
}
.audio-player .player-controls progress[value]::-webkit-progress-bar {
  background-color: rgb(201, 204, 250);
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
}
.audio-player .player-controls progress::-webkit-progress-value {
  background-color: #01579B;
}
.audio-player .player-controls p {
  font-size: 2.6rem;
}
.audio-player #play-btn {
  background-image: url("https://i.ibb.co/Xbh7rj1/outline-play-circle-white-24dp.png");
  background-size: cover;
  width: 32px;
  height: 32px;
  padding: 20px;
  margin-left: 10px;
  border-radius: 5px;
}
.audio-player #play-btn.pause {
  background-image: url("https://i.ibb.co/pwjrWCt/outline-pause-white-24dp.png");
}

.indicatormusicstart {
  float: left;
  position: relative;
  left: 0px;
}

.indicatormusicend {
  float: right;
  position: relative;
  right: 71px;
}

.text-audio {
  margin-left: 20px;
}

.card-audio {
  padding: 5px !important;
}

.col-no-padding {
  padding-left: 0px !important;
}

.font-time {
  font-size: 16px;
  font-weight: 500;
}

.color-div {
  background-color: #C8CAD7;
  padding: 5px;
}

.space-24dp {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.progress-p {
  padding: 16px !important;
  background-color: #f3f6ff !important;
}

.subtitle1 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #484A55;
}

.subtitle2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #2A2D37;
}

.consumo-content {
  border-left: 1px solid #E9EBF9;
  border-right: 1px solid #E9EBF9;
  padding-left: 16px;
}
.consumo-content .content-consumo .live-session .tables .table-title {
  width: auto;
}
.consumo-content .content-consumo .live-session .activities-header-block {
  padding: 8px 0;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header {
  width: 100%;
  height: 20vh;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image .activities-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image .activities-cover .cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image .activities-cover .cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-no-image .subject-cover {
  background-color: transparent;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-no-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
}
.consumo-content .content-consumo .row .items-space {
  height: 180px;
  display: block;
}
.consumo-content .content-consumo .card .card-action {
  min-height: 70px;
}
.consumo-content .content-consumo .card .card-action .card-actions-container {
  float: right;
  transform: translateY(6px);
}
.consumo-content .content-consumo .card .card-action .card-actions-container a {
  margin-right: 0 !important;
  margin-left: 24px !important;
}
.consumo-content .modal-resume-quiz .note {
  margin-top: 24px;
}
.consumo-content .modal-resume-quiz h4 {
  margin-top: 24px;
}
.consumo-content .modal-resume-quiz .quiz-results {
  margin-bottom: 0;
}
.consumo-content .modal-resume-quiz .tables {
  padding: 0;
  margin: 0;
}

.p-list {
  padding: 16px !important;
}

.iconmidaf {
  height: 350px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.pag-pre {
  display: block;
}

.pag-trans {
  transform: translateX(-45px);
}

.rate-star .div-cal {
  background-color: transparent;
}
.rate-star .div-cal .stars .active, .rate-star .div-cal .stars .active ~ li, .rate-star .div-cal .stars :hover, .rate-star .div-cal .stars :hover ~ li {
  color: #FB8C00;
}
.rate-star .pag-pre {
  display: flex;
  justify-content: space-between;
}
.rate-star .pag-pre p {
  flex: 1;
  padding-top: 24px;
}
.rate-star .pag-pre .paginator {
  flex: 1;
}
.rate-star .pag-pre .pag-trans {
  transform: none;
}
.rate-star .pag-pre .pag-trans .pagination {
  text-align: right;
}

.modal-content .rate-and-text .stars .active, .modal-content .rate-and-text .stars .active ~ li, .modal-content .rate-and-text .stars :hover, .modal-content .rate-and-text .stars :hover ~ li {
  color: #FB8C00;
}

.div-info {
  padding: 8px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}

.btn-fin {
  display: flex;
}

.current-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #000;
  cursor: pointer;
}

.carousel-normal {
  width: 600px !important;
  height: auto !important;
}

.sentence-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 0px;
}
@media (min-width: 600px) {
  .sentence-container {
    padding-left: 16px;
  }
}

.sentence-construction {
  margin-bottom: 80px;
}
.sentence-construction .card {
  border-radius: 5px;
  padding: 16px 0;
}
.sentence-construction .card .card-content {
  padding: 8px;
}
.sentence-construction .card .card-content h5 {
  margin: 0;
}
.sentence-construction .card .card-content .notes-container {
  margin: 24px 0 0 0;
}
.sentence-construction .card .card-content .oportunities-container {
  margin: 24px 0 0 0;
}
.sentence-construction .card .card-content .chips-container {
  margin: 24px 0 0 0;
}
.sentence-construction .card .card-content .sentence-list {
  margin: 24px 0 0 0;
  overflow: hidden;
}
.sentence-construction .card .card-content .sentence-list li {
  margin: 16px 0;
}
.sentence-construction .card .card-content .sentence-list li .sentence-number {
  border: 2px solid #484A55;
  text-indent: -99999999px;
  height: 20px;
  width: 20px;
  padding: 1px 6px;
  line-height: 0px;
  margin-right: 8px;
  border-radius: 100%;
}
.sentence-construction .card .card-content .sentence-list li .checked {
  text-indent: 0px;
  color: #FFFFFF;
  background-color: #29B6F6 !important;
  border: 2px solid #29B6F6 !important;
}
.sentence-construction .card .card-content .sentence-list li .success {
  text-indent: 0px;
  background-color: #D1E7DD;
  color: #0F5132;
  border: 2px solid #D1E7DD !important;
  padding: 3px 0px 0px 3px;
}
.sentence-construction .card .card-content .sentence-list li .success i {
  font-size: 15px;
  line-height: 0;
}
.sentence-construction .card .card-content .actions-container {
  margin: 24px 0 0 0;
}

.child-elementedit {
  display: none;
  position: fixed;
  right: calc(19% - 100px);
  top: calc(50% - 100px);
  width: 3%;
}

.card-element {
  display: inline-block;
  padding: 8px !important;
}

.alignment-options i {
  float: right !important;
}

.padding-iconedit {
  padding-left: 4px;
  padding-right: 4px;
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .child-elementedit {
    display: none;
    position: fixed;
    right: calc(15% - 100px);
    top: calc(50% - 100px);
    width: 1%;
  }
}
.divider-title {
  height: 10%;
  padding: 8px;
  border-radius: 5px;
}

.divide-text {
  margin: 16px;
}

.btn-leftconfig {
  margin-right: 8px;
}

.cal-text {
  margin-top: 5px;
  margin-bottom: 0px;
}

.no-margintb {
  margin-top: 0px;
  margin-bottom: 0px;
}

.space-exam {
  margin-top: 16px;
  margin-bottom: 16px;
}

.titlte-exam {
  display: flex;
}

.text-tieme {
  margin-top: 8px;
  margin-bottom: 0px;
  padding-left: 16px;
}

.space-uploadimage {
  margin-bottom: 0px;
}

.file-btn {
  margin-left: 8px;
  margin-right: 8px;
}

.input-flex {
  display: flex;
}

.input-flex-child {
  margin-right: 8px !important;
  padding: 18px !important;
}

.space-cardplan {
  padding-bottom: 8px !important;
  min-height: 170px;
}

.space-cardplan2 {
  padding-bottom: 8px !important;
  min-height: 90px;
}

.space-action-plan {
  padding-top: 0px !important;
}

.space-input {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.space-input2 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.input-nomargin {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.drag-item {
  padding: 0 0 6px 0;
  border: 1px dashed #03A9F4;
  color: #03A9F4 !important;
  font-size: 12px;
  border-radius: 5px;
}
.drag-item label {
  color: #03A9F4 !important;
}
.drag-item label i {
  padding-right: 4px;
  transform: translate(-4px, 7px);
}

.empty-subject {
  margin-top: 20px;
  padding: 10PX 0 16px 0;
  font-size: 12px;
  border-radius: 5px;
  display: block !important;
}
.empty-subject label i {
  padding-right: 4px;
  transform: translate(-4px, 7px);
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.btn-form-config {
  float: right;
  position: relative;
  bottom: 3.5rem;
  left: 9rem;
}

.btn-form-config-quill {
  float: right;
  position: relative;
  bottom: 5.5rem;
  left: 9rem;
}

.fixed-block {
  position: absolute;
  transform: translateX(-10px);
  width: -webkit-fill-available;
  margin-right: 1em;
}
.fixed-block .card-panel {
  padding: 8px 0px 0px 8px;
}
.fixed-block .card-panel .card-header-title {
  padding-right: 8px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #E9EBF9;
  height: auto;
  overflow: hidden;
}
.fixed-block .card-panel .card-header-title h4 {
  margin: 4px 0px;
}
.fixed-block .card-panel .card-header-title i {
  transform: translate(-7px, 7px);
}
.fixed-block .card-panel .card-content-charts-overflow-y {
  overflow-y: scroll;
  max-height: 45vh;
  overflow-x: hidden;
  padding-right: 8px !important;
}
.fixed-block .card-content-overflow-y {
  overflow-y: scroll;
  max-height: 38vh;
  overflow-x: hidden;
  padding-right: 16px !important;
}

.fixed-block2 {
  position: absolute;
  width: 40%;
  transform: translateY(-51px);
}

.right-btn {
  left: 370px;
}

.div-calificaciones {
  background: #FF9800;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 24px;
  border-radius: 5px;
}

.margin-col-edit {
  margin: 4px !important;
}

.input-child-s4 {
  width: 40% !important;
}

.p-text-input {
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 8px;
}

.heigh-input-quiz {
  height: 70px;
}

.no-margin-input-selecto {
  margin-top: -10px !important;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 8px;
  background-color: #ffcc80;
  padding: 10px;
  border-radius: 5px;
}
.grid-container > div {
  background-color: #fffdf9;
  text-align: center;
  border-radius: 5px;
}

.item-text-low {
  grid-column-end: span 1;
}

.item-text-medium {
  grid-column-end: span 2;
}

.item-text-long {
  grid-column-end: span 3;
}

.item-text-complete {
  grid-column-end: span 4;
}

.item-select-input {
  grid-column-end: span 1;
}

.space-action {
  padding-top: 8px;
}

.action-bottom {
  bottom: 5px !important;
  transform: translateY(5px);
}

.btn-more-vert {
  transform: translateY(5px);
  right: 0px !important;
}

.padding-no-collapsible {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.padding-container-no-collapsible {
  padding: 8px !important;
}

.select-buttons {
  display: flex;
  grid-column: 2;
}

.input-column {
  flex-grow: 1;
}

.input-column2 {
  flex-grow: 1;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.buttons-flex-column {
  transform: translateY(60px);
  padding-left: 20px;
}

.buttons-flex-column2 {
  transform: translateY(60px);
  padding-left: 20px;
  margin-top: 0px !important;
}

.buttons-flex-file-upload {
  transform: translateY(60px);
  padding-left: 20px;
}

.buttons-flex-file-upload2 {
  transform: translateY(160px);
  padding-left: 20px;
  display: flex;
}

.no-padding-right {
  padding-right: 0px !important;
}

.content-labs {
  display: flex;
}
.content-labs .labsv-landing-container {
  width: auto;
  margin: 0 auto;
}
.content-labs .labsv-landing-container canvas {
  width: 853px;
  height: 479.8125px;
}
.content-labs .labsv-landing-container canvas .labsv-landing {
  width: 853px;
  height: 479.8125px;
}

.tags-vista-plan {
  display: inline;
  width: auto;
  margin: 15px;
}

.box-chart {
  display: block;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  text-align: center;
}
.box-chart .gauge-container .gauge {
  margin: 24px auto 0 auto;
}
.box-chart .gauge-container .gauge .percentage {
  background-color: #F3F6FF;
}
.box-chart .gauge-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.box-chart .gauge-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.box-chart .gauge-container .gauge-chart-3 {
  background-color: #0277BD !important;
}

.verified-activity {
  color: #4CAF50;
}

.unread-activity {
  color: #664D03;
}

.showchips {
  height: auto;
}

.chipsshowing {
  display: none;
}

.card-pading {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 15px;
}

.active-rol {
  color: #FF9800;
}

.rol-docente {
  background-color: #FF9800;
  color: #FFFFFF;
}

.white-text-rol {
  color: #FFFFFF !important;
}

.lista-vertical {
  overflow: hidden;
}

.lista-horizontal {
  overflow: hidden;
}
.lista-horizontal .card .card-action {
  overflow: hidden;
}

.content-consumo {
  width: 60%;
  margin: 0 auto;
}
.content-consumo .items-space {
  height: 180px;
  display: block;
}

@media (max-width: 1366px) {
  .content-consumo {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .content-consumo {
    width: 90%;
    margin: 0 auto;
  }
}
.content-consumo2 {
  width: 70%;
  margin: 0 auto;
}
.content-consumo2 .items-space {
  height: 180px;
  display: block;
}

@media (max-width: 1366px) {
  .content-consumo2 {
    width: 65%;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .content-consumo2 {
    width: 75%;
    margin: 0 auto;
  }
}
.content-consumo3 {
  width: 90%;
  margin: 0 auto;
  transform: translateX(18px);
}
.content-consumo3 .items-space {
  height: 180px;
  display: block;
}

@media (max-width: 1366px) {
  .content-consumo3 {
    width: 75%;
    margin: 0 auto;
    transform: translateX(18px);
  }
}
@media (max-width: 900px) {
  .content-consumo3 {
    width: 85%;
    margin: 0 auto;
    transform: translateX(18px);
  }
}
.desc-alt {
  height: 140px;
}

.line-text-h {
  line-height: 40px;
}

.center-consumo-img {
  display: flex;
  justify-content: center;
}

.active-line-1 {
  border-right: 2px solid #FF9800;
  border-left: 2px solid #FF9800;
  border-top: 2px solid #FF9800;
}

.active-line-2 {
  border-right: 2px solid #FF9800;
  border-left: 2px solid #FF9800;
}

.active-line-3 {
  border-right: 2px solid #FF9800;
  border-left: 2px solid #FF9800;
  border-bottom: 2px solid #FF9800;
}

.card-chart-contaienr {
  padding: 0 16px;
  display: flex;
  height: 100%;
}
.card-chart-contaienr .gauge-container {
  flex: 1;
}
.card-chart-contaienr .gauge-container .gauge {
  margin: 0 auto;
}
.card-chart-contaienr .gauge-container .percentage {
  background-color: #F3F6FF;
}
.card-chart-contaienr .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.card-chart-contaienr .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.card-chart-contaienr .gauge-chart-3 {
  background-color: #0277BD !important;
}
.card-chart-contaienr .card-chart-text {
  flex: 2;
}

.transformed {
  transform: rotate(45deg);
  background-color: blue;
}

.name-sec123 {
  display: flex !important;
  justify-content: space-between !important;
}

.counter-quill {
  float: right;
  font-size: 12px;
}

.text-noFound {
  transform: translateY(-207px);
}

.card-dev-plan {
  height: 245px;
}

.character-counter {
  font-size: 12px !important;
  position: revert !important;
  float: right !important;
  justify-content: flex-end;
}

.center-element-get-started {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25vh;
}

.tutorial-steps-1 {
  background-color: #CFF4FC !important;
  color: #055160 !important;
}

.ol-1 {
  max-width: 350px;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
.ol-1 .li-1 {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.ol-1 .li-1::before {
  content: counter(my-awesome-counter);
  color: #055160;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: calc(-1 * 32px - 10px);
  line-height: 32px;
  width: 32px;
  height: 32px;
  top: 0;
  background: #CFF4FC;
  border-radius: 50%;
  text-align: center;
}

.title-p-sbs {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.hr-color {
  border-color: #DCDCDC !important;
}

.ol-1-a {
  max-width: 350px;
  padding-left: 40px;
}
.ol-1-a .li-1-a {
  margin: 0 0 0.5rem 0;
  position: relative;
  list-style: none;
}
.ol-1-a .li-1-a::before {
  content: "A";
  color: #055160;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: calc(-1 * 32px - 10px);
  line-height: 32px;
  width: 32px;
  height: 32px;
  top: 0;
  background: #CFF4FC;
  border-radius: 50%;
  text-align: center;
}

.md-32 {
  font-size: 32px !important;
}

.img-tenat {
  transform: translateY(-45px) !important;
  width: 85% !important;
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #9F6402 !important;
}

.content-cards-full {
  display: contents;
}

.lock-plan {
  transform: translateY(25px);
}

.deep-icon {
  transform: translateY(3px);
}

.badge-active {
  border-radius: 8px !important;
  min-width: 6rem !important;
  color: #0F5132 !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: 0px solid #0F5132 !important;
  background-color: #D1E7DD !important;
}

.badge-inactivo {
  border-radius: 8px !important;
  min-width: 6rem !important;
  color: #A2A5B1 !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background-color: #F3F6FF !important;
}

.badge-suspendido {
  border-radius: 8px !important;
  min-width: 11rem !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #664D03 !important;
  border: 0px solid #664D03 !important;
  background-color: #FFF3CD !important;
}

.badge-vencido {
  border-radius: 8px !important;
  min-width: 6rem !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #842029 !important;
  border: 0px solid #842029 !important;
  background-color: #F8D7DA !important;
}

.badge-habilitarse {
  border-radius: 8px !important;
  min-width: 8rem !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #055160 !important;
  border: 0px solid #055160 !important;
  background-color: #CFF4FC !important;
}

.color-card-ayuda-primary {
  background-color: #484A55 !important;
  border-radius: 10px;
}

.sourface-ayuda {
  background-color: #F5F5F5 !important;
}

.input-ayuda-color {
  background-color: #ffffff !important;
}

.input-ayuda-color-2 {
  background-color: #F5F5F5 !important;
}

.title-temas {
  display: flex;
  justify-content: space-between;
}
.title-temas a {
  transform: translateY(8px);
}

.title-card-atc {
  display: flex;
  justify-content: start;
  height: 32px;
}
.title-card-atc p {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-12px);
}

.title-card-atc-12 {
  display: flex;
  justify-content: start;
  height: 32px;
}
.title-card-atc-12 p {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 400;
  transform: translateY(-12px);
}

.text-final-ayuda {
  display: flex;
  justify-content: space-between;
}
.text-final-ayuda h4 {
  width: 800px;
}
.text-final-ayuda a {
  transform: translateY(32px);
}

.text-title-ayuda {
  display: flex;
  justify-content: space-between;
}
.text-title-ayuda a i {
  transform: translateY(24px);
}

.Update-rate {
  font-size: 14px;
  font-weight: 400;
  color: #81838F;
}

.subtitle3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.link-sn {
  display: flex;
}
.link-sn a {
  margin: 16px;
}

.header-title-sidebar-rught {
  display: flex;
  justify-content: space-between;
}
.header-title-sidebar-rught .dir-22 {
  display: flex;
}
.header-title-sidebar-rught .dir-22 p {
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-14px);
  padding-left: 8px;
  color: #81838F;
}
.header-title-sidebar-rught .dir-22 a {
  transform: translateY(-5px);
  color: #81838F;
}
.header-title-sidebar-rught .dir-22 i {
  color: #81838F;
}

.ul-options li {
  padding-bottom: 24px;
  padding-top: 8px;
}
.ul-options li a {
  color: #81838F !important;
}

.btn-add-user {
  transform: translate(0px, 42px);
  z-index: 999;
  position: relative;
}

.note-down {
  transform: translateY(27px);
}

.usermenu-email1 {
  width: 400px;
}

.usermenu-info1 {
  width: auto;
}

.usermenu-name1 {
  width: 400px;
}

.img-tenant {
  width: 100%;
  object-fit: contain;
  border-radius: 4px;
  block-size: auto;
  padding: 32px;
  aspect-ratio: 2/1;
  object-position: center;
}

.space-mail-resp {
  width: 250px !important;
}

.img-consumo-catalogo {
  height: 250px;
  object-fit: cover;
  width: inherit;
  border-radius: 5px;
  object-position: top center;
}

.control-info {
  display: flex;
  justify-content: center;
}
.control-info span {
  margin: 8px;
}

.sect-2 {
  transform: translate(0px, 9px);
}

.sect-3 {
  transform: translate(0px, 9px);
}

.z-depth-line {
  border: solid 1px;
}

.btn-add-element-table {
  position: relative;
  margin-left: 50%;
  transform: translate(0px, 217px);
}

.no-flex {
  display: flow !important;
}

.sidenav-title-notes {
  margin: 24px !important;
}

.close-btn-sidenav {
  transform: translate(10px, 12px);
}

.content-chip {
  display: flex;
  justify-content: flex-start;
}

.p-cont {
  margin-block: 8px !important;
}

.header-action {
  transform: translate(10px, 20px);
}

::placeholder {
  color: #2A4E6E !important;
}

.clean-btn-filter {
  transform: translate(4px, 5px);
}

.h1-filter {
  font-size: 24px;
  font-weight: 500;
}

.ico-restore {
  transform: translate(-4px, 12px);
}

.active-lec p, .active-lec i {
  transform: none !important;
  color: #9F6402;
}

.st32 {
  font-size: 20px;
  font-weight: 600;
}

.body-collpasible-compt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.body-collpasible-compt p {
  margin-top: 8px;
  margin-bottom: 8px;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem;
}

.terminado-flag {
  color: #2A4E6E;
}

.proceso-flag {
  color: #309F7D;
}

.pendiente-flag {
  color: #9F6402;
}

.vencida-flag {
  color: #928F88;
}

.state-active {
  color: #309F7D;
}

.state-delete {
  color: #DE1135;
}

.state-complete {
  color: #2A4E6E;
}

.no-back {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.hr-253 {
  border-left: 15px solid #2A4E6E;
  height: 65px;
  width: 0px;
  border-radius: 10px;
  transform: translate(-8px, -7px);
}

.conten-info {
  display: flex;
  justify-content: space-between;
}
.conten-info .hr-line-separator {
  width: 10% !important;
}
.conten-info .hr-line-separator .text-12-23 {
  width: 90% !important;
}
.conten-info .hr-line-separator .text-12-23 .text-porcent {
  font-size: 24px !important;
  font-weight: 700;
}
.conten-info .hr-line-separator .text-12-23 .text-kpi {
  font-size: 20px !important;
  font-weight: 400;
}

.link-st02 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.link-st02 .section-btn03 {
  display: flex;
  justify-content: space-between;
}

.dot-section {
  display: flex;
  margin-block: 6px;
}
.dot-section .dot-1 {
  width: 18px;
  height: 18px;
  background-color: #309F7D;
  border-radius: 4px;
  padding-right: 8px;
  margin-right: 8px;
}
.dot-section .dot-2 {
  width: 18px;
  height: 18px;
  background-color: #9F6402;
  border-radius: 4px;
  padding-right: 8px;
  margin-right: 8px;
}
.dot-section .dot-3 {
  width: 18px;
  height: 18px;
  background-color: #DE1135;
  border-radius: 4px;
  padding-right: 8px;
  margin-right: 8px;
}
.dot-section .dot-4 {
  width: 18px;
  height: 18px;
  background-color: #AAA8A3;
  border-radius: 4px;
  padding-right: 8px;
  margin-right: 8px;
}

.card-canvas-chart {
  height: auto;
}
.card-canvas-chart .col.s12 {
  display: grid;
  justify-content: center;
}
.card-canvas-chart .col.s12 .chart-01 {
  width: 150px;
  height: 150px;
}
.card-canvas-chart .col.s12 canvas {
  transform: translate(-7px, -2px);
}

.btn-header-title {
  display: flex;
  justify-content: space-between;
}
.btn-header-title .actvidades {
  width: 200px;
  transform: translate(-7px, -40px);
}

.section-activity {
  border-bottom: 1px solid #7b7b7b;
}
.section-activity label {
  font-size: 14px !important;
}
.section-activity .date-numer {
  font-size: 18px;
}
.section-activity .chip-section-flags {
  display: flex;
}
.section-activity .chip-section-flags .chip {
  margin-right: 16px;
}

.body-labels .input-field {
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

.card-rh-vc {
  padding: 0px;
  position: relative;
}
.card-rh-vc .header-sl p {
  margin: 0px;
  padding: 8px 0px 8px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #C8CAD7;
}
.card-rh-vc .content .noti-st01 {
  display: block;
  margin-top: 16px;
}
.card-rh-vc .content .noti-st01 p {
  margin: 0px;
}
.card-rh-vc .content .noti-st01 .text-001 {
  font-size: 14px;
  font-weight: 800;
}
.card-rh-vc .content .noti-st01 a {
  display: block;
  font-size: 14px !important;
  margin-bottom: 8px;
  font-weight: 400;
}
.card-rh-vc .content .noti-st01 .divisor {
  border-bottom: 1px solid #C8CAD7;
}
.card-rh-vc .content .generado-st01 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #C8CAD7;
}
.card-rh-vc .content .actions-st01 {
  float: inline-end;
  padding: 16px;
}
.card-rh-vc .content .item-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.card-rh-vc .content .item-center span {
  font-size: 70px;
}
.card-rh-vc .content .item-center p {
  font-size: 14px;
  font-weight: 700;
}
.card-rh-vc .content .item-center .calendar-st01 {
  display: flex;
  margin-bottom: 16px;
}
.card-rh-vc .content .item-center .calendar-st01 .first-section01 {
  width: 60px;
  height: 60px;
  border-radius: 9px;
  background: #FFF;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 24px;
}
.card-rh-vc .content .item-center .calendar-st01 .first-section01 p {
  margin: 0px;
}
.card-rh-vc .content .item-center .calendar-st01 .first-section01 .text-01 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.card-rh-vc .content .item-center .calendar-st01 .second-section02 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.card-rh-vc .content .item-center .calendar-st01 .second-section02 p {
  margin: 0px;
}
.card-rh-vc .content .item-center .calendar-st01 .second-section02 .text-01 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.card-rh-vc .content .item-center .calendar-st01 .second-section02 .text-02 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.card-rh-vc .content .item-center-02 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.card-rh-vc .content .item-center-02 span {
  font-size: 70px;
}
.card-rh-vc .content .item-center-02 p {
  font-size: 14px;
  font-weight: 700;
}
.card-rh-vc .content .item-center-02 .calendar-st01 {
  display: flex;
  margin-bottom: 16px;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .first-section01 {
  width: 60px;
  height: 60px;
  border-radius: 9px;
  background: #FFF;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 24px;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .first-section01 p {
  margin: 0px;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .first-section01 .text-01 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .second-section02 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .second-section02 p {
  margin: 0px;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .second-section02 .text-01 {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.card-rh-vc .content .item-center-02 .calendar-st01 .second-section02 .text-02 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.only-calendar {
  margin-top: 82px;
}

.only-calendar02 {
  margin-top: 42px;
}

.card-forms-info {
  background-color: #f7f7f7;
}
.card-forms-info p {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.card-forms-info .avatar-card01 {
  display: flex;
  text-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.card-forms-info .avatar-card01 p {
  margin-left: 16px;
}

.stc-01 {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.card-dco {
  height: auto !important;
}
.card-dco .generado-st01 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #C8CAD7;
}
.card-dco .generado-st01 a {
  transform: translate(1px, 13px);
}
.card-dco .generado-st01 a span {
  transform: translate(1px, 5px);
}

.btn-save-changes {
  width: 300px !important;
  float: inline-end;
}

.active-3212 {
  box-shadow: 0px 0px 6px 0px #02437D;
}
.active-3212 .conten-info .text-12-23 .text-kpi {
  font-size: 20px !important;
  font-weight: 400;
  color: #000000;
}

.divisor-table-anual {
  border-right: 3px solid #2A4E6E;
}

.custom-list ol {
  list-style-type: disc;
  padding-left: 40px;
}
.custom-list li {
  margin-bottom: 10px;
}

.d-flex {
  display: flex;
}

.just-content-space-between {
  justify-content: space-between;
}

.w-50 {
  width: 50%;
}

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

.left-margin-right {
  margin-right: 6px;
}

.card-info {
  padding: 8px;
}

.container-chart-custom {
  margin-top: 32px !important;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .container-chart-custom {
    width: 100%;
  }
}

.input-255-hight {
  height: 225px !important;
}

.card-header-report {
  display: flex;
  justify-content: center;
}
.card-header-report .avatar-report {
  display: flex;
  align-items: center;
}
.card-header-report .info-report {
  margin-left: 16px;
  display: flex;
  align-items: center;
}

.header-info-report-user {
  display: flex;
  align-items: center;
}
.header-info-report-user p {
  margin-right: 24px;
}
.header-info-report-user p b {
  margin-right: 25px;
}

.boyde-info-report {
  display: flex;
  height: 70px;
  margin-bottom: 32px;
}
.boyde-info-report p {
  margin-right: 24px;
}

.back-btn {
  display: flex;
  align-items: center;
}
.back-btn span {
  margin-right: 15px;
}

.info-report-icon {
  width: 40px;
  height: 40px;
  background-color: #c25b00;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.info-report-icon span {
  color: #fff;
}

.header-info-vacaciones {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-info-vacaciones p {
  margin-right: 32px;
  margin-left: 32px;
}
.header-info-vacaciones p b {
  margin-right: 25px;
}

.boyde-info-vacaciones {
  display: flex;
  height: 70px;
  margin-bottom: 24px;
}
.boyde-info-vacaciones p {
  margin-right: 65px;
}

.p-color-grey-text {
  color: #595C5E;
}

.m-16-b {
  margin-bottom: 16px;
}

.card-rh-vc .content {
  padding: 16px;
  overflow-y: auto;
}

.file-field .btn {
  height: 45% !important;
}

.non-results-container {
  background-color: #FFFFFF;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.non-results-container .non-results {
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.non-results-container .non-results h5 {
  text-align: center;
  vertical-align: middle;
  color: #A2A5B1 !important;
  margin-top: 40vh;
}

.slim-card-table .slim-card-table-header {
  margin-bottom: 0px;
  line-height: 1;
}
.slim-card-table .slim-cards-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.slim-card-table .slim-cards-container .card {
  padding: 16px;
  flex: 1;
  height: auto;
  max-height: 120px;
  height: auto;
  overflow: hidden;
  margin-right: 20px;
}
.slim-card-table .slim-cards-container .card .progress-label-conatiner {
  height: 60px;
}
.slim-card-table .slim-cards-container .card.last-card {
  margin-right: 0px !important;
}

.accounts-login {
  overflow: hidden;
  height: 100%;
}
@media (max-width: 600px) {
  .accounts-login {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 65px);
  }
}
.accounts-login .login-aside {
  background-color: #e0f0fd;
  overflow: hidden;
  height: 100vh;
  display: block;
  text-align: center;
  padding-top: 56px;
}
.accounts-login .login-aside img {
  margin: 16px 0;
}
.accounts-login .login-aside h1 {
  max-width: 80%;
  font-size: 24px !important;
  margin: 0 auto 40px auto;
}
.accounts-login .login-register {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 100vh;
  display: block;
}
.accounts-login .login-register .login-links {
  margin-top: 24px;
  float: right;
}
.accounts-login .login-register .login-links a {
  margin: 0 16px 0 0;
}
.accounts-login .login-register .login-form {
  display: grid;
  place-content: center;
  min-height: 100vh;
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form {
    margin: 0 !important;
    height: 100% !important;
  }
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form .form-buttons {
    text-align: center;
  }
}
.accounts-login .login-register .login-form .form-buttons .link {
  margin: 6px 0 0 20px;
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form .form-buttons .link {
    margin: 16px auto 0 auto !important;
    display: block;
  }
}
.accounts-login .login-register .login-form .login-links {
  width: 100%;
  margin: 0 0 16px 0;
  display: block;
}
.accounts-login .login-register .login-form h1 {
  display: block;
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form h1 {
    margin: 0 0 16px 0 !important;
  }
}
.accounts-login .login-register .signup-form {
  margin: 10% 0;
}
.accounts-login .modal-content ol {
  font-size: 12px;
  font-weight: 400;
  color: #A2A5B1 !important;
}
@media (min-width: 1200px) {
  .accounts-login .modal-content ol {
    font-size: 16px;
  }
}
.accounts-login .modal-content ol li {
  text-decoration: none !important;
  color: #080B17 !important;
}

.psw-recovery {
  overflow: hidden;
  height: 100%;
}
.psw-recovery .psw-aside {
  background-color: #FFF3E0;
  overflow: hidden;
  height: 100vh;
  display: block;
  text-align: center;
  padding-top: 56px;
}
.psw-recovery .psw-aside img {
  margin: 16px 0;
}
.psw-recovery .psw-aside h1 {
  max-width: 80%;
  font-size: 24px !important;
  margin: 0 auto 40px auto;
}
.psw-recovery .psw-register {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 100vh;
  display: block;
}
.psw-recovery .psw-register .psw-links {
  margin-top: 24px;
  float: right;
}
.psw-recovery .psw-register .psw-links a {
  margin: 0 16px 0 0;
}
.psw-recovery .psw-register .psw-form {
  height: 60vh;
  margin: 20% 0;
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form {
    margin: 0 !important;
    height: 100% !important;
  }
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form .form-buttons {
    text-align: center;
  }
}
.psw-recovery .psw-register .psw-form .form-buttons .link {
  margin: 6px 0 0 20px;
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form .form-buttons .link {
    margin: 16px auto 0 auto !important;
    display: block;
  }
}
.psw-recovery .psw-register .psw-form .psw-links {
  width: 100%;
  margin: 0 0 16px 0;
  display: block;
}
.psw-recovery .psw-register .psw-form h1 {
  display: block;
}

.accounts-form {
  padding-left: 16px;
}
.accounts-form .avatar-upload {
  height: 120px;
  width: auto;
  background-color: #F5F5F5;
}
.accounts-form .avatar-upload .avatar-container {
  width: 56px;
  display: block;
  overflow: hidden;
  margin: 16px auto;
}
.accounts-form .avatar-upload .avatar-container .avatar {
  width: 56px;
  margin: 16px auto 0 auto !important;
}
.accounts-form .form-buttons .link-low {
  margin-top: 32px;
  display: block;
  text-align: center !important;
}
.accounts-form .modal-content .modal-avatar {
  padding: 16px 0 !important;
  padding-bottom: 95px !important;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-header h4 {
  color: #484A55;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body {
  padding: 8px;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar {
  padding: 16px 0 !important;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar label {
  margin-top: 16px;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar ul li {
  float: left;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 24px;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar ul li .avatar {
  margin: 0 !important;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar ul li.selected {
  height: 64px;
  width: 64px;
  border: 4px solid #ff9800;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .input-field {
  margin: 16px 0;
}
.accounts-form .modal-footer {
  height: auto !important;
  padding: 0 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.password-form-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.password-form-container .form-buttons .link-low {
  margin-top: 32px;
  display: block;
  text-align: center !important;
}
@media (min-width: 600px) {
  .password-form-container .form-buttons .link-low {
    margin-top: 0;
    margin-left: 32px;
    display: inline-block !important;
    text-align: left !important;
  }
}

.text-underline {
  text-decoration: underline;
}

.margin-btn-modal {
  margin-right: 24px;
}

.merge-23 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.center-align-lottie {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
  height: 50%;
  position: relative;
}

.card-view-initial {
  display: flex;
  justify-content: space-between;
}

.padd-assets-container {
  padding-left: 48px;
}

.switch-2text {
  transform: translateX(5px);
}

.center-switch {
  justify-content: center;
  display: flex;
}

.fullscreen-asset {
  transform: translate(-2px, -31px);
}

.disp-fe {
  display: flex;
}
.disp-fe p {
  transform: translate(10px, -13px);
}

.disp-fe-bet {
  justify-content: space-between;
}

.move-test {
  transform: translate(-7px, 2px);
}

.md-mini {
  font-size: 16px;
  transform: translate(1px, 3px);
}

.card-hei-asset-det {
  height: 136px !important;
}

.select-icon-down {
  transform: translate(-9px, -2px) !important;
  font-size: 17px;
  font-weight: 700;
  color: #444444;
}

.dropow-content-icons {
  width: calc(41% - 30px) !important;
}

.sub-1 {
  font-size: 16px;
  font-weight: 400;
}

.space-card-user {
  display: flex;
  justify-content: space-between;
}

.j23-24 {
  transform: translate(8px, 12px);
}

.alt-card-user {
  height: 40px;
}

.sub-profile {
  font-size: 18px;
  font-weight: 700;
}

.stylenick {
  font-style: italic;
}

.card-alt-avatar {
  height: 372px;
}

.disabled-scts .alt-card-user p {
  color: #C0C0C0 !important;
}
.disabled-scts .space-card-user h4 {
  color: #C0C0C0 !important;
}
.disabled-scts .space-card-user .alliance-note-bullet .note-indicator {
  background-color: #C0C0C0 !important;
  color: #FFFFFF !important;
}

.chec-table {
  transform: translate(10px, 10px);
}

.icon-tabla-asas {
  transform: translate(109px, 0px) !important;
}

.js543 {
  transform: translate(56px, 1px) !important;
}

.size-card-cer {
  height: 130px;
}

.disabled-cer .subheader-right .alliance-note-bullet {
  pointer-events: none;
}
.disabled-cer .subheader-right .alliance-note-bullet .note-indicator {
  background-color: #C0C0C0;
  color: #fff;
}
.disabled-cer .subheader-right .alliance-note-bullet .note-info label b {
  color: #C0C0C0;
}
.disabled-cer .subheader-right .alliance-note-bullet .note-info p {
  color: #C0C0C0;
}

.sect-setde {
  margin-bottom: 30px !important;
}

.cf32 {
  max-height: 400px !important;
  min-height: 250px !important;
  width: 58% !important;
}

.c453 {
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  width: 100%;
}

.disp-etr {
  transform: translate(-10px, 10px) !important;
}

.md-space-ico {
  margin-bottom: 16px !important;
}

.icon-ast-space {
  transform: translate(16px, 10px);
}

.row-offset-left {
  transform: translate(-13px, -8px);
}

.full-btn {
  width: 100% !important;
  margin-top: 16px !important;
}

.card-catlg {
  padding: 24px !important;
}
.card-catlg h4 {
  margin-top: 8px !important;
}

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

.display-flex-btn {
  display: flex;
  justify-content: space-between;
  transform: translate(-11px, -44px);
}

.section-action-header {
  display: flex;
  justify-content: space-between;
  transform: translate(0px, -17px);
}

.section-action-header2 {
  display: flex;
  justify-content: space-between;
  transform: translate(0px, -57px);
}

.ul-sidebar-ctg {
  padding-inline-start: 75px !important;
}

.icon-warning-table {
  transform: translate(3px, 7px);
  color: #842029;
}

.opfsset-content {
  left: 10.5vh !important;
  position: relative !important;
}

.width-drop {
  width: auto !important;
}

.ranking-move {
  transform: translate(10px, 10px) !important;
}

.trust-cont {
  float: left !important;
}

.icon-social-media {
  transform: translate(-3px, 3px);
}

.icon-social-media-f {
  transform: translate(-3px, 3px);
}

.card-actions-admin {
  display: flex;
  justify-content: right;
}

.pet-set {
  transform: translate(-22px, 5px) !important;
}

.pet-set-2 {
  transform: translate(-22px, 31px) !important;
}

.space-content {
  transform: translate(0px, 0px);
}

.content-alt-1 {
  display: flex;
  justify-content: space-between;
}
.content-alt-1 .content-alt-2 {
  display: flex;
  justify-content: space-between;
}
.content-alt-1 .switch-actp {
  transform: translate(10px, -7px);
}

.ico-field-symbol {
  transform: translate(-3px, 5px);
  color: #5a5d68;
  pointer-events: none;
}

.pointer-none {
  pointer-events: none !important;
}

.scroll-btn {
  position: fixed;
  top: 75%;
  margin-left: 100px;
  margin-right: 16px;
  width: 38px !important;
  display: grid;
  place-content: center;
  cursor: pointer;
  z-index: 99;
}

.btm-icon-ctr {
  margin-right: -6px;
}

.scroll-btn:hover {
  background-color: #bbb;
}

.scroll-btn-left {
  left: 0;
}

.scroll-btn-right {
  right: 0;
}

.div-sec-avt {
  display: flex;
  align-items: center;
}
.div-sec-avt p {
  margin-left: 8px;
}

.linp-p-tra-org {
  transform: translate(6px, 12px);
  font-size: 12px !important;
  color: #2A4E6E;
}

.p-small-x {
  font-size: 16px;
  font-weight: 700;
}

.p-normal-x {
  font-size: 18px;
  font-weight: 700;
}

.p-medium-x {
  font-size: 22px;
  font-weight: 700;
}

.p-large-x {
  font-size: 24px;
  font-weight: 700;
}

.p-huge-x {
  font-size: 28px;
  font-weight: 700;
}

.home-section-header {
  display: flex;
}
.home-section-header .btn-home {
  width: 300px !important;
}
.home-section-header .sect-btn-pos {
  transform: translate(16px, 41px);
}

.section-header-button {
  display: flex;
  width: 500px;
  margin: 8px 0;
  float: right;
}
.section-header-button a {
  color: #A7A7A7;
}
.section-header-button .active {
  color: #001E38 !important;
}

.chart-container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  box-sizing: border-box;
}

.objective {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 10px;
}

.strategy {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
  width: calc(25% - 10px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .strategy {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .strategy {
    width: 100%;
  }
}
.high-btn-title-2 {
  height: 3rem !important;
  padding: 4px 16px !important;
  transform: translate(11px, 20px) !important;
}

.table-search-position-02 {
  transform: translate(-8px, -12px) !important;
}

.div-controls-media {
  width: 50%;
  display: flex;
  float: right;
}

.scrollable-div {
  max-height: 80vh;
  overflow-y: auto;
  padding: 10px;
}

.card-vs-360 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 4px;
}
.card-vs-360 .primary-text-info {
  color: #595C5E;
}
.card-vs-360 .secondary-text-info {
  font-size: 50px;
  font-weight: 800;
  color: #595C5E;
}

.custom-row-layout {
  display: flex;
  flex-wrap: wrap;
}

.gauge-card-lx {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gauge-card-lx p {
  font-size: 12px;
}

.data-user-point {
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-user-point p {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-accent {
  color: #2a4e6e !important;
}

.row-custom {
  display: flex;
  flex-wrap: wrap;
}

.card-custom {
  display: flex;
  flex-direction: column;
  height: 80%;
}

.item-center {
  display: flex;
  align-items: center;
}

.card-active {
  box-shadow: 0px 0px 10px rgba(2, 67, 125, 0.6);
}

.w-50 {
  width: 50%;
}

.d-flex-content-center {
  display: flex;
  justify-content: center;
}

.admin-users-container .card {
  height: 480px;
  border-radius: 5px;
  margin-bottom: 16px;
  background-color: #FFFFFF;
}
.admin-users-container .card .card-content {
  padding: 0;
  margin: 0;
}
.admin-users-container .card .card-content .card-header {
  padding: 8px 8px 0 8px;
}
.admin-users-container .card .card-content .card-header .card-header-title h2 {
  margin: 0;
  font-weight: 400;
  color: #5A5D68;
}
.admin-users-container .card .card-content .card-header .card-header-container {
  overflow: hidden;
  padding: 8px;
  background-color: #FFE0B2;
  border-radius: 5px;
}
.admin-users-container .card .card-content .card-header .card-header-container .card-header-avatar {
  display: inline-block;
  float: left;
  width: 56px;
}
.admin-users-container .card .card-content .card-header .card-header-container .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.admin-users-container .card .card-content .card-header .card-header-container .card-header-info {
  float: left;
  display: inline-block;
  margin: 8px 0 0 8px;
  line-height: 1.1;
}
.admin-users-container .card .card-content .card-body {
  overflow: hidden;
  padding: 8px 8px 0 8px;
}
.admin-users-container .card .card-content .card-body h3 {
  margin: 0;
}
.admin-users-container .card .card-content .card-body h2 {
  margin: 0;
  font-weight: 400;
}
.admin-users-container .card .card-content .card-body .card-chart-container {
  padding: 16px 0 0 0;
  max-width: 85%;
  margin: 0 auto;
}
.admin-users-container .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart {
  display: flex;
  padding-left: 0 !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list {
  width: 80%;
  flex: 1;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul {
  height: 85%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li {
  line-height: 0.7em;
  vertical-align: middle;
  max-width: 180px;
  text-decoration: none;
  flex: 1;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(1) {
  color: #29B6F6 !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(2) {
  color: #039BE5 !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(3) {
  color: #0277BD !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li label {
  font-size: 11px !important;
  color: inherit !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart canvas {
  flex: 3;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9EBF9;
  overflow: hidden;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
  margin-top: inherit;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: none;
  width: 250px;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.admin-users-container .card .card-content .card-footer {
  padding: 8px 8px 0 8px;
}
.admin-users-container .card .card-content .card-footer .card-action {
  border: 0px solid;
  padding: 0;
  margin-top: 8px;
  display: inline-block;
  text-align: center;
}
.admin-users-container .card .card-note {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.admin-users-container .card .card-note .note {
  border-radius: 0 0 5px 5px;
  height: 32px;
}
.admin-users-container .card .card-note .note i {
  display: inline-block;
  float: left;
}
.admin-users-container .card .card-note .note label {
  display: inline-block;
  float: left;
}
.admin-users-container .card .card-note .note label p {
  margin: 0;
}

.note-indicator2 {
  display: inline-block;
  float: left;
  color: #E8E8E8;
  border: 1px solid #C8CAD7;
  width: 44px;
  height: 44px;
  background-color: #2A4E6E;
  padding: 9px;
  border-radius: 5px;
}

.salt-tipo {
  font-size: 14px;
  font-weight: 700;
  color: #505052;
}

.csr23 {
  display: -webkit-box !important;
}

.cr2242 {
  transform: translate(20px, 0px) !important;
}

.crs2212 {
  padding-top: 2px !important;
  padding-bottom: 16px !important;
}

.cr33223 {
  padding-top: 16px !important;
  padding-bottom: 5px !important;
}

.csadecoration {
  text-decoration: none !important;
}

.display-flex-ff {
  display: flex;
  justify-content: space-between;
  height: 70px;
  align-items: center;
  margin-block: 24px;
}

.long-field {
  width: 200px;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  margin-right: 0rem;
}

.costum-devplans-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.costum-devplans-container .modalCSV {
  max-width: 600px;
}
.costum-devplans-container .modalCSV .modal-header a {
  transform: translateY(-4px);
}

.exam-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.exam-container .exam-content {
  position: inherit;
}
.exam-container .questions h2 {
  margin-top: 16px;
}
.exam-container .questions .collapsible .collapsible-header.active {
  color: #FFA726;
}
.exam-container .questions .collapsible .collapsible-body .spacer-indicator span {
  border-left: 3px solid #080B17;
  border-right: 3px solid #080B17;
  border-bottom: 3px solid #080B17;
  padding: 0px 8px;
  margin: 0 4px;
}
.exam-container .questions .collapsible .collapsible-body .spacer-indicator .active {
  color: #FFA726;
  border-left: 3px solid #FFA726;
  border-right: 3px solid #FFA726;
  border-bottom: 3px solid #FFA726;
  padding: 0px 8px;
  margin: 0 4px;
}
.exam-container .questions .spacer-indicator span {
  border-left: 3px solid #080B17;
  border-right: 3px solid #080B17;
  border-bottom: 3px solid #080B17;
  padding: 0px 8px;
  margin: 0 4px;
}
.exam-container .questions .spacer-indicator .combo-inputs {
  display: flex;
  flex-direction: row;
}
.exam-container .questions .spacer-indicator .combo-inputs input {
  color: #81838F;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-1 {
  width: 5%;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-2 {
  width: 80%;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-3 {
  width: 15%;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-3 .btn {
  margin-left: 16px;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-3 .btn i {
  font-size: 24px;
  font-weight: bold;
}
.exam-container .questions .combo-inputs {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
}
.exam-container .questions .combo-inputs input {
  color: #81838F;
}
.exam-container .questions .combo-inputs .combo-child-1 {
  width: 5%;
}
.exam-container .questions .combo-inputs .combo-child-1 span {
  transform: translateY(9px);
}
.exam-container .questions .combo-inputs .combo-child-2 {
  width: 70%;
}
.exam-container .questions .combo-inputs .combo-child-3 {
  width: 15%;
  transform: translateY(11px);
}
.exam-container .questions .combo-inputs .combo-child-3 .btn {
  margin-left: 16px;
}
.exam-container .questions .combo-inputs .combo-child-3 .btn i {
  font-size: 24px;
  font-weight: bold;
}

.hero-card {
  margin: 32px 0;
}
.hero-card .card {
  min-height: 100px;
  border-radius: 10px;
  padding: 8px 16px;
  overflow: hidden;
}
.hero-card .card .col {
  padding: 8px;
}
.hero-card .card .col p {
  font-weight: 600;
  color: #080B17;
  margin: 8px 0;
}
.hero-card .card .col .date-question {
  font-weight: 300;
}
.hero-card .card .col .spacer-indicator {
  margin-top: 8px;
}
.hero-card .card .col .spacer-indicator span {
  border-left: 3px solid #080B17;
  border-right: 3px solid #080B17;
  border-bottom: 3px solid #080B17;
  padding: 0px 8px;
  margin: 0 4px;
}
.hero-card .card .col .spacer-indicator .active {
  color: #FFA726;
  border-left: 3px solid #FFA726;
  border-right: 3px solid #FFA726;
  border-bottom: 3px solid #FFA726;
  padding: 0px 8px;
  margin: 0 4px;
}
.hero-card .correct-note {
  background: #D1E7DD;
}
.hero-card .correct-note label {
  color: #0F5132 !important;
}
.hero-card .wrong-note {
  display: none;
  background: #FFF0EE;
}
.hero-card .wrong-note label {
  color: #DE1135 !important;
}
.hero-card .partial-note {
  display: none;
  background: #FFF3CD;
}
.hero-card .partial-note label {
  color: #664D03 !important;
}
.hero-card .pending-note {
  display: none;
  background: #CFF4FC;
}
.hero-card .pending-note label {
  color: #055160 !important;
}
.hero-card ol {
  margin: 0;
  padding-left: 16px;
}
.hero-card ol li {
  text-decoration: none;
}
.hero-card ol .correct_question {
  color: #0F5132;
}
.hero-card ol .wrong_question {
  color: #DE1135;
}

.valign-wrapper-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: baseline;
  transform: translateY(7px);
}

.forums-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.forums-container .card {
  flex: 1 0px;
  padding: 16px;
  margin: 16px 0 8px 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 600px) {
  .forums-container .card {
    min-width: 47%;
    max-width: 47%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 900px) {
  .forums-container .card {
    min-width: 30%;
    max-width: 31%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 1090px) {
  .forums-container .card {
    min-width: 31%;
    max-width: 32%;
    margin: 16px 16px 8px 0;
  }
}
.forums-container .card .card-stacked .card-content {
  padding: 0;
  margin: 0;
}
.forums-container .card .card-stacked .card-content h4 {
  margin: 0 0 8px 0;
}
.forums-container .card .card-stacked .card-action {
  padding: 8px 0;
  border-top: 0px solid #FFFFFF;
}
@media (min-width: 600px) {
  .forums-container .card .card-stacked .card-action {
    border-top: 1px solid #E9EBF9;
  }
}
.forums-container .card .card-stacked .card-action .chips-forums-mobile-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons {
  display: flex;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-1 {
  flex: 1;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-1 .btn {
  margin: 8px 0 0 0;
  width: 100%;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 {
  flex: 1;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .btn {
  margin: 8px 0 0 0;
  float: right;
  width: 48px;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .btn i {
  color: #484A55;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .dropdown-content li {
  list-style: none;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}

.middle-space {
  margin-bottom: -14px !important;
}

.foro-tema-h3 {
  font-size: 24px !important;
  color: #000000 !important;
  font-weight: 400 !important;
  margin-bottom: 8px !important;
}

.foro-tema-p {
  font-size: 16px !important;
  color: #81838F !important;
  font-weight: 400 !important;
  margin-top: 0px !important;
}

.hr-foros {
  margin-bottom: 24px !important;
  height: 1px !important;
  background-color: #bdbdbd !important;
  border: none !important;
}

.card-space-foros {
  margin-bottom: 16px !important;
}

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

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

.header-foros-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-space-chip {
  padding-left: 8px;
  font-size: 16px !important;
  color: #81838F !important;
}

.usermenu-time {
  font-size: 12px !important;
  color: #81838F;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.usermenu-name-2 {
  width: auto;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #000000;
  margin-bottom: 0px !important;
}

.name-nick {
  transform: translate3d(0px, -9px, 10px) !important;
}

.name-nick2 {
  transform: translate3d(86px, -24px, 10px) !important;
  font-weight: 700;
}

.secon-level {
  margin-left: 48px !important;
}

.usermenu-info {
  width: auto !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.usermenu-name-1 {
  width: auto;
  font-size: 16px !important;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0px !important;
}

.section-info-tenat {
  transform: translateX(24px) !important;
}
.section-info-tenat .p-title-tent {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding-bottom: 2px !important;
  margin-bottom: 2px !important;
}
.section-info-tenat .p-subt-tent {
  font-size: 14px !important;
  font-weight: 400 !important;
  padding-top: 2px !important;
  margin-top: 2px !important;
}

.avatar-tenat {
  transform: translate3d(-3px, 14px, 10px);
}

.vertica-hr {
  border: none;
  border-left: 1px solid hsl(200, 10%, 50%);
  height: 10vh;
  width: 1px;
}

.list-activities ul li {
  list-style-type: none;
  text-decoration: none !important;
}
.list-activities ul li:hover {
  text-decoration: none !important;
}

.groups-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.groups-container .card {
  flex: 1 0px;
  padding: 0;
  margin: 16px 0 8px 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 600px) {
  .groups-container .card {
    min-width: 47%;
    max-width: 47%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 900px) {
  .groups-container .card {
    min-width: 30%;
    max-width: 31%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 1090px) {
  .groups-container .card {
    min-width: 31%;
    max-width: 32%;
    margin: 16px 16px 8px 0;
  }
}
.groups-container .card .card-stacked .card-content {
  padding: 16px;
}
.groups-container .card .card-stacked .card-content h3 {
  padding: 0;
  margin: 0;
}
.groups-container .card .card-stacked .desc-alt {
  height: auto;
}
.groups-container .card .card-stacked .desc-alt .title-plan {
  min-height: 38px;
  height: auto;
  margin-top: 0px !important;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .groups-container .card .card-stacked .desc-alt .title-plan {
    min-height: 56px;
  }
}
.groups-container .card .card-stacked .desc-alt .description-plan {
  display: none;
}
@media (min-width: 600px) {
  .groups-container .card .card-stacked .desc-alt .description-plan {
    display: inline-block;
    max-height: 90px;
    min-height: 90px;
    overflow: hidden;
  }
}
.groups-container .card .card-stacked .divider-plan {
  padding-top: 0px !important;
  padding-bottom: 16px !important;
}
.groups-container .card .card-stacked .card-action {
  padding: 16px;
  border-top: 0px solid #FFFFFF;
}
@media (min-width: 600px) {
  .groups-container .card .card-stacked .card-action {
    border-top: 1px solid #E9EBF9;
  }
}
.groups-container .card .card-stacked .card-action .chips-container {
  margin-top: 8px;
  height: auto;
}
.groups-container .card .card-stacked .card-action .chips-container a {
  width: 60px;
}
@media (min-width: 900px) {
  .groups-container .card .card-stacked .card-action .chips-container a {
    width: auto;
  }
}
.groups-container .card .card-stacked .card-action .chips-plandev-mobile-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
.groups-container .card .card-stacked .card-action .card-action-1 {
  display: inline-block;
  float: none !important;
  width: 100% !important;
}
.groups-container .card .card-stacked .card-action .card-action-1 .btn {
  margin: 8px 0 0 0;
  width: 100%;
}
.groups-container .card .card-stacked .charts-gauge-container {
  margin: 8px 0 0 0;
}

.home-body-container {
  background-color: #F5F5F5;
}
@media (min-width: 600px) {
  .home-body-container {
    margin-bottom: 0;
  }
}
.home-body-container .home-cards-container {
  padding-top: 16px !important;
}
.home-body-container .home-cards-container .card {
  height: 480px;
  border-radius: 5px;
  margin-bottom: 16px;
  background-color: #FFFFFF;
}
.home-body-container .home-cards-container .card .card-content {
  padding: 0;
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-header {
  padding: 8px 8px 0 8px;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-title h2 {
  margin: 0;
  font-weight: 400;
  color: #5A5D68;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container {
  overflow: hidden;
  padding: 8px;
  background-color: #FFE0B2;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left {
  width: 90%;
  overflow: hidden;
  float: left;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-avatar {
  display: inline-block;
  float: left;
  width: 56px;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-info {
  float: left;
  display: inline-block;
  margin-left: 8px;
  line-height: 1.1;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-info a {
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-right {
  width: 10%;
  overflow: hidden;
  float: right;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-right a {
  float: right;
  margin-top: 16px;
  color: #080B17;
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container p {
  font-size: 20px;
  margin-top: 4px;
  display: inline-block;
  float: left;
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container p.no-serial {
  font-size: 16px;
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container a {
  float: left;
  display: inline-block;
  transform: translate(16px, -4px);
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container label {
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body {
  overflow: hidden;
  padding: 8px 8px 0 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body h3 {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body h2 {
  margin: 0;
  font-weight: 400;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container {
  padding: 16px 0 0 0;
  width: 100%;
  margin: 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart {
  display: flex;
  padding-left: 0 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list {
  width: 80%;
  flex: 1;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul {
  height: 85%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li {
  line-height: 0.7em;
  vertical-align: middle;
  max-width: 180px;
  text-decoration: none;
  flex: 1;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(1) {
  color: #29B6F6 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(2) {
  color: #039BE5 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(3) {
  color: #0277BD !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li label {
  font-size: 11px !important;
  color: inherit !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart canvas {
  flex: 3;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9EBF9;
  overflow: hidden;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .card-listed-info {
  display: inline-block;
  float: left;
  max-width: 230px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .card-listed-info label {
  transform: translateY(5px);
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item a {
  float: right;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .listed-item-icon {
  background: #FFF3E0;
  border-radius: 10px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-right: 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: 70%;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .achivement-container {
  max-width: 160px;
  margin: 0;
  display: inline-block;
  overflow: hidden;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .achivement-container a {
  margin: 0 0 0 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .badges {
  float: left;
  margin-left: 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container.resources-links .card-listed-item .card-listed-info label {
  transform: translateY(5px);
  max-width: 150px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container.resources-links .card-listed-item a {
  float: right;
  min-width: 110px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-body-image {
  border-radius: 10px;
  max-height: 160px;
  width: 100%;
  margin: 16px auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label {
  max-width: 80%;
  margin: 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul {
  list-style-type: none;
  transform: translate(10px, -9px);
  margin: 0;
  display: flex;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul li {
  flex: 1;
  margin: 0 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul li a {
  font-size: 11px !important;
  word-break: break-word;
}
@media (min-width: 1080px) {
  .home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul li a {
    font-size: 14px !important;
  }
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left {
  flex: 1;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right {
  flex: 1;
  max-width: 50%;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #E1F5FE;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container {
  width: 36px;
  max-width: 36px;
  min-width: 36px;
  margin: auto;
  transform: translate(-2px, 3px);
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container .gauge {
  min-width: 36px;
  margin: auto;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container .gauge .mask {
  background-color: #E1F5FE;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container .gauge .percentage {
  background-color: #B3E5FC;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-info label {
  font-size: 12px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: 70%;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data {
  flex: 1 1;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #E1F5FE;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container {
  width: 36px;
  max-width: 36px;
  min-width: 36px;
  margin: auto;
  transform: translate(-2px, 3px);
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container .gauge {
  min-width: 36px;
  margin: auto;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container .gauge .mask {
  background-color: #E1F5FE;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container .gauge .percentage {
  background-color: #B3E5FC;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 4px;
  transform: translateY(8px);
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-info label {
  font-size: 14px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .achivement-container {
  max-width: 150px;
  margin: 8px auto 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .achivement-container a {
  margin-left: 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .badges {
  float: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-table .row {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-table .row .card {
  margin: 0 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables {
  padding: 0 !important;
  margin: 16px 0 0 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables table.no-footer {
  border-bottom: 0px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables thead th {
  padding: 8px 4px;
  text-align: center;
  border-bottom: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr {
  height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td {
  padding: 4px !important;
  text-align: center;
  border-bottom: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td .progress-pill {
  width: 100px;
  margin: 0 auto;
  overflow: hidden;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td .progress-pill .progress {
  width: 50px;
  height: 6px;
  float: left;
  display: inline-block;
  margin-right: 6px;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td label {
  float: left;
  transform: translateY(-2px);
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td a {
  text-align: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td p {
  text-align: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .space-tab {
  position: inherit;
  transform: none;
  z-index: inherit;
  display: block;
  width: auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options {
  text-align: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item {
  font-size: 14px;
  margin: 0 0 16px 32px;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .activity-info-status {
  color: #484A55;
  margin: 0;
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .activity-info-element {
  font-size: 12px;
  color: #A2A5B1;
  margin: 0;
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.ended .activity-info-status span {
  color: #0F5132 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.ended .activity-info-element span {
  color: #0F5132 !important;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.unfinished .activity-info-status span {
  color: #DE1135 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.unfinished .activity-info-element span {
  color: #DE1135 !important;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.pending .activity-info-status span {
  color: #664D03 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.pending .activity-info-element span {
  color: #664D03 !important;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .marker-arrow-positive {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #0F5132 !important;
  margin: 0 4px;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .marker-arrow-negative {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #DE1135 !important;
  margin: 0 4px;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider {
  overflow: hidden;
  height: 350px;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li {
  background-color: #FFFFFF;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li .slider-info {
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li img {
  margin-top: 8px;
  height: 250px;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li video {
  margin-top: 8px;
  height: 250px;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li a {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider-dots {
  margin-top: 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable {
  height: 142px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable .card-right .card-content {
  height: inherit !important;
  max-height: none !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable .card-right .card-content h3 {
  height: inherit !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable .card-right .card-action .card-action-2 .card-bottom-buttons {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-footer {
  padding: 8px 8px 0 8px;
}
.home-body-container .home-cards-container .card .card-content .card-footer .card-action {
  border: 0px solid;
  padding: 0;
  margin-top: 8px;
  display: inline-block;
  text-align: center;
}
.home-body-container .home-cards-container .card .card-content .card-action .btn-high {
  margin-top: 5px;
}
.home-body-container .home-cards-container .card .card-note {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.home-body-container .home-cards-container .card .card-note .note {
  border-radius: 0 0 5px 5px;
  height: 32px;
}
.home-body-container .home-cards-container .card .card-note .note i {
  display: inline-block;
  float: left;
}
.home-body-container .home-cards-container .card .card-note .note label {
  display: inline-block;
  float: left;
}
.home-body-container .home-cards-container .card .card-note .note label p {
  margin: 0;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label {
  max-width: 80%;
  margin: 16px auto 0 auto !important;
  display: flex;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label {
  text-align: center;
  flex: 1 !important;
  font-size: 11px !important;
  word-break: break-word;
  padding: 0 4px;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(1) {
  color: #29B6F6 !important;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(2) {
  color: #039BE5 !important;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(3) {
  color: #0277BD !important;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(4) {
  color: #01579B !important;
}
.home-body-container .home-cards-container .spotlight .card-content .card-body .card-spotlight .card-spotlight-image {
  height: 200px;
  margin-bottom: 24px;
}
.home-body-container .home-cards-container .spotlight .card-content .card-body .card-spotlight a {
  color: #FF9800;
  background-color: #FFFFFF;
}
.home-body-container .home-cards-container .third-card {
  margin-right: 0px !important;
}
.home-body-container .home-cards-container .edition-progress .card-body h3 {
  margin: 0;
  font-weight: 500;
  color: #5A5D68;
}
.home-body-container .home-cards-container .edition-progress .card-body .card-progressbar {
  margin-top: 16px;
}
.home-body-container .home-cards-container .no-course {
  background-color: #FFF3E0;
}
.home-body-container .home-cards-container .no-course .card-content {
  color: #FFFFFF !important;
}
.home-body-container .home-cards-container .no-course .card-content .card-body h3 {
  margin: 0;
  font-weight: 500;
  color: #5A5D68;
}
.home-body-container .home-cards-container .no-course .card-content .card-body p {
  color: #5A5D68;
}
.home-body-container .home-cards-container .no-course .card-content .card-body .card-nocourse .card-nocourse-image {
  height: 150px;
  margin-bottom: 24px;
}
.home-body-container .home-cards-container .card-create .table-create {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.home-body-container .home-cards-container .card-create .table-create label {
  margin-bottom: 8px;
  display: block;
}
.home-body-container .home-cards-container .card-create .list-mode .card-left img {
  height: 140px !important;
}
.home-body-container .home-cards-container .card-create .activity-info-options .activity-info-item {
  font-size: 14px;
  margin: 0 0 16px 16px !important;
}
.home-body-container .home-cards-container .card-learning .list-mode .card-left img {
  height: 140px !important;
}
.home-body-container .home-cards-container .card-groups .activity-info-options .activity-info-item {
  font-size: 14px;
  margin: 0 0 16px 8px !important;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .tables {
  margin: 0 !important;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side {
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card {
  overflow: hidden;
  padding: 8px;
  height: 210px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card label {
  display: block;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container {
  display: flex;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container {
  flex: 1;
  width: 50%;
  text-align: center;
  padding: 0;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container .chip {
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container .chip i {
  color: #FFB74D;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container p {
  font-size: 12px;
  color: #81838F;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container {
  flex: 1;
  width: 50%;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-item {
  margin-bottom: 2px;
  padding-bottom: 2px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-item p {
  color: #81838F;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-item .note-info {
  margin-left: 0px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-noitem {
  height: 170px;
  background: #F5F5F5;
  padding: 35% 0;
  text-align: center;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-noitem p {
  font-size: 12px;
  color: #81838F;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side {
  padding: 0 8px;
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator.set-middle {
  margin-top: 16px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: none;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item a {
  color: #080B17;
  margin-top: 16px;
}
.home-body-container .home-cards-container .card-dev-learning .card-body div.table-devider {
  border-left: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card-employees .card-content .tables {
  margin: 0 !important;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .left-side {
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side {
  padding: 0 8px;
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item {
  margin-bottom: 8px;
  padding-bottom: 4px;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
  margin-top: inherit;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator.set-middle {
  margin-top: 16px;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: none;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card-employees .card-body div.table-devider {
  border-left: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list {
  list-style: none;
  display: flex;
  flex-direction: row;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li {
  list-style: none;
  text-align: center;
  margin-right: 4px;
  flex: 1;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li label {
  font-size: 0.8vw !important;
  font-weight: bold;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(1) label {
  color: #29B6F6 !important;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(2) label {
  color: #039BE5 !important;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(3) label {
  color: #0277BD !important;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(4) label {
  color: #01579B !important;
}

.home-mobile-card-container {
  padding-top: 16px;
}
.home-mobile-card-container .home-mobile-swipe {
  margin-bottom: 8px;
}
.home-mobile-card-container .home-mobile-swipe .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  border-radius: 5px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  display: block;
  border-radius: 5px;
  border-radius--webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card {
  border-radius: 5px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content {
  padding: 0;
  margin: 0;
  height: 480px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar {
  width: 56px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar {
  width: 56px;
  float: left;
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-info {
  color: #080B17 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body h2 {
  margin: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note {
  background-color: #E1F5FE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 10px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note p {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note {
  background-color: #E1F5FE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 10px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note p {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container {
  padding: 16px 16px 0 16px;
  max-width: 85%;
  margin: 0 auto;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart {
  display: flex;
  padding-left: 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list {
  width: 80%;
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul {
  height: 85%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li {
  line-height: 0.7em;
  vertical-align: middle;
  max-width: 180px;
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(1) {
  color: #29B6F6 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(2) {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(3) {
  color: #0277BD !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li label {
  font-size: 11px !important;
  color: inherit !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart canvas {
  flex: 3;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 24px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-listed-container .card-listed-item .listed-item-icon {
  background: #FFF3E0;
  border-radius: 10px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-right: 8px;
  transform: translateY(5px);
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-body-image {
  border-radius: 10px;
  max-height: 160px;
  width: 100%;
  margin: 16px auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-label ul {
  list-style-type: none;
  transform: translateY(-15px);
  margin: 0;
  display: flex;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-label ul li {
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-note .note {
  border-radius: 0 0 5px 5px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-note .note i {
  float: left;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-note .note p {
  margin: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label {
  max-width: 80%;
  margin: 16px auto 0 auto !important;
  display: flex;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label {
  text-align: center;
  flex: 1 !important;
  font-size: 11px !important;
  word-break: break-word;
  padding: 0 4px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(1) {
  color: #29B6F6 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(2) {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(3) {
  color: #0277BD !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(4) {
  color: #01579B !important;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls {
  display: flex;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls .btn {
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls .left-nav {
  margin-right: 8px;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls .right-nav {
  margin-left: 8px;
}
.home-mobile-card-container .spotlight {
  background-color: #FF9800;
  margin-bottom: 36px;
}
.home-mobile-card-container .spotlight .card-content {
  color: #FFFFFF !important;
}
.home-mobile-card-container .spotlight .card-content h2 {
  color: #FFFFFF !important;
}
.home-mobile-card-container .spotlight .card-content p {
  color: #FFFFFF !important;
}
.home-mobile-card-container .spotlight .card-content .card-body .card-spotlight .card-spotlight-image {
  height: 200px;
  margin-bottom: 24px;
}
.home-mobile-card-container .spotlight .card-content .card-body .card-spotlight a {
  color: #FF9800;
  background-color: #FFFFFF;
  width: auto;
}
.home-mobile-card-container .card {
  border-radius: 5px;
}
.home-mobile-card-container .card .card-content {
  padding: 0;
  margin: 0;
  height: 480px;
}
.home-mobile-card-container .card .card-content .card-header {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar {
  width: 56px;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar {
  width: 56px;
  float: left;
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-info {
  color: #080B17 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .card .card-content .card-body {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .card .card-content .card-body .progress-note {
  background-color: #E1F5FE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 10px;
}
.home-mobile-card-container .card .card-content .card-body .progress-note p {
  color: #039BE5 !important;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-container {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.home-mobile-card-container .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 24px;
}
.home-mobile-card-container .card .card-content .card-body .card-listed-container .card-listed-item .listed-item-icon {
  background: #FFF3E0;
  border-radius: 10px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-right: 8px;
  transform: translateY(5px);
}
.home-mobile-card-container .card .card-content .card-body .card-body-image {
  border-radius: 10px;
  max-height: 160px;
  width: 100%;
  margin: 16px auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-label ul {
  list-style-type: none;
  transform: translateY(-15px);
  margin: 0;
  display: flex;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-label ul li {
  flex: 1;
}
.home-mobile-card-container .card .card-note .note {
  border-radius: 0 0 5px 5px;
}
.home-mobile-card-container .card .card-note .note i {
  float: left;
}
.home-mobile-card-container .card .card-note .note p {
  margin: 0;
}
.home-mobile-card-container .no-course {
  background-color: #FFF3E0;
}
.home-mobile-card-container .no-course .card-content {
  color: #FFFFFF !important;
}
.home-mobile-card-container .no-course .card-content .card-body h3 {
  margin: 0;
  font-weight: 500;
  color: #5A5D68;
}
.home-mobile-card-container .no-course .card-content .card-body p {
  color: #5A5D68;
}
.home-mobile-card-container .no-course .card-content .card-body .card-nocourse .card-nocourse-image {
  height: 150px;
  margin-bottom: 24px;
}

.homes-bottom ul {
  padding: 0;
  margin: 0;
}
.homes-bottom ul .home-profile {
  background-color: #FF9800;
}
.homes-bottom ul .home-profile a {
  padding: 32px 0;
}
.homes-bottom ul .home-profile a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}
.homes-bottom ul .home-courses {
  background-color: #FFF3E0;
}
.homes-bottom ul .home-courses a {
  padding: 32px 0;
}

.unity-desktop .unity-video iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 390px;
}

.labsv-landing {
  width: auto;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
.labsv-landing .activity-container {
  width: auto;
  display: grid;
  justify-items: center;
  max-width: 1020px;
  min-height: 480px;
  background-color: #080B17;
}
.labsv-landing .activity-container span {
  overflow: hidden;
  max-width: 1020px;
  height: auto;
}
.labsv-landing .activity-container span img {
  max-width: 1020px;
  height: auto;
  display: block;
}

.no-found-result {
  width: auto;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
.no-found-result .activity-container {
  width: auto;
  display: grid;
  justify-items: center;
  max-width: 300px;
  min-height: 100px;
  background-color: #FFFFFF;
}
.no-found-result .activity-container span {
  overflow: hidden;
  max-width: 1020px;
  height: auto;
}
.no-found-result .activity-container span img {
  max-width: 1020px;
  height: auto;
  display: block;
}

.no-found-result2 {
  width: auto;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
.no-found-result2 .activity-container {
  width: auto;
  display: grid;
  justify-items: center;
  max-width: 250px;
  min-height: 100px;
  background-color: #FFFFFF;
}
.no-found-result2 .activity-container span {
  overflow: hidden;
  max-width: 1020px;
  height: auto;
}
.no-found-result2 .activity-container span img {
  max-width: 1020px;
  height: auto;
  display: block;
}

.no-info-depth {
  transform: translate(-9px, 63px);
  font-weight: 600;
  font-size: 18px !important;
}

.lessons-content {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.lessons-content .lessons-list {
  border-right: 1px solid #E9EBF9;
  padding: 24px 0 80px 0;
}
.lessons-content .lessons-list .list-questions {
  padding-right: 8px;
}
.lessons-content .lessons-list .list-questions .question-child-1 {
  flex: 10 !important;
  width: 80% !important;
}
.lessons-content .lessons-list .list-questions .question-child-1 span {
  border: 0px solid #FFFFFF !important;
  padding: 0px !important;
  transform: translate(0px, 5px) !important;
}
.lessons-content .lessons-list .list-questions .question-child-1 .digits-2 {
  transform: translate(0px, 7px) !important;
}
.lessons-content .lessons-list .list-questions .question-child-1 .digits-3 {
  transform: translate(0px, 8px) !important;
}
.lessons-content .lessons-list .list-questions .question-child-2 {
  flex: 1 !important;
  width: 10% !important;
}
.lessons-content .lessons-list .list-questions .question-child-3 {
  flex: 1 !important;
  width: 10% !important;
}
.lessons-content .lessons-list .list-questions .question-child-3 i {
  transform: translate(20px, 5px);
}
.lessons-content .lessons-list .list-questions .question-child-3 .hide-icon {
  display: none !important;
}
.lessons-content .lessons-list .list-questions .list-line {
  width: 0px !important;
  background-color: #FFFFFF !important;
}
.lessons-content .lessons-edit .collapsible {
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson {
  display: flex;
  padding-top: 24px;
  border-bottom: 1px solid #DDDDDD;
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson .collapsible-lesson-actions {
  padding-right: 8px;
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson a {
  margin-left: 8px;
  transform: translateY(-10px);
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson div {
  flex: 1;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header {
  display: flex;
  padding: 16px 0;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title {
  width: 90%;
  display: flex;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title label {
  font-weight: 400;
  width: 70%;
  cursor: pointer;
}
@media (min-width: 600px) {
  .lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title label {
    width: 75%;
  }
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title span {
  margin-left: 16px;
  float: right;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title span i {
  color: #080B17;
  margin: 0px;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title span .dropdown-topic {
  width: auto !important;
  height: auto !important;
  z-index: 9997;
  position: fixed;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-expand {
  width: 10%;
  flex: 1;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body {
  padding: 16px 0px 16px 16px;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container {
  display: flex;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container label {
  width: 75%;
  cursor: pointer;
}
@media (min-width: 600px) {
  .lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container label {
    width: 85%;
  }
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container span {
  margin-left: 8px;
  float: right;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container span i {
  color: #080B17;
  margin: 0px;
}
.lessons-content .lessons-edit .collapsible .active .collapsible-header .collapsible-header-expand i {
  transform: rotate(-180deg);
  transform-transform-origin: 0.6em 0.5em;
}

#dropdown-move {
  position: fixed;
  width: 85% !important;
  height: auto !important;
  top: 100px;
  right: 30px;
  background-color: #FFFFFF;
  display: none;
  opacity: 0;
  border-radius: 10px;
}
@media (min-width: 600px) {
  #dropdown-move {
    width: 460px !important;
    top: 200px;
    right: inherit;
  }
}
#dropdown-move .dropdown-move-header {
  padding: 14px 16px;
}
#dropdown-move .dropdown-move-header-back {
  padding: 14px 16px;
  display: none;
}
#dropdown-move .dropdown-move-header-back a {
  color: #080B17 !important;
  text-decoration: none;
}
#dropdown-move .dropdown-move-header-back a i {
  margin-right: 8px !important;
}
#dropdown-move .dropdown-move-bottom {
  padding: 14px 16px;
}
#dropdown-move ul {
  padding: 0;
  margin: 0;
  height: 250px;
  overflow-y: scroll;
}
#dropdown-move ul li {
  display: flex;
  padding: 16px 16px 8px 16px;
  border-bottom: 1px solid #CCCCCC;
  justify-content: space-between;
  cursor: pointer;
  text-decoration: none !important;
  height: 60px;
}
#dropdown-move ul li:hover {
  background-color: #FFF3E0;
  cursor: pointer !important;
}
#dropdown-move ul li:hover label {
  cursor: pointer !important;
}
#dropdown-move ul li.active {
  background-color: #FFF3E0 !important;
  cursor: pointer !important;
}
#dropdown-move ul li.active a {
  display: block;
}
#dropdown-move ul li.active label {
  cursor: pointer !important;
}
#dropdown-move ul li.disabled {
  background-color: #E9EBF9 !important;
  cursor: inherit !important;
}
#dropdown-move ul li.disabled label {
  color: #A2A5B1 !important;
}
#dropdown-move ul li a {
  display: none;
}
#dropdown-move ul li:hover a {
  display: block;
}
#dropdown-move ul li label {
  width: 80%;
  margin-left: 4px;
  transform: translateY(4px);
  font-weight: 600;
}
#dropdown-move ul li ul {
  display: none;
}
#dropdown-move .btn-medium {
  width: 140px;
}
@media (min-width: 600px) {
  #dropdown-move .btn-medium {
    width: auto;
  }
}

.notifications-sidebar div .sidebar-fixed {
  padding-top: 16px;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .input-field label {
  color: #5A5D68 !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul {
  left: 0 !important;
  top: 48px !important;
  position: absolute;
  width: 100% !important;
  padding-right: 10px;
  overflow-x: hidden !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul li:hover {
  background-color: #FFFFFF !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled {
  background-color: #FFFFFF;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled span {
  padding-left: 8px !important;
  color: #484A55 !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled span::after, .notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled span::before {
  border: 0px solid red;
  width: 0px;
  height: 0px;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .selected {
  background-color: #FFFFFF !important;
}
.notifications-sidebar div .sidebar-fixed .filters-apply .delete-checked:hover span::before {
  border-top: 0px solid transparent !important;
  border-left: 0px solid transparent !important;
  border-right: 0px solid #DE1135 !important;
  border-bottom: 0px solid #DE1135 !important;
  color: #DB0000;
  content: "close";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  transform: rotate(0deg);
  font-size: 28px;
  transform: translateX(4px);
  transition: all 200ms ease;
}

.notifications-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.notifications-container .notifications-content {
  position: inherit;
}
.notifications-container .notifications-content .cards-container .card .card-content .card-description {
  margin-top: 8px;
  height: auto;
  overflow: hidden;
}
.notifications-container .notifications-content .cards-container .card .card-content .card-description p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notifications-container .notifications-content .cards-container .card .card-action {
  display: flex;
}
.notifications-container .notifications-content .cards-container .card .card-action .card-action-1 {
  flex: 2;
}
.notifications-container .notifications-content .cards-container .card .card-action .card-action-2 {
  flex: 1;
}
.notifications-container .notifications-content .cards-container .card .card-action .card-action-2 a {
  text-transform: inherit !important;
}
.notifications-container .notifications-content .cards-container .card.horizontal {
  display: block;
}

.order-container .order-activities {
  margin: 8px 0;
  padding: 0 16px;
}
.order-container .order-activities .activity {
  width: 100%;
  border-radius: 5px;
  height: 80px;
  margin: 8px 0;
  cursor: pointer;
  background: #FFFFFF;
}
.order-container .order-activities .activity .activity-icon {
  width: 15%;
  display: inline-block;
  float: left;
}
.order-container .order-activities .activity .activity-icon i {
  font-size: 32px;
  transform: translate(12px, 24px);
}
.order-container .order-activities .activity .activity-description {
  width: 75%;
  display: inline-block;
  float: left;
}
.order-container .order-activities .activity .activity-description h4 {
  margin-bottom: 4px;
}
.order-container .order-activities .activity .activity-drag {
  width: 10%;
  display: inline-block;
  float: left;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.order-container .order-activities .activity .activity-drag i {
  transform: translate(10px, 28px);
}

.sidebar .order-activities {
  padding: 0px;
  background-color: #FFFFFF;
}
.sidebar .order-activities .activity {
  width: 100%;
  border-radius: 5px;
  height: 80px;
  margin: 8px 0;
  cursor: pointer;
  background: #FFFFFF;
}
.sidebar .order-activities .activity .activity-icon {
  width: 25%;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.sidebar .order-activities .activity .activity-icon i {
  font-size: 28px;
  transform: translate(8px, 22px);
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-icon i {
    font-size: 32px;
    transform: translate(12px, 24px);
  }
}
.sidebar .order-activities .activity .activity-icon .text-icons {
  font-size: 12px;
  font-weight: 800;
  transform: translate(10px, 28px);
  display: inline-block;
}
.sidebar .order-activities .activity .activity-icon .text-icons-large {
  font-size: 8px;
  font-weight: 800;
  transform: translate(7px, 26px);
  display: inline-block;
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-icon .text-icons {
    font-size: 14px;
    transform: translate(14px, 30px);
  }
  .sidebar .order-activities .activity .activity-icon .text-icons-large {
    font-size: 9px;
    transform: translate(10px, 24px);
  }
}
@media (min-width: 1450px) {
  .sidebar .order-activities .activity .activity-icon .text-icons-large {
    font-size: 9px;
    transform: translate(14px, 24px);
  }
}
.sidebar .order-activities .activity .activity-description {
  max-width: 50%;
  width: auto;
  display: inline-block;
  float: left;
  cursor: pointer;
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-description {
    max-width: 55%;
    min-width: 55%;
  }
}
.sidebar .order-activities .activity .activity-description h4 {
  margin-bottom: 0;
  font-size: 12px !important;
  padding: 0;
  cursor: pointer;
}
.sidebar .order-activities .activity .activity-description label {
  font-size: 12px !important;
  cursor: pointer;
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-description h4 {
    margin-bottom: 0;
    font-size: 14px !important;
    padding: 0;
  }
  .sidebar .order-activities .activity .activity-description label {
    font-size: 14px !important;
  }
}
.sidebar .order-activities .activity .activity-drag {
  width: 10%;
  display: inline-block;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  float: left;
}
.sidebar .order-activities .activity .activity-drag i {
  transform: translate(10px, 28px);
}
.sidebar .order-activities .active {
  background: #FF9800;
}
.sidebar .order-activities .active i {
  color: #FFFFFF;
}
.sidebar .order-activities .active h4 {
  color: #FFFFFF;
}
.sidebar .order-activities .active label {
  color: #FFFFFF !important;
}
.sidebar .order-activities .active span {
  color: #FFFFFF !important;
}

.cardlonginser {
  transform: translate(10px, 26px) !important;
}

.textcentercard {
  margin-top: 5% !important;
}

.puestos-container {
  padding-top: 24px !important;
}
@media (min-width: 320px) {
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email,
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: none;
  }
}
@media (min-width: 600px) {
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email {
    display: none;
  }
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: table-cell;
  }
}
@media (min-width: 900px) {
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email {
    display: none;
  }
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email,
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: table-cell;
  }
}
.puestos-container .dropdown-more {
  color: #080B17;
}

.subject-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.subject-container .subject-header-block {
  padding: 8px 0;
}
.subject-container .subject-header-block .subject-header {
  width: 100%;
  height: 20vh;
}
.subject-container .subject-header-block .subject-header .subject-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.subject-container .subject-header-block .subject-header .subject-image .subject-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subject-container .subject-header-block .subject-header .subject-image .subject-cover .cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.subject-container .subject-header-block .subject-header .subject-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.subject-container .subject-header-block .subject-header .subjet-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.subject-container .subject-header-block .subject-header .subjet-no-image .subject-cover {
  background-color: transparent;
}
.subject-container .subject-header-block .subject-header .subjet-no-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
}
.subject-container .subject-chips {
  text-align: center;
  margin-top: 24px;
}
.subject-container .card-content {
  padding: 16px;
}
.subject-container .card-content .subject-description {
  text-align: center;
}
.subject-container .card-content .subject-description p {
  text-align: center;
}

.subject-bottom ul {
  padding: 0;
  margin: 0;
}
.subject-bottom ul .subject-bottom-continue {
  background-color: #FF9800;
}
.subject-bottom ul .subject-bottom-continue a {
  padding: 32px 0;
}
.subject-bottom ul .subject-bottom-continue a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}
.subject-bottom ul .subject-bottom-like {
  background-color: #FFF3E0;
}
.subject-bottom ul .subject-bottom-like a {
  padding: 16px 0;
}

.table-search select {
  margin: 0 !important;
  transform: translatey(-3px);
}

.webinars-cards-container.cards-mode {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.webinars-cards-container.cards-mode .card {
  flex: none !important;
  margin: 0 0 20px 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 47.5% !important;
    max-width: 49.5% !important;
  }
}
@media (min-width: 1090px) {
  .webinars-cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 31% !important;
    max-width: 32% !important;
  }
}
.webinars-cards-container.cards-mode .card:active, .webinars-cards-container.cards-mode .card::selection {
  border: 1px solid #FFA726;
}
.webinars-cards-container.cards-mode .card .card-header {
  height: 80px;
  background-color: white;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .card-header {
    height: 200px;
  }
}
.webinars-cards-container.cards-mode .card .card-header .card-header-buttons {
  width: 132 px;
  margin: 8px 8px 0 0;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .card-header .card-header-buttons {
    width: 54px;
  }
}
.webinars-cards-container.cards-mode .card .card-header .card-header-buttons a {
  margin: 0 0 8px 8px;
  width: auto;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .card-header .card-header-buttons a {
    margin: 0 0 8px 0;
  }
}
.webinars-cards-container.cards-mode .card .card-header .card-header-buttons a i.item-booked {
  color: #080B17;
  content: "bookmark" !important;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
}
.webinars-cards-container.cards-mode .card .card-header .ranking-container {
  margin: 8px 0 0 8px;
}
.webinars-cards-container.cards-mode .card .card-header .ranking-container i {
  color: #FFB74D;
}
.webinars-cards-container.cards-mode .card .card-header .ranking-container p {
  float: right;
  font-size: 10px;
  display: none;
}
@media (min-width: 360px) {
  .webinars-cards-container.cards-mode .card .card-header .ranking-container p {
    display: inline-block;
  }
}
.webinars-cards-container.cards-mode .card .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.webinars-cards-container.cards-mode .card .img-card01 {
  position: absolute;
  z-index: -1;
  height: 80px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .img-card01 {
    position: absolute;
    z-index: -1;
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
}
.webinars-cards-container.cards-mode .card .card-content {
  padding: 8px 8px;
}
.webinars-cards-container.cards-mode .card .card-content h5 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
.webinars-cards-container.cards-mode .card .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.webinars-cards-container.cards-mode .card .card-action {
  padding: 8px 8px 8px 8px;
  border: 0px solid #F3F6FF;
  overflow: hidden;
}
.webinars-cards-container.cards-mode .card .card-action .card-action-1 {
  display: inline-block;
  float: none !important;
  width: 100% !important;
}
.webinars-cards-container.cards-mode .card .card-action .card-action-1 a {
  width: 100% !important;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .gauge-container {
  width: 50%;
  float: left;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container {
  width: 50%;
  float: right;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper {
  transform: translateY(4px);
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
}
.webinars-cards-container.list-mode .card {
  height: 120px !important;
  width: 100% !important;
  min-width: 100% !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 5px !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card {
    height: 142px !important;
  }
}
.webinars-cards-container.list-mode .card .card-content {
  padding: 0px 8px !important;
}
.webinars-cards-container.list-mode .card .card-content h5 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
.webinars-cards-container.list-mode .card .card-stacked {
  padding: 0 8px 0 0;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides {
  display: flex;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left {
  width: 140px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left {
    width: 25%;
    display: inline-block;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
  height: 118px;
  width: 140px;
  background-color: #C8CAD7;
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  float: left;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
    float: none;
    height: 140px;
    width: auto;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
  display: flex;
  margin: 8px 8px 8px 0;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
    display: inline-block;
    margin: 8px 8px 0 0;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
    margin-left: 0;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container {
  display: inline-block;
  margin: 0 auto;
  width: inherit;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper {
  transform: translateY(8px);
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper .chip {
  margin-right: 0;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  z-index: 1;
  padding: 0px;
  object-fit: cover;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
  position: absolute;
  z-index: -1;
  height: 118px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
    position: absolute;
    z-index: -1;
    height: 140px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
  padding: 8px 8px 8px 8px;
  display: inline-grid;
}
@media (min-width: 599px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
    display: block;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content h4 {
  padding: 0;
  margin: 0 0 8px 0;
  font-weight: 400;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right {
  width: 58%;
}
@media (min-width: 400px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 69%;
    float: none;
    max-width: 425px;
  }
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 75%;
    display: inline-block;
    float: right;
    padding-top: 8px;
    max-width: none;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  display: inline-block;
  width: 100%;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  padding: 8px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action a {
  text-transform: none !important;
  margin-right: 8px;
}
@media (min-width: 990px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 {
  width: 30% !important;
  display: flex;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .gauge-container {
  width: 50%;
  float: left;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container {
  width: 50%;
  float: right;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
  transform: translateY(8px);
  display: none;
}
@media (min-width: 990px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
    display: inline-block;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 {
  width: 70% !important;
  padding-top: 8px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons {
  margin-top: 8px;
  float: right;
  width: 190px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-low i {
  color: #484A55;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
  float: left;
  width: 120px;
}
@media (min-width: 990px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
    width: 76px;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-right {
  float: right;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li {
  list-style: none;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-top .chip-rate i {
  color: #FFB74D;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
  margin-top: 8px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
    margin-top: 0px;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .progressbar-container {
  margin-top: 8px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .card-action {
  padding: 0;
  transform: translateY(-4px);
}

.label-text-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 0px;
}

.Control-label--copyclipboard {
  order: -1;
  width: 32px;
  position: absolute !important;
  top: 45px;
  left: 100%;
  text-align: right;
  margin-left: -40px;
  z-index: 9;
  cursor: pointer;
}

.card-logo {
  margin-top: 32px;
  margin-left: 32px;
}

.h4-text-desc {
  margin-bottom: 0px;
  margin-top: 2px;
}

.registered {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  transform: translateY(38px);
  top: -22px;
}

.rotate-icon {
  transform: rotate(0deg) !important;
}

.p-alt-desc {
  font-size: 16px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
}

.p-low-desc {
  position: relative;
  top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 8px;
  letter-spacing: 0em;
  text-align: left;
}

.p-desc-vid {
  font-size: 16px;
  font-weight: 600;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
}

.collapsible-body-nopad {
  padding: 0px;
}

.display-list-collapsible {
  display: contents;
  justify-content: space-between;
}

.size-img {
  width: 32px;
}

.btn-download {
  display: flex;
  text-decoration: none;
  font-size: 14px;
  color: #000000;
}

.expand-more-collapsible {
  transform: translateX(16px);
}

.table-righ-text {
  padding: 24px;
  font-weight: 600;
}

.p-nopad {
  margin: 0px;
  padding: 0px;
}

ol.s {
  list-style-type: inherit !important;
  color: #000 !important;
}

.collapsible-form-list .collapsible .block-list-item .collapsible-body .collapsible-body-container ol.s {
  list-style-type: inherit !important;
  color: #000 !important;
}
.collapsible-form-list .collapsible .block-list-item .collapsible-body .collapsible-body-container ol.s li {
  list-style-type: inherit !important;
  color: #000 !important;
}

.font-vigencia {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 16px;
}
.font-vigencia .color-bold-date {
  color: #FF9800;
  font-weight: 700;
}

.disabled-vogencia {
  color: #A2A5B1 !important;
}
.disabled-vogencia .color-bold-date {
  color: #A2A5B1 !important;
  font-weight: 700;
}

.btn-asignar-plan {
  font-size: 16px !important;
  width: 90% !important;
}

.btn-asignar-plan-2 {
  font-size: 16px !important;
  width: 100% !important;
}

.checbox-plan {
  position: relative;
  top: 10px;
  left: 10px;
}

.ol-color-text {
  color: #FB8C00 !important;
}

.text-important {
  text-decoration: underline;
  font-style: italic;
}

.btn-morer-vert-ssix {
  transform: translateY(8px);
}

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol, .ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li {
  list-style-type: none;
}
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: "•";
}
.ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}
.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em !important;
}
.ql-editor .ql-size-large {
  font-size: 1.5em !important;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em !important;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow {
  box-sizing: border-box;
}
.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*# sourceMappingURL=style.css.map */