@import url('sidebars.css');
@import url('topbar.css');
@import url('form.css');

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

body.show-side-nav, body.show-side-nav-right{
  overflow: hidden;
}

html {
  height: -webkit-fill-available;
}

/* main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
} */

body {
  /* min-width: 375px; */
  font-family: var(--text-font);
  font-size: 15px;
  /* line-height: 1.71429; */
  line-height: 1.618;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-color);
  background-color: var(--bg-color);
  /* overflow: hidden; */
  max-width: 100%;
  width: 100%;
}




/* .widget */

.widget-title {
  font-family: var(--heading-font);
  font-size: 18px;
  line-height: 1.33333;
  color: var(--heading-color);
  margin-bottom: 24px;
}
.overhide{
  overflow: hidden;
}

.widget{
  background-color: var(--widget-bg-color);
  border-radius: var(--br);
  border-color: var(--widget-border-color);
}
.widget-no-padding{
  padding: 0 !important;
}
/* .widget-no-padding .widget{
  padding: 0 !important;
} */

.widget-wrapper{
  border-radius: 10px;
  padding: 15px;
  /* background-color: #ccc; */
}


/* color */
.primary-color {
  color: var(--primary-color);
}
.accent1-color {
  color: var(--accent1-color);
}
.accent2-color {
  color: var(--accent2-color);
}
.accent3-color {
  color: var(--accent3-color);
}
.success-color {
  color: var(--success-color);
}
.danger-color {
  color: var(--danger-color);
}
.warning-color {
  color: var(--warning-color);
}
.info-color {
  color: var(--info-color);
}
.text {
  color: var(--text-color);
}

.bg-accent1 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-accent1-rgb),var(--bs-bg-opacity));
}

.bg-accent2 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-accent2-rgb),var(--bs-bg-opacity));
}

.bg-accent3 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-accent3-rgb),var(--bs-bg-opacity));
}

.bg-primary-10{
  background-color: rgba(var(--bs-primary-rgb),0.1);
}
.bg-accent1-10{
  background-color: rgba(var(--bs-accent1-rgb),0.1);
}
.bg-accent2-10{
  background-color: rgba(var(--bs-accent2-rgb),0.1);
}
.bg-accent3-10{
  background-color: rgba(var(--bs-accent3-rgb),0.1);
}
.bg-success-10{
  background-color: rgba(var(--bs-success-rgb),0.1);
}
.bg-warning-10{
  background-color: rgba(var(--bs-warning-rgb),0.1);
}
.bg-info-10{
  background-color: rgba(var(--bs-info-rgb),0.1);
}
.bg-danger-10{
  background-color: rgba(var(--bs-danger-rgb),0.1);
}

.bg-primary-30{
  background-color: rgba(var(--bs-primary-rgb),0.3);
}
.bg-accent1-30{
  background-color: rgba(var(--bs-accent1-rgb),0.3);
}
.bg-accent2-30{
  background-color: rgba(var(--bs-accent2-rgb),0.3);
}
.bg-accent3-30{
  background-color: rgba(var(--bs-accent3-rgb),0.3);
}
.bg-warning-30{
  background-color: rgba(var(--bs-warning-rgb),0.3);
}
.bg-success-30{
  background-color: rgba(var(--bs-success-rgb),0.3);
}
.bg-danger-30{
  background-color: rgba(var(--bs-danger-rgb),0.3);
}
.bg-info-30{
  background-color: rgba(var(--bs-info-rgb),0.3);
}

.bg-primary-50{
  background-color: rgba(var(--bs-primary-rgb),0.5);
}
.bg-accent1-50{
  background-color: rgba(var(--bs-accent1-rgb),0.5);
}
.bg-accent2-50{
  background-color: rgba(var(--bs-accent2-rgb),0.5);
}
.bg-accent3-50{
  background-color: rgba(var(--bs-accent3-rgb),0.5);
}
.bg-warning-50{
  background-color: rgba(var(--bs-warning-rgb),0.5);
}
.bg-success-50{
  background-color: rgba(var(--bs-success-rgb),0.5);
}
.bg-danger-50{
  background-color: rgba(var(--bs-danger-rgb),0.5);
}
.bg-info-50{
  background-color: rgba(var(--bs-info-rgb),0.5);
}

.bg-primary-70{
  background-color: rgba(var(--bs-primary-rgb),0.7);
}
.bg-accent1-70{
  background-color: rgba(var(--bs-accent1-rgb),0.7);
}
.bg-accent2-70{
  background-color: rgba(var(--bs-accent2-rgb),0.7);
}
.bg-accent3-70{
  background-color: rgba(var(--bs-accent3-rgb),0.7);
}
.bg-warning-70{
  background-color: rgba(var(--bs-warning-rgb),0.7);
}
.bg-success-70{
  background-color: rgba(var(--bs-success-rgb),0.7);
}
.bg-danger-70{
  background-color: rgba(var(--bs-danger-rgb),0.7);
}
.bg-info-70{
  background-color: rgba(var(--bs-info-rgb),0.7);
}

.bg-primary-90{
  background-color: rgba(var(--bs-primary-rgb),0.9);
}
.bg-accent1-90{
  background-color: rgba(var(--bs-accent1-rgb),0.9);
}
.bg-accent2-90{
  background-color: rgba(var(--bs-accent2-rgb),0.9);
}
.bg-accent3-90{
  background-color: rgba(var(--bs-accent3-rgb),0.9);
}
.bg-warning-90{
  background-color: rgba(var(--bs-warning-rgb),0.9);
}
.bg-success-90{
  background-color: rgba(var(--bs-success-rgb),0.9);
}
.bg-danger-90{
  background-color: rgba(var(--bs-danger-rgb),0.9);
}
.bg-info-90{
  background-color: rgba(var(--bs-info-rgb),0.9);
}

/* badge */
.badge{
  font-weight: 500;
  padding: 7px 15px; 
}


/* typography  */

h1, h2, h3 {
  font-weight: 500;
  font-family: var(--heading-font);
  color: var(--large-heading-color);
  line-height: 1.618;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.618;
}

.light {
  opacity: 0.7;
}
.nav-link{
  color: var(--primary-color);
}


/* icon  */

.icon svg{
  stroke: var(--text-color);
  height: 20px;
  width: 20px;
  opacity: 0.7;
  margin: 0 0 0 10px;
}

.icon-left-align .icon svg{
  margin: 0 15px 0 0px;
}

.icon.primary-color svg{
  stroke: var(--primary-color);
}
.icon.accent1-color svg{
  stroke: var(--accent1-color);
}
.icon.accent2-color svg{
  stroke: var(--accent2-color);
}
.icon.accent3-color svg{
  stroke: var(--accent3-color);
}
.icon.success-color svg{
  stroke: var(--success-color);
}
.icon.warning-color svg{
  stroke: var(--warning-color);
}
.icon.info-color svg{
  stroke: var(--info-color);
}
.icon.danger-color svg{
  stroke: var(--danger-color);
}

/* responsive  */
.screen-type{
  position: fixed;
  top: 85px;
  right: 0px;
  color: white;
  padding: 0 5px;
  background-color: var(--primary-color);
  z-index: 999;
}
/* .top-ref{
  position: fixed;
  top: 30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: red;
  z-index: 10000;
} */

/* overlay scroll  */
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{
  background: rgba(0,0,0,.1);
}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active,
.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{
  background: rgba(0,0,0,.25);
}




/* Button  */
.btn{
  border-radius: 40px;
}
.btn-primary {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  padding: 8px 24px;
  font-family: var(--heading-font);
}
