.topbar {
	background: #554b6c;
}
.topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display: none;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
}
.topbar .top-navbar .navbar-nav > .nav-item > span {
	color: #fff;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
	color: #c8bbf2;
	padding: 10px 21px;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
	color: #fff !important;
}
.topbar .navbar-header {
	background: #398bf7;
}
.logo-center .topbar .navbar-header {
	text-align: center;
	padding-left: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
	display: none;
}
.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
}
/*******************
/*General Elements
*******************/
a {
	color: #398bf7;
}
a.link:hover, a.link:focus {
	color: #398bf7 !important;
}
.bg-theme {
	background-color: #398bf7 !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #398bf7;
	border-color: #398bf7;
	color: #fff;
}
.right-sidebar .rpanel-title {
	background: #398bf7;
}
.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #398bf7;
}
.text-themecolor {
	color: #398bf7 !important;
}
.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #398bf7;
	color: #398bf7;
}
.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #398bf7;
}
/*******************
/*Buttons
*******************/
.btn-themecolor, .btn-themecolor.disabled {
	background: #398bf7;
	color: #ffffff;
	border: 1px solid #398bf7;
}
.btn-themecolor:hover, .btn-themecolor.disabled:hover {
	background: #398bf7;
	opacity: 0.7;
	border: 1px solid #398bf7;
}
.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:focus {
	background: #028ee1;
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav {
	background: #fff;
}
.mini-sidebar .sidebar-nav {
	background: transparent;
}
 @media (min-width: 768px) {
}
.sidebar-nav {
	background: #242a33;
}
.user-profile .profile-text a {
	color: #687384 !important;
}
.card-no-border .sidebar-footer {
	background: #1c2128;
}
.label-themecolor {
	background: #398bf7;
}
.sidebar-nav > ul > li.active > a {
	color: #fff;
	border-color: #398bf7;
	background: #e33a5a;
}
.sidebar-nav > ul > li.active > a i {
	color: #ffffff;
}
.sidebar-nav ul li.nav-small-cap {
	color: #687384;
}
 @media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
	background: black;
	color: #ffffff;
}
}
.sidebar-nav ul li a:hover {
	background:black;
	color: #fff;
	text-decoration: none;
}


.diff_table .modified {
	background: #ffe5e5;
}

#notifications_wrapper{
	display: block;
    background: #ffffff;
    border: 1px solid #efeeee;
    padding: 20px;
    box-shadow: 0px 1px 0px 0px #f3f3f3;
	font-size:13px;
}

#notifications_wrapper li {
	padding:0px;
}

.noti_head{
	position:relative;
	left:0%;
}

#notifications_wrapper #success_message{
	left:27% !important;
}

#notifications_wrapper .container-fluid{
	padding:0px !important;
}

#reply_content{
	margin-top:10px;
}

.dropzone.dz-clickable *{
	cursor:grab !important;
}

#notifications_wrapper .notifications{
	margin-top:10px;
}


label b{ font-weight: normal !important; margin-top:10px; display:block;}
.card-title{width: 100%;}
.detail-view-section{ height: 90%}
.detail-view-section > .row{ margin: 15px !important}

.card-title h4{ border-bottom: 1px solid #eee;
padding-bottom:10px;
margin-bottom:10px;
}

.profile_page .detail-view-section *:not(h4){
	font-size: 16px !important;
}

.profile_page .detail-view-section label{
	margin-bottom: 0 !important;
	
}
.profile_page .detail-view-section .form-group label{
	width: 150px;
	display: flex;
	position: relative;
}
.profile_page .detail-view-section .form-group label:after{
	content: ":";
	position: absolute;
    right: 20px;
    top: -2px;

}
.profile_page .detail-view-section label b{
	font-size:14px !important;
}
.profile_page .box {
    width: 46.9%;
    border: 1px solid #eee;
    margin: 10px 18px;
    padding: 16px;
	flex:1;
	text-align: center;
}

 

.profile_page .form-group * {
    margin: 0 !important;
    padding-right: 16px;
}

 

.profile_page .form-group {
    
    display: flex;
    align-items: center;
}

.profile_page #logo {
    position: absolute;
    top: 140px;
    left: 212px;
    width: 300px;
    z-index: 200;
}

.profile_page #logo img {
    max-width: 300px;
    max-height: 120px;
}

.box.image{
	flex:0.5;
}