/* ---------------------------------------------------
    SIDEBAR LEFT
	----------------------------------------------------- */
	.sidebar {
		padding-top:1rem;
		margin-top:2.5rem;
		background-color:#292b2c;
		/* height: 1000vh; */  
	}
	
	.sag{	    
			border-radius:50px;			
			margin-top:0.5rem;
			border: 1px solid transparent;
			border: 2px solid rgb(0, 255, 0); 
			background: transparent;
			background-image: url("adminassets/images/sag2.png");
			background-position:center;		
	}
			

.navbar-dark .navbar-nav .nav-link {
    color: #dddddd;
	}
	
	
	.kmp .fas{
		margin-right:1.5rem;
		font-size:25px;
		color:#dddddd;
		height:22px;
		width:22px;
		display:inline-flex;
		justify-content:center;
		align-items:center;
		}
		
		.text{
		font-size:18px!important;
		color:white;
		}
		
		
		@media (min-width: 768px){
		.sidebar.toggled .nav-item .nav-link span {
		display:none;
	}
	}
	
	
	.dropdown-menu{
			padding: 0rem 0;
		}
	@media(max-width:768px){
	  
		.sidebar .nav-item .nav-link {
			text-align: left; 
			padding: 0.75rem 1rem;
			width: 230px;
		}
		.sidebar {
			width: 230px !important;
			position: fixed;
			height: 100vh;
			z-index: 999;
			background-color:#292b2c;			
		}
		.sidebar:hover{
		overflow-y: scroll;
		}
		.submenu{
			top: 0px!important;
			left: 0px!important;
		}	
		.sidebar .nav-item.dropdown .dropdown-toggle::after {
			display: block;
		}
		::-webkit-scrollbar {
			width:5px;
		}
		::-webkit-scrollbar-thumb {
			border-radius: 10px;
			background-color:#b6cada;
			
		}
	}
	.navbar-nav .nav-item.dropdown .dropdown-toggle::after{
		padding-top:0.3rem;
		}
	 .text2{
	    background-color:#293949;color:#fff;
	 }
	 .text2:hover, .text2:focus {
		color: #fff;
		text-decoration: none;
		background-color: #293949;
	}

	.dropdown-menu{border:none;background-color: #b6cada;}
	/* ---------------------------------------------------
    FRONT FIXED NAVBAR
	----------------------------------------------------- */
	
	.navbar-nav .nav-item .nav-link .badge {
    position: absolute;
    margin-left: 0rem;
    top: 0.3rem;
    font-weight: 400;
    font-size: 0.5rem;
	}
	
	.order-1 {                /* TO MAKE BAR ON LEFT SIDE*/     
		-ms-flex-order: 0;
		order: 0;
		}
	.bare{
	      width:17rem!important;
		  margin-left:-7rem;
		  height:20rem;
          overflow-y: scroll;
		  }
	
	.textf{color:black; 
	       text-decoration:none;
		   font-size:15px;
		   }
		   
	.textf:hover{color:black; 
	       text-decoration:none;
		   }
		   
		   
    .container {
			width: 100%;
			padding-right: 5px;
			padding-left: 5px;
			margin-top:2rem;
			margin-left:0;
		}
	.heading{
		position:fixed;
		padding:0.4rem;
		
		width:17rem;
		color:#fff;
		margin-top:-8px;
		background-color:#343a40;
		z-index:1;
		}
	/* .btn-info{
		color: #fff; 
		background-color:transparent;
		border-color:transparent;
	} */
	
	
/* ---------------------------------------------------
    SIDENAV RIGHT
	----------------------------------------------------- */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top:55px;
    right: 0;
    background-color:#34495f;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top:10px;
}

.sidenav a {
    
    text-decoration: none;
    font-size:16px;
    color:white;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color:white;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

 .nav-tabs{
    color: #495057;
    text-align: center;
	}
	
	.textL{
	       color:#dddddd!important; 
	       text-decoration:none;
		   font-size:15px;
		   }
		   
	.textL:hover{color:black; 
	       text-decoration:none;
		   }
		   
	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
			color:#fff!important;
			background-color:transparent!important;
			border-color:transparent!important;	
		}
	
/* ---------------------------------------------------
    SIDENAV RIGHT LOG CODE
	----------------------------------------------------- */ 
	
	.notification{
       list-style:none;
	   margin:0;
	   padding:0;
	   position:relative;
	   }
	   
	.notification li{
		margin-bottom:25px; /* this code for space between icons*/
	   }
	     
	.notification li div{
		margin-top:-26px;
		margin-left:50px;	/* this code for space between icons*/
	   } 
	   
	.notification li i{  /* this code for icon*/
		width:30px;
		height:30px;
		display:block;
		line-height:30px;
		border:1px solid #34495f;
		text-align:center;
		border-radius:50%;
		background-color:white;
	   }
	   
	.notification li i:after{
		content:'';
		width:25px;
		height:1px;
		background-color:#34495f;
		position:absolute;
		margin-top:15px;
		z-index:-1;
	}
		
	.notification:after{ /* this code for taking vertical line*/
		content:'';
		width:1px;
		height:100%;
		background-color:#fff;
		position:absolute;
		top:10px;
		left:15px;
		z-index:-1;
	}
	
/* ---------------------------------------------------
    SIDENAV RIGHT MEDIA QUERY FOR TABS
	----------------------------------------------------- */ 
	
	@media (max-width:320px){
		
		.btn{padding:0rem!important;}
		
		.nav {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			align:center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-left:1rem!important;
			margin-bottom: 0;
			list-style: none;
		}
	}
	
/* ---------------------------------------------------
    FRONT FIXED NAVBAR MEDIA QUERY
	----------------------------------------------------- */ 
	@media (max-width:383px){     /*REMOVE PADDING AND MARGIN OF NAVBAR*/
		.navbar-expand .navbar-nav .nav-link {
		padding-right: 0rem; 
		padding-left: 0rem;
		}
	}
	
	@media (max-width: 455px){
		.bare {
			width: 15rem!important;
			margin-left:-3rem;
			height: 20rem;
			overflow-y: scroll;
			} 
	
	}
		
	@media (min-width: 200px) and (max-width: 992px){
	
		.navbar-expand-lg .navbar-nav {
			-ms-flex-direction: row;
			flex-direction: row;
		}
		.navbar-brand{
			  display:none;
		}
		.navbar-expand-lg .navbar-nav .nav-link {
			padding-right: .5rem;
			padding-left: .5rem;
		}
		.navbar-nav {
			display: -ms-flexbox;
			display: flex;
			padding-left: 0;
			margin-bottom: 0;
			list-style: none;
		}

		.main{
		   margin-left:0rem!important;
		 }	 
	}

	
/* form-control */
 .form-height {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.70rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;

}

/*dropdown*/
  .d-size {
   font-size:13px;
  }