@charset 'UTF-8'; /*!
 [Table of contents]
 1. Reboot
 2. Core Bootstrap Modules
        2.1.  type
        2.2.  images
        2.3.  code
        2.4.  grid
        2.5.  code
        2.6.  tables
        2.7.  forms
        2.8.  button
        2.9.  transitions
        2.10. dropdown
        2.11. button Group
        2.12. custom Forms
        2.13. nav
        2.14. navbar
        2.15. card
        2.16. breadcrumb
        2.17. pagination
        2.18. badge
        2.19. jumbotron
        2.20. alert
        2.21. progress
        2.22. media
        2.23. list-group
        2.24. close
        2.25. toasts
        2.26. modal
        2.27. tooltip
        2.28. popover
        2.29. carousel
        2.30. spinners
        2.31. utilities
        2.32. print
 3. Altas Modules and overrides
        3.1   alert
        3.2   badge
        3.3   button
        3.4   border
        3.5   card
        3.6   close
        3.7   dropdown
        3.8   form
        3.9   modal
        3.10   table
        3.11   tab
        3.12   typography
          3.12.1 Forms
          3.12.2 floating
          3.12.3 imagebox
          3.12.4 minicheckbox
          3.12.5 switch
          3.12.6 optionbox
          3.12.7 optionbox-column
          3.12.8 optionbox-grid
          3.12.9 taginput
        3.13 accordion
        3.14 avatar
        3.15 loader
        3.16 timeline
        3.17 sidebar
        3.18 panel
        3.19 spacing
        3.20 sizing
        3.21 layout
        3.22 select2
        3.23 datepicker
        3.24 daterangepicker
        3.25 timepicker
        3.26 rangeslider
        3.27 dropzone
        3.28 summernote
        3.29 bootstrap-notify
        3.30 chart
        3.31 validate
        3.32 chat
        3.33 mail
        3.34 kanban
        3.35 guide
        3.36 background
        3.37 grid-xlg
        3.38 helper
        3.39 demo
 */ /*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.input-group-text input[type=checkbox], .input-group-text input[type=radio], .m-t-0, dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
	margin-top: 0
}

address, dl, ol, p, pre, ul {
	margin-bottom: 1rem
}

body, caption {
	text-align: left
}

dd, label {
	margin-bottom: .5rem
}

address, legend {
	line-height: inherit
}

article, aside, figcaption, figure, footer, header, hgroup, legend, main, nav, section {
	display: block
}

progress, sub, sup {
	vertical-align: baseline
}

button, hr, input {
	overflow: visible
}

.img-fluid, .img-thumbnail, img, legend {
	max-width: 100%
}

.alert-link, .fw-700, dt, kbd kbd {
	font-weight: 700
}

.img-fluid, select.form-control[multiple], select.form-control[size], textarea.form-control {
	height: auto
}

.btn, .floating-label label:first-child {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.dropdown-menu, .nav, .navbar-nav {
	list-style: none
}

.badge, .dropdown-header, .dropdown-item, .dropdown-toggle, .input-group-text, .navbar-brand, .progress-bar {
	white-space: nowrap
}

.card .card-controls > .icon, body {
	-webkit-font-smoothing: antialiased
}

body, html {
	-webkit-text-size-adjust: 100%
}

:root {
	--blue: #3D7CC9;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #b8b8bc;
	--gray-dark: #535357;
	--primary: var(--btn-primary-color);
	--secondary: #55565a;
	--success: #16ac34;
	--info: #19b5fe;
	--warning: #b9b32a;
	--danger: #d62812;
	--light: var(--border-color3);
	--dark: #55565a;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
	--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;
	--form-border-color: #DDD;
	--input-bg-color: #EEE;
	--green-color: #0ea760;
	--red-color: #dc5a48;
	--body-color: #55565a;
	--body-background-color: #fafafd;
	--link-color: #3D7CC9;
	--link-color-hover: #0765c9;
	--caption-color: #616367;
	--mark-background-color: #fcf8e3;
	--blockquote-footer-color: #b8b8bc;
	--table-color: #55565a;
	--border-color: #f4f4f5;
	--border-color2: #e0e0e2;
	--border-color3: #fefefe;
	--btn-primary-color: #3D7CC9;
	--btn-primary-border-color: #3D7CC9;
	--btn-primary-background-color: #3D7CC9;
	--btn-primary-hover-background: #3D7CC9;
	--btn-primary-focus-box-shadow: #3D7CC9;
	--btn-filter-background-color: #3D7CC914;
	--btn-filter-background-color-hover: #3D7CC914;
	--btn-clear-filter-background-color-hover: #ebebf3;
	--table-primary-td-color: #dcebfe;
	--alert-primary-color: #3D7CC9;
	--card-header-background-color: #d3e6f9;
	--admin-sidebar-background-color: #31355B;
	--admin-sidebar-background-border-color: #cee3f2;
	--menu-link-menu-icon-placeholder: #8a8f9b;
	--menu-link-menu-icon: #f5ecec;
	--menu-link-menu-label-color: #f5ecec;
	--menu-item-active-background-color: #444c60;
	--menu-item-active-font-color: #f5ecec;
	--btn-primary-border-login-color: #062855
}

*, ::after, ::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-tap-highlight-color: transparent
}

body {
	line-height: 1.5;
	margin: 0;
	color: var(--body-color);
	background-color: var(--body-background-color)
}

[tabindex='-1']:focus {
	outline: 0 !important
}

abbr[data-original-title], abbr[title] {
	cursor: help;
	text-decoration: underline;
	text-decoration: underline dotted;
	border-bottom: 0;
	-webkit-text-decoration: underline dotted;
	text-decoration-skip-ink: none
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled), summary {
	cursor: pointer
}

.btn-link, .btn:hover, a {
	text-decoration: none
}

address {
	font-style: normal
}

.accordion > .card .card-header, .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn, .card-text:last-child, .form-check-label, .m-b-0, ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}

dd {
	margin-left: 0
}

blockquote, figure {
	margin: 0 0 1rem
}

b, strong {
	font-weight: bolder
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

.btn, img, svg {
	vertical-align: middle
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

a {
	color: var(--link-color);
	background-color: transparent;
	color: inherit
}

	a:hover {
		color: var(--link-color-hover)
	}

	a:hover, a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
		text-decoration: none;
		color: inherit
	}

		.custom-range:focus, .modal .close:focus, a:not([href]):not([tabindex]):focus {
			outline: 0
		}

code, kbd, pre, samp {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;
	font-size: 1em
}

pre {
	overflow: auto;
	margin-top: 0
}

img {
	border-style: none
}

svg {
	overflow: hidden
}

table {
	border-collapse: collapse
}

caption {
	padding-top: .9375rem;
	padding-bottom: .9375rem;
	caption-side: bottom;
	color: var(--caption-color)
}

th {
	text-align: inherit
}

label {
	display: inline-block
}

.accordion > .card:not(:first-of-type) .card-header:first-child, .modal.fade.modal-slide-left .modal-content, .modal.fade.modal-slide-right .modal-content, button {
	border-radius: 0
}

	button:focus {
		outline: dotted 1px;
		outline: -webkit-focus-ring-color auto 5px
	}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0
}

button, select {
	text-transform: none
}

select {
	word-wrap: normal
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}

	[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
		padding: 0;
		border-style: none
	}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
	-webkit-appearance: listbox
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0
}

legend {
	font-size: 1.5rem;
	width: 100%;
	margin-bottom: .5rem;
	padding: 0;
	white-space: normal;
	color: inherit
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

	[type=search]::-webkit-search-decoration {
		-webkit-appearance: none
	}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

.display-1, .display-2, .display-3, .display-4 {
	line-height: 1.2
}

.card .card-controls > .dropdown, .figure, .list-inline-item, .option-box, .option-box-column, .option-box-grid, .tag-input, output {
	display: inline-block
}

summary {
	display: list-item
}

.collapse:not(.show), template {
	display: none
}

.d-none, [hidden] {
	display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5rem
}

.display-1, .display-2, .display-3, .display-4, .lead {
	font-weight: 300
}

.blockquote, hr {
	margin-bottom: 1rem
}

.h1, h1 {
	font-size: 2.25rem
}

.h2, h2 {
	font-size: 1.8rem
}

.h3, h3 {
	font-size: 1.575rem
}

.h4, h4 {
	font-size: 1.35rem
}

.dropdown-menu .dropdown-item .dropdown-icon, .h5, h5 {
	font-size: 1.125rem
}

.h6, h6 {
	font-size: .9rem
}

.lead {
	font-size: 1.125rem
}

.display-1 {
	font-size: 6rem
}

.display-2 {
	font-size: 5.5rem
}

.display-3 {
	font-size: 4.5rem
}

.display-4 {
	font-size: 3.5rem
}

hr {
	box-sizing: content-box;
	height: 0;
	margin-top: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1)
}

.small, small {
	font-size: 80%;
	font-weight: 400
}

code, kbd, pre {
	font-size: 87.5%
}

.mark, mark {
	padding: .2em;
	background-color: var(--mark-background-color)
}

.list-inline, .list-unstyled {
	padding-left: 0;
	list-style: none
}

.bs-popover-auto[x-placement^=left], .bs-popover-left, .list-inline-item:not(:last-child) {
	margin-right: .5rem
}

.initialism {
	font-size: 90%;
	text-transform: uppercase
}

.blockquote {
	font-size: 1.125rem
}

.blockquote-footer {
	font-size: 80%;
	display: block;
	color: var(--blockquote-footer-color)
}

	.blockquote-footer::before {
		content: '\2014\00A0'
	}

.img-thumbnail {
	height: auto;
	padding: .25rem;
	border: 1px solid var(--border-color2);
	border-radius: .25rem;
	background-color: var(--border-color)
}

.bg-gray-100, .chat-window .chat-window-body .chat-item:hover, .dropzone:hover, .mail-window .mail-window-body .mail-item:hover, .table-active, .table-active > td, .table-active > th, .table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd) {
	background-color: var(--border-color3)
}

.figure-img {
	line-height: 1;
	margin-bottom: .5rem
}

.figure-caption {
	font-size: 90%;
	color: #b8b8bc
}

.alert-heading, a > code, pre code {
	color: inherit
}

code {
	word-break: break-word;
	color: #e83e8c
}

kbd {
	padding: .2rem .4rem;
	color: #fff;
	border-radius: .2rem;
	background-color: #4b4c50
}

	kbd kbd {
		font-size: 100%;
		padding: 0
	}

pre {
	display: block;
	color: #4b4c50
}

	pre code {
		font-size: inherit;
		word-break: normal
	}

.pre-scrollable {
	overflow-y: scroll;
	max-height: 340px
}

.container, .container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

.col, .col-auto {
	max-width: 100%
}

.row {
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	flex-wrap: wrap
}

.card > hr, .no-gutters {
	margin-right: 0;
	margin-left: 0
}

	.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .navbar-nav .nav-link, .no-gutters > .col, .no-gutters > [class*=col-] {
		padding-right: 0;
		padding-left: 0
	}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	flex-basis: 0;
	flex-grow: 1
}

.col-auto {
	width: auto;
	flex: 0 0 auto
}

.col-1 {
	max-width: 8.33333%;
	flex: 0 0 8.33333%
}

.col-2 {
	max-width: 16.66667%;
	flex: 0 0 16.66667%
}

.col-3 {
	max-width: 25%;
	flex: 0 0 25%
}

.col-4 {
	max-width: 33.33333%;
	flex: 0 0 33.33333%
}

.col-5 {
	max-width: 41.66667%;
	flex: 0 0 41.66667%
}

.col-6 {
	max-width: 50%;
	flex: 0 0 50%
}

.col-7 {
	max-width: 58.33333%;
	flex: 0 0 58.33333%
}

.col-8 {
	max-width: 66.66667%;
	flex: 0 0 66.66667%
}

.col-9 {
	max-width: 75%;
	flex: 0 0 75%
}

.col-10 {
	max-width: 83.33333%;
	flex: 0 0 83.33333%
}

.col-11 {
	max-width: 91.66667%;
	flex: 0 0 91.66667%
}

.col-12 {
	max-width: 100%;
	flex: 0 0 100%
}

.order-first {
	order: -1
}

.order-last {
	order: 13
}

.order-0 {
	order: 0
}

.order-1 {
	order: 1
}

.order-2 {
	order: 2
}

.order-3 {
	order: 3
}

.order-4 {
	order: 4
}

.order-5 {
	order: 5
}

.order-6 {
	order: 6
}

.order-7 {
	order: 7
}

.order-8 {
	order: 8
}

.order-9 {
	order: 9
}

.order-10 {
	order: 10
}

.order-11 {
	order: 11
}

.order-12 {
	order: 12
}

.offset-1 {
	margin-left: 8.33333%
}

.offset-2 {
	margin-left: 16.66667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33333%
}

.offset-5 {
	margin-left: 41.66667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33333%
}

.offset-8 {
	margin-left: 66.66667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33333%
}

.offset-11 {
	margin-left: 91.66667%
}

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: var(--table-color)
}

	.table td, .table th {
		padding: .9375rem;
		vertical-align: top;
		border-top: 1px solid var(--border-color)
	}

	.table thead th {
		vertical-align: bottom;
		border-bottom: 2px solid var(--border-color)
	}

	.table tbody + tbody {
		border-top: 2px solid var(--border-color)
	}

.table-sm td, .table-sm th {
	padding: .5rem
}

.table-bordered, .table-bordered td, .table-bordered th {
	border: 1px solid var(--border-color)
}

	.table-bordered thead td, .table-bordered thead th {
		border-bottom-width: 2px
	}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th, .table-dark.table-bordered, .table-responsive > .table-bordered {
	border: 0
}

.table-hover tbody tr:hover {
	color: #55565a
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th, .table-primary, .table-primary > td, .table-primary > th {
	background-color: var(--table-primary-td-color)
}

	.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
		border-color: var(--table-primary-td-color)
	}

.table-dark, .table-dark > td, .table-dark > th, .table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #cfd0d1
}

	.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th, .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
		border-color: #a7a7a9
	}

.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th, .table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	background-color: #c2c3c5
}

.table-success, .table-success > td, .table-success > th {
	background-color: #bee8c6
}

	.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
		border-color: #86d495
	}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	background-color: #abe1b5
}

.table-info, .table-info > td, .table-info > th {
	background-color: #bfeaff
}

	.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
		border-color: #87d9fe
	}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	background-color: #a6e2ff
}

.table-warning, .table-warning > td, .table-warning > th {
	background-color: #ebeac3
}

	.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
		border-color: #dbd790
	}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	background-color: #e5e3b0
}

.table-danger, .table-danger > td, .table-danger > th {
	background-color: #f4c3bd
}

	.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
		border-color: #ea8f84
	}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	background-color: #f0afa7
}

.custom-select, .form-control, .table-light, .table-light > td, .table-light > th {
	background-color: #fff
}

.table .thead-dark th, .table-dark {
	background-color: #535357;
	color: #fff
}

.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
	border-color: var(--border-color3)
}

.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	background-color: #f2f2f2
}

.table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	background-color: #f1f1f1
}

.table .thead-dark th {
	border-color: #65666b
}

.table .thead-light th {
	color: #b8b8bc;
	border-color: var(--border-color);
	background-color: var(--border-color3)
}

.table-dark td, .table-dark th, .table-dark thead th {
	border-color: #65666b
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
	color: #fff;
	background-color: rgba(255,255,255,.075)
}

.table-responsive {
	display: block;
	overflow-x: auto;
	width: 100%;
	-webkit-overflow-scrolling: touch
}

.accordion > .card, .collapsing, .modal-open, .progress, .toast {
	overflow: hidden
}

.form-control {
	font-size: .9rem;
	font-weight: 500;
	line-height: 1.5;
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #55565a;
	border: 1px solid #d3e0e9;
	border-radius: .25rem;
	background-clip: padding-box
}

	.form-control::-ms-expand {
		border: 0;
		background-color: transparent
	}

	.form-control:focus {
		color: #55565a;
		border-color: #b8b8bc;
		background-color: #fff;
		box-shadow: 0 0 0 .2rem var(--link-color-hover)
	}

	.form-control::-ms-input-placeholder {
		opacity: 1;
		color: #b8b8bc
	}

	.form-control::placeholder {
		opacity: 1;
		color: #b8b8bc
	}

	.form-control:disabled, .form-control[readonly] {
		opacity: 1;
		background-color: var(--border-color)
	}

select.form-control:focus::-ms-value {
	color: #55565a;
	background-color: #fff
}

.btn-block, .form-control-file, .form-control-range {
	display: block;
	width: 100%
}

.col-form-label {
	font-size: inherit;
	line-height: 1.5;
	margin-bottom: 0;
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px)
}

.col-form-label-lg {
	font-size: 1.125rem;
	line-height: 1.5;
	padding-top: calc(.5rem + 1px);
	padding-bottom: calc(.5rem + 1px)
}

.col-form-label-sm {
	font-size: .7875rem;
	line-height: 1.5;
	padding-top: calc(.25rem + 1px);
	padding-bottom: calc(.25rem + 1px)
}

.form-control-plaintext {
	line-height: 1.5;
	display: block;
	width: 100%;
	margin-bottom: 0;
	padding-top: .375rem;
	padding-bottom: .375rem;
	color: #55565a;
	border: solid transparent;
	border-width: 1px 0;
	background-color: transparent
}

.form-control-sm {
	font-size: .7875rem;
	line-height: 1.5;
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	border-radius: .2rem
}

.form-control-lg {
	font-size: 1.125rem;
	line-height: 1.5;
	height: calc(1.5em + 1rem + 2px);
	padding: .5rem 1rem;
	border-radius: .3rem
}

.form-group {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}

.form-row {
	display: flex;
	margin-right: -5px;
	margin-left: -5px;
	flex-wrap: wrap
}

	.form-row > .col, .form-row > [class*=col-] {
		padding-right: 5px;
		padding-left: 5px
	}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

	.form-check-input:disabled ~ .form-check-label {
		color: #616367
	}

.form-check-inline {
	display: inline-flex;
	margin-right: .75rem;
	padding-left: 0;
	align-items: center
}

.invalid-tooltip, .valid-tooltip {
	position: absolute;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	border-radius: .25rem;
	top: 100%;
	line-height: 1.5
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.valid-feedback {
	font-size: 80%;
	display: none;
	width: 100%;
	margin-top: .25rem;
	color: #16ac34
}

.valid-tooltip {
	font-size: .7875rem;
	margin-top: .1rem;
	color: #fff;
	background-color: rgba(22,172,52,.9)
}

.form-control.is-valid, .was-validated .form-control:valid {
	padding-right: calc(1.5em + .75rem);
	border-color: #16ac34;
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%2316AC34\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e');
	background-repeat: no-repeat;
	background-position: center right calc(.375em + .1875rem);
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

	.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
		border-color: #16ac34;
		box-shadow: 0 0 0 .2rem rgba(22,172,52,.25)
	}

	.form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
		display: block
	}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
	padding-right: calc(1.5em + .75rem);
	background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid, .was-validated .custom-select:valid {
	padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
	border-color: #16ac34;
	background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23535357\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') right .75rem center/8px 10px no-repeat,url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%2316AC34\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e') center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}

	.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
		border-color: #16ac34;
		box-shadow: 0 0 0 .2rem rgba(22,172,52,.25)
	}

	.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip {
		display: block
	}

.form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
	display: block
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
	color: #16ac34
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
	display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
	color: #16ac34
}

	.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
		border-color: #16ac34
	}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
	display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
	border-color: #1cd942;
	background-color: #1cd942
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 .2rem rgba(22,172,52,.25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #16ac34
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
	border-color: #16ac34
}

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
	display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
	border-color: #16ac34;
	box-shadow: 0 0 0 .2rem rgba(22,172,52,.25)
}

.invalid-feedback {
	font-size: 80%;
	display: none;
	width: 100%;
	margin-top: .25rem;
	color: #d62812
}

.invalid-tooltip {
	font-size: .7875rem;
	margin-top: .1rem;
	color: #fff;
	background-color: rgba(214,40,18,.9)
}

.btn .badge, .carousel, .collapsing, .dropdown, .dropleft, .dropright, .dropup, .floating-label {
	position: relative
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	padding-right: calc(1.5em + .75rem);
	border-color: #d62812;
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23D62812\' viewBox=\'-2 -2 7 7\'%3e%3cpath stroke=\'%23D62812\' d=\'M0 0l3 3m0-3L0 3\'/%3e%3ccircle r=\'.5\'/%3e%3ccircle cx=\'3\' r=\'.5\'/%3e%3ccircle cy=\'3\' r=\'.5\'/%3e%3ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3e%3c/svg%3E');
	background-repeat: no-repeat;
	background-position: center right calc(.375em + .1875rem);
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

	.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
		border-color: #d62812;
		box-shadow: 0 0 0 .2rem rgba(214,40,18,.25)
	}

	.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
		display: block
	}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
	padding-right: calc(1.5em + .75rem);
	background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
	padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
	border-color: #d62812;
	background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23535357\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') right .75rem center/8px 10px no-repeat,url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23D62812\' viewBox=\'-2 -2 7 7\'%3e%3cpath stroke=\'%23D62812\' d=\'M0 0l3 3m0-3L0 3\'/%3e%3ccircle r=\'.5\'/%3e%3ccircle cx=\'3\' r=\'.5\'/%3e%3ccircle cy=\'3\' r=\'.5\'/%3e%3ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3e%3c/svg%3E') center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
}

	.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
		border-color: #d62812;
		box-shadow: 0 0 0 .2rem rgba(214,40,18,.25)
	}

	.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip {
		display: block
	}

.form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
	display: block
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
	color: #d62812
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
	display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
	color: #d62812
}

	.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
		border-color: #d62812
	}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
	display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
	border-color: #ed432e;
	background-color: #ed432e
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: var(--btn-primary-focus-box-shadow)
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 .2rem rgba(214,40,18,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #d62812
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
	border-color: #d62812
}

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
	display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
	border-color: #d62812;
	box-shadow: 0 0 0 .2rem rgba(214,40,18,.25)
}

.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center
}

	.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .form-inline .form-check, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
		width: 100%
	}

.btn {
	font-size: .9rem;
	font-weight: 500;
	line-height: 1.5;
	display: inline-block;
	padding: .375rem .75rem;
	user-select: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-align: center;
	color: #55565a;
	border: 1px solid transparent;
	border-radius: .25rem;
	background-color: transparent
}

	.btn:hover {
		color: #55565a
	}

	.btn.focus, .btn:focus {
		outline: 0;
		box-shadow: none
	}

	.btn.disabled, .btn:disabled {
		opacity: .65
	}

a.btn.disabled, a.close.disabled, fieldset:disabled a.btn {
	pointer-events: none
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-primary, .btn-primary.disabled, .btn-primary:disabled, .custom-control-input:checked ~ .custom-control-label::before, .show > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	border-color: var(--btn-primary-color);
	background-color: var(--btn-primary-color)
}

	.btn-primary:hover {
		color: #fff;
		border-color: var(--btn-primary-hover-background);
		background-color: var(--btn-primary-hover-background)
	}

	.btn, .btn-primary.focus, .btn-primary:focus {
		box-shadow: none
	}

	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
		color: #fff;
		border-color: var(--btn-primary-border-color);
		background-color: var(--btn-primary-border-color)
	}

.btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .show > .btn-outline-secondary.dropdown-toggle {
	color: #fff;
	border-color: #55565a;
	background-color: #55565a
}

	.btn-secondary:hover {
		color: #fff;
		border-color: #3c3d40;
		background-color: #424346
	}

	.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(111,111,115,.5)
	}

	.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
		color: #fff;
		border-color: #363739;
		background-color: #3c3d40
	}

.btn-outline-success:hover, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-success, .btn-success.disabled, .btn-success:disabled, .show > .btn-outline-success.dropdown-toggle {
	color: #fff;
	border-color: #16ac34;
	background-color: #16ac34
}

	.btn-success:hover {
		color: #fff;
		border-color: #107f26;
		background-color: #128a2a
	}

	.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(57,184,82,.5)
	}

	.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
		color: #fff;
		border-color: #0f7323;
		background-color: #107f26
	}

.btn-info, .btn-info.disabled, .btn-info:disabled, .btn-outline-info:hover, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
	color: #fff;
	border-color: #19b5fe;
	background-color: #19b5fe
}

	.btn-info:hover {
		color: #fff;
		border-color: #019be3;
		background-color: #01a4f0
	}

	.btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(60,192,254,.5)
	}

	.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
		color: #fff;
		border-color: #0192d6;
		background-color: #019be3
	}

.btn-outline-warning:hover, .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-warning, .btn-warning.disabled, .btn-warning:disabled, .show > .btn-outline-warning.dropdown-toggle {
	color: #fff;
	border-color: #b9b32a;
	background-color: #b9b32a
}

	.btn-warning:hover {
		color: #fff;
		border-color: #8f8b21;
		background-color: #9a9523
	}

	.btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(196,190,74,.5)
	}

	.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
		color: #fff;
		border-color: #85811e;
		background-color: #8f8b21
	}

.btn-danger, .btn-danger.disabled, .btn-danger:disabled, .btn-outline-danger:hover, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
	color: #fff;
	border-color: #d62812;
	background-color: #d62812
}

	.btn-danger:hover {
		color: #fff;
		border-color: #a71f0e;
		background-color: #b3210f
	}

	.btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(220,72,54,.5)
	}

	.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
		color: #fff;
		border-color: #9b1d0d;
		background-color: #a71f0e
	}

.btn-light, .btn-light.disabled, .btn-light:disabled, .btn-outline-light:hover, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
	color: #4b4c50;
	border-color: var(--border-color3);
	background-color: var(--border-color3)
}

	.btn-light:hover {
		color: #4b4c50;
		border-color: #e5e5e5;
		background-color: #ebebeb
	}

	.btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(227,227,228,.5)
	}

	.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
		color: #4b4c50;
		border-color: #dedede;
		background-color: #e5e5e5
	}

.btn-dark {
	color: var(--primary-color);
	border-color: var(--btn-filter-background-color);
	background-color: var(--btn-filter-background-color)
}

	.btn-dark:active, .btn-dark:hover {
		color: var(--primary-color);
		border-color: var(--btn-filter-background-color-hover);
		background-color: var(--btn-filter-background-color-hover)
	}

.btn-outline-primary {
	color: var(--btn-primary-color);
	border-color: var(--btn-primary-color)
}

	.btn-outline-primary.disabled, .btn-outline-primary:disabled {
		color: var(--btn-primary-color);
		background-color: transparent
	}

.btn-outline-secondary {
	color: #55565a;
	border-color: #55565a
}

	.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(85,86,90,.5)
	}

	.btn-outline-dark.disabled, .btn-outline-dark:disabled, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
		color: #55565a;
		background-color: transparent
	}

.btn-outline-success {
	color: #16ac34;
	border-color: #16ac34
}

	.btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(22,172,52,.5)
	}

	.btn-outline-success.disabled, .btn-outline-success:disabled {
		color: #16ac34;
		background-color: transparent
	}

.btn-outline-info {
	color: #19b5fe;
	border-color: #19b5fe
}

	.btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(25,181,254,.5)
	}

	.btn-outline-info.disabled, .btn-outline-info:disabled {
		color: #19b5fe;
		background-color: transparent
	}

.btn-outline-warning {
	color: #b9b32a;
	border-color: #b9b32a
}

	.btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(185,179,42,.5)
	}

	.btn-outline-warning.disabled, .btn-outline-warning:disabled {
		color: #b9b32a;
		background-color: transparent
	}

.btn-outline-danger {
	color: #d62812;
	border-color: #d62812
}

	.btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem rgba(214,40,18,.5)
	}

	.btn-outline-danger.disabled, .btn-outline-danger:disabled {
		color: #d62812;
		background-color: transparent
	}

.btn-outline-light {
	color: var(--border-color3);
	border-color: var(--border-color3)
}

	.btn-outline-dark.focus, .btn-outline-dark:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-light.focus, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .custom-control-input:focus ~ .custom-control-label::before, .show > .btn-outline-dark.dropdown-toggle:focus, .show > .btn-outline-light.dropdown-toggle:focus {
		box-shadow: transparent
	}

	.btn-outline-light.disabled, .btn-outline-light:disabled {
		color: var(--border-color3);
		background-color: transparent
	}

.btn-outline-dark, .btn-outline-dark:hover {
	color: var(--primary-color);
	background-color: var(--border-color)
}

.btn-outline-dark {
	border-color: var(--border-color)
}

.dropdown-toggle::after, .dropup .dropdown-toggle::after {
	content: '';
	vertical-align: .255em;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
	display: inline-block
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
	background-color: var(--btn-clear-filter-background-color-hover)
}

.btn-link {
	font-weight: 400;
	color: var(--btn-primary-color)
}

	.btn-link:hover {
		text-decoration: underline;
		color: var(--link-color-hover)
	}

	.btn-link.focus, .btn-link:focus {
		text-decoration: underline;
		box-shadow: none
	}

	.btn-link.disabled, .btn-link:disabled {
		pointer-events: none;
		color: #b8b8bc
	}

.btn-group-lg > .btn, .btn-lg, .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
	font-size: 1.125rem;
	line-height: 1.5;
	padding: .5rem 1rem;
	border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm, .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
	font-size: .7875rem;
	line-height: 1.5;
	padding: .25rem .5rem;
	border-radius: .2rem
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom, .btn-block + .btn-block {
	margin-top: .5rem
}

.fade {
	transition: opacity .15s linear
}

	.fade:not(.show), .image-box input[type=checkbox]:checked + .image-box-content:after, .image-box input[type=radio]:checked + .image-box-content:after, .modal-backdrop.fade, .opacity-0, .option-box input[type=checkbox]:checked + label:after, .option-box input[type=radio]:checked + label:after, .option-box-column input[type=checkbox]:checked + label:after, .option-box-column input[type=radio]:checked + label:after, .option-box-grid input[type=checkbox]:checked + label:after, .option-box-grid input[type=radio]:checked + label:after {
		opacity: 0
	}

.collapsing {
	height: 0;
	transition: height .35s
}

.dropdown-toggle::after {
	margin-left: .255em;
	border-top: .3em solid;
	border-bottom: 0
}

.dropdown-toggle-split::after, .dropdown-toggle:empty::after, .dropleft .dropdown-toggle:empty::after, .dropright .dropdown-toggle-split::after, .dropright .dropdown-toggle:empty::after, .dropup .dropdown-toggle-split::after, .dropup .dropdown-toggle:empty::after, .m-l-0 {
	margin-left: 0
}

.dropdown-menu {
	font-size: .9rem;
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: 0;
	display: none;
	float: left;
	min-width: 10rem;
	margin: .125rem 0 0;
	padding: .5rem 0;
	text-align: left;
	color: #55565a;
	border-radius: .25rem;
	background-color: #fff;
	background-clip: padding-box
}

.dropdown-menu-left {
	right: auto;
	left: 0
}

.dropdown-menu-right {
	right: 0;
	left: auto
}

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
	margin-left: .255em;
	border-top: 0;
	border-bottom: .3em solid
}

.dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after {
	content: '';
	border-top: .3em solid transparent;
	border-bottom: .3em solid transparent
}

.dropright .dropdown-menu {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: .125rem
}

.dropright .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	border-right: 0;
	border-left: .3em solid;
	vertical-align: 0
}

.dropleft .dropdown-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
	margin-left: .255em;
	content: '';
	vertical-align: .255em;
	display: none
}

.dropleft .dropdown-toggle::before {
	display: inline-block;
	margin-right: .255em;
	border-right: .3em solid;
	vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
	right: auto;
	bottom: auto
}

.dropdown-divider {
	overflow: hidden;
	height: 0;
	margin: .5rem 0;
	border-top: 1px solid var(--border-color)
}

.dropdown-item {
	font-weight: 400;
	display: block;
	clear: both;
	width: 100%;
	padding: .25rem 1.5rem;
	text-align: inherit;
	color: #4b4c50;
	border: 0;
	background-color: transparent
}

	.dropdown-item:focus, .dropdown-item:hover {
		text-decoration: none;
		color: #3f3f42;
		background-color: var(--border-color3)
	}

	.breadcrumb-item + .breadcrumb-item:hover::before, .card-link:hover, .dropdown-item.active, .dropdown-item:active, .nav-link:focus, .nav-link:hover, .navbar-brand:focus, .navbar-brand:hover, .navbar-toggler:focus, .navbar-toggler:hover, a.badge:focus, a.badge:hover {
		text-decoration: none
	}

	.dropdown-item.disabled, .dropdown-item:disabled {
		pointer-events: none;
		color: #b8b8bc;
		background-color: transparent
	}

.admin-sidebar .menu .menu-item .menu-link .menu-label .menu-name, .carousel-item-next, .carousel-item-prev, .carousel-item.active, .dropdown-menu.show, .show-compose-window .compose-container, .tab-content > .active {
	display: block
}

.dropdown-header {
	font-size: .7875rem;
	display: block;
	margin-bottom: 0;
	padding: .5rem 1.5rem;
	color: #b8b8bc
}

.dropdown-item-text {
	display: block;
	padding: .25rem 1.5rem;
	color: #4b4c50
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-flex;
	vertical-align: middle
}

	.btn-group-vertical > .btn, .btn-group > .btn {
		position: relative;
		flex: 1 1 auto
	}

		.avatar-group .avatar:hover, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
			z-index: 1
		}

.btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

	.btn-toolbar .input-group, .datepicker-inline {
		width: auto
	}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child), .input-group-append, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text, .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
	margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after, .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child), .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child), .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child), .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.dropdown-toggle-split {
	padding-right: .5625rem;
	padding-left: .5625rem
}

.dropleft .dropdown-toggle-split::before, .m-r-0 {
	margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
	padding-right: .375rem;
	padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
	padding-right: .75rem;
	padding-left: .75rem
}

.btn-group-vertical {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

	.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
		margin-top: -1px
	}

	.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0
	}

	.accordion > .card:last-of-type, .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none
}

.input-group {
	position: relative;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: stretch
}

	.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
		position: relative;
		width: 1%;
		margin-bottom: 0;
		flex: 1 1 auto
	}

		.input-group-append .btn:focus, .input-group-prepend .btn:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
			z-index: 3
		}

		.input-group > .custom-file .custom-file-input:focus {
			z-index: 4
		}

	.input-group > .custom-file {
		display: flex;
		align-items: center
	}

.input-group-append, .input-group-prepend {
	display: flex
}

	.input-group-append .btn, .input-group-prepend .btn {
		position: relative;
		z-index: 2
	}

.input-group-prepend {
	margin-right: -1px
}

.input-group-text {
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	display: flex;
	margin-bottom: 0;
	padding: .375rem .75rem;
	text-align: center;
	color: #55565a;
	border: 1px solid #d3e0e9;
	border-radius: .25rem;
	background-color: #fff;
	align-items: center
}

.nav, .navbar {
	flex-wrap: wrap
}

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
	height: calc(1.5em + 1rem + 2px)
}

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
	height: calc(1.5em + .5rem + 2px)
}

.custom-control-label::after, .custom-control-label::before {
	top: .175rem;
	left: -1.5rem;
	display: block;
	height: 1rem;
	content: '';
	width: 1rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
	padding-right: 1.75rem
}

.custom-control {
	position: relative;
	display: block;
	min-height: 1.35rem;
	padding-left: 1.5rem
}

.custom-control-inline {
	display: inline-flex;
	margin-right: 1rem
}

.custom-file, .custom-select {
	display: inline-block;
	width: 100%
}

.cstm-switch .cstm-switch-input, .custom-control-input, .image-box input[type=checkbox], .image-box input[type=radio], .option-box input[type=checkbox], .option-box input[type=radio], .option-box-column input[type=checkbox], .option-box-column input[type=radio], .option-box-grid input[type=checkbox], .option-box-grid input[type=radio], .tag-input input[type=checkbox] {
	position: absolute;
	z-index: -1;
	opacity: 0
}

	.custom-control-input:focus:not(:checked) ~ .custom-control-label::before, .input-group.input-group-flush > .form-control:focus ~ [class*=input-group] > .input-group-text {
		border-color: #b8b8bc
	}

	.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
		color: #fff;
		border-color: #cccccf;
		background-color: #cccccf
	}

	.breadcrumb-item.active, .custom-control-input:disabled ~ .custom-control-label {
		color: #b8b8bc
	}

		.custom-control-input:disabled ~ .custom-control-label::before, .custom-file-input:disabled ~ .custom-file-label, .mail-window .mail-window-body .mail-item.active {
			background-color: var(--border-color)
		}

.custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top
}

	.custom-control-label::before {
		position: absolute;
		pointer-events: none;
		border: 1px solid #cccccf;
		background-color: #fff
	}

	.custom-control-label::after {
		position: absolute;
		background: 50%/50% 50% no-repeat
	}

.custom-checkbox .custom-control-label::before, .input-group.input-group-flush > .form-control, .nav-pills .nav-link, td.active.selected.range-start.range-end.day {
	border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23FFFFFF\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e')
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	border-color: var(--btn-primary-color);
	background-color: var(--btn-primary-color)
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 4\'%3e%3cpath stroke=\'%23FFFFFF\' d=\'M0 2h4\'/%3e%3c/svg%3e')
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
	background-color: var(--btn-primary-focus-box-shadow)
}

.custom-radio .custom-control-label::before {
	border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23FFFFFF\'/%3e%3c/svg%3e')
}

.custom-switch {
	padding-left: 2.25rem
}

	.custom-switch .custom-control-label::before {
		left: -2.25rem;
		width: 1.75rem;
		pointer-events: all;
		border-radius: .5rem
	}

	.custom-switch .custom-control-label::after {
		top: calc(.175rem + 2px);
		left: calc(-2.25rem + 2px);
		width: calc(1rem - 4px);
		height: calc(1rem - 4px);
		transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		border-radius: .5rem;
		background-color: #cccccf
	}

	.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
		transform: translateX(.75rem);
		background-color: #fff
	}

.custom-select {
	font-size: .9rem;
	font-weight: 500;
	line-height: 1.5;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem 1.75rem .375rem .75rem;
	vertical-align: middle;
	color: #55565a;
	border: 1px solid #d3e0e9;
	border-radius: .25rem;
	background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23535357\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e') right .75rem center/8px 10px no-repeat #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

	.custom-file-input:focus ~ .custom-file-label, .custom-select:focus {
		border-color: #b8b8bc;
		box-shadow: 0 0 0 .2rem var(--link-color-hover)
	}

		.custom-select:focus::-ms-value {
			color: #55565a;
			background-color: #fff
		}

	.custom-select[multiple], .custom-select[size]:not([size='1']) {
		height: auto;
		padding-right: .75rem;
		background-image: none
	}

	.custom-select:disabled {
		color: #b8b8bc;
		background-color: var(--border-color)
	}

	.custom-select::-ms-expand {
		display: none
	}

.custom-select-sm {
	font-size: .7875rem;
	height: calc(1.5em + .5rem + 2px);
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-left: .5rem
}

.custom-select-lg {
	font-size: 1.125rem;
	height: calc(1.5em + 1rem + 2px);
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem
}

.custom-file, .custom-file-input, .custom-file-label {
	height: calc(1.5em + .75rem + 2px)
}

	.custom-file-label, .custom-file-label::after {
		padding: .375rem .75rem;
		color: #55565a;
		background-color: #fff;
		line-height: 1.5;
		top: 0;
		right: 0
	}

.custom-file {
	position: relative;
	margin-bottom: 0
}

.custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 0;
	opacity: 0
}

	.custom-file-input:lang(en) ~ .custom-file-label::after {
		content: 'Browse'
	}

	.custom-file-input ~ .custom-file-label[data-browse]::after {
		content: attr(data-browse)
	}

.custom-file-label {
	font-weight: 500;
	position: absolute;
	z-index: 1;
	left: 0;
	border: 1px solid var(--border-color2);
	border-radius: .25rem
}

.card, .navbar {
	position: relative
}

.custom-file-label::after {
	position: absolute;
	z-index: 3;
	bottom: 0;
	display: block;
	height: calc(1.5em + .75rem);
	content: 'Browse';
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0
}

.custom-range {
	width: 100%;
	height: calc(1rem + .4rem);
	padding: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

	.custom-range:focus::-webkit-slider-thumb {
		box-shadow: 0 0 0 1px var(--border-color),0 0 0 .2rem var(--link-color-hover)
	}

	.custom-range:focus::-moz-range-thumb {
		box-shadow: 0 0 0 1px var(--border-color),0 0 0 .2rem var(--link-color-hover)
	}

	.custom-range:focus::-ms-thumb {
		box-shadow: 0 0 0 1px var(--border-color),0 0 0 .2rem var(--link-color-hover)
	}

	.custom-range::-moz-focus-outer {
		border: 0
	}

	.custom-range::-webkit-slider-thumb {
		width: 1rem;
		height: 1rem;
		margin-top: -.25rem;
		transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		border: 0;
		border-radius: 1rem;
		background-color: var(--btn-primary-color);
		-webkit-appearance: none;
		appearance: none
	}

		.custom-range::-webkit-slider-thumb:active {
			background-color: #ef8595
		}

	.custom-range::-webkit-slider-runnable-track {
		width: 100%;
		height: .5rem;
		cursor: pointer;
		color: transparent;
		border-color: transparent;
		border-radius: 1rem;
		background-color: var(--border-color2)
	}

	.custom-range::-moz-range-thumb {
		width: 1rem;
		height: 1rem;
		transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		border: 0;
		border-radius: 1rem;
		background-color: var(--btn-primary-color);
		-moz-appearance: none;
		appearance: none
	}

		.custom-range::-moz-range-thumb:active {
			background-color: #ef8595
		}

	.custom-range::-moz-range-track {
		width: 100%;
		height: .5rem;
		cursor: pointer;
		color: transparent;
		border-color: transparent;
		border-radius: 1rem;
		background-color: var(--border-color2)
	}

	.custom-range::-ms-thumb {
		width: 1rem;
		height: 1rem;
		margin-top: 0;
		margin-right: .2rem;
		margin-left: .2rem;
		transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		border: 0;
		border-radius: 1rem;
		background-color: var(--btn-primary-color);
		appearance: none
	}

		.custom-range::-ms-thumb:active {
			background-color: #ef8595
		}

	.custom-range::-ms-track {
		width: 100%;
		height: .5rem;
		cursor: pointer;
		color: transparent;
		border-width: .5rem;
		border-color: transparent;
		background-color: transparent
	}

	.custom-range::-ms-fill-lower {
		border-radius: 1rem;
		background-color: var(--border-color2)
	}

	.custom-range::-ms-fill-upper {
		margin-right: 15px;
		border-radius: 1rem;
		background-color: var(--border-color2)
	}

	.custom-range:disabled::-webkit-slider-thumb {
		background-color: #cccccf
	}

	.custom-range:disabled::-webkit-slider-runnable-track {
		cursor: default
	}

	.custom-range:disabled::-moz-range-thumb {
		background-color: #cccccf
	}

	.custom-range:disabled::-moz-range-track {
		cursor: default
	}

	.custom-range:disabled::-ms-thumb {
		background-color: #cccccf
	}

.custom-control-label::before, .custom-file-label, .custom-select {
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.nav {
	display: flex;
	margin-bottom: 0;
	padding-left: 0
}

.nav-link, .navbar {
	padding: .5rem 1rem
}

.nav-link {
	display: block
}

	.nav-link.disabled {
		cursor: default;
		pointer-events: none;
		color: #b8b8bc
	}

.nav-tabs {
	border-bottom: 1px solid var(--border-color2)
}

	.list-group-flush .list-group-item:last-child, .nav-tabs .nav-item {
		margin-bottom: -1px
	}

	.nav-tabs .nav-link {
		border: 1px solid transparent;
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem
	}

		.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
			border-color: var(--border-color) var(--border-color) var(--border-color2)
		}

		.nav-tabs .nav-link.disabled {
			color: #b8b8bc;
			border-color: transparent;
			background-color: transparent
		}

		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
			color: #55565a;
			border-color: var(--border-color2) var(--border-color2) var(--border-color);
			background-color: var(--border-color)
		}

	.nav-tabs .dropdown-menu {
		margin-top: -1px;
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

.badge-primary, .datepicker table tr td.range, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .option-box-column input[type=checkbox]:checked + label .radio-content .radio-highlight, .option-box-column input[type=radio]:checked + label .radio-content .radio-highlight {
	color: #fff;
	background-color: var(--btn-primary-color)
}

.nav-fill .nav-item {
	text-align: center;
	flex: 1 1 auto
}

.nav-justified .nav-item {
	text-align: center;
	flex-basis: 0;
	flex-grow: 1
}

.badge:empty, .body-scrollable .modal-backdrop, .compose-container, .navbar-expand .navbar-toggler, .popover-header:empty, .tab-content > .tab-pane, .toast.hide, .visible-xlg {
	display: none
}

.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between
}

	.navbar > .container, .navbar > .container-fluid {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between
	}

.navbar-brand {
	font-size: 1.125rem;
	line-height: inherit;
	display: inline-block;
	margin-right: 1rem;
	padding-top: .33125rem;
	padding-bottom: .33125rem
}

.card-header-pills, .card-header-tabs {
	margin-right: -.625rem;
	margin-left: -.625rem
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	padding-left: 0
}

	.navbar-nav .dropdown-menu {
		position: static;
		float: none
	}

.navbar-text {
	display: inline-block;
	padding-top: .5rem;
	padding-bottom: .5rem
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center
}

.navbar-toggler {
	font-size: 1.125rem;
	line-height: 1;
	padding: .25rem .75rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	background-color: transparent
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	content: '';
	vertical-align: middle;
	background: center center/100% 100% no-repeat
}

@media (max-width:575.98px) {
	.table-responsive-sm {
		display: block;
		overflow-x: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch
	}

		.table-responsive-sm > .table-bordered {
			border: 0
		}

	.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (max-width:1199.98px) {
	.table-responsive-xl {
		display: block;
		overflow-x: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch
	}

		.table-responsive-xl > .table-bordered {
			border: 0
		}

	.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

.navbar-expand {
	flex-flow: row nowrap;
	justify-content: flex-start
}

	.list-group-horizontal, .navbar-expand .navbar-nav {
		flex-direction: row
	}

		.navbar-expand .navbar-nav .dropdown-menu {
			position: absolute
		}

		.navbar-expand .navbar-nav .nav-link {
			padding-right: .5rem;
			padding-left: .5rem
		}

	.navbar-expand > .container, .navbar-expand > .container-fluid {
		padding-right: 0;
		padding-left: 0;
		flex-wrap: nowrap
	}

	.navbar-expand .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
	color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text {
	color: rgba(0,0,0,.5)
}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: rgba(0,0,0,.7)
	}

	.navbar-light .navbar-nav .nav-link.disabled {
		color: rgba(0,0,0,.3)
	}

.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
	background-image: url('data:image/svg+xml,%3csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath stroke=\'rgba(0, 0, 0, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e')
}

.form-dark label, .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover, .ui-slider-horizontal .ui-slider-handle.ui-state-active:after, .ui-slider-horizontal .ui-slider-handle.ui-state-active:before {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-text {
	color: rgba(255,255,255,.5)
}

	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
		color: rgba(255,255,255,.75)
	}

	.navbar-dark .navbar-nav .nav-link.disabled {
		color: rgba(255,255,255,.25)
	}

.navbar-dark .navbar-toggler {
	color: rgba(255,255,255,.5);
	border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
	background-image: url('data:image/svg+xml,%3csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath stroke=\'rgba(255, 255, 255, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e')
}

.card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	border: 0 solid rgba(0,0,0,.125);
	border-radius: .25rem;
	background-color: #fff;
	background-clip: border-box
}

.modal-content, .toast, .toast-header {
	background-clip: padding-box
}

.card > .list-group:first-child .list-group-item:first-child, .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.card-body {
	padding: 1.25rem;
	flex: 1 1 auto
}

.card-columns .card, .card-title, .toast:not(:last-child) {
	margin-bottom: .75rem
}

.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0
}

.card-link + .card-link {
	margin-left: 1.25rem
}

.card-header {
	margin-bottom: 0;
	padding: .75rem 1.25rem;
	border-bottom: 0 solid rgba(0,0,0,.125);
	background-color: transparent;
	/* color: #146ab6; */
	font-weight: 700
}

.card-footer, button.close {
	background-color: transparent
}

.card-header:first-child {
	border-radius: calc(.25rem - 0) calc(.25rem - 0) 0 0
}

.card-header + .list-group .list-group-item:first-child, .list-group-flush:first-child .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: .75rem 1.25rem;
	border-top: 0 solid rgba(0,0,0,.125)
}

.breadcrumb, .page-link:hover {
	background-color: var(--border-color)
}

.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 0) calc(.25rem - 0)
}

.card-header-tabs {
	margin-bottom: -.75rem;
	border-bottom: 0
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}

.alert, .list-group-item, .page-link {
	position: relative
}

.card-img {
	width: 100%;
	border-radius: calc(.25rem - 0)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 0);
	border-top-right-radius: calc(.25rem - 0)
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 0);
	border-bottom-left-radius: calc(.25rem - 0)
}

.breadcrumb, .pagination {
	display: flex;
	border-radius: .25rem;
	list-style: none
}

.card-deck, .card-group, .chat-window, .mail-window, .panel {
	display: flex;
	flex-direction: column
}

	.card-deck .card, .card-group > .card, .m-b-15, .timeline.timeline-xs .timeline-item {
		margin-bottom: 15px
	}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0
}

.accordion > .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.breadcrumb {
	margin-bottom: 1rem;
	padding: .75rem 1rem;
	flex-wrap: wrap
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: .5rem
}

	.breadcrumb-item + .breadcrumb-item::before {
		display: inline-block;
		padding-right: .5rem;
		content: '/';
		color: #b8b8bc
	}

.pagination {
	padding-left: 0
}

.page-link {
	line-height: 1.25;
	display: block;
	margin-left: -1px;
	padding: .5rem .75rem;
	color: var(--btn-primary-color);
	border: 1px solid var(--border-color2);
	background-color: #fff
}

.badge, .close {
	line-height: 1
}

.page-link:hover {
	z-index: 2;
	text-decoration: none;
	color: var(--link-color-hover);
	border-color: var(--border-color2)
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 .2rem var(--link-color-hover)
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	border-color: var(--btn-primary-color);
	background-color: var(--btn-primary-color)
}

.page-item.disabled .page-link {
	cursor: auto;
	pointer-events: none;
	color: #b8b8bc;
	border-color: var(--border-color2);
	background-color: #fff
}

.pagination-lg .page-link {
	font-size: 1.125rem;
	line-height: 1.5;
	padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
	font-size: .7875rem;
	line-height: 1.5;
	padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}

.badge {
	font-size: 80%;
	display: inline-block;
	padding: .4rem .5rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-align: center;
	border-radius: .25rem
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem
}

a.badge-primary:focus, a.badge-primary:hover {
	color: #fff;
	background-color: var(--btn-primary-border-color)
}

a.badge-primary.focus, a.badge-primary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem var(--btn-primary-focus-box-shadow)
}

.badge-dark, .badge-secondary {
	color: #fff;
	background-color: #55565a
}

a.badge-dark:focus, a.badge-dark:hover, a.badge-secondary:focus, a.badge-secondary:hover {
	color: #fff;
	background-color: #3c3d40
}

a.badge-dark.focus, a.badge-dark:focus, a.badge-secondary.focus, a.badge-secondary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(85,86,90,.5)
}

.badge-success {
	color: #fff;
	background-color: #16ac34
}

a.badge-success:focus, a.badge-success:hover {
	color: #fff;
	background-color: #107f26
}

a.badge-success.focus, a.badge-success:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(22,172,52,.5)
}

.badge-info {
	color: #fff;
	background-color: #19b5fe
}

a.badge-info:focus, a.badge-info:hover {
	color: #fff;
	background-color: #019be3
}

a.badge-info.focus, a.badge-info:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(25,181,254,.5)
}

.badge-warning {
	color: #fff;
	background-color: #b9b32a
}

a.badge-warning:focus, a.badge-warning:hover {
	color: #fff;
	background-color: #8f8b21
}

a.badge-warning.focus, a.badge-warning:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(185,179,42,.5)
}

.badge-danger {
	color: #fff;
	background-color: #d62812
}

a.badge-danger:focus, a.badge-danger:hover {
	color: #fff;
	background-color: #a71f0e
}

a.badge-danger.focus, a.badge-danger:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(214,40,18,.5)
}

.badge-light {
	color: #4b4c50;
	background-color: var(--border-color3)
}

a.badge-light:focus, a.badge-light:hover {
	color: #4b4c50;
	background-color: #e5e5e5
}

a.badge-light.focus, a.badge-light:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(254,254,254,.5)
}

.jumbotron {
	margin-bottom: 2rem;
	padding: 2rem 1rem;
	border-radius: .3rem;
	background-color: var(--border-color)
}

.jumbotron-fluid {
	padding-right: 0;
	padding-left: 0;
	border-radius: 0
}

.alert {
	margin-bottom: 1rem;
	padding: .75rem 1.25rem;
	border: 1px solid transparent;
	border-radius: .25rem
}

.alert-dismissible {
	padding-right: 3.85rem
}

	.alert-dismissible .close {
		position: absolute;
		top: 0;
		right: 0;
		padding: .75rem 1.25rem;
		color: inherit
	}

.alert-primary {
	color: var(--alert-primary-color);
	border-color: var(--table-primary-td-color);
	background-color: var(--table-primary-td-color)
}

	.alert-primary hr {
		border-top-color: var(--table-primary-td-color)
	}

	.alert-primary .alert-link {
		color: #2c050b
	}

.alert-dark, .alert-secondary {
	color: #2c2d2f;
	border-color: #cfd0d1;
	background-color: #ddddde
}

	.alert-dark hr, .alert-secondary hr {
		border-top-color: #c2c3c5
	}

	.alert-dark .alert-link, .alert-secondary .alert-link {
		color: #131415
	}

.alert-success {
	color: #0b591b;
	border-color: #bee8c6;
	background-color: #d0eed6
}

	.alert-success hr {
		border-top-color: #abe1b5
	}

	.alert-success .alert-link {
		color: #052c0d
	}

.alert-info {
	color: #0d5e84;
	border-color: #bfeaff;
	background-color: #d1f0ff
}

	.alert-info hr {
		border-top-color: #a6e2ff
	}

	.alert-info .alert-link {
		color: #083d56
	}

.alert-warning {
	color: #605d16;
	border-color: #ebeac3;
	background-color: #f1f0d4
}

	.alert-warning hr {
		border-top-color: #e5e3b0
	}

	.alert-warning .alert-link {
		color: #37350c
	}

.alert-danger {
	color: #6f1509;
	border-color: #f4c3bd;
	background-color: #f7d4d0
}

	.alert-danger hr {
		border-top-color: #f0afa7
	}

	.alert-danger .alert-link {
		color: #400c05
	}

.alert-light {
	color: #848484;
	border-color: #fff;
	background-color: #fff
}

	.alert-light hr {
		border-top-color: #f2f2f2
	}

	.alert-light .alert-link {
		color: #6b6b6b
	}

@keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0
	}

	to {
		background-position: 0 0
	}
}

.progress {
	font-size: .675rem;
	display: flex;
	height: 1rem;
	border-radius: .25rem;
	background-color: var(--border-color)
}

.progress-bar {
	display: flex;
	flex-direction: column;
	transition: width .6s;
	text-align: center;
	color: #fff;
	background-color: var(--btn-primary-color);
	justify-content: center
}

.progress-bar-striped {
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 1rem 1rem
}

.progress-bar-animated {
	animation: 1s linear infinite progress-bar-stripes
}

.media {
	display: flex;
	align-items: flex-start
}

.media-body {
	flex: 1 1
}

.list-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	padding-left: 0
}

.list-group-item-action {
	width: 100%;
	text-align: inherit;
	color: #55565a
}

	.list-group-item-action:focus, .list-group-item-action:hover {
		z-index: 1;
		text-decoration: none;
		color: #55565a;
		background-color: var(--border-color3)
	}

	.list-group-item-action:active {
		color: #55565a;
		background-color: var(--border-color)
	}

.list-group-item {
	display: block;
	margin-bottom: -1px;
	padding: .75rem 1.25rem;
	border: 1px solid #d3e0e9;
	background-color: #fff
}

	.list-group-item:last-child {
		margin-bottom: 0;
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: .25rem
	}

	.list-group-item.disabled, .list-group-item:disabled {
		pointer-events: none;
		color: #b8b8bc;
		background-color: #fff
	}

	.list-group-item.active {
		z-index: 2;
		color: #fff;
		border-color: var(--btn-primary-color);
		background-color: var(--btn-primary-color)
	}

.list-group-horizontal .list-group-item {
	margin-right: -1px;
	margin-bottom: 0
}

	.list-group-horizontal .list-group-item:first-child {
		border-top-left-radius: .25rem;
		border-top-right-radius: 0;
		border-bottom-left-radius: .25rem
	}

	.list-group-horizontal .list-group-item:last-child {
		margin-right: 0;
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: 0
	}

.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0
}

.list-group-flush:last-child .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom: 0
}

.list-group-item-primary, .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
	color: var(--alert-primary-color);
	background-color: var(--table-primary-td-color)
}

	.list-group-item-primary.list-group-item-action.active {
		color: #fff;
		border-color: var(--alert-primary-color);
		background-color: var(--alert-primary-color)
	}

.list-group-item-dark, .list-group-item-secondary {
	color: #2c2d2f;
	background-color: #cfd0d1
}

	.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
		color: #2c2d2f;
		background-color: #c2c3c5
	}

	.list-group-item-dark.list-group-item-action.active, .list-group-item-secondary.list-group-item-action.active {
		color: #fff;
		border-color: #2c2d2f;
		background-color: #2c2d2f
	}

.list-group-item-success {
	color: #0b591b;
	background-color: #bee8c6
}

	.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
		color: #0b591b;
		background-color: #abe1b5
	}

	.list-group-item-success.list-group-item-action.active {
		color: #fff;
		border-color: #0b591b;
		background-color: #0b591b
	}

.list-group-item-info {
	color: #0d5e84;
	background-color: #bfeaff
}

	.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
		color: #0d5e84;
		background-color: #a6e2ff
	}

	.list-group-item-info.list-group-item-action.active {
		color: #fff;
		border-color: #0d5e84;
		background-color: #0d5e84
	}

.list-group-item-warning {
	color: #605d16;
	background-color: #ebeac3
}

	.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
		color: #605d16;
		background-color: #e5e3b0
	}

	.list-group-item-warning.list-group-item-action.active {
		color: #fff;
		border-color: #605d16;
		background-color: #605d16
	}

.list-group-item-danger {
	color: #6f1509;
	background-color: #f4c3bd
}

	.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
		color: #6f1509;
		background-color: #f0afa7
	}

	.list-group-item-danger.list-group-item-action.active {
		color: #fff;
		border-color: #6f1509;
		background-color: #6f1509
	}

.list-group-item-light {
	color: #848484;
	background-color: #fff
}

	.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
		color: #848484;
		background-color: #f2f2f2
	}

	.list-group-item-light.list-group-item-action.active {
		color: #fff;
		border-color: #848484;
		background-color: #848484
	}

.close {
	font-size: 1.35rem;
	font-weight: 700;
	float: right;
	opacity: .5;
	color: #000;
	text-shadow: 0 1px 0 #fff
}

	.close:hover {
		text-decoration: none;
		color: #000
	}

	.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover, .opacity-75 {
		opacity: .75
	}

button.close {
	padding: 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.toast {
	font-size: .875rem;
	max-width: 350px;
	opacity: 0;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: .25rem;
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.popover, .tooltip {
	font-size: .7875rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	word-wrap: break-word;
	word-break: normal;
	text-shadow: none;
	line-break: auto;
	white-space: normal;
	text-decoration: none;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
	font-style: normal
}

.avatar-input:hover .avatar-input-icon, .card .card-controls > .dropdown > a .icon:hover, .card .card-controls > .icon:hover, .carousel-indicators .active, .chat-sidebar .chat-sidebar-item.active, .chat-sidebar .chat-sidebar-item:active, .chat-sidebar .chat-sidebar-item:focus, .chat-sidebar .chat-sidebar-item:hover, .mail-sidebar .mail-sidebar-item.active, .mail-sidebar .mail-sidebar-item:active, .mail-sidebar .mail-sidebar-item:focus, .mail-sidebar .mail-sidebar-item:hover, .minicheckbox input[type=checkbox]:checked ~ .custom-options-box:before, .modal-backdrop.show, .opacity-1, .toast.showing {
	opacity: 1
}

.toast.show {
	display: block;
	opacity: 1
}

.toast-header {
	display: flex;
	padding: .25rem .75rem;
	color: #b8b8bc;
	border-bottom: 1px solid rgba(0,0,0,.05);
	background-color: rgba(255,255,255,.85);
	align-items: center
}

.toast-body {
	padding: .75rem
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal {
	position: fixed;
	z-index: 1050;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	outline: 0
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0,-50px)
}

.modal.show .modal-dialog {
	transform: none
}

.modal-dialog-scrollable {
	display: flex;
	max-height: calc(100% - 1rem)
}

	.modal-dialog-scrollable .modal-content {
		overflow: hidden;
		max-height: calc(100vh - 1rem)
	}

	.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
		flex-shrink: 0
	}

	.modal-dialog-scrollable .modal-body {
		overflow-y: auto
	}

.modal-dialog-centered {
	display: flex;
	min-height: calc(100% - 1rem);
	align-items: center
}

	.modal-dialog-centered::before {
		display: block;
		height: calc(100vh - 1rem);
		content: ''
	}

	.modal-dialog-centered.modal-dialog-scrollable {
		flex-direction: column;
		height: 100%;
		justify-content: center
	}

		.modal-dialog-centered.modal-dialog-scrollable .modal-content {
			max-height: none
		}

		.modal-dialog-centered.modal-dialog-scrollable::before {
			content: none
		}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0;
	background-color: #fff
}

.modal-backdrop {
	position: fixed;
	z-index: 1040;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000
}

.modal-header {
	display: flex;
	padding: 1rem;
	border-bottom: 1px solid #d3e0e9;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
	align-items: flex-start;
	justify-content: space-between
}

	.modal-header .close {
		margin: -1rem -1rem -1rem auto;
		padding: 1rem
	}

.modal-title {
	line-height: 1.5;
	margin-bottom: 0
}

.modal-body {
	position: relative;
	padding: 1rem;
	flex: 1 1 auto
}

.modal-footer {
	display: flex;
	padding: 1rem;
	border-top: 1px solid #d3e0e9;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
	align-items: center;
	justify-content: flex-end
}

	.modal-footer > :not(:first-child) {
		margin-left: .25rem
	}

	.modal-footer > :not(:last-child) {
		margin-right: .25rem
	}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	overflow: scroll;
	width: 50px;
	height: 50px
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	text-align: left;
	text-align: start;
	opacity: 0
}

	.tooltip.show {
		opacity: .9
	}

	.tooltip .arrow {
		position: absolute;
		display: block;
		width: .8rem;
		height: .4rem
	}

		.tooltip .arrow::before {
			position: absolute;
			content: '';
			border-style: solid;
			border-color: transparent
		}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-auto[x-placement^=top], .bs-tooltip-bottom, .bs-tooltip-top {
	padding: .4rem 0
}

	.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
		bottom: 0
	}

		.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
			top: 0;
			border-width: .4rem .4rem 0;
			border-top-color: #000
		}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-auto[x-placement^=right], .bs-tooltip-left, .bs-tooltip-right {
	padding: 0 .4rem
}

	.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
		left: 0;
		width: .4rem;
		height: .8rem
	}

		.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
			right: 0;
			border-width: .4rem .4rem .4rem 0;
			border-right-color: #000
		}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
	top: 0
}

	.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
		bottom: 0;
		border-width: 0 .4rem .4rem;
		border-bottom-color: #000
	}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
	right: 0;
	width: .4rem;
	height: .8rem
}

	.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
		left: 0;
		border-width: .4rem 0 .4rem .4rem;
		border-left-color: #000
	}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	text-align: center;
	color: #fff;
	border-radius: .25rem;
	background-color: #000
}

.carousel-indicators li, .popover {
	background-color: #fff;
	background-clip: padding-box
}

.popover {
	position: absolute;
	z-index: 1060;
	top: 0;
	left: 0;
	display: block;
	max-width: 276px;
	text-align: left;
	text-align: start;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem
}

.btn-cta, .text-overline {
	letter-spacing: 1px;
	font-weight: 600
}

.popover .arrow {
	position: absolute;
	display: block;
	width: 1rem;
	height: .5rem;
	margin: 0 .3rem
}

	.popover .arrow::after, .popover .arrow::before {
		position: absolute;
		display: block;
		content: '';
		border-style: solid;
		border-color: transparent
	}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
	margin-bottom: .5rem
}

	.bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow {
		bottom: calc((.5rem + 1px) * -1)
	}

		.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
			bottom: 0;
			border-width: .5rem .5rem 0;
			border-top-color: rgba(0,0,0,.25)
		}

		.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
			bottom: 1px;
			border-width: .5rem .5rem 0;
			border-top-color: #fff
		}

.bs-popover-auto[x-placement^=right], .bs-popover-right, .mail-window .mail-window-body .mailbox-sender {
	margin-left: .5rem
}

	.bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow {
		left: calc((.5rem + 1px) * -1);
		width: .5rem;
		height: 1rem;
		margin: .3rem 0
	}

		.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
			left: 0;
			border-width: .5rem .5rem .5rem 0;
			border-right-color: rgba(0,0,0,.25)
		}

		.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
			left: 1px;
			border-width: .5rem .5rem .5rem 0;
			border-right-color: #fff
		}

.bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow {
	top: calc((.5rem + 1px) * -1)
}

	.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
		top: 0;
		border-width: 0 .5rem .5rem;
		border-bottom-color: rgba(0,0,0,.25)
	}

	.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
		top: 1px;
		border-width: 0 .5rem .5rem;
		border-bottom-color: #fff
	}

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1rem;
	margin-left: -.5rem;
	content: '';
	border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow {
	right: calc((.5rem + 1px) * -1);
	width: .5rem;
	height: 1rem;
	margin: .3rem 0
}

.alert-border-danger .icon, .alert-border-info .icon, .alert-border-light .icon, .alert-border-primary .icon, .alert-border-success .icon, .alert-border-warning .icon {
	font-size: 1.5rem;
	margin-left: -4px;
	padding-right: 7px
}

.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
	right: 0;
	border-width: .5rem 0 .5rem .5rem;
	border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
	right: 1px;
	border-width: .5rem 0 .5rem .5rem;
	border-left-color: #fff
}

.popover-header {
	font-size: .9rem;
	margin-bottom: 0;
	padding: .5rem .75rem;
	border-bottom: 1px solid #ebebeb;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
	background-color: #f7f7f7
}

.popover-body {
	padding: .5rem .75rem;
	color: #55565a
}

.carousel.pointer-event {
	touch-action: pan-y
}

.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%
}

	.carousel-inner::after, .clearfix::after {
		display: block;
		clear: both;
		content: ''
	}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
	transform: translateX(100%)
}

.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
	transform: translateX(-100%)
}

.carousel-fade .carousel-item {
	transition-property: opacity;
	transform: none;
	opacity: 0
}

	.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
		z-index: 1;
		opacity: 1
	}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
	z-index: 0;
	transition: opacity 0s .6s;
	opacity: 0
}

.carousel-control-next, .carousel-control-prev {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	display: flex;
	width: 15%;
	transition: opacity .15s;
	text-align: center;
	opacity: .5;
	color: #fff;
	align-items: center;
	justify-content: center
}

	.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
		text-decoration: none;
		opacity: .9;
		color: #fff;
		outline: 0
	}

.carousel-control-prev {
	left: 0
}

.carousel-control-next {
	right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23FFFFFF\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3e%3c/svg%3e')
}

.carousel-control-next-icon {
	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23FFFFFF\' viewBox=\'0 0 8 8\'%3e%3cpath d=\'M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3e%3c/svg%3e')
}

.carousel-indicators {
	position: absolute;
	z-index: 15;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	margin-right: 15%;
	margin-left: 15%;
	padding-left: 0;
	list-style: none;
	justify-content: center
}

.spinner-border, .spinner-grow {
	display: inline-block;
	vertical-align: text-bottom
}

.carousel-indicators li {
	box-sizing: content-box;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	cursor: pointer;
	transition: opacity .6s;
	text-indent: -999px;
	opacity: .5;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	flex: 0 1 auto
}

@media (prefers-reduced-motion:reduce) {
	.btn, .collapsing, .custom-switch .custom-control-label::after, .fade, .form-control {
		transition: none
	}

	.custom-range::-webkit-slider-thumb {
		transition: none
	}

	.custom-range::-moz-range-thumb {
		transition: none
	}

	.custom-range::-ms-thumb {
		transition: none
	}

	.badge, .carousel-control-next, .carousel-control-prev, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right, .carousel-indicators li, .carousel-item, .custom-control-label::before, .custom-file-label, .custom-select, .modal.fade .modal-dialog, .progress-bar {
		transition: none
	}

	.progress-bar-animated {
		animation: none
	}
}

.carousel-caption {
	position: absolute;
	z-index: 10;
	right: 15%;
	bottom: 20px;
	left: 15%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #fff
}

@keyframes spinner-border {
	to {
		transform: rotate(360deg)
	}
}

.spinner-border {
	width: 2rem;
	height: 2rem;
	animation: .75s linear infinite spinner-border;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%
}

.spinner-border-sm {
	width: 1rem;
	height: 1rem;
	border-width: .2em
}

@keyframes spinner-grow {
	0% {
		transform: scale(0)
	}

	50% {
		opacity: 1
	}
}

.spinner-grow {
	width: 2rem;
	height: 2rem;
	animation: .75s linear infinite spinner-grow;
	opacity: 0;
	border-radius: 50%;
	background-color: currentColor
}

.spinner-grow-sm {
	width: 1rem;
	height: 1rem
}

.align-baseline {
	vertical-align: baseline !important
}

.align-top {
	vertical-align: top !important
}

.align-middle {
	vertical-align: middle !important
}

.align-bottom {
	vertical-align: bottom !important
}

.align-text-bottom {
	vertical-align: text-bottom !important
}

.align-text-top {
	vertical-align: text-top !important
}

.bg-primary {
	background-color: var(--btn-primary-color) !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
	background-color: var(--btn-primary-border-color) !important
}

.bg-dark, .bg-secondary {
	background-color: #55565a !important
}

a.bg-dark:focus, a.bg-dark:hover, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-dark:focus, button.bg-dark:hover, button.bg-secondary:focus, button.bg-secondary:hover {
	background-color: #3c3d40 !important
}

.bg-success {
	background-color: #16ac34 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
	background-color: #107f26 !important
}

.bg-info {
	background-color: #19b5fe !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
	background-color: #019be3 !important
}

.bg-warning {
	background-color: #b9b32a !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
	background-color: #8f8b21 !important
}

.bg-danger {
	background-color: #d62812 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
	background-color: #a71f0e !important
}

.bg-light {
	background-color: var(--border-color3) !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
	background-color: #e5e5e5 !important
}

.border {
	border: 1px solid #d3e0e9 !important
}

.border-top {
	border-top: 1px solid #d3e0e9 !important
}

.border-right {
	border-right: 1px solid #d3e0e9 !important
}

.border-bottom {
	border-bottom: 1px solid #d3e0e9 !important
}

.border-left {
	border-left: 1px solid #d3e0e9 !important
}

.border-0, .no-border {
	border: 0 !important
}

.border-top-0 {
	border-top: 0 !important
}

.border-right-0 {
	border-right: 0 !important
}

.border-bottom-0 {
	border-bottom: 0 !important
}

.border-left-0 {
	border-left: 0 !important
}

.border-primary {
	border-color: var(--btn-primary-color) !important
}

.border-dark, .border-secondary {
	border-color: #55565a !important
}

.border-success {
	border-color: #16ac34 !important
}

.border-info {
	border-color: #19b5fe !important
}

.border-warning {
	border-color: #b9b32a !important
}

.border-danger {
	border-color: #d62812 !important
}

.border-light {
	border-color: var(--border-color3) !important
}

.rounded-sm {
	border-radius: .2rem !important
}

.rounded-right, .rounded-top {
	border-top-right-radius: .25rem !important
}

.rounded-bottom, .rounded-right {
	border-bottom-right-radius: .25rem !important
}

.rounded-left, .rounded-top {
	border-top-left-radius: .25rem !important
}

.rounded-bottom, .rounded-left {
	border-bottom-left-radius: .25rem !important
}

.rounded {
	border-radius: .25rem !important
}

.rounded-lg {
	border-radius: .3rem !important
}

.rounded-circle {
	border-radius: 50% !important
}

.rounded-pill {
	border-radius: 50rem !important
}

.rounded-0 {
	border-radius: 0 !important
}

.d-inline {
	display: inline !important
}

.d-inline-block {
	display: inline-block !important
}

.d-block {
	display: block !important
}

.d-table {
	display: table !important
}

.d-table-row {
	display: table-row !important
}

.d-table-cell {
	display: table-cell !important
}

.d-flex {
	display: flex !important
}

.d-inline-flex {
	display: inline-flex !important
}

.embed-responsive {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0
}

	.embed-responsive::before {
		display: block;
		content: ''
	}

	.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0
	}

.embed-responsive-21by9::before {
	padding-top: 42.85714%
}

.embed-responsive-16by9::before {
	padding-top: 56.25%
}

.embed-responsive-4by3::before {
	padding-top: 75%
}

.embed-responsive-1by1::before {
	padding-top: 100%
}

.flex-row {
	flex-direction: row !important
}

.flex-column {
	flex-direction: column !important
}

.flex-row-reverse {
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	flex-direction: column-reverse !important
}

.flex-wrap {
	flex-wrap: wrap !important
}

.flex-nowrap {
	flex-wrap: nowrap !important
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important
}

.flex-fill {
	flex: 1 1 auto !important
}

.flex-grow-0 {
	flex-grow: 0 !important
}

.flex-grow-1 {
	flex-grow: 1 !important
}

.flex-shrink-0 {
	flex-shrink: 0 !important
}

.flex-shrink-1 {
	flex-shrink: 1 !important
}

.justify-content-start {
	justify-content: flex-start !important
}

.justify-content-end {
	justify-content: flex-end !important
}

.justify-content-center {
	justify-content: center !important
}

.justify-content-between {
	justify-content: space-between !important
}

.justify-content-around {
	justify-content: space-around !important
}

.align-items-start {
	align-items: flex-start !important
}

.align-items-end {
	align-items: flex-end !important
}

.align-items-center {
	align-items: center !important
}

.align-items-baseline {
	align-items: baseline !important
}

.align-items-stretch {
	align-items: stretch !important
}

.align-content-start {
	align-content: flex-start !important
}

.align-content-end {
	align-content: flex-end !important
}

.align-content-center {
	align-content: center !important
}

.align-content-between {
	align-content: space-between !important
}

.align-content-around {
	align-content: space-around !important
}

.align-content-stretch {
	align-content: stretch !important
}

.align-self-auto {
	align-self: auto !important
}

.align-self-start {
	align-self: flex-start !important
}

.align-self-end {
	align-self: flex-end !important
}

.align-self-center {
	align-self: center !important
}

.align-self-baseline {
	align-self: baseline !important
}

.align-self-stretch {
	align-self: stretch !important
}

.float-left {
	float: left !important
}

.float-right {
	float: right !important
}

.float-none {
	float: none !important
}

.overflow-auto {
	overflow: auto !important
}

.overflow-hidden {
	overflow: hidden !important
}

.position-static {
	position: static !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.position-fixed {
	position: fixed !important
}

.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important
}

.fixed-bottom, .fixed-top {
	position: fixed;
	z-index: 1030;
	left: 0;
	right: 0
}

.fixed-top {
	top: 0
}

.fixed-bottom {
	bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
	.sticky-top {
		position: -webkit-sticky;
		position: sticky;
		z-index: 1020;
		top: 0
	}
}

.sr-only {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	width: 1px;
	height: 1px;
	padding: 0;
	white-space: nowrap;
	border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	width: auto;
	height: auto;
	white-space: normal
}

.shadow-sm {
	box-shadow: 0 5px 12px rgba(126,142,177,.2) !important
}

.shadow {
	box-shadow: 0 2px 4px rgba(126,142,177,.12) !important
}

.shadow-lg {
	box-shadow: 0 18px 35px rgba(50,50,93,.1),-1px 0 15px rgba(0,0,0,.07) !important
}

.shadow-none {
	box-shadow: none !important
}

.w-25 {
	width: 25% !important
}

.w-50 {
	width: 50% !important
}

.w-75 {
	width: 75% !important
}

.w-100 {
	width: 100% !important
}

.w-auto {
	width: auto !important
}

.h-25 {
	height: 25% !important
}

.h-50 {
	height: 50% !important
}

.h-75 {
	height: 75% !important
}

.h-100 {
	height: 100% !important
}

.h-auto {
	height: auto !important
}

.mw-100 {
	max-width: 100% !important
}

.mh-100 {
	max-height: 100% !important
}

.min-vw-100 {
	min-width: 100vw !important
}

.min-vh-100 {
	min-height: 100vh !important
}

.vw-100 {
	width: 100vw !important
}

.vh-100 {
	height: 100vh !important
}

.stretched-link::after {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	pointer-events: auto;
	background-color: rgba(0,0,0,0)
}

.m-0 {
	margin: 0 !important
}

.mt-0, .my-0 {
	margin-top: 0 !important
}

.mr-0, .mx-0 {
	margin-right: 0 !important
}

.mb-0, .my-0 {
	margin-bottom: 0 !important
}

.ml-0, .mx-0 {
	margin-left: 0 !important
}

.m-1 {
	margin: .25rem !important
}

.mt-1, .my-1 {
	margin-top: .25rem !important
}

.mr-1, .mx-1 {
	margin-right: .25rem !important
}

.mb-1, .my-1 {
	margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
	margin-left: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.mt-2, .my-2 {
	margin-top: .5rem !important
}

.mr-2, .mx-2 {
	margin-right: .5rem !important
}

.mb-2, .my-2 {
	margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
	margin-left: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.mt-3, .my-3 {
	margin-top: 1rem !important
}

.mr-3, .mx-3 {
	margin-right: 1rem !important
}

.mb-3, .my-3 {
	margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
	margin-left: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.mt-4, .my-4 {
	margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
	margin-right: 1.5rem !important
}

.mb-4, .my-4 {
	margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
	margin-left: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.mt-5, .my-5 {
	margin-top: 3rem !important
}

.mr-5, .mx-5 {
	margin-right: 3rem !important
}

.mb-5, .my-5 {
	margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
	margin-left: 3rem !important
}

.p-0 {
	padding: 0 !important
}

.pt-0, .py-0 {
	padding-top: 0 !important
}

.pr-0, .px-0 {
	padding-right: 0 !important
}

.pb-0, .py-0 {
	padding-bottom: 0 !important
}

.pl-0, .px-0 {
	padding-left: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.pt-1, .py-1 {
	padding-top: .25rem !important
}

.pr-1, .px-1 {
	padding-right: .25rem !important
}

.pb-1, .py-1 {
	padding-bottom: .25rem !important
}

.pl-1, .px-1 {
	padding-left: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.pt-2, .py-2 {
	padding-top: .5rem !important
}

.pr-2, .px-2 {
	padding-right: .5rem !important
}

.pb-2, .py-2 {
	padding-bottom: .5rem !important
}

.pl-2, .px-2 {
	padding-left: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.pt-3, .py-3 {
	padding-top: 1rem !important
}

.pr-3, .px-3 {
	padding-right: 1rem !important
}

.pb-3, .py-3 {
	padding-bottom: 1rem !important
}

.pl-3, .px-3 {
	padding-left: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.pt-4, .py-4 {
	padding-top: 1.5rem !important
}

.pr-4, .px-4 {
	padding-right: 1.5rem !important
}

.pb-4, .py-4 {
	padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
	padding-left: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.pt-5, .py-5 {
	padding-top: 3rem !important
}

.pr-5, .px-5 {
	padding-right: 3rem !important
}

.pb-5, .py-5 {
	padding-bottom: 3rem !important
}

.pl-5, .px-5 {
	padding-left: 3rem !important
}

.m-n1 {
	margin: -.25rem !important
}

.mt-n1, .my-n1 {
	margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
	margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
	margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
	margin-left: -.25rem !important
}

.m-n2 {
	margin: -.5rem !important
}

.mt-n2, .my-n2 {
	margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
	margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
	margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
	margin-left: -.5rem !important
}

.m-n3 {
	margin: -1rem !important
}

.mt-n3, .my-n3 {
	margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
	margin-right: -1rem !important
}

.mb-n3, .my-n3 {
	margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
	margin-left: -1rem !important
}

.m-n4 {
	margin: -1.5rem !important
}

.mt-n4, .my-n4 {
	margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
	margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
	margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
	margin-left: -1.5rem !important
}

.m-n5 {
	margin: -3rem !important
}

.mt-n5, .my-n5 {
	margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
	margin-right: -3rem !important
}

.mb-n5, .my-n5 {
	margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
	margin-left: -3rem !important
}

.m-auto {
	margin: auto !important
}

.mt-auto, .my-auto {
	margin-top: auto !important
}

.mr-auto, .mx-auto {
	margin-right: auto !important
}

.mb-auto, .my-auto {
	margin-bottom: auto !important
}

.ml-auto, .mx-auto {
	margin-left: auto !important
}

.text-monospace {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace !important
}

.text-justify {
	text-align: justify !important
}

.text-wrap {
	white-space: normal !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-truncate {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}

	.col-lg {
		max-width: 100%;
		flex-basis: 0;
		flex-grow: 1
	}

	.col-lg-auto {
		width: auto;
		max-width: 100%;
		flex: 0 0 auto
	}

	.col-lg-1 {
		max-width: 8.33333%;
		flex: 0 0 8.33333%
	}

	.col-lg-2 {
		max-width: 16.66667%;
		flex: 0 0 16.66667%
	}

	.col-lg-3 {
		max-width: 25%;
		flex: 0 0 25%
	}

	.col-lg-4 {
		max-width: 33.33333%;
		flex: 0 0 33.33333%
	}

	.col-lg-5 {
		max-width: 41.66667%;
		flex: 0 0 41.66667%
	}

	.col-lg-6 {
		max-width: 50%;
		flex: 0 0 50%
	}

	.col-lg-7 {
		max-width: 58.33333%;
		flex: 0 0 58.33333%
	}

	.col-lg-8 {
		max-width: 66.66667%;
		flex: 0 0 66.66667%
	}

	.col-lg-9 {
		max-width: 75%;
		flex: 0 0 75%
	}

	.col-lg-10 {
		max-width: 83.33333%;
		flex: 0 0 83.33333%
	}

	.col-lg-11 {
		max-width: 91.66667%;
		flex: 0 0 91.66667%
	}

	.col-lg-12 {
		max-width: 100%;
		flex: 0 0 100%
	}

	.order-lg-first {
		order: -1
	}

	.order-lg-last {
		order: 13
	}

	.order-lg-0 {
		order: 0
	}

	.order-lg-1 {
		order: 1
	}

	.order-lg-2 {
		order: 2
	}

	.order-lg-3 {
		order: 3
	}

	.order-lg-4 {
		order: 4
	}

	.order-lg-5 {
		order: 5
	}

	.order-lg-6 {
		order: 6
	}

	.order-lg-7 {
		order: 7
	}

	.order-lg-8 {
		order: 8
	}

	.order-lg-9 {
		order: 9
	}

	.order-lg-10 {
		order: 10
	}

	.order-lg-11 {
		order: 11
	}

	.order-lg-12 {
		order: 12
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.33333%
	}

	.offset-lg-2 {
		margin-left: 16.66667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.33333%
	}

	.offset-lg-5 {
		margin-left: 41.66667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.33333%
	}

	.offset-lg-8 {
		margin-left: 66.66667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.33333%
	}

	.offset-lg-11 {
		margin-left: 91.66667%
	}

	.dropdown-menu-lg-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-lg-right {
		right: 0;
		left: auto
	}

	.navbar-expand-lg {
		flex-flow: row nowrap;
		justify-content: flex-start
	}

		.list-group-horizontal-lg, .navbar-expand-lg .navbar-nav {
			flex-direction: row
		}

			.navbar-expand-lg .navbar-nav .dropdown-menu {
				position: absolute
			}

			.navbar-expand-lg .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem
			}

		.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
			flex-wrap: nowrap
		}

		.navbar-expand-lg .navbar-collapse {
			display: flex !important;
			flex-basis: auto
		}

		.navbar-expand-lg .navbar-toggler {
			display: none
		}

	.list-group-horizontal-lg .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}

		.list-group-horizontal-lg .list-group-item:first-child {
			border-top-left-radius: .25rem;
			border-top-right-radius: 0;
			border-bottom-left-radius: .25rem
		}

		.list-group-horizontal-lg .list-group-item:last-child {
			margin-right: 0;
			border-top-right-radius: .25rem;
			border-bottom-right-radius: .25rem;
			border-bottom-left-radius: 0
		}

	.modal-lg, .modal-xl {
		max-width: 800px
	}

	.d-lg-none {
		display: none !important
	}

	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: flex !important
	}

	.d-lg-inline-flex {
		display: inline-flex !important
	}

	.flex-lg-row {
		flex-direction: row !important
	}

	.flex-lg-column {
		flex-direction: column !important
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.flex-lg-fill {
		flex: 1 1 auto !important
	}

	.flex-lg-grow-0 {
		flex-grow: 0 !important
	}

	.flex-lg-grow-1 {
		flex-grow: 1 !important
	}

	.flex-lg-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-lg-shrink-1 {
		flex-shrink: 1 !important
	}

	.justify-content-lg-start {
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		justify-content: center !important
	}

	.justify-content-lg-between {
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		justify-content: space-around !important
	}

	.align-items-lg-start {
		align-items: flex-start !important
	}

	.align-items-lg-end {
		align-items: flex-end !important
	}

	.align-items-lg-center {
		align-items: center !important
	}

	.align-items-lg-baseline {
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		align-items: stretch !important
	}

	.align-content-lg-start {
		align-content: flex-start !important
	}

	.align-content-lg-end {
		align-content: flex-end !important
	}

	.align-content-lg-center {
		align-content: center !important
	}

	.align-content-lg-between {
		align-content: space-between !important
	}

	.align-content-lg-around {
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		align-content: stretch !important
	}

	.align-self-lg-auto {
		align-self: auto !important
	}

	.align-self-lg-start {
		align-self: flex-start !important
	}

	.align-self-lg-end {
		align-self: flex-end !important
	}

	.align-self-lg-center {
		align-self: center !important
	}

	.align-self-lg-baseline {
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		align-self: stretch !important
	}

	.float-lg-left {
		float: left !important
	}

	.float-lg-right {
		float: right !important
	}

	.float-lg-none {
		float: none !important
	}

	.m-lg-0 {
		margin: 0 !important
	}

	.mt-lg-0, .my-lg-0 {
		margin-top: 0 !important
	}

	.mr-lg-0, .mx-lg-0 {
		margin-right: 0 !important
	}

	.mb-lg-0, .my-lg-0 {
		margin-bottom: 0 !important
	}

	.ml-lg-0, .mx-lg-0 {
		margin-left: 0 !important
	}

	.m-lg-1 {
		margin: .25rem !important
	}

	.mt-lg-1, .my-lg-1 {
		margin-top: .25rem !important
	}

	.mr-lg-1, .mx-lg-1 {
		margin-right: .25rem !important
	}

	.mb-lg-1, .my-lg-1 {
		margin-bottom: .25rem !important
	}

	.ml-lg-1, .mx-lg-1 {
		margin-left: .25rem !important
	}

	.m-lg-2 {
		margin: .5rem !important
	}

	.mt-lg-2, .my-lg-2 {
		margin-top: .5rem !important
	}

	.mr-lg-2, .mx-lg-2 {
		margin-right: .5rem !important
	}

	.mb-lg-2, .my-lg-2 {
		margin-bottom: .5rem !important
	}

	.ml-lg-2, .mx-lg-2 {
		margin-left: .5rem !important
	}

	.m-lg-3 {
		margin: 1rem !important
	}

	.mt-lg-3, .my-lg-3 {
		margin-top: 1rem !important
	}

	.mr-lg-3, .mx-lg-3 {
		margin-right: 1rem !important
	}

	.mb-lg-3, .my-lg-3 {
		margin-bottom: 1rem !important
	}

	.ml-lg-3, .mx-lg-3 {
		margin-left: 1rem !important
	}

	.m-lg-4 {
		margin: 1.5rem !important
	}

	.mt-lg-4, .my-lg-4 {
		margin-top: 1.5rem !important
	}

	.mr-lg-4, .mx-lg-4 {
		margin-right: 1.5rem !important
	}

	.mb-lg-4, .my-lg-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-lg-4, .mx-lg-4 {
		margin-left: 1.5rem !important
	}

	.m-lg-5 {
		margin: 3rem !important
	}

	.mt-lg-5, .my-lg-5 {
		margin-top: 3rem !important
	}

	.mr-lg-5, .mx-lg-5 {
		margin-right: 3rem !important
	}

	.mb-lg-5, .my-lg-5 {
		margin-bottom: 3rem !important
	}

	.ml-lg-5, .mx-lg-5 {
		margin-left: 3rem !important
	}

	.p-lg-0 {
		padding: 0 !important
	}

	.pt-lg-0, .py-lg-0 {
		padding-top: 0 !important
	}

	.pr-lg-0, .px-lg-0 {
		padding-right: 0 !important
	}

	.pb-lg-0, .py-lg-0 {
		padding-bottom: 0 !important
	}

	.pl-lg-0, .px-lg-0 {
		padding-left: 0 !important
	}

	.p-lg-1 {
		padding: .25rem !important
	}

	.pt-lg-1, .py-lg-1 {
		padding-top: .25rem !important
	}

	.pr-lg-1, .px-lg-1 {
		padding-right: .25rem !important
	}

	.pb-lg-1, .py-lg-1 {
		padding-bottom: .25rem !important
	}

	.pl-lg-1, .px-lg-1 {
		padding-left: .25rem !important
	}

	.p-lg-2 {
		padding: .5rem !important
	}

	.pt-lg-2, .py-lg-2 {
		padding-top: .5rem !important
	}

	.pr-lg-2, .px-lg-2 {
		padding-right: .5rem !important
	}

	.pb-lg-2, .py-lg-2 {
		padding-bottom: .5rem !important
	}

	.pl-lg-2, .px-lg-2 {
		padding-left: .5rem !important
	}

	.p-lg-3 {
		padding: 1rem !important
	}

	.pt-lg-3, .py-lg-3 {
		padding-top: 1rem !important
	}

	.pr-lg-3, .px-lg-3 {
		padding-right: 1rem !important
	}

	.pb-lg-3, .py-lg-3 {
		padding-bottom: 1rem !important
	}

	.pl-lg-3, .px-lg-3 {
		padding-left: 1rem !important
	}

	.p-lg-4 {
		padding: 1.5rem !important
	}

	.pt-lg-4, .py-lg-4 {
		padding-top: 1.5rem !important
	}

	.pr-lg-4, .px-lg-4 {
		padding-right: 1.5rem !important
	}

	.pb-lg-4, .py-lg-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-lg-4, .px-lg-4 {
		padding-left: 1.5rem !important
	}

	.p-lg-5 {
		padding: 3rem !important
	}

	.pt-lg-5, .py-lg-5 {
		padding-top: 3rem !important
	}

	.pr-lg-5, .px-lg-5 {
		padding-right: 3rem !important
	}

	.pb-lg-5, .py-lg-5 {
		padding-bottom: 3rem !important
	}

	.pl-lg-5, .px-lg-5 {
		padding-left: 3rem !important
	}

	.m-lg-n1 {
		margin: -.25rem !important
	}

	.mt-lg-n1, .my-lg-n1 {
		margin-top: -.25rem !important
	}

	.mr-lg-n1, .mx-lg-n1 {
		margin-right: -.25rem !important
	}

	.mb-lg-n1, .my-lg-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-lg-n1, .mx-lg-n1 {
		margin-left: -.25rem !important
	}

	.m-lg-n2 {
		margin: -.5rem !important
	}

	.mt-lg-n2, .my-lg-n2 {
		margin-top: -.5rem !important
	}

	.mr-lg-n2, .mx-lg-n2 {
		margin-right: -.5rem !important
	}

	.mb-lg-n2, .my-lg-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-lg-n2, .mx-lg-n2 {
		margin-left: -.5rem !important
	}

	.m-lg-n3 {
		margin: -1rem !important
	}

	.mt-lg-n3, .my-lg-n3 {
		margin-top: -1rem !important
	}

	.mr-lg-n3, .mx-lg-n3 {
		margin-right: -1rem !important
	}

	.mb-lg-n3, .my-lg-n3 {
		margin-bottom: -1rem !important
	}

	.ml-lg-n3, .mx-lg-n3 {
		margin-left: -1rem !important
	}

	.m-lg-n4 {
		margin: -1.5rem !important
	}

	.mt-lg-n4, .my-lg-n4 {
		margin-top: -1.5rem !important
	}

	.mr-lg-n4, .mx-lg-n4 {
		margin-right: -1.5rem !important
	}

	.mb-lg-n4, .my-lg-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-lg-n4, .mx-lg-n4 {
		margin-left: -1.5rem !important
	}

	.m-lg-n5 {
		margin: -3rem !important
	}

	.mt-lg-n5, .my-lg-n5 {
		margin-top: -3rem !important
	}

	.mr-lg-n5, .mx-lg-n5 {
		margin-right: -3rem !important
	}

	.mb-lg-n5, .my-lg-n5 {
		margin-bottom: -3rem !important
	}

	.ml-lg-n5, .mx-lg-n5 {
		margin-left: -3rem !important
	}

	.m-lg-auto {
		margin: auto !important
	}

	.mt-lg-auto, .my-lg-auto {
		margin-top: auto !important
	}

	.mr-lg-auto, .mx-lg-auto {
		margin-right: auto !important
	}

	.mb-lg-auto, .my-lg-auto {
		margin-bottom: auto !important
	}

	.ml-lg-auto, .mx-lg-auto {
		margin-left: auto !important
	}

	.text-lg-left {
		text-align: left !important
	}

	.text-lg-right {
		text-align: right !important
	}

	.text-lg-center {
		text-align: center !important
	}
}

@media (min-width:1200px) {
	.container, .modal-xl {
		max-width: 1140px
	}

	.col-xl {
		max-width: 100%;
		flex-basis: 0;
		flex-grow: 1
	}

	.col-xl-auto {
		width: auto;
		max-width: 100%;
		flex: 0 0 auto
	}

	.col-xl-1 {
		max-width: 8.33333%;
		flex: 0 0 8.33333%
	}

	.col-xl-2 {
		max-width: 16.66667%;
		flex: 0 0 16.66667%
	}

	.col-xl-3 {
		max-width: 25%;
		flex: 0 0 25%
	}

	.col-xl-4 {
		max-width: 33.33333%;
		flex: 0 0 33.33333%
	}

	.col-xl-5 {
		max-width: 41.66667%;
		flex: 0 0 41.66667%
	}

	.col-xl-6 {
		max-width: 50%;
		flex: 0 0 50%
	}

	.col-xl-7 {
		max-width: 58.33333%;
		flex: 0 0 58.33333%
	}

	.col-xl-8 {
		max-width: 66.66667%;
		flex: 0 0 66.66667%
	}

	.col-xl-9 {
		max-width: 75%;
		flex: 0 0 75%
	}

	.col-xl-10 {
		max-width: 83.33333%;
		flex: 0 0 83.33333%
	}

	.col-xl-11 {
		max-width: 91.66667%;
		flex: 0 0 91.66667%
	}

	.col-xl-12 {
		max-width: 100%;
		flex: 0 0 100%
	}

	.order-xl-first {
		order: -1
	}

	.order-xl-last {
		order: 13
	}

	.order-xl-0 {
		order: 0
	}

	.order-xl-1 {
		order: 1
	}

	.order-xl-2 {
		order: 2
	}

	.order-xl-3 {
		order: 3
	}

	.order-xl-4 {
		order: 4
	}

	.order-xl-5 {
		order: 5
	}

	.order-xl-6 {
		order: 6
	}

	.order-xl-7 {
		order: 7
	}

	.order-xl-8 {
		order: 8
	}

	.order-xl-9 {
		order: 9
	}

	.order-xl-10 {
		order: 10
	}

	.order-xl-11 {
		order: 11
	}

	.order-xl-12 {
		order: 12
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.33333%
	}

	.offset-xl-2 {
		margin-left: 16.66667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.33333%
	}

	.offset-xl-5 {
		margin-left: 41.66667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.33333%
	}

	.offset-xl-8 {
		margin-left: 66.66667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.33333%
	}

	.offset-xl-11 {
		margin-left: 91.66667%
	}

	.dropdown-menu-xl-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-xl-right {
		right: 0;
		left: auto
	}

	.navbar-expand-xl {
		flex-flow: row nowrap;
		justify-content: flex-start
	}

		.list-group-horizontal-xl, .navbar-expand-xl .navbar-nav {
			flex-direction: row
		}

			.navbar-expand-xl .navbar-nav .dropdown-menu {
				position: absolute
			}

			.navbar-expand-xl .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem
			}

		.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
			flex-wrap: nowrap
		}

		.navbar-expand-xl .navbar-collapse {
			display: flex !important;
			flex-basis: auto
		}

		.navbar-expand-xl .navbar-toggler {
			display: none
		}

	.list-group-horizontal-xl .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}

		.list-group-horizontal-xl .list-group-item:first-child {
			border-top-left-radius: .25rem;
			border-top-right-radius: 0;
			border-bottom-left-radius: .25rem
		}

		.list-group-horizontal-xl .list-group-item:last-child {
			margin-right: 0;
			border-top-right-radius: .25rem;
			border-bottom-right-radius: .25rem;
			border-bottom-left-radius: 0
		}

	.d-xl-none {
		display: none !important
	}

	.d-xl-inline {
		display: inline !important
	}

	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-table {
		display: table !important
	}

	.d-xl-table-row {
		display: table-row !important
	}

	.d-xl-table-cell {
		display: table-cell !important
	}

	.d-xl-flex {
		display: flex !important
	}

	.d-xl-inline-flex {
		display: inline-flex !important
	}

	.flex-xl-row {
		flex-direction: row !important
	}

	.flex-xl-column {
		flex-direction: column !important
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.flex-xl-fill {
		flex: 1 1 auto !important
	}

	.flex-xl-grow-0 {
		flex-grow: 0 !important
	}

	.flex-xl-grow-1 {
		flex-grow: 1 !important
	}

	.flex-xl-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-xl-shrink-1 {
		flex-shrink: 1 !important
	}

	.justify-content-xl-start {
		justify-content: flex-start !important
	}

	.justify-content-xl-end {
		justify-content: flex-end !important
	}

	.justify-content-xl-center {
		justify-content: center !important
	}

	.justify-content-xl-between {
		justify-content: space-between !important
	}

	.justify-content-xl-around {
		justify-content: space-around !important
	}

	.align-items-xl-start {
		align-items: flex-start !important
	}

	.align-items-xl-end {
		align-items: flex-end !important
	}

	.align-items-xl-center {
		align-items: center !important
	}

	.align-items-xl-baseline {
		align-items: baseline !important
	}

	.align-items-xl-stretch {
		align-items: stretch !important
	}

	.align-content-xl-start {
		align-content: flex-start !important
	}

	.align-content-xl-end {
		align-content: flex-end !important
	}

	.align-content-xl-center {
		align-content: center !important
	}

	.align-content-xl-between {
		align-content: space-between !important
	}

	.align-content-xl-around {
		align-content: space-around !important
	}

	.align-content-xl-stretch {
		align-content: stretch !important
	}

	.align-self-xl-auto {
		align-self: auto !important
	}

	.align-self-xl-start {
		align-self: flex-start !important
	}

	.align-self-xl-end {
		align-self: flex-end !important
	}

	.align-self-xl-center {
		align-self: center !important
	}

	.align-self-xl-baseline {
		align-self: baseline !important
	}

	.align-self-xl-stretch {
		align-self: stretch !important
	}

	.float-xl-left {
		float: left !important
	}

	.float-xl-right {
		float: right !important
	}

	.float-xl-none {
		float: none !important
	}

	.m-xl-0 {
		margin: 0 !important
	}

	.mt-xl-0, .my-xl-0 {
		margin-top: 0 !important
	}

	.mr-xl-0, .mx-xl-0 {
		margin-right: 0 !important
	}

	.mb-xl-0, .my-xl-0 {
		margin-bottom: 0 !important
	}

	.ml-xl-0, .mx-xl-0 {
		margin-left: 0 !important
	}

	.m-xl-1 {
		margin: .25rem !important
	}

	.mt-xl-1, .my-xl-1 {
		margin-top: .25rem !important
	}

	.mr-xl-1, .mx-xl-1 {
		margin-right: .25rem !important
	}

	.mb-xl-1, .my-xl-1 {
		margin-bottom: .25rem !important
	}

	.ml-xl-1, .mx-xl-1 {
		margin-left: .25rem !important
	}

	.m-xl-2 {
		margin: .5rem !important
	}

	.mt-xl-2, .my-xl-2 {
		margin-top: .5rem !important
	}

	.mr-xl-2, .mx-xl-2 {
		margin-right: .5rem !important
	}

	.mb-xl-2, .my-xl-2 {
		margin-bottom: .5rem !important
	}

	.ml-xl-2, .mx-xl-2 {
		margin-left: .5rem !important
	}

	.m-xl-3 {
		margin: 1rem !important
	}

	.mt-xl-3, .my-xl-3 {
		margin-top: 1rem !important
	}

	.mr-xl-3, .mx-xl-3 {
		margin-right: 1rem !important
	}

	.mb-xl-3, .my-xl-3 {
		margin-bottom: 1rem !important
	}

	.ml-xl-3, .mx-xl-3 {
		margin-left: 1rem !important
	}

	.m-xl-4 {
		margin: 1.5rem !important
	}

	.mt-xl-4, .my-xl-4 {
		margin-top: 1.5rem !important
	}

	.mr-xl-4, .mx-xl-4 {
		margin-right: 1.5rem !important
	}

	.mb-xl-4, .my-xl-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-xl-4, .mx-xl-4 {
		margin-left: 1.5rem !important
	}

	.m-xl-5 {
		margin: 3rem !important
	}

	.mt-xl-5, .my-xl-5 {
		margin-top: 3rem !important
	}

	.mr-xl-5, .mx-xl-5 {
		margin-right: 3rem !important
	}

	.mb-xl-5, .my-xl-5 {
		margin-bottom: 3rem !important
	}

	.ml-xl-5, .mx-xl-5 {
		margin-left: 3rem !important
	}

	.p-xl-0 {
		padding: 0 !important
	}

	.pt-xl-0, .py-xl-0 {
		padding-top: 0 !important
	}

	.pr-xl-0, .px-xl-0 {
		padding-right: 0 !important
	}

	.pb-xl-0, .py-xl-0 {
		padding-bottom: 0 !important
	}

	.pl-xl-0, .px-xl-0 {
		padding-left: 0 !important
	}

	.p-xl-1 {
		padding: .25rem !important
	}

	.pt-xl-1, .py-xl-1 {
		padding-top: .25rem !important
	}

	.pr-xl-1, .px-xl-1 {
		padding-right: .25rem !important
	}

	.pb-xl-1, .py-xl-1 {
		padding-bottom: .25rem !important
	}

	.pl-xl-1, .px-xl-1 {
		padding-left: .25rem !important
	}

	.p-xl-2 {
		padding: .5rem !important
	}

	.pt-xl-2, .py-xl-2 {
		padding-top: .5rem !important
	}

	.pr-xl-2, .px-xl-2 {
		padding-right: .5rem !important
	}

	.pb-xl-2, .py-xl-2 {
		padding-bottom: .5rem !important
	}

	.pl-xl-2, .px-xl-2 {
		padding-left: .5rem !important
	}

	.p-xl-3 {
		padding: 1rem !important
	}

	.pt-xl-3, .py-xl-3 {
		padding-top: 1rem !important
	}

	.pr-xl-3, .px-xl-3 {
		padding-right: 1rem !important
	}

	.pb-xl-3, .py-xl-3 {
		padding-bottom: 1rem !important
	}

	.pl-xl-3, .px-xl-3 {
		padding-left: 1rem !important
	}

	.p-xl-4 {
		padding: 1.5rem !important
	}

	.pt-xl-4, .py-xl-4 {
		padding-top: 1.5rem !important
	}

	.pr-xl-4, .px-xl-4 {
		padding-right: 1.5rem !important
	}

	.pb-xl-4, .py-xl-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-xl-4, .px-xl-4 {
		padding-left: 1.5rem !important
	}

	.p-xl-5 {
		padding: 3rem !important
	}

	.pt-xl-5, .py-xl-5 {
		padding-top: 3rem !important
	}

	.pr-xl-5, .px-xl-5 {
		padding-right: 3rem !important
	}

	.pb-xl-5, .py-xl-5 {
		padding-bottom: 3rem !important
	}

	.pl-xl-5, .px-xl-5 {
		padding-left: 3rem !important
	}

	.m-xl-n1 {
		margin: -.25rem !important
	}

	.mt-xl-n1, .my-xl-n1 {
		margin-top: -.25rem !important
	}

	.mr-xl-n1, .mx-xl-n1 {
		margin-right: -.25rem !important
	}

	.mb-xl-n1, .my-xl-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-xl-n1, .mx-xl-n1 {
		margin-left: -.25rem !important
	}

	.m-xl-n2 {
		margin: -.5rem !important
	}

	.mt-xl-n2, .my-xl-n2 {
		margin-top: -.5rem !important
	}

	.mr-xl-n2, .mx-xl-n2 {
		margin-right: -.5rem !important
	}

	.mb-xl-n2, .my-xl-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-xl-n2, .mx-xl-n2 {
		margin-left: -.5rem !important
	}

	.m-xl-n3 {
		margin: -1rem !important
	}

	.mt-xl-n3, .my-xl-n3 {
		margin-top: -1rem !important
	}

	.mr-xl-n3, .mx-xl-n3 {
		margin-right: -1rem !important
	}

	.mb-xl-n3, .my-xl-n3 {
		margin-bottom: -1rem !important
	}

	.ml-xl-n3, .mx-xl-n3 {
		margin-left: -1rem !important
	}

	.m-xl-n4 {
		margin: -1.5rem !important
	}

	.mt-xl-n4, .my-xl-n4 {
		margin-top: -1.5rem !important
	}

	.mr-xl-n4, .mx-xl-n4 {
		margin-right: -1.5rem !important
	}

	.mb-xl-n4, .my-xl-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-xl-n4, .mx-xl-n4 {
		margin-left: -1.5rem !important
	}

	.m-xl-n5 {
		margin: -3rem !important
	}

	.mt-xl-n5, .my-xl-n5 {
		margin-top: -3rem !important
	}

	.mr-xl-n5, .mx-xl-n5 {
		margin-right: -3rem !important
	}

	.mb-xl-n5, .my-xl-n5 {
		margin-bottom: -3rem !important
	}

	.ml-xl-n5, .mx-xl-n5 {
		margin-left: -3rem !important
	}

	.m-xl-auto {
		margin: auto !important
	}

	.mt-xl-auto, .my-xl-auto {
		margin-top: auto !important
	}

	.mr-xl-auto, .mx-xl-auto {
		margin-right: auto !important
	}

	.mb-xl-auto, .my-xl-auto {
		margin-bottom: auto !important
	}

	.ml-xl-auto, .mx-xl-auto {
		margin-left: auto !important
	}

	.text-xl-left {
		text-align: left !important
	}

	.text-xl-right {
		text-align: right !important
	}

	.text-xl-center {
		text-align: center !important
	}
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.btn-cta, .text-overline, .text-uppercase {
	text-transform: uppercase
}

.font-weight-light {
	font-weight: 300 !important
}

.font-weight-lighter {
	font-weight: lighter !important
}

.font-weight-normal {
	font-weight: 400 !important
}

.font-weight-bold {
	font-weight: 700 !important
}

.font-weight-bolder {
	font-weight: bolder !important
}

.font-italic {
	font-style: italic !important
}

.text-white, .toast .close {
	color: #fff !important
}

.text-primary {
	color: var(--btn-primary-color) !important
}

a.text-primary:focus, a.text-primary:hover {
	color: var(--link-color) !important
}

.form-dark select:focus option, .text-body, .text-dark, .text-secondary {
	color: #55565a !important
}

a.text-dark:focus, a.text-dark:hover, a.text-secondary:focus, a.text-secondary:hover {
	color: #303033 !important
}

.text-success, label.is-valid {
	color: #16ac34 !important
}

a.text-success:focus, a.text-success:hover {
	color: #0d681f !important
}

.text-info {
	color: #19b5fe !important
}

a.text-info:focus, a.text-info:hover {
	color: #018aca !important
}

.text-warning {
	color: #b9b32a !important
}

a.text-warning:focus, a.text-warning:hover {
	color: #7b771c !important
}

.text-danger, label.is-invalid {
	color: #d62812 !important
}

a.text-danger:focus, a.text-danger:hover {
	color: #8f1b0c !important
}

.text-light {
	color: var(--border-color3) !important
}

a.text-light:focus, a.text-light:hover {
	color: #d8d8d8 !important
}

.text-muted {
	color: #616367 !important
}

.text-black-50 {
	color: rgba(0,0,0,.5) !important
}

.text-white-50 {
	color: rgba(255,255,255,.5) !important
}

.close span, .text-hide {
	color: transparent;
	text-shadow: none
}

.text-hide {
	font: 0/0 a;
	border: 0;
	background-color: transparent
}

.text-decoration-none {
	text-decoration: none !important
}

.text-break {
	word-break: break-word !important;
	overflow-wrap: break-word !important
}

.text-reset {
	color: inherit !important
}

.visible {
	visibility: visible !important
}

.invisible {
	visibility: hidden !important
}

@media print {
	.d-print-none {
		display: none !important
	}

	.d-print-inline {
		display: inline !important
	}

	.d-print-inline-block {
		display: inline-block !important
	}

	.d-print-block {
		display: block !important
	}

	.d-print-table {
		display: table !important
	}

	.d-print-table-row {
		display: table-row !important
	}

	.d-print-table-cell {
		display: table-cell !important
	}

	.d-print-flex {
		display: flex !important
	}

	.d-print-inline-flex {
		display: inline-flex !important
	}

	blockquote, img, pre, tr {
		page-break-inside: avoid
	}

	.table .thead-dark th, .table-dark {
		color: inherit
	}

	*, ::after, ::before {
		box-shadow: none !important;
		text-shadow: none !important
	}

	a:not(.btn) {
		text-decoration: underline
	}

	abbr[title]::after {
		content: ' (' attr(title) ')'
	}

	pre {
		white-space: pre-wrap !important
	}

	blockquote, pre {
		border: 1px solid #cccccf
	}

	thead {
		display: table-header-group
	}

	h2, h3, p {
		orphans: 3;
		widows: 3
	}

	h2, h3 {
		page-break-after: avoid
	}

	@page {
		size: a3
	}

	.container, body {
		min-width: 992px !important
	}

	.navbar {
		display: none
	}

	.badge {
		border: 1px solid #000
	}

	.table {
		border-collapse: collapse !important
	}

		.table td, .table th {
			background-color: #fff !important
		}

	.table-bordered td, .table-bordered th {
		border: 1px solid var(--border-color2) !important
	}

	.table .thead-dark th, .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
		border-color: var(--border-color)
	}
}

.alert-container {
	position: fixed;
	z-index: 9;
	top: 65px;
	right: 0;
	left: 70px
}

	.alert-container .alert {
		margin-bottom: 0;
		animation: .5s cubic-bezier(.35,1.35,.5,1) backwards showRibbon;
		opacity: 1;
		border-radius: 0
	}

.sidebar-pinned .alert-container {
	left: 240px
}

@media (max-width:991.98px) {
	.table-responsive-lg {
		display: block;
		overflow-x: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch
	}

		.table-responsive-lg > .table-bordered {
			border: 0
		}

	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
		padding-right: 0;
		padding-left: 0
	}

	.alert-container {
		left: 0
	}
}

.alert-border-primary {
	border: 0;
	border-left: 4px solid var(--btn-primary-color);
	background-color: var(--border-color)
}

	.alert-border-primary .icon {
		color: var(--btn-primary-color)
	}

.alert-border-dark, .alert-border-secondary {
	border: 0;
	border-left: 4px solid #55565a;
	background-color: var(--border-color)
}

	.alert-border-dark .icon, .alert-border-secondary .icon {
		font-size: 1.5rem;
		margin-left: -4px;
		padding-right: 7px;
		color: #55565a
	}

.alert-border-success {
	border: 0;
	border-left: 4px solid #16ac34;
	background-color: var(--border-color)
}

	.alert-border-success .icon {
		color: #16ac34
	}

.alert-border-info {
	border: 0;
	border-left: 4px solid #19b5fe;
	background-color: var(--border-color)
}

.alert-border-danger, .alert-border-warning {
	border: 0;
	background-color: var(--border-color)
}

.alert-border-info .icon {
	color: #19b5fe
}

.alert-border-warning {
	border-left: 4px solid #b9b32a
}

	.alert-border-warning .icon {
		color: #b9b32a
	}

.alert-border-danger {
	border-left: 4px solid #d62812
}

	.alert-border-danger .icon {
		color: #d62812
	}

.alert-border-light {
	border: 0;
	border-left: 4px solid var(--border-color3);
	background-color: var(--border-color)
}

	.alert-border-light .icon {
		color: var(--border-color3)
	}

@keyframes showAlert {
	from {
		transform: translateY(-50px);
		opacity: 0
	}
}

.badge {
	font-weight: 400;
	vertical-align: middle
}

.btn .badge {
	top: -2px
}

span.notification-counter {
	position: absolute;
	top: 15px;
	right: 17px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d62812
}

.badge-soft-primary, .bg-soft-primary {
	color: var(--btn-primary-color) !important;
	background-color: var(--table-primary-td-color) !important
}

	.badge-soft-primary[href]:focus, .badge-soft-primary[href]:hover, .bg-soft-primary[href]:focus, .bg-soft-primary[href]:hover {
		text-decoration: none;
		color: var(--btn-primary-color) !important;
		background-color: #e7bdc4 !important
	}

.badge-soft-dark, .badge-soft-secondary, .bg-soft-dark, .bg-soft-secondary {
	color: #55565a !important;
	background-color: #ddddde !important
}

	.badge-soft-dark[href]:focus, .badge-soft-dark[href]:hover, .badge-soft-secondary[href]:focus, .badge-soft-secondary[href]:hover, .bg-soft-dark[href]:focus, .bg-soft-dark[href]:hover, .bg-soft-secondary[href]:focus, .bg-soft-secondary[href]:hover {
		text-decoration: none;
		color: #55565a !important;
		background-color: #d0d0d1 !important
	}

.badge-soft-success, .bg-soft-success {
	color: #16ac34 !important;
	background-color: #d0eed6 !important
}

	.badge-soft-success[href]:focus, .badge-soft-success[href]:hover, .bg-soft-success[href]:focus, .bg-soft-success[href]:hover {
		text-decoration: none;
		color: #16ac34 !important;
		background-color: #bde7c6 !important
	}

.badge-soft-info, .bg-soft-info {
	color: #19b5fe !important;
	background-color: #d1f0ff !important
}

	.badge-soft-info[href]:focus, .badge-soft-info[href]:hover, .bg-soft-info[href]:focus, .bg-soft-info[href]:hover {
		text-decoration: none;
		color: #19b5fe !important;
		background-color: #b8e8ff !important
	}

.badge-soft-warning, .bg-soft-warning {
	color: #b9b32a !important;
	background-color: #f1f0d4 !important
}

	.badge-soft-warning[href]:focus, .badge-soft-warning[href]:hover, .bg-soft-warning[href]:focus, .bg-soft-warning[href]:hover {
		text-decoration: none;
		color: #b9b32a !important;
		background-color: #ebe9c1 !important
	}

.badge-soft-danger, .bg-soft-danger {
	color: #d62812 !important;
	background-color: #f7d4d0 !important
}

	.badge-soft-danger[href]:focus, .badge-soft-danger[href]:hover, .bg-soft-danger[href]:focus, .bg-soft-danger[href]:hover {
		text-decoration: none;
		color: #d62812 !important;
		background-color: #f3c0ba !important
	}

.badge-soft-light, .bg-soft-light {
	color: var(--border-color3) !important;
	background-color: #fff !important
}

	.badge-soft-light[href]:focus, .badge-soft-light[href]:hover, .bg-soft-light[href]:focus, .bg-soft-light[href]:hover {
		text-decoration: none;
		color: var(--border-color3) !important;
		background-color: #f2f2f2 !important
	}

.btn-ghost {
	transition: .2s;
	opacity: .7;
	box-shadow: none
}

	.btn-ghost.active, .btn-ghost:active, .btn-ghost:focus, .btn-ghost:hover {
		opacity: 1;
		background-color: rgba(230,230,230,.15);
		box-shadow: none
	}

.btn-white {
	color: #55565a;
	border: 1px solid #d3e0e9;
	background-color: #fff;
	box-shadow: none
}

.card .card-controls, .card .card-media {
	border-top-left-radius: calc(.25rem - 0);
	border-top-right-radius: calc(.25rem - 0)
}

.card, .table.table-card tbody tr {
	box-shadow: 0 2px 4px rgba(126,142,177,.12)
}

.btn-white:active, .btn-white:focus, .btn-white:hover {
	color: #000;
	outline: 0;
	background-color: var(--border-color3);
	box-shadow: none
}

.btn-white-translucent {
	color: #fff;
	background-color: rgba(255,255,255,.15)
}

	.btn-white-translucent:active, .btn-white-translucent:focus, .btn-white-translucent:hover {
		color: #fff;
		background-color: rgba(128,128,128,.15)
	}

.btn-black-translucent, .btn-black-translucent:active, .btn-black-translucent:focus, .btn-black-translucent:hover {
	color: #fff;
	background-color: rgba(0,0,0,.15)
}

.btn-rounded-circle {
	width: calc(1em * 1.5 + .75rem + 1px * 2);
	padding-right: 0;
	padding-left: 0;
	border-radius: 50%
}

	.btn-group-lg > .btn-rounded-circle.btn, .btn-rounded-circle.btn-lg {
		width: calc(1em * 1.5 + 1rem + 1px * 2)
	}

	.btn-group-sm > .btn-rounded-circle.btn, .btn-rounded-circle.btn-sm {
		width: calc(1em * 1.5 + .5rem + 1px * 2)
	}

.btn-rounded {
	border-radius: 100px !important
}

.btn-rounded-left {
	border-radius: 100px 0 0 100px !important
}

.btn-rounded-right {
	border-radius: 0 100px 100px 0 !important
}

.border-white {
	border-color: rgba(255,255,255,.15) !important
}

.border-dashed {
	border-style: dashed !important
}

.border-top-dashed {
	border-top-style: dashed !important
}

.border-left-dashed {
	border-left-style: dashed !important
}

.border-right-dashed {
	border-right-style: dashed !important
}

.border-bottom-dashed {
	border-bottom-style: dashed !important
}

.avatar-xxl .border, .border-strong {
	border-width: 6px !important
}

.card {
	transition: box-shadow .2s
}

	.card .card-header {
		border-bottom: 0
	}

		.card .card-header .card-title {
			font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
			font-size: 16px;
			margin-bottom: 0
		}

	.card .card-controls > .dropdown > a .icon, .card .card-controls > .icon {
		font-size: 18px;
		transition: opacity .2s;
		opacity: .4
	}

	.card .card-body {
		padding: .75rem 1.25rem
	}

		.card .card-body.card-scroll {
			height: 350px
		}

			.card .card-body.card-scroll .scroll-bar {
				background-color: #1f263d
			}

	.accordion .collapse.show, .card .card-footer, .daterangepicker .drp-buttons {
		border-top: 1px solid #d3e0e9
	}

	.card:hover, .table.table-card tbody tr:hover {
		box-shadow: 0 5px 12px rgba(126,142,177,.2)
	}

.card-hover:hover, .show > .dropdown-menu {
	box-shadow: 0 18px 35px rgba(50,50,93,.1),-1px 0 15px rgba(0,0,0,.07)
}

.card .card-media {
	position: relative
}

.card .card-controls {
	position: absolute;
	z-index: 2;
	top: .75rem;
	right: 1.25rem;
	margin-left: auto
}

	.card .card-controls > .icon {
		font-family: 'Material Design Icons';
		line-height: inherit;
		margin: 0 2px;
		text-rendering: auto
	}

	.card .card-controls .js-card-fullscreen:before {
		content: ''
	}

	.card .card-controls .js-card-refresh:before {
		content: ''
	}

	.admin-sidebar .admin-close-sidebar:before, .card .card-controls .js-card-close:before {
		content: ''
	}

	.card .card-controls.card-controls-bottom {
		position: absolute;
		z-index: 2;
		top: unset;
		right: 1.25rem;
		bottom: .75rem;
		border-bottom-right-radius: calc(.25rem - 0);
		border-bottom-left-radius: calc(.25rem - 0)
	}

.card.is-fullscreen {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 !important;
	border-radius: 0 !important
}

	.card.is-fullscreen .js-card-fullscreen:before {
		content: ''
	}

.card-hover {
	transition: .2s
}

	.card-hover:hover {
		transform: translateY(-5px)
	}

.close span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'currentColor\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z\'/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.close.light span {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z\'/%3E%3C/svg%3E')
}

.modal .close {
	font-size: 1.8rem;
	z-index: 1;
	top: 1.5rem !important;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border-radius: 50%;
	background: rgba(193,193,193,.3) !important;
	position: absolute;
	right: 25px
}

.dropdown-menu .dropdown-item, body {
	font-size: .9rem;
	font-weight: 500
}

.dropdown-menu, .ui-widget.ui-widget-content {
	border: 1px solid #d3e0e9
}

	.dropdown-menu.notification-container {
		width: 320px;
		padding: 0
	}

		.dropdown-menu.notification-container .notification-events {
			overflow: auto;
			height: 250px;
			padding: 10px 15px
		}

.custom-select:focus, .form-control:focus {
	outline: 0;
	box-shadow: none !important
}

.custom-select.form-control-plaintext, .custom-select.form-control-plaintext:focus, .form-control.form-control-plaintext, .form-control.form-control-plaintext:focus {
	border: 0;
	outline: 0;
	box-shadow: none !important
}

.input-group.input-group-flush > .form-control.is-valid ~ [class*=input-group] > .input-group-text {
	border-color: #16ac34
}

.input-group.input-group-flush > .form-control.is-invalid ~ [class*=input-group] > .input-group-text {
	border-color: #d62812
}

.input-group.input-group-flush > .form-control-prepended {
	padding-left: .375rem;
	border-left-width: 0;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important
}

.input-group.input-group-flush > .form-control-appended {
	padding-right: .375rem;
	border-right-width: 0;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important
}

.input-group.input-group-flush > .input-group-prepend {
	margin-right: 0;
	order: -1
}

	.input-group.input-group-flush > .input-group-prepend > .input-group-text {
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		border-right-width: 0;
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem
	}

.input-group.input-group-flush > .input-group-append > .input-group-text {
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-left-width: 0;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.form-dark .custom-select, .form-dark .form-control, .form-dark .input-group-text {
	transition: background-color .2s;
	color: #fff;
	border: 0 !important;
	background-color: rgba(255,255,255,.15)
}

	.form-dark .custom-select::-ms-input-placeholder, .form-dark .form-control::-ms-input-placeholder, .form-dark .input-group-text::-ms-input-placeholder {
		opacity: 1;
		color: #999
	}

	.form-dark .custom-select::placeholder, .form-dark .form-control::placeholder, .form-dark .input-group-text::placeholder {
		opacity: 1;
		color: #999
	}

	.form-dark .custom-select:active, .form-dark .custom-select:focus, .form-dark .form-control:active, .form-dark .form-control:focus {
		background-color: rgba(179,179,179,.15)
	}

.form-dark select.custom-select {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%23e0e0e2\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E')
}

.form-dark .form-control:disabled, .form-dark .form-control[readonly] {
	background-color: rgba(176,170,170,.32)
}

.modal .modal-dialog.modal-full-width {
	right: 0 !important;
	left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important
}

.modal .modal-content {
	border: 0;
	border-radius: .25rem
}

.modal.fade.modal-top-left .modal-dialog, .modal.fade.modal-top-right .modal-dialog {
	position: absolute;
	top: 0;
	width: 100%
}

.modal.fade.modal-bottom-left .modal-dialog, .modal.fade.modal-bottom-right .modal-dialog {
	position: absolute;
	bottom: 0;
	width: 100%
}

.modal.fade.modal-bottom-center .modal-dialog {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0
}

@media (min-width:576px) {
	.col-sm {
		max-width: 100%;
		flex-basis: 0;
		flex-grow: 1
	}

	.col-sm-auto {
		width: auto;
		max-width: 100%;
		flex: 0 0 auto
	}

	.col-sm-1 {
		max-width: 8.33333%;
		flex: 0 0 8.33333%
	}

	.col-sm-2 {
		max-width: 16.66667%;
		flex: 0 0 16.66667%
	}

	.col-sm-3 {
		max-width: 25%;
		flex: 0 0 25%
	}

	.col-sm-4 {
		max-width: 33.33333%;
		flex: 0 0 33.33333%
	}

	.col-sm-5 {
		max-width: 41.66667%;
		flex: 0 0 41.66667%
	}

	.col-sm-6 {
		max-width: 50%;
		flex: 0 0 50%
	}

	.col-sm-7 {
		max-width: 58.33333%;
		flex: 0 0 58.33333%
	}

	.col-sm-8 {
		max-width: 66.66667%;
		flex: 0 0 66.66667%
	}

	.col-sm-9 {
		max-width: 75%;
		flex: 0 0 75%
	}

	.col-sm-10 {
		max-width: 83.33333%;
		flex: 0 0 83.33333%
	}

	.col-sm-11 {
		max-width: 91.66667%;
		flex: 0 0 91.66667%
	}

	.col-sm-12 {
		max-width: 100%;
		flex: 0 0 100%
	}

	.order-sm-first {
		order: -1
	}

	.order-sm-last {
		order: 13
	}

	.order-sm-0 {
		order: 0
	}

	.order-sm-1 {
		order: 1
	}

	.order-sm-2 {
		order: 2
	}

	.order-sm-3 {
		order: 3
	}

	.order-sm-4 {
		order: 4
	}

	.order-sm-5 {
		order: 5
	}

	.order-sm-6 {
		order: 6
	}

	.order-sm-7 {
		order: 7
	}

	.order-sm-8 {
		order: 8
	}

	.order-sm-9 {
		order: 9
	}

	.order-sm-10 {
		order: 10
	}

	.order-sm-11 {
		order: 11
	}

	.order-sm-12 {
		order: 12
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.33333%
	}

	.offset-sm-2 {
		margin-left: 16.66667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.33333%
	}

	.offset-sm-5 {
		margin-left: 41.66667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.33333%
	}

	.offset-sm-8 {
		margin-left: 66.66667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.33333%
	}

	.offset-sm-11 {
		margin-left: 91.66667%
	}

	.form-inline label {
		display: flex;
		margin-bottom: 0;
		align-items: center;
		justify-content: center
	}

	.form-inline .form-group {
		display: flex;
		margin-bottom: 0;
		flex: 0 0 auto;
		flex-flow: row wrap;
		align-items: center
	}

	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}

	.form-inline .form-control-plaintext {
		display: inline-block
	}

	.form-inline .custom-select, .form-inline .input-group {
		width: auto
	}

	.form-inline .form-check {
		display: flex;
		width: auto;
		padding-left: 0;
		align-items: center;
		justify-content: center
	}

	.form-inline .form-check-input {
		position: relative;
		margin-top: 0;
		margin-right: .25rem;
		margin-left: 0;
		flex-shrink: 0
	}

	.form-inline .custom-control {
		align-items: center;
		justify-content: center
	}

	.form-inline .custom-control-label {
		margin-bottom: 0
	}

	.dropdown-menu-sm-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-sm-right {
		right: 0;
		left: auto
	}

	.navbar-expand-sm {
		flex-flow: row nowrap;
		justify-content: flex-start
	}

		.list-group-horizontal-sm, .navbar-expand-sm .navbar-nav {
			flex-direction: row
		}

			.navbar-expand-sm .navbar-nav .dropdown-menu {
				position: absolute
			}

			.navbar-expand-sm .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem
			}

		.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
			flex-wrap: nowrap
		}

		.navbar-expand-sm .navbar-collapse {
			display: flex !important;
			flex-basis: auto
		}

		.navbar-expand-sm .navbar-toggler {
			display: none
		}

	.card-deck {
		margin-right: -15px;
		margin-left: -15px;
		flex-flow: row wrap
	}

		.card-deck .card {
			display: flex;
			flex-direction: column;
			margin-right: 15px;
			margin-bottom: 0;
			margin-left: 15px;
			flex: 1 0
		}

	.card-group {
		flex-flow: row wrap
	}

		.card-group > .card {
			margin-bottom: 0;
			flex: 1 0
		}

			.card-group > .card + .card {
				margin-left: 0;
				border-left: 0
			}

			.card-group > .card:not(:last-child) {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0
			}

				.card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
					border-top-right-radius: 0
				}

				.card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
					border-bottom-right-radius: 0
				}

			.card-group > .card:not(:first-child) {
				border-top-left-radius: 0;
				border-bottom-left-radius: 0
			}

				.card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
					border-top-left-radius: 0
				}

				.card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
					border-bottom-left-radius: 0
				}

	.card-columns {
		column-count: 3;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1
	}

		.card-columns .card {
			display: inline-block;
			width: 100%
		}

	.jumbotron {
		padding: 4rem 2rem
	}

	.list-group-horizontal-sm .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}

		.list-group-horizontal-sm .list-group-item:first-child {
			border-top-left-radius: .25rem;
			border-top-right-radius: 0;
			border-bottom-left-radius: .25rem
		}

		.list-group-horizontal-sm .list-group-item:last-child {
			margin-right: 0;
			border-top-right-radius: .25rem;
			border-bottom-right-radius: .25rem;
			border-bottom-left-radius: 0
		}

	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto
	}

	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem)
	}

		.modal-dialog-scrollable .modal-content {
			max-height: calc(100vh - 3.5rem)
		}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}

		.modal-dialog-centered::before {
			height: calc(100vh - 3.5rem)
		}

	.modal-sm {
		max-width: 300px
	}

	.d-sm-none {
		display: none !important
	}

	.d-sm-inline {
		display: inline !important
	}

	.d-sm-inline-block {
		display: inline-block !important
	}

	.d-sm-block {
		display: block !important
	}

	.d-sm-table {
		display: table !important
	}

	.d-sm-table-row {
		display: table-row !important
	}

	.d-sm-table-cell {
		display: table-cell !important
	}

	.d-sm-flex {
		display: flex !important
	}

	.d-sm-inline-flex {
		display: inline-flex !important
	}

	.flex-sm-row {
		flex-direction: row !important
	}

	.flex-sm-column {
		flex-direction: column !important
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-sm-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.flex-sm-fill {
		flex: 1 1 auto !important
	}

	.flex-sm-grow-0 {
		flex-grow: 0 !important
	}

	.flex-sm-grow-1 {
		flex-grow: 1 !important
	}

	.flex-sm-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-sm-shrink-1 {
		flex-shrink: 1 !important
	}

	.justify-content-sm-start {
		justify-content: flex-start !important
	}

	.justify-content-sm-end {
		justify-content: flex-end !important
	}

	.justify-content-sm-center {
		justify-content: center !important
	}

	.justify-content-sm-between {
		justify-content: space-between !important
	}

	.justify-content-sm-around {
		justify-content: space-around !important
	}

	.align-items-sm-start {
		align-items: flex-start !important
	}

	.align-items-sm-end {
		align-items: flex-end !important
	}

	.align-items-sm-center {
		align-items: center !important
	}

	.align-items-sm-baseline {
		align-items: baseline !important
	}

	.align-items-sm-stretch {
		align-items: stretch !important
	}

	.align-content-sm-start {
		align-content: flex-start !important
	}

	.align-content-sm-end {
		align-content: flex-end !important
	}

	.align-content-sm-center {
		align-content: center !important
	}

	.align-content-sm-between {
		align-content: space-between !important
	}

	.align-content-sm-around {
		align-content: space-around !important
	}

	.align-content-sm-stretch {
		align-content: stretch !important
	}

	.align-self-sm-auto {
		align-self: auto !important
	}

	.align-self-sm-start {
		align-self: flex-start !important
	}

	.align-self-sm-end {
		align-self: flex-end !important
	}

	.align-self-sm-center {
		align-self: center !important
	}

	.align-self-sm-baseline {
		align-self: baseline !important
	}

	.align-self-sm-stretch {
		align-self: stretch !important
	}

	.float-sm-left {
		float: left !important
	}

	.float-sm-right {
		float: right !important
	}

	.float-sm-none {
		float: none !important
	}

	.m-sm-0 {
		margin: 0 !important
	}

	.mt-sm-0, .my-sm-0 {
		margin-top: 0 !important
	}

	.mr-sm-0, .mx-sm-0 {
		margin-right: 0 !important
	}

	.mb-sm-0, .my-sm-0 {
		margin-bottom: 0 !important
	}

	.ml-sm-0, .mx-sm-0 {
		margin-left: 0 !important
	}

	.m-sm-1 {
		margin: .25rem !important
	}

	.mt-sm-1, .my-sm-1 {
		margin-top: .25rem !important
	}

	.mr-sm-1, .mx-sm-1 {
		margin-right: .25rem !important
	}

	.mb-sm-1, .my-sm-1 {
		margin-bottom: .25rem !important
	}

	.ml-sm-1, .mx-sm-1 {
		margin-left: .25rem !important
	}

	.m-sm-2 {
		margin: .5rem !important
	}

	.mt-sm-2, .my-sm-2 {
		margin-top: .5rem !important
	}

	.mr-sm-2, .mx-sm-2 {
		margin-right: .5rem !important
	}

	.mb-sm-2, .my-sm-2 {
		margin-bottom: .5rem !important
	}

	.ml-sm-2, .mx-sm-2 {
		margin-left: .5rem !important
	}

	.m-sm-3 {
		margin: 1rem !important
	}

	.mt-sm-3, .my-sm-3 {
		margin-top: 1rem !important
	}

	.mr-sm-3, .mx-sm-3 {
		margin-right: 1rem !important
	}

	.mb-sm-3, .my-sm-3 {
		margin-bottom: 1rem !important
	}

	.ml-sm-3, .mx-sm-3 {
		margin-left: 1rem !important
	}

	.m-sm-4 {
		margin: 1.5rem !important
	}

	.mt-sm-4, .my-sm-4 {
		margin-top: 1.5rem !important
	}

	.mr-sm-4, .mx-sm-4 {
		margin-right: 1.5rem !important
	}

	.mb-sm-4, .my-sm-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-sm-4, .mx-sm-4 {
		margin-left: 1.5rem !important
	}

	.m-sm-5 {
		margin: 3rem !important
	}

	.mt-sm-5, .my-sm-5 {
		margin-top: 3rem !important
	}

	.mr-sm-5, .mx-sm-5 {
		margin-right: 3rem !important
	}

	.mb-sm-5, .my-sm-5 {
		margin-bottom: 3rem !important
	}

	.ml-sm-5, .mx-sm-5 {
		margin-left: 3rem !important
	}

	.p-sm-0 {
		padding: 0 !important
	}

	.pt-sm-0, .py-sm-0 {
		padding-top: 0 !important
	}

	.pr-sm-0, .px-sm-0 {
		padding-right: 0 !important
	}

	.pb-sm-0, .py-sm-0 {
		padding-bottom: 0 !important
	}

	.pl-sm-0, .px-sm-0 {
		padding-left: 0 !important
	}

	.p-sm-1 {
		padding: .25rem !important
	}

	.pt-sm-1, .py-sm-1 {
		padding-top: .25rem !important
	}

	.pr-sm-1, .px-sm-1 {
		padding-right: .25rem !important
	}

	.pb-sm-1, .py-sm-1 {
		padding-bottom: .25rem !important
	}

	.pl-sm-1, .px-sm-1 {
		padding-left: .25rem !important
	}

	.p-sm-2 {
		padding: .5rem !important
	}

	.pt-sm-2, .py-sm-2 {
		padding-top: .5rem !important
	}

	.pr-sm-2, .px-sm-2 {
		padding-right: .5rem !important
	}

	.pb-sm-2, .py-sm-2 {
		padding-bottom: .5rem !important
	}

	.pl-sm-2, .px-sm-2 {
		padding-left: .5rem !important
	}

	.p-sm-3 {
		padding: 1rem !important
	}

	.pt-sm-3, .py-sm-3 {
		padding-top: 1rem !important
	}

	.pr-sm-3, .px-sm-3 {
		padding-right: 1rem !important
	}

	.pb-sm-3, .py-sm-3 {
		padding-bottom: 1rem !important
	}

	.pl-sm-3, .px-sm-3 {
		padding-left: 1rem !important
	}

	.p-sm-4 {
		padding: 1.5rem !important
	}

	.pt-sm-4, .py-sm-4 {
		padding-top: 1.5rem !important
	}

	.pr-sm-4, .px-sm-4 {
		padding-right: 1.5rem !important
	}

	.pb-sm-4, .py-sm-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-sm-4, .px-sm-4 {
		padding-left: 1.5rem !important
	}

	.p-sm-5 {
		padding: 3rem !important
	}

	.pt-sm-5, .py-sm-5 {
		padding-top: 3rem !important
	}

	.pr-sm-5, .px-sm-5 {
		padding-right: 3rem !important
	}

	.pb-sm-5, .py-sm-5 {
		padding-bottom: 3rem !important
	}

	.pl-sm-5, .px-sm-5 {
		padding-left: 3rem !important
	}

	.m-sm-n1 {
		margin: -.25rem !important
	}

	.mt-sm-n1, .my-sm-n1 {
		margin-top: -.25rem !important
	}

	.mr-sm-n1, .mx-sm-n1 {
		margin-right: -.25rem !important
	}

	.mb-sm-n1, .my-sm-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-sm-n1, .mx-sm-n1 {
		margin-left: -.25rem !important
	}

	.m-sm-n2 {
		margin: -.5rem !important
	}

	.mt-sm-n2, .my-sm-n2 {
		margin-top: -.5rem !important
	}

	.mr-sm-n2, .mx-sm-n2 {
		margin-right: -.5rem !important
	}

	.mb-sm-n2, .my-sm-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-sm-n2, .mx-sm-n2 {
		margin-left: -.5rem !important
	}

	.m-sm-n3 {
		margin: -1rem !important
	}

	.mt-sm-n3, .my-sm-n3 {
		margin-top: -1rem !important
	}

	.mr-sm-n3, .mx-sm-n3 {
		margin-right: -1rem !important
	}

	.mb-sm-n3, .my-sm-n3 {
		margin-bottom: -1rem !important
	}

	.ml-sm-n3, .mx-sm-n3 {
		margin-left: -1rem !important
	}

	.m-sm-n4 {
		margin: -1.5rem !important
	}

	.mt-sm-n4, .my-sm-n4 {
		margin-top: -1.5rem !important
	}

	.mr-sm-n4, .mx-sm-n4 {
		margin-right: -1.5rem !important
	}

	.mb-sm-n4, .my-sm-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-sm-n4, .mx-sm-n4 {
		margin-left: -1.5rem !important
	}

	.m-sm-n5 {
		margin: -3rem !important
	}

	.mt-sm-n5, .my-sm-n5 {
		margin-top: -3rem !important
	}

	.mr-sm-n5, .mx-sm-n5 {
		margin-right: -3rem !important
	}

	.mb-sm-n5, .my-sm-n5 {
		margin-bottom: -3rem !important
	}

	.ml-sm-n5, .mx-sm-n5 {
		margin-left: -3rem !important
	}

	.m-sm-auto {
		margin: auto !important
	}

	.mt-sm-auto, .my-sm-auto {
		margin-top: auto !important
	}

	.mr-sm-auto, .mx-sm-auto {
		margin-right: auto !important
	}

	.mb-sm-auto, .my-sm-auto {
		margin-bottom: auto !important
	}

	.ml-sm-auto, .mx-sm-auto {
		margin-left: auto !important
	}

	.text-sm-left {
		text-align: left !important
	}

	.text-sm-right {
		text-align: right !important
	}

	.text-sm-center {
		text-align: center !important
	}

	.modal.fade.modal-bottom-left .modal-dialog, .modal.fade.modal-top-left .modal-dialog {
		left: 1.75rem;
		margin: 1.75rem auto
	}

	.modal.fade.modal-bottom-right .modal-dialog, .modal.fade.modal-top-right .modal-dialog {
		right: 1.75rem;
		margin: 1.75rem auto
	}

	.modal.fade.modal-bottom-center .modal-dialog {
		margin: 1.75rem auto
	}
}

.modal.fade.modal-slide-left.show .modal-dialog, .modal.fade.modal-slide-right.show .modal-dialog {
	-ms-transform: translate(0,0);
	transform: translate3d(0,0,0)
}

.modal.fade.modal-slide-left .modal-dialog {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-ms-transform: translate(-100%,0);
	transform: translate3d(-100%,0,0)
}

	.full-height, .modal.fade.modal-slide-left .modal-dialog .modal-content, .modal.fade.modal-slide-left .modal-dialog .modal-content-wrapper, .modal.fade.modal-slide-right .modal-dialog .modal-content, .modal.fade.modal-slide-right .modal-dialog .modal-content-wrapper, body, html {
		height: 100%
	}

.modal.fade.modal-slide-right .modal-dialog {
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-ms-transform: translate(100%,0);
	transform: translate3d(100%,0,0)
}

@media (max-width:767.98px) {
	.table-responsive-md {
		display: block;
		overflow-x: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch
	}

		.table-responsive-md > .table-bordered {
			border: 0
		}

	.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
		padding-right: 0;
		padding-left: 0
	}

	.modal.fade.modal-bottom-center .modal-dialog, .modal.fade.modal-bottom-left .modal-dialog, .modal.fade.modal-bottom-right .modal-dialog, .modal.fade.modal-top-left .modal-dialog, .modal.fade.modal-top-right .modal-dialog {
		width: calc(100% - (.5rem*2))
	}

	.modal.fade.modal-slide-left .modal-dialog, .modal.fade.modal-slide-right .modal-dialog {
		width: 100%
	}
}

.modal[data-popup=true] {
	position: relative;
	top: unset;
	right: unset;
	bottom: unset;
	left: unset;
	width: unset;
	height: unset
}

	.modal[data-popup=true].fade.modal-bottom-center .modal-dialog, .modal[data-popup=true].fade.modal-bottom-left .modal-dialog, .modal[data-popup=true].fade.modal-bottom-right .modal-dialog, .modal[data-popup=true].fade.modal-top-left .modal-dialog, .modal[data-popup=true].fade.modal-top-right .modal-dialog {
		position: fixed
	}

	.modal[data-popup=true].fade .modal-content {
		box-shadow: 0 20px 60px -2px rgba(18,21,35,.19)
	}

.body-scrollable {
	overflow: unset;
	padding-right: unset !important
}

.modal-backdrop {
	background: rgba(67,90,111,.5)
}

.btn-cta {
	font-size: .8rem;
	padding: 15px 20px
}

.event-type {
	display: inline-flex;
	width: 80px;
	height: 80px;
	transition: .2s .3s;
	border: 3px solid #e0e6ed;
	border-radius: 50%;
	justify-content: center;
	align-items: center
}

	.event-type .event-indicator {
		transition: .2s cubic-bezier(0, .89, .44, 1);
		transition-delay: .5s;
		transform: scale(0);
		opacity: 0
	}

.show .event-type .event-indicator {
	transform: scale(1);
	opacity: 1
}

.show .event-type {
	border-color: #e0e6ed;
	background-color: #e0e6ed
}

	.show .event-type.success {
		border-color: #0c9;
		background-color: #0c9
	}

	.show .event-type.error {
		border-color: #f2545b;
		background-color: #f2545b
	}

	.show .event-type.warning {
		border-color: #f7bc06;
		background-color: #f7bc06
	}

	.show .event-type.info {
		border-color: #19b5fe;
		background-color: #19b5fe
	}

.table, .table.align-td-middle td, .table.align-td-middle th {
	vertical-align: middle
}

	.table tfoot th, .table thead th {
		font-size: .7875rem;
		font-weight: 700;
		letter-spacing: .08em;
		text-transform: uppercase;
		color: #b8b8bc;
		border-bottom-width: 1px;
		background-color: var(--border-color3)
	}

	.table.table-layout-fixed {
		table-layout: fixed
	}

	.table.table-card {
		border-spacing: 0 .5em;
		border-collapse: separate
	}

		.table.table-card tfoot th, .table.table-card thead th {
			border-color: transparent;
			background-color: transparent
		}

		.table.table-card tbody tr {
			transition: .2s;
			border: 1px solid #d3e0e9;
			background-color: #fff
		}

.table-sm {
	font-size: .7875rem
}

	.table-sm thead th {
		font-size: .6rem
	}

th.sorting_asc, th.sorting_desc {
	background: rgba(210,221,236,.1)
}

td.sorting_1 {
	background-color: rgba(210,221,236,.1)
}

.option-box label, .option-box-column label, .option-box-grid label {
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 2px 4px rgba(126,142,177,.12)
}

.tab-line {
	border-bottom: none
}

	.tab-line .nav-item .nav-link {
		font-weight: 600;
		color: #616367;
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #fff;
		border-left: none
	}

		.tab-line .nav-item .nav-link.active {
			color: var(--btn-primary-color);
			border-top: none;
			border-right: none;
			border-bottom: 2px solid var(--btn-primary-color);
			border-left: none
		}

body {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
	color: #55565a;
	background-color: var(--body-background-color);
	-ms-text-size-adjust: 100%;
	-webkit-font-feature-settings: 'kern' 1;
	-moz-font-feature-settings: 'kern' 1
}

.font-primary, .font-secondary {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol' !important
}

.daterangepicker, .text-overline {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'
}

.text-underline {
	border-bottom: 1px dotted currentColor
}

	.text-underline:hover {
		border-bottom-style: solid
	}

.text-overline {
	font-size: 10px
}

.text-lowercase {
	text-transform: lowercase
}

.text-capitalize {
	text-transform: capitalize
}

.fw-100 {
	font-weight: 100
}

.fw-200 {
	font-weight: 200
}

.fw-300 {
	font-weight: 300
}

.fw-400 {
	font-weight: 400
}

.fw-500 {
	font-weight: 500
}

.fw-600 {
	font-weight: 600
}

.fw-800 {
	font-weight: 800
}

.fw-900 {
	font-weight: 900
}

.floating-label label:first-child {
	font-size: .85714em;
	position: absolute;
	z-index: 1;
	top: 0;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	margin-top: .42857em;
	margin-left: 1px;
	padding: 0 .91667em;
	user-select: none;
	transition: .2s ease-out;
	transform: translateY(3px);
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	opacity: 0
}

.image-box .image-box-content:after, .image-box .image-box-content:before, .option-box label:after, .option-box label:before, .option-box-column label:after, .option-box-column label:before, .option-box-grid label:after, .option-box-grid label:before {
	font-size: 1.5rem;
	line-height: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'Material Design Icons'
}

.floating-label .form-control {
	height: calc(2.8rem + 2px)
}

.floating-label.show-label label:first-child {
	transform: none;
	opacity: 1
}

.floating-label.show-label .form-control {
	padding-top: 1.2rem
}

.image-box {
	display: inline-block;
	background-color: #000
}

	.image-box .image-box-content {
		position: relative;
		cursor: pointer
	}

		.image-box .image-box-content:after, .image-box .image-box-content:before {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -1rem;
			margin-left: -.5rem;
			color: #fff
		}

		.image-box .image-box-content:after {
			z-index: 1;
			content: '';
			opacity: .7
		}

		.image-box .image-box-content:before {
			z-index: 2;
			content: '';
			transition: .2s;
			transform: scale(0);
			opacity: 0
		}

		.image-box .image-box-content img {
			max-width: 100%;
			opacity: .8
		}

	.image-box input[type=checkbox]:checked + .image-box-content img, .image-box input[type=radio]:checked + .image-box-content img {
		opacity: .6
	}

	.image-box input[type=checkbox]:checked + .image-box-content:before, .image-box input[type=radio]:checked + .image-box-content:before {
		transform: scale(1);
		opacity: 1;
		color: #fff
	}

.minicheckbox {
	position: relative;
	margin: 0;
	vertical-align: middle
}

	.minicheckbox input[type=checkbox], .minicheckbox input[type=radio] {
		position: absolute;
		z-index: -1;
		margin: 0;
		opacity: 0
	}

	.minicheckbox .custom-options-box {
		display: inline-block;
		width: 1rem;
		height: 1rem;
		border-radius: .25rem;
		background-color: rgba(0,0,0,.15)
	}

		.minicheckbox .custom-options-box:before {
			font-family: 'Material Design Icons';
			font-size: 11px;
			position: absolute;
			top: 0;
			left: 0;
			width: 1rem;
			height: 1rem;
			content: '';
			transition: opacity .3s;
			text-align: center;
			opacity: 0;
			color: #fff;
			border-radius: .25rem
		}

	.daterangepicker td.active, .daterangepicker td.active:hover, .minicheckbox input[type=checkbox]:checked ~ .custom-options-box {
		background-color: var(--btn-primary-color)
	}

.datepicker table tr td span.active, .datepicker table tr td.active, td.range-start.day {
	background-color: var(--btn-primary-color) !important
}

.cstm-switch {
	display: inline-flex;
	margin: 0;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	align-items: center
}

	.cstm-switch .cstm-switch-input.disabled ~ .cstm-switch-indicator, .cstm-switch .cstm-switch-input[disabled] ~ .cstm-switch-indicator {
		cursor: not-allowed;
		opacity: .5
	}

	.cstm-switch .cstm-switch-input:not(:checked) ~ .cstm-switch-indicator {
		background: var(--border-color2) !important
	}

	.cstm-switch .cstm-switch-input:checked ~ .cstm-switch-indicator {
		background: var(--btn-primary-color)
	}

	.cstm-switch .cstm-switch-indicator.size-lg:before, .cstm-switch .cstm-switch-indicator:before {
		top: 1px;
		left: 1px;
		transition: left .3s;
		background: #fff;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.4);
		content: ''
	}

	.cstm-switch .cstm-switch-input:checked ~ .cstm-switch-indicator:before {
		left: calc(1rem + 1px)
	}

	.cstm-switch .cstm-switch-input:checked ~ .cstm-switch-indicator.size-lg:before {
		left: calc(1.7rem + 1px)
	}

	.cstm-switch .cstm-switch-indicator {
		position: relative;
		display: inline-block;
		width: 2.25rem;
		height: 1.25rem;
		transition: border-color .3s,background-color .3s;
		vertical-align: bottom;
		border: 1px solid #d3e0e9;
		border-radius: 50px
	}

		.cstm-switch .cstm-switch-indicator:before {
			position: absolute;
			width: calc(1.25rem - 4px);
			height: calc(1.25rem - 4px);
			border-radius: 50%
		}

		.cstm-switch .cstm-switch-indicator.size-lg {
			position: relative;
			display: inline-block;
			width: 4rem;
			height: 2.25rem;
			transition: border-color .3s,background-color .3s;
			vertical-align: bottom;
			border: 1px solid #d3e0e9;
			border-radius: 50px
		}

			.cstm-switch .cstm-switch-indicator.size-lg:before {
				position: absolute;
				width: calc(2.25rem - 4px);
				height: calc(2.25rem - 4px);
				border-radius: 50%
			}

	.cstm-switch .cstm-switch-description {
		margin-left: .5rem;
		transition: color .3s
	}

.option-box label, .option-box-grid label {
	position: relative;
	padding: 8px 10px;
	transition: .2s;
	border: 1px solid #d3e0e9;
	border-radius: .25rem
}

	.option-box label:after, .option-box label:before {
		position: absolute;
		top: 10px;
		left: 6px;
		color: var(--border-color2)
	}

	.option-box label:after, .option-box-column label:after, .option-box-grid label:after {
		content: ''
	}

	.option-box label:before, .option-box-column label:before, .option-box-grid label:before {
		content: '';
		transition: .2s;
		transform: scale(0);
		opacity: 0
	}

	.option-box label .radio-content {
		display: block;
		margin-top: 8px;
		margin-left: 25px
	}

.option-box input[type=checkbox]:checked + label:before, .option-box input[type=radio]:checked + label:before, .option-box-grid input[type=checkbox]:checked + label:before, .option-box-grid input[type=radio]:checked + label:before {
	content: '';
	transform: scale(1);
	opacity: 1;
	color: #16ac34
}

.option-box-column label {
	position: relative;
	transition: .2s;
	border: 1px solid #d3e0e9;
	border-radius: .25rem
}

	.option-box-column label:after, .option-box-column label:before {
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -.75rem;
		color: var(--border-color2);
		-moz-osx-font-smoothing: grayscale
	}

	.option-box-column label .radio-content {
		display: block;
		margin-top: 2rem;
		text-align: center
	}

		.option-box-column label .radio-content .radio-highlight {
			display: block;
			padding: 15px;
			transition: .2s;
			color: #55565a;
			border-bottom-right-radius: .25rem;
			border-bottom-left-radius: .25rem;
			background-color: var(--border-color2)
		}

.option-box-column input[type=checkbox]:checked + label:before, .option-box-column input[type=radio]:checked + label:before {
	content: '\F5e0';
	transform: scale(1);
	opacity: 1;
	color: #16ac34
}

.option-box-grid label:after, .option-box-grid label:before {
	position: absolute;
	top: 5px;
	right: 5px;
	color: var(--border-color2)
}

.option-box-grid label .radio-content {
	display: block;
	margin-top: 8px
}

.tag-input label {
	position: relative;
	padding: 8px 10px;
	cursor: pointer;
	transition: .2s;
	border: 1px solid #d3e0e9;
	border-radius: .25rem;
	box-shadow: 0 2px 4px rgba(126,142,177,.12)
}

.tag-input input[type=checkbox]:checked + label {
	padding-left: 25px;
	color: #fff;
	background-color: var(--btn-primary-color)
}

	.tag-input input[type=checkbox]:checked + label:before {
		font-family: 'Material Design Icons';
		font-size: 1rem;
		line-height: inherit;
		position: absolute;
		left: 6px;
		content: '';
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

.bg-gray-300, .tag-input input[type=checkbox]:active + label {
	background-color: var(--border-color2)
}

.accordion .collapse {
	border-top: 1px solid transparent
}

.accordion .card {
	border: 1px solid #d3e0e9;
	box-shadow: none
}

	.accordion .card .card-header, .accordion.alternate-icons .card .card-header {
		position: relative;
		padding-right: 35px
	}

		.accordion .card .card-header a[data-toggle=collapse]:after {
			font-family: 'Material Design Icons';
			font-size: 1.2rem;
			position: absolute;
			top: 10px;
			right: 10px;
			content: ''
		}

		.accordion .card .card-header a[data-toggle=collapse][aria-expanded=true]:after {
			font-family: 'Material Design Icons';
			font-size: 1.2rem;
			position: absolute;
			top: 10px;
			right: 10px;
			content: ''
		}

		.accordion.alternate-icons .card .card-header a[data-toggle=collapse]:after {
			font-family: 'Material Design Icons';
			font-size: 1.2rem;
			position: absolute;
			top: 10px;
			right: 10px;
			content: '\f415'
		}

		.accordion.alternate-icons .card .card-header a[data-toggle=collapse][aria-expanded=true]:after {
			font-family: 'Material Design Icons';
			font-size: 1.2rem;
			position: absolute;
			top: 10px;
			right: 10px;
			content: '\f374'
		}

.avatar {
	position: relative;
	display: inline-block
}

.avatar-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.avatar-title {
	display: flex;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: var(--btn-primary-color);
	align-items: center;
	justify-content: center
}

	.avatar-img:hover, .avatar-title:hover {
		box-shadow: 0 0 0 2px #fff
	}

.avatar-away::before, .avatar-dnd::before, .avatar-offline::before, .avatar-online::before {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	width: 30%;
	height: 30%;
	content: '';
	border: 3px solid #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center
}

.avatar-online::before {
	background-color: #16ac34
}

.avatar-away::before {
	background-color: #b9b32a
}

.avatar-dnd::before {
	background-color: #d62812
}

.avatar-offline::before, .bg-gray-500 {
	background-color: #cccccf
}

.avatar {
	width: 3rem;
	height: 3rem
}

	.avatar .border, .avatar-xl .border {
		border-width: 4px !important
	}

	.avatar .rounded {
		border-radius: 6px !important
	}

	.avatar .avatar-title {
		font-size: 18px
	}

	.avatar .avatar-away::before, .avatar .avatar-dnd::before, .avatar .avatar-offline::before, .avatar .avatar-online::before, .avatar-sm .avatar-away::before, .avatar-sm .avatar-dnd::before, .avatar-sm .avatar-offline::before, .avatar-sm .avatar-online::before {
		border-width: 2px
	}

.avatar-xs {
	width: 1.625rem;
	height: 1.625rem
}

	.avatar-xs .border {
		border-width: 2px !important
	}

	.avatar-sm .rounded, .avatar-xs .rounded {
		border-radius: 4px !important
	}

	.avatar-xs .avatar-title {
		font-size: 10px
	}

	.avatar-xs .avatar-away::before, .avatar-xs .avatar-dnd::before, .avatar-xs .avatar-offline::before, .avatar-xs .avatar-online::before {
		border-width: 1px
	}

.avatar-sm {
	width: 2.5rem;
	height: 2.5rem
}

	.avatar-lg .border, .avatar-sm .border {
		border-width: 3px !important
	}

	.avatar-sm .avatar-title {
		font-size: 13px
	}

.avatar-lg {
	width: 4rem;
	height: 4rem
}

	.avatar-lg .rounded, .avatar-xl .rounded, .avatar-xxl .rounded {
		border-radius: 8px !important
	}

	.avatar-lg .avatar-title {
		font-size: 24px
	}

	.avatar-lg .avatar-away::before, .avatar-lg .avatar-dnd::before, .avatar-lg .avatar-offline::before, .avatar-lg .avatar-online::before {
		border-width: 3px
	}

.avatar-xl, .avatar-xxl {
	width: 5.125rem;
	height: 5.125rem
}

	.avatar-xl .avatar-title, .avatar-xxl .avatar-title {
		font-size: 30px
	}

	.avatar-xl .avatar-away::before, .avatar-xl .avatar-dnd::before, .avatar-xl .avatar-offline::before, .avatar-xl .avatar-online::before, .avatar-xxl .avatar-away::before, .avatar-xxl .avatar-dnd::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-input {
	position: relative;
	overflow: hidden
}

	.avatar-input .avatar-file-picker {
		position: absolute;
		z-index: 2;
		width: 1px;
		height: 1px;
		margin: 0;
		opacity: 0
	}

	.avatar-input .avatar-input-icon {
		position: absolute;
		top: 0;
		display: flex;
		width: 100%;
		height: 100%;
		transition: .2s;
		opacity: 0;
		color: #fff;
		background: rgba(0,0,0,.37);
		justify-content: center;
		align-items: center
	}

.loading-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	border-radius: .25rem;
	background-color: rgba(67,90,111,.5);
	background-image: url('../img/loading.svg');
	background-repeat: no-repeat;
	background-position: center
}

.timeline {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none
}

	.timeline .timeline-item {
		line-height: 1.5;
		position: relative;
		margin-bottom: 25px;
		padding: 0;
		transition: .2s;
		border-radius: .25rem
	}

		.timeline .timeline-item .timeline-wrapper {
			position: relative;
			z-index: 2;
			display: flex;
			align-items: center
		}

		.timeline .timeline-item:hover {
			cursor: default;
			background-color: var(--border-color3)
		}

		.timeline .timeline-item:not(:last-child):after {
			position: absolute;
			z-index: 0;
			top: 0;
			left: 20px;
			width: 2px;
			height: calc(100% + 25px);
			content: '';
			background-color: #d6d6d8
		}

	.timeline.timeline-xs .timeline-item:not(:last-child):after {
		position: absolute;
		z-index: 0;
		top: 0;
		left: 12px;
		width: 2px;
		height: calc(100% + 25px);
		content: '';
		background-color: #d6d6d8
	}

.admin-sidebar {
	font-weight: 500;
	position: fixed;
	z-index: 999;
	top: 0;
	right: auto;
	bottom: 0;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	width: 240px;
	transition: transform .2s;
	color: var(--primary-color);
	border-right: 1px solid var(--admin-sidebar-background-border-color);
	background: url("/assets/img/loginbackground.png") no-repeat 50% / cover lightgray;
}

	.admin-sidebar .admin-sidebar-brand {
		display: flex;
		width: 100%;
		height: 65px;
		padding-right: 15px;
		padding-left: 15px;
		background-color: var(--btn-primary-color);
		flex: 0 0 auto;
		align-items: center
	}

		.admin-sidebar .admin-sidebar-brand .admin-brand-logo {
			max-width: 100%
		}

	.admin-sidebar .admin-close-sidebar {
		font-family: 'Material Design Icons';
		font-size: 24px;
		display: none;
		padding-left: 15px;
		align-items: center
	}

	.admin-sidebar .admin-pin-sidebar, .admin-sidebar .menu .menu-item .menu-link .menu-label .menu-arrow {
		line-height: inherit;
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: 'Material Design Icons'
	}

	.admin-sidebar .admin-pin-sidebar {
		font-size: 1rem;
		width: 40px;
		text-align: center;
		opacity: 0;
		color: #fff
	}

		.admin-sidebar .admin-pin-sidebar:before {
			content: '擄'
		}

	.admin-sidebar .admin-sidebar-wrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-bottom: 30px;
		flex: 1 1 auto
	}

	.admin-sidebar .menu {
		margin: 0;
		padding: 0;
		list-style: none
	}

		.admin-sidebar .menu .menu-item {
			position: relative;
			display: block;
			clear: both;
			width: 100%;
			list-style: none
		}

			.admin-sidebar .menu .menu-item .menu-link {
				display: table;
				width: 100%;
				padding: 10px 15px;
				justify-content: space-between
			}

				.admin-sidebar .menu .menu-item .menu-link .menu-label {
					display: table-cell;
					vertical-align: middle;
					color: var(--menu-item-active-font-color);
					padding-left: 10px
				}

					.admin-sidebar .menu .menu-item .menu-link .menu-label .menu-arrow {
						font-size: inherit;
						margin: auto 0
					}

						.admin-sidebar .menu .menu-item .menu-link .menu-label .menu-arrow:before, .bootstrap-timepicker-widget .glyphicon-chevron-down:before {
							content: ''
						}

					.admin-sidebar .menu .menu-item .menu-link .menu-label .menu-info {
						opacity: .6;
						color: rgba(255,255,255,.5)
					}

				.admin-sidebar .menu .menu-item .menu-link .menu-icon {
					position: relative;
					display: table-cell;
					width: 28px;
					height: 28px;
					margin-top: auto;
					margin-bottom: auto;
					margin-left: auto;
					text-align: center;
					vertical-align: middle;
					border-radius: .25rem;
					background: 0 0
				}

					.admin-sidebar .menu .menu-item .menu-link .menu-icon .mdi-earth {
						color: var(--menu-link-menu-icon-placeholder)
					}

					.admin-sidebar .menu .menu-item .menu-link .menu-icon .icon-placeholder {
						font-style: normal;
						margin: auto;
						color: var(--menu-link-menu-icon-placeholder);
						font-size: 16px
					}

					.admin-sidebar .menu .menu-item .menu-link .menu-icon .icon-badge {
						font-size: 10px;
						position: absolute;
						top: -7px;
						right: -6px;
						padding: .3em .6em
					}

			.admin-sidebar .menu .menu-item .sub-menu {
				display: none;
				padding: 0 0 0 10px;
				list-style: none
			}

			.admin-sidebar .menu .menu-item.active > .menu-link .icon-placeholder, .admin-sidebar .menu .menu-item.active > .menu-link .menu-label, .admin-sidebar .menu .menu-item > .menu-link:hover .icon-placeholder, .admin-sidebar .menu .menu-item > .menu-link:hover .menu-label {
				color: var(--menu-item-active-font-color)
			}

			.admin-sidebar .menu .menu-item.opened > .menu-link .icon-placeholder, .admin-sidebar .menu .menu-item.opened > .menu-link .menu-label {
				color: var(--menu-link-menu-label-color)
			}

			.admin-sidebar .menu .menu-item.opened > .menu-link > .menu-label .menu-name > .menu-arrow:before, .bootstrap-timepicker-widget .glyphicon-chevron-up:before {
				content: ''
			}

			.admin-sidebar .menu .menu-item.opened .sub-menu {
				border-top: 1px solid rgba(255,255,255,.07);
				border-bottom: 1px solid rgba(255,255,255,.07);
				background: #4b4c50
			}

.sidebar-backdrop {
	display: none;
	opacity: 0
}

.admin-brand-content {
	font-weight: 600;
	display: inline-block;
	padding: 0 5px;
	letter-spacing: 3px;
	text-transform: uppercase
}

.usable-height {
	height: calc(100vh - 65px)
}

.panel .panel-footer, .panel .panel-header {
	flex: 0 0 auto
}

.panel .panel-body {
	overflow-y: auto;
	flex: 1 1 auto
}

.p-t-0 {
	padding-top: 0
}

.p-r-0 {
	padding-right: 0
}

.p-l-0 {
	padding-left: 0
}

.p-b-0 {
	padding-bottom: 0
}

.p-t-5 {
	padding-top: 5px
}

.p-r-5 {
	padding-right: 5px
}

.p-l-5 {
	padding-left: 5px
}

.p-b-5 {
	padding-bottom: 5px
}

.p-t-10 {
	padding-top: 10px
}

.p-r-10 {
	padding-right: 10px
}

.p-l-10 {
	padding-left: 10px
}

.p-b-10 {
	padding-bottom: 10px
}

.p-t-15 {
	padding-top: 15px
}

.p-r-15 {
	padding-right: 15px
}

.p-l-15 {
	padding-left: 15px
}

.p-b-15 {
	padding-bottom: 15px
}

.p-t-20 {
	padding-top: 20px
}

.p-r-20 {
	padding-right: 20px
}

.p-l-20 {
	padding-left: 20px
}

.p-b-20 {
	padding-bottom: 20px
}

.p-t-25 {
	padding-top: 25px
}

.p-r-25 {
	padding-right: 25px
}

.p-l-25 {
	padding-left: 25px
}

.p-b-25 {
	padding-bottom: 25px
}

.p-t-30 {
	padding-top: 30px
}

.p-r-30 {
	padding-right: 30px
}

.p-l-30 {
	padding-left: 30px
}

.p-b-30 {
	padding-bottom: 30px
}

.p-t-35 {
	padding-top: 35px
}

.p-r-35 {
	padding-right: 35px
}

.p-l-35 {
	padding-left: 35px
}

.p-b-35 {
	padding-bottom: 35px
}

.p-t-40 {
	padding-top: 40px
}

.p-r-40 {
	padding-right: 40px
}

.p-l-40 {
	padding-left: 40px
}

.p-b-40 {
	padding-bottom: 40px
}

.p-t-45 {
	padding-top: 45px
}

.p-r-45 {
	padding-right: 45px
}

.p-l-45 {
	padding-left: 45px
}

.p-b-45 {
	padding-bottom: 45px
}

.p-t-50 {
	padding-top: 50px
}

.p-r-50 {
	padding-right: 50px
}

.p-l-50 {
	padding-left: 50px
}

.p-b-50 {
	padding-bottom: 50px
}

.p-t-55 {
	padding-top: 55px
}

.p-r-55 {
	padding-right: 55px
}

.p-l-55 {
	padding-left: 55px
}

.p-b-55 {
	padding-bottom: 55px
}

.p-t-60 {
	padding-top: 60px
}

.p-r-60 {
	padding-right: 60px
}

.p-l-60 {
	padding-left: 60px
}

.p-b-60 {
	padding-bottom: 60px
}

.admin-main, .p-t-65 {
	padding-top: 65px
}

.p-r-65 {
	padding-right: 65px
}

.p-l-65 {
	padding-left: 65px
}

.p-b-65 {
	padding-bottom: 65px
}

.p-t-70 {
	padding-top: 70px
}

.p-r-70 {
	padding-right: 70px
}

.p-l-70 {
	padding-left: 70px
}

.p-b-70 {
	padding-bottom: 70px
}

.p-t-75 {
	padding-top: 75px
}

.p-r-75 {
	padding-right: 75px
}

.p-l-75 {
	padding-left: 75px
}

.p-b-75 {
	padding-bottom: 75px
}

.p-t-80 {
	padding-top: 80px
}

.p-r-80 {
	padding-right: 80px
}

.p-l-80 {
	padding-left: 80px
}

.p-b-80 {
	padding-bottom: 80px
}

.p-t-85 {
	padding-top: 85px
}

.p-r-85 {
	padding-right: 85px
}

.p-l-85 {
	padding-left: 85px
}

.p-b-85 {
	padding-bottom: 85px
}

.p-t-90 {
	padding-top: 90px
}

.p-r-90 {
	padding-right: 90px
}

.p-l-90 {
	padding-left: 90px
}

.p-b-90 {
	padding-bottom: 90px
}

.p-t-95 {
	padding-top: 95px
}

.p-r-95 {
	padding-right: 95px
}

.p-l-95 {
	padding-left: 95px
}

.p-b-95 {
	padding-bottom: 95px
}

.p-t-100 {
	padding-top: 100px
}

.p-r-100 {
	padding-right: 100px
}

.p-l-100 {
	padding-left: 100px
}

.p-b-100 {
	padding-bottom: 100px
}

.m-t-5 {
	margin-top: 5px
}

.m-r-5 {
	margin-right: 5px
}

.m-l-5 {
	margin-left: 5px
}

.m-b-5 {
	margin-bottom: 5px
}

.m-t-10 {
	margin-top: 10px
}

.m-r-10 {
	margin-right: 10px
}

.m-l-10 {
	margin-left: 10px
}

.m-b-10 {
	margin-bottom: 10px
}

.m-t-15 {
	margin-top: 15px
}

.m-r-15 {
	margin-right: 15px
}

.m-l-15 {
	margin-left: 15px
}

.m-t-20 {
	margin-top: 20px
}

.m-r-20 {
	margin-right: 20px
}

.m-l-20 {
	margin-left: 20px
}

.m-b-20 {
	margin-bottom: 20px
}

.m-t-25 {
	margin-top: 25px
}

.m-r-25 {
	margin-right: 25px
}

.m-l-25 {
	margin-left: 25px
}

.m-b-25 {
	margin-bottom: 25px
}

.m-t-30 {
	margin-top: 30px
}

.m-r-30 {
	margin-right: 30px
}

.m-l-30 {
	margin-left: 30px
}

.m-b-30 {
	margin-bottom: 30px
}

.m-t-35 {
	margin-top: 35px
}

.m-r-35 {
	margin-right: 35px
}

.m-l-35 {
	margin-left: 35px
}

.m-b-35 {
	margin-bottom: 35px
}

.m-t-40 {
	margin-top: 40px
}

.m-r-40 {
	margin-right: 40px
}

.m-l-40 {
	margin-left: 40px
}

.m-b-40 {
	margin-bottom: 40px
}

.m-t-45 {
	margin-top: 45px
}

.m-r-45 {
	margin-right: 45px
}

.m-l-45 {
	margin-left: 45px
}

.m-b-45 {
	margin-bottom: 45px
}

.m-t-50 {
	margin-top: 50px
}

.m-r-50 {
	margin-right: 50px
}

.m-l-50 {
	margin-left: 50px
}

.m-b-50 {
	margin-bottom: 50px
}

.m-t-55 {
	margin-top: 55px
}

.m-r-55 {
	margin-right: 55px
}

.m-l-55 {
	margin-left: 55px
}

.m-b-55 {
	margin-bottom: 55px
}

.m-t-60 {
	margin-top: 60px
}

.m-r-60 {
	margin-right: 60px
}

.m-l-60 {
	margin-left: 60px
}

.m-b-60 {
	margin-bottom: 60px
}

.m-t-65 {
	margin-top: 65px
}

.m-r-65 {
	margin-right: 65px
}

.m-l-65 {
	margin-left: 65px
}

.m-b-65 {
	margin-bottom: 65px
}

.m-t-70 {
	margin-top: 70px
}

.m-r-70 {
	margin-right: 70px
}

.m-l-70 {
	margin-left: 70px
}

.m-b-70 {
	margin-bottom: 70px
}

.m-t-75 {
	margin-top: 75px
}

.m-r-75 {
	margin-right: 75px
}

.m-l-75 {
	margin-left: 75px
}

.m-b-75 {
	margin-bottom: 75px
}

.m-t-80 {
	margin-top: 80px
}

.m-r-80 {
	margin-right: 80px
}

.m-l-80 {
	margin-left: 80px
}

.m-b-80 {
	margin-bottom: 80px
}

.m-t-85 {
	margin-top: 85px
}

.m-r-85 {
	margin-right: 85px
}

.m-l-85 {
	margin-left: 85px
}

.m-b-85 {
	margin-bottom: 85px
}

.m-t-90 {
	margin-top: 90px
}

.m-r-90 {
	margin-right: 90px
}

.m-l-90 {
	margin-left: 90px
}

.m-b-90 {
	margin-bottom: 90px
}

.m-t-95 {
	margin-top: 95px
}

.m-r-95 {
	margin-right: 95px
}

.m-l-95 {
	margin-left: 95px
}

.m-b-95 {
	margin-bottom: 95px
}

.m-t-100 {
	margin-top: 100px
}

.m-r-100 {
	margin-right: 100px
}

.m-l-100 {
	margin-left: 100px
}

.m-b-100 {
	margin-bottom: 100px
}

.p-all-0, body.jumbo-page .admin-main {
	padding: 0
}

.p-all-10, .p-all-5 {
	padding: 10px
}

.p-all-15 {
	padding: 15px
}

.p-all-25 {
	padding: 25px
}

.m-all-0 {
	margin: 0
}

.m-all-5 {
	margin: 5px
}

.m-all-10 {
	margin: 10px
}

.m-all-15 {
	margin: 15px
}

.m-all-25 {
	margin: 25px
}

.pull-up-xs {
	margin-top: -25px
}

.pull-up-sm {
	margin-top: -50px
}

.pull-up {
	margin-top: -90px
}

.m-h-0 {
	min-height: 0
}

.m-h-10 {
	min-height: 10vh
}

.m-h-20 {
	min-height: 20vh
}

.m-h-30 {
	min-height: 30vh
}

.m-h-40 {
	min-height: 40vh
}

.m-h-50 {
	min-height: 50vh
}

.m-h-60 {
	min-height: 60vh
}

.m-h-70 {
	min-height: 70vh
}

.m-h-80 {
	min-height: 80vh
}

.m-h-90 {
	min-height: 90vh
}

.m-h-100 {
	min-height: 100vh
}

.admin-header {
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	left: 0;
	display: flex;
	height: 65px;
	border-bottom: 0 solid #d3e0e9;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(42,76,133,.15);
	align-items: center
}

.bootstrap-notify, .datepicker.dropdown-menu, .daterangepicker, .select2-dropdown, .toast {
	box-shadow: 0 18px 35px rgba(50,50,93,.1),-1px 0 15px rgba(0,0,0,.07)
}

.admin-header .sidebar-toggle {
	font-family: 'Material Design Icons';
	font-size: 24px;
	display: none;
	margin-right: 15px;
	padding-left: 15px;
	align-items: center
}

	.admin-header .sidebar-toggle:before {
		content: ''
	}

@media (min-width:768px) {
	.col-md {
		max-width: 100%;
		flex-basis: 0;
		flex-grow: 1
	}

	.col-md-auto {
		width: auto;
		max-width: 100%;
		flex: 0 0 auto
	}

	.col-md-1 {
		max-width: 8.33333%;
		flex: 0 0 8.33333%
	}

	.col-md-2 {
		max-width: 16.66667%;
		flex: 0 0 16.66667%
	}

	.col-md-3 {
		max-width: 25%;
		flex: 0 0 25%
	}

	.col-md-4 {
		max-width: 33.33333%;
		flex: 0 0 33.33333%
	}

	.col-md-5 {
		max-width: 41.66667%;
		flex: 0 0 41.66667%
	}

	.col-md-6 {
		max-width: 50%;
		flex: 0 0 50%
	}

	.col-md-7 {
		max-width: 58.33333%;
		flex: 0 0 58.33333%
	}

	.col-md-8 {
		max-width: 66.66667%;
		flex: 0 0 66.66667%
	}

	.col-md-9 {
		max-width: 75%;
		flex: 0 0 75%
	}

	.col-md-10 {
		max-width: 83.33333%;
		flex: 0 0 83.33333%
	}

	.col-md-11 {
		max-width: 91.66667%;
		flex: 0 0 91.66667%
	}

	.col-md-12 {
		max-width: 100%;
		flex: 0 0 100%
	}

	.order-md-first {
		order: -1
	}

	.order-md-last {
		order: 13
	}

	.order-md-0 {
		order: 0
	}

	.order-md-1 {
		order: 1
	}

	.order-md-2 {
		order: 2
	}

	.order-md-3 {
		order: 3
	}

	.order-md-4 {
		order: 4
	}

	.order-md-5 {
		order: 5
	}

	.order-md-6 {
		order: 6
	}

	.order-md-7 {
		order: 7
	}

	.order-md-8 {
		order: 8
	}

	.order-md-9 {
		order: 9
	}

	.order-md-10 {
		order: 10
	}

	.order-md-11 {
		order: 11
	}

	.order-md-12 {
		order: 12
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.33333%
	}

	.offset-md-2 {
		margin-left: 16.66667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.33333%
	}

	.offset-md-5 {
		margin-left: 41.66667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.33333%
	}

	.offset-md-8 {
		margin-left: 66.66667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.33333%
	}

	.offset-md-11 {
		margin-left: 91.66667%
	}

	.dropdown-menu-md-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-md-right {
		right: 0;
		left: auto
	}

	.navbar-expand-md {
		flex-flow: row nowrap;
		justify-content: flex-start
	}

		.list-group-horizontal-md, .navbar-expand-md .navbar-nav {
			flex-direction: row
		}

			.navbar-expand-md .navbar-nav .dropdown-menu {
				position: absolute
			}

			.navbar-expand-md .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem
			}

		.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
			flex-wrap: nowrap
		}

		.navbar-expand-md .navbar-collapse {
			display: flex !important;
			flex-basis: auto
		}

		.navbar-expand-md .navbar-toggler {
			display: none
		}

	.list-group-horizontal-md .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}

		.list-group-horizontal-md .list-group-item:first-child {
			border-top-left-radius: .25rem;
			border-top-right-radius: 0;
			border-bottom-left-radius: .25rem
		}

		.list-group-horizontal-md .list-group-item:last-child {
			margin-right: 0;
			border-top-right-radius: .25rem;
			border-bottom-right-radius: .25rem;
			border-bottom-left-radius: 0
		}

	.d-md-none {
		display: none !important
	}

	.d-md-inline {
		display: inline !important
	}

	.d-md-inline-block {
		display: inline-block !important
	}

	.d-md-block {
		display: block !important
	}

	.d-md-table {
		display: table !important
	}

	.d-md-table-row {
		display: table-row !important
	}

	.d-md-table-cell {
		display: table-cell !important
	}

	.d-md-flex {
		display: flex !important
	}

	.d-md-inline-flex {
		display: inline-flex !important
	}

	.flex-md-row {
		flex-direction: row !important
	}

	.flex-md-column {
		flex-direction: column !important
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-md-wrap {
		flex-wrap: wrap !important
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.flex-md-fill {
		flex: 1 1 auto !important
	}

	.flex-md-grow-0 {
		flex-grow: 0 !important
	}

	.flex-md-grow-1 {
		flex-grow: 1 !important
	}

	.flex-md-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-md-shrink-1 {
		flex-shrink: 1 !important
	}

	.justify-content-md-start {
		justify-content: flex-start !important
	}

	.justify-content-md-end {
		justify-content: flex-end !important
	}

	.justify-content-md-center {
		justify-content: center !important
	}

	.justify-content-md-between {
		justify-content: space-between !important
	}

	.justify-content-md-around {
		justify-content: space-around !important
	}

	.align-items-md-start {
		align-items: flex-start !important
	}

	.align-items-md-end {
		align-items: flex-end !important
	}

	.align-items-md-center {
		align-items: center !important
	}

	.align-items-md-baseline {
		align-items: baseline !important
	}

	.align-items-md-stretch {
		align-items: stretch !important
	}

	.align-content-md-start {
		align-content: flex-start !important
	}

	.align-content-md-end {
		align-content: flex-end !important
	}

	.align-content-md-center {
		align-content: center !important
	}

	.align-content-md-between {
		align-content: space-between !important
	}

	.align-content-md-around {
		align-content: space-around !important
	}

	.align-content-md-stretch {
		align-content: stretch !important
	}

	.align-self-md-auto {
		align-self: auto !important
	}

	.align-self-md-start {
		align-self: flex-start !important
	}

	.align-self-md-end {
		align-self: flex-end !important
	}

	.align-self-md-center {
		align-self: center !important
	}

	.align-self-md-baseline {
		align-self: baseline !important
	}

	.align-self-md-stretch {
		align-self: stretch !important
	}

	.float-md-left {
		float: left !important
	}

	.float-md-right {
		float: right !important
	}

	.float-md-none {
		float: none !important
	}

	.m-md-0 {
		margin: 0 !important
	}

	.mt-md-0, .my-md-0 {
		margin-top: 0 !important
	}

	.mr-md-0, .mx-md-0 {
		margin-right: 0 !important
	}

	.mb-md-0, .my-md-0 {
		margin-bottom: 0 !important
	}

	.ml-md-0, .mx-md-0 {
		margin-left: 0 !important
	}

	.m-md-1 {
		margin: .25rem !important
	}

	.mt-md-1, .my-md-1 {
		margin-top: .25rem !important
	}

	.mr-md-1, .mx-md-1 {
		margin-right: .25rem !important
	}

	.mb-md-1, .my-md-1 {
		margin-bottom: .25rem !important
	}

	.ml-md-1, .mx-md-1 {
		margin-left: .25rem !important
	}

	.m-md-2 {
		margin: .5rem !important
	}

	.mt-md-2, .my-md-2 {
		margin-top: .5rem !important
	}

	.mr-md-2, .mx-md-2 {
		margin-right: .5rem !important
	}

	.mb-md-2, .my-md-2 {
		margin-bottom: .5rem !important
	}

	.ml-md-2, .mx-md-2 {
		margin-left: .5rem !important
	}

	.m-md-3 {
		margin: 1rem !important
	}

	.mt-md-3, .my-md-3 {
		margin-top: 1rem !important
	}

	.mr-md-3, .mx-md-3 {
		margin-right: 1rem !important
	}

	.mb-md-3, .my-md-3 {
		margin-bottom: 1rem !important
	}

	.ml-md-3, .mx-md-3 {
		margin-left: 1rem !important
	}

	.m-md-4 {
		margin: 1.5rem !important
	}

	.mt-md-4, .my-md-4 {
		margin-top: 1.5rem !important
	}

	.mr-md-4, .mx-md-4 {
		margin-right: 1.5rem !important
	}

	.mb-md-4, .my-md-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-md-4, .mx-md-4 {
		margin-left: 1.5rem !important
	}

	.m-md-5 {
		margin: 3rem !important
	}

	.mt-md-5, .my-md-5 {
		margin-top: 3rem !important
	}

	.mr-md-5, .mx-md-5 {
		margin-right: 3rem !important
	}

	.mb-md-5, .my-md-5 {
		margin-bottom: 3rem !important
	}

	.ml-md-5, .mx-md-5 {
		margin-left: 3rem !important
	}

	.p-md-0 {
		padding: 0 !important
	}

	.pt-md-0, .py-md-0 {
		padding-top: 0 !important
	}

	.pr-md-0, .px-md-0 {
		padding-right: 0 !important
	}

	.pb-md-0, .py-md-0 {
		padding-bottom: 0 !important
	}

	.pl-md-0, .px-md-0 {
		padding-left: 0 !important
	}

	.p-md-1 {
		padding: .25rem !important
	}

	.pt-md-1, .py-md-1 {
		padding-top: .25rem !important
	}

	.pr-md-1, .px-md-1 {
		padding-right: .25rem !important
	}

	.pb-md-1, .py-md-1 {
		padding-bottom: .25rem !important
	}

	.pl-md-1, .px-md-1 {
		padding-left: .25rem !important
	}

	.p-md-2 {
		padding: .5rem !important
	}

	.pt-md-2, .py-md-2 {
		padding-top: .5rem !important
	}

	.pr-md-2, .px-md-2 {
		padding-right: .5rem !important
	}

	.pb-md-2, .py-md-2 {
		padding-bottom: .5rem !important
	}

	.pl-md-2, .px-md-2 {
		padding-left: .5rem !important
	}

	.p-md-3 {
		padding: 1rem !important
	}

	.pt-md-3, .py-md-3 {
		padding-top: 1rem !important
	}

	.pr-md-3, .px-md-3 {
		padding-right: 1rem !important
	}

	.pb-md-3, .py-md-3 {
		padding-bottom: 1rem !important
	}

	.pl-md-3, .px-md-3 {
		padding-left: 1rem !important
	}

	.p-md-4 {
		padding: 1.5rem !important
	}

	.pt-md-4, .py-md-4 {
		padding-top: 1.5rem !important
	}

	.pr-md-4, .px-md-4 {
		padding-right: 1.5rem !important
	}

	.pb-md-4, .py-md-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-md-4, .px-md-4 {
		padding-left: 1.5rem !important
	}

	.p-md-5 {
		padding: 3rem !important
	}

	.pt-md-5, .py-md-5 {
		padding-top: 3rem !important
	}

	.pr-md-5, .px-md-5 {
		padding-right: 3rem !important
	}

	.pb-md-5, .py-md-5 {
		padding-bottom: 3rem !important
	}

	.pl-md-5, .px-md-5 {
		padding-left: 3rem !important
	}

	.m-md-n1 {
		margin: -.25rem !important
	}

	.mt-md-n1, .my-md-n1 {
		margin-top: -.25rem !important
	}

	.mr-md-n1, .mx-md-n1 {
		margin-right: -.25rem !important
	}

	.mb-md-n1, .my-md-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-md-n1, .mx-md-n1 {
		margin-left: -.25rem !important
	}

	.m-md-n2 {
		margin: -.5rem !important
	}

	.mt-md-n2, .my-md-n2 {
		margin-top: -.5rem !important
	}

	.mr-md-n2, .mx-md-n2 {
		margin-right: -.5rem !important
	}

	.mb-md-n2, .my-md-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-md-n2, .mx-md-n2 {
		margin-left: -.5rem !important
	}

	.m-md-n3 {
		margin: -1rem !important
	}

	.mt-md-n3, .my-md-n3 {
		margin-top: -1rem !important
	}

	.mr-md-n3, .mx-md-n3 {
		margin-right: -1rem !important
	}

	.mb-md-n3, .my-md-n3 {
		margin-bottom: -1rem !important
	}

	.ml-md-n3, .mx-md-n3 {
		margin-left: -1rem !important
	}

	.m-md-n4 {
		margin: -1.5rem !important
	}

	.mt-md-n4, .my-md-n4 {
		margin-top: -1.5rem !important
	}

	.mr-md-n4, .mx-md-n4 {
		margin-right: -1.5rem !important
	}

	.mb-md-n4, .my-md-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-md-n4, .mx-md-n4 {
		margin-left: -1.5rem !important
	}

	.m-md-n5 {
		margin: -3rem !important
	}

	.mt-md-n5, .my-md-n5 {
		margin-top: -3rem !important
	}

	.mr-md-n5, .mx-md-n5 {
		margin-right: -3rem !important
	}

	.mb-md-n5, .my-md-n5 {
		margin-bottom: -3rem !important
	}

	.ml-md-n5, .mx-md-n5 {
		margin-left: -3rem !important
	}

	.m-md-auto {
		margin: auto !important
	}

	.mt-md-auto, .my-md-auto {
		margin-top: auto !important
	}

	.mr-md-auto, .mx-md-auto {
		margin-right: auto !important
	}

	.mb-md-auto, .my-md-auto {
		margin-bottom: auto !important
	}

	.ml-md-auto, .mx-md-auto {
		margin-left: auto !important
	}

	.text-md-left {
		text-align: left !important
	}

	.text-md-right {
		text-align: right !important
	}

	.text-md-center {
		text-align: center !important
	}

	.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-dnd::before, .avatar-xxl .avatar-offline::before, .avatar-xxl .avatar-online::before {
			border-width: 4px
		}

	.admin-sidebar {
		transform: translateX(-170px)
	}

	body.sidebar-pinned .admin-sidebar {
		transform: translateX(0)
	}

	.admin-sidebar.sidebar-show .admin-pin-sidebar, body.sidebar-pinned .admin-pin-sidebar {
		transform: scale(1);
		opacity: 1
	}

		body.sidebar-pinned .admin-pin-sidebar:before {
			content: '勞'
		}

	.admin-sidebar.sidebar-show {
		transform: translateX(0) !important
	}

	.admin-header, .admin-main {
		padding-left: 70px
	}

	body.sidebar-pinned .admin-header, body.sidebar-pinned .admin-main {
		padding-left: 240px
	}
}

.select2-container--default .select2-selection__rendered {
	font-size: .9rem;
	line-height: 1.5 !important;
	padding: .375rem .75rem !important;
	color: #55565a !important
}

.bootstrap-timepicker-widget .glyphicon, .datepicker thead tr .next:before, .datepicker thead tr .prev:before {
	line-height: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: 'Material Design Icons'
}

.select2-selection {
	height: unset !important;
	border-color: #d3e0e9 !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	position: absolute;
	top: 50%;
	right: 1px;
	width: 20px;
	height: unset;
	transform: translateY(-100%)
}

.select2-container--default:focus {
	color: #b8b8bc;
	outline: 0;
	background-color: #fff
}

.select2-dropdown {
	border: 1px solid #d3e0e9
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #535357;
	background-color: #d6d6d8
}

.select2-container--default .select2-results__option[aria-selected=true] {
	color: var(--btn-primary-color);
	background-color: var(--border-color)
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	width: 100%;
	padding-left: 29px;
	border: 0;
	border: none;
	outline: 0;
	background-color: var(--border-color)
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	font-size: 14px !important;
	padding: 2px .375rem !important
}

.select2-search--dropdown:before {
	font-family: 'Material Design Icons';
	font-size: 18px;
	position: absolute;
	top: 6px;
	left: 10px;
	content: '\F349';
	color: #b8b8bc
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border: 1px solid transparent;
	border-radius: 2px;
	background-color: var(--border-color2)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	font-weight: 500;
	color: #000
}

.select2.is-invalid + .select2-container .select2-selection {
	border-color: #f2545b !important
}

.select2.is-valid + .select2-container .select2-selection {
	border-color: #0c9 !important
}

.datepicker {
	font-size: 12px;
	z-index: 99 !important;
	padding: 16px 25px;
	border-radius: 2px
}

	.datepicker:after {
		border-bottom-color: var(--border-color2)
	}

	.datepicker thead tr .datepicker-switch {
		font-size: 13px;
		font-weight: 400;
		color: #b8b8bc
	}

	.datepicker thead tr .next, .datepicker thead tr .prev {
		font-size: 0;
		content: '';
		color: var(--btn-primary-color)
	}

		.datepicker thead tr .next:before, .datepicker thead tr .prev:before {
			font-size: 1rem;
			color: var(--btn-primary-color)
		}

		.datepicker thead tr .prev:before {
			content: ''
		}

		.datepicker thead tr .next:before {
			content: ''
		}

	.datepicker thead tr .dow {
		font-size: 11px;
		text-align: center;
		text-transform: uppercase;
		color: var(--btn-primary-color)
	}

	.datepicker thead tr th {
		width: 31px;
		height: 29px;
		text-align: center
	}

	.datepicker tbody tr .odd {
		color: #d6d6d8
	}

	.datepicker table tr td {
		width: 31px;
		height: 29px;
		cursor: default;
		text-align: center;
		border-radius: .25rem
	}

		.datepicker table tr td.new, .datepicker table tr td.old {
			color: #cccccf
		}

		.datepicker table tr td.day:hover {
			background: var(--border-color2)
		}

		.datepicker table tr td.active {
			color: #fff
		}

			.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
				font-weight: 600;
				background-image: none;
				text-shadow: none
			}

		.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
			color: #000;
			background-color: var(--border-color2);
			background-image: none
		}

		.datepicker table tr td.today {
			color: #000;
			background-color: fade(#b9b32a,60)
		}

		.datepicker table tr td span {
			line-height: 42px;
			width: 42px;
			height: 42px;
			border-radius: 4px
		}

			.datepicker table tr td span.active {
				border-radius: .25rem
			}

				.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
					border: 0;
					background-image: none;
					text-shadow: none
				}

td.range-start.day, td.selected.range-end.day {
	border-top-right-radius: 0;
	border-bottom-left-radius: 0
}

td.range-start.day {
	border-bottom-right-radius: 0
}

td.selected.range-end.day {
	border-top-left-radius: 0;
	background-color: var(--btn-primary-color)
}

.datepicker.dropdown-menu {
	color: #b8b8bc;
	border-color: #d3e0e9;
	border-radius: .25rem
}

.daterangepicker {
	border: 1px solid #d3e0e9
}

.bootstrap-timepicker-widget .glyphicon {
	font-size: inherit;
	display: inline-block;
	-moz-osx-font-smoothing: grayscale
}

.bg-gray-700, .ui-slider-range {
	background-color: #55565a
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.6em;
	width: 2.5em;
	height: 1.8em;
	transition: color .2s;
	text-align: center;
	border: 1px solid #d3e0e9;
	background: #fff;
	box-shadow: 0 2px 4px rgba(126,142,177,.12)
}

	.ui-slider-horizontal .ui-slider-handle:after, .ui-slider-horizontal .ui-slider-handle:before {
		font-family: 'Material Design Icons';
		font-size: 1rem;
		color: #55565a
	}

	.ui-slider-horizontal .ui-slider-handle:before {
		content: ''
	}

	.ui-slider-horizontal .ui-slider-handle:after {
		content: ''
	}

	.bg-gray-900, .ui-slider-horizontal .ui-slider-handle.ui-state-active {
		background-color: #4b4c50
	}

.dropzone {
	transition: background-color .2s;
	border: 2px dashed #d3e0e9 !important;
	border-radius: .25rem
}

.bootstrap-notify, .icon--item, .iconbar--wrapper, .kanban-board-title, .kanban-ribbion {
	border-radius: .25rem
}

.note-editor.note-frame {
	border-color: #d3e0e9 !important
}

.bootstrap-notify {
	max-width: 450px;
	padding: 10px;
	background-color: #fff
}

	.bootstrap-notify .avatar-title {
		font-size: 1.2rem
	}

	.bootstrap-notify .progress {
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: -1px;
		left: 0;
		height: 2px;
		border-radius: 0;
		background-color: transparent
	}

.toast {
	display: inline-block;
	min-width: 300px;
	padding: 20px 15px;
	color: #fff;
	background-color: #323232
}

.apexcharts-canvas {
	height: 300px;
	margin: auto
}

	.apexcharts-canvas .apexcharts-legend-series, .apexcharts-canvas .apexcharts-legend-text, .apexcharts-canvas .apexcharts-title-text, .apexcharts-canvas .apexcharts-xaxis-label, .apexcharts-canvas .apexcharts-xaxis-title, .apexcharts-canvas .apexcharts-yaxis-label, .apexcharts-canvas .apexcharts-yaxis-title, .apexcharts-canvas text {
		font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
		font-weight: 600;
		fill: #55565a !important
	}

.invert-colors .apexcharts-download-icon svg, .invert-colors .apexcharts-legend-series, .invert-colors .apexcharts-legend-text, .invert-colors .apexcharts-reset-zoom-icon svg, .invert-colors .apexcharts-title-text, .invert-colors .apexcharts-xaxis-label, .invert-colors .apexcharts-xaxis-title, .invert-colors .apexcharts-yaxis-label, .invert-colors .apexcharts-yaxis-title, .invert-colors .apexcharts-zoom-icon svg, .invert-colors .apexcharts-zoom-in-icon svg, .invert-colors .apexcharts-zoom-out-icon svg {
	fill: rgba(255,255,255,.57) !important
}

.chat-sidebar, .mail-sidebar {
	max-width: 240px;
	background-color: #4b4c50
}

	.chat-sidebar .chat-sidebar-header, .mail-sidebar .mail-sidebar-header {
		height: 60px
	}

	.chat-sidebar .chat-sidebar-item, .mail-sidebar .mail-sidebar-item {
		display: block;
		padding: 10px 15px;
		opacity: .7
	}

.chat-window .chat-window-header, .mail-window .mail-window-header {
	height: 65px;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom: 1px solid #d3e0e9;
	box-shadow: 0 2px 4px rgba(126,142,177,.12);
	flex: 0 0 auto;
	align-items: center
}

.compose-wrapper .compose-dialog, .tilt {
	box-shadow: 0 18px 35px rgba(50,50,93,.1),-1px 0 15px rgba(0,0,0,.07)
}

.chat-window .chat-window-footer, .mail-window .mail-window-footer {
	min-height: 65px;
	padding: 10px 15px
}

.chat-window .chat-window-body, .mail-window .mail-window-body {
	overflow-y: auto;
	padding-right: 15px;
	padding-left: 15px;
	flex: 1 1 auto
}

	.chat-window .chat-window-body .chat-item {
		padding: 15px 0;
		transition: .2s
	}

@media (max-width:768px) {
	.admin-sidebar {
		transform: translateX(-100%)
	}

		.admin-sidebar .admin-pin-sidebar {
			display: none
		}

		.admin-sidebar .admin-close-sidebar {
			display: inline-block
		}

	.sidebar-open .admin-sidebar {
		transform: translateX(0) !important
	}

	.sidebar-open .sidebar-backdrop {
		position: fixed;
		z-index: 99;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		opacity: .5;
		background-color: #000
	}

	.admin-header .sidebar-toggle {
		display: block
	}

	.chat-sidebar {
		position: fixed;
		z-index: 1
	}
}

.mail-window .mail-window-body .mail-item {
	padding: 15px 0;
	cursor: pointer;
	transition: .2s
}

.mail-window .mail-window-body .mailbox-options {
	width: 80px
}

.mail-window .mail-window-body .mailbox-name {
	width: 180px
}

.compose-wrapper {
	position: fixed;
	z-index: 999;
	right: 40px;
	bottom: 0
}

	.compose-wrapper .compose-header {
		padding: 0 15px
	}

		.compose-wrapper .compose-header .compose-toolbar {
			padding: 5px 0
		}

	.compose-wrapper .compose-dialog {
		width: 35vw;
		max-width: 400px;
		height: 450px;
		background-color: #fff
	}

	.compose-wrapper .compose-body {
		overflow: hidden;
		flex: 1 1 auto
	}

	.compose-wrapper .compose-footer {
		padding: 8px 15px;
		border-top: 1px solid #d3e0e9
	}

.kanban-workspace .kanban-list {
	width: 300px;
	min-width: 300px;
	padding: 10px
}

	.kanban-workspace .kanban-list .kanban-list-container {
		padding: 10px;
		border-radius: .25rem;
		background-color: #d6d6d8
	}

		.kanban-workspace .kanban-list .kanban-list-container .kanban-list-wrapper {
			padding: 10px 0
		}

.kanban-board-title {
	margin: 0;
	padding: 5px;
	transition: .2s
}

	.kanban-board-title:focus, .kanban-board-title:hover {
		outline: 0;
		background-color: rgba(0,0,0,.15)
	}

.kanban-item {
	margin-bottom: 10px;
	transiton: all ease .2s
}

.kanban-ribbion {
	position: absolute;
	right: 0;
	left: 0;
	height: 4px
}

.tilt {
	transform: rotate(3deg)
}

.guide-item {
	min-height: 335px
}

	.guide-item:after {
		content: '';
		transition: .2s;
		opacity: 1
	}

	.guide-item:active:after, .guide-item:focus:after, .guide-item:hover:after {
		position: absolute;
		top: 0;
		right: 0;
		content: '';
		opacity: 1;
		border-width: 35px 0 0 35px;
		border-style: solid;
		border-color: #fff #dcdcdc
	}

.bg-primary {
	color: var(--white) !important;
	background-color: var(--primary-color) !important
}

.bg-gray-200 {
	background-color: #f4f4f5
}

.bg-gray-400 {
	background-color: #d6d6d8
}

.bg-gray-600 {
	background-color: #b8b8bc
}

.bg-gray-800 {
	background-color: #535357
}

.bg-white-translucent {
	background-color: rgba(255,255,255,.15)
}

.bg-black-translucent {
	background-color: rgba(0,0,0,.15)
}

.overlay-gradient-top {
	width: 100%;
	background: linear-gradient(to top,rgba(20,16,17,.4) 0,rgba(20,16,17,.28) 59%,rgba(20,16,17,.09) 84%,rgba(20,16,17,.01) 99%,rgba(255,255,255,0) 100%)
}

.overlay-gradient-bottom {
	width: 100%;
	background: linear-gradient(to bottom,rgba(20,16,17,.4) 0,rgba(20,16,17,.28) 59%,rgba(20,16,17,.09) 84%,rgba(20,16,17,.01) 99%,rgba(255,255,255,0) 100%)
}

.bg-cover, .bg-pattern {
	background-position: center
}

.bg-white {
	background-color: #fff !important
}

.bg-transparent {
	background-color: transparent !important
}

.bg-cover {
	background-size: cover
}

.bg-overlay {
	background-color: rgba(0,0,0,.35)
}

.bg-overlay-light {
	background-color: rgba(255,255,255,.35)
}

.bg-dots {
	background-image: url('../img/patterns/dot.svg');
	background-size: 20px
}

.bg-pattern {
	background-image: url('../img/patterns/bg.svg');
	background-size: cover
}

.gradient-01 {
	background-image: linear-gradient(to top right,#5540bf,#a697f2)
}

@media (min-width:1800px) {
	.col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px
	}

	.visible-xlg {
		display: block !important
	}

	.hidden-xlg {
		display: none !important
	}

	.col-xlg-12 {
		max-width: 100%;
		flex: 0 0 100%
	}

	.col-xlg-11 {
		max-width: 91.6667%;
		flex: 0 0 91.6667%
	}

	.col-xlg-10 {
		width: 83.3333%;
		max-width: 83.3333%;
		flex: 0 0 83.3333%
	}

	.col-xlg-9 {
		max-width: 75%;
		flex: 0 0 75%
	}

	.col-xlg-8 {
		max-width: 66.6667%;
		flex: 0 0 66.6667%
	}

	.col-xlg-7 {
		max-width: 58.3333%;
		flex: 0 0 58.3333%
	}

	.col-xlg-6 {
		max-width: 50%;
		flex: 0 0 50%
	}

	.col-xlg-5 {
		max-width: 41.6667%;
		flex: 0 0 41.6667%
	}

	.col-xlg-4 {
		max-width: 33.3333%;
		flex: 0 0 33.3333%
	}

	.col-xlg-3 {
		max-width: 25%;
		flex: 0 0 25%
	}

	.col-xlg-2 {
		max-width: 16.6667%;
		flex: 0 0 16.6667%
	}

	.col-xlg-1 {
		max-width: 8.33333%;
		flex: 0 0 8.33333%
	}
}

.opacity-50 {
	opacity: .5
}

.opacity-25 {
	opacity: .25
}

.icon--name {
	width: 100px
}

.icon--item {
	transition: .2s linear;
	opacity: .9
}

	.icon--item.active, .icon--item:hover {
		opacity: 1;
		background-color: #f6f9fc;
		box-shadow: 0 0 0 3px #3e4676
	}

.icon--wrapper {
	display: inline-block;
	max-width: 135px;
	height: 100px;
	margin: 0 5px
}

.iconbar {
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 20px;
	left: 0;
	text-align: center
}

.iconbar--wrapper {
	display: inline-block;
	padding: 0 15px 15px;
	transition: .3s;
	color: #fff;
	box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}

#iconbar-preview {
	font-size: 23px;
	vertical-align: sub
}
