.q-btn-toggle,.q-card{
		position:relative
	}
	
	.q-card{
		box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12) ;
		border-radius:4px ;
		vertical-align:top ;
		background:#fff
	}
	
	.q-card>div:first-child,.q-card>img:first-child{
		border-top:0 ;
		border-top-left-radius:inherit ;
		border-top-right-radius:inherit
	}
	
	.q-card>div:last-child,.q-card>img:last-child{
		border-bottom:0 ;
		border-bottom-left-radius:inherit ;
		border-bottom-right-radius:inherit
	}
	
	.q-card>div:not(:first-child),.q-card>img:not(:first-child){
		border-top-left-radius:0 ;
		border-top-right-radius:0
	}
	
	.q-card>div:not(:last-child),.q-card>img:not(:last-child){
		border-bottom-left-radius:0 ;
		border-bottom-right-radius:0
	}
	
	.q-card>div{
		border-left:0 ;
		border-right:0 ;
		box-shadow:none
	}
	
	.q-card--bordered{
	border:1px solid rgba(0,0,0,.12)
	}
	
	.q-card--dark{
	border-color:hsla(0,0%,100%,.28)
	}
	
	.q-card__section{
	position:relative
	}
	
	.q-card__section--vert{
	padding:16px
	}
	
	.q-card__section--horiz>div:first-child,.q-card__section--horiz>img:first-child{
	border-top-left-radius:inherit ;
	border-bottom-left-radius:inherit
	}
	
	.q-card__section--horiz>div:last-child,.q-card__section--horiz>img:last-child{
	border-top-right-radius:inherit ;
	border-bottom-right-radius:inherit
	}
	
	.q-card__section--horiz>div:not(:first-child),.q-card__section--horiz>img:not(:first-child){
	border-top-left-radius:0 ;
	border-bottom-left-radius:0
	}
	
	.q-card__section--horiz>div:not(:last-child),.q-card__section--horiz>img:not(:last-child){
	border-top-right-radius:0 ;
	border-bottom-right-radius:0
	}
	
	.q-card__section--horiz>div{
	border-top:0 ;
	border-bottom:0 ;
	box-shadow:none
	}
	
	.q-card__actions{
	padding:8px ;
	align-items:center
	}
	
	.q-card__actions .q-btn{
	padding:0 8px
	}
	
	.q-card__actions--horiz>.q-btn-group+.q-btn-item,.q-card__actions--horiz>.q-btn-item+.q-btn-group,.q-card__actions--horiz>.q-btn-item+.q-btn-item{
	margin-left:8px
	}
	
	.q-card__actions--vert>.q-btn-item.q-btn--round{
	align-self:center
	}
	
	.q-card__actions--vert>.q-btn-group+.q-btn-item,.q-card__actions--vert>.q-btn-item+.q-btn-group,.q-card__actions--vert>.q-btn-item+.q-btn-item{
	margin-top:4px
	}
	
	.q-card__actions--vert>.q-btn-group>.q-btn-item{
	flex-grow:1
	}
	
	.q-card>img{
	display:block ;
	width:100% ;
	max-width:100% ;
	border:0
	}
	
	.shadow-6{
	box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)
	}
	
	.q-px-lg{
	padding-left:24px ;
	padding-right:24px
	}
	
	.text-body1{
	font-size:1rem ;
	font-weight:400 ;
	line-height:1.5rem ;
	letter-spacing:.03125em
	}
	
	.text-justify{
	text-align:justify ;
	-webkit-hyphens:auto ;
	-ms-hyphens:auto ;
	hyphens:auto
	}
	
	.q-pa-xs {
	    padding: 4px 4px ;
	}
	
	.row>.col-8, .row>.col-xs-8 {
	    height: auto ;
	    width: 80% ;
	}
	
	.q-pa-md{
		padding:10px 10px
	}
	
	.sidebar{
		position: fixed ;
		left: 0 ;
		top: 0 ;
		bottom: 0 ;
		width: 210px ;
		z-index: 1 ;
		height: 100% ;
		overflow-x: hidden ;
		padding-top: 20px ;
		background-color: #ffffff ;
	}
	
	.sidebar a {
		text-decoration: none ;
		font-family: Arial,sans-serif ;
		font-size: 15px ;
		color: #818181 ;
		display: block ;
		height: 58px ;
		padding: 20px ;
	}
	
	.sidebar a p {
		color: white;
	}

	.sidebar a:hover {
	  background-color: #24A19C;
	}
	
	.main{
		margin-left: 210px ;
		margin-top: 0px ;

	}
	
	.text-black {
		color: black !important;
	}

	.q-separator {
	    border: 0 ;
	    margin: 0 ;
	    transition: background .3s,opacity .3s ;
	    flex-shrink: 0 ;
	}
	
	.q-separator--horizontal {
	    display: block ;
	    height: 1px ;
	}
	
	
	.scroll{
		overflow: auto ;
	}
	
	/* custom scrollbar */
	::-webkit-scrollbar {
	  width: 20px ;
	}
	
	::-webkit-scrollbar-track {
	  background-color: transparent ;
	}
	
	::-webkit-scrollbar-thumb {
	  background-color: #666666 ;
	  border-radius: 20px ;
	  border: 6px solid transparent ;
	  background-clip: content-box ;
	}
	
	::-webkit-scrollbar-thumb:hover {
	  background-color: #bfbfbf ;
	}
	
	.part{
		margin-left: 20px ;
		margin-right: 20px ;
		color: white ;
	}
	
	.lowerpart{
		margin-left: 20px ;
		margin-right: 20px ;
		color: black ;
	}
	
	.active, .collapsible:hover {
	  background-color: #2c2e42 ;
	}
	
	.collapsible:after {
	  content: '\23F7' ;
	  color: white ;
	  font-weight: bold ;
	  float: right ;
	  margin-left: 5px ;
	}
	
	.active:after {
	  content: "\23F6" ;
	}

	.p-4 {
		padding: 1.5rem ;
	}
	.mb-3, .my-3 {
		margin-bottom: 1rem ;
	}
	.shadow {
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) ;
	}
	.mb-2, .my-2 {
		margin-bottom: .5rem ;
	}
	.rounded-circle {
		border-radius: 50% ;
	}
	.img-thumbnail {
		padding: .25rem ;
		background-color: #fff ;
		border: 1px solid #dee2e6 ;
		border-radius: .25rem ;
		max-width: auto ;
		height: auto ;
	}
	.glyphicon-minus:before{content:"\2212"}
	.glyphicon-plus:before{content:"\002b"}
	.headpad {
		padding-left: 30px;
	}