/* /Pages/Clients/ClientTimeline.razor.rz.scp.css */

ul[b-j51wy6k9pp], li[b-j51wy6k9pp]{
    list-style: none;
    padding: 0;
}

.container[b-j51wy6k9pp]{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    /*background: linear-gradient(45deg, #209cff, #68e0cf);*/
    padding: 3rem 0;
}
.wrapper[b-j51wy6k9pp]{
    background: #eaf6ff;
    padding: 2rem;
    border-radius: 15px;
    width:100%;
}
h1[b-j51wy6k9pp]{
    font-size: 1.1rem;
    font-family: sans-serif;
}
.sessions[b-j51wy6k9pp]{
    margin-top: 2rem;
    border-radius: 12px;
    position: relative;
    overflow-y: auto;
    max-height: 500px;
}
li[b-j51wy6k9pp]{
    padding-bottom: 1.5rem;
    border-left: 1px solid #abaaed;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
}
li:last-child[b-j51wy6k9pp]{
     border: 0px;
     padding-bottom: 0;
}
li[b-j51wy6k9pp]:before{
     content: '';
     width: 15px;
     height: 15px;
     background: white;
     border: 1px solid #4e5ed3;
     box-shadow: 3px 3px 0px #bab5f8;
     box-shadow: 3px 3px 0px #bab5f8;
     border-radius: 50%;
     position: absolute;
     left: -10px;
     top: 0px;
}
.time[b-j51wy6k9pp]{
    color: #2a2839;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
p[b-j51wy6k9pp]{
    color: #4f4f4f;
    font-family: sans-serif;
    line-height: 1.5;
    margin-top:0.4rem;
}

li.current-stage[b-j51wy6k9pp] {
    font-weight: 600;
}

li.past-stage[b-j51wy6k9pp] {
    font-style: italic;
}

li.lowlight span[b-j51wy6k9pp] {
    color: lightgrey;
}

[b-j51wy6k9pp] li.lowlight label {
    background-color: lightgrey !important;
}

li.lowlight div[b-j51wy6k9pp] {
    color: lightgrey;
}
/* /Pages/Jobs/Gantt.razor.rz.scp.css */
[b-sgxq5ttv3g] .k-gantt-tasks td {
    padding: 0 !important;
    border-width: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
}

[b-sgxq5ttv3g] .k-grid-content {
    overflow: hidden !important;
    overflow-x: auto !important;
}

[b-sgxq5ttv3g] .k-gantt-timeline .k-grid-content {
    overflow-y: scroll !important;
    overflow-x: scroll !important;
}

[b-sgxq5ttv3g] .k-gantt-content {
    overflow: hidden !important;
}
/* /Pages/Nylas/Folder.razor.rz.scp.css */
.crop[b-cxyqeuyxfz] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-cxyqeuyxfz] .tabstrip-email-folder {
    height: 77vh;
}

[b-cxyqeuyxfz] .tabstrip-email-folder > .k-tabstrip-items-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 350px;
    max-width: 350px;
    /* Weird issue, I have to put min and max width instead of width */
}

[b-cxyqeuyxfz] .tabstrip-email-folder > .k-content {
    overflow-y: auto !important;
}

[b-cxyqeuyxfz] .thread-unread > label {
    font-weight: 600 !important;
}

[b-cxyqeuyxfz] .thread-read > label {
    font-weight: 400 !important;
}

[b-cxyqeuyxfz] .tabstrip-email-folder.k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
    display: block; 
}
/* /Pages/Nylas/MyEmails.razor.rz.scp.css */
[b-w467e0pvst] .tabstrip-my-emails > .k-tabstrip-content {
    height: 85vh;
}
/* /Pages/Nylas/NewNylasEmailPopup.razor.rz.scp.css */
[b-7xrdvmhe5o] .attachment {
    border: 1px solid grey;
    padding: 6px;
    margin: 1px;
    border-radius: 12px;
    display: inline-block;
}

[b-7xrdvmhe5o] .unread .panel-heading {
    font-size: medium;
    font-weight: bold;
}
/* /Pages/Nylas/NylasEmails.razor.rz.scp.css */
[b-zh0ofi94p3] .attachment {
    border: 1px solid grey;
    padding: 6px;
    margin: 1px;
    border-radius: 12px;
    display: inline-block;
}

[b-zh0ofi94p3] .unread .panel-heading {
    font-size: medium;
    font-weight: bold;
}
/* /Pages/Nylas/NylasEmailsPopup.razor.rz.scp.css */
[b-8oidxg5g2w] .attachment {
    border: 1px solid grey;
    padding: 6px;
    margin: 1px;
    border-radius: 12px;
    display: inline-block;
}

[b-8oidxg5g2w] .unread .panel-heading {
    font-size: medium;
    font-weight: bold;
}
/* /Pages/Nylas/NylasFileSections.razor.rz.scp.css */
.attachment[b-bsyftv6skv] {
    border: 1px solid grey;
    padding: 6px;
    margin: 1px;
    border-radius: 12px;
    display: inline-block;
}
/* /Pages/Nylas/NylasMessageSection.razor.rz.scp.css */
[b-4k5bf7wn22] .unread .card-header {
    font-size: medium;
    font-weight: bold;
}

[b-4k5bf7wn22] .font-size-20 {
    font-size: 20px;
}

[b-4k5bf7wn22] .dropdown-create-order {
    max-height: 500px;
}
/* /Pages/Projects/Gantt.razor.rz.scp.css */
[b-wb880zyx91] .k-gantt-tasks td {
    padding: 0 !important;
    border-width: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
}

[b-wb880zyx91] .k-grid-content {
    overflow: hidden !important;
    overflow-x: auto !important;
}

[b-wb880zyx91] .k-gantt-timeline .k-grid-content {
    overflow-y: scroll !important;
    overflow-x: scroll !important;
}

[b-wb880zyx91] .k-gantt-content {
    overflow: hidden !important;
}
/* /Pages/PurchaseOrders/Gantt.razor.rz.scp.css */
[b-4msd19gk1o] .k-gantt-tasks td {
    padding: 0 !important;
    border-width: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
}

[b-4msd19gk1o] .k-grid-content {
    overflow: hidden !important;
    overflow-x: auto !important;
}

[b-4msd19gk1o] .k-gantt-timeline .k-grid-content {
    overflow-y: scroll !important;
    overflow-x: scroll !important;
}

[b-4msd19gk1o] .k-gantt-content {
    overflow: hidden !important;
}
/* /Pages/Settings/Integration/Index.razor.rz.scp.css */
.integration[b-lmw2gn3rjg]  img {
    max-width: 150px;
    max-height: 100px;
}

.integration[b-lmw2gn3rjg]  .cell-icon {
    width: 1%;
    vertical-align: middle;
    text-align: center;
}

.integration[b-lmw2gn3rjg]  .cell-description {
    vertical-align: middle;
}

.integration[b-lmw2gn3rjg]  .cell-button {
    width: 1%;
    vertical-align: middle;
    text-align: center;
}

.integration[b-lmw2gn3rjg]  .cell-organization {
    vertical-align: middle;
    width: 20%;
}
/* /Shared/NotificationBell.razor.rz.scp.css */
.notification-bell .badge[b-uu66ozx70y] {
    position: absolute;
    top: 5px;
    right: 13px;
    border-radius: 50%;
    background: red;
    color: white;
}

.content[b-uu66ozx70y] {
    max-height: 80px;
}

.notification-dropdown[b-uu66ozx70y] {
    max-height:500px;
}

.notification-dropdown > li.dropdown-item[b-uu66ozx70y] {
    width: 350px;
    border-bottom: 1px grey dotted;
}