﻿#frozen-cols-grid .k-grid-content {
    width: 100% !important;
    box-sizing: border-box;
}

#frozen-cols-grid .k-grid-content table,
#frozen-cols-grid .k-grid-header-wrap table {
    padding-right: 200px;
    width: 100% !important;
}
#frozen-cols-grid .k-grid-header-wrap.k-auto-scrollable {
    width: 100% !important;
width: calc( 100% - 20px ) !important;
}

#frozen-cols-grid .k-alt .frozen-right-col {
    position: relative !important;
    z-index: 1;
    background: #fafafa;
}

#frozen-cols-grid .frozen-right-col {
    position: relative !important;
    z-index: 1;
    background: white;
}

#frozen-cols-grid .k-alt .frozen-jobs-right-col {
    z-index: 1;
    background: #fafafa;
}

#frozen-cols-grid .frozen-jobs-right-col {
    z-index: 1;
    background: white;
}

#frozen-cols-grid .k-grid-content-locked {
    border-left: 1px solid #e0e0e0;
    z-index: 1;
    right: 17px;
    box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.08);
    min-height: 400px;
}

#frozen-cols-grid .k-grid-content-locked{
    background: white;
}




/* NEW FROZEN COLS */
#frozen-cols .k-grid-header-wrap thead tr th:last-child{
    border-right: 1px solid white;
}

#frozen-cols .k-grid-content-locked {
    padding: 0;
    margin: 0;
    border-left: 1px solid #e0e0e0;
    z-index: 1;
    right: 17px;
    box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -5px 1px 10px 0px rgba(0, 0, 0, 0.08);
    min-height: 400px;
    background: white;
}
#frozen-cols .k-grid-content-locked .k-alt {
    background: #fafafa;
}

#frozen-cols .k-grid-header-wrap.k-auto-scrollable,
#frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
#frozen-cols .k-grid-content,
#frozen-cols .k-grid-content > table {
    width: 100% !important;
}

#frozen-cols .clipping-long-cells div {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.clipping-long-cells div {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



/* CLients Index */
.Clients-Index #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-index #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-Index #frozen-cols .k-grid-content > table,
.Clients-index #frozen-cols .k-grid-content > table,
.Clients-controller #frozen-cols .k-grid-content > table {
    width: calc(100% + 182px) !important;
    padding-right: 182px;
}

@media (min-width: 2500px) {
    .Clients-Index #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-index #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-Index #frozen-cols .k-grid-content > table,
    .Clients-index #frozen-cols .k-grid-content > table,
    .Clients-controller #frozen-cols .k-grid-content > table {
        width: calc(100% - 182px) !important;
        padding-right: 0px;
    }
}

/* CLients > Locations */
.Clients-Locations #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-Locations #frozen-cols .k-grid-content > table {
    width: calc(100% + 230px) !important;
    padding-right: 182px;
}
@media (min-width: 2000px) {
    .Clients-Locations #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-Locations #frozen-cols .k-grid-content > table {
        width: calc(100% + 230px) !important;
        padding-right: 180px;
    }
}

/* CLients > Assets */
.Clients-Assets #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-Assets #frozen-cols .k-grid-content > table {
    width: calc(100% + 220px) !important;
    padding-right: 220px;
}

@media (min-width: 1650px) {
    .Clients-Assets #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-Assets #frozen-cols .k-grid-content > table {
        width: calc(100% - 220px) !important;
        padding-right: 220px;
    }
}

/* Clients > Quotes && Clients > Invoices */
.Clients-Quotes #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-Quotes #frozen-cols .k-grid-content > table,
.Clients-Invoices #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-Invoices #frozen-cols .k-grid-content > table {
    width: calc(100% + 220px) !important;
    padding-right: 220px;
}
/* Quotes */
@media (min-width: 2100px) {
    .Clients-Quotes #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-Quotes #frozen-cols .k-grid-content > table{
        width: calc(100% - 220px) !important;
        padding-right: 0px;
    }
}
/* Invoices */
@media (min-width: 2200px) {
    .Clients-Invoices #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-Invoices #frozen-cols .k-grid-content > table {
        width: calc(100% - 220px) !important;
        padding-right: 0px;
    }
}

/* CLients > AssignedTasks */
.Clients-AssignedTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-AssignedTasks #frozen-cols .k-grid-content > table {
    width: calc(100% + 250px) !important;
    padding-right: 250px;
}
@media (min-width: 2900px) {
    .Clients-AssignedTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-AssignedTasks #frozen-cols .k-grid-content > table {
        width: calc(100% - 250px) !important;
        padding-right: 0px;
    }
}

/* CLients > InProgressTasks */
.Clients-InProgressTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-InProgressTasks #frozen-cols .k-grid-content > table {
    width: calc(100% + 140px) !important;
    padding-right: 140px;
}

@media (min-width: 2900px) {
    .Clients-InProgressTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-InProgressTasks #frozen-cols .k-grid-content > table {
        width: calc(100% - 140px) !important;
        padding-right: 0px;
    }
}

/* CLients > PendingTasks */
.Clients-PendingTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-PendingTasks #frozen-cols .k-grid-content > table {
    width: calc(100% + 250px) !important;
    padding-right: 250px;
}

@media (min-width: 2900px) {
    .Clients-PendingTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-PendingTasks #frozen-cols .k-grid-content > table {
        width: calc(100% - 250px) !important;
        padding-right: 0px;
    }
}

/* CLients > CompletedTasks */
.Clients-Tasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-Tasks #frozen-cols .k-grid-content > table {
    width: calc(100% + 260px) !important;
    padding-right: 260px;
}

@media (min-width: 2900px) {
    .Clients-Tasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-Tasks #frozen-cols .k-grid-content > table {
        width: calc(100% - 260px) !important;
        padding-right: 0px;
    }
}

/* CLients > Assets > AssetContacts */
.Clients-AssetContacts #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Clients-AssetContacts #frozen-cols .k-grid-content > table {
    width: calc(100% + 160px) !important;
    padding-right: 160px;
}

@media (min-width: 2000px) {
    .Clients-AssetContacts #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-AssetContacts #frozen-cols .k-grid-content > table {
        width: calc(100% - 160px) !important;
        padding-right: 0px;
    }
}





/*.Clients-AssetRecords #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,*/
.Clients-AssetRecords #frozen-cols .k-grid-content > table {
    width: calc(100% + 220px) !important;
    padding-right: 220px;
}

@media (min-width: 2000px) {
    .Clients-AssetRecords #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Clients-AssetRecords #frozen-cols .k-grid-content > table {
        width: calc(100% - 220px) !important;
        padding-right: 0px;
    }
}



/* Assets Index */
.Assets-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-controller #frozen-cols .k-grid-content > table {
    width: calc(100% + 230px) !important;
    padding-right: 230px;
}

@media (min-width: 4700px) {
    .Assets-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-controller #frozen-cols .k-grid-content > table {
        width: calc(100% - 230px) !important;
        padding-right: 0px;
    }
}

/* Assets > DueToday  && Assets > DueThisWeek && Assets > Next30Days && 
   Assets > Next90Days && Assets > Overdue & Assets > Completed */
.Assets-DueToday #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-DueToday #frozen-cols .k-grid-content > table,
.Assets-DueThisWeek #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-DueThisWeek #frozen-cols .k-grid-content > table,
.Assets-Next30Days #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-Next30Days #frozen-cols .k-grid-content > table,
.Assets-Next90Days #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-Next90Days #frozen-cols .k-grid-content > table,
.Assets-Overdue #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-Overdue #frozen-cols .k-grid-content > table,
.Assets-Completed #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Assets-Completed #frozen-cols .k-grid-content > table {
    width: calc(100% + 140px) !important;
    padding-right: 140px;
}

@media (min-width: 1500px) {
    .Assets-DueToday #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-DueToday #frozen-cols .k-grid-content > table,
    .Assets-DueThisWeek #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-DueThisWeek #frozen-cols .k-grid-content > table,
    .Assets-Next30Days #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-Next30Days #frozen-cols .k-grid-content > table,
    .Assets-Next90Days #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-Next90Days #frozen-cols .k-grid-content > table,
    .Assets-Overdue #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-Overdue #frozen-cols .k-grid-content > table,
    .Assets-Completed #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Assets-Completed #frozen-cols .k-grid-content > table {
        width: calc(100% - 140px) !important;
        padding-right: 0px;
    }
}





/* WORK REQUESTS */
.WorkRequests-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.WorkRequests-controller #frozen-cols .k-grid-content > table {
    width: calc(100% + 150px) !important;
    padding-right: 150px;
}

@media (min-width: 2000px) {
    .WorkRequests-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .WorkRequests-controller #frozen-cols .k-grid-content > table {
        width: calc(100% - 150px) !important;
        padding-right: 0px;
    }
}





/* CONTRACTS - CONTRACTS */
.Contracts-Contracts #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Contracts-Contracts #frozen-cols .k-grid-content > table {
    width: calc(100% + 140px) !important;
    padding-right: 140px;
}

@media (min-width: 1600px) {
    .Contracts-Contracts #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Contracts-Contracts #frozen-cols .k-grid-content > table {
        width: calc(100% - 140px) !important;
        padding-right: 0px;
    }
}






/* REMINDERS - Index && DueToday && DueThisWeek && Overdue && Completed*/
.Activities-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Activities-controller #frozen-cols .k-grid-content > table,
.Activities-DueToday #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Activities-DueToday #frozen-cols .k-grid-content > table,
.Activities-DueThisWeek #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Activities-DueThisWeek #frozen-cols .k-grid-content > table,
.Activities-Overdue #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Activities-Overdue #frozen-cols .k-grid-content > table,
.Activities-Completed #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Activities-Completed #frozen-cols .k-grid-content > table {
    width: calc(100% + 230px) !important;
    padding-right: 230px;
}

@media (min-width: 2000px) {
    .Activities-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Activities-controller #frozen-cols .k-grid-content > table,
    .Activities-DueToday #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Activities-DueToday #frozen-cols .k-grid-content > table,
    .Activities-DueThisWeek #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Activities-DueThisWeek #frozen-cols .k-grid-content > table,
    .Activities-Overdue #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Activities-Overdue #frozen-cols .k-grid-content > table,
    .Activities-Completed #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Activities-Completed #frozen-cols .k-grid-content > table {
        width: calc(100% - 230px) !important;
        padding-right: 0px;
    }
}




/* Inventory > Products && Services */
.Inventory-Products #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Inventory-Products #frozen-cols .k-grid-content > table,
.Inventory-Services #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Inventory-Services #frozen-cols .k-grid-content > table {
    width: calc(100% + 230px) !important;
    padding-right: 230px;
}

@media (min-width: 2500px) {
    .Inventory-Products #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Inventory-Products #frozen-cols .k-grid-content > table{
        width: calc(100% - 230px) !important;
        padding-right: 0px;
    }
}
@media (min-width: 1600px) {
    .Inventory-Services #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Inventory-Services #frozen-cols .k-grid-content > table {
        width: calc(100% - 230px) !important;
        padding-right: 0px;
    }
}






/* DOCUMENTS */
.Documents-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Documents-controller #frozen-cols .k-grid-content > table {
    width: calc(100% + 330px) !important;
    padding-right: 330px;
}

@media (min-width: 2000px) {
    .Documents-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Documents-controller #frozen-cols .k-grid-content > table {
        width: calc(100% - 330px) !important;
        padding-right: 0px;
    }
}









/* QUOTES INDEX */
.Invoices-Quotes #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
.Invoices-Quotes #frozen-cols .k-grid-content > table {
    width: calc(100% + 230px) !important;
    padding-right: 230px;
}

@media (min-width: 4700px) {
    .Invoices-Quotes #frozen-cols .k-grid-header-wrap.k-auto-scrollable table,
    .Invoices-Quotes #frozen-cols .k-grid-content > table {
        width: calc(100% - 230px) !important;
        padding-right: 0px;
    }
}


/* changes colour of selscted filter in dropdown grids */
.k-animation-container .k-widget.k-header.k-menu .k-item.k-state-default.k-state-selected .k-link {
    background: var(--kb-light-purple);
   
}
/*
@media (min-width: 2000px) {
    .Tasks-AllTasks #frozen-cols-grid .k-grid-header-wrap.k-auto-scrollable table,
    .Tasks-AllTasks #frozen-cols-grid .k-grid-content > table {
        width: calc(100% - 230px) !important;
        padding-right: 0px;
    }
}*/