/* navbar*/
.nav-link {
    font-size: 19px;
}


.navbar-custom {
    background-color: #800080; /* Lilla taustavärv */
    color: white; /* Valge tekstivärv */
}

.navbar-custom .navbar-nav .nav-link,
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: white; /* Veendu, et kõik lingid ja tekstid oleksid valged */
}


/* Kohanda navbari nupu värvust */
.navbar-custom .navbar-toggler {
    background-color: rgba(255, 255, 255, 0.8); /* Valge taust, mõnevõrra läbipaistev */
    border-color: rgba(255, 255, 255, 0.3); /* Helepiir, kui on vajalik */
}

  

/*work_task stiilid*/
.bg-custom-purple {
    background-color: #8a418a !important;
    /* Vali oma lilla toon */
    color: white !important;
    /* Teksti värv */
}
.table-header-purple th {
    background-color: #8d6d8d;
    /* Lilla */
    color: white;

}



/*work_task salvesta nuppu stiilid*/
.btn-custom {
    background-color: #d7b0d7; /* Lilla taust */
    color: white; /* Valge tekst */
}

.btn-custom:hover {
    background-color: #A569BD; /* Tumedam lilla taust hiirega peale minnes */
    color: #fff;
}
/* Stiilid valitud osakonna nupule lehel work_task.php */
.btn-check:checked + .btn.custom-btn {
    background-color: #a64ca6; /* Lilla taust */
    color: white; /* Valge tekst */
    border-color: #800080; /* Lilla raam */
}

.card-header h6 {
    font-weight: normal !important;
}

/* Kohandatud stiilid valitud osakonna nupule mis asuvad work_task.php lehel */
.btn.custom-btn {
    color: black; /* Must tekst */
    border-color: black; /* Must raam */
    background-color: transparent; /* Läbipaistev taust */
}
.btn.custom-btn:hover {
    background-color: rgba(0, 0, 0, 0.1); /* Kerge hall taust hiirega kohal olles */
}



/* CSS, mis peidab noolekesed tabeli koguse lahtril sisestamisel */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




.table td,
.table th {
    padding: .28rem;
    /* Vähendab paddingut, mis muudab rea madalamaks */
}


body {
    /*background-image: url('pictures/taust.jpg');*/
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


body {
    /*background-image: url('pictures/taust.jpg');*/
    background-color: #F5F5F5;
}



/* mobiili vaates tabel väiksemaks*/
@media (max-width: 768px) {
    .table-custom th, .table-custom td {
        padding: 0.5rem; /* Vähenda polsterdust */
        font-size: 0.8rem; /* Vähenda teksti suurust */
    }
    .quantity-and-comment input, .edit-buttons button {
        padding: 0.25rem 0.5rem; /* Vähenda nuppude polsterdust */
        font-size: 0.7rem; /* Vähenda nuppude teksti suurust */
    }
    .comment-text {
        font-size: 0.75rem; /* Vähenda kommentaari teksti suurust */
    }
}

/*päevaplaani stiilid*/
.nav-tabs .nav-link {
    color: black;
    /* Hall */
    background-color: #e9ecef;
    /* Helehall */
    flex: 1; /* Jagab vahekaardid ühtlaselt */
    text-align: center; /* Keskendage tekst */
    padding: 0.75rem 1rem; /* Tavaline täitmine */
}

.nav-tabs .nav-link.active {
    color: white;
    background-color: #6c757d;
    /* Sinine */
}

.nav-tabs .nav-link:hover {
    color: black;
    /* Tumeroheline hall */
}
.nav-item {
    flex-grow: 1; /* Jagab nav-item elemendid ühtlaselt */
}
 /* Mobiilivaate jaoks */
 @media (max-width: 576px) {
    .nav-tabs .nav-link {
        padding: 0.5rem 0.75rem; /* Vähendatud täitmine */
        font-size: 0.875rem; /* Väiksem fondisuurus */
    }
}