/***   application	 : ipro.mice3.com			 				***/
	/***   libraries	 : cascading style sheet	 				***/
	/***   file name 	 : layout.css								***/
	/***   created	  	 : 19 Mar 2019								***/
	/***   modified  	 : 19 Mar 2019								***/
	
	
	body {
		margin: 0;
  		font-family: Verdana, Geneva, sans-serif;
  		font-size: 1rem;
  		font-weight: 400; /* normal */
  		line-height: 1.5;
  		color: #212529; /* text color */
  		text-align: left;
  		background-color: transparent;  /* background color */
	}


	/* div */
	.wrapper {
  		position: relative;
  		top: 0;
  		height: 100vh;
  		
	}
	
/* sidebar */

	.sidebar {
  		position: fixed;
 	 	top: 1;
  		bottom: 1;
  		left: 1;
  		right: 1;
  		z-index: 2;
 		width: 260px;
  		background: #fff;
  		box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 
  					0 8px 10px -5px rgba(0, 0, 0, 0.2);
		
	}

	.sidebar .sidebar-header {
		
		width: 100%;
		height:70px;
		display: block;
  		overflow: hidden;
		margin: 0; /* outer space: top right bottom left */
  		padding: 15px 0px; /* inner space: top right bottom left */
  		position: relative;
  		background: #e8e5f0;  
  	}

	.header-text {	
  		display: block;
  		white-space: nowrap;
  		overflow: hidden;
  		color: #a2a0a9; /* text color */
  		font-size: 1.25rem;
  		font-weight: 400;
  		text-align: center;
  		text-transform: uppercase;	
	}
		
	.sidebar .sidebar-wrapper {
  		position: relative;
  		height: calc(100vh - 75px);
  		overflow: auto;
  		width: 260px;
  		z-index: 4;
  		padding-bottom: 30px;
	
	}

	.sidebar .nav-list {
  		list-style: none;
  		padding: 5px 5px; /* inner space: top right bottom left */
		
	}
	
	.sidebar .nav-list .nav-item {
		padding: 2px 2px; /* inner space: top right bottom left */
 	 	margin: 2px;
 	 	line-height: 30px;
 	 	border-radius: 5px;
 	}
	
	.sidebar .nav-link{
		color: #3C4858;
		text-transform: uppercase;
		text-decoration: none;
	}
		
	.nav-item.active,
	.nav-item:active {
  		color: #ffffff;
  		background: linear-gradient(60deg, #b1abb8, #cdc6d6, #b1abb8);
	}


/* main panel */

	.main-panel {
  		position: relative;
  		float: right;
  		width: calc(100% - 260px); /* minus sidebar width */
  		transition: 0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1);
  	}


	.main-panel .contentpanel {
  		margin-top: 25px;
  		margin-right: 10px;
  		margin-left: 10px;
  		
  		padding: 5px 5px;
  		min-height: calc(100vh - 123px);
	}

	.panel-dashboard {
  		position: relative;
  		margin: 0 auto;
  		width: calc(100% - 160px);
  		transition: 0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1);
  		border: 1px solid #E5E5E5;
  	}

	.panel-dashboard .content {
  		margin-top: 50px;
  		padding: 15px 15px;
  		min-height: calc(100vh - 123px);
  		border: 1px solid #E5E5E5;
	}
	
	
	.container {
  		width: 100%;
  		padding-right: 15px;
  		padding-left: 15px;
  		margin-right: auto;
  		margin-left: auto; 
	}



/* top panel */

	.toppanel {		
		width: 100%;
		height: 70px;
		display: block;
  		
  		padding: 10px 10px;
  		margin-right: auto;
  		margin-left: auto;
  		
  		background: #e8e5f0; 
  	}
	
	.toppanel-left {
		width: 20%;	
		height: 100%;
		float:left;				
	}

	.toppanel-right {
		width: 35%;	
		height: 100%;
		float:right;		
	}


	.toppanel-navlist {
  		display: inline;
  		list-style: none;
  		flex-direction: column;
 		padding-left: 0;
  		margin-bottom: 0;		
	}


	
	/* link */
	a {
  		color: #9c27b0;
  		text-decoration: none;
  		background-color: transparent;
  		-webkit-text-decoration-skip: objects;
		}

	a:hover {
  		color: #0a6ebd;
  		text-decoration: underline;
	}