html {
    overflow-y: scroll;
}

.lightblueback {
    background-color: #0B3954;
}

.dropdown-menu {
    background-color: #0B3954 !important;
}

body {
    background: #BFD7EA !important;
}

.navbar-brand {
    color: #E0FF4F !important;
}

.nav-item {
    padding: 0 10px 0 10px;
}

button.nav-link {
    color: black !important;
}

.nav-link, .dropdown-item {
    color: #FEFFFE !important;
}

.dropdown-item:hover {
    background-color: #FF6663 !important;
}

body.modal-open {
    padding-right: 0px !important;
}

.segment-button {
    background-color: #1fbddd !important;
    color: white !important;
}

/*Ugly - REWRITE*/
/*#project_selection > .form-floating > select{*/
.form-select {
    width: 100% !important;
}

#project_list, #phases_list, #distribution_channel_list, #relationship_type_list, #cj_basket, #users_list {
    background: white;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(66, 68, 90, 1);
    box-shadow: 2px 2px 5px 0px rgba(66, 68, 90, 1);
}
#users_list tbody tr:first-child {
    border-top-width: 1px;
}

.chosen_segment {
    background-color: darkorange !important;
}

.actor_highlight {
    padding: 10px 0 10px 0;
    background: white;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(66, 68, 90, 1);
    box-shadow: 2px 2px 5px 0px rgba(66, 68, 90, 1);
}

#actors_list {
    background: #BFD7EA;
}

.view-switch {
    padding: 10px;
}

.view-switcher-button {
    border: 1px solid grey;
    background: #1fbddd !important;
    margin-left: 5px;
    color: white;
}

/*Footer*/
.footer {
}

.phase_box {
    border-right: 1px solid #1fbddd;
}

.phase_header {
    font-size: 0.8em;
    min-height: 90px;
}

.task {
    padding: 15px 3px 15px 3px;
    font-size: 0.9em !important;
    border-radius: 5px;
    background-color: lightyellow;
    text-align: center;
    /*TODO: temporary word break*/
    white-space: normal !important;
    word-break: break-word;
}

.finished {
    background-color: #1fbddd;
}
.todo {
    background-color: #FF6663 !important;
}
.task-online {
    color: deepskyblue !important;
}
.task-offline {
    color: lightslategrey !important;
}
.low {
    background: #F6B8B8;
}
.medium {
    background: #FFE49B;
}
.high {
    background:  #A3D9A5;
}

.hover {
    background: orange;
    color: white;
}

.small-text {
    font-size: 14px !important;
}

.medium-text {
    font-size: 16px !important;
}

#pkd_list {
    min-height: 70vh;
}

.basket_box {
    background-color: darksalmon;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-top: 300px;
}

.footer {
}

.accordion-header > .accordion-button:not(.collapsed) {
    color: white;
    background-color: #0dcaf0;
!important;
}

.accordion > .accordion-item {
    border: 0 !important;
}

#myTabContent {
    background: white;
}

.single_comment {
    background: #FFFEE0;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 20px;
}

#path-editor {
    background-color: aliceblue;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#path_tool {
    position: fixed;
    bottom: 0;
    right: 0;
    overflow: auto;
    max-width:550px;
    box-sizing: border-box;
    padding: 1rem;
    background: white;
    /*background: rgba(255, 255, 255, 0.8); */
    border-top-left-radius: 8px;
    z-index: 1000;
}
.down-arrow {
    border:1px solid #1fbddd;
    border-radius:2px;
    padding:0 5px 0 5px;
}

.button-red {
    background-color: red !important;
}
.button-violet {
    background-color: #6f42c1 !important;
}
#preview-paths {
    max-height: 300px;       /* or whatever height fits your design */
    overflow-y: auto;        /* enables vertical scroll when needed */
    padding-right: 10px;     /* optional: avoids scroll clipping */
}
#preview-paths::-webkit-scrollbar {
    width: 6px;
}
#preview-paths::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.pathing-tool-status {
    font-weight: bold;
}
.pathing-tool-status-disabled {
    color: red;
}
.pathing-tool-status-active {
    color: green;
}
.pathing-tool-status-recording {
    color: orangered;
}
.path-color-0 {
    outline: 2px solid #6c757d;
}

/* Grey - neutral */
.path-colour-1 {
    outline: 2px solid #007bff;
}

/* Blue - primary */
.path-colour-2 {
    outline: 2px solid #28a745;
}

/* Green - success */
.path-colour-3 {
    outline: 2px solid #6f42c1;
}

/* Purple - info */
.path-colour-4 {
    outline: 2px solid #fd7e14;
}
.path-colour-single {
    outline: 2px solid #007bff;
}

/* Orange - warning */

.editor-view {
    box-sizing: content-box;
    padding: 20px;
}

.pe_selected_task {
    background-color: chartreuse;
}

.user-logged {
    color: chartreuse !important;
}
.preview-path-name{
    margin-bottom: 5px !important;
}
.preview-paths-title{
    font-weight: normal;
    color: grey;
    font-style: italic;
}