html, body {
  font-family: 'Roboto', sans-serif;
  background: rgba(24, 24, 24, 1) !important;
}

/*--------------------- Scroll Bar----------------------- */
::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
  border-radius: 0px;
}
::-webkit-scrollbar-track {
  border-radius: 0px;
}
::-webkit-scrollbar-button {
  display: none;
} 
::-webkit-scrollbar-thumb {
  background: #ffffff; 
  border-radius: 0px;
}
/*--------------------- Color code----------------------- */
.status_Available{
  color: rgba(69, 123, 226, 1);
}

.status_Active {
  color: rgba(93, 192, 105, 1);
}

.status_Trial_Active {
  color: rgba(84, 181, 164, 1);
}
.status_Expiring_Soon {
  color: rgba(248, 223, 101, 1);
}

.status_Inactive {
  color: rgba(226, 119, 51, 1);
}

.status_Pending {
  color: rgba(184, 184, 184, 1);
}
.btn_color {
  background: rgba(47, 47, 47, 1);
  color:rgba(255, 255, 255, 1);

}

/* turncate text-------------------- */
.turncate-text {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* Font size------------------ */

.text_font_36 {
  font-size: 2.2rem;
}


/* CSS Media Query Rules Starts here */

/* 8.4 L  => (1024px x 562px)*/
@media screen and (min-width: 1000px) and (max-width: 1100px) and (min-height: 400px) and (max-height: 700px) {
  
}

/* 10.25 L / 12.3 L => (1724px x 618px)   */
@media screen and (min-width: 1650px) and (max-width: 1800px) {
  .text_font_42 {
    font-size: 2.8rem;
  }
}

/* 12 P  => (800px x 1050px)  */
@media screen and (max-width: 900px) {
  /* html, body{
    margin-right: 0;
    overflow-x: hidden;
  } */
}

/* 12.1 => (1200px - 1574px)   */
@media screen and (min-width: 1150px) and (max-width: 1300px) {
  
}

/* 10.1 => (1920px x 894px)   */
@media screen and (min-width: 1845px) {
  
}

/* 14.6 => (1024px x 1410px)   */
@media screen and (min-width: 1000px) and (max-width: 1100px) and (min-height: 1200px) and (max-height: 1500px) {
  .text_font_42 {
    font-size: 1.9rem;
  }
  .text_font_36{
    font-size: 1.6rem;
  }
}

/* CSS Media Query Rules Ends here */