@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i");
:root {
	--main-color: #1f2022;
	--main-bg: #fff;
	--boxed-width: 1140px;
	--navbar-color: #000;
	--navbar-bg: #fff;
	--navbar-2-color: #000;
	--navbar-2-bg: #fbfbfb;
	--navbar-dark-color: #fff;
	--navbar-dark-bg: #1f2022
}

.character-counter {
            font-size: 0.9em;
            color: #555;
            text-align: right;
            margin-top: 5px;
			margin-right: 10px;
        }

@-webkit-keyframes bounce {
	to {
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounce {
	to {
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.app-loader {
	-webkit-box-align: center;
	align-items: center;
	background: #fff;
	color: #ff000b;
	display: -webkit-box;
	display: flex;
	font-size: 30px;
	height: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99999
}

.app-loader.main-loader {
	z-index: 999999
}

.app-loader.main-loader .loader-box {
	-webkit-box-align: end;
	align-items: flex-end;
	display: -webkit-box!important;
	display: flex!important
}

.app-loader.main-loader .loader-box .bounceball {
	display: inline-block;
	height: 95px;
	position: relative;
	-webkit-animation: bounce .5s ease-in infinite alternate;
	animation: bounce .5s ease-in infinite alternate;
	width: 30px
}

.app-loader.main-loader .loader-box .bounceball:before {
	background: #ff000b;
	border-radius: 50%;
	content: "";
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	width: 30px
}

.app-loader.main-loader .loader-box .text {
	display: -webkit-box;
	display: flex;
	color: #1f2022;
	margin-left: 15px
}

.app-loader.main-loader .loader-box .text span {
	color: #ff000b;
	font-size: 15px
}

.loaded .app-loader {
	opacity: 0;
	visibility: hidden
}

html {
	font-size: 14px
}

body,
html {
	line-height: 1.43
}

body {
	background: #fff;
	background: var(--main-bg);
	color: #1f2022;
	color: var(--main-color);
	font-family: Lato, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

button,
input,
optgroup,
select,
textarea {
	font: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, sans-serif;
	font-weight: 700;
	line-height: 1.43;
	letter-spacing: .01em;
	margin-top: 1.42857rem;
	margin-bottom: 1.42857rem
}

.h1,
h1 {
	font-size: 3.2rem;
	line-height: 1.12;
	margin-bottom: 2.14286rem
}

.h2,
h2 {
	font-size: 2.85714286rem;
	line-height: 1
}

.h3,
h3 {
	font-size: 2rem;
	line-height: 1.42857143
}

.h4,
h4 {
	font-size: 1.71428572rem;
	line-height: 1.25
}

.h5,
h5 {
	font-size: 1.42857143rem;
	line-height: 1.5
}

.h6,
h6 {
	font-size: 1rem
}

.blockquote,
blockquote,
ol,
p,
pre,
table,
ul {
	margin-top: 0;
	margin-bottom: 1.42857rem
}

.blockquote:last-child,
blockquote:last-child,
ol:last-child,
p:last-child,
pre:last-child,
table:last-child,
ul:last-child {
	margin-bottom: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-top: 0;
	margin-bottom: 0
}

.hr,
hr {
	border-top: 1px solid rgba(31, 32, 34, .1);
	margin: 1.42857rem 0
}

sub,
sup {
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

a {
	color: #336cfb;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

a,
a:focus,
a:hover {
	text-decoration: none
}

a:focus,
a:hover {
	color: #2759fa;
	outline: none
}

img {
	height: auto;
	max-width: 100%
}

button {
	cursor: pointer
}

button:focus {
	outline: none
}

textarea {
	box-shadow: none
}

.mark,
mark {
	padding: 0 .2em;
	background-color: #336cfb;
	color: #fff
}

::selection {
	background-color: #336cfb;
	color: #fff
}

::-moz-selection {
	background-color: #336cfb;
	color: #fff
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

::-webkit-scrollbar {
	background: hsla(0, 0%, 100%, .2);
	position: absolute;
	width: 10px
}

::-webkit-scrollbar:hover {
	display: block
}

::-webkit-scrollbar-thumb {
	background-color: #bcbcbd
}

::-webkit-scrollbar:horizontal {
	height: 10px
}

body,
html {
	height: 100%
}

body {
	overflow: hidden;
	position: relative;
	width: 100%
}

.page-box {
	display: block;
	height: 100%
}

.page-box .app-container {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%
}

.page-box .app-container .main-content {
	height: 100%;
	overflow-x: auto;
	overflow-y: auto;
	margin-bottom: 4.28571rem;
	position: relative;
	-webkit-transition: padding .2s ease-in-out 0s;
	transition: padding .2s ease-in-out 0s;
	-webkit-overflow-scrolling: touch
}

.page-box .app-container .main-content .main-content-wrap {
	min-height: calc(100% - 2.85714rem);
	margin: 0 auto;
	opacity: 0;
	padding: 2.14286rem 1.42857rem 2.85714rem;
	-webkit-transition: opacity .2s ease-in-out 0s;
	transition: opacity .2s ease-in-out 0s
}

.page-box .app-container .main-content .main-content-wrap.full-filled {
	height: 100%;
	max-width: 100%!important;
	min-height: 100%;
	padding: 0
}

.page-box .app-container .main-content .main-content-wrap.full-filled .page-content {
	height: 100%
}

.page-box .app-container .main-content .main-content-wrap .page-header {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.page-box .app-container .main-content .main-content-wrap .page-header .page-title {
	margin: 0 0 2.14286rem
}

@media (max-width:767px) {
	.page-box .app-container .main-content .main-content-wrap .page-header .page-title {
		font-size: 2rem
	}
}

.page-box .app-container .main-content .main-content-wrap .page-header .page-breadcrumbs {
	color: rgba(31, 32, 34, .5);
	font-size: .8rem;
	line-height: 2;
	margin: 0 0 1.42857rem
}

.page-box .app-container .main-content.loaded .main-content-wrap {
	opacity: 1;
	-webkit-transition: opacity 0s ease-in-out 0s;
	transition: opacity 0s ease-in-out 0s
}

.page-box .app-container .content-overlay {
	background: rgba(31, 32, 34, .1);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out .2s;
	transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out .2s;
	visibility: hidden;
	width: 100%
}

.page-box .app-container .content-overlay.show {
	opacity: 1;
	-webkit-transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
	transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
	visibility: visible
}

@media (min-width:992px) {
	.page-box .app-container .content-overlay.show {
		z-index: 9998
	}
}

body.vertical-layout .page-box .app-container {
	padding-left: 17.14286rem
}

@media (max-width:991px) {
	body.vertical-layout .page-box .app-container {
		padding-left: 0
	}
}

body.vertical-layout .page-box .app-container .app-navbar.horizontal .navbar-skeleton .sk-logo {
	display: none!important
}

body.vertical-layout .page-box .app-container .app-footer {
	left: 17.14286rem
}

@media (max-width:991px) {
	body.vertical-layout .page-box .app-container .app-footer {
		left: 0
	}
}

body.vertical-layout.scrolled .app-navbar.horizontal {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

@media (max-width:991px) {
	body.horizontal-layout .app-navbar.horizontal:not(.horizontal-vertical) .app-logo {
		display: none
	}
}

@media (min-width:992px) {
	body.horizontal-layout .app-navbar.horizontal .app-logo .logo-wrap {
		padding-left: 0;
		padding-right: 0
	}
}

body.horizontal-layout .app-navbar.horizontal-vertical {
	background: #fbfbfb
}

@media (min-width:992px) {
	body.horizontal-layout .app-navbar.horizontal-vertical .app-logo {
		display: none
	}
}

body.boxed .page-box .app-container .main-content .main-content-wrap {
	max-width: 1140px;
	max-width: var(--boxed-width)
}

body.public-layout .page-box .app-container {
	background-size: cover;
	display: block;
	height: 100%;
	overflow: auto;
	width: 100%
}

body.public-layout .page-box .app-container .content-box {
	background: #fff;
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12);
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	max-width: 400px;
	min-height: 100%
}

body.public-layout .page-box .app-container .content-box .content-header {
	padding-top: 1.42857rem
}

body.public-layout .page-box .app-container .content-box .content-body {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 1;
	flex-grow: 1;
	padding: .71429rem 2.85714rem;
	width: 100%
}

@media (max-width:767px) {
	body.public-layout .page-box .app-container .content-box .content-body {
		padding-left: 1.42857rem;
		padding-right: 1.42857rem
	}
}

body.loaded .page-box .app-container .main-content .main-content-wrap {
	opacity: 1;
	-webkit-transition: opacity 0s ease-in-out 0s;
	transition: opacity 0s ease-in-out 0s
}

.assistant-menu {
	display: block;
	padding: 0 2.85714rem 1.42857rem
}

.assistant-menu .link {
	color: inherit;
	display: block;
	font-weight: 700;
	opacity: .3;
	padding: .35714rem 0;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

.assistant-menu .link .link-icon {
	font-size: 1.3em;
	margin-right: .71429rem;
	padding: 0
}

.assistant-menu .link:hover {
	opacity: 1
}

@-webkit-keyframes loaderAnimation {
	0% {
		background-position: -468px 0
	}
	to {
		background-position: 468px 0
	}
}

.app-footer {
	background: #fbfbfb;
	border-top: 1px solid #e9e9e9;
	bottom: 0;
	display: block;
	height: 4.28571rem;
	left: 0;
	position: absolute;
	right: 0
}

.app-footer .footer-wrap {
	background: inherit;
	height: 100%;
	margin: 0 auto;
	padding: .71429rem 1.42857rem;
	position: relative
}

.app-footer .footer-wrap .page-breadcrumbs {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.app-footer .footer-wrap .page-breadcrumbs .item {
	display: block;
	vertical-align: top;
	white-space: nowrap
}

.app-footer .footer-wrap .page-breadcrumbs .item .link {
	color: currentColor;
	opacity: .5;
	text-decoration: none;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

.app-footer .footer-wrap .page-breadcrumbs .item .link:hover {
	opacity: 1
}

.app-footer .footer-wrap .page-breadcrumbs .item .separator {
	margin: 0 .35714rem -2px
}

.app-footer .footer-wrap .page-breadcrumbs .item:last-child .link {
	opacity: 1;
	pointer-events: none
}

.app-footer .footer-wrap .page-breadcrumbs .item:last-child .separator {
	display: none
}

.app-footer .footer-wrap .settings-btn .icon {
	font-size: 26px
}

.app-footer .footer-wrap .footer-skeleton {
	background: inherit;
	height: 100%;
	left: 0;
	padding: .71429rem 1.42857rem;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
	transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
	z-index: 999
}

body.loaded .app-footer .footer-wrap .footer-skeleton {
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out .2s, visibility 0s ease-in-out .4s;
	transition: opacity .2s ease-in-out .2s, visibility 0s ease-in-out .4s;
	visibility: hidden
}

.app-footer .footer-wrap .footer-skeleton .row {
	height: inherit
}

.app-footer .footer-wrap .footer-skeleton .bg {
	background: #ebebeb
}

.app-footer .footer-wrap .footer-skeleton .bg-1 {
	background: #f5f5f5
}

.app-footer .footer-wrap .footer-skeleton .animated-bg {
	overflow: hidden;
	position: relative
}

.app-footer .footer-wrap .footer-skeleton .animated-bg:before {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: loaderAnimation;
	animation-name: loaderAnimation;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: transparent;
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(18%, hsla(0, 0%, 100%, .5)), color-stop(33%, transparent));
	background: linear-gradient(90deg, transparent 10%, hsla(0, 0%, 100%, .5) 18%, transparent 33%);
	background-size: 800px 100%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.app-footer .footer-wrap .footer-skeleton .page-breadcrumbs {
	margin: -.35714rem
}

.app-footer .footer-wrap .footer-skeleton .page-breadcrumbs .item {
	border-radius: 3px;
	display: block;
	height: .71429rem;
	margin: 0 .35714rem;
	width: 80px
}

.app-footer .footer-wrap .footer-skeleton .info {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	margin: -.35714rem
}

.app-footer .footer-wrap .footer-skeleton .info .version {
	border-radius: 3px;
	display: block;
	height: .71429rem;
	margin: 0 .35714rem;
	width: 80px
}

.app-footer .footer-wrap .footer-skeleton .info .settings {
	background: #336cfb;
	border-radius: 500px;
	display: block;
	height: 1.42857rem;
	margin: 0 .35714rem;
	width: 1.42857rem
}

.boxed .app-footer .footer-wrap {
	max-width: 1140px;
	max-width: var(--boxed-width)
}

.app-logo {
	display: block;
	height: 4.28571rem;
	min-height: 4.28571rem;
	position: relative
}

.app-logo .logo-wrap {
	-webkit-box-align: center;
	align-items: center;
	color: inherit;
	display: -webkit-box;
	display: flex;
	height: 100%;
	padding: .71429rem 2.85714rem;
	text-decoration: none
}

.app-logo .logo-wrap .logo-img {
	height: auto;
	margin-top:30px;
	max-width: 100%;
	vertical-align: top;
	width: auto
}

.app-logo .logo-wrap .logo-text {
	display: block;
	font-size: 20px;
	line-height: 1;
	margin-left: 1.42857rem
}

.main-menu {
	display: block;
	margin: 0;
	max-width: 100%;
	padding: 0
}

.main-menu,
.main-menu .main-menu-wrap {
	width: inherit
}

.main-menu .main-menu-wrap .menu-ul {
	list-style-type: none;
	margin: 0;
	padding: 2.14286rem 1.42857rem 0
}

.main-menu .main-menu-wrap .menu-ul .menu-item {
	font-weight: 700;
	padding: 0 1.07143rem;
	position: relative
}

.main-menu .main-menu-wrap .menu-ul .menu-item .group-title {
	color: currentColor;
	display: block;
	opacity: .3;
	padding: 2.14286rem .35714rem .71429rem;
	text-transform: uppercase
}

.main-menu .main-menu-wrap .menu-ul .menu-item:first-child .group-title {
	padding-top: 0
}

.main-menu .main-menu-wrap .menu-ul .menu-item .item-link {
	-webkit-box-align: center;
	align-items: center;
	background: transparent;
	color: currentColor;
	display: -webkit-box;
	display: flex;
	height: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	min-height: 2.14286rem;
	padding: .35714rem 0;
	position: relative;
	text-decoration: none;
	-webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, color .2s ease-in-out
}

.main-menu .main-menu-wrap .menu-ul .menu-item .item-link .link-text {
	-webkit-box-flex: 2;
	flex-grow: 2;
	flex-shrink: 1;
	margin: 0 0;
}

.main-menu .main-menu-wrap .menu-ul .menu-item .item-link .link-badge {
	margin: 0 .35714rem
}

.main-menu .main-menu-wrap .menu-ul .menu-item .item-link .link-icon {
	font-size: 1.3em;
	margin: 0 .35714rem;
	opacity: .25;
	padding: 0;
	-webkit-transition: none;
	transition: none
}

.main-menu .main-menu-wrap .menu-ul .menu-item .item-link .link-caret {
	margin: 0 .35714rem;
	-webkit-transition: -webkit-transform .1s ease-in-out;
	transition: -webkit-transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
	transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.main-menu .main-menu-wrap .menu-ul .menu-item .item-link:hover {
	background: transparent;
	color: #336cfb
}

.main-menu .main-menu-wrap .menu-ul .menu-item .sub {
	background: transparent;
	max-height: 0;
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	visibility: hidden
}

.main-menu .main-menu-wrap .menu-ul .menu-item .sub .menu-item {
	font-weight: 400;
	padding-left: .35714rem;
	padding-right: .35714rem
}

.main-menu .main-menu-wrap .menu-ul .menu-item .sub .menu-item:after {
	display: none
}

.main-menu .main-menu-wrap .menu-ul .menu-item.active:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
	-webkit-transition: -webkit-transform .2s ease-in-out .2s;
	transition: -webkit-transform .2s ease-in-out .2s;
	transition: transform .2s ease-in-out .2s;
	transition: transform .2s ease-in-out .2s, -webkit-transform .2s ease-in-out .2s
}

.main-menu .main-menu-wrap .menu-ul .menu-item.active>.item-link {
	color: #336cfb
}

.main-menu .main-menu-wrap .menu-ul .menu-item.active>.item-link .link-caret {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.main-menu .main-menu-wrap .menu-ul .menu-item.active>.sub {
	max-height: 1000px;
	visibility: visible;
	margin-left: 23px;
}

.main-menu .main-menu-wrap .menu-ul .menu-item.has-sub,
.main-menu .main-menu-wrap .menu-ul .menu-item.has-sub>.item-link {
	position: relative
}

.main-menu .main-menu-wrap .menu-ul .menu-item.has-sub>.item-link .caret {
	display: block
}

.main-menu .main-menu-wrap .menu-ul .menu-item.has-sub.active>.item-link .caret {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media (min-width:992px) {
	.app-navbar.horizontal-vertical .main-menu {
		margin: 0!important;
		overflow: visible
	}
}

@media (min-width:992px) {
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .mCustomScrollBox,
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .mCustomScrollBox .mCSB_container {
		overflow: visible
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .mCSB_scrollTools {
		display: none!important
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		padding: 0
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul>.menu-item>.group-title {
		display: none
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item {
		padding: 0
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item .item-link {
		padding: .71429rem
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item .item-link .link-caret {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item .sub {
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 18px 24px rgba(0, 0, 0, .12);
		display: block!important;
		color: #000;
		height: auto!important;
		left: 0;
		max-height: none;
		opacity: 0;
		padding: .71429rem 0;
		position: absolute;
		-webkit-transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out .2s;
		transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out .2s;
		visibility: hidden!important;
		width: 17.85714rem;
		z-index: 500
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item .sub:before {
		bottom: 2.85714rem
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item .sub .menu-item {
		width: 100%
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item .sub .menu-item .item-link {
		height: auto;
		min-height: 0;
		padding-top: .35714rem;
		padding-bottom: .35714rem
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item:hover>.sub {
		opacity: 1;
		-webkit-transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
		transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
		visibility: visible!important
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item:last-child .sub {
		left: auto;
		right: 0
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item.full-sub {
		position: static
	}
	.app-navbar.horizontal-vertical .main-menu .main-menu-wrap .menu-ul .menu-item.full-sub .sub {
		width: 100%
	}
}

@keyframes loaderAnimation {
	0% {
		background-position: -468px 0
	}
	to {
		background-position: 468px 0
	}
}

.app-navbar {
	background: var(--navbar-bg);
	color: var(--navbar-color);
	display: block;
	min-height: 4.28571rem;
	-webkit-transition: background .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	will-change: box-shadow
}

.app-navbar .navbar-wrap {
	-webkit-box-align: center;
	align-items: center;
	background: inherit;
	display: -webkit-box;
	display: flex;
	height: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	min-height: inherit;
	padding: 0 .71429rem;
	position: relative
}

.app-navbar .navbar-wrap>* {
	margin: 0 .71429rem
}

.app-navbar .navbar-wrap .navbar-toggle {
	-webkit-box-align: center;
	align-items: center;
	color: inherit;
	cursor: pointer;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 40px;
	-webkit-box-pack: center;
	justify-content: center;
	width: 35px
}

.app-navbar .navbar-wrap .navbar-toggle span {
	background: #1f2022;
	display: block;
	height: 3px;
	margin: 4px 0;
	width: 35px
}

.app-navbar .navbar-wrap .navbar-close {
	color: inherit;
	cursor: pointer;
	font-size: 30px;
	height: auto;
	position: absolute;
	right: .71429rem;
	top: 1.07143rem;
	width: auto!important;
	z-index: 1
}

.app-navbar .navbar-wrap .add-patient {
	height: 100%;
	padding: 1.42857rem 2.85714rem
}

.app-navbar .navbar-wrap .assistant-menu {
	display: block;
	padding: 0 2.85714rem 1.42857rem
}

.app-navbar .navbar-wrap .assistant-menu .link {
	color: inherit;
	display: block;
	font-weight: 700;
	opacity: .3;
	padding: .35714rem 0;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

.app-navbar .navbar-wrap .assistant-menu .link .tc-icon {
	margin-right: .71429rem;
	padding: 0
}

.app-navbar .navbar-wrap .assistant-menu .link:hover {
	opacity: 1
}

body.boxed .app-navbar .navbar-wrap {
	max-width: 1140px;
	max-width: var(--boxed-width)
}

@media (max-width:991px) {
	.app-navbar.horizontal-vertical {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: end;
		justify-content: flex-end;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		-webkit-transform: translateX(-17.14286rem);
		transform: translateX(-17.14286rem);
		-webkit-transition: -webkit-transform .2s ease-in-out;
		transition: -webkit-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
		transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
		width: 17.14286rem;
		will-change: transform, width;
		z-index: 9997
	}
	.app-navbar.horizontal-vertical .navbar-wrap {
		-webkit-box-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		height: 100%;
		-webkit-box-pack: start;
		justify-content: flex-start;
		overflow: auto;
		padding: 0;
		width: 17.14286rem
	}
	.app-navbar.horizontal-vertical .navbar-wrap>* {
		margin: 0;
		width: 100%
	}
	.app-navbar.horizontal-vertical.opened {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@media (min-width:992px) {
	.app-navbar.horizontal-vertical {
		min-height: 2.85714rem
	}
}

.app-navbar.vertical {
	background: var(--navbar-2-bg);
	color: var(--navbar-2-color);
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	height: 100%;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	width: 17.14286rem;
	will-change: transform, width;
	-webkit-overflow-scrolling: touch;
	z-index: 1200;
}

@media (max-width:991px) {
	.app-navbar.vertical {
		-webkit-transform: translateX(-17.14286rem);
		transform: translateX(-17.14286rem)
	}
}

.app-navbar.vertical .navbar-wrap {
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 0;
	width: 17.14286rem
}

.app-navbar.vertical .navbar-wrap>* {
	margin-bottom: 50px;;
	width: 95%
}

.app-navbar.vertical.opened {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.app-navbar.dark {
	background: var(--navbar-dark-bg);
	color: var(--navbar-dark-color)
}

.app-navbar .navbar-skeleton {
	-webkit-box-align: center;
	align-items: center;
	background: inherit;
	display: -webkit-box;
	display: flex;
	height: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	left: 0;
	overflow: hidden;
	padding: 0 .71429rem;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
	transition: opacity .2s ease-in-out 0s, visibility 0s ease-in-out 0s;
	z-index: 999
}

body.loaded .app-navbar .navbar-skeleton {
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out .2s, visibility 0s ease-in-out .4s;
	transition: opacity .2s ease-in-out .2s, visibility 0s ease-in-out .4s;
	visibility: hidden
}

.app-navbar .navbar-skeleton .bg {
	background: #ebebeb
}

.app-navbar .navbar-skeleton .bg-1 {
	background: #f5f5f5
}

.app-navbar .navbar-skeleton .left-part {
	-webkit-box-flex: 1;
	flex-grow: 1
}

.app-navbar .navbar-skeleton .navbar-button {
	display: block;
	height: 30px;
	margin-right: 1.42857rem;
	width: 35px
}

.app-navbar .navbar-skeleton .search {
	border-radius: 20px;
	display: block;
	height: 40px;
	max-width: 100%;
	width: 350px
}

.app-navbar .navbar-skeleton .icon-box {
	position: relative
}

.app-navbar .navbar-skeleton .icon-box .icon {
	border-radius: 5px;
	display: block;
	height: 20px;
	width: 20px
}

.app-navbar .navbar-skeleton .icon-box .badge {
	background: #ed5564;
	border: 0;
	border-radius: 20px;
	display: block;
	height: 16px;
	padding: 0;
	position: absolute;
	right: -8px;
	top: -10px;
	width: 16px
}

.app-navbar .navbar-skeleton .avatar {
	border-radius: 20px;
	display: block;
	height: 40px;
	margin: 0 18px 0 25px;
	width: 40px
}

.app-navbar .navbar-skeleton .sk-logo {
	border-radius: 5px;
	display: block;
	height: 2.85714rem;
	margin-right: 1.42857rem;
	max-width: 169px;
	width: 100%
}

.app-navbar .navbar-skeleton .animated-bg {
	overflow: hidden;
	position: relative
}

.app-navbar .navbar-skeleton .animated-bg:before {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: loaderAnimation;
	animation-name: loaderAnimation;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: transparent;
	background: -webkit-gradient(linear, left top, right top, color-stop(10%, transparent), color-stop(18%, hsla(0, 0%, 100%, .5)), color-stop(33%, transparent));
	background: linear-gradient(90deg, transparent 10%, hsla(0, 0%, 100%, .5) 18%, transparent 33%);
	background-size: 800px 100%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.app-navbar .navbar-skeleton.vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

.app-navbar .navbar-skeleton.vertical .bottom-part,
.app-navbar .navbar-skeleton.vertical .top-part {
	padding: .71429rem 2.14286rem;
	width: 100%
}

.app-navbar .navbar-skeleton.vertical .bottom-part {
	padding-bottom: 2.14286rem
}

.app-navbar .navbar-skeleton.vertical .sk-logo {
	margin: 0
}

.app-navbar .navbar-skeleton.vertical .sk-menu {
	margin: 3.21429rem 0 0
}

.app-navbar .navbar-skeleton.vertical .sk-menu .sk-menu-item {
	border-radius: 3px;
	display: block;
	height: 1.07143rem;
	margin: 1.07143rem 0 0
}

.app-navbar .navbar-skeleton.vertical .sk-menu .sk-menu-item.menu-header {
	width: 50%
}

.app-navbar .navbar-skeleton.vertical .sk-button {
	background: #336cfb;
	border-radius: 6px;
	height: 2.85714rem;
	margin-top: 2.14286rem
}

.app-navbar .navbar-skeleton.vertical .horizontal-menu {
	-webkit-box-align: center;
	align-items: center;
	align-self: flex-start;
	display: none;
	height: 100%;
	margin: 0 .71429rem
}

.app-navbar .navbar-skeleton.vertical .horizontal-menu .sk-menu-item {
	border-radius: 3px;
	display: block;
	height: .71429rem;
	margin: 0 .71429rem 0 0;
	width: 5.71429rem
}

@media (min-width:992px) {
	.app-navbar.horizontal-vertical .navbar-skeleton.vertical .bottom-part,
	.app-navbar.horizontal-vertical .navbar-skeleton.vertical .top-part {
		display: none
	}
	.app-navbar.horizontal-vertical .navbar-skeleton.vertical .horizontal-menu {
		display: -webkit-box;
		display: flex
	}
}

.app-search {
	display: block;
	max-width: 25rem;
	width: 50%
}

.app-search .typeahead__query {
	z-index: auto
}

.app-actions {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 2;
	flex-grow: 2;
	-webkit-box-pack: end;
	justify-content: flex-end;
	margin: 0!important
}

.app-actions .item {
	margin: 0 .71429rem
}

.app-actions .item .dropdown-toggle {
	color: inherit;
	display: block
}

.app-actions .item .dropdown-toggle .icon {
	font-size: 26px;
	opacity: .5;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out
}

.app-actions .item .dropdown-toggle:after {
	display: none
}

.app-actions .item .dropdown-toggle .badge {
	border: 2px solid #fff;
	-webkit-box-pack: center;
	justify-content: center;
	min-width: 21px;
	padding-left: 2px;
	padding-right: 2px;
	position: absolute;
	right: -5px;
	text-align: center;
	top: -5px
}

.app-actions .item .dropdown-toggle:hover .icon {
	opacity: 1
}

.app-actions .item .dropdown-menu {
	z-index: 9999;
	width: 220px;
}

.app-actions .item.show .dropdown-toggle .icon {
	color: #336cfb;
	opacity: 1
}

.alert {
	border: 1px solid transparent;
	border-radius: 6px;
	position: relative;
	padding: calc(1.42858rem - 1px)
}

.alert .title {
	font-size: 1.25em;
	font-weight: 500;
	margin-bottom: .35714rem
}

.alert .close {
	align-self: flex-start;
	color: inherit;
	cursor: pointer;
	font-size: 1.25em;
	line-height: 1;
	margin: .71429rem;
	padding: 0;
	opacity: 0;
	text-shadow: none;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out
}

.alert .alert-icon {
	-webkit-box-align: center;
	align-items: center;
	background: hsla(0, 0%, 100%, .2);
	display: -webkit-box;
	display: flex;
	font-size: 1.43em;
	line-height: 1;
	min-height: 100%;
	padding: .71429rem 1.07143rem
}

.alert.alert-secondary {
	background: hsla(0, 0%, 92.2%, .3);
	color: inherit;
	border-color: hsla(0, 0%, 92.2%, .3)
}

.alert.alert-secondary.outline {
	background: transparent;
	color: hsla(0, 0%, 92.2%, .3)
}

.alert.alert-primary {
	background: #336cfb;
	color: #fff;
	border-color: #336cfb
}

.alert.alert-primary.outline {
	background: transparent;
	color: #336cfb
}

.alert.alert-success {
	background: #b7ce63;
	color: #000;
	border-color: #b7ce63
}

.alert.alert-success.outline {
	background: transparent;
	color: #b7ce63
}

.alert.alert-info {
	background: #64b5f6;
	color: #000;
	border-color: #64b5f6
}

.alert.alert-info.outline {
	background: transparent;
	color: #64b5f6
}

.alert.alert-warning {
	background: #e9e165;
	color: #000;
	border-color: #e9e165
}

.alert.alert-warning.outline {
	background: transparent;
	color: #e9e165
}

.alert.alert-danger {
	background: #ed5564;
	color: #fff;
	border-color: #ed5564
}

.alert.alert-danger.outline {
	background: transparent;
	color: #ed5564
}

.alert.alert-light {
	background: #e4e4e4;
	color: #000;
	border-color: #e4e4e4
}

.alert.alert-light.outline {
	background: transparent;
	color: #e4e4e4
}

.alert.alert-dark {
	background: #1f2022;
	color: #fff;
	border-color: #1f2022
}

.alert.alert-dark.outline {
	background: transparent;
	color: #1f2022
}

.alert.with-after-icon,
.alert.with-before-icon {
	display: -webkit-box;
	display: flex;
	padding: 0 .71429rem
}

.alert.with-after-icon .alert-content,
.alert.with-before-icon .alert-content {
	-webkit-box-flex: 1;
	flex: 1;
	padding: calc(1.42858rem - 1px) .71429rem
}

.alert.with-before-icon {
	padding-left: 0
}

.alert.with-after-icon {
	padding-right: 0
}

.alert:hover .close {
	opacity: 1
}

.badge {
	-webkit-box-align: center;
	align-items: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 500px;
	display: -webkit-inline-box;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.43;
	padding: .35715rem calc(1.42858rem - 1px);
	vertical-align: top
}

.badge.badge-xs {
	padding: 0 calc(.35715rem - 1px)
}

.badge.badge-sm,
.badge.badge-xs {
	font-size: .7rem;
	line-height: 1.53061
}

.badge.badge-sm {
	padding: calc(.17857rem - 1px) calc(.71429rem - 1px)
}

.badge.badge-lg {
	font-size: 1.2rem;
	line-height: 1.19048;
	padding: calc(.71429rem - 1px) calc(2.14287rem - 1px)
}

.badge.badge-inside {
	font-size: 75%;
	padding: .1em 1em
}

.badge.badge-primary {
	background: #336cfb;
	border-color: #336cfb;
	color: #fff
}

.badge.badge-primary.badge-pill {
	background: transparent!important;
	color: #336cfb
}

.badge.badge-secondary {
	background: #626364;
	border-color: #626364;
	color: #fff
}

.badge.badge-secondary.badge-pill {
	background: transparent!important;
	color: #626364
}

.badge.badge-success {
	background: #b7ce63;
	border-color: #b7ce63;
	color: #000
}

.badge.badge-success.badge-pill {
	background: transparent!important;
	color: #b7ce63
}

.badge.badge-info {
	background: #64b5f6;
	border-color: #64b5f6;
	color: #000
}

.badge.badge-info.badge-pill {
	background: transparent!important;
	color: #64b5f6
}

.badge.badge-warning {
	background: #e9e165;
	border-color: #e9e165;
	color: #000
}

.badge.badge-warning.badge-pill {
	background: transparent!important;
	color: #e9e165
}

.badge.badge-error {
	background: #ed5564;
	border-color: #ed5564;
	color: #fff
}

.badge.badge-error.badge-pill {
	background: transparent!important;
	color: #ed5564
}

.badge.badge-light {
	background: #e4e4e4;
	border-color: #e4e4e4;
	color: #000
}

.badge.badge-light.badge-pill {
	background: transparent!important;
	color: #e4e4e4
}

.badge.badge-dark {
	background: #0a0b0c;
	border-color: #0a0b0c;
	color: #fff
}

.badge.badge-dark.badge-pill {
	background: transparent!important;
	color: #0a0b0c
}

@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.btn {
	-webkit-box-align: center;
	align-items: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 6px;
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12);
	cursor: pointer;
	display: -webkit-inline-box;
	display: inline-flex;
	font-family: Lato, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	-webkit-box-pack: center;
	justify-content: center;
	line-height: 1.42857;
	outline: none;
	padding: calc(.71429rem - .5px) 1.42857rem;
	position: relative;
	text-align: center;
	text-transform: none;
	touch-action: manipulation;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	will-change: background, border, box-shadow, color, opacity;
	-webkit-appearance: none
}

.btn:hover {
	border-color: transparent;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12)
}

.btn .btn-icon {
	font-size: 1.3em;
	margin: 0
}

.btn .btn-loader {
	-webkit-box-align: center;
	align-items: center;
	background: inherit;
	border-radius: inherit;
	display: -webkit-box;
	display: flex;
	font-size: 150%;
	height: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%
}

.btn .btn-loader:before {
	-webkit-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite
}

.btn.btn-square {
	min-width: 2.85714rem
}

.btn.btn-square,
.btn.btn-square.btn-sm {
	padding-left: .35714rem;
	padding-right: .35714rem
}

.btn.btn-square.btn-sm {
	min-width: 2.5rem
}

.btn.btn-square.btn-lg {
	min-width: 3.57143rem;
	padding-left: .71429rem;
	padding-right: .71429rem
}

.btn.btn-lg {
	font-size: 1.2rem;
	line-height: 1.19048;
	padding: calc(1.07143rem - .5px) 2.14286rem
}

.btn.btn-sm {
	font-size: .8rem;
	line-height: .89286;
	padding: calc(.71429rem - .5px) .71429rem
}

.btn.btn-primary {
	background: #336cfb;
	border-color: #336cfb;
	color: #fff
}

.btn.btn-primary:hover {
	background: #2759fa;
	color: #fff
}

.btn.btn-primary.btn-outline {
	border-color: #336cfb;
	color: #336cfb
}

.active .btn.btn-primary.btn-outline,
.btn.btn-primary.btn-outline:hover {
	background: #336cfb;
	color: #fff
}

.btn.btn-secondary {
	background: #626364;
	border-color: #626364;
	color: #fff
}

.btn.btn-secondary:hover {
	background: #1f2022;
	color: #fff
}

.btn.btn-secondary.btn-outline {
	border-color: #626364;
	color: #626364
}

.active .btn.btn-secondary.btn-outline,
.btn.btn-secondary.btn-outline:hover {
	background: #626364;
	color: #fff
}

.btn.btn-success {
	background: #b7ce63;
	border-color: #b7ce63;
	color: #FFF
}

.btn.btn-success:hover {
	background: #a5c13d;
	color: #000
}

.btn.btn-success.btn-outline {
	border-color: #b7ce63;
	color: #b7ce63
}

.active .btn.btn-success.btn-outline,
.btn.btn-success.btn-outline:hover {
	background: #b7ce63;
	color: #000
}

.btn.btn-info {
	background: #64b5f6;
	border-color: #64b5f6;
	color: #000
}

.btn.btn-info:hover {
	background: #349ef3;
	color: #000
}

.btn.btn-info.btn-outline {
	border-color: #64b5f6;
	color: #64b5f6
}

.active .btn.btn-info.btn-outline,
.btn.btn-info.btn-outline:hover {
	background: #64b5f6;
	color: #000
}

.btn.btn-warning {
	background: #e9e165;
	border-color: #e9e165;
	color: #000
}

.btn.btn-warning:hover {
	background: #e3d838;
	color: #000
}

.btn.btn-warning.btn-outline {
	border-color: #e9e165;
	color: #e9e165
}

.active .btn.btn-warning.btn-outline,
.btn.btn-warning.btn-outline:hover {
	background: #e9e165;
	color: #000
}

.btn.btn-error {
	background: #ed5564;
	border-color: #ed5564;
	color: #fff
}

.btn.btn-error:hover {
	background: #e8273a;
	color: #e6e6e6
}

.btn.btn-error.btn-outline {
	border-color: #ed5564;
	color: #ed5564
}

.active .btn.btn-error.btn-outline,
.btn.btn-error.btn-outline:hover {
	background: #ed5564;
	color: #fff
}

.btn.btn-outline {
	background: transparent
}

.btn.disabled,
.btn:disabled {
	opacity: .6
}

.btn.btn-load,
.btn.disabled,
.btn:disabled {
	cursor: not-allowed;
	pointer-events: none
}

.btn.btn-load .btn-icon,
.btn.btn-load .btn-text {
	visibility: hidden
}

.btn.btn-load .btn-loader {
	visibility: visible
}

.btn.btn-icon-animation .btn-icon {
	-webkit-box-align: center;
	align-items: center;
	background: inherit;
	bottom: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	will-change: transform
}

.active .btn.btn-icon-animation .btn-icon,
.btn.btn-icon-animation:hover .btn-icon {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.card {
	background: transparent 50% 50% no-repeat;
	background-size: cover;
	border: 0;
	border-radius: 6px;
	display: block;
	margin-bottom: 2.85714rem;
	position: relative
}

.card .card-img {
	width: 100%
}

.card .card-img,
.card .card-img-top {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}

.card .card-img-overlay {
	overflow: auto
}

.card .card-header {
	background: none;
	border: 0;
	font-size: 2rem;
	font-weight: 500;
	margin: 0;
	padding: 0
}

.card .card-body {
	display: block;
	padding: 1.42857rem 0 0;
	position: relative;
	width: 100%
}

.card .card-body:first-child {
	padding-top: 0
}

.card .overlay-img {
	border-radius: inherit
}

.card img {
	max-width: 100%;
	height: auto
}

.card.bg-danger,
.card.bg-dark,
.card.bg-info,
.card.bg-light,
.card.bg-primary,
.card.bg-secondary,
.card.bg-success,
.card.bg-warning,
.card.border-danger,
.card.border-dark,
.card.border-info,
.card.border-light,
.card.border-primary,
.card.border-secondary,
.card.border-success,
.card.border-warning {
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12)
}

.card.bg-danger .card-header,
.card.bg-dark .card-header,
.card.bg-info .card-header,
.card.bg-light .card-header,
.card.bg-primary .card-header,
.card.bg-secondary .card-header,
.card.bg-success .card-header,
.card.bg-warning .card-header,
.card.border-danger .card-header,
.card.border-dark .card-header,
.card.border-info .card-header,
.card.border-light .card-header,
.card.border-primary .card-header,
.card.border-secondary .card-header,
.card.border-success .card-header,
.card.border-warning .card-header {
	padding: .71429rem 1.42857rem 0
}

.card.bg-danger .card-body,
.card.bg-dark .card-body,
.card.bg-info .card-body,
.card.bg-light .card-body,
.card.bg-primary .card-body,
.card.bg-secondary .card-body,
.card.bg-success .card-body,
.card.bg-warning .card-body,
.card.border-danger .card-body,
.card.border-dark .card-body,
.card.border-info .card-body,
.card.border-light .card-body,
.card.border-primary .card-body,
.card.border-secondary .card-body,
.card.border-success .card-body,
.card.border-warning .card-body {
	padding: 1.42857rem
}

.card.border-danger,
.card.border-dark,
.card.border-info,
.card.border-light,
.card.border-primary,
.card.border-secondary,
.card.border-success,
.card.border-warning {
	background: none;
	border-style: solid;
	border-width: 1px
}

.custom-control {
	padding-left: 2.14286rem;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

.form-check-label {
	font-weight: 500
}

.custom-checkbox .custom-control-label {
	color: inherit;
	cursor: pointer;
	font-weight: 500
}

.custom-checkbox .custom-control-label:after,
.custom-checkbox .custom-control-label:before {
	-webkit-box-align: center;
	align-items: center;
	border-radius: 3px;
	box-shadow: none!important;
	display: -webkit-box;
	display: flex;
	height: 1.42857rem;
	-webkit-box-pack: center;
	justify-content: center;
	left: -2.14286rem;
	margin: 0;
	outline: none!important;
	padding: 0;
	top: 0;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	width: 1.42857rem
}

.custom-checkbox .custom-control-label:before {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	content: "";
	pointer-events: auto
}

.custom-checkbox .custom-control-label:after {
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	color: #fff;
	content: "\eed6";
	direction: ltr;
	font-family: IcoFont!important;
	font-size: 1.6rem;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	pointer-events: none;
	speak: none;
	text-transform: none;
	-webkit-transform: scale(0);
	transform: scale(0);
	white-space: nowrap;
	word-wrap: normal
}

.custom-checkbox .custom-control-label:hover {
	color: inherit
}

.custom-checkbox .custom-control-label:hover:before {
	background: #ebebeb;
	border-color: #ebebeb
}

.custom-checkbox .custom-control-label:hover:after {
	color: #336cfb;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
	background: #336cfb;
	border-color: #336cfb
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
	background-image: none!important;
	color: #fff;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label {
	color: #bdbdbd;
	cursor: not-allowed
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label:before {
	background: hsla(0, 0%, 80%, .1);
	border-color: hsla(0, 0%, 80%, .5)
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label:after {
	color: inherit;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
	background: hsla(0, 0%, 80%, .1);
	border-color: hsla(0, 0%, 80%, .5)
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.contact {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12);
	display: block;
	margin: 0 auto 1.42857rem;
	max-width: 400px;
	text-align: center;
	-webkit-transition: box-shadow .2s ease-in-out;
	transition: box-shadow .2s ease-in-out
}

.contact:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12)
}

.contact .img-box {
	background: rgba(0, 0, 0, .05);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	overflow: hidden
}

.contact .info-box {
	padding: 1.42857rem 1.42857rem 2.14286rem
}

.contact .info-box .name {
	margin: 0 0 .71429rem
}

.contact .info-box .role {
	opacity: .6
}

.contact .info-box .social {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 -.35714rem 1.42857rem
}

.contact .info-box .social .link {
	color: inherit;
	display: block;
	font-size: 1.43rem;
	margin: 0 .35714rem
}

.contact .info-box .social .link:hover {
	color: #336cfb
}

.contact .info-box .address {
	opacity: .6
}

.dropdown-toggle-split {
	padding-left: .71429rem;
	padding-right: .71429rem
}

.dropdown-menu {
	background: #fff;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12);
	margin: 0;
	padding: .71429rem 0
}

.dropdown-menu .menu-list {
	font-size: 13px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0
}

.dropdown-menu .menu-list li a {
	color: rgba(51, 51, 51, .65);
	display: block;
	padding: 5px 15px;
	text-decoration: none
}

.dropdown-menu .menu-list li a:hover {
	color: #333
}

.dropdown-menu .menu-footer,
.dropdown-menu .menu-header {
	margin: 0;
	padding: .71429rem 1.42857rem
}

.dropdown-menu .menu-header {
	-webkit-box-align: center;
	align-items: center;
	border-radius: 6px 6px 0 0;
	color: #1f2022;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.dropdown-menu .menu-footer {
	border-radius: 0 0 6px 6px
}

.dropdown-menu .list {
	list-style-type: none;
	margin: 0;
	max-height: 280px;
	overflow: auto;
	padding: 0
}

.dropdown-menu .list>li>a {
	color: #1f2022;
	color: var(--main-color);
	display: -webkit-box;
	display: flex;
	padding: .71429rem 1.42857rem;
	text-decoration: none;
	-webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, color .2s ease-in-out
}

.dropdown-menu .list>li>a .avatar,
.dropdown-menu .list>li>a .icon,
.dropdown-menu .list>li>a .tc-icon {
	align-self: flex-start;
	margin-right: .71429rem
}

.dropdown-menu .list>li>a .icon {
	background: rgba(31, 32, 34, .1);
	border-radius: 50%;
	font-size: 1rem;
	height: auto;
	padding: .71429rem;
	-webkit-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	width: auto
}

.dropdown-menu .list>li>a .avatar {
	border-radius: 50%;
	height: 40px;
	width: 40px
}

.dropdown-menu .list>li>a .content {
	font-size: .85rem
}

.dropdown-menu .list>li>a .content .desc {
	display: block
}

.dropdown-menu .list>li>a .content .date,
.dropdown-menu .list>li>a .content .size {
	display: block;
	font-size: .75rem;
	margin-top: 4px;
	opacity: .6
}

.dropdown-menu .list>li>a .content .meta {
	-webkit-box-align: end;
	align-items: flex-end;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	line-height: 1.3;
	margin-bottom: 4px
}

.dropdown-menu .list>li>a .content .meta .date {
	margin: 0 0 0 11px
}

.dropdown-menu .list>li>a:hover {
	color: #336cfb
}

.dropdown-menu .list>li>a:hover .icon {
	background: #336cfb;
	color: #fff
}

.dropdown-menu .list>li:first-child>a {
	border-top: 0
}

.dropdown-menu .list>li .empty-item {
	display: block;
	padding: .71429rem 1.42857rem
}

.dropdown-menu .author-info {
	padding: 1.42857rem .71429rem 0;
	text-align: center
}

.dropdown-menu .author-info .author-name {
	font-size: 1rem
}

.dropdown-menu .dropdown-overlay {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .1s ease-in-out .2s;
	transition: opacity .1s ease-in-out .2s;
	z-index: 9997
}

.dropdown-menu .dropdown-overlay .overlay-bg {
	background: rgba(31, 32, 34, .1);
	display: block;
	height: 100%;
	width: 100%
}

.dropdown-menu.dropdown-menu-w-180 {
	width: 180px
}

.dropdown-menu.dropdown-menu-w-280 {
	width: 280px
}

@-webkit-keyframes autofill {
	to {
		color: #666;
		background: transparent
	}
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both
}

.form-control {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 20px;
	color: #1f2022;
	display: block;
	font-size: 1rem;
	height: auto;
	line-height: 1.43;
	outline: none;
	padding: calc(.71429rem - 1px) 1.42857rem;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	will-change: background, border, box-shadow, color;
	width: 100%
}

.form-control ::-webkit-input-placeholder {
	color: #a8a8a8
}

.form-control :-moz-placeholder,
.form-control ::-moz-placeholder {
	color: #a8a8a8
}

.form-control :-ms-input-placeholder {
	color: #a8a8a8
}

.form-control:hover {
	background: #ebebeb;
	border-color: #ebebeb
}

.form-control:focus,
.form-control:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	color: #1f2022
}

.form-control:focus {
	background: #fff;
	border-color: #336cfb
}

.form-control .tc-input-wrap .input-prefix,
.form-control .tc-input-wrap .input-suffix {
	color: #a8a8a8;
	-webkit-box-flex: 0;
	flex: none;
	padding: 0 .2em
}

.form-control .tc-input-wrap .input-icon {
	font-size: 1.3em
}

.form-control .tc-input-wrap .char-limiting {
	-webkit-box-align: center;
	align-items: center;
	color: #a8a8a8;
	display: -webkit-box;
	display: flex;
	font-size: .9em;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 0 .2em;
	pointer-events: none
}

.form-control.ng-invalid.ng-touched .tc-input-wrap,
.has-error .form-control .tc-input-wrap {
	background-color: rgba(237, 85, 100, .1);
	border: 1px solid #ed5564
}

.form-control.form-control-sm {
	border-radius: 16px;
	font-size: .9rem;
	height: 2.14286rem;
	line-height: 1.5873;
	padding-top: .35714rem;
	padding-bottom: .35714rem
}

.form-control.form-control-sm .input-icon {
	font-size: 1.1em
}

.form-control.form-control-lg {
	border-radius: 30px;
	font-size: 1.3rem;
	height: 3.57143rem;
	line-height: 1.0989;
	padding-top: 1.07143rem;
	padding-bottom: 1.07143rem
}

.form-control.disabled,
.form-control:disabled,
.form-control[readonly] {
	background-color: hsla(0, 0%, 80%, .1);
	border-color: hsla(0, 0%, 80%, .5);
	box-shadow: none!important;
	color: #bdbdbd;
	cursor: not-allowed
}

.form-control-plaintext {
	color: #1f2022;
	font-size: 1rem;
	height: 2.85714rem;
	line-height: 1.43;
	padding-top: calc(.71429rem - 1px);
	padding-bottom: calc(.71429rem - 1px)
}

.form-control-plaintext.form-control-sm {
	font-size: .9rem;
	height: 2.14286rem;
	line-height: 1.5873;
	padding-top: .35714rem;
	padding-bottom: .35714rem
}

.form-control-plaintext.form-control-lg {
	font-size: 1.3rem;
	height: 3.57143rem;
	line-height: 1.0989;
	padding-top: 1.07143rem;
	padding-bottom: 1.07143rem
}

.form-group {
	margin-bottom: 1.42857rem;
	position: relative
}

.form-text {
	display: block;
	margin: .71429rem 0 0
}

label {
	font-weight: 600;
	margin: 0 0 .71429rem
}

.input-group-text {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 20px;
	padding-left: 1.42857rem;
	padding-right: 1.42857rem
}

.input-group .btn {
	border-radius: 20px
}

.input-group .typeahead__cancel-button {
	z-index: 1
}

.input-group .typeahead__cancel-button+.form-control {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px
}

.input-group .input-group-prepend~.form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.with-prefix-icon,
.with-suffix-icon {
	position: relative
}

.with-prefix-icon .prefix-icon,
.with-prefix-icon .suffix-icon,
.with-suffix-icon .prefix-icon,
.with-suffix-icon .suffix-icon {
	-webkit-box-align: center;
	align-items: center;
	color: #a8a8a8;
	display: -webkit-box;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 2.85714rem
}

.with-prefix-icon .prefix-icon,
.with-suffix-icon .prefix-icon {
	left: 0
}

.with-prefix-icon .suffix-icon,
.with-suffix-icon .suffix-icon {
	right: 0
}

.with-prefix-icon .form-control {
	padding-left: 2.85714rem
}

.with-suffix-icon .form-control {
	padding-right: 2.85714rem
}

textarea.form-control {
	min-height: 2.85714rem;
	resize: none
}

textarea.form-control.resize {
	resize: vertical
}

.form-control.is-invalid,
.form-control.is-valid,
.was-validated .form-control:invalid,
.was-validated .form-control:valid {
	background-position: top 50% right .71429rem
}

.was-validated textarea.form-control:invalid,
.was-validated textarea.form-control:valid,
textarea.form-control.is-invalid,
textarea.form-control.is-valid {
	background-position: top .71429rem right .71429rem
}

.modal {
	z-index: 9999;
}

.modal-content {
	background: #fff;
	border: 0;
	border-radius: 6px;
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12)
}

.modal-content .close {
	position: absolute;
	right: 3px;
	top: 3px
}

.modal-content .modal-header {
	-webkit-box-align: center;
	align-items: center;
	border: 0;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	display: -webkit-box;
	display: flex;
	margin: 0;
	padding: 1.42857rem 1.07143rem
}

.modal-content .modal-header>* {
	margin: 0 .35714rem
}

.modal-content .modal-header .modal-title {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1
}

.modal-content .modal-body {
	padding: 1.42857rem
}

.modal-content .modal-footer {
	background: rgba(0, 0, 0, .05);
	border: 0;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	padding: 1.42857rem
}

.modal-content .modal-footer .actions {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: -.35714rem
}

.modal-content .modal-footer .actions>* {
	margin: .35714rem
}

.modal-dialog-bottom {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	min-height: calc(100% - 3.5rem)
}

.modal-backdrop {
	background: rgba(0, 0, 0, .1);
	z-index: 9998
}

.custom-radio .custom-control-label {
	color: inherit;
	cursor: pointer;
	font-weight: 500
}

.custom-radio .custom-control-label:after,
.custom-radio .custom-control-label:before {
	-webkit-box-align: center;
	align-items: center;
	border-radius: 50%;
	box-shadow: none!important;
	display: -webkit-box;
	display: flex;
	height: 1.42857rem;
	-webkit-box-pack: center;
	justify-content: center;
	left: -2.14286rem;
	margin: 0;
	outline: none!important;
	padding: 0;
	top: 0;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	width: 1.42857rem
}

.custom-radio .custom-control-label:before {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	content: "";
	pointer-events: auto
}

.custom-radio .custom-control-label:after {
	background: #336cfb;
	border-radius: 50%;
	height: calc(1.42857rem - 8px);
	margin: 4px 0 0 4px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, transform .2s ease-in-out;
	transition: background .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	width: calc(1.42857rem - 8px)
}

.custom-radio .custom-control-label:hover {
	color: inherit
}

.custom-radio .custom-control-label:hover:before {
	background: #ebebeb;
	border-color: #ebebeb
}

.custom-radio .custom-control-label:hover:after {
	background: #336cfb;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
	background: #336cfb;
	border-color: #336cfb
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
	background: #fff;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.custom-radio .custom-control-input:disabled~.custom-control-label {
	color: #bdbdbd;
	cursor: not-allowed
}

.custom-radio .custom-control-input:disabled~.custom-control-label:before {
	background: hsla(0, 0%, 80%, .1);
	border-color: hsla(0, 0%, 80%, .5)
}

.custom-radio .custom-control-input:disabled~.custom-control-label:after {
	background: #bdbdbd;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
	background: hsla(0, 0%, 80%, .1);
	border-color: hsla(0, 0%, 80%, .5)
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.br-wrapper .rating.rating-sm+.br-widget {
	font-size: 1rem
}

.br-wrapper .rating.rating-lg+.br-widget {
	font-size: 2rem
}

.br-wrapper .br-widget {
	display: -webkit-box;
	display: flex;
	font-size: 1.43rem;
	margin: 0 -.17857rem;
	white-space: nowrap
}

.br-wrapper .br-widget a {
	color: #c1c1c1;
	cursor: pointer;
	display: block;
	font-size: inherit;
	margin: 0 .17857rem;
	-webkit-transition: border .2s ease-in-out, color .2s ease-in-out;
	transition: border .2s ease-in-out, color .2s ease-in-out;
	font-family: IcoFont!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

.br-wrapper .br-widget a:after {
	content: "\f000";
	line-height: 1
}

.br-wrapper .br-widget a.number {
	border: 2px solid #c1c1c1;
	min-width: 2.14286rem;
	padding: calc(.35715rem - 2px);
	text-align: center
}

.br-wrapper .br-widget a.br-active {
	color: #ffeb3d
}

.br-wrapper .br-widget a.br-active.number {
	border-color: #ffeb3d
}

.br-wrapper .br-widget a.br-selected {
	color: #faa110
}

.br-wrapper .br-widget a.br-selected.number {
	border-color: #faa110
}

.br-wrapper .br-widget.rating-numbered {
	font-size: 1rem
}

.br-wrapper .br-widget.br-readonly a {
	cursor: default
}

.bootstrap-select,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
	outline: none!important
}

.bootstrap-select,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%
}

.bootstrap-select.show .form-control {
	background: rgba(51, 108, 251, .01);
	border-color: #336cfb;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	color: #1f2022
}

.bootstrap-select.rounded-0>.dropdown-toggle,
.bootstrap-select.rounded-20>.dropdown-toggle,
.bootstrap-select.rounded-500>.dropdown-toggle,
.bootstrap-select.rounded-pill>.dropdown-toggle,
.bootstrap-select.rounded>.dropdown-toggle {
	border-radius: inherit
}

.bootstrap-select .dropdown-menu li a span.check-mark {
	font-size: 1.5em;
	top: 2px
}

.custom-switch {
	padding-left: 3.57143rem
}

.custom-switch .custom-control-label {
	color: inherit;
	cursor: pointer;
	font-weight: 500
}

.custom-switch .custom-control-label:before {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 500px;
	cursor: inherit;
	display: block;
	height: 1.42857rem;
	left: -3.57143rem;
	margin: 0;
	top: 0;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out;
	width: 2.85714rem
}

.custom-switch .custom-control-label:after {
	background: #1f2022;
	border-radius: 50%;
	display: block;
	height: .89286rem;
	left: -3.57143rem;
	margin-top: .26786rem;
	top: 0;
	-webkit-transform: translateX(.26786rem);
	transform: translateX(.26786rem);
	-webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background .2s ease-in-out, transform .2s ease-in-out;
	transition: background .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	width: .89286rem
}

.custom-switch .custom-control-label:hover:after {
	background: #336cfb
}

.custom-switch .custom-control-input:checked~.custom-control-label:before {
	background: #336cfb;
	border-color: #336cfb
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
	background: #fff;
	-webkit-transform: translateX(1.69643rem);
	transform: translateX(1.69643rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label,
.custom-switch .custom-control-input:disabled~.custom-control-label {
	color: #bdbdbd;
	cursor: not-allowed
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before,
.custom-switch .custom-control-input:disabled~.custom-control-label:before {
	background: hsla(0, 0%, 80%, .1);
	border-color: hsla(0, 0%, 80%, .5)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:after,
.custom-switch .custom-control-input:disabled~.custom-control-label:after {
	background: #bdbdbd
}

.pagination {
	list-style-type: none;
	display: -webkit-box;
	display: flex;
	margin: 0 -.17857rem;
	padding: 0
}

.pagination .page-item {
	margin: 0 .17857rem
}

.pagination .page-item .page-link {
	background: #d4d3d3;
	border-color: #d4d3d3;
	border-radius: 500px;
	color: #fff;
	cursor: pointer;
	display: block;
	min-height: 2.14286rem;
	min-width: 2.14286rem;
	padding: .35714rem;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
	transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link.active,
.pagination .page-item .page-link:hover {
	background: #336cfb;
	border-color: #336cfb;
	color: #fff
}

.pagination .page-item.disabled .page-link {
	background: rgba(212, 211, 211, .6);
	border-color: rgba(212, 211, 211, .6);
	color: #fff;
	pointer-events: none
}

.table {
	border-color: #fff;
	border-radius: 0;
	color: inherit
}

.table tr {
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
	will-change: background, border, box-shadow, color;
	width: 100%
}

.table tr td,
.table tr th {
	border: 0;
	border-bottom: 2px solid #fff;
	padding: .71429rem;
	vertical-align: middle
}

.table tr td:first-child,
.table tr th:first-child {
	padding-left: 1.42857rem
}

.table tr td:last-child,
.table tr th:last-child {
	padding-right: 1.42857rem
}

.table tr th {
	background: rgba(31, 32, 34, .1);
	position: relative
}

.table tr td {
	background: hsla(0, 0%, 92.2%, .3)
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
	border-bottom: none
}

.table .thead-dark th {
	background: #171819;
	border-color: #171819;
	color: #fff
}

.table .thead-light th {
	background: rgba(31, 32, 34, .1);
	border-color: rgba(31, 32, 34, .1);
	color: #1f2022
}

.table.table-dark {
	background: #414143;
	border-color: #8f9091;
	color: #fff
}

.table.table-dark tr td,
.table.table-dark tr th {
	background: inherit
}

.table.table-dark tr th {
	background: #171819;
	color: #fff
}

.table.table-hover tbody tr {
	background: none;
	color: inherit
}

.table.table-hover tbody tr:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .12);
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 1
}

.table.table-bordered tbody tr td,
.table.table-bordered tbody tr th,
.table.table-bordered thead tr td,
.table.table-bordered thead tr th {
	border: 2px solid #ebebeb
}

.table.table-striped tbody tr:nth-of-type(odd) {
	background: none
}

.table.table-striped tbody tr:nth-of-type(2n) td,
.table.table-striped tbody tr:nth-of-type(2n) th {
	background: rgba(31, 32, 34, .08)
}

.table.table-borderless tbody tr td,
.table.table-borderless tbody tr th,
.table.table-borderless thead tr td,
.table.table-borderless thead tr th {
	border: 0
}

.table.table-sm tr td,
.table.table-sm tr th {
	padding: .35714rem
}

.table.table-sm tr td:first-child,
.table.table-sm tr th:first-child {
	padding-left: .71429rem
}

.table.table-sm tr td:last-child,
.table.table-sm tr th:last-child {
	padding-right: .71429rem
}

.table.table-active,
.table .table-active,
.table.table-active>td,
.table .table-active>td,
.table.table-active>th,
.table .table-active>th {
	background: #0a0b0c;
	color: #fff
}

.table.table-secondary,
.table .table-secondary,
.table.table-secondary>td,
.table .table-secondary>td,
.table.table-secondary>th,
.table .table-secondary>th {
	background: hsla(0, 0%, 92.2%, .3);
	color: inherit
}

.table.table-primary,
.table .table-primary,
.table.table-primary>td,
.table .table-primary>td,
.table.table-primary>th,
.table .table-primary>th {
	background: #336cfb;
	color: #fff
}

.table.table-success,
.table .table-success,
.table.table-success>td,
.table .table-success>td,
.table.table-success>th,
.table .table-success>th {
	background: #b7ce63;
	color: #000
}

.table.table-info,
.table .table-info,
.table.table-info>td,
.table .table-info>td,
.table.table-info>th,
.table .table-info>th {
	background: #64b5f6;
	color: #000
}

.table.table-warning,
.table .table-warning,
.table.table-warning>td,
.table .table-warning>td,
.table.table-warning>th,
.table .table-warning>th {
	background: #e9e165;
	color: #000
}

.table.table-danger,
.table .table-danger,
.table.table-danger>td,
.table .table-danger>td,
.table.table-danger>th,
.table .table-danger>th {
	background: #ed5564;
	color: #fff
}

.table.table-light,
.table .table-light,
.table.table-light>td,
.table .table-light>td,
.table.table-light>th,
.table .table-light>th {
	background: #e4e4e4;
	color: #000
}

.table.table-dark,
.table .table-dark,
.table.table-dark>td,
.table .table-dark>td,
.table.table-dark>th,
.table .table-dark>th {
	background: #414143;
	color: #fff
}

.table .actions {
	display: -webkit-box;
	float:right;
	display: flex;
	margin: -.17857rem
}

.table .actions .btn {
	margin: .17857rem
}

.table-responsive {
	margin: -10px;
	padding: 10px;
	width: auto
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
	bottom: .7em
}

@media (max-width:767px) {
	.dataTables_wrapper>.row>.col-sm-12 {
		overflow: auto
	}
	.dataTables_wrapper>.row .dataTables_paginate .pagination {
		-webkit-box-pack: center;
		justify-content: center;
		margin-top: .71429rem
	}
}

.v-timeline {
	display: block;
	position: relative
}

.v-timeline .line {
	background: #e4e4e4;
	bottom: 1.42857rem;
	left: 1.42857rem;
	margin: 0 -1px;
	position: absolute;
	top: 1.42857rem;
	width: 2px
}

.v-timeline .timeline-box .box-label {
	display: -webkit-box;
	display: flex;
	padding: .71429rem 0
}

.v-timeline .timeline-box .box-label .badge {
	position: relative
}

.v-timeline .timeline-box .box-items {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

.v-timeline .timeline-box .box-items .item {
	display: -webkit-box;
	display: flex;
	margin: 10px -.71429rem;
	position: relative
}



.v-timeline .timeline-box .box-items .item .icon-block {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	margin: 0 .71429rem
}

.v-timeline .timeline-box .box-items .item .icon-block .item-icon {
	-webkit-box-align: center;
	align-items: center;
	background: #336cfb;
	border-radius: 50%;
	color: #fff;
	display: -webkit-box;
	display: flex;
	font-size: 1.7rem;
	height: 2.85714rem;
	-webkit-box-pack: center;
	justify-content: center;
	min-height: 2.85714rem;
	width: 2.85714rem
}

.v-timeline .timeline-box .box-items .item .content-block {
	-webkit-box-flex: 2;
	flex-grow: 2;
	margin: 0 .71429rem
}

.v-timeline .timeline-box .box-items .item .content-block .item-header,
.v-timeline .timeline-box .box-items .item .content-block .item-header .item-title {
	margin: 0
}

.v-timeline .timeline-box .box-items .item .content-block .item-header .item-date {
	color: #bcbcbd;
	margin: 0;
	white-space: nowrap
}

.v-timeline .timeline-box .box-items .item .content-block .item-desc {
	margin-top: 2px;
}

.v-timeline.dots .line {
	left: .35714rem
}

.v-timeline.dots .timeline-box .box-items .item .icon-block .item-icon {
	height: .71429rem;
	min-height: .71429rem;
	width: .71429rem
}

.v-timeline.dots .timeline-box .box-items .item .icon-block .item-icon:before {
	display: none
}

.v-timeline.align-right .line {
	left: auto;
	right: 1.42857rem
}

.v-timeline.align-right .timeline-box .box-label {
	-webkit-box-pack: end;
	justify-content: flex-end
}

.v-timeline.align-right .timeline-box .box-items .item {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	text-align: right
}

.v-timeline.align-right .timeline-box .box-items .item .content-block .item-header {
	-webkit-box-pack: end;
	justify-content: flex-end
}

.v-timeline.align-right .timeline-box .box-items .item .content-block .item-desc {
	text-align: right
}

.v-timeline.align-right.dots .line {
	left: auto;
	right: .35714rem
}

.v-timeline.align-center .line {
	display: none
}

.v-timeline.align-center .timeline-box .box-label {
	-webkit-box-pack: center;
	justify-content: center
}

.v-timeline.align-center .timeline-box .box-items .item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	margin: .71429rem -.35714rem
}

.v-timeline.align-center .timeline-box .box-items .item .icon-block {
	margin-bottom: .71429rem
}

.v-timeline.align-center .timeline-box .box-items .item .content-block {
	padding-bottom: 2.85714rem;
	position: relative;
	text-align: center
}

.v-timeline.align-center .timeline-box .box-items .item .content-block:after {
	background: #e4e4e4;
	bottom: 0;
	content: "";
	height: 2.14286rem;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	width: 2px
}

.v-timeline.align-center .timeline-box .box-items .item .content-block .item-header {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: .71429rem
}

.v-timeline.align-center .timeline-box:last-child .box-items .item:last-child .content-block {
	padding-bottom: 0
}

.v-timeline.align-center .timeline-box:last-child .box-items .item:last-child .content-block:after {
	display: none
}

@media (min-width:768px) {
	.v-timeline.align-between .line {
		left: 50%
	}
	.v-timeline.align-between .timeline-box .box-label {
		-webkit-box-pack: center;
		justify-content: center
	}
	.v-timeline.align-between .timeline-box .box-items .item {
		margin-left: 0;
		margin-right: 0;
		width: 50%
	}
	.v-timeline.align-between .timeline-box .box-items .item:nth-child(odd) {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		flex-direction: row-reverse;
		text-align: right
	}
	.v-timeline.align-between .timeline-box .box-items .item:nth-child(odd) .icon-block {
		margin-right: -1.42857rem
	}
	.v-timeline.align-between .timeline-box .box-items .item:nth-child(odd) .content-block {
		margin-left: 0
	}
	.v-timeline.align-between .timeline-box .box-items .item:nth-child(2n) {
		align-self: flex-end
	}
	.v-timeline.align-between .timeline-box .box-items .item:nth-child(2n) .icon-block {
		margin-left: -1.42857rem
	}
	.v-timeline.align-between .timeline-box .box-items .item:nth-child(2n) .content-block {
		margin-right: 0
	}
	.v-timeline.align-between.dots .timeline-box .box-items .item:nth-child(odd) .icon-block {
		margin-right: -.35714rem
	}
	.v-timeline.align-between.dots .timeline-box .box-items .item:nth-child(2n) .icon-block {
		margin-left: -.35714rem
	}
}

.icon {
	border-radius: 6px;
	display: -webkit-inline-box;
	display: inline-flex;
	font-size: 1.43rem;
	padding: .35714rem;
	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out, color .2s ease-in-out;
	vertical-align: top
}

.page-sign-in {
	background: url(../content/login-page.jpg) 50% 50% no-repeat
}

.page-sign-up {
	background: url(../content/register-page.jpg) 50% 50% no-repeat
}

.page-404 {
	background: url(../content/404-page.jpg) 50% 50% no-repeat
}

.page-404 .content-box {
	background: hsla(0, 0%, 100%, .9)!important
}

.page-404 .content-box .content-body .icon {
	color: rgba(237, 85, 100, .5);
	font-size: inherit;
	padding: 0
}

.page-500 {
	background: url(../content/500-page.jpg) 50% 50% no-repeat
}

.page-500 .content-box {
	background: hsla(0, 0%, 100%, .9)!important
}

.page-500 .content-box .content-body .icon {
	color: rgba(237, 85, 100, .5);
	font-size: inherit;
	padding: 0
}

.accent-palette {
	color: #336cfb
}

.text-danger {
	color: #ed5564!important
}

.github-color {
	color: #24292e
}

.twitter-color {
	color: #1da1f2
}

.linkedin-color {
	color: #0073b1
}

.youtube-color {
	color: red
}

.nowrap {
	white-space: nowrap
}

.hidden {
	display: none!important
}

.no-style {
	background: none;
	border: 0;
	outline: none;
	padding: 0
}

.elements-list {
	-webkit-box-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: -.35714rem
}

.elements-list>* {
	margin: .35714rem
}

.chat-container {
	display: -webkit-box;
	display: flex;
	height: 200px!important;
	position: relative;
	overflow: hidden
}

.chat-container.container-h-100 {
	height: 100px!important
}

.chat-container.container-h-50 {
	height: 50px!important
}

.chat-container.container-h-300 {
	height: 300px!important
}

@media (max-width:767px) {
	.chat-container.container-h-300 {
		height: 200px!important
	}
}

.chat-container.container-h-400 {
	height: 400px!important
}

@media (max-width:767px) {
	.chat-container.container-h-400 {
		height: 300px!important
	}
}

.chat-container.negative-indents {
	margin-top: -1.42857rem;
	margin-bottom: -1.42857rem
}

.rotate {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.animated.delay-01s {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.animated.delay-02s {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.animated.delay-03s {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.animated.delay-04s {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.animated.delay-05s {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.animated.delay-06s {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.animated.delay-07s {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.animated.delay-08s {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.animated.delay-09s {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.rounded-20 {
	border-radius: 20px!important
}

.rounded-500 {
	border-radius: 500px!important
}

.close {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	opacity: 1;
	text-shadow: none;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

.close:hover {
	color: #ed5564
}

.map {
	height: 100%
}

.icons-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: -.5rem
}

.icons-list .icon {
	font-size: 30px;
	margin: .5rem
}

.add-action-box {
	bottom: 5.71429rem;
	position: fixed;
	right: 1.42857rem;
	z-index: 9997
}

.add-action-box .btn {
	font-size: 30px;
	min-width: 5rem!important
}

.department .team {
	flex-wrap: wrap
}

.department .team .team-img {
	box-shadow: 0 18px 24px rgba(0, 0, 0, .12);
	margin-right: -10px
}

.bg-gradient {
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#ebebeb))!important;
	background: linear-gradient(90deg, #fff, #ebebeb)!important
}

.address-col {
	min-width: 150px
}

.fs-20 {
	font-size: 20px
}

.fs-30 {
	font-size: 30px
}

.fs-48 {
	font-size: 48px
}

.personal-info-card .card-body {
	padding-top: 0!important
}

.personal-info-card .user-actions {
	margin-top: -50px
}

.opacity-50 {
	opacity: .5
}


.mentions > div.card,
.tox div.card {
  width: 240px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
  padding: 8px;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.mentions > div.card::after,
.tox div.card::after {
  content: "";
  clear: both;
  display: table;
}

.mentions > div.card h1,
.tox div.card h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  line-height: normal;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.mentions > div.card p,
.tox div.card p {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.mentions > div.card img.avatar,
.tox div.card img.avatar {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  float: left;
}

#dropzone h1 {
	font-size: 158px;
}

div#dropzone {
	pointer-events: none;
	opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    transition: visibility 175ms, opacity 175ms;
    display: table;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font: bold 16px Oswald, DejaVu Sans, Tahoma, sans-serif;
}
div#dropzone_area {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition: font-size 175ms;

}

.overlay_loading {
  position: fixed; /* Sit on top of the page content */
 
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.v-timeline{
margin-top: -27px;	
}

.initial {
  background-color:  #054af6;
  border: 2px solid #ffffff;
  color: #fff;
  font-weight: bold;
text-align: center;
	color: white;
}

.card-box {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: #fff;
}

.file-man-box {
    padding: 20px;
    border: 1px solid #e3eaef;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px
}

.file-man-box .file-close {
    color: #f1556c;
    position: absolute;
    line-height: 24px;
    font-size: 24px;
    right: 10px;
    top: 10px;
    visibility: hidden
}

.file-man-box .file-img-box {
    line-height: 120px;
    text-align: center
}

.file-man-box .file-img-box img {
    height: 64px
}

.file-man-box .file-download {
    font-size: 32px;
    position: absolute;
    right: 10px
}

.file-man-box .file-download:hover {
    color: #313a46
}

.file-man-box .file-man-title {
    padding-right: 25px
}

.file-man-box:hover {
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02)
}

.file-man-box:hover .file-close {
    visibility: visible
}

.text-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: hidden;
}
a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }



.strikethrough{
text-decoration: line-through;
	color:rgba(127,124,124,1.00);
}


/*custom style sheet inbox */
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
    background: none repeat scroll 0 0 #e5e8ef;
    border-radius: 4px 0 0 4px;
    width: 25%;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 4px 4px 0;
    width: 75%;
}
.mail-box .sm-side .user-head {
    background: none repeat scroll 0 0 #00a8b3;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
}
.user-head .inbox-avatar {
    float: left;
    width: 65px;
}
.user-head .inbox-avatar img {
    border-radius: 4px;
}
.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}
.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 15px;
}
.user-head .user-name h5 a {
    color: #fff;
}
.user-head .user-name span a {
    color: #87e2e7;
    font-size: 12px;
}
a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}
.inbox-body {
    padding: 20px;
}
.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.btn-compose:hover {
    background: none repeat scroll 0 0 #f5675c;
    color: #fff;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a {
    color: #6a6a6a;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.inbox-nav li a i {
    color: #6a6a6a;
    font-size: 16px;
    padding-right: 10px;
}
ul.inbox-nav li a span.label {
    margin-top: 13px;
}
ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}
ul.labels-info li {
    margin: 0;
}
ul.labels-info li a {
    border-radius: 0;
    color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #6a6a6a;
}
ul.labels-info li a i {
    padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}
.inbox-head {
    background: none repeat scroll 0 0 #41cac0;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px;
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
}
.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}
.inbox-head .sr-btn {
    background: none repeat scroll 0 0 #00a6b2;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: #EFEFEF;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination a.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}
.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
.btn-send, .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}
.btn-send:hover {
    background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.modal-body label {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}
.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
}
.sender-info {
    margin-bottom: 20px;
}
.sender-info img {
    height: 30px;
    width: 30px;
}
.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}
.view-mail a {
    color: #ff6c60;
}
.attachment-mail {
    margin-top: 30px;
}
.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}
.attachment-mail ul li img {
    width: 100%;
}
.attachment-mail ul li span {
    float: right;
}
.attachment-mail .file-name {
    float: left;
}
.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.files .progress {
    width: 200px;
}
.fileupload-processing .fileupload-loading {
    display: block;
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}
* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}
@media (max-width: 767px) {
.files .btn span {
    display: none;
}
.files .preview * {
    width: 40px;
}
.files .name * {
    display: inline-block;
    width: 80px;
    word-wrap: break-word;
}
.files .progress {
    width: 20px;
}
.files .delete {
    width: 60px;
}
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}