﻿#ClientDetailsMap #googleMapsMask {
    position: absolute;
    height: 250px;
    border: 1px solid #e1e1e1;
    background: rgba(51,25,91,0.8);
    width: calc(100% - 90px);
    background-image: url(/Images/map-mask.png);
    z-index: 1;
    border-radius: 4px;
    text-align: center;
}

    #ClientDetailsMap #googleMapsMask .google-mask-container {
        line-height: 250px;
        height: 100%;
        width: 100%;
    }

    #ClientDetailsMap #googleMapsMask a.btn {
        vertical-align: middle;
        margin: 0 auto;
        background: rgba(51,25,91,0.1);
    }

        #ClientDetailsMap #googleMapsMask a.btn:hover,
        #ClientDetailsMap #googleMapsMask a.btn:focus,
        #ClientDetailsMap #googleMapsMask a.btn:active {
            background: var(--kb-purple);
            color: white;
        }



.thead-titles {
    float: left;
    font-weight: bold;
    font-size: 12px;
}

.tbody-content td{
    font-size: 12px;
    font-weight: normal;
    background: white;
}
.checkbox-col,
.job-num-col {
    text-align: center;
}
.checkbox-col input {
    margin: 0 auto;
    margin-right: auto !important;
}

.job-num-link{
    color: var(--kb-purple);
    text-decoration: underline;
}


.accounting-cats{
}

.accounting-cats .form-group.extra-dd-actions .controls {
    width: 100%;
}

.accounting-cats .form-group.extra-dd-actions .dd-actions #dd-add-category {
    right: auto;
}
.accounting-cats .form-group.extra-dd-actions .dd-actions{
    width: 40px;
}
    .accounting-cats .form-group.extra-dd-actions .controls .chosen-container.chosen-container-single {
        width: calc(100% - 40px) !important;
    }

    .accounting-cats .accounting-cat-dropdown .chosen-single {
        width: 100%;
        border-radius: 4px 0 0 4px;
        left: 0;
    }

.accounting-cats .accounting-cat-dropdown .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default {
    border: 0;
    border-radius: 4px 0 0 4px;
}