@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
::-webkit-scrollbar {
  width: 10px;
  position: fixed !important;
  top: 0;
  bottom: 0;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(68, 68, 68, 0.3);
}

::-webkit-scrollbar-thumb {
  position: fixed;
  border-radius: 10px;
  background-color: #7b58ca;
}

.tox-notifications-container {
  display: none !important;
}

input, .tox.tox-tinymce, select, textarea {
  border-color: #eed9ff !important;
  box-shadow: 0 0 2px 0 #eed9ff;
  outline: #eed9ff !important;
}
input:focus, .tox.tox-tinymce:focus, select:focus, textarea:focus {
  box-shadow: 0 0 3px 2px #eed9ff !important;
}

.tox.tox-tinymce .tox-editor-header {
  background-color: #eed9ff !important;
}
.tox.tox-tinymce .tox-editor-header .tox-menubar, .tox.tox-tinymce .tox-editor-header .tox-toolbar-overlord, .tox.tox-tinymce .tox-editor-header .tox-toolbar__primary {
  background: transparent !important;
}

body {
  background-color: #fefefe !important;
  padding-top: 75px;
}
body * {
  font-family: "Poppins", sans-serif;
  color: #444;
}
body select, body option {
  font-family: "boxicons", "Poppins", sans-serif;
}
body select option {
  font-size: 17px;
}
body a {
  text-decoration: none !important;
  color: #444;
}
body a:hover {
  text-decoration: none !important;
  color: #444;
}
body .bg-primary {
  background-color: #7b58ca !important;
}
body .bg-primary * {
  color: #fff;
}
body .border-primary {
  border-color: #7b58ca !important;
}
body .primay-table .table tr {
  border-color: #ddd !important;
}
body .primay-table .table tr:nth-child(even) {
  background-color: #f2e8ff !important;
}
body .primay-table .table tr:last-child {
  border-color: rgba(0, 0, 0, 0) !important;
}
body .primay-table .table tr th, body .primay-table .table tr td {
  padding: 0.5rem 1.5rem !important;
}
body .primay-table .table tr .bx {
  font-size: 35px !important;
  vertical-align: middle;
  color: #6442b4;
}

.btn {
  padding: 10px 13px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  transition: all ease 0.3s;
}
.btn * {
  transition: all ease 0.3s;
}
.btn i {
  font-size: 22px !important;
  padding-right: 5px;
  vertical-align: middle;
}

.btn-primary {
  background-color: #7b58ca !important;
  border-color: #7b58ca !important;
}
.btn-primary i, .btn-primary span {
  color: #fff !important;
}

.btn-primary-out {
  background-color: #fff !important;
  border: 2px solid #7b58ca !important;
}
.btn-primary-out i, .btn-primary-out span {
  color: #7b58ca !important;
}
.btn-primary-out:hover i, .btn-primary-out:hover span {
  color: #fff !important;
}

.btn-primary-out:hover,
.btn-primary:hover {
  border-color: #6442b4 !important;
  background-color: #6442b4 !important;
}

.btn-primary, .btn-danger, .btn-success, .btn-warning {
  color: #fff !important;
  align-items: center;
}
.btn-primary i, .btn-primary span, .btn-danger i, .btn-danger span, .btn-success i, .btn-success span, .btn-warning i, .btn-warning span {
  color: #fff !important;
}

.navbar {
  background-color: #fff !important;
  box-shadow: 0 0 5px 0 #ddd;
}
.navbar .btn {
  padding: 7px 10px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.navbar .navbar-brand {
  font-weight: 500;
}
.navbar .navbar-brand img {
  width: 40px;
}
.navbar .navbar-brand .tasked {
  color: #7b58ca;
  font-size: 18px;
  font-size: 300;
}
.navbar .navbar-brand .tasked .green {
  color: #77dcd8 !important;
}
.navbar .navbar-brand .tasked .docs {
  font-weight: 700;
  font-size: 12px;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #777;
  transition: all ease 0.3s;
}
.navbar .navbar-nav .nav-item:hover {
  color: #7b58ca !important;
  font-weight: 500 !important;
}

.sidebar {
  width: 250px;
}
.sidebar .position-fixed {
  width: 250px;
  height: calc(100vh - 65px);
  left: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: 2px 4px 5px 0 #ddd;
}
.sidebar .position-fixed h2 {
  color: #444 !important;
  font-weight: 400;
  font-size: 15px !important;
}
.sidebar .position-fixed span {
  font-size: 14px;
}
.sidebar .position-fixed .active {
  background-color: #7b58ca;
  border-radius: 6px;
  box-shadow: 0 0 5px 0 #7b58ca;
}
.sidebar .position-fixed .active span,
.sidebar .position-fixed .active i {
  color: #fff !important;
}
.sidebar .position-fixed a {
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
}
.sidebar .position-fixed a i {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.sidebar .position-fixed .accordion .accordion-item {
  color: #444 !important;
}
.sidebar .position-fixed .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: #eed9ff !important;
  color: #7b58ca !important;
}
.sidebar .position-fixed .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  color: #7b58ca !important;
}
.sidebar .position-fixed .accordion .accordion-item .accordion-body * {
  transition: ease all 0.3s;
}
.sidebar .position-fixed .accordion .accordion-item .accordion-body li a:hover span {
  padding-left: 10px;
}

.content {
  width: calc(100vw - 248px) !important;
}
.content .docs {
  overflow: hidden;
  min-height: calc(100vh - 80px);
}
.content .docs p, .content .docs li, .content .docs span {
  font-size: 13px;
  color: #444;
  font-weight: 400;
}
.content .docs strong {
  color: #6442b4;
  font-weight: 600;
}
.content .docs a {
  font-weight: 500;
  color: #48aca8;
  text-decoration: underline !important;
}
.content .docs h2 {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #7b58ca !important;
}
.content .docs h2 strong {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #7b58ca !important;
}
.content .docs h2::before {
  color: #77dcd8;
  content: "# ";
  font-weight: 400;
  font-size: 22px;
}
.content .time-line h6 {
  color: #7b58ca;
}
.content .time-line .nav-link {
  color: #444;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 7px;
}
.content .time-line .nav-link::before {
  color: #7b58ca;
  content: "# ";
  font-weight: 400;
  font-size: 14px;
}

.time-line .titles {
  min-height: calc(100vh - 120px);
}/*# sourceMappingURL=style.css.map */