.main-header .navbar-header[data-background-color] .nav-search .input-group {
	border: 0;
	background: rgba(0, 0, 0, .14) !important;
	box-shadow: 0 0 25px rgba(18, 23, 39, 0.05);
	transition: all .4s
}

.main-header .navbar-header[data-background-color] li.nav-item.highlight {
	background: #f33446;
	border-radius: 5px;
	width: 45px;
	text-align: center;
	color: #f9f9fc !important
}

.nav-search .input-group .form-control {
	color: #263238 !important
}

.main-header .navbar-header .nav-search .input-group .form-control::-webkit-input-placeholder {
	color: #cfd8dc
}

.main-header .navbar-header .nav-search .input-group .form-control::-moz-placeholder {
	color: #cfd8dc
}

.main-header .navbar-header .nav-search .input-group .form-control:-ms-input-placeholder {
	color: #cfd8dc
}

.main-header .navbar-header .nav-search .input-group .form-control:-moz-placeholder {
	color: #cfd8dc
}

.main-header .navbar-header[data-background-color] .nav-search .input-group .form-control::-webkit-input-placeholder {
	opacity: 1
}

.main-header .navbar-header[data-background-color] .nav-search .input-group .form-control::-moz-placeholder {
	opacity: 1
}

.main-header .navbar-header[data-background-color] .nav-search .input-group .form-control:-ms-input-placeholder {
	opacity: 1
}

.main-header .navbar-header[data-background-color] .nav-search .input-group .form-control:-moz-placeholder {
	opacity: 1
}

.main-header .navbar-header[data-background-color] .nav-search .input-group .search-icon {
	color: #f44336 !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus {
	background: #fff !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control {
	color: inherit !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control::-webkit-input-placeholder {
	color: #bfbfbf !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control::-moz-placeholder {
	color: #bfbfbf !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control:-ms-input-placeholder {
	color: #bfbfbf !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus .form-control:-moz-placeholder {
	color: #bfbfbf !important
}

.main-header .navbar-header[data-background-color] .nav-search .input-group.focus .search-icon {
	color: #bfbfbf !important
}

.main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link {
	color: #fff !important
}

.main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link:focus,
.main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link:hover {
	background: rgba(31, 30, 30, .12) !important
}

.main-header .navbar-header[data-background-color] .navbar-nav .nav-item.active .nav-link {
	background: rgba(31, 30, 30, .12) !important
}

.main-header .navbar-header[data-background-color=dark2] .nav-search .input-group,
.main-header .navbar-header[data-background-color=dark] .nav-search .input-group {
	background: rgba(185, 185, 185, .18) !important
}

.main-header .navbar-header[data-background-color=dark2] .navbar-nav .nav-item .nav-link:focus,
.main-header .navbar-header[data-background-color=dark2] .navbar-nav .nav-item .nav-link:hover,
.main-header .navbar-header[data-background-color=dark] .navbar-nav .nav-item .nav-link:focus,
.main-header .navbar-header[data-background-color=dark] .navbar-nav .nav-item .nav-link:hover {
	background: rgba(185, 185, 185, .18) !important
}

.main-header .navbar-header[data-background-color=dark2] .navbar-nav .nav-item.active .nav-link,
.main-header .navbar-header[data-background-color=dark] .navbar-nav .nav-item.active .nav-link {
	background: rgba(185, 185, 185, .18) !important
}

.main-header .navbar-header .navbar-header-transparent .nav-search .input-group,
.main-header .navbar-header[data-background-color=white] .nav-search .input-group {
	background: #eee
}

.main-header .navbar-header .navbar-header-transparent .nav-search .input-group .form-control,
.main-header .navbar-header[data-background-color=white] .nav-search .input-group .form-control {
	color: #8d9498 !important
}

.main-header .navbar-header .navbar-header-transparent .nav-search .input-group .search-icon,
.main-header .navbar-header[data-background-color=white] .nav-search .input-group .search-icon {
	color: #8d9498 !important
}

.main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item .nav-link,
.main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item .nav-link {
	color: #8d9498 !important
}

.main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item .nav-link:focus,
.main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item .nav-link:hover,
.main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item .nav-link:focus,
.main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item .nav-link:hover {
	background: #eee !important
}

.main-header .navbar-header .navbar-header-transparent .navbar-nav .nav-item.active .nav-link,
.main-header .navbar-header[data-background-color=white] .navbar-nav .nav-item.active .nav-link {
	background: #eee !important
}

.btn-toggle {
	color: #fff !important
}

.avatar-upload {
	position: relative
}

.avatar-upload .avatar-edit {
	position: absolute;
	/*right:0px;*/
	z-index: 1;
	top: 0
}

.avatar-upload .avatar-edit input {
	display: none
}

.avatar-upload .avatar-edit input+label {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFF;
	border: 5px solid #f8f8f8;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all .2s ease-in-out
}

.avatar-upload .avatar-edit input+label:hover {
	border-color: #e5e9fb
}

.avatar-upload .avatar-edit input+label:after {
	content: "\f093";
	font-family: 'Font Awesome 5 Solid';
	color: #757575;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	color: #f44336;
	font-size: 1rem
}

.avatar-upload .avatar-preview {
	width: 125px;
	height: 125px;
	position: relative;
	border-radius: 50%;
	border: 6px solid #f8f8f8;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.avatar-preview:hover {
	background: aliceblue;
}

.avatar-preview:hover .imageUploaded {
	position: relative;
	background: #fff;
	opacity: .2;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer
}

.avatar-preview:hover .removeImage {
	display: block;
	position: absolute;
	top: 45px;
	left: 45px;
	width: auto;
	height: auto;
	text-align: center;
	transition: all .2s
}

.removeImage {
	display: none
}

.avatar-preview .removeImage svg {
	width: 18px !important;
	height: 18px !important;
	transition: all .2s
}

.avatar-img.rounded-circle {
	border-radius: 5px !important
}

.avatar-lg .avatar-img.rounded {
	border-radius: 50px !important
}

.avatar {
	position: relative;
	display: inline-block
}

.avatar-img {
	width: 100%;
	height: 100%
}

/*.avatar-sm img.avatar-img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}*/

.avatar-title {
	width: 100%;
	height: 100%;
	background-color: #6861ce;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.avatar-inner {
	position: absolute;
	left: 15px;
	top: 10px
}

.avatar-away::before,
.avatar-offline::before,
.avatar-online::before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25%;
	height: 25%;
	border-radius: 50%;
	content: '';
	border: 2px solid #fff
}

.avatar-online::before {
	background-color: #31ce36
}

.avatar-offline::before {
	background-color: #97a2b1
}

.avatar-away::before {
	background-color: #ffad46
}

.avatar {
	width: 3rem;
	height: 3rem
}

.avatar .border {
	border-width: 3px !important
}

.avatar .rounded-50 {
	border-radius: 50%
}

.avatar .rounded {
	border-radius: 6px !important
}

.avatar .avatar-title {
	font-size: 18px
}

.avatar-xs {
	width: 1.65rem;
	height: 1.65rem
}

.avatar-xs .border {
	border-width: 2px !important
}

.avatar-xs .rounded {
	border-radius: 4px !important
}

.avatar-xs .avatar-title {
	font-size: 12px
}

.avatar-xs.avatar-away::before,
.avatar-xs.avatar-offline::before,
.avatar-xs.avatar-online::before {
	border-width: 1px
}

.avatar-sm {
	width: 2.5rem;
	height: 2.5rem
}

.avatar-sm .border {
	border-width: 3px !important
}

.avatar-sm .rounded {
	border-radius: 4px !important
}

.avatar-sm .avatar-title {
	font-size: 15px
}

.avatar-sm.avatar-away::before,
.avatar-sm.avatar-offline::before,
.avatar-sm.avatar-online::before {
	border-width: 2px
}

.avatar-lg {
	width: 5rem;
	height: 5rem
}

.avatar-lg .border {
	border-width: 3px !important
}

.avatar-lg .rounded {
	border-radius: 8px !important
}

.avatar-lg .avatar-title {
	font-size: 24px
}

.avatar-lg.avatar-away::before,
.avatar-lg.avatar-offline::before,
.avatar-lg.avatar-online::before {
	border-width: 3px
}

.avatar-xl {
	width: 5rem;
	height: 5rem
}

.avatar-xl .border {
	border-width: 4px !important
}

.avatar-xl .rounded {
	border-radius: 8px !important
}

.avatar-xl .avatar-title {
	font-size: 28px
}

.avatar-xl.avatar-away::before,
.avatar-xl.avatar-offline::before,
.avatar-xl.avatar-online::before {
	border-width: 4px
}

.avatar-xxl {
	width: 5.125rem;
	height: 5.125rem
}

.avatar-xxl .border {
	border-width: 6px !important
}

.avatar-xxl .rounded {
	border-radius: 8px !important
}

.avatar-xxl .avatar-title {
	font-size: 30px
}

.avatar-xxl.avatar-away::before,
.avatar-xxl.avatar-offline::before,
.avatar-xxl.avatar-online::before {
	border-width: 4px
}

@media(min-width:768px) {
	.avatar-xxl {
		width: 8rem;
		height: 8rem
	}

	.avatar-xxl .border {
		border-width: 4px !important
	}

	.avatar-xxl .rounded {
		border-radius: 12px !important
	}

	.avatar-xxl .avatar-title {
		font-size: 42px
	}

	.avatar-xxl.avatar-away::before,
	.avatar-xxl.avatar-offline::before,
	.avatar-xxl.avatar-online::before {
		border-width: 4px
	}
}

.avatar-group {
	display: inline-flex
}

.avatar-group .avatar+.avatar {
	margin-left: -.75rem
}

.avatar-group .avatar-xs+.avatar-xs {
	margin-left: -.40625rem
}

.avatar-group .avatar-sm+.avatar-sm {
	margin-left: -.625rem
}

.avatar-group .avatar-lg+.avatar-lg {
	margin-left: -1rem
}

.avatar-group .avatar-xl+.avatar-xl {
	margin-left: -1.28125rem
}

.avatar-group .avatar:hover {
	z-index: 1
}

.navbar .navbar-nav .nav-item {
	margin-right: 15px
}

.navbar .navbar-nav .nav-item:last-child {
	margin-right: 0
}

.navbar .navbar-nav .nav-item .nav-link {
	display: inline-block;
	vertical-align: middle;
	color: #f9fafb;
	letter-spacing: .04em;
	/* padding: 5px; */
	border-radius: 25px;
	position: relative;
	font-weight: 400;
	text-align: center
}

.navbar .navbar-nav .nav-item.highlight .nav-link:hover {
	background: #e53935 !important
}

.navbar .navbar-nav .nav-item .nav-link:hover {
	background: transparent !important
}

.navbar .navbar-nav .nav-item .nav-link i {
	vertical-align: middle;
	line-height: inherit !important
}

.navbar .navbar-nav .nav-item.active .nav-link {
	background: #eee !important
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	left: auto;
	right: 0
}

.navbar-expand-lg .navbar-nav .dropdown-menu.product-box {
	left: 0;
	right: auto
}

.dropdown-item {
	font-size: 0.9rem;
	color: #1a2035;
}

.navbar-expand-lg .navbar-nav .moduleSelect .dropdown-menu {
	left: 0;
	right: auto
}

.moduleSelect .dropdown-menu {
	min-width: 13rem
}

.navbar-header .moduleSelect .dropdown-menu:after {
	left: 5px;
	right: inherit
}

.navbar .navbar-nav .notification {
	position: absolute;
	background-color: #f44336;
	text-align: center;
	padding: 3px 7px;
	height: auto;
	font-size: 10px;
	color: #fff;
	font-weight: 500;
	line-height: initial;
	top: 0;
	letter-spacing: initial;
	left: 5px;
	border: 0;
	min-width: auto
}

.navbar-header {
	padding: 0
}

.navbar-header .dropdown-toggle::after {
	margin-left: 0
}

.profile-pic:focus,
.profile-pic:hover {
	text-decoration: none
}

.navbar-header .dropdown-toggle::after {
	vertical-align: middle;
	color: #555
}

.hidden-caret .dropdown-toggle::after {
	display: none !important
}

.profile-pic span {
	font-size: 13px;
	font-weight: 300;
	padding: 0 10px;
	color: #555
}

.navbar[class*=bg-] {
	border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
	border-left: 1px solid rgba(255, 255, 255, .1) !important
}

.navbar[class*=bg-] .navbar-brand {
	color: #fff
}

.navbar[class*=bg-] .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3E%3C/svg%3E")
}

.navbar[class*=bg-] .navbar-nav>.nav-item>.nav-link {
	color: #fff
}

.navbar[class*=bg-] .navbar-nav>.nav-item>.nav-link.disabled {
	color: #d8d8d8 !important
}

.navbar[class*=bg-] .navbar-nav>.nav-item>.nav-link:hover {
	background: rgba(255, 255, 255, .22) !important
}

.navbar[class*=bg-] .navbar-nav>.nav-item.active>.nav-link {
	background: rgba(255, 255, 255, .22) !important
}

.navbar[class*=bg-] .btn-toggle {
	background: rgba(19, 19, 19, .25) !important;
	color: #fff !important
}

.navbar[class*=bg-] .nav-search .input-group {
	border: 0;
	background: rgba(19, 19, 19, .25) !important
}

.navbar[class*=bg-] .nav-search .input-group .form-control {
	color: #fff !important
}

.navbar[class*=bg-] .nav-search .search-icon {
	color: #fff !important
}

.row-nav-line {
	margin-left: -20px;
	margin-right: -20px
}

.nav.nav-line {
	width: 100%;
	border-bottom: 1px solid #f1f1f1
}

.nav.nav-line .nav-link {
	padding: 10px 20px;
	color: #90a4ae;
	border-width: 0;
	font-size: .9rem
}

.nav.nav-line .nav-link:focus,
.nav.nav-line .nav-link:hover {
	color: #b0bec5;
	border-width: 0
}

.nav.nav-line .nav-link.active {
	border-width: 0;
	background-color: transparent;
	color: #1572e8;
	border-bottom: 2px solid #1572e8;
	border-radius: 0
}

.nav.nav-line.nav-color-default .nav-link:focus,
.nav.nav-line.nav-color-default .nav-link:hover {
	color: #1a2035
}

.nav.nav-line.nav-color-default .nav-link.active {
	color: #1a2035;
	border-color: #1a2035
}

.nav.nav-line.nav-color-primary .nav-link:focus,
.nav.nav-line.nav-color-primary .nav-link:hover {
	color: #1572e8
}

.nav.nav-line.nav-color-primary .nav-link.active {
	color: #1572e8;
	border-color: #1572e8
}

.nav.nav-line.nav-color-secondary .nav-link:focus,
.nav.nav-line.nav-color-secondary .nav-link:hover {
	color: #b0bec5
}

.nav.nav-line.nav-color-secondary .nav-link.active {
	color: #f44336;
	border-color: #f44336
}

.nav.nav-line.nav-color-info .nav-link:focus,
.nav.nav-line.nav-color-info .nav-link:hover {
	color: #48abf7
}

.nav.nav-line.nav-color-info .nav-link.active {
	color: #48abf7;
	border-color: #48abf7
}

.nav.nav-line.nav-color-success .nav-link:focus,
.nav.nav-line.nav-color-success .nav-link:hover {
	color: #31ce36
}

.nav.nav-line.nav-color-success .nav-link.active {
	color: #31ce36;
	border-color: #31ce36
}

.nav.nav-line.nav-color-danger .nav-link:focus,
.nav.nav-line.nav-color-danger .nav-link:hover {
	color: #f25961
}

.nav.nav-line.nav-color-danger .nav-link.active {
	color: #f25961;
	border-color: #f25961
}

.nav.nav-line.nav-color-warning .nav-link:focus,
.nav.nav-line.nav-color-warning .nav-link:hover {
	color: #ffad46
}

.nav.nav-line.nav-color-warning .nav-link.active {
	color: #ffad46;
	border-color: #ffad46
}

.nav.nav-line.nav-color-light .nav-link:focus,
.nav.nav-line.nav-color-light .nav-link:hover {
	color: #fff
}

.nav.nav-line.nav-color-light .nav-link.active {
	color: #fff;
	border-color: #fff
}

.nav.nav-line.nav-color-light .nav-link {
	color: #f1f1f1
}

.nav-search .input-group {
	border: 0;
	background: #f8f9fa;
	border-radius: 25px
}

.nav-search .input-group:focus,
.nav-search .input-group:hover {
	/* box-shadow:; */
}

.nav-search .form-control {
	border: 0;
	background: 0 0 !important;
	font-size: 14px;
	padding: .75em 1em;
	min-width: 200px;
	max-width: 100%
}

.nav-search .input-group-text {
	border: 0;
	background: 0
}

.nav-search .search-icon {
	font-size: 18px;
	color: #8d9498
}

.nav-search .btn-search {
	background: 0;
	padding: .375rem 1rem
}

.dropdown-menu {
	/* border: 0; */
	border-radius: 5px;
	box-shadow: 2px 5px 7px rgba(31, 38, 64, 0.3) !important ;
	padding-bottom: 8px;
	margin-top: 3px;
	border-color: #c4cdd3!important;
}
.dropdown-menu a.dropdown-item  {
	border-bottom: 1px dashed #d4dce6;
}
.dropdown-item { 
    padding: .45rem 1.5rem;
}
.dropdown-header {
	background: #f3f3f3;
	padding-left: 5px;
}
.dropdown-header .dropdown-item {
	padding-left: 10px;
}
.dropdown-header:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.dropdown-title {
	border-bottom: 1px solid #f1f1f1;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 15px;
	text-align: center
}

.messages-notif-box,
.notif-box {
	width: 280px;
	padding: 0 !important
}

.messages-notif-box .notif-center a,
.notif-box .notif-center a {
	display: flex;
	color: #4d585f
}

.messages-notif-box .notif-center a:hover,
.notif-box .notif-center a:hover {
	text-decoration: none;
	background: #fafafa;
	transition: all .2s
}

.messages-notif-box .notif-center a .notif-icon,
.notif-box .notif-center a .notif-icon {
	display: inline-flex;
	width: 40px;
	height: 40px;
	margin: 10px;
	align-items: center;
	justify-content: center;
	background: #eee;
	border-radius: 50%
}

.messages-notif-box .notif-center a .notif-img,
.notif-box .notif-center a .notif-img {
	display: inline-flex;
	width: 40px;
	height: 40px;
	margin: 10px;
	align-items: center;
	justify-content: center;
	background: #eee;
	border-radius: 50%
}

.messages-notif-box .notif-center a .notif-img img,
.notif-box .notif-center a .notif-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.messages-notif-box .notif-center a .notif-icon.notif-danger,
.messages-notif-box .notif-center a .notif-icon.notif-default,
.messages-notif-box .notif-center a .notif-icon.notif-info,
.messages-notif-box .notif-center a .notif-icon.notif-primary,
.messages-notif-box .notif-center a .notif-icon.notif-secondary,
.messages-notif-box .notif-center a .notif-icon.notif-success,
.messages-notif-box .notif-center a .notif-icon.notif-warning,
.notif-box .notif-center a .notif-icon.notif-danger,
.notif-box .notif-center a .notif-icon.notif-default,
.notif-box .notif-center a .notif-icon.notif-info,
.notif-box .notif-center a .notif-icon.notif-primary,
.notif-box .notif-center a .notif-icon.notif-secondary,
.notif-box .notif-center a .notif-icon.notif-success,
.notif-box .notif-center a .notif-icon.notif-warning {
	color: #fff !important
}

.messages-notif-box .notif-center a .notif-icon.notif-default,
.notif-box .notif-center a .notif-icon.notif-default {
	background: #1a2035 !important
}

.messages-notif-box .notif-center a .notif-icon.notif-primary,
.notif-box .notif-center a .notif-icon.notif-primary {
	background: #1572e8 !important
}

.messages-notif-box .notif-center a .notif-icon.notif-secondary,
.notif-box .notif-center a .notif-icon.notif-secondary {
	background: #6861ce !important
}

.messages-notif-box .notif-center a .notif-icon.notif-info,
.notif-box .notif-center a .notif-icon.notif-info {
	background: #48abf7 !important
}

.messages-notif-box .notif-center a .notif-icon.notif-success,
.notif-box .notif-center a .notif-icon.notif-success {
	background: #31ce36 !important
}

.messages-notif-box .notif-center a .notif-icon.notif-warning,
.notif-box .notif-center a .notif-icon.notif-warning {
	background: #ffad46 !important
}

.messages-notif-box .notif-center a .notif-icon.notif-danger,
.notif-box .notif-center a .notif-icon.notif-danger {
	background: #f25961 !important
}

.messages-notif-box .notif-center a .notif-icon i,
.notif-box .notif-center a .notif-icon i {
	font-size: 15px
}

.messages-notif-box .notif-center a .notif-content,
.notif-box .notif-center a .notif-content {
	padding: 10px 15px 10px 0
}

.messages-notif-box .notif-center a .message-content,
.notif-box .notif-center a .message-content {
	padding: 7px 15px 10px 0
}

.messages-notif-box .notif-center a .notif-content .subject,
.notif-box .notif-center a .notif-content .subject {
	font-size: 13px;
	font-weight: 600;
	display: block;
	margin-bottom: 2px
}

.messages-notif-box .notif-center a .notif-content .block,
.notif-box .notif-center a .notif-content .block {
	font-size: 13px;
	line-height: 20px;
	display: block
}

.messages-notif-box .notif-center a .notif-content .time,
.notif-box .notif-center a .notif-content .time {
	color: #7d8c95;
	font-size: 11px
}

.messages-notif-box .see-all,
.notif-box .see-all {
	color: #555;
	text-align: right;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none
}

.messages-notif-box .see-all:hover,
.notif-box .see-all:hover {
	color: #555;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none
}

.messages-notif-box .see-all i,
.notif-box .see-all i {
	float: right
}

.notif-box .notif-scroll {
	max-height: 256px
}

.messages-notif-box .message-notif-scroll {
	max-height: 250px
}

.messages-notif-box .notif-center a {
	border-bottom: 1px solid #f1f1f1
}

.messages-notif-box .notif-center a:last-child {
	border-bottom: 0
}

.messages-notif-box .notif-center a .notif-content {
	padding: 7px 15px 7px 5px
}

.dropdown-user {
	width: 350px
}

.profile-box {
	display: inline-block;
	padding: .25rem .5rem 0;
	width: 100%;
	text-align: right
}

.profile-box .u-text {
	padding: 0 10px
}

.profile-box .u-text h4 {
	margin-bottom: 5px;
	margin-top: 4px;
	font-size: 16px;
	font-weight: 500;
}

.profile-box .u-text .text-muted {
	font-size: 12px;
	margin-bottom: 5px
}

.profile-box .u-text .btn {
	font-size: 11px
}

.navi-link {
	display: flex;
	align-items: center;
	padding: .75rem 1.5rem;
	position: relative
}

.navi-link i.fa-chevron-right,
.settings-card i.fa-chevron-right {
	position: absolute;
	right: 10px
}

.navi-text {
	color: #4285f4
}

.profile-list {
	margin-top: 2rem
}

.profile-list a,
.product-list a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #e9ecef
}

.profile-list a:last-child {
	border-bottom: 0
}

.profile-list button.signOut {
	width: 100%
}

.caret {
	display: inline-block;
	border-width:0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
.quick-actions .quick-actions-item:hover svg [fill] {
	fill: #00afe9;
}
.quick-actions {
	width: 350px;
	padding: 0
}

.quick-actions:after {
	border-bottom-color: #1572e8 !important
}

.quick-actions .quick-actions-header {
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #1572e8;
	color: #fff;
	padding: 15px;
	border-radius: 3px 3px 0 0
}

.quick-actions .quick-actions-header .title {
	font-size: 18px
}

.quick-actions .quick-actions-header .subtitle {
	font-size: 13px
}

.quick-actions .quick-actions-items {
	/*padding: 15px 7.5px*/
	/* height: calc(100vh - 300px); */
    overflow: auto;
	margin: 5px;
    background: #e9eef6;
    border-radius: 10px;
}

.quick-actions a:hover {
	text-decoration: none
}

.quick-actions .quick-actions-item {
	display: flex;
	flex-direction: column;
	margin: 7.5px 7.5px;
	padding: 10px;
	/*border: 1px solid #f1f1f1;*/
	align-items: center;
	transition: width 2s;
}

.quick-actions .quick-actions-item:hover {
	color: #00afe9;
	background: ghostwhite;
    border-radius: 10px;
	transition: all .2s
	/* transform: rotate(180deg); */
	/* font-weight: 500;
	box-shadow: 3px 3px 10px #f7f1f1 */
}
.quick-actions .quick-actions-item:hover .avatar-item {
    /* transform: scale(1.3); */
	transform: rotate(360deg);
	transition: all .2s;
}

.quick-actions .quick-actions-item i {
	color: #ffd180;
	font-size: 1rem
}

.quick-actions .quick-actions-item .text {
	text-align: center;
	font-size: 12px;
	margin-top: 8px
}

.quick-actions.quick-actions-default:after {
	border-bottom-color: #1a2035 !important
}

.quick-actions.quick-actions-default .quick-actions-header {
	background: #1a2035
}

.quick-actions.quick-actions-default .quick-actions-item {
	color: #1a2035
}

.quick-actions.quick-actions-primary:after {
	border-bottom-color: #1572e8 !important
}

.quick-actions.quick-actions-primary .quick-actions-header {
	background: #1572e8
}

.quick-actions.quick-actions-primary .quick-actions-item {
	color: #1572e8
}

.quick-actions.quick-actions-secondary:after {
	border-bottom-color: #6861ce !important
}

.quick-actions.quick-actions-secondary .quick-actions-header {
	background: #6861ce
}

.quick-actions.quick-actions-secondary .quick-actions-item {
	color: #6861ce
}

.quick-actions.quick-actions-info:after {
	border-bottom-color: #fff !important
}

.quick-actions.quick-actions-info .quick-actions-header {
	background: #48abf7
}

.quick-actions.quick-actions-info .quick-actions-item img {
	opacity: .3
}

.quick-actions.quick-actions-warning:after {
	border-bottom-color: #ffad46 !important
}

.quick-actions.quick-actions-warning .quick-actions-header {
	background: #ffad46
}

.quick-actions.quick-actions-warning .quick-actions-item {
	color: #ffad46
}

.quick-actions.quick-actions-success:after {
	border-bottom-color: #31ce36 !important
}

.quick-actions.quick-actions-success .quick-actions-header {
	background: #31ce36
}

.quick-actions.quick-actions-success .quick-actions-item {
	color: #31ce36
}

.quick-actions.quick-actions-danger:after {
	border-bottom-color: #f25961 !important
}

.quick-actions.quick-actions-danger .quick-actions-header {
	background: #f25961
}

.quick-actions.quick-actions-danger .quick-actions-item {
	color: #f25961
}

.navbar .navbar-nav .nav-item.focus.svgIconFill .nav-link:hover {
	background: #35383d  !important;
	/* padding: 5px */
}
.navbar .navbar-nav .nav-item.focus.svgIconFill .nav-link.topPlus:hover, 
.navbar .navbar-nav .nav-item.focus.svgIconFill .nav-link.topModule:hover {
	background-color: #d84c21 !important;
}
.position-center { 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* width: 100%; */
	display: flex;
	align-items: center;
	justify-content: center;
}