.search-sec form input:focus, form.search-form input:focus {
            color: #495057;
            background-color: #fff;
            outline: 0;
            box-shadow: 0 0 0 0.1rem rgba(0, 249, 186, 0.55);
            BORDER-RADIUS: 20PX;
        }

        .panel-content .records-1 {
            margin-top: 0px;
        }

        .records {
            margin-top: 5px;
        }

        .input-group label {
            width: 45px;
            float: left;
            font-size: 14px;
            margin-top: 10px;
        }

        .input-group .form-control.hasDatepicker {
            width: 76%;
            float: left;
        }

        .input-group .hasDatepickersearch {
            width: 64%;
            float: right;
        }

        .team-box {
            padding: 10px 0 !important;
            display: inherit !important;
        }

        .deposite-am {
            margin-top: 0px !important;
        }

        .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn,
        :first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
            z-index:;
        }

        .widget {
            background: #ffffff none repeat scroll 0 0;
            float: left;
            margin-top: 14px;
            position: relative;
            width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            padding-top: 14px;
        }

        .widget-1 {
            background: #ffffff none repeat scroll 0 0;
            float: left;
            margin-top: 40px;
            position: relative;
            width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            padding: 0px 0px;
        }

        .widget-2 {
            background: #ffffff none repeat scroll 0 0;
            float: left;
            margin-top: 14px;
            margin-bottom: 14px;
            position: relative;
            width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            padding: 10px 10px;
        }

        .heading p {
            color: Black;
            font-weight: bold;
            text-align: center;
            margin-left: -10px;
        }

        .number {
            left: 22px;
            font-size: 12px;
            position: absolute;
            top: -20px;
            padding: 6px 6px;
            height: 35px;
            width: 35px;
            text-align: center;
            line-height: 26px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 1px 1px 8px 2px #9b9c9c;
            color: Black !important;
        }

        .user-img img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid white;
        }

        .user-img {
            position: absolute;
            top: -36px;
            left: 63px;
        }

        .col-md-1.5 {
            width: 15%;
            float: left;
        }

        .user-id {
            margin-top: 24px;
            color: Black;
            margin-left: 46px;
            font-weight: bold;
        }

        .user-name {
            margin-top: -20px;
            color: #969494;
            margin-left: 33px;
        }

        .flag {
            position: absolute;
            top: 37px;
            left: -2px;
        }

            .flag img {
                width: 18px;
                height: 18px;
            }

        .mail-icon {
            position: absolute;
            top: -18px;
            left: 0px;
            width: 25px;
            height: 25px;
            background: #fff;
            border-radius: 50%;
            text-align: center;
            border: 1px solid #fff;
            box-shadow: 1px 1px 8px 2px #9b9c9c;
            color: Black;
        }

        .mail {
            margin-top: 16px;
            color: Black;
            font-weight: 600;
        }

        .country {
            position: absolute;
            top: 39px;
            left: 18px;
            font-size: 13px;
            font-weight: 500;
            color: #969494;
        }

        .mobile {
            position: absolute;
            top: 37px;
            left: 1px;
            font-size: 13px;
            font-weight: 500;
        }

        .mobile-icon {
            color: black;
            font-size: 13px;
            position: absolute;
            width: 25px;
            height: 25px;
            background: #fff;
            border-radius: 50%;
            top: -18px;
            left: 68px;
            border: 1px solid #fff;
            box-shadow: 1px 1px 8px 2px #9b9c9c;
        }

        .location {
            position: absolute;
            top: -18px;
            left: 34px;
            width: 25px;
            height: 25px;
            border: 1px solid #fff;
            border-radius: 50%;
            background: #fff;
            color: Black;
            box-shadow: 1px 1px 8px 2px #9b9c9c;
        }

            .location .fa {
                font-size: 18px;
                color: Black;
                margin-left: 6px;
                line-height: 26px;
            }

        .mobile-icon .fa {
            font-size: 19px;
            text-align: center;
            margin-left: 8px;
            color: black;
            line-height: 26px;
        }

        .search-result-footer {
            margin-top: 65px;
        }

        .sponsor {
            line-height: 31px;
            text-align: center;
        }

        .vin:before {
            content: "";
            width: 1px;
            height: 50px;
            position: absolute;
            background: #e8edf2;
            top: -15px;
            margin-left: -24px;
        }

        .vin-1:before {
            content: "";
            width: 1px;
            height: 100%;
            position: absolute;
            background: #e8edf2;
            top: -3px;
            margin-left: -25px;
        }

        .vin-2:before {
            content: "";
            width: 1px;
            height: 81px;
            position: absolute;
            background: #e8edf2;
            top: -3px;
            margin-left: -20px;
        }

        .vin-3:before {
            content: "";
            width: 1px;
            height: 100%;
            position: absolute;
            background: #e8edf2;
            top: -3px;
            margin-left: -12px;
        }

        .vin-4:before {
            content: "";
            width: 1px;
            height: 100%;
            position: absolute;
            background: #e8edf2;
            top: -3px;
            margin-left: -18px;
        }

        .vin-5:before {
            content: "";
            width: 1px;
            height: 100%;
            position: absolute;
            background: #e8edf2;
            top: -3px;
            margin-left: -15px;
        }

        .vin-6:before {
            content: "";
            width: 2px;
            height: 100%;
            position: absolute;
            background: #5cb85c;
            top: -3px;
            margin-left: 0;
        }

        .vin-7:before {
            content: "";
            width: 1px;
            height: 85px;
            position: absolute;
            background: #d9534f;
            top: -15px;
            margin-left: -30px;
        }

        .vin-8:before {
            content: "";
            width: 1px;
            height: 85px;
            position: absolute;
            background: #337ab7;
            top: -15px;
            margin-left: -30px;
        }

        .win:before {
            display: none;
        }

        .win:before {
            content: "";
            width: 550px;
            height: 1px;
            position: absolute;
            background: #e8edf2;
            left: 0px;
        }

        .win-1:before {
            content: "";
            width: 550px;
            height: 1px;
            position: absolute;
            background: #e8edf2;
            left: -20px;
            top: 5px;
        }

        .input-group .cel-1 {
            position: absolute;
            right: 9px;
            z-index: 3;
            top: 38px;
            color: Black;
        }

        .input-group-btn button {
            height: 25px;
        }

        .input-group-btn span {
            display: block;
        }

        .input-group-btn {
            position: relative;
            white-space: nowrap;
            top: 18px;
        }

        .hasDatepickersearch {
            width: 100% !important;
        }

        .search-result-total {
            font-size: 14px;
        }

        .Select1 {
            background: #ffffff;
            margin-right: 2px !important;
            border: 1px solid #CCC;
        }

        .Select1 {
            margin-left: 4px !important;
        }

        .Block1 {
            color: #545454;
            text-align: center;
            margin: 0 0px;
            padding: 3px 0;
            font-size: 14px;
            margin-left: -15px;
        }

        .Active2 {
            color: #545454;
            text-align: center;
            padding: 3px 0;
            font-size: 14px;
            margin-left: -15px;
        }

        .sponsor p {
            color: Black;
            margin-top: -10px !important;
        }

        .Inactive2 {
            color: #545454;
            text-align: center;
            margin: 0 -4px;
            padding: 3px 0;
            font-size: 14px;
            margin-left: -15px;
        }

        .input-group .form-control {
            height: 25px;
        }

        .font {
            margin-top: 0px;
        }

        .check {
            margin-top: 0px;
        }

        .lbl-pos {
            margin-left: 19px;
            border-radius: 50%;
            line-height: 44px;
        }

        .lbl-cir {
            margin-left: 13px;
            border-radius: 50%;
            line-height: 44px;
        }

        .box-1 {
            width: 10px;
            height: 10px;
            background: #5cb85c;
            display: inline-block;
            margin-right: 5px;
        }

        .box-2 {
            width: 10px;
            height: 10px;
            background: #d9534f;
            display: inline-block;
            margin-right: 5px;
        }

        .box-3 {
            width: 10px;
            height: 10px;
            background: #337ab7;
            display: inline-block;
            margin-right: 5px;
        }

        .gippi {
            margin-top: -21px;
        }

        .daller {
            color: red;
            font-weight: bold;
            text-align: center;
            padding-top: 27px;
        }

        .normal-1 {
            color: #969494;
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-weight: 500;
            margin-top: 23px;
            text-align: center;
        }

        .normal-2 {
            color: #969494;
            font-size: 12px;
            font-weight: 500;
            text-align: center;
            margin-left: -23px;
            line-height: 5.5;
        }

        .rr {
            padding-top: 14px;
        }

        .B1 {
            position: relative;
            top: 30px;
            left: 46px;
            font-size: 18px;
        }

        .envelope {
            margin-top: 4px;
        }

        .date {
            color: Black;
        }

        .normal {
            font-weight: bold;
            font-size: 11px;
        }

        .normal-3 {
            color: Black;
            padding: 0;
            margin-top: -43px;
        }

        .online ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .widget-1:hover {
            background: #1065b3;
            color: White !important;
        }

            .widget-1:hover p {
                color: White !important;
            }

                .widget-1:hover p .normal {
                    color: White !important;
                }

            .widget-1:hover .user-img img {
                border: 2px solid #1065b3;
            }

        .sponsor-1 {
            display: none;
        }

        .heading-1 {
            display: none;
        }

        .widget-2 h6 {
            font-size: 12px;
            color: #ccc;
            font-weight: 600;
        }

        .search-result-total {
            font-size: 14px;
        }

        .online ul li {
            margin: 0;
            padding: 0;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 16px;
        }

        select.form-control:not([size]):not([multiple]) {
            height: 33px;
       /*     margin-top: 17px;*/
            padding: 2px 12px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 5px;
            right: 0px;
        }

        .btn-1 {
            font-size: 12px;
            padding: 8px 6px;
        }

        .btn-group {
            position: absolute;
            right: 32px;
            top: 20px;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #fff;
            line-height: 16px;
            padding-left: 5px;
        }

        .input-group-addon {
            padding: 8px;
        }

        @media (max-width: 768px) and (min-width: 481px) {
            .select2-container--default .select2-selection--single .select2-selection__rendered {
                font-size: 12px;
            }

            select.form-control:not([size]):not([multiple]) {
                font-size: 12px;
            }

            .tab {
                margin: 0;
                padding: 0;
            }

            .heading p:last-child {
                margin-left: -22px;
            }

            .number {
                left: 18px;
                font-size: 12px;
                position: absolute;
                top: -16px;
                padding: 6px 6px;
                height: 25px;
                width: 25px;
                text-align: center;
                line-height: 15px;
                background: #ffffff;
                border-radius: 50%;
                box-shadow: 1px 1px 8px 2px #9b9c9c;
                color: Black !important;
            }

            .tab p {
                margin-left: -12px;
            }

            .tab-1 {
                margin: 0;
                padding: 0;
            }

            .heading p {
                font-size: 11px;
            }

            .bin:before {
                content: "";
                width: 1px;
                height: 46px;
                position: absolute;
                background: #e8edf2;
                top: -14px;
                margin-left: -10px;
            }

            .tab-2 p {
                margin-left: -15px;
            }

            .tab-3 p {
                margin-left: -12px;
            }

            .tab-4 p {
                margin-left: -16px;
            }

            .online ul li {
                margin: 5px;
                padding: 0;
            }

            .normal-3 {
                color: Black;
                padding: 0;
                margin-top: -15px;
                line-height: 14px;
            }

            .vin-2:before {
                content: "";
                width: 1px;
                height: 100%;
                position: absolute;
                background: #e8edf2;
                top: 0px;
                margin-left: -22px;
            }

            .vin-3:before {
                margin-left: -8px;
            }

            .vin-4:before {
                margin-left: -22px;
            }

            .vin-5:before {
                margin-left: -22px;
            }

            .vin-1:before {
                margin-left: -24px;
            }

            .vin-6:before {
                content: "";
                width: 2px;
                height: 77px;
                position: absolute;
                background: #5cb85c;
                top: -3px;
                margin-left: 0;
            }

            .normal-2 {
                font-size: 12px;
                font-weight: 500;
                text-align: center;
                line-height: 14px;
                padding-top: 14px;
            }

            .user-img img {
                width: 35px;
                height: 35px;
                border-radius: 50%;
                border: 2px solid white;
            }

            .user-img {
                position: absolute;
                top: -27px;
                left: 41px;
            }

            .country {
                position: absolute;
                top: 31px;
                left: 12px;
                font-size: 11px;
                font-weight: 600;
            }

            .user-id {
                margin-top: 17px;
                color: Black;
                margin-left: 19px;
            }

            .user-name {
                margin-top: -20px;
                margin-left: 10px;
                font-size: 11px;
            }

            .mail {
                margin-top: 15px;
                color: Black;
                font-size: 11.5px;
                margin-left: -2px;
                font-weight: 500;
            }

            .mobile-icon {
                margin-top: 0px;
                color: black;
                font-size: 11px;
                margin-left: 0px;
                position: absolute;
                width: 20px;
                height: 20px;
                background: #fff;
                border-radius: 50%;
                top: -16px;
                left: 68px;
                border: 1px solid #fff;
                box-shadow: 1px 1px 8px 2px #9b9c9c;
            }

            .normal-1 {
                margin: 0;
                padding-top: 18px;
                font-size: 11.5px;
                line-height: 13px;
                font-weight: 500;
            }

            .mobile-icon .fa {
                font-size: 16px;
                text-align: center;
                margin-left: 1px;
                color: black;
                display: block;
                line-height: 19px;
            }

            .normal {
                font-weight: bold;
                font-size: 10px;
                display: block;
                line-height: 2px;
            }

            .win:before {
                display: none;
            }

            .win-1:before {
                display: none;
            }

            .btn-1 {
                font-size: 12px;
                padding: 7.5px 0px;
            }

            .flag {
                position: absolute;
                top: 28px;
                left: -5px;
            }

                .flag img {
                    width: 15px;
                    height: 15px;
                }

            .mobile {
                position: absolute;
                top: 38px;
                left: -14px;
                font-size: 11px;
                font-weight: 600;
            }

            .sponsor {
                margin-top: 5px;
                line-height: 24px;
                text-align: center;
            }

                .sponsor p {
                    font-size: 11.5px;
                }

            .lbl-pos {
                margin-left: 0px;
                border-radius: 50%;
                line-height: 35px;
            }

            .lbl-cir {
                margin-left: -5px;
                border-radius: 50%;
                line-height: 35px;
            }

            .mail-icon {
                position: absolute;
                top: -16px;
                left: 0px;
                width: 20px;
                height: 20px;
                background: #fff;
                border-radius: 50%;
                text-align: center;
                border: 1px solid #fff;
                box-shadow: 1px 1px 8px 2px #9b9c9c;
                color: Black;
                line-height: 16px;
            }

                .mail-icon .fa {
                    font-size: 12px;
                    line-height: 2px;
                }

            .location .fa {
                font-size: 14px;
                color: Black;
                margin-left: 5px;
                line-height: 0;
            }

            .location {
                position: absolute;
                top: -16px;
                left: 34px;
                width: 20px;
                height: 20px;
                border: 1px solid #fff;
                border-radius: 50%;
                background: #fff;
                color: Black;
                box-shadow: 1px 1px 8px 2px #9b9c9c;
                line-height: 21px;
            }

            .widget-1 {
                margin-top: 30px;
                padding-bottom: 6px;
            }

            .B1 {
                position: absolute;
                top: 25px;
                left: 37px;
            }

            .search-result-total {
                font-size: 12px;
            }

            .search-result-header {
                margin-bottom: 0;
            }

            .Block1 {
                color: #545454;
                text-align: center;
                margin: 0px 0px;
                padding: 0px 0;
                font-size: 14px;
            }

            .Inactive2 {
                color: #545454;
                text-align: center;
                margin: 0px 0px;
                padding: 0px 0;
                font-size: 14px;
            }

            .Active2 {
                color: #545454;
                text-align: center;
                margin: 0px 0px;
                padding: 0px 0;
                font-size: 14px;
            }

            .font {
                font-size: 12px;
                margin: 0;
                padding-right: 0;
            }

            .check {
                margin: 0;
                padding: 0;
            }

            .online ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            .daller {
                padding-top: 20px;
                margin-left: -12px;
            }

            .widget-2 h6 {
                font-size: 9px;
                color: #ccc;
                font-weight: 600;
            }

            .btn-group {
                position: absolute;
                right: 6px;
                top: 18px;
                display: inline-flex;
            }

            .from {
                font-size: 12px;
            }

            .to {
                font-size: 12px;
            }

            .search {
                font-size: 12px;
            }

            .search-result-footer p {
                line-height: 12px;
            }
        }



        @media (max-width: 480px) and (min-width: 376px) {
            .input-group-addon {
                float: right;
                padding: 5px 8px !important;
            }

            .from {
                width: 331px !important;
                height: 28px !important;
            }

            .to {
                width: 331px !important;
                height: 28px !important;
            }

            .search {
                width: 331px !important;
                height: 28px !important;
            }

            .widget {
                display: none;
            }

            .number {
                width: 40px !important;
                height: 25px !important;
                font-size: 11px !important;
                background-color: grey !important;
                color: white !important;
                text-align: center !important;
                font-weight: bold !important;
                display: block !important;
                line-height: 14px !important;
                position: absolute !important;
                top: -15px !important;
                left: 360px !important;
                border-radius: unset;
                box-shadow: unset;
            }

            .user-img {
                position: relative;
                top: -42px;
                left: 163px;
            }

            .user-id {
                position: absolute;
                top: -6px;
                left: 132px;
            }

            .user-name {
                margin-top: -26px;
                color: Black;
                margin-left: 148px;
            }

            .flag {
                position: absolute;
                top: -26px;
                left: 27px;
            }

                .flag img {
                    width: 18px;
                    height: 18px;
                }

            .mail-icon {
                position: absolute;
                top: -45px;
                left: 23px;
                width: 25px;
                height: 25px;
                background: none;
                border-radius: 50%;
                text-align: center;
                box-shadow: none;
                border: hidden;
            }

            .normal-1 {
                color:;
                margin: 0;
                padding: 0;
                font-size: 12px;
                font-weight: 500;
                margin-top: -5px;
            }

            .mail {
                margin-top: -23px;
                color: Black;
                margin-left: 30px;
                font-weight: 600;
            }

            .mobile-icon .fa {
                font-size: 20px;
                margin-left: 8px;
                display: none;
            }

            .mobile-icon {
                display: none;
            }

            .mobile {
                position: absolute;
                top: 15px;
                left: 24px;
                font-size: 13px;
                font-weight: 600;
            }

            .country {
                position: absolute;
                top: -24px;
                left: 53px;
                font-size: 13px;
                font-weight: 500;
            }

            .location {
                display: none;
            }

            .signup-on {
                position: absolute;
                top: 6px;
                left: 44px;
            }

            .vin-1:before {
                display: none;
            }

            .vin-2:before {
                display: none;
            }

            .vin-3:before {
                display: none;
            }

            .vin-4:before {
                display: none;
            }

            .vin-5:before {
                display: none;
            }

            .vin-6:before {
                display: none;
            }

            .vin-7:before {
                display: none;
            }

            .vin-8:before {
                display: none;
            }

            .heading-1 {
                display: block;
                font-size: 13px;
                font-weight: 600;
            }

            .sponsor {
                display: none;
            }

            .sponsor-1 {
                display: block;
                position: absolute;
                left: 185px;
                top: 50px;
            }

            .sponsor-1 {
                font-weight: 600;
            }

            .dot {
                height: 10px;
                width: 10px;
                background-color: #2eb82e;
                border-radius: 50%;
                display: inline-block;
                position: absolute;
                left: -2px;
                top: 17px;
            }

            .active-on {
                position: absolute;
                top: 5px;
                right: 44px;
            }

                .active-on p {
                    font-size: 11px;
                    line-height: 12px;
                    margin-left: 0px;
                }

            .signup-on p {
                font-size: 11px;
                line-height: 22px;
            }

            .user-info {
                margin-bottom: 34px;
            }

            .daller {
                color: red;
                font-weight: bold;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            .deposit {
                position: absolute;
                left: 30px;
                top: 49px;
            }

            .bonus {
                position: absolute;
                right: 32px;
                top: 49px;
            }

            .normal {
                font-weight: bold;
                color: #ff0052;
                font-size: 12px;
            }

            .Active2 {
                color: #545454;
                text-align: center;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 55px;
            }

            .Inactive2 {
                color: #545454;
                text-align: center;
                margin: 0 0px;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 60px;
            }

            .Block1 {
                color: #545454;
                text-align: center;
                margin: 0 0px;
                padding: px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 58px;
            }

            .position {
                position: absolute;
                bottom: -120px;
                left: 30px;
            }

            .circle {
                position: absolute;
                bottom: -105px;
                right: 28px;
            }

            .widget-1 {
                height: 275px;
                width:;
                padding: 10px 0;
            }

            .input-group-btn {
                position: relative;
                white-space: nowrap;
                top: -25px;
                right: -203px;
            }

            .input-group {
                position: relative;
                display: flow-root;
                border-collapse: separate;
            }

            .btn-1 {
                font-size: 12px;
                padding: 2px 2px;
            }

            .btn-group {
                position: absolute;
                top: 18px;
                left: 12px;
            }

            .search-result-footer {
                margin-top: 0;
                float: right;
            }

            .lbl-pos {
                margin-left: 14px;
                line-height: 10px;
            }

            .lbl-cir {
                margin-left: 14px;
                line-height: 10px;
            }

            .widget-2 {
                height: 520px;
            }

            .B1 {
                position: relative;
                top: 30px;
                left: 46px;
                font-size: 14px;
            }

            .gippi {
                margin-top: -3px !important;
            }

            .search-result-header {
                margin-top: 15px;
            }

            .normal-3 {
                position: absolute;
                bottom: -116px;
                left: 185px;
            }
        }

        @media (max-width: 375px) and (min-width: 321px) {
            .input-group-addon {
                float: right;
                padding: 5px 8px !important;
            }

            .from {
                width: 281px !important;
                height: 28px !important;
            }

            .to {
                width: 281px !important;
                height: 28px !important;
            }

            .search {
                width: 281px !important;
                height: 28px !important;
            }

            .widget {
                display: none;
            }

            .normal-3 {
                position: absolute;
                bottom: -116px;
                left: 165px;
            }

            .number {
                width: 40px !important;
                height: 25px !important;
                font-size: 11px !important;
                background-color: grey !important;
                color: white !important;
                text-align: center !important;
                font-weight: bold !important;
                display: block !important;
                line-height: 14px !important;
                position: absolute !important;
                top: -15px !important;
                left: 310px !important;
                border-radius: unset;
                box-shadow: unset;
            }

            .user-img {
                position: relative;
                top: -42px;
                left: 132px;
            }

            .user-id {
                position: absolute;
                top: -6px;
                left: 102px;
            }

            .user-name {
                margin-top: -26px;
                color: Black;
                margin-left: 120px;
            }

            .flag {
                position: absolute;
                top: -26px;
                left: 27px;
            }

                .flag img {
                    width: 18px;
                    height: 18px;
                }

            .mail-icon {
                position: absolute;
                top: -45px;
                left: 23px;
                width: 25px;
                height: 25px;
                background: none;
                border-radius: 50%;
                text-align: center;
                box-shadow: none;
                border: hidden;
            }

            .normal-1 {
                color:;
                margin: 0;
                padding: 0;
                font-size: 12px;
                font-weight: 500;
                margin-top: -5px;
            }

            .mail {
                margin-top: -23px;
                color: Black;
                margin-left: 30px;
                font-weight: 600;
            }

            .mobile-icon .fa {
                font-size: 20px;
                margin-left: 8px;
                display: none;
            }

            .mobile-icon {
                display: none;
            }

            .mobile {
                position: absolute;
                top: 15px;
                left: 24px;
                font-size: 13px;
                font-weight: 600;
            }

            .country {
                position: absolute;
                top: -24px;
                left: 53px;
                font-size: 13px;
                font-weight: 500;
            }

            .location {
                display: none;
            }

            .signup-on {
                position: absolute;
                top: 6px;
                left: 44px;
            }

            .vin-1:before {
                display: none;
            }

            .vin-2:before {
                display: none;
            }

            .vin-3:before {
                display: none;
            }

            .vin-4:before {
                display: none;
            }

            .vin-5:before {
                display: none;
            }

            .vin-6:before {
                display: none;
            }

            .vin-7:before {
                display: none;
            }

            .vin-8:before {
                display: none;
            }

            .heading-1 {
                display: block;
                font-size: 13px;
                font-weight: 600;
            }

            .sponsor {
                display: none;
            }

            .sponsor-1 {
                display: block;
                position: absolute;
                left: 162px;
                top: 50px;
            }

            .sponsor-1 {
                font-weight: 600;
            }

            .dot {
                height: 10px;
                width: 10px;
                background-color: #2eb82e;
                border-radius: 50%;
                display: inline-block;
                position: absolute;
                left: -2px;
                top: 17px;
            }

            .active-on {
                position: absolute;
                top: 5px;
                right: 44px;
            }

                .active-on p {
                    font-size: 11px;
                    line-height: 12px;
                    margin-left: 0px;
                }

            .signup-on p {
                font-size: 11px;
                line-height: 22px;
            }

            .user-info {
                margin-bottom: 34px;
            }

            .daller {
                color: red;
                font-weight: bold;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            .deposit {
                position: absolute;
                left: 30px;
                top: 49px;
            }

            .bonus {
                position: absolute;
                right: 32px;
                top: 49px;
            }

            .normal {
                font-weight: bold;
                color: #ff0052;
                font-size: 12px;
            }

            .Active2 {
                color: #545454;
                text-align: center;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 55px;
            }

            .Inactive2 {
                color: #545454;
                text-align: center;
                margin: 0 0px;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 60px;
            }

            .Block1 {
                color: #545454;
                text-align: center;
                margin: 0 0px;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 58px;
            }

            .position {
                position: absolute;
                bottom: -120px;
                left: 30px;
            }

            .circle {
                position: absolute;
                bottom: -105px;
                right: 28px;
            }

            .widget-1 {
                height: 275px;
                width:;
                padding: 10px 0;
            }

            .input-group-btn {
                position: relative;
                white-space: nowrap;
                top: -25px;
                right: -203px;
            }

            .input-group {
                position: relative;
                display: flow-root;
                border-collapse: separate;
            }

            .btn-1 {
                font-size: 12px;
                padding: 2px 2px;
            }

            .btn-group {
                position: absolute;
                top: 18px;
                left: 12px;
            }

            .search-result-footer {
                margin-top: 0;
                float: right;
            }

            .lbl-pos {
                margin-left: 14px;
                line-height: 10px;
            }

            .lbl-cir {
                margin-left: 14px;
                line-height: 10px;
            }

            .widget-2 {
                height: 520px;
            }

            .B1 {
                position: relative;
                top: 30px;
                left: 46px;
                font-size: 14px;
            }

            .gippi {
                margin-top: -3px !important;
            }

            .search-result-header {
                margin-top: 15px;
            }
        }


        @media (max-width: 320px) {
            .input-group-addon {
                float: right;
                padding: 5px 8px !important;
            }
           
            .from {
                width: 226px !important;
                height: 28px !important;
            }

            .to {
                width: 226px !important;
                height: 28px !important;
            }

            .search {
                width: 226px !important;
                height: 28px !important;
            }

            .search-result-header {
                margin-top: 15px;
            }

            .widget {
                display: none;
            }

            .normal-3 {
                position: absolute;
                bottom: -116px;
                left: 135px;
            }

            .number {
                width: 40px !important;
                height: 25px !important;
                font-size: 11px !important;
                background-color: grey !important;
                color: white !important;
                text-align: center !important;
                font-weight: bold !important;
                display: block !important;
                line-height: 14px !important;
                position: absolute !important;
                top: -15px !important;
                left: 255px !important;
                border-radius: unset;
                box-shadow: unset;
            }

            .B1 {
                position: relative;
                top: 30px;
                left: 46px;
                font-size: 14px;
            }

            .gippi {
                margin-top: -3px !important;
            }

            .user-img {
                position: relative;
                top: -42px;
                left: 100px;
            }

            .user-id {
                position: absolute;
                top: -6px;
                left: 68px;
            }

            .user-name {
                margin-top: -26px;
                color: Black;
                margin-left: 81px;
            }

            .flag {
                position: absolute;
                top: -26px;
                left: 27px;
            }

                .flag img {
                    width: 18px;
                    height: 18px;
                }

            .mail-icon {
                position: absolute;
                top: -45px;
                left: 23px;
                width: 25px;
                height: 25px;
                background: none;
                border-radius: 50%;
                text-align: center;
                box-shadow: none;
                border: hidden;
            }

            .normal-1 {
                color:;
                margin: 0;
                padding: 0;
                font-size: 12px;
                font-weight: 500;
                margin-top: -5px;
            }

            .mail {
                margin-top: -23px;
                color: Black;
                margin-left: 30px;
                font-weight: 600;
            }

            .mobile-icon .fa {
                font-size: 20px;
                margin-left: 8px;
                display: none;
            }

            .mobile-icon {
                display: none;
            }

            .mobile {
                position: absolute;
                top: 15px;
                left: 24px;
                font-size: 13px;
                font-weight: 600;
            }

            .country {
                position: absolute;
                top: -24px;
                left: 53px;
                font-size: 13px;
                font-weight: 500;
            }

            .location {
                display: none;
            }

            .signup-on {
                position: absolute;
                top: 6px;
                left: 44px;
            }

            .vin-1:before {
                display: none;
            }

            .vin-2:before {
                display: none;
            }

            .vin-3:before {
                display: none;
            }

            .vin-4:before {
                display: none;
            }

            .vin-5:before {
                display: none;
            }

            .vin-6:before {
                display: none;
            }

            .vin-7:before {
                display: none;
            }

            .vin-8:before {
                display: none;
            }

            .heading-1 {
                display: block;
                font-size: 13px;
                font-weight: 600;
            }

            .sponsor {
                display: none;
            }

            .sponsor-1 {
                display: block;
                position: absolute;
                left: 128px;
                top: 50px;
            }

            .sponsor-1 {
                font-weight: 600;
            }

            .dot {
                height: 10px;
                width: 10px;
                background-color: #2eb82e;
                border-radius: 50%;
                display: inline-block;
                position: absolute;
                left: -2px;
                top: 17px;
            }

            .active-on {
                position: absolute;
                top: 5px;
                right: 44px;
            }

                .active-on p {
                    font-size: 11px;
                    line-height: 12px;
                    margin-left: 0px;
                }

            .signup-on p {
                font-size: 11px;
                line-height: 22px;
            }

            .user-info {
                margin-bottom: 34px;
            }

            .daller {
                color: red;
                font-weight: bold;
                text-align: center;
                padding: 0;
                margin: 0;
            }

            .deposit {
                position: absolute;
                left: 30px;
                top: 49px;
            }

            .bonus {
                position: absolute;
                right: 32px;
                top: 49px;
            }

            .normal {
                font-weight: bold;
                color: #ff0052;
                font-size: 12px;
            }

            .Active2 {
                color: #545454;
                text-align: center;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 55px;
            }

            .Inactive2 {
                color: #545454;
                text-align: center;
                margin: 0 0px;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 60px;
            }

            .Block1 {
                color: #545454;
                text-align: center;
                margin: 0 0px;
                padding: 0px 0;
                font-size: 14px;
                margin-top: -25px;
                margin-left: 58px;
            }

            .position {
                position: absolute;
                bottom: -120px;
                left: 30px;
            }

            .circle {
                position: absolute;
                bottom: -105px;
                right: 28px;
            }

            .widget-1 {
                height: 275px;
                width:;
                padding: 10px 0;
            }

            .input-group-btn {
                position: relative;
                white-space: nowrap;
                top: -25px;
                right: -203px;
            }

            .input-group {
                position: relative;
                display: flow-root;
                border-collapse: separate;
            }

            .btn-1 {
                font-size: 12px;
                padding: 2px 2px;
            }

            .btn-group {
                position: absolute;
                top: 18px;
                left: 12px;
            }

            .search-result-footer {
                margin-top: 0;
                float: right;
            }

            .lbl-pos {
                margin-left: 14px;
                line-height: 10px;
            }

            .lbl-cir {
                margin-left: 14px;
                line-height: 10px;
            }

          .widget-2 {
    height: 539px;
}

            .col-sm-12 .col-md-3 .DA {
                margin-top: -10px;
            }
        }
    /***********records coding starts*****************/

     <style>
        .card-body p {
            text-align: center;
        }

        .card-body h6 {
            font-size: 12px;
            color: #ccc;
            font-weight: 600;
        }

        .widget-4 h6 {
            text-align: center;
        }

        .widget-4 {
            background: unset;
        }

        .serial {
            width: 45px;
            height: 30px;
            background: grey;
            color: White;
            text-align: center;
            float: left;
            margin-top: -25px;
            margin-left: -20px;
            padding: 0;
            line-height: 30px;
        }

        .social-card h6 {
            color: black;
        }

        .usr-img.f-left {
            float: left;
            width: 20%;
        }

        .usr-info.f-right {
            float: right;
            width: 80%;
        }

            .usr-info.f-right p {
                height: 20px;
            }

        .dep {
            position: absolute;
            left: 20px;
        }

        .bns {
            position: absolute;
            left: 45%;
        }

        .pos {
            position: absolute;
            right: 20px;
        }

        .doj {
            position: relative;
            left: 20px;
        }

        .ativ {
            position: relative;
            right: -53px;
        }

        .widget-statstic-card span {
            border-radius: 30px;
            padding: 5px 10px;
            color: #fff;
            font-weight: 600;
        }

        .date-2 {
            background: #f1ebdb;
            height: 100px;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0px 3px 4px 0px #b6b7b7;
        }

        .encom p {
            margin: 0;
            padding: 0;
            color: Black;
        }

        .encom span {
            color: Black;
        }

        .encom {
            background: #f7e8e8;
            height: 100px;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0px 3px 4px 0px #b6b7b7;
        }

        .usr-img {
        }

            .usr-img img {
                width: 50px;
                height: 50px;
                border-radius: 5px;
            }

        .inform {
            width: 100%;
            float: none;
            display: inline-block;
            margin-left: -10px;
        }

        .card .card-header h5 {
    text-transform: capitalize;
    white-space: nowrap;
}

        .matter .encom {
            max-width: 46% !important;
            margin: 0 5.9px;
        }

        .matter .date-2 {
            max-width: 46% !important;
            margin: 0 5.9px;
        }

        .block {
            margin-left: -10px;
        }

        .widget-statstic-card:hover .st-icon {
            font-size: 0;
        }

        .widget-statstic-card .st-icon {
            font-size: 0;
        }

        .upper {
            margin-top: -18px;
        }

        .in-flg {
            position: absolute;
            top: 104px;
            right: 43px;
        }

        .widget-statstic-card:hover .in-flg img {
            border: 2px solid orange;
            border-radius: 50%;
        }

        .widget-statstic-card .st-icon {
            padding: 35px 35px 10px 15px;
        }

        @media (max-width: 768px) and (min-width: 481px) {
            .widget-4 p, a {
                font-size: 12px;
            }

            .widget-4 {
                padding-top: 14px;
            }

                .widget-4 .col-md-2 {
                    margin: 0;
                    padding: 0;
                }

                .widget-4 .col-md-1 {
                    margin: 0 !important;
                    padding: 0 !important;
                }

            .matter .encom {
                max-width: 46% !important;
                margin: 0 5.9px;
            }

            .matter .date-2 {
                max-width: 46% !important;
                margin: 0 5.9px;
            }
        }


        @media (max-width: 480px) and (min-width:376px) {
            .widget-4:odd {
                background: #f7e8e8;
            }

            .widget-4:even {
                background: #f1ebdb;
            }

            .widget-4 {
                padding: 10px;
                height: 500px;
            }

            .head {
                margin-top: 90px;
            }
        }

        @media (max-width: 375px) and (min-width: 321px) {
            .widget-4:odd {
                background: #f7e8e8;
            }

            .widget-4:even {
                background: #f1ebdb;
            }

            .widget-4 {
                padding: 10px;
                height: 500px;
            }

            .head {
                margin-top: 90px;
            }
        }

        @media (max-width: 320px) {


            .widget-4:odd {
                background: #f7e8e8;
            }

            .widget-4:even {
                background: #f1ebdb;
            }

            .widget-4 {
                padding: 10px;
                height: 500px;
            }

            .head {
                margin-top: 90px;
            }

            .usr-info.f-right {
                float: right;
                width: 75%;
            }

            .emcome p {
                font-size: 11px;
            }

            .emcome label {
                width: 38px !important;
            }

            .emcome .postion {
                width: 40px !important;
            }

            .emcome h6 {
                font-size: 11px;
            }

            .matter .encom {
                max-width: 45% !important;
                margin: 0 5.9px;
            }

            .matter .date-2 {
                max-width: 46% !important;
                margin: 0 5.9px;
            }

            .usr-info.f-right p {
                font-size: 11.5px;
            }
        }
   /**************records coding end*************/