.spinner {
    position: fixed;
    top: 0%;
    left: 0%;
    text-align: center;
    overflow: auto;
    width: 100%;
    height: 100%;
    /*    background-color: #fff;*/
    z-index: 9999;
    -moz-opacity: 0.85;
    opacity: 0.85;
    filter: alpha(opacity=0.85);
    /*    background: #506ee4 url(/images/loading.gif) center no-repeat;*/
    background: #fff url(/Backend/images/loading.svg?v=1) center no-repeat;
    background-size: 250px;
}

.img-load {
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
}

.textload {
    top: 46%;
    position: fixed;
    top: 56%;
    text-align: center;
    color: #000 !important;
    margin: 0 auto;
    width: 100%;
    color: white;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: inherit !important;
    }

    .mashead-title {
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        display: inline-block;
        margin: 0;
        line-height: 80px;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 10;
    }

    .mashead {
        position: relative;
        min-height: 80px;
    }
}

@media (max-width: 767px) {

    .mashead-title {
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        display: inline-block;
        margin: 0;
        line-height: 80px;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 10;
    }

    .mashead {
        position: relative;
        min-height: 80px;
    }

    .history-go .history-content .item .line::after {
        top: 6px !important;
        right: 0px !important;
        left: inherit !important;
    }

    .history-go .history-content .item .line::after {
        content: "";
        position: absolute;
        top: -36px !important;
        right: -2px !important;
        width: 6px;
        background-color: #333;
        border-radius: 50%;
        height: 6px;
        left: inherit !important;
    }

    .history-go .history-content .item .line::before {
        content: "";
        position: absolute;
        top: -30px;
        left: inherit !important;
        border: inherit !important;
        border-right: 1px solid #817f7f !important;
        height: 1000%;
        right: 0px !important;
    }

    .history-go .history-content .item:first-child .line::before {
        top: -28px !important;
    }

    .sub-item p {
    }

    .col-sm-4 {
        /*margin-left: 14px;*/
        font-weight: bold !important;
    }
    .col-sm-4 p{
        font-weight: bold !important;
        padding-right:20px;
        font-size:105%;
    }


    .col-sm-5 {
        margin-top: 5px;
    }
}