/***********My Team start*************/
.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;
}
/*.widget-1:hover   .position .lbl-pos{
     color:white;
    }
 .widget-1:hover   .circle .lbl-cir{
     color:white;
 }*/
.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;
    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;
}
.user-info .number {
    left: 22px;
    /* float: left; */
    font-size: 10.5px;
    position: absolute;
    top: -20px;
    padding: 0px 0px;
    height: 25px;
    width: 25px;
    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;
    /* text-align: left; */
}

.user-name {
       color: #969494;    
    margin: -20px auto 0 17px;
    text-align: center;
}
.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 {
    /* margin-top: 24px; */
    color: black;
    font-size: 13px;
    /* margin-left: -14px; */
    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: 0; */
    /* padding: 0; */
    margin-left: 8px;
    color: black;
    line-height: 26px;
}
.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: 64px;
    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: 2px;
    height: 85px;
    position: absolute;
    background:#d9534f;
    top: -15px;
    margin-left:-30px;
	}
.vin-8:before
{
  
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: -3px;
    margin-left: 0;
    background:#337ab7;
   
	}	

	.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;
    /* font-size: 0; */
    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;
    /* padding: 0; */
    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;
}
.search-result-header{margin-bottom: 10px;}
.font{margin-top: 0px;}
.check{margin-top: 0px;}
/*.label {    margin-left: 18px;border-radius:50%;}*/
.lbl-pos {
    /*margin-left: 19px;*/
    border-radius: 50%;
    line-height: 44px;
    color: red;
    font-weight: bold;
}
.position 
{
	text-align:center;
	}
.lbl-cir {
    margin-left: 13px;
    border-radius: 50%;
    line-height: 44px;
    color: red;
    font-weight: bold;
}
.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;
    /* line-height: 6; */
    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;} 
/*.online ul li{display:inline-block;}*/   
.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-header {
   margin-bottom: 10px; 
    position: absolute;
    top: -19px;
    right: 154px;
}*/
.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: calc(2.25rem + 2px); */
    height: 33px;
    margin-top: 17px;
    padding: 2px 0px;
    
}
.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: 70px;
}
.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;
} 
.user-info .number {
    left: 18px !important;
   
    font-size: 9.5px !important;
    position: absolute !important;
    top: -16px !important;
    padding: 0px 0px !important;
    height: 25px !important;
    width: 25px !important;
    text-align: center !important;
    line-height: 26px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 1px 1px 8px 2px #9b9c9c !important;
    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;
    /* margin-left: -23px; */
    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;
    /* text-align: left; */
}

.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;
    /* text-align: center; */
}
.mobile-icon .fa {
    font-size: 16px;
    text-align: center;
    /* margin: 0; */
    /* padding: 0; */
    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 2px;
}

.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;
    color: red;
    font-weight: bold;
}
.lbl-cir {
   margin-left: -5px;
    border-radius: 50%;
    line-height: 35px;
    color: red;
    font-weight: bold;
}
.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;
    /* width: 30%; */
    /* height: 25px; */
    padding: 0px 0;
    font-size: 14px;
}
.Inactive2 {
    color: #545454;
    text-align: center;
    margin: 0px 0px;
    /* width: 30%; */
    /* height: 25px; */
    padding: 0px 0;
    font-size: 14px;
}
.Active2 {
    color: #545454;
    text-align: center;
    margin: 0px 0px;
    /* width: 30%; */
    /* height: 25px; */
    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: 0px;
    top: 68px;
    display: inline-flex;
}
.from{font-size:12px;}
.to{font-size:12px;}
.search{font-size: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;}	
.user-info.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: -28px;
    position: absolute;
    top: 60px;
    left: 38%;
}
.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: -19px;
    color: Black;
    margin-left: 30px;
    font-weight: 600;
}
.mobile-icon .fa {
    font-size: 20px;
    margin-left: 8px;
      display:none;
}
.mobile-icon {
   /*  margin-top: 24px;
    color: black;
    font-size: 13px;
    margin-left: -14px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: ;
    background: unset;
    top: -10px;
    left: 0px;
    border: unset;
    box-shadow: unset; */
    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;
    /* left: 61px; */
    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;
    /* font-size: 0; */
    white-space: nowrap;
    top: -25px;
    right: -203px;
    /* left: 0; */
}
.input-group {
    position: relative;
    display: flow-root;
    border-collapse: separate;
}
/*.widget-2{height:315px;}*/
.btn-1 {
    font-size: 12px;
    padding: 2px 2px;
}
.btn-group {
    position: absolute;
    right: 8px;
    top: 14px;
}

.lbl-pos{
    margin-left: 14px;
    line-height: 10px;
}
.lbl-cir{
    margin-left: 10px;
    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;}	
.user-info .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: -28px;
    position: absolute;
    top: 60px;
    left: 35%;
}
.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: -19px;
    color: Black;
    margin-left: 30px;
    font-weight: 600;
}
.mobile-icon .fa {
    font-size: 20px;
    margin-left: 8px;
      display:none;
}
.mobile-icon {
   /*  margin-top: 24px;
    color: black;
    font-size: 13px;
    margin-left: -14px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: ;
    background: unset;
    top: -10px;
    left: 0px;
    border: unset;
    box-shadow: unset; */
    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;
    /* left: 61px; */
    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: 38px;
}
.widget-1 {
    height: 275px;
    width: ;
    padding:10px 0;
}

.input-group-btn {
    position: relative;
    /* font-size: 0; */
    white-space: nowrap;
    top: -25px;
    right: -203px;
    /* left: 0; */
}
.input-group {
    position: relative;
    display: flow-root;
    border-collapse: separate;
}
/*.widget-2{height:315px;}*/
.btn-1 {
    font-size: 12px;
    padding: 2px 2px;
}
.btn-group {
    position: absolute;
    right: 8px;
    top: 14px;
}

.lbl-pos{
    margin-left: 14px;
    line-height: 10px;
}
.lbl-cir{
    margin-left: 10px;
    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;
}	
.user-info .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: -28px;
    position: absolute;
    top: 60px;
    left: 30%;
}
.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: -20px;
    color: Black;
    margin-left: 30px;
    font-weight: 600;
}
.mobile-icon .fa {
    font-size: 20px;
    margin-left: 8px;
      display:none;
}
.mobile-icon {
   /*  margin-top: 24px;
    color: black;
    font-size: 13px;
    margin-left: -14px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: ;
    background: unset;
    top: -10px;
    left: 0px;
    border: unset;
    box-shadow: unset; */
    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;
}
.dot-1 {
    height: 10px;
    width: 10px;
    background-color: #d9534f;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -2px;
    top: 17px;
}
.dot-2 {
    height: 10px;
    width: 10px;
    background-color:#337ab7;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -2px;
    top: 17px;
}
.active-on {
    position: absolute;
    top: 5px;
    /* left: 61px; */
    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;
    /* font-size: 0; */
    white-space: nowrap;
    top: -25px;
    right: -203px;
    /* left: 0; */
}
.input-group {
    position: relative;
    display: flow-root;
    border-collapse: separate;
}
/*.widget-2{height:315px;}*/
.btn-1 {
    font-size: 12px;
    padding: 2px 2px;
}
.btn-group {
    position: absolute;
    right: 8px;
    top: 14px;
}

.lbl-pos{
    margin-left: 14px;
    line-height: 10px;
}
.lbl-cir{
    margin-left: 10px;
    line-height: 10px;
}
.widget-2 {
    
    height: 520px;
}

}
/***********My Team end*************/


/***********My referral start*************/

.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;
    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;
}
.user-info .number {
    left: 22px;
   
    font-size: 10.5px;
    position: absolute;
    top: -20px;
    padding: 0px 0px;
    height: 25px;
    width: 25px;
    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;
    
}

.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;
    font-size: 12px;
}
.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: 2px;
    height: 100%;
    position: absolute;
    
    top: -3px;
    margin-left: 0;
    background:#d9534f;
    
	}
/*.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;
    color: red;
    font-weight: bold;
}
.lbl-cir {
    margin-left: 13px;
    border-radius: 50%;
    line-height: 44px;
    color: red;
    font-weight: bold;
}
.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 0px;
    
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 0px;
}
.btn-1 {
    font-size: 12px;
    padding: 8px 3px;
}
.btn-group {
    position: absolute;
    right: 54px;
}
.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: 12px;
    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;
    color: red;
    font-weight: bold;

}
.lbl-cir {
   margin-left: -5px;
    border-radius: 50%;
    line-height: 35px;
    color: red;
    font-weight: bold;

}
.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;}	
.user-info .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: 26px !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;
}

.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: -19px;
    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: 38px;
}
.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: 10px;
    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;}	
.user-info .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: 26px !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: -19px;
    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: 38px;
}
.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: 10px;
    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;}	
.user-info .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: 26px !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: -19px;
    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: 38px;
}
.widget-1 {
    height: 275px;
    width: ;
    padding:10px 0;
}

.input-group-btn {
    position: relative;
    /* font-size: 0; */
    white-space: nowrap;
    top: -25px;
    right: -203px;
    /* left: 0; */
}
.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: 10px;
    line-height: 10px;
}
.widget-2 {
    
    height: 520px;
}
.col-sm-12 .col-md-3 .DA {
    margin-top:-10px;
    }
   
}