.sm-hide {
    display: none !important;
}

.sm-invisible {
    visibility: hidden !important;
}

.has-error:not(label):not(div) {
    border: 1px solid #DA5452 !important;
}

.show-required:before {
    content: '*';
    color: #f56c6c;
    margin-right: 4px;
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: inline-block;*/ /*gkb 04/22/20 - moved to separate rule to avoid th/td*/
}

    .overflow-ellipsis:not(th):not(td) {
        display: inline-block;
    }

/* gkb 04/22/20 - now that 'overflow-ellipsis' doesn't set the display on th/td, we can use it directly on cells that 
    have text but no child element; accordingly, we can set the max-width of the cell to 1px (see comment below for reasoning),
    avoiding the need of 'overflow-ellipsis-cell' except on cells with a child element.
*/
th.overflow-ellipsis,
td.overflow-ellipsis {
    max-width: 1px;
}

/* with tables, we can set the max-width of the cell to 1px and the max-width of the inner element to 100% to make 
    the element take up the full width of the cell before applying the ellipsis (rather than a hard-coded max-width) */
th.overflow-ellipsis-cell,
td.overflow-ellipsis-cell {
    max-width: 1px;
}

    th.overflow-ellipsis-cell > .overflow-ellipsis,
    td.overflow-ellipsis-cell > .overflow-ellipsis {
        max-width: 100%;
        vertical-align: bottom;
    }

table.shrink-columns-to-size > thead > tr > th,
table.shrink-columns-to-size > thead > tr > td,
table.shrink-columns-to-size > tbody > tr > th,
table.shrink-columns-to-size > tbody > tr > td,
table.shrink-columns-to-size > tfoot > tr > th,
table.shrink-columns-to-size > tfoot > tr > td {
    width: 1px;
}

input.imitate-span, textarea.imitate-span {
    min-height: 0px;
    height: initial;
    background-color: transparent !important;
    border: none !important;
    padding: 0px;
    box-shadow: none;
    resize: none;
}

/* BEGIN Condensed Horizontal Form */
@media (max-width: 767px) {
    .form-horizontal.form-condensed-xs .form-group,
    .form-horizontal.form-condensed:not(.form-uncondensed-xs) .form-group {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0;
        padding: 2px 0;
    }

        .form-horizontal.form-condensed-xs .form-group > *,
        .form-horizontal.form-condensed:not(.form-uncondensed-xs) .form-group > * {
            padding-bottom: 0;
            padding-right: 8px;
            padding-left: 8px;
        }

    /* only clear padding-top on browsers that support flexbox and align-items (used to vertically center content; not supported in IE10-) */
    html:not(.is-lt-ie11) .form-horizontal.form-condensed-xs .form-group > *,
    html:not(.is-lt-ie11) .form-horizontal.form-condensed:not(.form-uncondensed-xs) .form-group > * {
        padding-top: 0;
    }

    .form-horizontal.form-condensed-xs .control-label,
    .form-horizontal.form-condensed:not(.form-uncondensed-xs) .control-label {
        margin: 0;
    }

    .form-horizontal.form-condensed-xs .form-control,
    .form-horizontal.form-condensed-xs .form-control-static,
    .form-horizontal.form-condensed:not(.form-uncondensed-xs) .form-control,
    .form-horizontal.form-condensed:not(.form-uncondensed-xs) .form-control-static {
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .form-horizontal.form-condensed-sm .form-group,
    .form-horizontal.form-condensed:not(.form-uncondensed-sm) .form-group {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0;
        padding: 2px 0;
    }

        .form-horizontal.form-condensed-sm .form-group > *,
        .form-horizontal.form-condensed:not(.form-uncondensed-sm) .form-group > * {
            padding-bottom: 0;
            padding-right: 8px;
            padding-left: 8px;
        }

    /* only clear padding-top on browsers that support flexbox and align-items (used to vertically center content; not supported in IE10-) */
    html:not(.is-lt-ie11) .form-horizontal.form-condensed-sm .form-group > *,
    html:not(.is-lt-ie11) .form-horizontal.form-condensed:not(.form-uncondensed-sm) .form-group > * {
        padding-top: 0;
    }

    .form-horizontal.form-condensed-sm .control-label,
    .form-horizontal.form-condensed:not(.form-uncondensed-sm) .control-label {
        margin: 0;
    }

    .form-horizontal.form-condensed-sm .form-control,
    .form-horizontal.form-condensed-sm .form-control-static,
    .form-horizontal.form-condensed:not(.form-uncondensed-sm) .form-control,
    .form-horizontal.form-condensed:not(.form-uncondensed-sm) .form-control-static {
        margin: 0;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .form-horizontal.form-condensed-md .form-group,
    .form-horizontal.form-condensed:not(.form-uncondensed-md) .form-group {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0;
        padding: 2px 0;
    }

        .form-horizontal.form-condensed-md .form-group > *,
        .form-horizontal.form-condensed:not(.form-uncondensed-md) .form-group > * {
            padding-bottom: 0;
            padding-right: 8px;
            padding-left: 8px;
        }

    /* only clear padding-top on browsers that support flexbox and align-items (used to vertically center content; not supported in IE10-) */
    html:not(.is-lt-ie11) .form-horizontal.form-condensed-md .form-group > *,
    html:not(.is-lt-ie11) .form-horizontal.form-condensed:not(.form-uncondensed-md) .form-group > * {
        padding-top: 0;
    }

    .form-horizontal.form-condensed-md .control-label,
    .form-horizontal.form-condensed:not(.form-uncondensed-md) .control-label {
        margin: 0;
    }

    .form-horizontal.form-condensed-md .form-control,
    .form-horizontal.form-condensed-md .form-control-static,
    .form-horizontal.form-condensed:not(.form-uncondensed-md) .form-control,
    .form-horizontal.form-condensed:not(.form-uncondensed-md) .form-control-static {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .form-horizontal.form-condensed-lg .form-group,
    .form-horizontal.form-condensed:not(.form-uncondensed-lg) .form-group {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0;
        padding: 2px 0;
    }

        .form-horizontal.form-condensed-lg .form-group > *,
        .form-horizontal.form-condensed:not(.form-uncondensed-lg) .form-group > * {
            padding-bottom: 0;
            padding-right: 8px;
            padding-left: 8px;
        }

    /* only clear padding-top on browsers that support flexbox and align-items (used to vertically center content; not supported in IE10-) */
    html:not(.is-lt-ie11) .form-horizontal.form-condensed-lg .form-group > *,
    html:not(.is-lt-ie11) .form-horizontal.form-condensed:not(.form-uncondensed-lg) .form-group > * {
        padding-top: 0;
    }

    .form-horizontal.form-condensed-lg .control-label,
    .form-horizontal.form-condensed:not(.form-uncondensed-lg) .control-label {
        margin: 0;
    }

    .form-horizontal.form-condensed-lg .form-control,
    .form-horizontal.form-condensed-lg .form-control-static,
    .form-horizontal.form-condensed:not(.form-uncondensed-lg) .form-control,
    .form-horizontal.form-condensed:not(.form-uncondensed-lg) .form-control-static {
        margin: 0;
    }
}
/* END Condensed Horizontal Form */

/* BEGIN Form-Table */
table.form-table {
    width: 100%;
}

    table.form-table > tbody > tr > td {
        padding: 2px 8px;
        vertical-align: middle;
        font-size: 14px;
        min-height: 38px;
    }

        table.form-table > tbody > tr > td > label {
            margin-bottom: 0px;
        }

        table.form-table > tbody > tr > td > span,
        table.form-table > tbody > tr > td > a {
            display: inline-block;
            padding: 7px 10px;
        }

            table.form-table > tbody > tr > td > span:empty {
                height: 29px;
            }

        table.form-table > tbody > tr > td > input[type=checkbox],
        table.form-table > tbody > tr > td > label > input[type=checkbox] {
            margin: 11px 0px 10px 7px;
        }

        table.form-table > tbody > tr > td > div > input[type=checkbox],
        table.form-table > tbody > tr > td > div > label > input[type=checkbox] {
            margin-left: 7px;
        }

        table.form-table > tbody > tr > td > input[type=radio],
        table.form-table > tbody > tr > td > label > input[type=radio] {
            margin: 11px 0px 10px 7px;
        }

    table.form-table.align-right > tbody > tr > td:nth-of-type(odd) {
        text-align: right;
    }

    table.form-table > tbody > tr > td > .has-error {
        border-color: #DA5452 !important;
    }

    /*table-sm*/
    table.form-table.form-table-sm > tbody > tr > td {
        /*font-size: 13px;*/
        min-height: 34px;
    }

        table.form-table.form-table-sm > tbody > tr > td > span,
        table.form-table.form-table-sm > tbody > tr > td > a {
            padding: 6px 10px;
        }

            table.form-table.form-table-sm > tbody > tr > td > span:empty {
                height: 26px;
            }

    /*two-column width defaults*/
    table.form-table > tbody > tr > td:nth-of-type(1):nth-last-child(2) {
        width: 30%;
    }

    table.form-table > tbody > tr > td:nth-of-type(2):nth-last-of-type(1) {
        width: 70%;
    }

    /*two-column width overrides*/
    table.form-table.w5-95 > tbody > tr > td:nth-of-type(1) {
        width: 5%;
    }

    table.form-table.w5-95 > tbody > tr > td:nth-of-type(2) {
        width: 95%;
    }

    table.form-table.w10-90 > tbody > tr > td:nth-of-type(1) {
        width: 10%;
    }

    table.form-table.w10-90 > tbody > tr > td:nth-of-type(2) {
        width: 90%;
    }

    table.form-table.w15-85 > tbody > tr > td:nth-of-type(1) {
        width: 15%;
    }

    table.form-table.w15-85 > tbody > tr > td:nth-of-type(2) {
        width: 85%;
    }

    table.form-table.w20-80 > tbody > tr > td:nth-of-type(1) {
        width: 20%;
    }

    table.form-table.w20-80 > tbody > tr > td:nth-of-type(2) {
        width: 80%;
    }

    table.form-table.w25-75 > tbody > tr > td:nth-of-type(1) {
        width: 25%;
    }

    table.form-table.w25-75 > tbody > tr > td:nth-of-type(2) {
        width: 75%;
    }

    table.form-table.w30-70 > tbody > tr > td:nth-of-type(1) {
        width: 30%;
    }

    table.form-table.w30-70 > tbody > tr > td:nth-of-type(2) {
        width: 70%;
    }

    table.form-table.w35-65 > tbody > tr > td:nth-of-type(1) {
        width: 35%;
    }

    table.form-table.w35-65 > tbody > tr > td:nth-of-type(2) {
        width: 65%;
    }

    table.form-table.w40-60 > tbody > tr > td:nth-of-type(1) {
        width: 40%;
    }

    table.form-table.w40-60 > tbody > tr > td:nth-of-type(2) {
        width: 60%;
    }

    table.form-table.w45-55 > tbody > tr > td:nth-of-type(1) {
        width: 45%;
    }

    table.form-table.w45-55 > tbody > tr > td:nth-of-type(2) {
        width: 55%;
    }

    table.form-table.w50-50 > tbody > tr > td:nth-of-type(1) {
        width: 50%;
    }

    table.form-table.w50-50 > tbody > tr > td:nth-of-type(2) {
        width: 50%;
    }

    table.form-table.w55-45 > tbody > tr > td:nth-of-type(1) {
        width: 55%;
    }

    table.form-table.w55-45 > tbody > tr > td:nth-of-type(2) {
        width: 45%;
    }

    table.form-table.w60-40 > tbody > tr > td:nth-of-type(1) {
        width: 60%;
    }

    table.form-table.w60-40 > tbody > tr > td:nth-of-type(2) {
        width: 40%;
    }

    table.form-table.w65-35 > tbody > tr > td:nth-of-type(1) {
        width: 65%;
    }

    table.form-table.w65-35 > tbody > tr > td:nth-of-type(2) {
        width: 35%;
    }

    table.form-table.w70-30 > tbody > tr > td:nth-of-type(1) {
        width: 70%;
    }

    table.form-table.w70-30 > tbody > tr > td:nth-of-type(2) {
        width: 30%;
    }

    table.form-table.w75-25 > tbody > tr > td:nth-of-type(1) {
        width: 75%;
    }

    table.form-table.w75-25 > tbody > tr > td:nth-of-type(2) {
        width: 25%;
    }

    table.form-table.w80-20 > tbody > tr > td:nth-of-type(1) {
        width: 80%;
    }

    table.form-table.w80-20 > tbody > tr > td:nth-of-type(2) {
        width: 20%;
    }

    table.form-table.w85-15 > tbody > tr > td:nth-of-type(1) {
        width: 85%;
    }

    table.form-table.w85-15 > tbody > tr > td:nth-of-type(2) {
        width: 15%;
    }

    table.form-table.w90-10 > tbody > tr > td:nth-of-type(1) {
        width: 90%;
    }

    table.form-table.w90-10 > tbody > tr > td:nth-of-type(2) {
        width: 10%;
    }

    table.form-table.w95-5 > tbody > tr > td:nth-of-type(1) {
        width: 95%;
    }

    table.form-table.w95-5 > tbody > tr > td:nth-of-type(2) {
        width: 5%;
    }

    /*four-column width defaults*/
    /* 20-30-20-30 */
    table.form-table > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 20%;
    }

    table.form-table > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 30%;
    }

    table.form-table > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 20%;
    }

    table.form-table > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 30%;
    }

    /*four-column width overrides*/
    /* 20-30-25-25 */
    table.form-table.w20-30-25-25 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 20%;
    }

    table.form-table.w20-30-25-25 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 30%;
    }

    table.form-table.w20-30-25-25 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 25%;
    }

    table.form-table.w20-30-25-25 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 25%;
    }

    /* 20-30-30-20 */
    table.form-table.w20-30-30-20 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 20%;
    }

    table.form-table.w20-30-30-20 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 30%;
    }

    table.form-table.w20-30-30-20 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 30%;
    }

    table.form-table.w20-30-30-20 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 20%;
    }

    /* 25-25-20-30 */
    table.form-table.w25-25-20-30 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 25%;
    }

    table.form-table.w25-25-20-30 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 25%;
    }

    table.form-table.w25-25-20-30 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 20%;
    }

    table.form-table.w25-25-20-30 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 30%;
    }

    /* 25-25-25-25 */
    table.form-table.w25-25-25-25 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 25%;
    }

    table.form-table.w25-25-25-25 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 25%;
    }

    table.form-table.w25-25-25-25 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 25%;
    }

    table.form-table.w25-25-25-25 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 25%;
    }

    /* 25-25-30-20 */
    table.form-table.w25-25-30-20 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 25%;
    }

    table.form-table.w25-25-30-20 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 25%;
    }

    table.form-table.w25-25-30-20 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 30%;
    }

    table.form-table.w25-25-30-20 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 20%;
    }

    /* 30-20-20-30 */
    table.form-table.w30-20-20-30 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 30%;
    }

    table.form-table.w30-20-20-30 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 20%;
    }

    table.form-table.w30-20-20-30 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 20%;
    }

    table.form-table.w30-20-20-30 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 30%;
    }

    /* 30-20-25-25 */
    table.form-table.w30-20-25-25 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 30%;
    }

    table.form-table.w30-20-25-25 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 20%;
    }

    table.form-table.w30-20-25-25 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 25%;
    }

    table.form-table.w30-20-25-25 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 25%;
    }

    /* 30-20-30-20 */
    table.form-table.w30-20-30-20 > tbody > tr > td:nth-of-type(1):nth-last-of-type(4) {
        width: 30%;
    }

    table.form-table.w30-20-30-20 > tbody > tr > td:nth-of-type(2):nth-last-of-type(3) {
        width: 20%;
    }

    table.form-table.w30-20-30-20 > tbody > tr > td:nth-of-type(3):nth-last-of-type(2) {
        width: 30%;
    }

    table.form-table.w30-20-30-20 > tbody > tr > td:nth-of-type(4):nth-last-of-type(1) {
        width: 20%;
    }
/* END Form-Table */

/* BEGIN Info-Table */
table.info-table {
    width: 100%;
}

    table.info-table > tbody > tr > td {
        /*vertical-align: top;*/
        vertical-align: middle;
        padding-bottom: 4px;
        /*width: 180px;*/
        font-size: 14px;
    }

        table.info-table > tbody > tr > td:nth-of-type(odd) {
            padding-right: 10px;
            font-weight: bold;
            white-space: nowrap;
        }

        table.info-table > tbody > tr > td:nth-of-type(even) {
            overflow-wrap: break-word;
        }

            table.info-table > tbody > tr > td:nth-of-type(even) > span {
                display: inline-block;
                /*width: 180px;*/
            }

    table.info-table.align-right > tbody > tr > td:nth-of-type(odd) {
        text-align: right;
    }

    /*two-column width defaults*/
    table.info-table > tbody > tr > td:nth-of-type(1):nth-last-child(2) {
        width: 40%;
    }

    table.info-table > tbody > tr > td:nth-of-type(2):nth-last-of-type(1) {
        width: 60%;
    }

    /*two-column width overrides*/
    table.info-table.w5-95 > tbody > tr > td:nth-of-type(1) {
        width: 5%;
    }

    table.info-table.w5-95 > tbody > tr > td:nth-of-type(2) {
        width: 95%;
    }

    table.info-table.w10-90 > tbody > tr > td:nth-of-type(1) {
        width: 10%;
    }

    table.info-table.w10-90 > tbody > tr > td:nth-of-type(2) {
        width: 90%;
    }

    table.info-table.w15-85 > tbody > tr > td:nth-of-type(1) {
        width: 15%;
    }

    table.info-table.w15-85 > tbody > tr > td:nth-of-type(2) {
        width: 85%;
    }

    table.info-table.w20-80 > tbody > tr > td:nth-of-type(1) {
        width: 20%;
    }

    table.info-table.w20-80 > tbody > tr > td:nth-of-type(2) {
        width: 80%;
    }

    table.info-table.w25-75 > tbody > tr > td:nth-of-type(1) {
        width: 25%;
    }

    table.info-table.w25-75 > tbody > tr > td:nth-of-type(2) {
        width: 75%;
    }

    table.info-table.w30-70 > tbody > tr > td:nth-of-type(1) {
        width: 30%;
    }

    table.info-table.w30-70 > tbody > tr > td:nth-of-type(2) {
        width: 70%;
    }

    table.info-table.w35-65 > tbody > tr > td:nth-of-type(1) {
        width: 35%;
    }

    table.info-table.w35-65 > tbody > tr > td:nth-of-type(2) {
        width: 65%;
    }

    table.info-table.w40-60 > tbody > tr > td:nth-of-type(1) {
        width: 40%;
    }

    table.info-table.w40-60 > tbody > tr > td:nth-of-type(2) {
        width: 60%;
    }

    table.info-table.w45-55 > tbody > tr > td:nth-of-type(1) {
        width: 45%;
    }

    table.info-table.w45-55 > tbody > tr > td:nth-of-type(2) {
        width: 55%;
    }

    table.info-table.w50-50 > tbody > tr > td:nth-of-type(1) {
        width: 50%;
    }

    table.info-table.w50-50 > tbody > tr > td:nth-of-type(2) {
        width: 50%;
    }

    table.info-table.w55-45 > tbody > tr > td:nth-of-type(1) {
        width: 55%;
    }

    table.info-table.w55-45 > tbody > tr > td:nth-of-type(2) {
        width: 45%;
    }

    table.info-table.w60-40 > tbody > tr > td:nth-of-type(1) {
        width: 60%;
    }

    table.info-table.w60-40 > tbody > tr > td:nth-of-type(2) {
        width: 40%;
    }

    table.info-table.w65-35 > tbody > tr > td:nth-of-type(1) {
        width: 65%;
    }

    table.info-table.w65-35 > tbody > tr > td:nth-of-type(2) {
        width: 35%;
    }

    table.info-table.w70-30 > tbody > tr > td:nth-of-type(1) {
        width: 70%;
    }

    table.info-table.w70-30 > tbody > tr > td:nth-of-type(2) {
        width: 30%;
    }

    table.info-table.w75-25 > tbody > tr > td:nth-of-type(1) {
        width: 75%;
    }

    table.info-table.w75-25 > tbody > tr > td:nth-of-type(2) {
        width: 25%;
    }

    table.info-table.w80-20 > tbody > tr > td:nth-of-type(1) {
        width: 80%;
    }

    table.info-table.w80-20 > tbody > tr > td:nth-of-type(2) {
        width: 20%;
    }

    table.info-table.w85-15 > tbody > tr > td:nth-of-type(1) {
        width: 85%;
    }

    table.info-table.w85-15 > tbody > tr > td:nth-of-type(2) {
        width: 15%;
    }

    table.info-table.w90-10 > tbody > tr > td:nth-of-type(1) {
        width: 90%;
    }

    table.info-table.w90-10 > tbody > tr > td:nth-of-type(2) {
        width: 10%;
    }

    table.info-table.w95-5 > tbody > tr > td:nth-of-type(1) {
        width: 95%;
    }

    table.info-table.w95-5 > tbody > tr > td:nth-of-type(2) {
        width: 5%;
    }
/* END Info-Table */

/* BEGIN spinner */
div.sm-block-background {
    z-index: 1000;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=10); /*IE8*/
    opacity: 0.1;
    cursor: wait;
    background-color: #555;
}

/*div.sm-block-spinner {
    z-index: 1000;
    position: absolute;
    width: 200px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 100px);
    text-align: center;
    font-size: 14px;
}*/

div.sm-block-spinner {
    /*z-index: 1000;
    position: absolute;
    width: 28px;
    height: 28px;
    top: calc(50% - 14px);
    left: calc(50% - 14px);
    border: 4px solid #f3f3f3;
    border-top: 4px solid gray;
    border-radius: 50% !important;
    cursor: wait;
    animation: sm-spin 1.3s linear infinite;
    -webkit-animation: sm-spin 1.3s linear infinite;
    -moz-animation: sm-spin 1.3s linear infinite;*/
    z-index: 1000;
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    border: 3px solid #d0d0d0;
    border-top: 3px solid #787878;
    border-radius: 50% !important;
    cursor: wait;
    animation: sm-spin 1.1s linear infinite;
    -webkit-animation: sm-spin 1.1s linear infinite;
    -moz-animation: sm-spin 1.1s linear infinite;
    -o-animation: sm-spin 1.1s linear infinite;
}

@keyframes sm-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sm-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes sm-spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes sm-spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes sm-spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}
/* END spinner */