/* START Customer Specific CSS */


/* END Customer Specfic CSS */
@media screen and (max-width: 767px) {
    div.dt-buttons { width: auto !important; }
}

@media print {
    #toPrint {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    #modalPrintSvg {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
}

label { margin-right: 7px; }

.label-amber { background-color: #ffbf00; }

.label-red { background-color: #891522; }

#rearranged-container {
    width: 100%;
    padding: 10px 10px 0 15px;
    margin: 0;
    background: #ffffff;
}

#box-body-fix { padding: 0; }

.search-col {
    display: inline-block;
    margin-right: 15px;
}

.search-col-input {
    width: 20vw;
    min-width: 200px;
}

.select-2-force-full-width {
    width: 100%!important;
}

.form-group .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}

.new-spinner {
    margin: auto;
    margin-top: 200px;
    width: 58px;
    height: 50px;
    animation: spin 2s linear infinite;
    background-image: url(../images/crosscheckX.png);
    background-repeat: no-repeat;
    background-position: center top;
}

@keyframes spin {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}