@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
/** @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap"); **/
/** @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400; 600; 700&display=swap"); **/

* {
  font-size: 12px !important;
  font-weight: 600 !important;
}

body::-webkit-scrollbar{
    display: none;
}

body{
    -ms-overflow-style: none;
}

html{
    scrollbar-width: none;
}

body{
    overflow: -moz-scrollbars-none;
}

/** Page Layout **/

:root{
	--header-height: 3rem;
	/** 
	--nav-width: 68px;
	**/
	--nav-width: 50px;
	--first-color-light: #AFA5D9;
	--white-color: #333;
	/**
	--white-color: #F7F6FB;
	**/
	--body-font: 'Poppins', 'Nunito', sans-serif;
	--normal-font-size: 1rem;
	--z-fixed: 100;
}
*, ::before, ::after{
	box-sizing: border-box
}
body{
	position: relative;
	margin: var(--header-height) 0 0 0;
	/** padding: 0 1rem; **/
	padding: 0 0rem;
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	transition: .5s
}
a{
	text-decoration: none
}
.header{
	width: 100%;
	height: var(--header-height);
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1rem;
	background-color: rebeccapurple;
	z-index: var(--z-fixed);
	transition: .5s
}
.header_toggle{
	color: #000000;
	font-size: 1.5rem;
	cursor: pointer
}
.header_img{
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden
}
.header_img img{
	width: 40px
}
.l-navbar{
	position: fixed;
	top: 4rem;
	left: -30%;
	width: var(--nav-width);
	height: 100vh;
	background-color: rebeccapurple;
	padding: .5rem 1rem 0 0;
	/** padding: 0rem 1rem 0 0; **/
	/** margin-right: 0rem; **/
	transition: .5s;
	z-index: var(--z-fixed)
}
.nav{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden
}
.nav_logo, .nav_link{
	display: grid;
	grid-template-columns: max-content max-content;
	align-items: center;
	column-gap: 1rem;
	padding: .5rem 0 .5rem 1.5rem
}
.nav_logo{
	margin-bottom: 2rem
}
.nav_logo-icon{
	font-size: 1.25rem;
	color: var(--white-color)
}
.nav_logo-name{
	color: var(--white-color);
	font-weight: 700
}
.nav_link{
	position: relative;
	color: var(--first-color-light);
	margin-bottom: 1.5rem;
	transition: .3s
}
.nav_link:hover{
	color: var(--white-color)
}
.nav_icon{
	font-size: 1.25rem
}
.show_nav{
	left: 0
}
.body-pd{
	padding-left: calc(var(--nav-width) + 1rem)
}
.active{
	color: var(--white-color)
}
.active::before{
	content: '';
	position: absolute;
	left: 0;
	width: 2px;
	height: 32px;
	background-color: var(--white-color)
}
.height-100{
	height: 100vh
}
@media screen and (min-width: 768px){
	body{
		margin: calc(var(--header-height) + 1rem) 0 0 0;
		padding-left: calc(var(--nav-width) + 2rem)
	}
	.header{
		height: calc(var(--header-height) + 1rem)
	}
	.header_img{
		width: 40px;
		height: 40px
	}
	.header_img img{
		width: 45px
	}
	.l-navbar{
		left: 0;
		padding: 1rem 1rem 0 0
		/** padding: 0rem 1rem 0 0 **/
	}
	.show_nav{
		/** width: calc(var(--nav-width) + 156px); **/
		width: calc(var(--nav-width) + 106px);
	}
	.body-pd{
		/** padding-left: calc(var(--nav-width) + 188px); **/
		padding-left: calc(var(--nav-width) + 138px);
	}
}
.dropdown-toggle::after{
	margin-left: 0
}

.nav_logo-name .nav_name{
	color: #333;
}


:root{
	--mark-border: 0px;
}

.content-wrapper {
  background: #f2f8f9;
  background-image: url('../images/background_stripes.gif');
  text-rendering: optimizelegibility;
  padding: 1.5rem 1.5rem;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.mark_black{
	border: var(--mark-border) solid black !important;
}

.mark_red{
	border: var(--mark-border) solid red !important;
}

.mark_blue{
	border: var(--mark-border) solid blue !important;
}

.mark_green{
	border: var(--mark-border) solid green !important;
}

.mark_orange{
	border: var(--mark-border) solid orange !important;
}

.mark_purple{
	border: var(--mark-border) solid purple !important;
}

.bsiconline{
	-webkit-text-stroke: 0.02rem;
}

table {
    /**
	border-radius: 9px;
    overflow: hidden; /* add this */
    **/
	border: 1px solid #ccd5cc !important;
}

th {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
 
th:first-child {
  border-left: 1px solid #dddddd;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
  border-top: none;
  border-bottom: none;
}

.table>tbody>tr.no-border>td,
.table>tbody>tr.no-border>th {
  border-top: none;
  border-bottom: none;
}

.toast {
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0px);
    z-index: 9999;
}