﻿[disabled] .dataTables_wrapper input {
    opacity: .4;
    background: #bbb;
}

[disabled] .dataTables_wrapper a {
    pointer-events: none;
    opacity: .3;
}

.btn-group > .btn + .dropdown-toggle {
    padding: 6px 8px;
}

.membership-renewal-manager {
    position: relative;
    display: block;
}

    .membership-renewal-manager .umb-panel-body {
        display: block;
        position: relative;
    }

    .membership-renewal-manager fieldset {
        position: relative;
        display: block;
    }

    .membership-renewal-manager #MembershipRenewalsTable_filter label,
    .membership-renewal-manager .dataTables_length label {
        margin-bottom: 20px;    
    }

        .membership-renewal-manager .dataTables_length label select {
            vertical-align: baseline;
            margin-left: 5px;
            margin-right: 5px;
        }

        .membership-renewal-manager #MembershipRenewalsTable_filter label input {
            vertical-align: baseline;
            margin-left: 5px;
        }

    .membership-renewal-manager .dataTable {
        table-layout: fixed;
        border-top: 1px solid #e9e9eb;
        border-bottom: none !important;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

        .membership-renewal-manager .dataTable th {
            background-color: #f6f4f4;
        }

        .membership-renewal-manager .dataTable td {
            background-color: #fff !important;
        }

        .membership-renewal-manager .dataTable th,
        .membership-renewal-manager .dataTable td {
            text-align: left;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 14px;
            white-space: break-spaces !important;
            vertical-align: bottom;
            border-left: 1px solid #e9e9eb;
            border-bottom: 1px solid #e9e9eb;
        }    

        .membership-renewal-manager .dataTable .member-id {
            max-width: 60px;
        }

        .membership-renewal-manager .dataTable .name {
            max-width: 60px;
        }

        .membership-renewal-manager .dataTable .primary-price,
        .membership-renewal-manager .dataTable .secondary-price {
            max-width: 45px;
        }

        .membership-renewal-manager .dataTable .primary-without-discount,
        .membership-renewal-manager .dataTable .secondary-without-discount {
            max-width: 55px;
        }

        .membership-renewal-manager .dataTable .primary-contract-length,
        .membership-renewal-manager .dataTable .secondary-contract-length {
            max-width: 35px;
        }

        .membership-renewal-manager .dataTable .primary-subscription-code,
        .membership-renewal-manager .dataTable .secondary-subscription-code {
            max-width: 50px;
        }

        .membership-renewal-manager .dataTable .offered-recommit {
            max-width: 35px;
        }

        .membership-renewal-manager .dataTable .mobile-number {
            max-width: 65px;
        }

        .membership-renewal-manager .dataTable .primary-price {
            border-left-width: 2px;
        }

        .membership-renewal-manager .dataTable .secondary-price {
            border-left-width: 2px;
        }

        .membership-renewal-manager .dataTable .secondary-contract-length {
            border-right: 2px solid #e9e9eb;
        }

        .membership-renewal-manager .dataTable th.primary-price,
        .membership-renewal-manager .dataTable th.primary-without-discount,
        .membership-renewal-manager .dataTable th.primary-subscription-code,
        .membership-renewal-manager .dataTable th.primary-contract-length {
            background-color: #e9e9eb;
        }

        .membership-renewal-manager .dataTable th.secondary-price,
        .membership-renewal-manager .dataTable th.secondary-without-discount,
        .membership-renewal-manager .dataTable th.secondary-subscription-code,
        .membership-renewal-manager .dataTable th.secondary-contract-length {
            background-color: #d5d5d5;
        }

        .membership-renewal-manager .dataTable .secondary-price,
        .membership-renewal-manager .dataTable th.secondary-contract-length {
            border-color: #d5d5d5;
        }