[name="Datatable"] .table-primary th a i.fa {
    color: white;
    padding: 0 2px;
}

    [name="Datatable"] .table-primary th a i.fa.text-muted {
        color: #ccc;
    }

.-table-header::-webkit-scrollbar {
    height: 5px;
}

.-table-header::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.-table-header::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.-table-header th .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

[name="TableBodyWrapper"] {
    margin-top: 0 !important;
}

.v-select ul.dropdown-menu li {
    border-top: 1px solid #e7e7e7;
    background-color: #f8f8f8;
}

.twinning-entity .pledge-held .switcher {
    width: 80px !important;
}

.pledge-item .stat-panel, .pledge-item .stat-cell {
    overflow: visible;
}

.w-50 {
    width: 50px;
}

.w-75 {
    width: 75px;
}

.w-100 {
    width: 100px;
}

.w-150 {
    width: 150px;
}

.w-200 {
    width: 200px;
}

.w-250 {
    width: 250px;
}

.panel-heading [data-toggle=collapse] > * {
    font-size: 18px;
    margin-top: -2px;
}

.text-ccc {
    color: #ccc;
}

.text-efefef {
    color: #efefef;
}

.text-moremuted {
    color: #aaa;
}

.twinning-letter-popup .modal-dialog {
    width: 850px;
}


/* twinning letters */
#twinning-letter {
    font-size: 12px;
    width: 740px;
    width: 100%;
    /*overflow: auto;*/
    height: 100%;
    padding: 15px;
}

    #twinning-letter .pledge-item {
        border: 1px solid #555;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 15px;
        background-color: #fcfcfc;
    }

        #twinning-letter .pledge-item td {
            padding: 10px;
            vertical-align: top;
        }

    #twinning-letter .letter-footer {
        margin-top: 25px;
    }

    @media print {
        #twinning-letter {
            page-break-after: always;
        }
    }