.custom-v-pills button.active {
    color: #8E3FFF !important;
    background:linear-gradient(90deg, rgba(227, 208, 255, 0.43) 0%, rgba(203, 167, 255, 0.02) 100%) !important;
    /* border-left: 4px solid #8E3FFF; */
    border-radius:0px 5px;
    position: relative;
}
.custom-v-pills button.active:before {
 content:"";
 width:4px;
 height:52px;
 position: absolute;
 top: 0;
 left: 0;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
 background-color: #8E3FFF;
 
}
.custom-v-pills.active img:nth-child(2) {

    display: none;

  }

 

  .custom-v-pills.active img:nth-child(1) {

    display:block;

  }

 

  .custom-v-pills img:nth-child(1) {

    display:none;

  }
/* .v-tab-border {
    position: relative;
    position: sticky;
    top: 70px;
    overflow-y: scroll;
    height: 70vh;
} */



.custom-row-height{
  height: 80vh;
  overflow-y: scroll;
}

.custom-row-height1{
  height: 60vh;
}

.custom-row-height::-webkit-scrollbar
{
   height: 5px;
   width: 5px;
}
.custom-row-height::-webkit-scrollbar-thumb
{
    background: #B6B6B6; 
    border-radius:6px;
}
.form-control.custom-color-picker-input{
  border: unset !important;
  width: 38px;
}
.custom-color-picker{
  position: absolute;
  top:0;
  left: 0;
}

.custom-color-picker:after{
  content: "";
    width: 1px;
    height: 33px;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: auto;
    right: -3px;
    background-color: #BFBFBF;
 
}
.dashboard-nodata-height{
  height: 24%;
  margin-top: 15%;
}

body,html{
  position: relative;   
}
html{
  height:100%
}
body{
  padding-bottom:50px;
  min-height: calc(100% - 77px);
  margin-top: 77px !important;
}
/*Login page styles*/
.login-container{
  margin-top:-77px
}
.dashboard-graph-empty{
  margin-top: 100px;
}



/* top 10 cutomer no record found */
.dashboard-top-10-nodata-height{
  margin-top: 27%;
}