:root {
    --desktop-header-height: 66px;
    --desktop-bar-height: 60px;
    --border-color: #e5e5e5;
    --dark-gray: #64666c;
    --dark: #121212;
    --bg-light-gray: #f1f1f1;
}


body {
    font-family: "Ubuntu", sans-serif;
    color: #202020;
}

.container-fluid {
    --bs-gutter-x: 2rem;
}

button {
    background: unset;
    padding: unset;
    border: unset;
}

.form-control.transparent {
    border: none;
    background: transparent;
}

.form-control.transparent:focus {
    box-shadow: none;
}

/* Buttons */
.btn-default {
    background: #fff;
    border: 1px solid var(--border-color);
}
.btn-default:hover {
    background: var(--bg-light-gray);
    border: 1px solid var(--border-color);
}

.page-title {
    font-size: 24px;
}

/* Colors */

.text-light-blue {
    color: #78c9f1;
}

.text-blue {
    color: #0669a2;
}

.text-dark-blue {
    color: #264760;
}

.text-gray {
    color: #939598;
}

.bg-dark-blue {
    background: #264760;
}

.text-md {
    font-size: 0.9rem;
}

.text-sm {
    font-size: 0.8rem;
}

/*.fw-light {*/
/*    font-weight: 300;*/
/*}*/

/* Helpers */

.w-12px {
    width: 12px;
}

.w-16px {
    width: 16px;
}

.h-16px {
    height: 16px;
}

.w-18px {
    width: 18px;
}

.h-18px {
    height: 18px;
}

.w-20px {
    width: 20px;
}

.h-20 {
    height: 20px;
}

.w-24px {
    width: 24px;
}

.w-30px {
    width: 30px;
}

.w-32px {
    width: 32px;
}

.w-40px {
    width: 40px;
}

.w-max {
    width: max-content;
}

.flex-1 {
    flex: 1 1 0%;
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr); /* 2 στήλες */
}


.border {
    border: 1px solid var(--border-color);
}


/* TRANSITIONS */

.transition {
    transition: .2s all;
}

.rotate-90 {
    transform: rotate(90deg);
}

.-rotate-90 {
    transform: rotate(-90deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

/* Controls */

.checkbox-control {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkbox-control .form-check-input {
    margin: 0;
}

/* Dropdowns */

.dropdown-menu.open {
    display: block;
}

/* TREE */

.nodes {

}

.nodes.root {

}

.nodes.children {
    padding-left: 20px;
}

.nodes .child {
    font-weight: 300;
}


/* BANNERS */

.first-banner {
    position: relative;
}

.first-banner .banner {
    width: 55%;
}

.first-banner .banner img {
    width: 100%;
}

.first-banner .kopelitsa {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55%;
}

/* CATEGORY SEARCH */

.category-search {
    position: relative;
    width: 100%;
    margin-top: -61px;
    z-index: 999;
    transition: .2s all ease;
}

.category-search .container {
    max-width: 1030px;
}

.category-search .panel {
    background: transparent;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

.category-search .panel .panel-heading {
    background: rgba(255, 255, 255, 0.8);
    border-bottom: none;
    padding: 0 30px;
}

.category-search .panel .panel-body {
    background: #fff;
    padding: 20px 30px;
}