/* we beed to fix its weight first */
@font-face {
font-family: Geologica;
src: url(fonts/Geologica/Geologica-VariableFont_CRSV,SHRP,slnt,wght.ttf) format("truetype");
}

/*body {*/
/*    font-family: Geologica;*/
/*}*/

@media (min-width: 768px) {
    .sidebar .offcanvas-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 48px;
    }
    .navbar-search {
        display: block;
    }
}

/* -------------------------------------------- fix for chrome/chromium */
/* Стилизация полосы прокрутки */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar:hover {
    width: 14px;
}

/* Стилизация ползунка */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

/* Стилизация ползунка */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

/* Стилизация ползунка при наведении */
::-webkit-scrollbar-thumb:hover {
    background-color: #99a;
}

/* -------------------------------------------- end fix for chrome/chromium */

.sidebar .nav-link, .sidebar label {
    font-size: .875rem;
    font-weight: 500;
}

.sidebar .form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}

.sidebar .nav-link.active, .sidebar label, .sidebar-color, .sidebar .nav-link {
    color: #0b3e26 !important;
}

[data-bs-theme=dark] .sidebar .nav-link.active, [data-bs-theme=dark] .sidebar label, [data-bs-theme=dark].sidebar-color,
[data-bs-theme=dark] .sidebar .nav-link {
    color: #1cc172 !important;
}

.sidebar-heading {
    font-size: .75rem;
}

#topTitle {
    transition: all 0.3s;
    max-width: 100%;
}

.sidebar-folders {
    color: #0b3e26 !important;
}

[data-bs-theme=dark] .sidebar-folders {
    color: #1cc172 !important;
}


.slideout {
    max-width: 0% !important;
    opacity: 0;
}

.spin2, .spin2::before {
    animation:spin 1s linear infinite;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    -ms-animation:spin 1s linear infinite;
}

.spin1, .spin1::before {
    animation:spin 2.3s linear infinite;
    -webkit-animation:spin 2.3s linear infinite;
    -moz-animation:spin 2.3s linear infinite;
    -ms-animation:spin 2.3s linear infinite;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

.bg-themed-light {
    background: #eeeff2;
}

[data-bs-theme=dark] .bg-themed-light {
    background: rgba(60,62,64,1)
}

.toolbar-icon {
    margin: 0px !important;
    padding: 2px !important;
    font-size: calc(0.6rem + 0.7vw) !important;
}

.btn-toolbar {
    border: none;
}

.btn-toolbar.active, #context-toolbar .btn.active {
    border: none;
    background: #eeeff2;
}

[data-bs-theme=dark] .btn-toolbar {
    border: none;
    /*    border: 1px #AABAAA solid;*/
    color: #AABAAA;
}

[data-bs-theme=dark] .btn-toolbar.active, [data-bs-theme=dark] #context-toolbar .btn.active {
    background: rgba(60,62,64,1)
}

.selected-tree, .hover-highlight:hover {
    background: #eaeced;
    color: #121314;
}

[data-bs-theme=dark] .selected-tree, [data-bs-theme=dark] .hover-highlight:hover {
    background: #313537;
    color: #ffffff;
}

.bigger {
    font-size: 1.21rem;
}

.small {
    font-size: 0.8rem;
}

.small-muted {
    font-size: 0.8rem;
    color: gray;
}

.prop-icons {
    margin-left: 0.1rem;
    font-size: 0.9rem;
    color: #9a9d9f;
}

/* ------------------------ new theme ------------------------ */

.lightgreen {
    color: #42B2A3 !important;
}

.geologica {
    font-family: Geolorgica !important;
}

.link2, a .link2, a:visited .link2{
    font-family: Geologica !important;
    padding-bottom: 3px;
    border-bottom: solid 2px #42B2A3;
    text-decoration: none;
    color: #212529;
}

a.link-noborder, a.link-noborder:hover, a.link-noborder:active, a.link-noborder:visited {
    border: none;
    color: #212529;
    text-decoration: none;
}

[data-bs-theme=dark] .link2, [data-bs-theme=dark] a.link-noborder {
    color: #dee2e6;
}

.size1, .size2, .size3, .size4, .size5, .size6, .size7, .size8, .size9 {
    font-family: Geologica !important;
    color: #42B2A3 !important;
}

.size2 {
    font-size: 36px;
    font-weight: 600;
}

.size3 {
    font-size: 24px;
    font-weight: 700;
}

.size4 {
    font-size: 18px;
    font-weight: 600;
}

.size5 {
    font-size: 15px;
    font-weight: 500;
}

.highlight {
    background: yellow;
}

[data-bs-theme=dark] .highlight {
    background: #6c6c05;
    color: #dee2e6
}