/**
 * Override the Bootstrap 4 properties
 */
body
{
	overflow-x: hidden
}

html.fix-scrollbar body
{
	overflow-x: inherit
}

body.content-expanded .navbar,
body.content-expanded #breadcrumb-wrapper
{
	display: none
}

body.content-expanded #content-placeholder
{
	position: fixed!important;
	margin-top: 0!important;
	padding-left: 15px!important;
	top: 0!important;
	left: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: #fff!important;
	z-index: 1030!important;
	overflow-y: auto
}

.tooltip
{
	pointer-events: none
}

.navbar
{
	min-height: 56px
}

.navbar.bg-transparent.gradient
{
	background-image: none
}

.navbar.bg-transparent .navbar-nav > .nav-item:first-child a
{
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.navbar.bg-transparent .navbar-nav > .nav-item:last-child a
{
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.navbar.bg-transparent .navbar-nav > .nav-item > .nav-link
{
	background: rgba(0,0,0,.2);
	transition: .3s all ease-in-out
}

.navbar-brand
{
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-brand img
{
	height: 30px
}

.navbar-dark .dropdown-menu .nav-link,
.navbar-dark .navbar-nav .dropdown-menu .active>.nav-link,
.navbar-dark .navbar-nav .dropdown-menu .nav-link.active,
.navbar-dark .navbar-nav .dropdown-menu .nav-link.show,
.navbar-dark .navbar-nav .dropdown-menu .show>.nav-link
{
	color: #789
}

.navbar-dark .dropdown-menu .nav-link>i.mdi:before
{
	width: 1.5rem
}

.navbar-dark .dropdown-menu .nav-link:hover
{
	color: #456
}

.navbar-nav .dropdown-menu
{
	margin-top: 15px
}

.navbar.fixed-top+nav,
.navbar.fixed-top+#content-wrapper
{
	margin-top: 56px
}

.navbar-toggler
{
	border: 0
}

.navbar-expanded .navbar-togler-icon,
.sidebar-expanded .navbar-togler-icon
{
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIuMTE3IDEybDcuNTI3IDYuMjM1LS42NDQuNzY1LTktNy41MjEgOS03LjQ3OS42NDUuNzY0LTcuNTI5IDYuMjM2aDIxLjg4NHYxaC0yMS44ODN6Ii8+PC9zdmc+') center center no-repeat;
	opacity: .7
}

.navbar-expanded .navbar-dark .navbar-toggler-icon,
.sidebar-expanded .navbar-dark .navbar-toggler-icon
{
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNkZGVlZmYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIuMTE3IDEybDcuNTI3IDYuMjM1LS42NDQuNzY1LTktNy41MjEgOS03LjQ3OS42NDUuNzY0LTcuNTI5IDYuMjM2aDIxLjg4NHYxaC0yMS44ODN6Ii8+PC9zdmc+') center center no-repeat;
	opacity: .7
}

.breadcrumb-item+.breadcrumb-item:before
{
	content: ">\00a0";
	padding-right: 0
}

.breadcrumb-item a
{
	color: #789
}

.nav.nav-pills
{
   overflow-x: auto;
   overflow-y: hidden;
   flex-wrap: nowrap
}

.nav-pills.nav-pills-light .nav-link.active
{
	background-color: #eee!important;
	color: #333
}

label
{
	cursor: pointer
}

th
{
	font-weight: 500
}

a
{
	color: #333
}

a,
a:hover,
.btn-link:hover,
.btn-link:focus
{
	text-decoration: none
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active
{
	color: #fff!important
}

.btn-group > .btn.btn-default.radius-left {
    border-top-left-radius: .2rem!important;
    border-bottom-left-radius: .2rem!important;
}

.btn-group > .btn.btn-default.radius-right {
    border-top-right-radius: .2rem!important;
    border-bottom-right-radius: .2rem!important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus
{
	box-shadow: none
}

.modal-content
{
	border: none
}

.modal-header
{
	padding: .5rem 1rem
}

.modal-title
{
	max-width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.modal-header .close
{
	padding: .5rem 1rem;
	margin: -0.5rem -1rem -1rem auto
}

.modal-body
{
	word-wrap: break-word
}

.modal-footer
{
	padding: .5rem 1rem
}

.modal-footer>:not(:first-child)
{
	margin-left: 0
}

/**
 * Additional tweaks
 */
.grayscale
{
	transition: filter .5s ease-in-out;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.grayscale:hover
{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.gradient
{
	background-image: linear-gradient(to right, rgba(0,0,0,.0), rgba(255,255,255,.5))
}

.cover-overlay:before
{
	content: '';
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: .1s ease-in-out
}

.cover-overlay:hover:before
{
	background: none
}

.cover-overlay > *
{
	position: relative;
	opacity: 0;
	transition: .5s ease-in-out
}

.cover-overlay:hover > *
{
	opacity: 1
}

.text-gradient,
.text-gradient:before
{
	background: linear-gradient(to bottom right, #30CFD0 0%, #330867 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-shadow
{
	text-shadow: 0 0 6px #000
}

.text-shadow.inverse
{
	text-shadow: 0 0 6px #fff
}

.modal-body .mCSB_container
{
	padding: 3px
}

.alias-table-index thead th:not(:first-child)
{
	padding-right: 22px;
	position: relative
}

.alias-table-index thead th .mdi.float-right
{
	position: absolute;
	right: 0;
	line-height: 1.5
}

.sortable
{
    cursor: pointer
}

.sortable .sort-icon
{
	margin-top: 5px
}

#option-modal-title .mdi.mdi-cogs,
.list-group-item-action i
{
	width: 30px;
	display: inline-block
}

.btn-group-xs>.btn,
.btn-xs
{
	padding: 1px 5px;
	font-size: 12px
}

.text-break-word
{
	word-wrap: break-word
}

.text-sm
{
	font-size: .75rem
}
.text-muted
{
	color: #a8a8a8!important
}

.alert.exception
{
	min-height: 56px;
	z-index: 1081
}

.jumbotron.bg-white,
.jumbotron.bg-transparent
{
	margin-bottom: 0
}

.btn,
.page-link
{
	z-index: inherit!important
}

.btn.btn-file {
    position: relative;
    overflow: hidden;
	padding: 0
}

.btn.btn-file>input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block;
}

button:focus,
.btn:focus,
button:active,
.btn:active,
button:visited,
.btn:visited
{
	outline: none;
	box-shadow: none
}

label+.form-control:not([disabled]),
label+.form-control:not([read-only])
{
	border: 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0
}

label+.form-control:not([disabled]):not([read-only]):focus
{
	box-shadow: none;
	border-bottom: 2px solid #80bdff
}

label+.form-control:disabled,
label+.form-control:read-only
{
	padding: .375rem .75rem
}

.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-dropdown.select2-dropdown--above
{
	box-shadow: none!important
}

input[type=checkbox],
input[type=radio]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 18px;
	width: 18px;
	line-height: 1.5;
	cursor: pointer;
	border: 1px solid #ced4da;
	display: inline-block;
	margin-bottom: -4px
}

input[type=checkbox],
input[type=checkbox]:after,
input[type=checkbox]:checked:after
{
	border-radius: .25rem
}

input[type=radio],
input[type=radio]:after,
input[type=radio]:checked:after
{
	border-radius: 50%
}

input[type=checkbox]:focus,
input[type=radio]:focus
{
	outline: 0;
	border-color: #007bff
}

input[type=checkbox]:checked:after,
input[type=radio]:checked:after
{
	content: '';
	top: -1px;
	left: -1px;
	width: 18px;
	height: 18px
}

input[type=checkbox]:checked:after
{
	background: #007bff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmZmZmYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOSAyMS4wMzVsLTktOC42MzggMi43OTEtMi44NyA2LjE1NiA1Ljg3NCAxMi4yMS0xMi40MzYgMi44NDMgMi44MTd6Ii8+PC9zdmc+') center center no-repeat;
	background-size: 16px;
	display: block;
	position: relative
}

input[type=radio]:checked:after
{
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDdiZmYiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem0wIDZjLTMuMzEzIDAtNiAyLjY4Ny02IDZzMi42ODcgNiA2IDZjMy4zMTQgMCA2LTIuNjg3IDYtNnMtMi42ODYtNi02LTZ6Ii8+PC9zdmc+') center center no-repeat;
	display: block;
	position: relative
}

textarea
{
	resize: none
}

.card-columns.column-count-2
{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2
}

.card-columns.column-count-3
{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3
}

.card-columns.column-count-4
{
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4
}

.card-columns.column-count-5
{
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5
}

.card-columns.column-count-6
{
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6
}

.no-wrap
{
	white-space: nowrap
}

/**
 * End of additional tweaks
 */


/* summernote tweaks */
.card-body textarea[role=wysiwyg],
.card-body .note-editor
{
	border: none;
	border-radius: 0
}

.card-body .note-editor.card
{
	margin: -.5rem
}

.note-form-label
{
	display: block;
	color: #a8a8a8;
	cursor: pointer
}

.note-editor.note-frame .note-statusbar
{
	display: none
}
/* end summernote tweaks */

/* mcustomscrollbar tweaks */
.mCSB_container_wrapper
{
	margin-right: 0;
	margin-bottom: 0
}

.mCSB_inside>.mCSB_container
{
	margin-right: 0;
	box-sizing: border-box
}

.mCSB_container_wrapper>.mCSB_container
{
	padding-right: 0;
	padding-bottom: 0
}

.mCSB_scrollTools
{
	width: 8px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
	height: 8px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
	right: 10px
}

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail
{
	width:6px!important
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail
{
	height:6px!important
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail
{
	margin: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar
{
	margin-top: 1px
}
/* end of mcustomscrollbar tweaks */

.d-flex+.select2
{
	width: 100%!important
}

blink
{
	animation: blink .8s ease-in-out infinite;
}

@keyframes blink
{
	0%
	{
		opacity: 0
	}
	49%
	{
		opacity: 0
	}
	50%
	{
		opacity: 0
	}
	51%
	{
		opacity: 1
	}
	99%
	{
		opacity: 1
	}
	100%
	{
		opacity: 1
	}
}

.animated.pulsate
{
    border: 3px solid #999;
    -webkit-border-radius: 30px;
    height: 18px;
    width: 18px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0
}

.animated.highcharts-area-series,
.animated.highcharts-areaspline-series,
.animated.highcharts-line-series,
.animated.highcharts-spline-series
{
    fill: none;
    stroke-width: 2px;
    stroke-dasharray: 5px;
    animation: dashoffset 1s linear infinite
}

@-webkit-keyframes dashoffset
{
    0%
	{
        stroke-dashoffset: 0
    }
    100%
	{
        stroke-dashoffset: -20px
    }
}

@-moz-keyframes dashoffset
{
    0%
	{
        stroke-dashoffset: 0
    }
    100%
	{
        stroke-dashoffset: -20px
    }
}

@-ms-keyframes dashoffset
{
    0%
	{
        stroke-dashoffset: 0
    }
    100%
	{
        stroke-dashoffset: -20px
    }
}

@keyframes dashoffset
{
    0%
	{
        stroke-dashoffset: 0
    }
    100%
	{
        stroke-dashoffset: -20px
    }
}

@-webkit-keyframes bouncing-stroke
{
    0%,
    100%
	{
        stroke-width: 5px
    }
    50%
	{
        stroke-width: 10px
    }
}

@-moz-keyframes bouncing-stroke
{
    0%,
    100%
	{
        stroke-width: 5px
    }
    50%
	{
        stroke-width: 10px
    }
}

@-ms-keyframes bouncing-stroke
{
    0%,
    100%
	{
        stroke-width: 5px
    }
    50%
	{
        stroke-width: 10px
    }
}

@keyframes bouncing-stroke
{
    0%,
    100%
	{
        stroke-width: 5px
    }
    50%
	{
        stroke-width: 10px
    }
}

@-webkit-keyframes pulsate
{
    0%
	{
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
    50%
	{
        opacity: 1
    }
    100%
	{
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0
    }
}

@keyframes pulsate
{
    0%
	{
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
    50%
	{
        opacity: 1
    }
    100%
	{
        transform: scale(1.2, 1.2);
        opacity: 0
    }
}

@keyframes fadeInUp
{
	0%
	{
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}
	to
	{
		opacity: 1;
		transform: none
	}
}

.autocomplete-suggestions {
    background: #fff;
	border: 1px solid #ced4da;
	overflow-x: hidden;
	overflow-y: auto
}

.autocomplete-suggestion {
    padding: .375rem .75rem;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.autocomplete-suggestion strong {
    color: #007bff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.autocomplete-suggestion:hover {
    color: #fff;
    background: #007bff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer
}

.autocomplete-suggestion:hover strong {
    color: #ff0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.autocomplete-no-suggestion
{
    padding: .375rem .75rem;
	color: #999;
	font-size: small
}

.navbar-collapse.show .navbar-nav .nav-link i.mdi,
.navbar-collapse.collapsing .navbar-nav .nav-link i.mdi
{
	width: 2rem
}

.sidebar-menu
{
	width: 200px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #f8f9fa!important
}

.sidebar-menu .nav-item.active > a.nav-link
{
	color: #777
}

.sidebar-menu a.nav-link
{
	padding-left: 3rem;
	word-wrap: break-word
}

.sidebar-menu a.nav-link i:not(.float-right)
{
	width: 1rem;
	position: absolute;
	left: 1rem;
	line-height: 1.5rem;
	font-size: 22px
}

.sidebar-menu a.nav-link i.mdi.float-right
{
	margin-right: -.5rem;
	font-size: 22px;
	width: auto;
	transition: .2s all ease-in-out
}

.sidebar-menu a.nav-link.is-expanded i.mdi.float-right
{
	transition: .2s all ease-in-out;
	transform: rotate(90deg)
}

.sidebar-menu span.nav-link
{
	font-size: .875rem;
	color: #6c757d;
	font-weight: 500
}

.sidebar-menu ul ul
{
	background: rgba(0,0,0,.07)
}

.sidebar-menu li.divider
{
	margin-top: 15px;
	margin-bottom: 15px
}

ol.entry-content
{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
}

ol.entry-content li
{
	position: relative;
	padding-left: 60px;
	min-height: 60px;
}

ol.entry-content li:before
{
	content: counter(li);
	counter-increment: li;
	color: #333;
	background: #aaa;
	border-radius: 50%;
	font-size: 18px;
	font-weight: bold;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/**
 * Media Queries Breakpoint
 */
@media (min-width: 640px)
{
	.text-sm-center
	{
		text-align: inherit!important
	}
}

@media (min-width: 992px)
{
	.navbar-nav .dropdown-menu:before,
	.navbar-nav .dropdown-menu:after
	{
		position: absolute;
		display: inline-block;
		content: '';
	}

	.navbar-nav .dropdown-menu:before
	{
		top: -9px;
		left: 19px;
		border-right: 9px solid transparent;
		border-bottom: 9px solid rgba(0,0,0,.2);
		border-left: 9px solid transparent
	}

	.navbar-nav .dropdown-menu.dropdown-menu-right:before
	{
		left: auto;
		right: 19px
	}

	.navbar-nav .dropdown-menu:after
	{
		top: -8px;
		left: 20px;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		border-left: 8px solid transparent
	}

	.navbar-nav .dropdown-menu.dropdown-menu-right:after
	{
		left: auto;
		right: 20px
	}

	.side
	{
		position: absolute;
		top: 60px;
		right: 0;
		bottom: 0
	}
	
	.side .card
	{
		background: rgba(255, 255, 255, .75)
	}

	.side.side-collapse
	{
		margin-right: -25%;
		transition: .1s all ease-in-out
	}

	.side .btn-toggle
	{
		position: fixed;
		right: calc(100% + 15px)
	}
}

@media (max-width: 991px)
{
	.navbar-horizontal-sm.navbar-nav
	{
		display: block;
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		background: rgba(255, 255, 255, 1);
		margin-top: .55rem;
		margin-bottom: -.55rem
	}
	
	.navbar-horizontal-sm.navbar-nav li
	{
		display: inline-block
	}
	
	.navbar-horizontal-sm.navbar-nav a.nav-link
	{
		padding: .75rem 1rem
	}
	
	.navbar-horizontal-sm a.dropdown-toggle
	{
		display: none
	}
	
	.alias-description-collapse
	{
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(0,0,0,.125)
	}

	.side .btn-toggle
	{
		display: none
	}
	
	.column-count-2-sm
	{
		column-count: 2;
		-webkit-column-count: 2
	}
}

@media (max-width: 639px)
{
	html,
	body
	{
		overflow-x: hidden
	}
	
	.user-bg-masking
	{
		background: #def
	}
	
	.text-sm-center
	{
		text-align: center!important
	}
	
	.text-sm-center .justify-content-end
	{
		justify-content: center!important;
	}
	
	.breadcrumb
	{
		white-space: nowrap;
		overflow-x: auto;
		width: 100%;
		display: block
	}

	.breadcrumb li
	{
		display: inline-block
	}
	
	.btn em.text-sm
	{
		display: none
	}
	
	.navbar-nav .dropdown-toggle:after
	{
		float: right;
		margin-top: 10px;
		transform: rotate(-90deg)
	}
	
	.navbar-nav .nav-item.show .dropdown-toggle:after
	{
		transform: none;
		transition: .3s all ease-in-out
	}
	
	.navbar-nav .dropdown-menu
	{
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		border: none
	}
	
	.navbar-nav .dropdown-menu .dropdown-item,
	.navbar-nav .dropdown-menu .dropdown-header
	{
		padding-left: 0;
		padding-right: 0;
		color: rgba(255,255,255,.5)
	}
	
	.navbar-nav .dropdown-menu .dropdown-item:focus,
	.navbar-nav .dropdown-menu .dropdown-item:active,
	.navbar-nav .dropdown-menu .dropdown-item:hover
	{
		background: none;
		color: rgba(255,255,255,.75)
	}
	
	.navbar-nav .dropdown-menu .dropdown-divider
	{
		border-top: none
	}
	
	.navbar-dark .navbar-nav .nav-link,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:active,
	.navbar-dark .navbar-nav .nav-link: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
	{
		color: inherit
	}
	
	.navbar-dark .navbar-nav .active > .nav-link
	{
		color: #789
	}
	
	.navbar-collapse.collapse .navbar-nav a i.mdi:before
	{
		font-size: 22px;
		width: 30px
	}
	
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing
	{
		position: fixed;
		top: 56px;
		right: 0;
		bottom: 0;
		left: 0;
		background: #f8f9fa;
		z-index: 1;
		overflow-y: auto
	}
	
	.navbar-collapse
	{
		transition: none!important;
	}
	
	.navbar-collapse .navbar-nav .nav-link,
	.navbar-collapse .navbar-nav .dropdown-menu .dropdown-item,
	.navbar-collapse .navbar-nav .dropdown-menu .dropdown-header
	{
		padding: .5rem 1rem .5rem 5rem
	}
	
	.navbar-collapse .navbar-nav .nav-link i.mdi
	{
		position: absolute;
		left: 1rem;
		line-height: 1.15
	}

	.navbar-collapse ul ul
	{
		background: rgba(0,0,0,.07)
	}
	
	.sidebar-expanded #content-placeholder,
	.sidebar-expanded #content-wrapper,
	.sidebar-expanded #footer-wrapper
	{
		display: none
	}
	
	.sidebar-menu
	{
		display: none
	}
	
	.sidebar-expanded .sidebar-menu
	{
		display: block;
		width: 100%;
		top: 56px;
		overflow-y: auto
	}
	
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing,
	.sidebar-expanded .sidebar-menu
	{
		border-right: 60px solid rgba(0, 0, 0, .5);
		-moz-background-clip: border;
		-webkit-background-clip: border;
		background-clip: border-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;
		background-clip: padding-box;
		-moz-background-clip: content;
		-webkit-background-clip: content;
		background-clip: content-box
	}
	
	.sidebar-menu a.nav-link
	{
		padding-left: 5rem
	}
	
	.navbar-collapse.collapse .navbar-nav a.nav-link>i.mdi:before,
	.navbar-collapse.collapse .navbar-dark .dropdown-menu a.nav-link>i.mdi:before
	{
		width: 4rem
	}
	
	.opt-btn-overlap-fix
	{
		height: 65px
	}
	
	.opt-btn
	{
		position:fixed;
		z-index:3;
		bottom:0;
		width:100%;
		background:rgba(30,30,30,.9);
		margin-left:-15px;
		margin-right:-15px;
		padding-top: 0!important;
		padding-bottom: 0!important
	}
	
	.opt-btn,
	.opt-btn > div
	{
		display: flex
	}
	
	.opt-btn .btn
	{
		flex: 1 1 auto;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 80%
	}
	
	.opt-btn .btn i.mdi
	{
		display: block;
		font-size: 2rem
	}
	
	.opt-btn .btn.dropdown-toggle:after
	{
		display: none
	}
	
	.opt-btn .btn:hover,
	.opt-btn .btn:focus,
	.opt-btn .btn:active,
	.opt-btn .btn.btn-primary,
	.opt-btn .btn.btn-secondary,
	.opt-btn .btn.btn-info,
	.opt-btn .btn.btn-success,
	.opt-btn .btn.btn-warning,
	.opt-btn .btn.btn-danger,
	.opt-btn .btn.btn-link,
	.opt-btn .btn.btn-light,
	.opt-btn .btn.btn-dark
	{
		border: none!important;
		background: none!important;
		color: #fff!important
	}

	.card-columns.column-count-2
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}

	.card-columns.column-count-3
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}

	.card-columns.column-count-4
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}

	.card-columns.column-count-5
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}

	.card-columns.column-count-6
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}
	
	.timeline
	{
		background: #e9ebee
	}
	
	.timeline .card
	{
		margin-left: -15px;
		margin-right: -15px;
		border-radius: 0;
		border-left: 0;
		border-right: 0
	}
}
@media (min-width: 640px) and (max-width: 767px)
{
	html,
	body
	{
		overflow-x: hidden
	}
	
	.user-bg-masking
	{
		background: #def
	}
	
	.fixed-top-sm
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1030
	}
	
	.navbar.fixed-top-sm + nav,
	.navbar.fixed-top-sm + #content-wrapper
	{
		margin-top: 56px
	}
	
	.breadcrumb
	{
		white-space: nowrap;
		overflow-x: auto;
		width: 100%;
		display: block
	}

	.breadcrumb li
	{
		display: inline-block
	}
	
	.btn em.text-sm
	{
		display: none
	}
	
	.navbar-nav .dropdown-toggle:after
	{
		float: right;
		margin-top: 10px;
		transform: rotate(-90deg)
	}
	
	.navbar-nav .nav-item.show .dropdown-toggle:after
	{
		transform: none;
		transition: .3s all ease-in-out
	}
	
	.navbar-nav .dropdown-menu
	{
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		border: none
	}
	
	.navbar-nav .dropdown-menu .dropdown-item,
	.navbar-nav .dropdown-menu .dropdown-header
	{
		padding-left: 0;
		padding-right: 0;
		color: rgba(255,255,255,.5)
	}
	
	.navbar-nav .dropdown-menu .dropdown-item:focus,
	.navbar-nav .dropdown-menu .dropdown-item:active,
	.navbar-nav .dropdown-menu .dropdown-item:hover
	{
		background: none;
		color: rgba(255,255,255,.75)
	}
	
	.navbar-nav .dropdown-menu .dropdown-divider
	{
		border-top: none
	}
	
	.navbar-dark .navbar-nav .nav-link,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:active,
	.navbar-dark .navbar-nav .nav-link: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
	{
		color: inherit
	}
	
	.navbar-dark .navbar-nav .active > .nav-link
	{
		color: #789
	}
	
	.navbar-collapse.collapse .navbar-nav a i.mdi:before
	{
		font-size: 22px;
		width: 30px
	}
	
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing
	{
		position: fixed;
		top: 56px;
		right: 0;
		bottom: 0;
		left: 0;
		background: #f8f9fa;
		z-index: 1;
		overflow-y: auto
	}
	
	.navbar-collapse
	{
		transition: none!important;
	}
	
	.navbar-collapse .navbar-nav .nav-link,
	.navbar-collapse .navbar-nav .dropdown-menu .dropdown-item,
	.navbar-collapse .navbar-nav .dropdown-menu .dropdown-header
	{
		padding: .5rem 1rem .5rem 5rem
	}
	
	.navbar-collapse .navbar-nav .nav-link i.mdi
	{
		position: absolute;
		left: 1rem;
		line-height: 1.15
	}

	.navbar-collapse ul ul
	{
		background: rgba(0,0,0,.07)
	}
	
	.sidebar-expanded #content-placeholder,
	.sidebar-expanded #content-wrapper,
	.sidebar-expanded #footer-wrapper
	{
		display: none
	}
	
	.sidebar-menu
	{
		display: none
	}
	
	.sidebar-expanded .sidebar-menu
	{
		display: block;
		width: 100%;
		top: 56px;
		overflow-y: auto
	}
	
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing,
	.sidebar-expanded .sidebar-menu
	{
		border-right: 60px solid rgba(0, 0, 0, .5);
		-moz-background-clip: border;
		-webkit-background-clip: border;
		background-clip: border-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;
		background-clip: padding-box;
		-moz-background-clip: content;
		-webkit-background-clip: content;
		background-clip: content-box
	}
	
	.sidebar-menu a.nav-link
	{
		padding-left: 5rem
	}
	
	.navbar-collapse.collapse .navbar-nav a.nav-link>i.mdi:before,
	.navbar-collapse.collapse .navbar-dark .dropdown-menu a.nav-link>i.mdi:before
	{
		width: 4rem
	}
	
	.opt-btn-overlap-fix
	{
		height: 65px
	}
	
	.opt-btn
	{
		position:fixed;
		z-index:3;
		bottom:0;
		width:100%;
		background:rgba(30,30,30,.9);
		margin-left:-15px;
		margin-right:-15px;
		padding-top: 0!important;
		padding-bottom: 0!important
	}
	
	.opt-btn,
	.opt-btn > div
	{
		display: flex
	}
	
	.opt-btn .btn
	{
		flex: 1 1 auto;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 80%
	}
	
	.opt-btn .btn i.mdi
	{
		display: block;
		font-size: 2rem
	}
	
	.opt-btn .btn.dropdown-toggle:after
	{
		display: none
	}
	
	.opt-btn .btn:hover,
	.opt-btn .btn:focus,
	.opt-btn .btn:active,
	.opt-btn .btn.btn-primary,
	.opt-btn .btn.btn-secondary,
	.opt-btn .btn.btn-info,
	.opt-btn .btn.btn-success,
	.opt-btn .btn.btn-warning,
	.opt-btn .btn.btn-danger,
	.opt-btn .btn.btn-link,
	.opt-btn .btn.btn-light,
	.opt-btn .btn.btn-dark
	{
		border: none!important;
		background: none!important;
		color: #fff!important
	}

	.card-columns.column-count-3
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}

	.card-columns.column-count-4
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}

	.card-columns.column-count-5
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}

	.card-columns.column-count-6
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}
}

@media (min-width: 768px) and (max-width: 991px)
{
	.user-bg-masking
	{
		background: #def
	}
	
	.fixed-top-sm
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1030
	}
	
	.navbar.fixed-top-sm + nav,
	.navbar.fixed-top-sm + #content-wrapper
	{
		margin-top: 56px
	}
	
	.breadcrumb
	{
		white-space: nowrap;
		overflow-x: auto;
		width: 100%;
		display: block
	}

	.breadcrumb li
	{
		display: inline-block
	}
	
	.btn em.text-sm
	{
		display: none
	}
	
	.navbar-nav .dropdown-toggle:after
	{
		float: right;
		margin-top: 10px;
		transform: rotate(-90deg)
	}
	
	.navbar-nav .nav-item.show .dropdown-toggle:after
	{
		transform: none;
		transition: .3s all ease-in-out
	}
	
	.navbar-nav .dropdown-menu
	{
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		border: none
	}
	
	.navbar-nav .dropdown-menu .dropdown-item,
	.navbar-nav .dropdown-menu .dropdown-header
	{
		padding-left: 0;
		padding-right: 0;
		color: rgba(255,255,255,.5)
	}
	
	.navbar-nav .dropdown-menu .dropdown-item:focus,
	.navbar-nav .dropdown-menu .dropdown-item:active,
	.navbar-nav .dropdown-menu .dropdown-item:hover
	{
		background: none;
		color: rgba(255,255,255,.75)
	}
	
	.navbar-nav .dropdown-menu .dropdown-divider
	{
		border-top: none
	}
	
	.navbar-dark .navbar-nav .nav-link,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:active,
	.navbar-dark .navbar-nav .nav-link: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
	{
		color: inherit
	}
	
	.navbar-dark .navbar-nav .active > .nav-link
	{
		color: #789
	}
	
	.navbar-collapse.collapse .navbar-nav a i.mdi:before
	{
		font-size: 22px;
		width: 30px
	}
	
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing
	{
		position: fixed;
		top: 56px;
		right: 0;
		bottom: 0;
		left: 0;
		background: #f8f9fa;
		z-index: 1;
		overflow-y: auto
	}
	
	.navbar-collapse
	{
		transition: none!important;
	}
	
	.navbar-collapse .navbar-nav .nav-link,
	.navbar-collapse .navbar-nav .dropdown-menu .dropdown-item,
	.navbar-collapse .navbar-nav .dropdown-menu .dropdown-header
	{
		padding: .5rem 1rem .5rem 5rem
	}
	
	.navbar-collapse .navbar-nav .nav-link i.mdi
	{
		position: absolute;
		left: 1rem;
		line-height: 1.15
	}

	.navbar-collapse ul ul
	{
		background: rgba(0,0,0,.07)
	}
	
	.sidebar-expanded #content-placeholder,
	.sidebar-expanded #content-wrapper,
	.sidebar-expanded #footer-wrapper
	{
		display: none
	}
	
	.sidebar-menu
	{
		display: none
	}
	
	.sidebar-expanded .sidebar-menu
	{
		display: block;
		width: 100%;
		top: 56px;
		overflow-y: auto
	}
	
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing,
	.sidebar-expanded .sidebar-menu
	{
		border-right: 60px solid rgba(0, 0, 0, .5);
		-moz-background-clip: border;
		-webkit-background-clip: border;
		background-clip: border-box;
		-moz-background-clip: padding;
		-webkit-background-clip: padding;
		background-clip: padding-box;
		-moz-background-clip: content;
		-webkit-background-clip: content;
		background-clip: content-box
	}
	
	.sidebar-menu a.nav-link
	{
		padding-left: 5rem
	}
	
	.navbar-collapse.collapse .navbar-nav a.nav-link>i.mdi:before,
	.navbar-collapse.collapse .navbar-dark .dropdown-menu a.nav-link>i.mdi:before
	{
		width: 4rem
	}

	.card-columns.column-count-4
	{
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3
	}

	.card-columns.column-count-5
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4
	}

	.card-columns.column-count-6
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4
	}
}

@media (min-width: 992px) and (max-width: 1023px)
{
	.fixed-top-md
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1030
	}
	
	.navbar.fixed-top-md + nav,
	.navbar.fixed-top-md + #content-wrapper
	{
		margin-top: 56px
	}
	
	.navbar > .navbar-collapse > .navbar-nav > .nav-item > .nav-link
	{
		padding-left: .75rem;
		padding-right: .75rem
	}
	
	.navbar .nav-item.dropdown .dropdown-menu
	{
		transition: .3s all ease-in-out
	}
	
	.navbar .nav-item .dropdown-menu .nav-item .nav-link
	{
		padding: .3rem .5rem .3rem 3rem
	}
	
	.navbar .nav-item .dropdown-menu .nav-item .nav-link i.mdi
	{
		position: absolute;
		left: 1rem;
		line-height: 1.5
	}
	
	.sticky-top
	{
		top: 65px
	}
	
	.sidebar-menu .nav-link
	{
		padding-top: .2rem;
		padding-bottom: .2rem
	}
	
	#breadcrumb-wrapper
	{
		position: fixed;
		width: 100%;
		z-index: 1000
	}
	
	#sidebar-wrapper
	{
		position: fixed;
		top: 88px
	}
	
	#content-placeholder
	{
		padding-left: 200px;
		margin-top: 88px
	}
	
	.text-md-center
	{
		text-align: center!important
	}

	.card-columns.column-count-5
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4
	}

	.card-columns.column-count-6
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4
	}
}

@media (min-width: 1024px) and (max-width: 1280px)
{
	.fixed-top-lg
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1030
	}
	
	.navbar.fixed-top-lg + nav,
	.navbar.fixed-top-lg + #content-wrapper
	{
		margin-top: 56px
	}
	
	.navbar > .navbar-collapse > .navbar-nav > .nav-item > .nav-link
	{
		padding-left: .75rem;
		padding-right: .75rem
	}
	
	.navbar .nav-item.dropdown .dropdown-menu.show
	{
		animation-duration: .3s;
		animation-fill-mode: both;
		animation-name: fadeInUp
	}
	
	.navbar .nav-item .dropdown-menu .nav-item .nav-link
	{
		padding: .3rem .5rem .3rem 3rem
	}
	
	.navbar .nav-item .dropdown-menu .nav-item .nav-link i.mdi
	{
		position: absolute;
		left: 1rem;
		line-height: 1.5
	}
	
	.sticky-top
	{
		top: 65px
	}
	
	.sidebar-menu .nav-link
	{
		padding-top: .2rem;
		padding-bottom: .2rem
	}
	
	#breadcrumb-wrapper
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000
	}
	
	#sidebar-wrapper
	{
		position: fixed;
		top: 88px
	}
	
	#content-placeholder
	{
		padding-left: 200px;
		margin-top: 88px
	}
	
	.text-lg-center
	{
		text-align: center!important
	}
	
	.headline-text
	{
		font-size: 60px
	}
}

@media (min-width: 1281px)
{
	.fixed-top-xl
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1030
	}
	
	.navbar.fixed-top-xl + nav,
	.navbar.fixed-top-xl + #content-wrapper
	{
		margin-top: 56px
	}
	
	.navbar > .navbar-collapse > .navbar-nav > .nav-item > .nav-link
	{
		padding-left: .75rem;
		padding-right: .75rem
	}
	
	.navbar .nav-item.dropdown .dropdown-menu
	{
		transition: .3s all ease-in-out
	}
	
	.navbar .nav-item .dropdown-menu .nav-item .nav-link
	{
		padding: .3rem .5rem .3rem 3rem
	}
	
	.navbar .nav-item .dropdown-menu .nav-item .nav-link i.mdi
	{
		position: absolute;
		left: 1rem;
		line-height: 1.5
	}
	
	.sticky-top
	{
		top: 65px
	}
	
	.sidebar-menu .nav-link
	{
		padding-top: .2rem;
		padding-bottom: .2rem
	}
	
	#breadcrumb-wrapper
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000
	}
	
	#sidebar-wrapper
	{
		position: fixed;
		top: 88px
	}
	
	#content-placeholder
	{
		padding-left: 200px;
		margin-top: 88px
	}
	
	.text-xl-center
	{
		text-align: center!important
	}
	
	.headline-text
	{
		font-size: 60px
	}
}

/**
 * End of Media Queries
 */