@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&display=swap");
@import url("./content-preloader.css");
@import url("./chat.css");
@import url("./dashboard.css");
@import url("./side-bar.css");
@import url("./top-nav.css");
@import url("./media-query.css");

:root {
  --blue: #0d6efd;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #d63384;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #198754;
  --teal: #20c997;
  --cyan: #0dcaf0;
  --white: #fff;
  --gray: #6c757d;
  --grey: grey;
  --black: #000;
  --gainsboro: gainsboro;
  --col-11101d: #11101d;
  --col-1d1b31: #1d1b31;
  --col-495057: #495057;
  --col-e9ecef: #e9ecef;
  --font-color: #6c757d;
  --background: #e4e9f7;
  --ededfb: #ededfb;
  --limegreen: limegreen;
  --hover: #c1c6d9;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Barlow", sans-serif !important;
}
body {
  position: relative;
  height: 100vh !important;
  overflow: hidden;
  width: 100%;
}

/* index style */
.root-div {
  overflow-y: auto !important;
  height: 100vh;
}
.tital-img {
  width: auto;
  height: auto;
  max-height: 150px;
  max-width: 150px;
  margin: 0 auto;
}
/* end */
/* random useful css */

sup {
  position: relative !important;
  top: 5px !important;
  font-size: 24px !important;
}
a {
  outline: none !important;
}
.h-100vh {
  height: 100vh !important;
}
.w-150px {
  width: 150px !important;
}
.cursor-pointer {
  cursor: pointer;
}
.text-justify {
  text-align: justify !important;
}
.overflow-y {
  overflow-y: auto !important;
}

/* end */
/* scrollbar design */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background: var(--col-495057);
}
::-webkit-scrollbar-track {
  background: var(--background);
}
a {
  text-decoration: none !important;
}
.d-contents {
  display: contents !important;
}
table {
  user-select: none !important;
}
.table-list .nav-link {
  color: var(--col-495057) !important;
  font-size: 18px !important;
  font-weight: 600;
}
