body {
    /* Puts main content below NavBar */
    margin-top: 4rem;
}

/* Main navbar color*/
.bg-dark {
    background-color: #343a40!important;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #690d0d;
    color-interpolation: linearRGB;
}


.login-user-color{
    /*font-weight: bolder;*/
    color: #1f82c0 !important;
    /*color: #fffec8 !important;*/
}

table {
    border-collapse: collapse;
    border-color: lightgray;
    font-size: 12px;
}

/* This can freeze first column; works but there's some thing interacting with higher level div*/
/*.table th:first-child {*/
/*    position: sticky;*/
/*    left: 0px;*/
/*    z-index: 1;*/
/*}*/

.table-link {
    color: #000;
}
.table-link:hover {
    color: darkgray;
}

th {
    /* Background in table header*/
    background-color: #e9ecef!important;
}

.icon-list-item {
    list-style: none; /* Remove default list-style */
    margin: 10px 0; /* Adjust spacing as needed */
}

.content-section {
    background: #f5f5f5;
    padding: 3px 3px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 5px;
}

/*!* Main window with stones *!*/
.my-group-section {
    background: white;
    padding: 3px 3px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 5px;
    /*margin-left: 1px;*/
    /*cursor: move; !* Shows a move cursor when hovering over the div *!*/
}
.my-group-section.ui-sortable-helper {
    background-color: #f0fffe; /* Lighter background while dragging */
}

.my-group-name {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}
.my-task-section {
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #7a7777;
    border-radius: 3px;
    margin-bottom: 2px;
    padding-left: 3px;
}
.my-task-section.ui-sortable-helper {
    background-color: #f0fffe; /* Lighter background while dragging */
}
.my-task-placeholder {
    font-size: 12px;
    min-height: 20px;
    border: 1px dashed #dddddd;
    border-radius: 3px;
    text-align: center;
    color: #888;
    font-style: italic;
}
.my-subtask-section {
    font-size: 11px;
    border-top: 1px solid #ada8a8;
    padding-left: 5px;
}
.my-subtask-section.ui-sortable-helper {
    background-color: #f0fffe; /* Lighter background while dragging */
}

.my-task-manager-buttons-group {
    font-size: 14px;
}
/*.my-subtask-section-completed {*/
/*    font-size: 11px;*/
/*    border-top: 1px solid #ada8a8;*/
/*    padding-left: 5px;*/
/*}*/

/*.aaa {*/
/*    color: #b9ff00*/
/*}*/