/* CSS Document */

  /* offcanvas */
		
	  .offcanvas {
		height: 100%;
		width: 0;
		background-color: #fff;
		position: fixed;
		overflow-x: hidden;
		transition: .5s;
		z-index: 999999993 !important;
		/*visibility:hidden;*/
		/*width:400px;*/
	  }
	  .offcanvas-left {
		top: 0;
		left: 0;
	  }
	
	  .offcanvas-right {
		top: 0;
		right: 0;
	  }
	  
	  .offcanvas.offcanvas-left{
		left: -400px; 
	  }
	  
	  .offcanvas.offcanvas-right{
		right: -400px; 
	  }
	  
	  .offcanvas.offcanvas-left.active{
		  left: 0;
	  }
	  
	  .offcanvas.offcanvas-right.active{
		  right: 0;
	  }
	  
	  
	  .offcanvas-content{
		position:relative;
		width:100%;
		height:100%; 
	  }
	
		.offcanvas-content .header{height:60px;  background: #fff; color:#4B4758; margin-bottom:10px; position:relative;}
		.offcanvas-content .header img{margin-top:10px; height:40px; margin-top:-20px !important; }
		
		.offcanvas.offcanvas-left .offcanvas-content .header .canvas-title img{  margin-left:25px; }
		.offcanvas.offcanvas-right .offcanvas-content .header .canvas-title img{  margin-left:10px }
				
		  
			@media (max-width: 568px) {
				.offcanvas.offcanvas-left .offcanvas-content .header .canvas-title img,
				.offcanvas.offcanvas-right .offcanvas-content .header .canvas-title img {
					 max-width:120px;
					 margin-top: -5px !important;
				}
			}
		
		.offcanvas-content ul, 
		.offcanvas-content ol {
			line-height: 1.5;
			list-style-position: inside;
			font-family: inherit;
			padding:0px;
		}
		.offcanvas-content .header{
			list-style: none;
			line-height: 1;
		}
		.offcanvas-content .list-unstyled {margin-top:5px;margin-left:5px;}
		.offcanvas-content .list-unstyled li{margin-bottom:5px; border-bottom: 1px solid #e5e5e5;}
		.offcanvas-content .list-unstyled li a {
			display: block;
			padding: 10px 35px 10px 5px;
		}
		
	.offcanvas .canvas-title{
		/*text-transform: uppercase;*/
		text-transform:none;
		letter-spacing: 2px;
		font-size: 2rem;
		font-weight: 600;
		color:#4B4758;
		display:block;
		margin-top:15px;
	}		
	.offcanvas .canvas-title:hover{ text-decoration:none;}
	
	.offcanvas.offcanvas-left  .canvas-title{
		margin-left:10px;
	}
		
	.offcanvas .canvas-close{
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: 600;
		color:#4B4758;
		position: absolute;
		top: 15px !important;
		font-size: 2.25rem;
		
		transition: all .2s ease-in-out;
	}			
	.offcanvas .canvas-close{
		position: absolute;
		top: 15px !important;
		
	}	
	
	.offcanvas.offcanvas-left .canvas-close{
		right: 30px !important;
	}		
	
	.offcanvas.offcanvas-right .canvas-close{
		right: 20px !important;
	}		
	
	.offcanvas .canvas-close:hover {
		color: #294ab7;
		text-decoration:none;
		transform: rotate(90deg);
	}
		
	
	#canvas-wrap {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 999999;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0, 0.9);
		overflow-y: auto;
		overflow-x: hidden;
		text-align: center;
		opacity: 0;
		transition: opacity 1s;
		width: 0%; opacity: 0;
	}   
	.canvas-expanded{
		width:100% !important;
		opacity: 0.8 !important;
	}
	
		
	.offcanvas-content .social li {
		float: none !important;
		display: inline-block !important;
		*display: inline !important;
		zoom: 1 !important;
		text-align: center !important;
	}	
	.offcanvas-content .social li a{
		padding:0px !important;
		
	}			
  
    @media (max-width: 768px) {
		.offcanvas .canvas-title {
			font-size: 2rem;
		}
	}


  /* sidebar */

	#sidebar-menu-mobile {}

	#sidebar-menu-mobile-toggle{
		padding: 10px 10px 10px 5px;
		background-color: #5b82ca;
		color:#FFF;
	}
	
	#sidebar-menu-mobile li{border-bottom: 1px solid #e5e5e5;}
	#sidebar-menu-mobile li a{ 
		display: block;
		padding: 10px 35px 10px 5px;
	} 
	#sidebar-menu-mobile li a.active {
		background-color: #5b82ca;
		color: #fff;
	}

	@media (max-width: 991.98px){
		#sidebar-menu-mobile .sidebar__nav{
			opacity: 0;
			position: absolute;
			padding: 0 15px 10px;
			background-color: #5b82ca;
			transition: opacity .3s linear;
			max-height:200px;
			overflow:auto;
		}
		
		#sidebar-menu-mobile .sidebar__nav li{
		
		}
		
		#sidebar-menu-mobile .sidebar__nav li a{
			color:#fff;
		}
		
		#sidebar-menu-mobile .sidebar__nav li a.active {
			background-color: #fff;
			color: #5b82ca;
		}
		
		#sidebar-menu-mobile .sidebar__nav.open {
			opacity: 1;
			position: static;
		}
	}
	
		.sidebar-menu .counter{
			    float: right;
				text-align: center;
				padding: 3px 7px;
				font-size: 14px;
				line-height: 1;
				letter-spacing: .02em;
				text-transform: uppercase;
				border-radius: 6px;
				color: #fff;
				font-weight: 500;
				z-index: 1;
				background: #02cdd3;
				margin-top: -5px;
		}
			
		.sidebar-menu .counter i {
			font-size: 14px;
			color: #fff;
		}	
	
	
	.sidebar-menu .card{
		border: 0; /*1px solid rgba(0,0,0,.125);*/
		border-radius: 0; /*.25rem;*/
	}
	
	.sidebar-menu .card-header{
		border-radius: 0 !important; /*calc(.25rem - 1px) calc(.25rem - 1px) 0 0;*/
		padding: .75rem; /*.75rem 1.25rem;*/
		margin-bottom: 0;
		background-color: white !important; /* rgba(0,0,0,.03);*/
		border-bottom: 1px solid rgba(0,0,0,.125);
	}
	
	#offcanvas-right .sidebar-menu .card-header{
		padding: .55rem ;
	}
	
	.sidebar-menu .card-header.first{
		border-top: 1px solid rgba(0,0,0,.125);
	}
	
	.sidebar-menu h5, 
	.sidebar-menu h5 a{
		font-size:14px !important;
		text-transform:uppercase !important;
		font-weight:500 !important;
		padding-top:0px !important;
	}
	
	.sidebar-menu .fa{float:right; font-size:13px;}
	
	.sidebar-menu [data-toggle="collapse"] .fa:before {  
	  content: "\f068";
	}
	
	.sidebar-menu [data-toggle="collapse"].collapsed .fa:before {
	  content: "\f067";
	}

/*	
	.sidebar-menu h5, 
	.sidebar-menu h5 a.active{
		color:#FFB300; 
	}
	
	.sidebar-menu .card-body{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: .0rem;  
	}
	
	.sidebar-menu .card-body ul{}
	.sidebar-menu .card-body ul li{
		padding-left:15px;
		border-bottom: 1px solid #e5e5e5;
	}
	.sidebar-menu .card-body ul li a{
		display: block;
		padding: 5px;
	}
	
	.sidebar-menu .card-header.active{
		background-color: #5b82ca !important;
	}
	.sidebar-menu .card-header.active a{
		color: #fff !important;
	}
	
	.sidebar-menu li.active, 
	.sidebar-menu li.active a,
	.sidebar-menu li a.active {
		background-color: #294ab7 !important;
		color: #ffffff !important;
	}
*/