[v-cloak] {
    display: none;
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translate(80%, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translate(-2rem, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* LOADER */
.loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(98, 60, 235, 0.297);
    border-right-color: rgba(98, 60, 235, 0.1);
    border-radius: 50px;
    animation: spin 1s linear infinite;
}

.loading--light {
    border-color: rgba(214, 211, 224, 0.7);
    border-right-color: rgba(98, 60, 235, 0.1);
}

/* LAYOUT */
.main {
    width: 100%;
}

@media(min-width: 976px) {
    .main {
        width: calc(100% - 300px);
        margin-left: 300px;
    }
}

.section {
    min-height: calc(100vh - 6rem);
    border-radius: 2rem;
    background-color: #fff;
}

/* NAVIGATION */
.main-navbar {
    position: fixed;
    width: 100%;
    min-height: 70px;
    top: 0;
    display: flex;
    align-items: center;
    background-color: #f3f2f7;
    z-index: 100;
}

.main-navbar-menu {
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    transform: translate(-100%, 0);
    transition: .2s ease;
}


.main-navbar-menu.active {
    transform: translate(0, 0);
}

.main-navbar-menu.active::before {
    content: '';
    position: fixed;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    /* background: rgba(24, 50, 75, 1); */
    background: #18324b;
    opacity: .75;
    transition: .2s 1s ease;
    cursor: pointer;
}

.main-navbar-list {
    position: relative;
    z-index: 5;
    background-color: #fff;
    height: 100%;
    border-radius: 0 2rem 2rem 0;
}

@media(min-width: 976px) {
    .main-navbar-menu {
        position: static;
        width: auto;
        height: auto;
        transform: translate(0, 0);
    }

    .main-navbar-menu.active::before {
        display: none;
    }

    .main-navbar-list {
        background-color: transparent;
    }
}

@media(min-width: 976px) {
    .main-navbar {
        flex-direction: column;
        width: 300px;
        height: 100vh;
        align-items: stretch;
        z-index: 2;
    }
}

.main-navbar a {
    color: #18324b;
}

.main-navbar a span + span {
    margin-left: 0.5rem;
}

.main-navbar .nav-link {
    padding: 1rem 1rem;
    border-radius: 0.75rem;
}

.main-navbar .nav-link.active {
    background: #fff;
    color: #18324b;
}

/* CHAP  */
.chap {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem;
}




.chap-text {
    color: #c0ccd6;
    font-size: 14px;
}

.chap-completed .chap-text {
    color: rgba(58, 67, 74, 0.7);
}

.chap-icon {
    width: 20px;
    height: 20px;
    color: #c0ccd6;
    background: #e9e7ef no-repeat center/14px;
    border-radius: 0.25rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 19 3'%3E%3Cdefs/%3E%3Cpath stroke='%23C0CCD6' stroke-linecap='square' stroke-width='3' d='M2 1.5h15'/%3E%3C/svg%3E");
}

.chap-current .chap-icon {
    background-color: #f9f4da;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 19 3'%3E%3Cdefs/%3E%3Cpath stroke='%23E5D369' stroke-linecap='square' stroke-width='3' d='M2 1.5h15'/%3E%3C/svg%3E");
}

.chap-current .chap-text {
    color: #3a434a;
}

.chap-completed .chap-icon {
    background-color: #eef8e3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 13'%3E%3Cdefs/%3E%3Cpath fill='%236EC75C' fill-rule='evenodd' d='M1.694 6.013l3.74 3.666L15.305 0 17 1.66 5.433 13h-.001L0 7.675l1.694-1.662z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* CUSTOM-CHECKBOX  */
.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #dedce9;
    border-radius: 0.25rem;
}

.custom-checkbox:checked {
    background: #623ceb no-repeat center/12px;
    border-color: #623ceb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3E%3Cdefs/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M14 2l-8.25 8L2 6.364'/%3E%3C/svg%3E");
}

/* PAGINATION */
.pick::-webkit-scrollbar {
    width: 0;
}

.pick .pagination-count {
    /* color: #fff; */
}

.pick-dropdown {
    min-width: auto;
    /* background-color: #623CEB; */
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(37, 37, 38, 0.29);
}

.pick-dropdown svg path {
    stroke: currentColor;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.pagination a {
    color: rgba(24, 50, 75, 0.726);
    font-weight: bold;
}

.pagination a.disabled {
    color: #b7b7c7;
}

.pagination-count {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: #18324b; */
}

.pagination-count.active {
    background: #ebebf0;
    color: #623ceb;
}

.pagination-count:hover {
    color: #18324b;
    color: rgba(98, 60, 235, 0.774);
}

/* CHAT */
.chat {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.chat-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #623CEB;
}

@media(min-width: 992px) {
    .chat-btn {
        width: 40px;
        height: 40px;
    }
}

@media(min-width: 1200px) {
    .chat-btn {
        width: 60px;
        height: 60px;
    }
}



.user {
    justify-content: flex-end;
}

.bot + .bot .chat-bot-icon {
    visibility: hidden;
}

.chat-bot-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f4f3f9 no-repeat center/30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 41 36'%3E%3Cdefs/%3E%3Cpath fill='%23D6D0F6' d='M26.008 25.01H13.272c-.907 0-1.642-.714-1.642-1.594 0-.423.172-.829.48-1.128.309-.299.726-.467 1.162-.467h12.736c.436 0 .854.168 1.162.467.308.3.48.705.48 1.128 0 .88-.735 1.594-1.642 1.594z'/%3E%3Cellipse cx='3.287' cy='14.664' fill='%23623CEB' rx='3.287' ry='3.19'/%3E%3Cellipse cx='36.476' cy='14.454' fill='%23623CEB' rx='3.287' ry='3.19'/%3E%3Cpath fill='%23623CEB' d='M20.29.24S33.657.085 35.773 11.319c2.116 11.234-9.189 11.446-12.44 11.658-1.473.096-4.629.107-7.41.06-6.163-.104-10.518-1.262-11.998-6.81a10.33 10.33 0 01-.333-1.987C3.199 8.162 7.44-.058 20.29.24z'/%3E%3Cpath fill='%23E8ECF4' d='M10.593 17.355l19.42.294a3.747 3.747 0 002.622-1.008 3.527 3.527 0 001.12-2.513 3.52 3.52 0 00-1.038-2.546 3.74 3.74 0 00-2.59-1.087l-19.42-.293a3.746 3.746 0 00-2.623 1.008 3.527 3.527 0 00-1.12 2.513 3.52 3.52 0 001.039 2.546 3.74 3.74 0 002.59 1.086z'/%3E%3Cpath fill='%23623CEB' d='M25.983 13.736c.125.622.747 1.028 1.388.906.641-.122 1.06-.725.934-1.347s-.747-1.028-1.388-.906c-.641.121-1.06.725-.934 1.347zM12.416 13.526c.125.622.747 1.027 1.388.905.641-.121 1.059-.724.933-1.346-.125-.623-.746-1.028-1.387-.907-.308.059-.58.234-.755.486a1.12 1.12 0 00-.18.862zM22.582 13.207c.032-.005.084.087.118.275.039.267.014.54-.071.796-.123.39-.347.74-.65 1.022a2.285 2.285 0 01-2.879.255 2.392 2.392 0 01-.828-.89 1.739 1.739 0 01-.22-.771c0-.189.033-.29.065-.292.084-.006.111.398.465.881.202.28.464.513.769.685.729.446 1.676.362 2.31-.206.267-.222.482-.497.63-.807.256-.54.207-.94.291-.948z'/%3E%3Cpath fill='%23263238' d='M35.742 10.954c.044.089.079.182.106.277.031.09.068.201.1.333.032.131.078.28.11.447.084.392.14.788.17 1.187.033.488.028.979-.014 1.466a9.8 9.8 0 01-.252 1.446c-.101.388-.23.768-.384 1.138-.06.16-.131.3-.188.422a4.484 4.484 0 01-.16.311 1.62 1.62 0 01-.155.255c.032-.094.072-.185.119-.273.042-.085.093-.19.143-.315.051-.125.118-.264.174-.424.143-.371.263-.75.36-1.135.114-.472.195-.95.243-1.433a9.468 9.468 0 00-.126-2.629c-.026-.168-.066-.315-.094-.448a5.07 5.07 0 00-.084-.335 1.65 1.65 0 01-.068-.29zM4.076 11.022a1.68 1.68 0 00-.106.278c-.032.09-.068.201-.1.333-.033.133-.079.28-.11.448a8.811 8.811 0 00.095 4.1c.102.386.23.767.384 1.137.06.16.131.299.188.421.057.123.113.228.16.31.044.09.095.176.155.256a1.793 1.793 0 00-.119-.273c-.042-.087-.093-.19-.143-.315-.05-.125-.118-.264-.174-.424a9.926 9.926 0 01-.36-1.134 10.485 10.485 0 01-.243-1.434 9.478 9.478 0 01.126-2.63c.027-.167.067-.317.095-.448.027-.13.058-.244.084-.336.031-.094.054-.19.068-.289z'/%3E%3Cpath fill='%23623CEB' d='M6.964 31.29s3.967-3.765 12.278-3.765c8.31 0 12.554 3.765 12.554 3.765s-11.575 7.592-24.832 0z'/%3E%3C/svg%3E");
}

.chat-message {
    display: inline-block;
    max-width: 85%;
    border-radius: 0.5rem;
    padding: 0.7rem 0.9rem;
}

.user .chat-message {
    background: #623ceb;
    color: #fff;
    animation: slideInFromRight 0.3s ease;
}

.bot .chat-message {
    background: #f4f3f9;
    animation: slideInFromLeft 0.3s ease;
}

.bot .chat-bot-message .parsed-bot-message p {
    margin-bottom: 0;
}

/* CHECKBOX */
.checkbox {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #bcbac8;
    cursor: pointer;
}

.checkbox:checked {
    background-color: #623ceb;
    border-color: #623ceb;
}

/* SWITCH */
.switch {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    margin: 0;
    position: relative;
    width: 55px;
    height: 28px;
    background: #dfe1e5;
    border-radius: 1rem;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.switch::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translate(0, -50%);
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
}

.switch::after {
    content: "";
    display: inline-block;
    font-size: 10px;
    font-weight: 900;
}

.switch:checked {
    background: #623ceb;
}

.switch:checked::after {
    content: "";
}

.switch:checked::before {
    transform: translate(25px, -50%);
}


/* ELEMENT UI */
.el-input.is-disabled .el-input__inner {
    background-color: #fff;
}

.el-scrollbar__bar.is-vertical {
    width: 4px;
}

.el-scrollbar__thumb {
    border-radius: 5rem;
    background-color: rgba(98, 60, 235, 0.538);
}


.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: rgba(99, 60, 235, 0.078);
}

.el-select {
    display: inline-block;
    position: relative;
    width: 100%;
}

.el-input__inner {
    border-color: #dedce9;
}

.el-input__inner::placeholder {
    color: #6c757d;
}

.el-textarea__inner:focus,
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    box-shadow: none;
    border: 1px solid #623ceb;
}



.el-select-dropdown {
    box-shadow: 0 0 10px rgba(183, 181, 192, 0.18);
    box-shadow: 0 20px 100px -30px rgba(95, 101, 173, 0.55);
    border-color: #dedce9;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #623ceb;
}

.el-select .el-tag__close.el-icon-close {
    background-color: #eb3c5d;
    color: #fff;
    font-weight: bold;
    display: none;
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: #dd3957;
}

.el-select__tags > span {
    display: flex;
    align-items: center;
}

.el-tag.el-tag--info:first-child {
    color: #495057;
    text-transform: capitalize;
    flex: 1;
    background: transparent;
    border-color: transparent;
}

.el-select__tags-text {
    font-size: 14px;
}

.el-tag.el-tag--info + .el-tag.el-tag--info {
    background: #623ceb;
    color: #fff;
    border-color: currentColor;
    flex-shrink: 0;
}

.el-select-dropdown__item {
    text-transform: capitalize;
}

.el-popper .popper__arrow, .el-popper .popper__arrow::after {
    display: none;
}

/*  */
.table-fixed-top {
    position: absolute;
    top: 0;
    width: 60px;
    background: #fff;
    border-right: 1px solid rgb(222, 226, 230, 0.5);
    overflow: hidden;
}

.itoggle.is-focus {
    border: 1px solid #623ceb;
}

.select-box .dropdown-item:focus,
.select-box .dropdown-item:hover {
    background-color: rgba(99, 60, 235, 0.058);
}
.select-box .dropdown-item:active {
    background-color: rgba(99, 60, 235, 0.028);
    color: currentColor;
}

.select-box .dropdown-item.selected {
    color: #623ceb;
    font-weight: bold;
}

body{
  top: 0px !important;
}
.goog-te-banner-frame{
  visibility: hidden !important;
}
.goog-te-gadget {
  padding-left: 0px !important;
  padding: 10px !important;
  padding-top: 5px !important;
  width: 240px !important;
  background: #fff !important;
  height: 95px !important;
  border: 1px solid #eee !important;
  box-shadow: 0 20px 100px -30px rgb(95 101 173 / 35%) !important;

  font-family: arial;
  font-size: 11px;
  color: #666;
  white-space: nowrap;
  position: fixed !important;
  right: -118px !important;
  bottom: 270px !important;
  transform: rotateZ(270deg) !important;
}
.goog-te-gadget .goog-te-combo {
  /* padding-left: 0px; */
  margin: 4px 0;
  /*width: 100% !important;*/
  /*border: 1px solid #b7a8ee !important;*/
  border: none !important;
  font-size: 16px !important;

  padding: 7px;
  width: 90% !important;
  border-radius: 7px 7px 0px 0px;
  outline: none !important;
}
.goog-te-gadget .goog-te-combo:focus {
    outline: none !important;
}


/* hilighter js */
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}