.looding{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:100000}
.looding p{color:#fff;font-size:12px;text-align:center;padding-top:62px}
.ajax-spinner-bars{margin-left:auto;margin-right:auto;width:85px;background:rgba(0,0,0,.8);border-radius:6px; padding:5px;}
.ajax-spinner-bars>div{position:absolute;width:2px;height:8px;margin:30px 40px;background-color:#fff;opacity:.05;-webkit-animation:fadeit .8s linear infinite;animation:fadeit .8s linear infinite}
.ajax-spinner-bars>.bar-1{-webkit-transform:rotate(0) translate(0,-12px);-ms-transform:rotate(0) translate(0,-12px);transform:rotate(0) translate(0,-12px);-webkit-animation-delay:.05s;animation-delay:.05s}
.ajax-spinner-bars>.bar-2{-webkit-transform:rotate(22.5deg) translate(0,-12px);-ms-transform:rotate(22.5deg) translate(0,-12px);transform:rotate(22.5deg) translate(0,-12px);-webkit-animation-delay:.1s;animation-delay:.1s}
.ajax-spinner-bars>.bar-3{-webkit-transform:rotate(45deg) translate(0,-12px);-ms-transform:rotate(45deg) translate(0,-12px);transform:rotate(45deg) translate(0,-12px);-webkit-animation-delay:.15s;animation-delay:.15s}
.ajax-spinner-bars>.bar-4{-webkit-transform:rotate(67.5deg) translate(0,-12px);-ms-transform:rotate(67.5deg) translate(0,-12px);transform:rotate(67.5deg) translate(0,-12px);-webkit-animation-delay:.2s;animation-delay:.2s}
.ajax-spinner-bars>.bar-5{-webkit-transform:rotate(90deg) translate(0,-12px);-ms-transform:rotate(90deg) translate(0,-12px);transform:rotate(90deg) translate(0,-12px);-webkit-animation-delay:.25s;animation-delay:.25s}
.ajax-spinner-bars>.bar-6{-webkit-transform:rotate(112.5deg) translate(0,-12px);-ms-transform:rotate(112.5deg) translate(0,-12px);transform:rotate(112.5deg) translate(0,-12px);-webkit-animation-delay:.3s;animation-delay:.3s}
.ajax-spinner-bars>.bar-7{-webkit-transform:rotate(135deg) translate(0,-12px);-ms-transform:rotate(135deg) translate(0,-12px);transform:rotate(135deg) translate(0,-12px);-webkit-animation-delay:.35s;animation-delay:.35s}
.ajax-spinner-bars>.bar-8{-webkit-transform:rotate(157.5deg) translate(0,-12px);-ms-transform:rotate(157.5deg) translate(0,-12px);transform:rotate(157.5deg) translate(0,-12px);-webkit-animation-delay:.4s;animation-delay:.4s}
.ajax-spinner-bars>.bar-9{-webkit-transform:rotate(180deg) translate(0,-12px);-ms-transform:rotate(180deg) translate(0,-12px);transform:rotate(180deg) translate(0,-12px);-webkit-animation-delay:.45s;animation-delay:.45s}
.ajax-spinner-bars>.bar-10{-webkit-transform:rotate(202.5deg) translate(0,-12px);-ms-transform:rotate(202.5deg) translate(0,-12px);transform:rotate(202.5deg) translate(0,-12px);-webkit-animation-delay:.5s;animation-delay:.5s}
.ajax-spinner-bars>.bar-11{-webkit-transform:rotate(225deg) translate(0,-12px);-ms-transform:rotate(225deg) translate(0,-12px);transform:rotate(225deg) translate(0,-12px);-webkit-animation-delay:.55s;animation-delay:.55s}
.ajax-spinner-bars>.bar-12{-webkit-transform:rotate(247.5deg) translate(0,-12px);-ms-transform:rotate(247.5deg) translate(0,-12px);transform:rotate(247.5deg) translate(0,-12px);-webkit-animation-delay:.6s;animation-delay:.6s}
.ajax-spinner-bars>.bar-13{-webkit-transform:rotate(270deg) translate(0,-12px);-ms-transform:rotate(270deg) translate(0,-12px);transform:rotate(270deg) translate(0,-12px);-webkit-animation-delay:.65s;animation-delay:.65s}
.ajax-spinner-bars>.bar-14{-webkit-transform:rotate(292.5deg) translate(0,-12px);-ms-transform:rotate(292.5deg) translate(0,-12px);transform:rotate(292.5deg) translate(0,-12px);-webkit-animation-delay:.7s;animation-delay:.7s}
.ajax-spinner-bars>.bar-15{-webkit-transform:rotate(315deg) translate(0,-12px);-ms-transform:rotate(315deg) translate(0,-12px);transform:rotate(315deg) translate(0,-12px);-webkit-animation-delay:.75s;animation-delay:.75s}
.ajax-spinner-bars>.bar-16{-webkit-transform:rotate(337.5deg) translate(0,-12px);-ms-transform:rotate(337.5deg) translate(0,-12px);transform:rotate(337.5deg) translate(0,-12px);-webkit-animation-delay:.8s;animation-delay:.8s}
@-webkit-keyframes fadeit{0%{opacity:1}100%{opacity:0}}



.page {
    float: right;
    display: inline-block;
    vertical-align: middle;
    width: 370px;
    line-height: 26px;
    margin: 10px;
    margin-bottom:8px;
}
.page span {
    float: left;
    margin-left: 5px;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input, .ui-jqgrid .ui-pg-input, .ui-pager-inp {
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #d6dee3;
    color: #555;
    width: 30px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    outline: 0;
    margin-left: 5px;
}
.page-number {
    margin-left: 130px;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input, .ui-jqgrid .ui-pg-input, .ui-pager-inp {
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e9ecef;
    color: #555;
    width: 30px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    outline: 0;
    margin-left: 5px;
}
.page .pn, .page .pn a {
    margin-left: 5px;
}
.page .pn {
    float: right;
}
.ui-pager-next, .ui-pager-prev {
    background: url(../images/icon8.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    cursor: pointer;
}
.ui-pager-prev {
    background-color: #fafafa;
    border: 1px solid #e9ecef;
    background-position: 9px -34px;
}
.page .pn, .page .pn a {
    margin-left: 5px;
}
.ui-pager-next {
    background-color: #fafafa;
    border: 1px solid #e9ecef;
    background-position: 10px -51px;
}
.page-total {
    float: left;
    line-height: 26px;
    margin: 10px 10px 0;
    display: block;
}

.lh30 i {
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }
#sp_title i {
        font-size: 16px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        }
.bg-status {
        background-color:#6699ff;
        font-size: 16px!important;
    }
.bg-share-alt {
        background-color:#6699ff;
        font-size: 16px!important;
    }
.bg-random {
        background-color:#6699ff;
        font-size: 16px!important;
    }
.bg-whatsapp {
        background-color:#07be6e;
    }
.bg-apple {
        background-color:#f9423c;
    }
.bg-instagram {
    background: linear-gradient(to top right, #fa7e1e, #d82a74, #9a2ebc, #4f5bd5);
}
.bg-android {
        background-color:#f9423c;
    }
.bg-skype {
        background-color:#01A1E6;
    }
.bg-vk {
        background-color:#2787F5;
    }
.bg-apple2 {
        background-color:#e26764;
    }