@charset "utf-8";

div.flex-content {
    width: initial;
}

div.dash-panel {
    margin-bottom: 4px;
    border: 1px solid var(--border-gray);
    border-radius: 4px;
    background-color: var(--background-primary);
}
div.flex-content div.dash-panel:last-child {
    margin-bottom: 0;
}

div.dash-panel h1 {
    padding: 0 8px;
    font-size: 14pt;
    border: none;
    border-bottom: 1px solid var(--border-gray);
    border-radius: 4px 4px 0 0;
}

div.dash-panel p {
    padding: 8px 0;
}

div.dash-panel table {
    margin: 0;
}

div.dash-panel table tr:hover {
    background-color: var(--hover) !important;
}

div.dash-panel ol {
    list-style-type: none;
    list-style-position: inside;
}

div.dash-panel ol li {
    padding: 10px 10px 0 24px;
    position: relative;
}
div.dash-panel ol li:before {
    content: "";
    width: 8px;
    height: 8px;
    top: 20px;
    left: 6px;
    border: 8px solid transparent;
    border-left-color: var(--text-secondary);
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
}
div.dash-panel ol li:hover {
    background-color: var(--hover);
}

div.dash-panel div.container {
    margin: 4px;
    padding: 0;
    border: none;
    background: none;
}

#ApprovalRequestDiv h1 {
    color: var(--color-white);
    background: #ff6b6b;
    background: -webkit-linear-gradient(bottom left, #ff6b6b, #ffcfcf);
    background: -moz-linear-gradient(bottom left, #ff6b6b, #ffcfcf);
    background: linear-gradient(to top right, #ff6b6b, #ffcfcf);
}

#ApprovalRequestDiv div.container {
    /* max-height: calc(30vh - 80px); */
    overflow-y: scroll;
}

#InprogressProjectDiv h1 {
    color: var(--color-white);
    background: #99bf00;
    background: -webkit-linear-gradient(bottom left, #99bf00, #ddf577);
    background: -moz-linear-gradient(bottom left, #99bf00, #ddf577);
    background: linear-gradient(to top right, #99bf00, #ddf577);
}

#InprogressProjectDiv div.container {
    /* max-height: calc(50vh - 80px); */
    overflow-y: scroll;
}

#InprogressProjectDiv input[type=number] {
    width: 30px;
}
#InprogressProjectDiv input[type=number]::after {
    content: "%";
}
#InprogressProjectDiv input[type=number]::-webkit-inner-spin-button {
    display: none;
}

#ProjectHistoryDiv h1 {
    color: var(--color-white);
    background: #025bc9;
    background: -webkit-linear-gradient(bottom left, #025bc9, #73adf5);
    background: -moz-linear-gradient(bottom left, #025bc9, #73adf5);
    background: linear-gradient(to top right, #025bc9, #73adf5);
}

#ProjectHistoryDiv div.container {
    /* max-height: calc(30vh - 80px); */
    overflow-y: scroll;
}

#LatestActivityDiv {
    width: 280px;
}

#LatestActivityDiv h1 {
    color: var(--color-white);
    background: #ffa600;
    background: -webkit-linear-gradient(bottom left, #ffa600, #fff8eb);
    background: -moz-linear-gradient(bottom left, #ffa600, #fff8eb);
    background: linear-gradient(to top right, #ffa600, #fff8eb);
}

#LatestActivityDiv ol {
    height: calc(100vh - 100px);
    overflow-y: scroll;
}