/* add 'locked-both-sides locked-both-sides-Controller-View' to frozen-cols id*/
/* add 'locked-left-col' to both locked col header and body also set width and add locked(true)*/
/* add 'frozen-col-right' to right locked col */
/* copy across js block - found at bottom of this file */


/*CSS that will remain the same*/
#frozen-cols-grid.locked-both-sides .k-grid-content,
#frozen-cols.locked-both-sides .k-grid-content {
    border-left: 1px solid #e1e1e1 !important;
}
.locked-both-sides .k-grid-content-locked colgroup {
    display: none;
}
.locked-both-sides .k-grid-content-locked table tr .k-alt {
    background: #f2f2f2;
    background: white;
}
.locked-both-sides #grid .k-grid-content-locked span:not(.caret) {
    display: none;
}

.locked-both-sides .k-grid-content-locked table {
    table-layout: auto
}
.locked-both-sides .k-grid-content-locked tr td.locked-left-col.col-shadow {
    min-height: 47.846px;
    box-shadow: 3px 1px 5px -1px rgb(204 204 204 / 30%);
}
.locked-both-sides .k-grid-content,
.locked-both-sides .k-grid-content,
.locked-both-sides .k-grid-content,
.locked-both-sides .k-grid-content tr.k-alt,
.locked-both-sides .k-grid-content tr.k-alt td,
.locked-both-sides .k-grid-content tr.k-alt:hover {
    background: transparent !important;
}
#frozen-cols-grid.locked-both-sides .k-grid-header-wrap.k-auto-scrollable,
#frozen-cols.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% + 4px) !important;
    border-top-right-radius: 4px;
}
#frozen-cols-grid.locked-both-sides .k-grid-content-locked,
#frozen-cols.locked-both-sides .k-grid-content-locked {
    z-index: 0 !important;
}
.locked-both-sides .k-grid tr.k-alt:hover {
    background: #f5f6f6 !important;
}
#frozen-cols-grid.locked-both-sides .k-grid-content-locked,
#frozen-cols.locked-both-sides .k-grid-content-locked {
    right: 0;
}
#frozen-cols-grid.locked-both-sides .k-grid-content table,
#frozen-cols.locked-both-sides .k-grid-content table {
    width: 100%;
    padding-right: 0 !important;
}
#frozen-cols-grid.locked-both-sides .k-grid-content-locked .k-alt,
#frozen-cols.locked-both-sides .k-grid-content-locked .k-alt {
    background: white;
}
.locked-both-sides .k-grid-content tr td,
.locked-both-sides .k-grid-content-locked tr td {
    border-left-width: 1px !important;
}
.locked-both-sides .k-grid-header {
    border-top-left-radius: 4px !important;
}
.locked-both-sides .k-grid-header .k-grid-header-locked colgroup {
    display: none;
}
#frozen-cols-grid.locked-both-sides .k-grid-content-locked,
#frozen-cols.locked-both-sides .k-grid-content-locked {
    width: 100% !important;
    margin-top: 1px;
}
.locked-both-sides .k-grid-header th.k-header.locked-left-col {
    margin: -20px -1px 0 0 !important;
}
.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col .k-link {
    color: white;
    font-size: 11.148px;
    font-family: var(--font-inter);
    padding-left: 0;
    margin-bottom: -7px;
}

.locked-both-sides .k-grid-header .k-grid-header-locked .k-header-column-menu .k-i-arrowhead-s {
    background-position: -80px -32px;
}
.locked-both-sides .k-grid-header th.k-header.locked-left-col .k-header-column-menu {
    padding-top: 6px;
    margin-top: -20px;
}

.locked-both-sides .k-grid-content {
    border-radius: 0 !important;
}
.locked-both-sides .k-grid-content .locked-left-col {
    position: absolute;
    z-index: 9;
}
.locked-both-sides .locked-left-col {
    font-size: 12px;
}
.locked-both-sides td.actions.frozen-col-right {
    right: 0px;
    text-align: center;
}
.locked-both-sides td.locked-left-col {
    float: left;
}
.locked-both-sides #grid .k-grid-header {
    padding-right: 0 !important;
    border-right: 0;
    border-top-right-radius: 4px !important;
    border-top-right-radius: 4px;
}
#frozen-cols-grid.locked-both-sides .k-grid-content,
#frozen-cols.locked-both-sides .k-grid-content {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    border-left: 1px solid white!important;
    padding-left: 0!important;
    margin-left: -6px !important;
}
.locked-both-sides .k-grid-header .k-grid-header-locked {
    position: relative;
    left: 0;
    z-index: 0;
    float: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    box-sizing: border-box;
    color: white;
    padding-left: 16px;
}
.locked-both-sides .cell-hover-bg .locked-left-col,
.locked-both-sides .k-alt.cell-hover-bg .locked-left-col {
    background: #f5f6f6 !important
}
.grid-border-left .k-grid-content tr td {
    border-left-width: 1px;
}
.grid-border-left .k-grid-content table {
    border-bottom: 1px solid #e2e2e2;
}
.row-dark-grid .k-grid-content .k-alt:hover,
.grid-border-left .k-alt:hover {
    background: #f5f6f6 !important;
}
.cell-hover-bg .frozen-col-right {
    background: #f5f6f6 !important
}
#frozen-cols-grid .k-grid-header-locked th.k-header:not(.locked-left-col),
#frozen-cols .k-grid-header-locked th.k-header:not(.locked-left-col) {
    display: none;
}
/* when page is big enough to not need left frozen cols */
#soBigNoLocked .k-grid-content {
    margin-left: 0;
    padding-left: 0;
}

.grid-border-left #soBigNoLocked .k-grid-header {
    padding-right: 0 !important;
}

.grid-border-left #soBigNoLocked .k-grid-content table {
    width: calc(100% - 1px) !important;
}

.grid-border-left #soBigNoLocked .k-grid-header-wrap.k-auto-scrollable table {
    width: 100% !important;
}

.grid-border-left #soBigNoLocked .k-grid-content-locked table .k-alt,
.grid-border-left #soBigNoLocked .k-grid-content-locked table tr {
    background: white !important;
}

#soBigNoLocked .row-dark-grid .k-grid-content .k-alt.cell-hover-bg,
#soBigNoLocked .row-dark-grid .k-grid-content .cell-hover-bg {
    background: #f5f6f6 !important;
    background-color: #f5f6f6 !important;
}

#soBigNoLocked #grid table tbody tr td.actions {
    text-align: center;
}
#soBigNoLocked .k-grid-content-locked{
    background: white;
}
#soBigNoLocked  .k-grid-content {
    box-shadow: none;
}
#frozen-cols-grid .cell-container,
#frozen-cols .cell-container,
#soBigNoLocked .cell-container {
    height: 100%;
    display: table;
    width: 100%;
}
    #frozen-cols-grid .cell-container span,
    #frozen-cols .cell-container span,
    #soBigNoLocked .cell-container span {
        display: table-cell !important;
        vertical-align: middle;
    }




/*CSS that will change based content grid frozen col widths*/

/*CLIENTS - INDEX*/
.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 210px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}
.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}
.Clients-controller #frozen-cols.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}
.locked-both-sides-ClientIndex.locked-both-sides .client-name.locked-left-col {
    width: 180px !important;
}
.locked-both-sides-ClientIndex.locked-both-sides td.actions.frozen-col-right {
    width: 140px !important;
}
.locked-both-sides-ClientIndex.locked-both-sides td.client-name.locked-left-col {
    width: 180px !important;
    left: 180px;
}
.locked-both-sides-ClientIndex.locked-both-sides #grid .k-grid-header {
    padding-left: 215px;
}
#frozen-cols.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}
#frozen-cols.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}
#frozen-cols.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content table tr td:first-child {
    margin-left: 215px;
}
#frozen-cols.locked-both-sides-ClientIndex.locked-both-sides .k-grid-content {
    width: calc(100% - 560px) !important;
}
.locked-both-sides-ClientIndex.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}
.locked-both-sides-ClientIndex.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 215px) !important;
}
.locked-both-sides-ClientIndex.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    width: 215px !important;
}
.locked-both-sides-ClientIndex.locked-both-sides .k-grid-header th.k-header.locked-left-col {
    width: 190px !important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientIndex .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 150px) !important;
}

.grid-border-left #soBigNoLocked.clientindexgrid.unlocked-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 192px) !important;
}
.clientindexgrid.locked-both-sides .k-grid-header .k-grid-header-locked table .locked-left-col{
    border-bottom: 0;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientLocations.clientindexgrid .k-grid-content-locked table {
    width: 100% !important;
    margin-top: 2px;
}
/*.Clients-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table{
    padding-right: 100px!important;
}*/
.Clients-controller #frozen-cols .k-grid-header-wrap.k-auto-scrollable table{
width: calc(100% + 120px) !important;
padding-right: 120px;
}




/* CLIENTS - LOCATIONS */
.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 210px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content > table {
    width: calc(100% + 180px) !important;
}

.locked-both-sides-ClientLocations.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientLocations.locked-both-sides td.actions.frozen-col-right {
    width: 140px !important;
    padding-left: 0!important;
    padding-right: 0!important;
}

.locked-both-sides-ClientLocations.locked-both-sides td.locked-left-col {
    width: 180px !important;
    left: 180px;
}

.locked-both-sides-ClientLocations.locked-both-sides #grid .k-grid-header {
    padding-left: 215px;
}

#frozen-cols.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
    border-bottom: 1px solid #e1e1e1;
}

#frozen-cols.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

#frozen-cols.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content table tr td:first-child {
    margin-left: 215px;
}

#frozen-cols.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content {
    width: calc(100% - 560px) !important;
}

.locked-both-sides-ClientLocations.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientLocations.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 215px) !important;
}

.locked-both-sides-ClientLocations.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    width: 215px !important;
}

.locked-both-sides-ClientLocations.locked-both-sides .k-grid-header th.k-header.locked-left-col {
    width: 190px !important;
}

.locked-both-sides-ClientLocations .grid-dropdownMenu.dropdown-menu.klipboard-menu {
    margin-right: -10px !important;
    min-width: 125px !important;
    width: 125px !important;
}

.locked-both-sides-ClientLocations .klipboard-menu > li > .btn {
    padding-left: 0;
    padding-right: 0;
}

.locked-both-sides-ClientLocations .dropdown ul.grid-dropdownMenu.dropdown-menu:before,
.locked-both-sides-ClientLocations .dropdown ul.grid-dropdownMenu.dropdown-menu:after {
    left: 50px !important;
}

.Clients .locked-both-sides-ClientLocations #grid{
    background: white!important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-content-locked {
    margin-top: -1px;
}
.locked-both-sides.locked-both-sides-ClientLocations .k-grid-content-locked tr td.locked-left-col.col-shadow {
    margin-top: 1px;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 487px) !important;
    border-top-right-radius: 4px;
    padding-right: 490px;
}
.locked-both-sides-ClientLocations.locked-both-sides .k-grid-header .k-grid-header-locked table,
#frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-content-locked {
    width: 100% !important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-content-locked table{
    width: 100%!important;
    margin-top: 2px;
}
    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-content-locked table .actions.frozen-col-right {
        float: right;
        box-sizing: unset;
    }
    .locked-both-sides-ClientLocations.locked-both-sides .k-grid-header .k-grid-header-locked table thead tr th:first-child:not(.locked-left-col){
        display: none;
    }

    .locked-both-sides-ClientLocations.locked-both-sides .k-grid-header .k-grid-header-locked table .locked-left-col {
/*        display: block;
        margin-top: 0px !important;
        padding-top: 24px;*/
    }
.grid-border-left #soBigNoLocked.unlocked-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 200px) !important;
}

#soBigNoLocked.unlocked-ClientLocations #grid table tbody tr td.actions .grid-dropdownMenu.dropdown-menu.dropdown-menu-right.klipboard-menu {
    right: 5px !important;
    min-width: 100px;
}
#soBigNoLocked.unlocked-ClientLocations .dropdown ul.grid-dropdownMenu.dropdown-menu:before,
#soBigNoLocked.unlocked-ClientLocations .dropdown ul.grid-dropdownMenu.dropdown-menu:after {
    left: 45px;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientLocations #grid table tbody .caret,
#soBigNoLocked.unlocked-ClientLocations #grid table tbody .caret {
    display: inline-block !important;
}
#grid .k-grid-content-locked .actions.frozen-col-right .grid-dropdownMenu.dropdown-menu.dropdown-menu-right.klipboard-menu{
    right: 0!important;
}
.grid-border-left #soBigNoLocked.ClientLocationsGrid .k-grid-content table{
    width: 100%!important;
}
.grid-border-left #soBigNoLocked.unlocked-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 190px) !important;
}




/*CLIENTS - ASSETS */
.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 392px;
    padding-left: 214px;
    width: calc(100% - 600px) !important;
}

.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content .locked-left-col {
    width: 220px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content > table {
    width: calc(100% + 420px)!important;
}

.locked-both-sides-ClientAssets.locked-both-sides .locked-left-col {
    width: 180px !important;
    margin-top:1px;
}
    .locked-both-sides-ClientAssets.locked-both-sides .locked-left-col:nth-child(2) {
        width: 150px !important;
        margin-top: -1px;
    }    
.locked-both-sides-ClientAssets.locked-both-sides td.frozen-col-right {
    width: 200px!important;
}

.locked-both-sides-ClientAssets.locked-both-sides td.locked-left-col {
    left: 0;
}

.locked-both-sides-ClientAssets.locked-both-sides #grid .k-grid-header {
    padding-left: 399px;
}

#frozen-cols.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

    #frozen-cols.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content table tr td:first-child {
        margin-left: 215px;
    }

#frozen-cols.locked-both-sides-ClientAssets.locked-both-sides .k-grid-content {
    width: calc(100% - 840px) !important;
}

.locked-both-sides-ClientAssets.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientAssets.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 399px) !important;
}

.locked-both-sides-ClientAssets.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col{
    width: 190px !important;

}
.locked-both-sides-ClientAssets.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
    width: 150px !important;
}
.locked-both-sides-ClientAssets.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
width: 158px !important;
}

 .locked-both-sides-ClientAssets.locked-both-sides .k-grid-header th.k-header.locked-left-col {
    width: 420px!important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientAssets .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 235px) !important;
    border-top-right-radius: 4px;
}
.locked-both-sides-ClientAssets.locked-both-sides  .k-grid-header .k-grid-header-locked table tr {
    display: inherit;
}



/*CLIENTS - QUOTES and INVOICES */
.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 181px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientQuotes.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientQuotes.locked-both-sides td.frozen-col-right {
    width: 190px !important;
}

.locked-both-sides-ClientQuotes.locked-both-sides td.locked-left-col {
    width: 20px !important;
    left: 20px;
}

.locked-both-sides-ClientQuotes.locked-both-sides td.locked-left-col.locked2 {
    width: 100px !important;
    left: 100px;
    margin-top: -1px;
}

.locked-both-sides-ClientQuotes.locked-both-sides #grid .k-grid-header {
    padding-left: 185px;
}

#frozen-cols.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

#frozen-cols.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content table tr td:first-child {
    margin-left: 215px;
}

#frozen-cols.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-content {
    width: calc(100% - 620px) !important;
}

.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 185px) !important;
}

.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    width: 215px !important;
}
.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
    width: 30px !important;
}
.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
    width: 108px !important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientQuotes .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 220px) !important;
}

#frozen-cols.locked-both-sides.locked-both-sides-ClientQuotes .k-grid-content-locked {
    width: 100% !important;
}
    #frozen-cols.locked-both-sides.locked-both-sides-ClientQuotes .k-grid-content-locked table {
        width: 100% !important;
        margin-top: 0px;
    }
        #frozen-cols.locked-both-sides.locked-both-sides-ClientQuotes .k-grid-content-locked table .frozen-col-right {
            float: right;
            box-sizing: unset;
        }
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content-locked,
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content-locked table{
    width: 100%!important;
}
.grid-border-left #frozen-cols.locked-both-sides.locked-both-sides-ClientQuotes .k-grid-content-locked table td.frozen-col-right {
    width: 190px
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content-locked table td.frozen-col-right{
    width: 230px;
    float: right;
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content table{
    width: calc(100% - 40px);
    padding-left: 40px;
}

.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-header.locked-left-col.locked2,
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .col-shadow.locked2.locked-left-col {
    border-left-width: 1px;
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-header .k-grid-header-locked,
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-header .k-grid-header-locked table {
    width: 100% !important;
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-header .k-grid-header-wrap {
    margin-left: 40px;
    width: calc(100% - 310px) !important;
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content {
    margin-left: 40px;
    width: calc(100% - 300px)!important;
    box-shadow: none;
    border-left-width: 1px;

}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content table{
    padding-left: 0;
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content-locked .locked-left-col{
    width: 10px;
}
.grid-border-left #soBigNoLocked.unlocked-ClientQuotes .k-grid-content-locked colgroup {
    display: none;
}
.locked-both-sides-ClientQuotes.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
    display: inherit;
}
.Clients-Invoices #frozen-cols .k-grid-header-wrap.k-auto-scrollable table{
    width: calc(100% - 177px)!important;
}


    /*CLIENTS - JOBS  */
    .locked-both-sides.locked-both-sides-ClientJobAssigned .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 374px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides td.frozen-col-right {
    width: 171px !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides td.locked-left-col {
    width: 20px !important;
    left: 20px;
    margin-top: 1px;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides td.locked-left-col.locked2 {
    width: 60px !important;
    left: 100px;
    margin-top: 1px;
}
.locked-both-sides-ClientJobAssigned.locked-both-sides td.locked-left-col.locked3 {
    width: 200px !important;
    margin-top: 0;
}
.locked-both-sides-ClientJobAssigned.locked-both-sides #grid .k-grid-header {
    padding-left: 380px;
}

#frozen-cols.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

#frozen-cols.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-content table tr td:first-child {
    margin-left: 215px;
}

#frozen-cols.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-content {
    width: calc(100% - 790px) !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 380px) !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    width: 215px !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
    width: 30px !important;
}

.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
    width: 68px !important;
}
.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked3 {
    width: 207px !important;
}
.locked-both-sides-ClientJobAssigned.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
    display: inherit;
}





/*CLIENTS - JOBS IN PROGRESS */
.locked-both-sides.locked-both-sides-ClientJobProgress .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 282px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientJobProgress.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientJobProgress.locked-both-sides td.frozen-col-right {
    width: 110px !important;
    text-align: center;
}

.locked-both-sides-ClientJobProgress.locked-both-sides td.locked-left-col {
    width: 40px !important;
    left: 40px;
    margin-top: 1px;
}
.locked-both-sides-ClientJobProgress.locked-both-sides td.locked-left-col.locked2 {
    width: 180px !important;
    left: 100px;
    /*margin-top: 1px;*/
}


.locked-both-sides-ClientJobProgress.locked-both-sides #grid .k-grid-header {
    padding-left: 288px;
}

#frozen-cols.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

    #frozen-cols.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-content table tr td:first-child {
        margin-left: 215px;
    }

#frozen-cols.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-content {
    width: calc(100% - 633px) !important;
}

.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 288px) !important;
}

    .locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
        width: 215px !important;
    }

.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
    width: 49px !important;
}

.locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
    width: 188px !important;
}
    .locked-both-sides-ClientJobProgress.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
        display: inherit;
    }
.Clients-InProgressTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table{
    padding-right: 150px;
}







/*CLIENTS - JOBS PENDING */
.locked-both-sides.locked-both-sides-ClientJobPending .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 282px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientJobPending.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientJobPending.locked-both-sides td.frozen-col-right {
    width: 220px !important;
    text-align: center;
}

.locked-both-sides-ClientJobPending.locked-both-sides td.locked-left-col {
    width: 40px !important;
    left: 40px;
    margin-top: 1px;
}

    .locked-both-sides-ClientJobPending.locked-both-sides td.locked-left-col.locked2 {
        width: 180px !important;
        left: 100px;
        /*margin-top: 1px;*/
    }


.locked-both-sides-ClientJobPending.locked-both-sides #grid .k-grid-header {
    padding-left: 288px;
}

#frozen-cols.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

    #frozen-cols.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-content table tr td:first-child {
        margin-left: 215px;
    }

#frozen-cols.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-content {
    width: calc(100% - 750px) !important;
}

.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientJobPending.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 288px) !important;
}

    .locked-both-sides-ClientJobPending.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
        width: 215px !important;
    }

    .locked-both-sides-ClientJobPending.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
        width: 49px !important;
    }

        .locked-both-sides-ClientJobPending.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
            width: 188px !important;
        }
    .locked-both-sides-ClientJobPending.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
        display: inherit;
    }
.Clients-PendingTasks #frozen-cols .k-grid-header-wrap.k-auto-scrollable table{
    padding-right: 260px;
}







/*CLIENTS - JOBS COMPLETE */
.locked-both-sides.locked-both-sides-ClientJobComplete .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 384px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientJobComplete.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientJobComplete.locked-both-sides td.frozen-col-right {
    width: 180px !important;
    text-align: center;
}

.locked-both-sides-ClientJobComplete.locked-both-sides td.locked-left-col {
    width: 40px !important;
    left: 40px;
    margin-top: 1px;
}

    .locked-both-sides-ClientJobComplete.locked-both-sides td.locked-left-col.locked2 {
        width: 70px !important;
        left: 100px;
        /*margin-top: 1px;*/
    }
    .locked-both-sides-ClientJobComplete.locked-both-sides td.locked-left-col.locked3 {
        width: 180px !important;
        left: 100px;
    }

.locked-both-sides-ClientJobComplete.locked-both-sides #grid .k-grid-header {
    padding-left: 390px;
}

#frozen-cols.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

    #frozen-cols.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-content table tr td:first-child {
        margin-left: 215px;
    }

#frozen-cols.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-content {
    width: calc(100% - 810px) !important;
}

.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 390px) !important;
}

    .locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
        width: 215px !important;
    }

    .locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
        width: 49px !important;
    }

        .locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
            width: 48px !important;
            max-width: 78px !important;
        }


        .locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked3 {
            width: 188px !important;
        }
    .locked-both-sides-ClientJobComplete.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
        display: inherit;
    }








/*CLIENTS - ASSETS - SERVICE RECORDS */
#frozen-cols.locked-both-sides.locked-both-sides-ClientAssetService .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 210px;
    padding-left: 214px;
    width: calc(100% - 630px) !important;
}
.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-content-locked {
    width: 100%!important;
}
.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientAssetService.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientAssetService.locked-both-sides td.frozen-col-right {
    width: 180px !important;
    text-align: center;
}

.locked-both-sides-ClientJobComplete.locked-both-sides td.locked-left-col {
    width: 40px !important;
    left: 40px;
    margin-top: 1px;
}


.locked-both-sides-ClientAssetService.locked-both-sides #grid .k-grid-header {
    padding-left: 216px;
}

#frozen-cols.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
    width: 100%!important;
}

#frozen-cols.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

#frozen-cols.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-content table tr td:first-child {
    margin-left: 215px;
}


.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 210px) !important;
}

.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    width: 215px !important;
}

.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
    width: 184px !important;
}

#frozen-cols.locked-both-sides-ClientAssetService.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 220px)!important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientAssetService .k-grid-content-locked,
#frozen-cols.locked-both-sides.locked-both-sides-ClientAssetService .k-grid-content-locked table{
    width: 100% !important;
}
#frozen-cols.locked-both-sides.locked-both-sides-ClientAssetService .k-grid-content-locked table .actions.frozen-col-right {
    float: right;
    box-sizing: unset;
}






/*CLIENTS - ASSETS - CONTACTS */
#frozen-cols.locked-both-sides.locked-both-sides-ClientAssetContact .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 210px;
    padding-left: 214px;
    width: calc(100% - 570px) !important;
}

.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-ClientAssetContact.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-ClientAssetContact.locked-both-sides td.frozen-col-right {
    width: 120px !important;
    text-align: center;
}

.locked-both-sides-ClientAssetContact.locked-both-sides td.locked-left-col {
    width: 180px !important;
    margin-top: 1px;
}


.locked-both-sides-ClientAssetContact.locked-both-sides #grid .k-grid-header {
    padding-left: 216px;
}

#frozen-cols.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
    width: 100% !important;
}

#frozen-cols.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

#frozen-cols.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-content table tr td:first-child {
    margin-left: 215px;
}


.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 210px) !important;
}

.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
    width: 215px !important;
}

.locked-both-sides-ClientAssetContact.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
    width: 184px !important;
}




/*
function gridLockedorNot() {
        var grid = $("#grid").data("kendoGrid");
        grid.bind("dataBound", function () {
            function findWidths() {
                var browserWidth = $(window).width();
                var lockedLastCol = $('.frozen-col-right').outerWidth();
                var lockedFirstCol = $('.locked-left-col').outerWidth();
                var frozenCellWidths = (lockedLastCol + lockedFirstCol);
                var tableTRWidth = $('#grid .k-grid-content table tr').width();
                var frozenPlusTr = (tableTRWidth + frozenCellWidths);
                var tableWidth = $('.row-dark-grid').outerWidth();
                var tableWidthPlusSidebar = (tableWidth + 186);

                if (tableWidthPlusSidebar > frozenPlusTr) {
                    $('.row-dark-grid .table-responsive').attr('id', 'soBigNoLocked');
                    $('.row-dark-grid').addClass('grid-border-left');
                    $('.row-dark-grid .table-responsive').removeClass('locked-both-sides');
                    $('.row-dark-grid .table-responsive').removeClass('locked-both-sides-ClientLocations');
                    $('.row-dark-grid .table-responsive').addClass('unlocked-ClientLocations');
                    var grid = $("#grid").data("kendoGrid");
                    grid.unlockColumn('Name');
                }
                else {
                    if (tableWidth < frozenPlusTr) {
                        $('.row-dark-grid').removeClass('grid-border-left');
                        $('.row-dark-grid .table-responsive').attr('id', 'frozen-cols');
                        $('.row-dark-grid .table-responsive').addClass('locked-both-sides');
                        $('.row-dark-grid .table-responsive').addClass('locked-both-sides-ClientLocations');
                        $('.row-dark-grid .table-responsive').removeClass('unlocked-ClientLocations');
                        var grid = $("#grid").data("kendoGrid");
                        grid.lockColumn('Name');

                    } else {
                        $('.row-dark-grid .table-responsive').attr('id', 'soBigNoLocked');
                        $('.row-dark-grid').addClass('grid-border-left');
                        $('.row-dark-grid .table-responsive').removeClass('locked-both-sides');
                        $('.row-dark-grid .table-responsive').removeClass('locked-both-sides-ClientLocations');
                        var grid = $("#grid").data("kendoGrid");
                        grid.unlockColumn('Name');
                    }
                }
            }
            $(window).resize(function () {
                afterResize();
            });
            function afterResize() {
                var lockedLastCol = $('.frozen-col-right').outerWidth();
                var lockedFirstCol = $('.locked-left-col').outerWidth();
                var frozenCellWidths = (lockedLastCol + lockedFirstCol);
                var tableTRWidth = $('#grid .k-grid-content table tr').width();
                var frozenPlusTr = (tableTRWidth + frozenCellWidths);
                var tableWidth = $('.row-dark-grid').outerWidth();

                var unlockedLeftUnlocked = $('#grid .k-grid-content table tr').width();
                var unlockedRightUnlocked = $('#grid .k-grid-content-locked table tr').width();
                var totalUnlockedRow = (unlockedLeftUnlocked + unlockedRightUnlocked);

                var unlockedtableWidth = $('#grid').width();

                //console.log('totalUnlockedRow  ' + totalUnlockedRow);
                //console.log('unlockedtableWidth  ' + unlockedtableWidth);

                if ($(".table-responsive").attr("id") == "soBigNoLocked") {
                    if (totalUnlockedRow > unlockedtableWidth) {
                        $('.row-dark-grid').removeClass('grid-border-left');
                        $('.row-dark-grid .table-responsive').attr('id', 'frozen-cols');
                        $('.row-dark-grid .table-responsive').addClass('locked-both-sides');
                        $('.row-dark-grid .table-responsive').addClass('locked-both-sides-ClientLocations');
                        $('.row-dark-grid .table-responsive').removeClass('unlocked-ClientLocations');
                        var grid = $("#grid").data("kendoGrid");
                        grid.lockColumn('Name');
                    }
                    else {
                        $('.row-dark-grid .table-responsive').attr('id', 'soBigNoLocked');
                        $('.row-dark-grid').addClass('grid-border-left');
                        $('.row-dark-grid .table-responsive').removeClass('locked-both-sides');
                        $('.row-dark-grid .table-responsive').removeClass('locked-both-sides-ClientLocations');
                        $('.row-dark-grid .table-responsive').addClass('unlocked-ClientLocations');
                        var grid = $("#grid").data("kendoGrid");
                        grid.unlockColumn('Name');
                    }
                }
                else if ($(".table-responsive").attr("id") == "frozen-cols") {
                    if (tableWidth < frozenPlusTr) {
                        $('.row-dark-grid').removeClass('grid-border-left');
                        $('.row-dark-grid .table-responsive').attr('id', 'frozen-cols');
                        $('.row-dark-grid .table-responsive').addClass('locked-both-sides');
                        $('.row-dark-grid .table-responsive').addClass('locked-both-sides-ClientLocations');
                        $('.row-dark-grid .table-responsive').removeClass('unlocked-ClientLocations');
                        var grid = $("#grid").data("kendoGrid");
                        grid.lockColumn('Name');

                    } else {
                        $('.row-dark-grid .table-responsive').attr('id', 'soBigNoLocked');
                        $('.row-dark-grid').addClass('grid-border-left');
                        $('.row-dark-grid .table-responsive').removeClass('locked-both-sides');
                        $('.row-dark-grid .table-responsive').removeClass('locked-both-sides-ClientLocations');
                        $('.row-dark-grid .table-responsive').addClass('unlocked-ClientLocations');
                        var grid = $("#grid").data("kendoGrid");
                        grid.unlockColumn('Name');
                    }
                }
            }
            $(document).ready(function () {
                findWidths();
            });
        })
    }


$(document).ready(function () {
    var grid = $("#grid").data("kendoGrid");
    grid.bind("dataBound", function () {

        var tableHeight = $('#grid .k-grid-content-locked').height();
        $('#grid .k-grid-content-locked tr').each(function (index, tr) {
            var cellHeight = tr.offsetHeight;
            var heightMinusPadding = (cellHeight - 25);
            var trHeight = (heightMinusPadding + 'px');
            var children = tr.children;
            $(children).css('height', trHeight);
        });

        $("#grid .k-grid-content tr").hover(function () {
            $(this).toggleClass("cell-hover-bg");
            var theUid = $(this).attr('data-uid');
            var theMatch = ($("#grid .k-grid-content-locked ").find("[data-uid='" + theUid + "']"));
            $(theMatch).toggleClass("cell-hover-bg");
        });

        $("#grid .k-grid-content-locked tr").hover(function () {
            $(this).toggleClass("cell-hover-bg");
            var theUid = $(this).attr('data-uid');
            var theMatch = ($("#grid .k-grid-content ").find("[data-uid='" + theUid + "']"));
            $(theMatch).toggleClass("cell-hover-bg");
        });
        $(".k-header-column-menu").click(function () {
            $(".k-item.k-columns-item").remove();
            $(".k-separator").hide();
        });
    });
    gridLockedorNot();
})*/


/*safari only*/ 
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .locked-both-sides .k-grid-header .k-grid-header-locked table .locked-left-col,
        .locked-both-sides .k-grid-header .k-grid-header-locked table .frozen-col-right {
            border-bottom: 0;
        }
    }

    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
        width: calc(100% - 377px) !important;
        border-top-right-radius: 4px;
        padding-right: 240px;
    }


    #frozen-cols.locked-both-sides-ClientLocations.locked-both-sides .k-grid-content {
        width: calc(100% - 566px) !important;
    }
    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations.clientindexgrid .k-grid-content-locked table {
        width: 100% !important;
        margin-top: 0px;
        padding-bottom: 8px;
    }
}



/*firefox address block*/
@-moz-document url-prefix() {
    .locked-both-sides .k-grid-header .k-grid-header-locked table tr {
        display: table-caption;
    }

    .locked-both-sides .k-grid-header .k-grid-header-locked table .locked-left-col,
    .locked-both-sides .k-grid-header .k-grid-header-locked table .frozen-col-right {
        border-bottom: 0;
    }


    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
        width: calc(100% - 500px) !important;
        border-top-right-radius: 4px;
        padding-right: 354px;
    }
    /*client index code only*/
    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations .k-grid-header-wrap.k-auto-scrollable {
        width: calc(100% - 510px) !important;
        border-top-right-radius: 4px;
        padding-right: 370px;
    }

    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations #grid table tbody tr td.actions .grid-dropdownMenu.dropdown-menu.dropdown-menu-right.klipboard-menu {
        right: 0px !important;
    }

    #frozen-cols.locked-both-sides.locked-both-sides-ClientLocations #grid table tbody .caret,
    #soBigNoLocked.unlocked-ClientLocations #grid table tbody .caret {
        display: inline-block !important;
    }
}


/*//style scrollbars form grids*/
.thin-firefox-bars .k-grid-content::-webkit-scrollbar,
.locked-both-sides .k-grid-content::-webkit-scrollbar,
#soBigNoLocked .k-grid-content::-webkit-scrollbar {
    width: 9px; /* width of the entire scrollbar */
    height: 9px; /* width of the entire scrollbar */
    background-color: #F5F5F5 !important;
}

.thin-firefox-bars .k-grid-content::-webkit-scrollbar-track,
.locked-both-sides .k-grid-content::-webkit-scrollbar-track,
#soBigNoLocked .k-grid-content::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.13) !important;*/
    border-radius: 0px !important;
    background-color: #F5F5F5 !important;
    width: 9px; /* width of the entire scrollbar */
    height: 9px
}

.thin-firefox-bars .k-grid-content::-webkit-scrollbar-thumb,
.locked-both-sides .k-grid-content::-webkit-scrollbar-thumb,
#soBigNoLocked .k-grid-content::-webkit-scrollbar-thumb {
    border-radius: 0px; /* roundness of the scroll thumb */
    border-radius: 0px !important;
    background-color: rgba(0,0,0,.13) !important;
    width: 9px; /* width of the entire scrollbar */
    height: 9px
}
.thin-firefox-bars .k-grid-content,
.locked-both-sides .k-grid-content,
#soBigNoLocked .k-grid-content {
    scrollbar-width: thin;
}
    .thin-firefox-bars .k-grid-content :-webkit-scrollbar,
    .locked-both-sides .k-grid-content :-webkit-scrollbar,
    #soBigNoLocked .k-grid-content :-webkit-scrollbar {
        width: 11px;
    }

    .thin-firefox-bars .k-grid-content:-webkit-scrollbar-track,
    .locked-both-sides .k-grid-content:-webkit-scrollbar-track,
    #soBigNoLocked .k-grid-content :-webkit-scrollbar-track {
        background: transparent;
    }

    .thin-firefox-bars .k-grid-content :-webkit-scrollbar-thumb,
    .locked-both-sides .k-grid-content :-webkit-scrollbar-thumb,
    #soBigNoLocked .k-grid-content :-webkit-scrollbar-thumb {
        background-color: $gray--lighter;
        border-radius: 0px;
        border: 3px solid transparent;
    }

/* webkit browsers */
    .thin-firefox-bars .k-grid-content ::-webkit-scrollbar,
    .locked-both-sides .k-grid-content ::-webkit-scrollbar,
    #soBigNoLocked .k-grid-content ::-webkit-scrollbar,
    .thin-firefox-bars .k-grid-content ::-webkit-scrollbar-thumb,
    .locked-both-sides .k-grid-content ::-webkit-scrollbar-thumb,
    #soBigNoLocked .k-grid-content ::-webkit-scrollbar-thumb {
        height: 26px;
        border-radius: 0px;
        background-clip: padding-box;
        border: 10px solid transparent;
    }

    .thin-firefox-bars .k-grid-content ::-webkit-scrollbar-thumb,
    .locked-both-sides .k-grid-content ::-webkit-scrollbar-thumb,
    #soBigNoLocked .k-grid-content ::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px;
    }




/* JOBS ALL TASKS */

.locked-both-sides.locked-both-sides-AllJobs .k-grid-content {
    /*width of col + (15.4)*2*/
    margin-left: 282px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-AllJobs.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

.Clients-controller #frozen-cols.locked-both-sides-AllJobs.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-AllJobs.locked-both-sides .locked-left-col {
    width: 180px !important;
}

.locked-both-sides-AllJobs.locked-both-sides td.frozen-jobs-right-col {
    width: 110px !important;
    text-align: center;
}

.locked-both-sides-AllJobs.locked-both-sides td.locked-left-col {
    width: 40px !important;
    left: 40px;
    margin-top: 1px;
}

    .locked-both-sides-AllJobs.locked-both-sides td.locked-left-col.locked2 {
        width: 180px !important;
        left: 100px;
        /*margin-top: 1px;*/
    }


.locked-both-sides-AllJobs.locked-both-sides #grid .k-grid-header {
    padding-left: 288px;
}

#frozen-cols-grid.locked-both-sides-AllJobs.locked-both-sides .k-grid-content > table {
    margin-left: -215px;
}

#frozen-cols-grid.locked-both-sides-AllJobs.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

    #frozen-cols-grid.locked-both-sides-AllJobs.locked-both-sides .k-grid-content table tr td:first-child {
        margin-left: 215px;
    }

#frozen-cols-grid.locked-both-sides-AllJobs.locked-both-sides .k-grid-content {
    width: calc(100% - 428px) !important;
}

.locked-both-sides-AllJobs.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
}

.locked-both-sides-AllJobs.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 288px) !important;
}

    .locked-both-sides-AllJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
        width: 215px !important;
    }

    .locked-both-sides-AllJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
        width: 49px !important;
    }

        .locked-both-sides-AllJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
            width: 188px !important;
        }

    .locked-both-sides-AllJobs.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
        display: inherit;
    }

#frozen-cols-grid.locked-both-sides-AllJobs.locked-both-sides .k-grid-content-locked{
    right: 0!important;
}




/* JOBS UNNASSIGNED TASKS */

.locked-both-sides.locked-both-sides-UnassignedJobs .k-grid-content {
    margin-left: 282px;
    padding-left: 214px;
    width: calc(100% - 355px) !important;
}

.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content .locked-left-col {
    width: 180px;
}

#frozen-cols.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content > table {
    width: calc(100% + 320px) !important;
}

.locked-both-sides-UnassignedJobs.locked-both-sides .locked-left-col {
    width: 220px !important;
}

.locked-both-sides-UnassignedJobs.locked-both-sides td.frozen-jobs-right-col {
    width: 220px !important;
    text-align: center;
}

.locked-both-sides-UnassignedJobs.locked-both-sides td.locked-left-col {
    width: 40px !important;
    left: 40px;
    margin-top: 1px;
}
.locked-both-sides-UnassignedJobs.locked-both-sides .k-header.locked-left-col.locked1 input,
    .locked-both-sides-UnassignedJobs.locked-both-sides td.locked-left-col.locked1 input {
        text-align: center;
        margin: 0 auto;
    }
        .locked-both-sides-UnassignedJobs.locked-both-sides td.locked-left-col.locked2 {
        width: 50px !important;
        left: 100px;
        /*margin-top: 1px;*/
    }


.locked-both-sides-UnassignedJobs.locked-both-sides #grid .k-grid-header {
    padding-left: 288px;
}

#frozen-cols-grid.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content > table {
    margin-left: -165px;
}

#frozen-cols-grid.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content table tr {
    width: calc(100% - 215px) !important;
}

    #frozen-cols-grid.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content table tr td:first-child {
        margin-left: 215px;
    }

#frozen-cols-grid.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content {
    width: calc(100% - 590px) !important;
    padding-left: 164px;
    margin-left: 335px;
}

.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header-wrap.k-auto-scrollable {
    padding-left: 215px;
    margin-left: 47px !important;
    width: calc(100% - 303px) !important;
}
#frozen-cols-grid.locked-both-sides.locked-both-sides-UnassignedJobs .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 303px) !important;
}
.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header .k-grid-header-locked {
    width: calc(100% + 288px) !important;
}

    .locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.small-cell-tooltip.k-with-icon {
        width: 215px !important;
    }

    .locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col {
        width: 49px !important;
    }

        .locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked2 {
            width: 60px !important;
        }
        .locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col.locked3,
        .locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content-locked .locked-left-col.locked3 {
            width: 150px !important;
        }

    .locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-header .k-grid-header-locked table tr {
        display: inherit;
    }

#frozen-cols-grid.locked-both-sides-UnassignedJobs.locked-both-sides .k-grid-content-locked {
    right: 0 !important;
}


/* JOBS Pending TASKS */
.Tasks.Pending .locked-both-sides-AllJobs.locked-both-sides td.frozen-jobs-right-col {
    width: 230px!important;
}
.Tasks.Pending  #frozen-cols-grid.locked-both-sides-AllJobs.locked-both-sides .k-grid-content {
    width: calc(100% - 548px) !important;
}
.Tasks.Pending #frozen-cols-grid .k-grid-header-wrap table {
    padding-right: 270px;
}



/* JOBS Completed TASKS */
.Tasks.Completed .locked-both-sides-UnassignedJobs.locked-both-sides td.frozen-jobs-right-col {
    width: 230px !important;
}
.Tasks.Completed #frozen-cols-grid.locked-both-sides .k-grid-content table {
    width: 100%!important;
}