.access-level-top{
    display: inline-block;
    width: inherit;
}

.nav-link{
    cursor: pointer;
}

[class*="sidebar-dark-"] .sidebar span {
    color: #c2c7d0;
}

[class*="sidebar-dark-"] .sidebar span:hover, [class*="sidebar-dark-"] .sidebar span:focus {
    text-decoration: none;
}

.content-wrapper section.content {
    padding: 0 .5rem;
}

.sparkline{
    height: 20px;
    width: 70px;
}

body.dark-mode .dt-button-collection{
    background-color: #343a40;
}

.navbar-brand{
    font-size: 1.4em;
}

  /* <div class="spinner-border text-primary" role=""></div> */
.loading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  display: block !important;
  background-color: #d0d0d087;
  z-index: 1;
}
.loading::after {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    vertical-align: -.125em;
    border: .45em solid #007bff;
    border-right-color: #007bff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    z-index: 99;

}

.bold{
    font-weight: bold;
}
.red{
    color: rgb(188, 60, 60)
}
.green{
    color: rgb(100, 188, 60)
}
.gray, .grey{
    color: #cecece
}

body.light-mode img.sw-dark-mode{
    display:none;
}
body.dark-mode img.sw-light-mode{
    display:none;
}

body.dark-mode .red{
    color: rgb(244, 145, 145)
}
body.dark-mode .green{
    color: rgb(184, 240, 158)
}
body.dark-mode a {
  color: #70b5ff;
}


body.light-mode pre{
    color: #ff2185;
}
body.dark-mode pre{
    color: #ffc3de;
}

.pointer{
    cursor:pointer;
}

i.pointer{
    cursor:pointer;
    padding:5px;
}
i.pointer:hover{
    cursor:pointer;
    background-color: #0000003d;
    padding: 5px;
    border-radius: 5px;
}

td.center{
    text-align:center;
}

.card.pointer{
    cursor:pointer;
}
.card.pointer:hover{
    background-color: #8e8e8e17;
}

.modal-body button.btn_sent_done,
.modal-body .check_job_text,
.modal-body .todo_job_text,
.modal-body .task_status_delay,
.modal-body .created_job_text{
    display:none;
}

.modal-body .modal_status_done button.btn_sent_done{
    display:inline-block;
}
.modal-body .modal_status_todo .todo_job_text,
.modal-body .modal_status_done .check_job_text,
.modal-body .modal_status_created .created_job_text{
    display:block;
}

.job_status_done{
    display:none;
}

.status_done .job_status_done{
    display:block;
}

.status_done .task_date_to,
.status_done .task_progress{
    display:none;
}

.status_created .task_progress{
    display:none;
}


.toasts-top-right{
      z-index: 99999999;
}

.translation_success{
    display:none;
}

img.dashboard-book-cover{
  max-width: 100%;
  max-height: 300px;
}

.dashboard-back-home{
  border-bottom: 1px solid #4b545c;
  margin-bottom: .2rem;
}

/* лендинг */

body.homepage {
  font-size: 1.3rem;
  background-color: #e9ecef;
}

.homepage .book-cover-holder .book-badge {
  position: absolute;
  width: 120px;
  height: 120px;
  background: #5cb377;
  text-align: center;
  padding-top: 32px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.375rem;
  color: #fff;
  font-weight: bold;
  top: -2rem;
  right: 0;
}

.homepage blockquote{
    background-color: #f6f8fc;
}

.homepage.dark-mode{
    background-color: #454d55;
}

.homepage.dark-mode blockquote{
    background-color: #343a40;
}

.homepage.dark-mode .btn.btn-primary{
    background-color: #608fbf;
}

.homepage section{
    clear: both;
}