/**
        LEFT SIDE BAR TOGGLE
    **/
	.left-inactive.left-inactive.left-inactive {
		margin-left: 100px;
		width: calc(100vw - 100px);
	}
	.left-sidebar{
		z-index: 9;
	    height: calc(100% - 50px);	    
	    width: 100px;
	    position: fixed;
	    transition: .3s;
	    overflow-x: scroll;
	}
	.left-sidebar.navContentOpen{
		width:200px;
	}
	.left-sidebar.active{
		animation-name: slide-right;
  		animation-duration: 1s;
	}
	.left-sidebar:not(.active) {
		transform: translateX(-100%);
	}
	.left-sidebar i{
		font-size: 2em;
    	color: white;
	}

	.menu-overlay {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    background:  rgba(71,21,37,.8);
	    z-index: 9;
	    display: none;
	}
	.menu-overlay.active{
		display:block;
	}
	
	
	.left-toggle-bar {
		height: 100%;
		padding-top: 8px;
		padding-left: 15px;
	}
	.left-sidebar ul li {
		list-style: none;
		background-color: transparent !important;
		color: #000 !important;
		display: block;
		border-bottom: 0.05em solid #444444;
		/* border-top: 1px solid #dab8679e!important; */
		height:76px;
	}
	.left-sidebar li a {
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    text-transform: uppercase;
	    text-decoration: none;
	    color: #ffd700;
	    border: 0px solid red;
	    text-align: center;
	    width: 100%;
	    height: 100%;
	}
	.left-sidebar p {
		color: white;
		line-height: 1em;
		font-size: 11px;
		margin-bottom: 0px;
		margin-top: 5px;
	}
	/**
        RIGHT SIDEBAR TOGGLE
    **/
	.right-sidebar {
	    position: fixed;
	    z-index: 1030;
	    top: 0;
	    right: 0;
	    overflow-x: hidden;
	    width: 100%;
	    max-width: 400px;
	    background-color: rgb(0,0,0,0.9);
	    transition: .3s;
	    height: 100vh;
	}
	.right-sidebar:not(.active) {
		transform: translateX(100%);
	}
	.right-sidebar.active {
		animation-name: slide-left;
  		animation-duration: .5s;
	}
	.right-sidebar .modal-header {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	}
	.right-sidebar .modal-header .modal-title {
    	flex-grow: 1;
	}
	.right-sidebar .modal-header i{
	    font-size: 1.5em;
	}

	@keyframes slide-left{
	  0% {transform: translateX(100%);}
	  100% {transform: translateX(0%);}
	}
	
	.right-toggle-bar {
		height: 100%;
		margin-top: -4px;
		padding-right: 20px;
		text-align: right;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-align: center;
		align-items: center;
		font-size: 20px;
		color: #fec100;
		font-weight: bold;
		right: 0;
	}
	
	.right-sidebar ul li {
		border-bottom: 1px solid #a0a0a0;
		list-style: none;
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.right-sidebar ul li:nth-child(1){
		border-top: 1px solid #a0a0a0;
	}
	.right-sidebar li a {
		padding: 14px 20px;
		display: inline-flex;
		align-items: center;
		text-transform: uppercase;
		text-decoration: none;
		color: white;
		border: 0px solid red;
		text-align: left;
		font-weight: 600;
	}
	.right-sidebar li a i{
		margin-right:10px;
	}
	.right-sidebar p {
		color: white;
		line-height: 1em;
		font-size: 11px;
		margin-bottom: 0px;
	}