body {
	margin:auto;	
}

.top-bar {
background: #474a66;	

}

.navbar-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;   
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}
.icon-right-arrow {
 background-image: url(http://localhost/bootstrap/img/arrow-right.png);
}

.icon-left-arrow {
 background-image: url(http://localhost/bootstrap/img/arrow-left.png);
}
.icon-phone {
 background-image: url(http://localhost/bootstrap/img/phone.png);
}

.icon-chat {
 background-image: url(http://localhost/bootstrap/img/chat.png);
}

.color-q1 {
background:#212529
}

.card-title {
font-size: 14px;
font-weight: 500;
margin-bottom: 3px;	
}

.card-text {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;		
}

.txt-small {
font-size: 14px;
font-weight: 200;
}

.txt-vsmall {
font-size: 12px;
font-weight: 200;
}

.txt-tiny {
font-size: 10px;
font-weight: 200;
}

.card-body {
padding:10px;
}

.cont-body {
	padding:5px;
	margin: 5px;
	min-height:460px;
	
}

.sidebar {
	background-color: #343957;
	font-size:14px;
	
}

.sidebar ul{
	padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar ul li{
	display: flex;
    flex-direction: column;
	padding-left: 10px;

}

.sidebar a{
	position: relative;
    display: block;
    padding: 0.8125rem 1.25rem;
    outline-width: 0;
    color: #bdbdc7;
    text-decoration: none;

}


.sidebar a:hover {
    background-color: #6b51df;
    color: #fff;
}

.top-bar {
	height:70px;
}

.table small{
    font-size: 14px !Important;
	color: #333 !Important;
	font-weight: 400 !Important;
}

.table-dark {
    font-size: 12px !Important;
	
}


.page-title {
	padding: 5px;
    color: #666;
	font-size: 12px;
}


.grey {
	color: #646464 !Important;
}

.12px {
	font-size: 12px !important;
}