@media screen {

    .bg-dark {
        background-color: var(--color-dark) !important;
    }

    .bg-light {
        background-color: var(--color-light) !important;
    }

    .card {
        box-shadow: rgba(0,0,0,0.3) 0px 4px 16px -2px;
        border:     none;
    }

    .modal-content {

        border:         none !important;
        border-radius:  6px !important;
        box-shadow: #000000aa 0px 4px 12px 0px;

    }

    .modal-dialog {
        top:            15%;
    }

    .toast {
        margin:         10px;
        z-index:        2010;
        box-shadow: #00000088 0px 4px 4px -2px;

        border-radius:  5px;
        min-width:      200px;
    }

    .toast-body {
        padding:        13px;
    }

    .toast-header {
        color:              #fff;
        padding:            5px;
        font-size:          12pt;

        border:             solid 1px #88888888;
        border-bottom:      solid 1px #ddd;
        border-top-left-radius:     5px;
        border-top-right-radius:    5px;
    }

    .toast-body {
        background-color:   #fff;
        opacity:            0.9;
        padding:            5px;
        font-size:          10pt;

        border:             solid 1px #88888888;
        border-top:         solid 0px #ddd;

        border-bottom-left-radius:  5px;
        border-bottom-right-radius: 5px;
    }
    


    div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
        background-color: #dadada;
        background: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
        background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
        background: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
        background: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
        background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
        box-shadow: inset 1px 1px 3px #666;
    }
    div.dt-button-collection button.dt-button:first-child, div.dt-button-collection div.dt-button:first-child, div.dt-button-collection a.dt-button:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled), input.dt-button:active:not(.disabled), input.dt-button.active:not(.disabled) {
        background-color: #0000001a;
        background: -webkit-linear-gradient(top, #b3b3b31a 0%, #0000001a 100%);
        background: -moz-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -o-linear-gradient(top, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, #b3b3b31a 0%, #0000001a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
        box-shadow: inset 1px 1px 3px #999;
    }
    div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 4px;
        margin-right: 0;
    }
    div.dt-button-collection .dt-button {
        border-radius: 0;
    }
    div.dt-button-collection>:last-child>* {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }
    button.dt-button, div.dt-button, a.dt-button, input.dt-button {
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        margin-right: .333em;
        margin-bottom: .333em;
        padding: .5em 1em;
        border: 1px solid #0000004d;
        border-radius: 2px;
        cursor: pointer;
        font-size: .88em;
        line-height: 1.6em;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        background-color: #0000001a;
        background: -webkit-linear-gradient(top, #e6e6e61a 0%, #0000001a 100%);
        background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, #e6e6e61a 0%, #0000001a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        outline: none;
        text-overflow: ellipsis;
    }


    
}