@font-face{font-family:'NoirPro';src:url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Light.eot#iefix) format('embedded-opentype'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Light.woff) format('woff'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Light.woff2) format('woff2');font-weight:300;font-style:normal;}@font-face{font-family:'NoirPro';src:url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Regular.eot#iefix) format('embedded-opentype'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Regular.woff) format('woff'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Regular.woff2) format('woff2');font-weight:400;font-style:normal;}@font-face{font-family:'NoirPro';src:url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Medium.eot#iefix) format('embedded-opentype'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Medium.woff) format('woff'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Medium.woff2) format('woff2');font-weight:500;font-style:normal;}@font-face{font-family:'NoirPro';src:url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-SemiBold.eot#iefix) format('embedded-opentype'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-SemiBold.woff) format('woff'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;}@font-face{font-family:'NoirPro';src:url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Bold.eot#iefix) format('embedded-opentype'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Bold.woff) format('woff'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Bold.woff2) format('woff2');font-weight:700;font-style:normal;}@font-face{font-family:'NoirPro';src:url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Heavy.eot#iefix) format('embedded-opentype'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Heavy.woff) format('woff'),url(/themes/pndportal_theme/fonts/noir-pro/NoirPro-Heavy.woff2) format('woff2');font-weight:900;font-style:normal;}
.gradient_one {
	background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%)
}

.gradient-1 {
	background: #f0a907;
	background: -moz-linear-gradient(top, #f0a907 0%, #f53c79 100%);
	background: -webkit-linear-gradient(top, #f0a907 0%, #f53c79 100%);
	background: linear-gradient(to bottom, #f0a907 0%, #f53c79 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a907', endColorstr='#f53c79', GradientType=0)
}

.gradient-2 {
	background: #4dedf5;
	background: -moz-linear-gradient(top, #4dedf5 0%, #480ceb 100%);
	background: -webkit-linear-gradient(top, #4dedf5 0%, #480ceb 100%);
	background: linear-gradient(to bottom, #4dedf5 0%, #480ceb 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dedf5', endColorstr='#480ceb', GradientType=0)
}

.gradient-3 {
	background: #51f5ae;
	background: -moz-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);
	background: -webkit-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);
	background: linear-gradient(to bottom, #51f5ae 0%, #3fbcda 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51f5ae', endColorstr='#3fbcda', GradientType=0)
}

.gradient-4 {
	background: #f25521;
	background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%);
	background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%);
	background: linear-gradient(to right, #f25521 0%, #f9c70a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25521', endColorstr='#f9c70a', GradientType=1)
}

.gradient-5 {
	background: #f53c79;
	background: -moz-linear-gradient(left, #f53c79 0%, #f0a907 100%);
	background: -webkit-linear-gradient(left, #f53c79 0%, #f0a907 100%);
	background: linear-gradient(to right, #f53c79 0%, #f0a907 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53c79', endColorstr='#f0a907', GradientType=1)
}

.gradient-6 {
	background: #36b9d8;
	background: -moz-linear-gradient(left, #36b9d8 0%, #4bffa2 100%);
	background: -webkit-linear-gradient(left, #36b9d8 0%, #4bffa2 100%);
	background: linear-gradient(to right, #36b9d8 0%, #4bffa2 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b9d8', endColorstr='#4bffa2', GradientType=1)
}

.gradient-7 {
	background: #4400eb;
	background: -moz-linear-gradient(left, #4400eb 0%, #44e7f5 100%);
	background: -webkit-linear-gradient(left, #4400eb 0%, #44e7f5 100%);
	background: linear-gradient(to right, #4400eb 0%, #44e7f5 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4400eb', endColorstr='#44e7f5', GradientType=1)
}

.gradient-8 {
	background: #F7B00F;
	background: -moz-linear-gradient(top, #F7B00F 0%, #F25521 100%);
	background: -webkit-linear-gradient(top, #F7B00F 0%, #F25521 100%);
	background: linear-gradient(to bottom, #F7B00F 0%, #F25521 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7B00F', endColorstr='#F25521', GradientType=1)
}

.gradient-9,
.datepicker.datepicker-dropdown td.day:hover,
.datepicker.datepicker-dropdown th.next:hover,
.datepicker.datepicker-dropdown th.prev:hover,
.datepicker table tr td.selected,
.datepicker table tr td.active,
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background: #f31e7a !important;
	background: -moz-linear-gradient(left, #f31e7a 0%, #fd712c 100%);
	background: -webkit-linear-gradient(left, #f31e7a 0%, #fd712c 100%);
	background: linear-gradient(to right, #f31e7a 0%, #fd712c 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31e7a', endColorstr='#fd712c', GradientType=1)
}

.gradient-10 {
	background: #f25521 !important;
	background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%);
	background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%);
	background: linear-gradient(to top, #f25521 0%, #f9c70a 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25521', endColorstr='#f9c70a', GradientType=1)
}

.gradient-11 {
	background: #3398fb;
	background: -moz-linear-gradient(left, #3398fb 0%, #8553ee 100%);
	background: -webkit-linear-gradient(left, #3398fb 0%, #8553ee 100%);
	background: linear-gradient(to right, #3398fb 0%, #8553ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3398fb', endColorstr='#8553ee', GradientType=1)
}

.gradient-12 {
	background: #36e1b4;
	background: -moz-linear-gradient(left, #36e1b4 0%, #11cae7 100%);
	background: -webkit-linear-gradient(left, #36e1b4 0%, #11cae7 100%);
	background: linear-gradient(to right, #36e1b4 0%, #11cae7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36e1b4', endColorstr='#11cae7', GradientType=1)
}

.gradient-13 {
	background: #ffbf31;
	background: -moz-linear-gradient(left, #ffbf31 0%, #ff890e 100%);
	background: -webkit-linear-gradient(left, #ffbf31 0%, #ff890e 100%);
	background: linear-gradient(to right, #ffbf31 0%, #ff890e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf31', endColorstr='#ff890e', GradientType=1)
}

.gradient-14 {
	background: #23bdb8;
	background: -moz-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%);
	background: -webkit-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%);
	background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bdb8', endColorstr='#43e794', GradientType=1)
}

.gradient-15 {
	background: #9a56ff;
	background: -moz-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%);
	background: -webkit-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%);
	background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a56ff', endColorstr='#e36cd9', GradientType=1)
}

.gradient-16 {
	background: #f48665;
	background: -moz-linear-gradient(-45deg, #f48665 0%, #fda23f 100%);
	background: -webkit-linear-gradient(-45deg, #f48665 0%, #fda23f 100%);
	background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48665', endColorstr='#fda23f', GradientType=1)
}

.gradient-17 {
	background: #e36cd9;
	background: -moz-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%);
	background: -webkit-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%);
	background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36cd9', endColorstr='#fe60ae', GradientType=1)
}

.gradient-18 {
	background: #a15cff;
	background: -moz-linear-gradient(left, #a15cff 0%, #ce82fd 100%);
	background: -webkit-linear-gradient(left, #a15cff 0%, #ce82fd 100%);
	background: linear-gradient(to right, #a15cff 0%, #ce82fd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a15cff', endColorstr='#ce82fd', GradientType=1)
}

.c-pointer {
	cursor: pointer
}

* {
	outline: none;
	padding: 0
}

*::after {
	margin: 0;
	padding: 0
}

*::before {
	margin: 0;
	padding: 0
}

::selection {
	color: #fff;
	background: #cc4a56
}

#toolbar-administration {
  display: none;
}

.ui-dialog-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0;
	background-color: #F5F5F5;
	margin-top: 2px;
}

.ui-dialog-content::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.ui-dialog-content::-webkit-scrollbar-thumb
{
	border-radius: 0;
	background-color: #008fd4;
}

body {
	overflow-x: hidden;
	height: 100%;
	position: relative;
	max-width: 100%;
	font-size: 1rem
}

body.simplelogin {
	background: url('/sites/default/files/simplelogin/pndaly_bg.jpg');
}

g.highcharts-axis.highcharts-xaxis text, g.highcharts-axis.highcharts-yaxis text {
    color: #bd0013 !important;
    fill: #bd0013 !important;
    font-weight: 900;
    text-transform: uppercase;
}

.highcharts-series-0 rect,
.highcharts-series-9 rect {
    fill: #888;
}

.area .highcharts-series-0 path:nth-child(5),
.line .highcharts-series-0 path:nth-child(1) {
    stroke: #888;
}

.area .highcharts-series-0.highcharts-legend-item-hidden path:nth-child(5),
.line .highcharts-series-0.highcharts-legend-item-hidden path:nth-child(1) {
    stroke: #cccccc;
}

.area .highcharts-series-9 path:nth-child(5),
.line .highcharts-series-9 path:nth-child(1) {
    stroke: #d3d55e;
}

.area .highcharts-series-9.highcharts-legend-item-hidden path:nth-child(5),
.line .highcharts-series-9.highcharts-legend-item-hidden path:nth-child(1) {
    stroke: #cccccc;
}

.highcharts-color-0 path {
    stroke: #b71f07;
    stroke-width: 2;
}
.highcharts-legend-item-hidden.highcharts-color-0 path {
    stroke: #cccccc;
}

.no-padding .view-content {
    padding: 0 !important;
    border: 1px solid #dee2e5;
}

.summary-counter table,
.summary-counter td,
.summary-counter tr,
.summary-counter th {
    border: none !important;
    color: #fff;
}

.summary-counter td {
    font-size: 3em;
    color: #fff;
}

.summary-counter h4,
.summary-counter p {
    color: #fff;
}

.highcharts-legend-item-hidden text {
    fill: #ccc !important;
}

.simplelogin ul.page-tabs {
    flex-wrap: nowrap;
    text-align: center;
}
.simplelogin ul.page-tabs li {
    display: block;
    height: 50px;
}

@media only screen and (max-width: 991px) {
	body {
		font-size: 0.875rem
	}
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  margin-left: 0;
}

.simplelogin-form input.form-submit, .simplelogin-form button.form-submit, .simplelogin-form input.form-submit:hover, .simplelogin-form input.form-submit:active, .simplelogin-form input.form-submit:focus, .simplelogin .link:hover, .simplelogin .link:focus {
	background-color: #bd0013;
}

.simplelogin a, .simplelogin-form .forgot-password a, .simplelogin a:hover, .simplelogin a:focus {
	color: #bd0013;
}

.dashboard-stats .form-item,
.dashboard-stats .views-exposed-form {
    display: none;
}

.vertical-tabs {
    display: none;
}

.inline-filters .views-exposed-form {
    background: #eee;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 20px;
    margin: 20px;
    margin-bottom: 60px;
    border-radius: 1.375rem;
}

.inline-filters .views-exposed-form .form-item {
    display: inline-block;
		min-width:300px;
}

body[class*="context-user-"] ul.page-tabs {
    display: none;
}

body.page-type-customer-record .node-view-mode-full {
	display:none;
}

.hide {
	display:none;
}
.show {
	display:initial;
}

.card.cr-map div {
	position: relative;
	height: 100%;
	max-width: 100%;
	width: 100%;
}

.mapouter,
.gmap_canvas {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

ul.page-tabs.primary-tab li a {
	padding: 0.938rem 1.5rem;
border-radius: 1.375rem;
font-weight: 500;
font-size: 1rem;
background: #333;
color: #fff;
}

ul.page-tabs.primary-tab li a.is-active {
background: #bd0f12;
}

.context-dma-graph ul.page-tabs.primary-tab,
.context-dma-graph-hour ul.page-tabs.primary-tab,
.context-dma-graph-day ul.page-tabs.primary-tab {
    display: flex;
}

.highlighted .message {
    background-color: #fff;
    padding: 1.875rem;
    margin-bottom: 1.875rem;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 1.375rem;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    height: calc(100% - 30px);
}
.highlighted .message a {
    color: #bd0012;
  }

  .sidebar-right-toggle {
    position: fixed;
    right: 0;
    margin-top: 4.5rem;
    top: 10%;
    font-size: 30px;
    color: #fff;
    padding: 10px;
    border-radius: 1rem 0 0 1rem;
    width: 50px;
    transition: 0.3s;
}

.sidebar-right-toggle:hover {
    width: 60px;
    transition: 0.3s;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #bd0012;
}

p {
	line-height: 1.8
}

.box-shadow-none {
	box-shadow: none !important
}

#main-wrapper {
	opacity: 0;
	transition: all 0.25s ease-in;
	overflow: hidden;
	position: relative
}

#main-wrapper.show {
	opacity: 1
}

.overflow {
  overflow: scroll;
}

.region-content-row-one,
.region-content-row-two,
.region-content-row-three {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.context-sites-map .content-body .container-fluid {
    padding: 0 !important;
}

.context-sites-map .highlighted {
    position: absolute;
    top: 5.5rem;
    width: 100%;
    z-index: 9;
    pointer-events: none;
}

.geofield-google-map {
    height: calc(100vh - 4.5rem) !important;
}

.rounded-lg {
	border-radius: 1.375rem
}

ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none
}

a {
	color: #bd0012;
}

a:hover,
a:focus,
a.active {
	text-decoration: none
}

.btn-link:hover,
.btn-link:focus,
.btn-link.active {
	text-decoration: none
}

.fs-12 {
	font-size: 12px !important;
	line-height: 1.3
}

.fs-13 {
	font-size: 13px !important;
	line-height: 1.4
}

.fs-14 {
	font-size: 14px !important;
	line-height: 1.5
}

.fs-15 {
	font-size: 14px !important;
	line-height: 1.5
}

.fs-16 {
	font-size: 16px !important;
	line-height: 1.5
}

.fs-18 {
	font-size: 18px !important;
	line-height: 1.5
}

@media only screen and (max-width: 575px) {
	.fs-18 {
		font-size: 16px !important
	}
}

.fs-20 {
	font-size: 20px !important;
	line-height: 1.5
}

.fs-22 {
	font-size: 22px !important;
	line-height: 1.5
}

.fs-24 {
	font-size: 24px !important;
	line-height: 1.4
}

.fs-26 {
	font-size: 26px !important;
	line-height: 1.4
}

.fs-28 {
	font-size: 28px !important;
	line-height: 1.4
}

.fs-30 {
	font-size: 30px !important;
	line-height: 1.4
}

.fs-32 {
	font-size: 32px !important;
	line-height: 1.25
}

.fs-34 {
	font-size: 34px !important;
	line-height: 1.25
}

.fs-35 {
	font-size: 35px !important;
	line-height: 1.25
}

.fs-36 {
	font-size: 36px !important;
	line-height: 1.25
}

.fs-38 {
	font-size: 38px !important;
	line-height: 1.25
}

.fs-46 {
	font-size: 46px !important;
	line-height: 1.25
}

.fs-48 {
	font-size: 48px !important;
	line-height: 1.25
}

.font-w100 {
	font-weight: 100
}

.font-w200 {
	font-weight: 200
}

.font-w300 {
	font-weight: 300
}

.font-w400 {
	font-weight: 400
}

.font-w500 {
	font-weight: 500
}

.font-w600 {
	font-weight: 600
}

.font-w700 {
	font-weight: 700
}

.font-w800 {
	font-weight: 800
}

.font-w900 {
	font-weight: 900
}

.w-space-no {
	white-space: nowrap
}

.content-body .container {
	margin-top: 40px
}

.content-body .container[role="complementary"] {
    margin-top: 0;
}

.content-body .container-fluid {
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px
}

@media only screen and (max-width: 1200px) {
	.content-body .container-fluid {
		padding-top: 30px;
		padding-right: 30px;
		padding-left: 30px
	}
}

@media only screen and (max-width: 767px) {
	.content-body .container-fluid {
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 20px
	}
}

@media only screen and (max-width: 575px) {
	.content-body .container-fluid {
		padding-top: 15px;
		padding-right: 15px;
		padding-left: 15px
	}
}

.row.sp4,
.sp4 {
	margin-left: -2px;
	margin-right: -2px
}

.row.sp4 [class*="col-"],
.sp4 [class*="col-"] {
	padding-left: 2px;
	padding-right: 2px
}

.op1 {
	opacity: 0.1
}

.op2 {
	opacity: 0.2
}

.op3 {
	opacity: 0.3
}

.op4 {
	opacity: 0.4
}

.op5 {
	opacity: 0.5
}

.op6 {
	opacity: 0.6
}

.op7 {
	opacity: 0.7
}

.op8 {
	opacity: 0.8
}

.op9 {
	opacity: 0.9
}

.content-heading {
	font-size: 16px;
	margin-bottom: 1.875rem;
	margin-top: 3.125rem;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: none
}

.text-blue {
	color: #5e72e4
}

.text-indigo {
	color: #6610f2
}

.text-purple {
	color: #6f42c1
}

.text-pink {
	color: #e83e8c
}

.text-red {
	color: #EE3232
}

.text-orange {
	color: #f90
}

.text-yellow {
	color: #FFFA6F
}

.text-green {
	color: #297F00
}

.text-teal {
	color: #20c997
}

.text-cyan {
	color: #3065D0
}

.bg-gray-dark {
	background: #42389d !important
}

.bg-purpal {
	background: #663259 !important
}

.bg-red {
	background: #ff4961 !important
}

.bg-blue-dark {
	background: #fd7e14 !important
}

.bg-blue {
	background: #ffc107 !important
}

.bg-blue-light {
	background: #fff !important
}

.bg-green-light {
	background: #20c997 !important
}

.bg-green {
	background: #17a2b8 !important
}

.bg-black {
	background: #000
}

.text-black {
	color: #000 !important
}

.dz-scroll {
	position: relative
}

.scale1 {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	display: inline-block
}

.scale2 {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	display: inline-block
}

.scale3 {
	transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	display: inline-block
}

.scale4 {
	transform: scale(1.4);
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	display: inline-block
}

.scale5 {
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	display: inline-block
}

.scale-2 {
	transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	display: inline-block
}

.height10 {
	height: 10px
}

.height20 {
	height: 20px
}

.height30 {
	height: 30px
}

.height40 {
	height: 40px
}

.height50 {
	height: 50px
}

.height60 {
	height: 60px
}

.height70 {
	height: 70px
}

.height80 {
	height: 80px
}

.height90 {
	height: 90px
}

.height100 {
	height: 100px
}

.height110 {
	height: 110px
}

.height120 {
	height: 120px
}

.height130 {
	height: 130px
}

.height140 {
	height: 140px
}

.height150 {
	height: 150px
}

.height160 {
	height: 160px
}

.height170 {
	height: 170px
}

.height180 {
	height: 180px
}

.height190 {
	height: 190px
}

.height200 {
	height: 200px
}

.height210 {
	height: 210px
}

.height220 {
	height: 220px
}

.height230 {
	height: 230px
}

.height240 {
	height: 240px
}

.height250 {
	height: 250px
}

.height260 {
	height: 260px
}

.height270 {
	height: 270px
}

.height280 {
	height: 280px
}

.height290 {
	height: 290px
}

.height300 {
	height: 300px
}

.height310 {
	height: 310px
}

.height320 {
	height: 320px
}

.height330 {
	height: 330px
}

.height340 {
	height: 340px
}

.height350 {
	height: 350px
}

.height360 {
	height: 360px
}

.height370 {
	height: 370px
}

.height380 {
	height: 380px
}

.height390 {
	height: 390px
}

.height400 {
	height: 400px
}

.height415 {
	height: 415px
}

.height500 {
	height: 500px
}

.height520 {
	height: 520px
}

.height600 {
	height: 600px
}

.height630 {
	height: 630px
}

.height650 {
	height: 650px
}

.height720 {
	height: 720px
}

.height750 {
	height: 750px
}

.height800 {
	height: 800px
}

.width10 {
	width: 10px
}

.width20 {
	width: 20px
}

.width30 {
	width: 30px
}

.width40 {
	width: 40px
}

.width50 {
	width: 50px
}

.width60 {
	width: 60px
}

.width70 {
	width: 70px
}

.width80 {
	width: 80px
}

.width90 {
	width: 90px
}

.width100 {
	width: 100px
}

.width110 {
	width: 110px
}

.width120 {
	width: 120px
}

.width130 {
	width: 130px
}

.width140 {
	width: 140px
}

.width150 {
	width: 150px
}

.width160 {
	width: 160px
}

.width170 {
	width: 170px
}

.width180 {
	width: 180px
}

.width190 {
	width: 190px
}

.width200 {
	width: 200px
}

.width210 {
	width: 210px
}

.width220 {
	width: 220px
}

.width230 {
	width: 230px
}

.width240 {
	width: 240px
}

.width250 {
	width: 250px
}

.width260 {
	width: 260px
}

.width270 {
	width: 270px
}

.width280 {
	width: 280px
}

.width290 {
	width: 290px
}

.width300 {
	width: 300px
}

.width310 {
	width: 310px
}

.width320 {
	width: 320px
}

.width330 {
	width: 330px
}

.width340 {
	width: 340px
}

.width350 {
	width: 350px
}

.width360 {
	width: 360px
}

.width370 {
	width: 370px
}

.width380 {
	width: 380px
}

.width390 {
	width: 390px
}

.width400 {
	width: 400px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.col-xxl-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}
	.col-xxl-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}
	.col-xxl-3 {
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-xxl-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}
	.col-xxl-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}
	.col-xxl-6 {
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-xxl-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}
	.col-xxl-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}
	.col-xxl-9 {
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-xxl-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}
	.col-xxl-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}
	.col-xxl-12 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.mb-xxl-4 {
		margin-bottom: 1.5rem !important
	}
}

#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff
}

.sk-three-bounce {
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white
}

.sk-three-bounce .sk-child {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: #bd0012;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 0.5s ease-in-out 0s infinite both;
	animation: sk-three-bounce 0.5s ease-in-out 0s infinite both
}

.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s
}

.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s
}

.footer {
  padding-top: 1rem;
	padding-left: 17.1875rem;
	background-color: #fff
}

.footer .copyright {
	padding: 0.9375rem
}

.footer .copyright p {
	text-align: center;
	margin: 0
}

.footer .copyright a {
	color: #bd0012
}

[data-sidebar-style="mini"] .nav-control,
[data-layout="horizontal"] .nav-control {
	display: none
}

@media only screen and (max-width: 767px) {
	[data-sidebar-style="overlay"] .nav-header .logo-abbr {
		display: block
	}
}

.nav-header {
	position: fixed;
	left: auto;
	height: 4.5rem;
	width: 21.563rem;
	display: inline-block;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .2s ease;
	z-index: 10;
  background: #bd0013;
}

[data-sidebar-style="mini"] .nav-header {
	height: 5.5rem
}

.nav-header .logo-abbr {
	min-width: 65px
}

.site-name-slogan {
  display: none;
}

@media only screen and (max-width: 1350px) {
	.nav-header .logo-abbr {
		width: 55px;
		min-width: 55px
	}
}

@media only screen and (max-width: 575px) {
	.nav-header .logo-abbr {
		min-width: 40px;
		width: 40px;
		height: 40px
	}
}

.nav-header .logo-compact {
	display: none
}

@media only screen and (max-width: 1350px) {
	.nav-header {
		width: 17rem
	}
}

.nav-header .site-brand .site-logo {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.125rem;
	color: #fff;
	text-decoration: none;
	padding-left: 50px;
	padding-right: 50px;
	font-weight: 700
}

.site-brand,
.region-header,
#block-pndportal-theme-branding,
#block-pndportal-theme-branding .block-content,
.site-branding,
.site-logo a {
    height: 100%;
}

.nav-header .site-brand .site-logo img {
  height: 100%;
}
.menu-toggle .nav-header .site-brand .site-logo img {
    width: 100%;
    height: auto;
}

[data-sidebar-style="compact"] .nav-header .site-brand .site-logo,
[data-sidebar-style="mini"] .nav-header .site-brand .site-logo {
	padding-left: 0;
	padding-right: 0;
	justify-content: center
}

@media only screen and (max-width: 767px) {
	.nav-header .site-brand .site-logo {
		padding-left: 0;
		padding-right: 0;
		justify-content: center
	}
}

.nav-header .brand-title {
	margin-left: 20px;
	max-width: 120px;
	margin-top: 5px
}

@media only screen and (max-width: 1199px) {
	.nav-header {
		height: 5rem
	}
}

@media only screen and (max-width: 1023px) {
	.nav-header {
		width: 5rem
	}
	.nav-header .brand-title {
		display: none
	}
}

.nav-control {
	cursor: pointer;
	position: absolute;
	right: -4.0625rem;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	font-size: 1.4rem;
	padding: 2px 0.5rem 0;
	border-radius: 2px
}

@media only screen and (max-width: 767px) {
	.nav-control {
		right: -3.7rem
	}
}

@media only screen and (max-width: 575px) {
	.nav-control {
		right: -3.5rem
	}
}

.hamburger {
	display: inline-block;
	left: 0px;
	position: relative;
	top: 3px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 26px;
	z-index: 999
}

.hamburger.is-active {
    transform: rotate(
180deg);
}

.hamburger .line {
	background: #fff;
	display: block;
	height: 3px;
	border-radius: 3px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.hamburger .line:nth-child(1) {
	width: 20px
}

.hamburger .line:nth-child(2) {
	width: 26px
}

.hamburger .line:nth-child(3) {
	width: 22px
}

.hamburger:hover {
	cursor: pointer
}

.hamburger:hover .line {
	width: 26px
}

.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(3) {
	width: 10px;
	height: 2px
}

.hamburger.is-active .line:nth-child(2) {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	width: 22px;
	height: 2px
}

.hamburger.is-active .line:nth-child(1) {
	-webkit-transform: translateY(4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg)
}

.hamburger.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-4px) rotate(-45deg);
	transform: translateY(-4px) rotate(-45deg)
}

@media (min-width: 767px) {
	[data-sidebar-style="compact"] .nav-control {
		display: none
	}
	[data-sidebar-style="compact"] .nav-header {
		width: 11.25rem
	}
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title {
	display: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-abbr {
	display: block
}

[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact {
	display: none
}

[data-sidebar-style="mini"] .nav-header .logo-abbr {
	display: block
}

[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .brand-title {
	display: none
}

[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .logo-compact {
	max-width: 75px
}

[data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .site-brand .site-logo {
	padding-left: 30px;
	padding-right: 30px;
	justify-content: start
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header {
	width: 10.625rem
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title {
	display: none
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .logo-compact {
	display: none
}

.header {
	height: 4.5rem;
	z-index: 1;
	position: relative;
	padding: 0rem;
	background: #fff;
	z-index: 9;
	padding-left: 21.563rem;
	transition: all .2s ease;
  background: transparent;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px;
}

.header h1 {
    color: #fff;
}

[data-sidebar-style="mini"] .header {
	height: 5.5rem
}

.header .header-content {
	height: 100%;
	padding-left: 5.3125rem;
	padding-right: 1.875rem;
	align-items: center;
	display: flex
}

@media only screen and (max-width: 767px) {
	.header .header-content {
		padding-left: 3.75rem;
		padding-right: 0.938rem
	}
}

.header .navbar {
	padding: 0;
	height: 100%;
	width: 100%
}

.header .navbar .navbar-collapse {
	height: 100%;
	width: 100%
}

@media only screen and (max-width: 1199px) {
	.header {
		height: 5rem
	}
}

svg.pulse-svg {
	overflow: visible
}

svg.pulse-svg .first-circle,
svg.pulse-svg .second-circle,
svg.pulse-svg .third-circle {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: pulse-me 3s linear infinite;
	animation: pulse-me 3s linear infinite;
	fill: #bd0012
}

svg.pulse-svg .second-circle {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

svg.pulse-svg .third-circle {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.pulse-css {
	width: 1rem;
	height: 1rem;
	border-radius: .5rem;
	border-radius: 3.5rem;
	height: 24px;
	position: absolute;
	background: #D8B9C3;
	right: -4px;
	top: -4px;
	border: 4px solid #fff;
	width: 24px
}

.pulse-css:after,
.pulse-css:before {
	content: '';
	width: 1rem;
	height: 1rem;
	border-radius: .5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -.2rem;
	background-color: #D8B9C3;
	margin: auto;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: pulse-me 3s linear infinite;
	animation: pulse-me 3s linear infinite
}

@media only screen and (max-width: 1400px) {
	.pulse-css {
		height: 16px;
		width: 16px
	}
}

[data-sidebar-style="full"] .header,
[data-sidebar-style="overlay"] .header {
	width: 100%
}

@media only screen and (max-width: 1350px) {
	[data-sidebar-style="full"] .header,
	[data-sidebar-style="overlay"] .header {
		width: 100%;
		padding-left: 17rem
	}
}

@media only screen and (max-width: 1023px) {
	[data-sidebar-style="full"] .header,
	[data-sidebar-style="overlay"] .header {
		width: 100%;
		padding-left: 5rem
	}
}

[data-sidebar-style="mini"] .header {
	width: 100%;
	padding-left: 6.25rem
}

[data-sidebar-style="compact"] .header {
	width: 100%;
	padding-left: 11.25rem
}

[data-sidebar-style="compact"] .header .header-content {
	padding-left: 1.875rem
}

.header {
	position: fixed;
	top: 0;
	width: 100%
}

.content-body {
	padding-top: 4.5rem
}

@media only screen and (max-width: 1199px) {
.content-body {
		padding-top: 5rem
	}
}

.deznav {
	margin-top: 0
}

[data-sidebar-style="mini"] .content-body {
	padding-top: 5.5rem
}

@media only screen and (max-width: 1199px) {
	[data-sidebar-style="mini"] .content-body {
		padding-top: 5rem
	}
}

[data-sidebar-style="modern"] .header {
	width: 100%;
	padding-left: 10.625rem
}

[data-sidebar-style="modern"][data-layout="horizontal"] .nav-header .site-brand .site-logo {
	justify-content: start
}

[data-sidebar-style="modern"][data-layout="horizontal"] .header .header-content {
	padding-left: 30px
}

.header-left {
	height: 100%;
	display: flex;
	align-items: center
}

.header-left .dashboard_bar {
	font-size: 30px;
	font-weight: 600;
	color: #000
}

@media only screen and (max-width: 1199px) {
	.header-left .dashboard_bar {
		font-size: 24px
	}
}

@media only screen and (max-width: 767px) {
	.header-left .dashboard_bar {
		display: none
	}
}

.header-left input {
	background: #F9F9F9 !important;
	min-width: 170px;
	min-height: 40px;
	border-color: transparent;
	color: #6e6e6e !important;
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	box-shadow: none
}

.header-left input:focus,
.header-left input:active,
.header-left input.active {
	border-color: transparent;
	box-shadow: none
}

.header-left input::-webkit-input-placeholder {
	color: #6e6e6e
}

.header-left input:-ms-input-placeholder {
	color: #6e6e6e
}

.header-left input::placeholder {
	color: #6e6e6e
}

.header-left .search_bar {
	display: flex;
	align-items: center;
	height: 100%
}

.header-left .search_bar .dropdown-menu {
	box-shadow: none
}

.header-left .search_bar .search_icon {
	background: #F9F9F9 !important;
	height: 40px;
	padding: 8px 0 8px 15px !important;
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem
}

.header-left .search_bar .search_icon i {
	font-size: 24px;
	color: #6e6e6e;
	line-height: 1
}

.form-item.js-form-type-search {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.header-left .search_bar .search_icon {
		border-radius: 4px;
		padding: 8px 10px !important
	}
}

@media only screen and (max-width: 767px) {
	.header-left .search_bar {
		position: static
	}
	.header-left .search_bar .dropdown-menu {
		width: 300px;
		left: -15vw;
		box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
		border-radius: 4px !important
	}
}

@media only screen and (max-width: 767px) and (max-width: 575px) {
	.header-left .search_bar .dropdown-menu {
		width: 250px;
		left: -25vw
	}
}

@media only screen and (max-width: 767px) {
	.header-left .search_bar .dropdown-menu .form-control {
		border-radius: 4px !important;
		width: 100%
	}
}

.header-left .search_bar .dropdown-menu,
.header-left .search_bar .dropdown-menu.show {
	border: 0px;
	background-color: transparent;
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem
}

@media only screen and (min-width: 768px) {
	.header-left .search_bar .dropdown-menu,
	.header-left .search_bar .dropdown-menu.show {
		left: 34px;
		top: 0;
		transform: translateY(50%);
		display: block
	}
}

.region-search-box #edit-submit {
    display: none;
}

/*------------------------------------
Login
------------------------------------*/

.simplelogin-logo {
  text-align: center;
  background: #bd0013;
  padding: 10px;
  max-width: 200px;
  margin: auto;
  margin-bottom: 20px;
}

.simplelogin h1 {
  font-size: 0;
}

body.simplelogin {
  background-size: cover;
}

.simplelogin .dialog-off-canvas-main-canvas {
  margin: 0 0 0 25%;
  display: block;
}

@media (max-width: 768px) {
  .simplelogin .dialog-off-canvas-main-canvas {
    margin: auto;
  }
}

.simplelogin-form .btn {
  text-transform: uppercase;
  outline: 0;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius: 0.25em;
  font-weight: bold;
}

.simplelogin-form {
  background: rgba(255, 255, 255, 0.5);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

.simplelogin-form .btn {
  width: 100%;
  padding: .375rem .75rem;
}

.simplelogin-form a.btn,
.simplelogin-form a.btn:hover {
  color: #fff;
}

.simplelogin-form .forgot-password {
  margin-top: 30px;
  color: #000;
}

[data-sidebar-style="compact"] .header-left {
	margin-left: 0
}

/*------------------------------------
Header
------------------------------------*/

.header-right {
	height: 100%
}

.header-right .nav-item {
	height: 100%;
	display: flex;
	align-items: center
}

.header-right .nav-item .nav-link {
	color: #464a53;
	font-size: 18px
}

.header-right .right-sidebar {
	margin-right: -30px
}

.header-right .right-sidebar a {
	height: 80px;
	width: 80px;
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	border-left: 1px solid #E8E8E8
}

.header-right>li:not(:first-child) {
	padding-left: 1.25rem
}

@media only screen and (max-width: 1199px) {
	.header-right>li:not(:first-child) {
		padding-left: 0.5rem
	}
}

@media only screen and (max-width: 767px) {
	.header-right .notification_dropdown {
		position: static
	}
}

.header-right .notification_dropdown .nav-link {
	position: relative;
	color: #bd0012;
	background: #fff;
	border-radius: 1.375rem;
	padding: 15px;
	line-height: 1
}

@media only screen and (max-width: 1400px) {
	.header-right .notification_dropdown .nav-link {
		padding: 10px
	}
}

.header-right .notification_dropdown .nav-link i {
	font-size: 24px
}

@media only screen and (max-width: 1400px) {
	.header-right .notification_dropdown .nav-link i {
		font-size: 18px
	}
}

@media only screen and (max-width: 1400px) {
	.header-right .notification_dropdown .nav-link svg {
		width: 24px;
		height: 24px
	}
}

.header-right .notification_dropdown .nav-link .badge {
	position: absolute;
	font-size: 14px;
	border-radius: 0;
	right: 5px;
	box-shadow: 0px 0px 10px 3px rgba(189, 0, 18, 0.3);
	top: 5px;
	font-weight: normal;
	height: 26px;
	width: 26px;
	line-height: 24px;
	text-align: center;
	padding: 0px
}

@media only screen and (max-width: 1400px) {
	.header-right .notification_dropdown .nav-link .badge {
		right: -2px;
		top: -2px;
		font-size: 12px;
		height: 18px;
		width: 18px;
		line-height: 18px
	}
}

.header-right .notification_dropdown .dropdown-item:focus a,
.header-right .notification_dropdown .dropdown-item:active a {
	color: #fff
}

.header-right .notification_dropdown .dropdown-item a {
	color: #6e6e6e
}

.header-right .notification_dropdown .dropdown-item a:hover {
	text-decoration: none
}

.notification-bell-container {
	position: relative;
}

.notification-bell {
    font-size: 24px;
		color: #fff;
}

.notification-bell-badge {
    position: absolute;
    top: -5px;
    left: 14px;
}

.notification-bell-badge .badge {
    padding: 2px 5px;
}

.notification-empty {
	padding: 20px;
}

.header-right .dropdown-menu {
	border-width: 0;
	box-shadow: 0 0 37px rgba(8, 21, 66, 0.05)
}

.header-right .header-profile a.nav-link {
	padding: 0;
	display: flex;
	align-items: center;
	margin-left: 15px;
	padding-left: 30px;
	border-left: 1px solid #eee
}

.header-right .header-profile a.nav-link i {
	font-weight: 700
}

.header-right .header-profile a.nav-link .header-info {
	padding-left: 20px;
	text-align: left
  color: #fff;
}

@media only screen and (max-width: 1400px) {
	.header-right .header-profile a.nav-link .header-info {
		padding-left: 10px
	}
}

@media only screen and (max-width: 575px) {
	.header-right .header-profile a.nav-link .header-info {
		display: none
	}
}

.header-right .header-profile a.nav-link .header-info span {
	font-size: 16px;
	color: #fff;
	display: block;
	font-weight: 600
}

.header-right .header-profile a.nav-link .header-info strong {
	color: #6e6e6e
}

.header-right .header-profile a.nav-link .header-info small {
	display: block;
	font-size: 13px;
	color: #ccc;
	font-weight: 400;
	line-height: 1.2
}

@media only screen and (max-width: 1400px) {
	.header-right .header-profile a.nav-link {
		margin-left: 10px;
		padding-left: 20px
	}
}

@media only screen and (max-width: 575px) {
	.header-right .header-profile a.nav-link {
		margin-left: 0px;
		padding-left: 0px;
		border-left: 0
	}
}

.header-right .header-profile .dropdown-menu {
	padding: 15px 0;
	min-width: 12.5rem
}

.header-right .header-profile .dropdown-menu a:hover,
.header-right .header-profile .dropdown-menu a:focus,
.header-right .header-profile .dropdown-menu a.active {
	color: #bd0012
}

.header-right .header-profile img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

@media only screen and (max-width: 1400px) {
	.header-right .header-profile img {
		width: 39px;
		height: 39px
	}
}

.header-right .header-profile .dropdown-toggle i {
	font-size: 1.25rem
}

@media only screen and (max-width: 575px) {
	.header-right .header-profile .dropdown-toggle span {
		display: none
	}
}

.header-right .header-profile .profile_title {
	background: #bd0012;
	color: #fff;
	padding: 10px 20px
}

.header-right .header-profile .profile_title h5 {
	color: #fff;
	margin-bottom: 3px
}

.header-right .header-profile .dropdown-item {
	padding: 8px 24px
}

img.avatar.top-profile {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
}

.dz-fullscreen #icon-minimize {
	display: none
}

.dz-fullscreen.active #icon-full {
	display: none
}

.dz-fullscreen.active #icon-minimize {
	display: inline-block
}

.notification_dropdown .dropdown-menu-right {
	min-width: 310px;
	padding: 0rem 0 1rem;
	top: 100%
}

.notification_dropdown .dropdown-menu-right .notification_title {
	background: #bd0012;
	color: #fff;
	padding: 10px 20px
}

.notification_dropdown .dropdown-menu-right .notification_title h5 {
	color: #fff;
	margin-bottom: 3px
}

.notification_dropdown .dropdown-menu-right .media {
	width: 45px !important;
	height: 45px !important;
	font-size: 18px !important
}

.notification_dropdown .dropdown-menu-right .media>span {
	width: 35px;
	height: 35px;
	border-radius: 50px;
	display: inline-block;
	padding: 7px 9px;
	margin-right: 10px
}

.notification_dropdown .dropdown-menu-right .media>span.success {
	background: #ecfae4;
	color: #52c41a
}

.notification_dropdown .dropdown-menu-right .media>span.primary {
	background: #e6faee;
	color: #bd0012
}

.notification_dropdown .dropdown-menu-right .media>span.danger {
	background: #ffefee;
	color: #f44336
}

.notification_dropdown .dropdown-menu-right .media .notify-time {
	width: 100% !important;
	margin-right: 0 !important;
	color: #828690
}

.notification_dropdown .dropdown-menu-right .media p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 200px;
	margin-bottom: 0;
	margin-top: 5px
}

@media only screen and (max-width: 575px) {
	.notification_dropdown .dropdown-menu-right .media p {
		max-width: 100px
	}
}

.notification_dropdown .dropdown-menu-right .all-notification {
	display: block;
	padding: 15px 30px 0;
	text-align: center;
	border-top: 1px solid #E8E8E8
}

.notification_dropdown .dropdown-menu-right .all-notification i {
	margin-left: 10px
}

.region-search-box [type="search"] {
  border-radius: 1rem;
    border: 0;
    background: #F1F1F1;
    height: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
}

.region-search-box #edit-actions {
  display: none;
}

.search-area {
	width: 300px
}

.search-area .input-group-append .input-group-text {
	background: #F1F1F1;
	padding: 0;
	border-radius: 1rem;
  height: 40px;
}

.search-area .form-control {
	border-radius: 3rem;
	border: 0;
	background: #F1F1F1;
	height: 60px
}

.search-area .form-control:hover,
.search-area .form-control:active,
.search-area .form-control:focus {
	background: #F1F1F1
}

@media only screen and (max-width: 1400px) {
	.search-area {
		width: 250px
	}
	.search-area .form-control {
		height: 50px
	}
	.search-area .input-group-append .input-group-text {
		height: 40px
	}
}

@media only screen and (max-width: 1199px) {
	.search-area {
		display: none !important
	}
}

.nav-label {
	margin: 10px 30px 0;
	padding: 1.5625rem 0 10px;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.05rem;
	border-top: 1px solid #eaeaea;
	color: #999
}

.nav-label.first {
	border: 0px;
	margin-top: 0px
}

.nav-badge {
	position: absolute;
	right: 2.8125rem;
	top: 0.625rem
}

.content-body {
	margin-left: 21.563rem;
	z-index: 0;
	transition: all .2s ease
}

@media only screen and (max-width: 1350px) {
	.content-body {
		margin-left: 17rem
	}
}

.bell img {
	-webkit-animation: ring 8s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 8s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 8s .7s ease-in-out infinite
}

/*------------------------------------
Navigation
------------------------------------*/

.deznav {
	width: 21.563rem;
	padding-bottom: 0;
	height: calc(100% - 70px);
	position: absolute;
	top: 4.5rem;
	padding-top: 0;
	z-index: 4;
	background-color: #fff;
	transition: all .2s ease;
	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.02)
}

[data-sidebar-style="mini"] .deznav {
	top: 5.5rem;
	height: calc(100% - 88px)
}

@media only screen and (max-width: 1199px) {
	.deznav {
		background-color: #fff;
		top: 5rem;
		height: calc(100% - 80px)
	}
}

@media only screen and (max-width: 767px) {
	.deznav {
		width: 18rem
	}
}

.deznav .deznav-scroll {
	position: relative;
	height: 100%
}

@media only screen and (max-width: 1350px) {
	.deznav {
		width: 17rem
	}
}

.deznav ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.deznav .metismenu {
	display: flex;
	flex-direction: column;
	padding-top: 15px
}

.deznav .metismenu.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0
}

.deznav .metismenu>li {
	display: flex;
	flex-direction: column
}

.deznav .metismenu>li a>i {
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: middle;
	padding: 0 1.5rem 0 0;
	position: relative;
	top: 0;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	line-height: 1
}

[data-sidebar-style="compact"] .deznav .metismenu>li a>i {
	display: block;
	padding: 0;
	background: rgba(189, 0, 18, 0.2);
	color: #bd0012;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	line-height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
	.deznav .metismenu>li a>i {
		font-size: 1.25rem;
		padding: 0 .75rem 0 0;
		color: #969BA0
	}
}

.deznav .metismenu>li>a {
	font-weight: 400;
	display: inline-block;
	font-size: 15px;
	color: #969BA0
}

.deznav .metismenu>li>a i {
	color: #969BA0
}

.deznav .metismenu>li>a svg {
	max-width: 24px;
	max-height: 24px;
	height: 100%;
	margin-right: 5px;
	margin-top: -3px;
	color: #bd0012
}

.deznav .metismenu>li>a g [fill] {
	fill: #8088a1
}

.deznav .metismenu>li:hover>a,
.deznav .metismenu>li:focus>a {
	color: #bd0012
}

.deznav .metismenu>li:hover>a g [fill],
.deznav .metismenu>li:focus>a g [fill] {
	fill: #bd0012
}

.deznav .metismenu>li:hover>a i,
.deznav .metismenu>li:focus>a i {
	color: #bd0012
}

.deznav .metismenu>li.mm-active>a {
	background: rgba(189, 0, 18, 0.1);
	color: #bd0012;
	font-weight: 500;
	box-shadow: none
}

.deznav .metismenu>li.mm-active>a i {
	color: #bd0012;
	font-weight: 100
}

.deznav .metismenu>li.mm-active>a g [fill] {
	fill: #bd0012
}

[data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i {
	background: #bd0012;
	color: #fff;
	box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13)
}

.deznav .metismenu li {
	position: relative
}

.deznav .metismenu ul {
	transition: all .2s ease-in-out;
	position: relative;
	z-index: 1;
	padding: 0.5rem 0
}

.deznav .metismenu ul a {
	padding-top: .5rem;
	padding-bottom: .5rem;
	position: relative;
	font-size: 16px;
	padding-left: 4.5rem
}

@media only screen and (max-width: 1400px) {
	.deznav .metismenu ul a {
		font-size: 16px
	}
}

@media only screen and (max-width: 767px) {
	.deznav .metismenu ul a {
		padding-left: 3.5rem;
		font-size: 14px
	}
}

.deznav .metismenu ul a:hover,
.deznav .metismenu ul a:focus,
.deznav .metismenu ul a.mm-active {
	text-decoration: none;
	color: #bd0012
}

.deznav .metismenu a {
	position: relative;
	display: block;
	padding: 0.625rem 1.875rem;
	outline-width: 0;
	color: #7e7e7e !important;
	text-decoration: none
}

@media only screen and (max-width: 767px) {
	.deznav .metismenu a {
		padding: 0.625rem 1.25rem
	}
}

.deznav .metismenu .has-arrow:after {
	width: .5rem;
	height: .5rem;
	right: 1.875rem;
	top: 48%;
	border-color: inherit;
	-webkit-transform: rotate(-225deg) translateY(-50%);
	transform: rotate(-225deg) translateY(-50%)
}

.deznav .metismenu .has-arrow[aria-expanded=true]:after,
.deznav .metismenu .mm-active>.has-arrow:after {
	-webkit-transform: rotate(-135deg) translateY(-50%);
	transform: rotate(-135deg) translateY(-50%)
}

@media only screen and (max-width: 1023px) {
	.nav-header {
		width: 5rem
	}
}

@media (max-width: 767px) {
	.brand-title {
		display: none
	}
	.footer {
		padding-left: 0
	}
	.deznav {
		left: 0;
		top: 5rem
	}
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu>ul.collapse:not(.in),
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu>ul.collapse:not(.in) {
	height: 252px !important
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>a {
	width: calc(70vw + 3.75rem)
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	max-height: 13.75rem;
	width: 70vw
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>ul ul a {
	width: 101%
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>a {
	width: calc(70vw + 3rem)
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>ul {
	max-height: 200px;
	width: 70vw
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>ul ul a {
	width: 101%
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>a {
	width: calc(55vw + 3rem)
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
	max-height: 200px;
	width: 55vw
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>ul ul a {
	width: 101%
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>a {
	width: calc(45vw + 3)
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>ul {
	max-height: 18.75rem;
	width: 45vw
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>ul ul a {
	width: 101%
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>a {
	width: calc(30vw + 3)
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
	max-height: 18.125rem;
	width: 30vw
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>ul ul a {
	width: 101%
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:not(:last-child) {
	position: static
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul {
	left: 0;
	right: 0
}

[data-theme-version="light"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
	border-color: #fff
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li a {
	transition: all .4s ease-in-out
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li a:hover {
	border-radius: 0.25rem
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	max-height: 13.75rem;
	width: 70vw;
	z-index: 99
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
	content: "";
	height: 100%;
	width: 1px;
	position: absolute;
	background-color: #fff;
	right: 2.8125rem;
	top: 0
}

[data-theme-version="light"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
	background-color: #fff
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul ul a {
	width: 101%
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-xl:hover>ul {
	max-height: 210px;
	width: 70vw
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
	max-height: 210px;
	width: 700px;
	height: 210px !important
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
		width: 700px
	}
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-md:hover>ul {
	max-height: 20rem;
	width: 54vw
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-md:hover>ul {
		width: 60vw
	}
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
	max-height: 20rem;
	width: 25vw
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
		width: 35vw
	}
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li {
	padding: 0 20px
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a {
	font-size: 18px;
	padding: 20px 20px;
	border-radius: 1.375rem;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}

@media only screen and (max-width: 1400px) {
	[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a {
		font-size: 16px
	}
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i {
	font-weight: 300
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after {
	right: 1.5rem
}

@media only screen and (max-width: 1350px) {
	[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li {
		padding: 0 15px
	}
	[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a {
		padding: 15px 18px;
		font-size: 16px
	}
	[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a i {
		padding-right: 10px
	}
	[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li ul a {
		padding-left: 3.8rem;
		font-size: 14px
	}
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header {
	width: 5rem;
	z-index: 99;
  padding: 10px;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .site-brand .site-logo {
	padding-left: 0;
	padding-right: 0;
	justify-content: center
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line {
	background-color: #fff !important
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .add-action-modal {
	display: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {
	padding-left: 5rem;
	width: 100%
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav {
	width: 5rem;
	overflow: visible;
	position: absolute
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text {
	display: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .slimScrollDiv,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .deznav-scroll {
	overflow: visible !important
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li {
	position: relative
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a {
	padding: 0.8125rem 0.9375rem;
	border-radius: 8px;
	margin: 2px 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a i {
	padding: 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a svg {
	max-width: 24px;
	max-height: 24px;
	margin-right: 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a:before {
	content: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul {
	position: absolute;
	left: 5rem;
	top: 0;
	width: 12rem;
	z-index: 1001;
	display: none;
	padding-left: 1px;
	height: auto !important;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
	border-radius: 6px;
	margin-left: 0;
	border: 0;
	background: #fff
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul {
	left: 11.8125rem;
	top: 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul:after {
	content: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li:hover>ul {
	display: block;
	height: auto;
	overflow: visible
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li {
	transition: all 0.4s ease-in-out;
	padding: 0 13px
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li>a.has-arrow:after {
	display: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a {
	background: #bd0012;
	border-radius: 8px
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a i {
	color: #fff;
	padding: 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover:nth-last-child(-n+1)>ul {
	bottom: 0;
	top: auto
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a {
	border-radius: 8px;
	background: #bd0012;
	color: #fff
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a i {
	color: #fff
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul {
	height: auto !important;
	padding: 10px 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul a {
	padding: 6px 20px 6px 20px;
	margin-left: -.1rem
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul ul {
	padding: 10px 0
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul ul a {
	padding: 6px 20px 6px 20px;
	margin-left: -.1rem
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-label,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-badge {
	display: none
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
	margin-left: 5rem
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle+.footer {
	padding-left: 5rem
}

[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content {
	padding-left: 1.875rem
}

@media only screen and (min-width: 768px) {
	[data-sidebar-style="mini"] .nav-header {
		width: 6.25rem
	}
	[data-sidebar-style="mini"] .nav-header .nav-control {
		z-index: -1
	}
	[data-sidebar-style="mini"] .nav-header .nav-control .hamburger {
		left: 6.25rem !important
	}
	[data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line {
		background-color: #fff !important
	}
	[data-sidebar-style="mini"] .nav-header .brand-title {
		display: none
	}
	[data-sidebar-style="mini"] .nav-header .hamburger {
		display: none
	}
	[data-sidebar-style="mini"] .header .header-content {
		padding-left: 1.875rem
	}
	[data-sidebar-style="mini"] .deznav {
		width: 6.25rem;
		overflow: visible;
		position: absolute;
		z-index: 2
	}
	[data-sidebar-style="mini"] .deznav .copyright,
	[data-sidebar-style="mini"] .deznav .add-action-modal {
		display: none
	}
	[data-sidebar-style="mini"] .deznav .nav-text {
		display: none
	}
	[data-sidebar-style="mini"] .deznav .slimScrollDiv,
	[data-sidebar-style="mini"] .deznav .deznav-scroll {
		overflow: visible !important
	}
	[data-sidebar-style="mini"] .deznav .nav-user {
		padding: 11px
	}
	[data-sidebar-style="mini"] .deznav .nav-user .media-body {
		display: none
	}
	[data-sidebar-style="mini"] .deznav .metismenu li a {
		padding: 0.813rem 0.875rem
	}
	[data-sidebar-style="mini"] .deznav .metismenu li a svg {
		margin-right: 0
	}
	[data-sidebar-style="mini"] .deznav .metismenu li>ul {
		position: absolute;
		left: 6.25rem;
		top: 2.9375rem;
		width: 11.875rem;
		z-index: 1001;
		display: none;
		padding-left: 1px;
		box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
		height: auto !important;
		border-radius: 6px;
		background: #fff
	}
	[direction="rtl"]:not([data-layout="horizontal"])[data-sidebar-style="mini"] .deznav .metismenu li>ul {
		left: auto;
		right: 6.25rem;
		box-shadow: box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
	}
	[data-sidebar-style="mini"] .deznav .metismenu>li {
		padding: 2px 20px
	}
	[data-sidebar-style="mini"] .deznav .metismenu>li>a {
		padding: 1.125rem 0.875rem;
		width: 60px;
		height: 60px;
		text-align: center;
		line-height: 1;
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s
	}
	[data-sidebar-style="mini"] .deznav .metismenu>li>a>i {
		padding: 0
	}
	[data-sidebar-style="mini"] .deznav .metismenu>li>a.has-arrow:after {
		display: none
	}
	[data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i {
		color: #fff
	}
	[data-sidebar-style="mini"] .deznav .metismenu .nav-label,
	[data-sidebar-style="mini"] .deznav .metismenu .nav-badge {
		display: none
	}
	[data-sidebar-style="mini"] .content-body {
		margin-left: 6.25rem
	}
	[data-sidebar-style="mini"] .footer {
		padding-left: 6.25rem
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav {
		position: absolute !important
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
		display: block
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n+1)>ul {
		bottom: 0;
		top: auto !important
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n+1)>ul:after {
		top: auto;
		bottom: 20px
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n+1)>ul {
		bottom: 0;
		top: auto !important
	}
}

@media only screen and (min-width: 768px) {
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul {
		overflow: visible
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul:after {
		content: none
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul {
		background: #fff;
		padding: 10px 0;
		width: 13rem;
		left: 13rem;
		top: -10px;
		border: 0;
		margin: 0
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul:after {
		content: none
	}

	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a {
		background: #bd0012;
		color: #fff;
		border-radius: 12px;
		box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13)
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a {
		background: #bd0012;
		color: #fff;
		box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13);
		border-radius: 12px;
		position: unset
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a i {
		color: #fff
	}


	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul {
		height: auto !important;
		overflow: visible;
		border: 0;
		margin-left: 0;
		left: 6.25rem;
		width: 13rem;
		border-radius: 12px;
		border: 0;
		padding: 10px 0;
		top: 0
	}

	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a {
		padding: 6px 20px 6px 20px
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a:before {
		content: none
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a.has-arrow:after {
		right: 1.25rem
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul ul a {
		padding: 6px 20px 6px 20px;
		margin-left: -1.6px
	}
	[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul ul a:before {
		content: none
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li {
		padding: 0
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a {
		padding: 18px
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a i {
		padding: 0
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a svg {
		margin-right: 0;
		margin-top: 0
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>ul li a {
		padding: 8px 20px 8px 20px
	}
}

@media only screen and (max-width: 1199px) {
	[data-sidebar-style="mini"] .deznav li.mm-active ul {
		height: auto !important
	}
	[data-sidebar-style="mini"] .deznav li a.has-arrow::after {
		transform: rotate(-45deg) translateY(-50%)
	}
}

@media (min-width: 1199px) {
	[data-layout="horizontal"] .nav-header {
		width: 21.563rem
	}
	[data-layout="horizontal"] .nav-header .nav-control {
		display: none
	}
	[data-layout="horizontal"] .nav-header .site-brand .site-logo {
		padding-left: 40px;
		padding-right: 40px
	}
	[data-layout="horizontal"] .header {
		width: 100%;
		padding-left: 21.563rem
	}
	[data-layout="horizontal"] .deznav {
		width: 100%;
		position: relative;
		height: auto;
		padding-bottom: 0;
		top: 0;
		z-index: 2
	}
	[data-layout="horizontal"] .deznav .slimScrollDiv {
		overflow: visible !important
	}
	[data-layout="horizontal"] .deznav .slimScrollDiv .deznav-scroll {
		overflow: visible !important
	}
	[data-layout="horizontal"] .deznav .deznav-scroll {
		overflow: visible !important
	}
	[data-layout="horizontal"] .deznav .slimScrollBar {
		display: none !important
	}
	[data-layout="horizontal"] .deznav .nav-user,
	[data-layout="horizontal"] .deznav .nav-label {
		display: none
	}
	[data-layout="horizontal"] .deznav .metismenu {
		flex-direction: row;
		padding: 10px 40px;
		margin-bottom: 0;
		display: inline-flex;
		flex-wrap: wrap
	}
	[data-layout="horizontal"] .deznav .metismenu .collapse.in {
		display: none
	}
	[data-layout="horizontal"] .deznav .metismenu ul {
		border-left: 0
	}


	[data-layout="horizontal"] .deznav .metismenu li {
		flex-direction: column;
		position: relative
	}
	[data-layout="horizontal"] .deznav .metismenu li:hover>ul {
		display: block
	}
	[data-layout="horizontal"] .deznav .metismenu li>ul {
		position: absolute;
		height: auto !important;
		top: 100%;
		width: 100%;
		min-width: 13.75rem;
		z-index: 999;
		left: auto;
		right: auto;
		padding: 0.5rem 0;
		display: none;
		box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
		margin: 0;
		background: #fff;
		border-radius: 12px
	}


	[data-layout="horizontal"] .deznav .metismenu li>ul li {
		padding: 0
	}
	[data-layout="horizontal"] .deznav .metismenu li>ul li a {
		transition: all .4s ease-in-out;
		padding: 8px 20px 8px 20px;
		margin-left: -.1rem
	}
	[data-layout="horizontal"] .deznav .metismenu li>ul li a:hover {
		border-radius: .4rem
	}
	[data-layout="horizontal"] .deznav .metismenu li>ul li a:before {
		left: 22px
	}
	[data-layout="horizontal"] .deznav .metismenu li>ul ul {
		left: 100%;
		top: 0;
		box-shadow: box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
	}
	[data-layout="horizontal"] .deznav .metismenu>li {
		flex: 0 0 auto;
		position: relative;
		margin: 2px 2px
	}


	[data-layout="horizontal"] .deznav .metismenu>li:hover,
	[data-layout="horizontal"] .deznav .metismenu>li.mm-active {
		padding: 0
	}
	[data-layout="horizontal"] .deznav .metismenu>li:hover>a,
	[data-layout="horizontal"] .deznav .metismenu>li.mm-active>a {
		background: #bd0012;
		color: #fff;
		box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13);
		border-radius: 12px
	}
	[data-layout="horizontal"] .deznav .metismenu>li:hover>a i,
	[data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i {
		color: #fff
	}
	[data-layout="horizontal"] .deznav .metismenu>li>a {
		padding: 15px 40px 15px 15px
	}
	[data-layout="horizontal"] .deznav .metismenu>li>a i {
		padding: 0 0.4375rem 0 0
	}
	[data-layout="horizontal"] .deznav .metismenu>li>a .nav-badge {
		display: none
	}
	[data-layout="horizontal"] .deznav .metismenu>li>a:after {
		right: 20px;
		transform: rotate(-135deg) translateY(-50%)
	}
	[data-layout="horizontal"] .deznav .metismenu>li:hover {
		border-color: transparent
	}
	[data-layout="horizontal"] .deznav .metismenu>li:hover>ul {
		display: flex !important;
		flex-direction: column;
		flex-wrap: wrap;
		height: auto !important;
		box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);
		border-radius: 12px
	}

	[data-layout="horizontal"] .deznav .metismenu>li>ul>li:hover ul.collapse {
		display: block !important;
		position: absolute;
		left: auto !important;
		right: -100% !important;
		top: 0 !important
	}
	[data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n+5)>ul {
		left: auto;
		right: 0
	}
	[data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n+5)>ul>li:hover ul.collapse {
		right: auto !important;
		left: -100% !important
	}
	[data-layout="horizontal"] .deznav .metismenu>li:last-child>ul ul {
		left: -100%
	}
	[data-layout="horizontal"] .deznav .copyright,
	[data-layout="horizontal"] .deznav .add-action-modal {
		display: none
	}
	[data-layout="horizontal"] .content-body {
		margin-left: 0
	}
	[data-layout="horizontal"] .content-body .page-titles {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 1.875rem
	}
	[data-layout="horizontal"] .footer {
		margin-left: 0;
		margin: 0 auto;
		padding-left: 0
	}
[data-layout="horizontal"][data-sidebar-style="mini"] .deznav {
		top: 5.5rem
	}
[data-layout="horizontal"] .deznav {
		top: 7.5rem
	}
[data-sidebar-position="fixed"] .deznav {
		position: fixed
	}
[data-layout="horizontal"][data-sidebar-position="fixed"] .content-body {
		padding-top: 12.25rem
	}
[data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"] .content-body {
		padding-top: 13.125rem
	}
	.page-titles {
		margin-left: -30px;
		margin-right: -30px
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .page-titles {
		margin-top: 0
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>ul {
		top: 4.315rem
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a {
		padding: 10px 25px 8px 25px
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a::after {
		display: none
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a .nav-text {
		margin-top: 5px
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a>i {
		width: auto;
		height: auto;
		line-height: 1;
		padding: 0;
		background: transparent;
		border-radius: 0;
		margin-bottom: 0
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li li {
		text-align: left
	}
	[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a>i {
		color: #fff
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .nav-header {
		width: 7.75rem;
		padding-left: 40px;
		padding-right: 40px
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .nav-header .site-brand .site-logo {
		justify-content: start;
		padding-left: 0;
		padding-right: 0
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .header {
		width: 100%;
		padding-left: 7.75rem
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .metismenu>li:hover a {
		width: auto
	}
	[data-sidebar-style="mini"][data-layout="horizontal"] .metismenu>li:hover a .nav-text {
		display: none
	}
[data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"] .content-body {
		padding-top: 13.125rem
	}
	[data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed {
		position: fixed;
		left: 0;
		top: 0
	}
}

@media (min-width: 767px) {
	[data-sidebar-style="compact"] .nav-header {
		width: 11.25rem
	}
	[data-sidebar-style="compact"] .deznav .nav-user {
		display: none
	}
	[data-sidebar-style="compact"] .deznav .metismenu li {
		text-align: center
	}
	[data-sidebar-style="compact"] .deznav .metismenu li a {
		padding: 0.5rem
	}
	[data-sidebar-style="compact"] .deznav .metismenu li a svg {
		max-width: 21px;
		max-height: 21px;
		display: block;
		margin-left: auto;
		margin-right: auto
	}
	[data-sidebar-style="compact"] .deznav .metismenu li ul:after {
		content: none
	}
	[data-sidebar-style="compact"] .deznav .metismenu li>a {
		background: transparent;
		box-shadow: none;
		color: inherit
	}
	[data-sidebar-style="compact"] .deznav .add-action-modal {
		display: none
	}
	[data-sidebar-style="compact"] .deznav .copyright {
		display: none;
		padding: 0 20px;
		margin-top: 20px
	}
	[data-sidebar-style="compact"] .nav-text {
		display: inline-block;
		margin-top: 0.3125rem
	}
	[data-sidebar-style="compact"] .nav-label.first {
		display: none
	}
	[data-sidebar-style="compact"] .nav-badge {
		display: none
	}
	[data-sidebar-style="compact"] .footer {
		padding-left: 11.25rem
	}
	[data-sidebar-style="compact"] .content-body {
		margin-left: 11.25rem
	}

	[data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu>li>a {
		padding: 1rem 0.5rem !important
	}
	[data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu li:hover>a i {
		background: #bd0012;
		color: #fff
	}
}

[data-layout="horizontal"][data-sidebar-style="compact"] .footer {
	padding-left: 0
}

[data-layout="horizontal"][data-sidebar-style="compact"] .content-body {
	margin-left: 0
}

[data-layout="horizontal"][data-sidebar-style="compact"] .deznav {
	margin-bottom: 0
}

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header {
	width: 21.75rem
}

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header .site-brand .site-logo {
	padding-left: 40px;
	padding-right: 40px
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav {
	width: 11.25rem
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul {
	margin-left: 0;
	border: 0;
	background: rgba(0, 0, 0, 0.02);
	padding: 10px 0
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul a:before {
	content: none
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul ul a {
	padding: 0.625rem 0.9375rem
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li>a.has-arrow::after {
	top: 1px;
	display: inline-block;
	right: auto;
	margin-left: 5px;
	position: relative;
	width: 7px;
	height: 7px;
	border-width: 2px 0px 0px 2px
}

@media (min-width: 767px) {
	[data-sidebar-style="icon-hover"][data-layout="horizontal"] .header .header-content {
		padding-left: 1.875rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li.mm-active>ul {
		display: none
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu li.mm-active>ul {
		display: block
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header {
		width: 7rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .site-brand .site-logo {
		padding-left: 30px
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .site-brand .site-logo .logo-abbr {
		display: block
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .site-brand .site-logo .brand-title {
		display: none
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .nav-control {
		display: none
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
		padding-left: 7rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content {
		padding-left: 2rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
		overflow: visible;
		position: absolute;
		left: -14.563rem
	}
}

@media only screen and (min-width: 767px) and (min-width: 1200px) and (max-width: 1350px) {
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
		left: -10rem
	}
}

@media (min-width: 767px) {
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .nav-label {
		display: none
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li {
		padding: 0 25px
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a {
		display: flex;
		justify-content: space-between;
		padding: 20px 20px;
		border-radius: 12px;
		font-size: 16px
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>svg,
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>i {
		order: 1;
		margin-right: 0;
		margin-top: 0;
		padding-right: 0
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>i {
		padding-left: 0;
		padding-right: 0
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a,
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a {
		background: #bd0012;
		color: #fff;
		box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13)
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a i,
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i {
		color: #fff
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul {
		border-left: 0;
		padding-left: 0;
		padding-right: 0
	}

	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after {
		left: auto;
		right: 28px
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a {
		position: relative;
		padding-left: 1.25rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before {
		left: auto;
		right: -5px
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after {
		right: 5rem;
		opacity: 0
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .copyright,
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .add-action-modal {
		display: none
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav.mm-show {
		display: none
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header {
		width: 21.563rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .site-brand .site-logo {
		padding-left: 1.6rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .site-brand .site-logo .brand-title {
		display: block
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle.mm-show {
		display: block
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header {
		padding-left: 4.38rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav {
		left: 0
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu .has-arrow:after {
		opacity: 1
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {
		margin-left: 7rem
	}
	[data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {
		padding-left: 7rem
	}
}

@media (min-width: 767px) {
	[data-sidebar-style="modern"] .nav-header {
		width: 10.625rem
	}
	[data-sidebar-style="modern"] .nav-header .site-brand .site-logo {
		justify-content: center
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li {
		text-align: center
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li>a {
		padding: 20px 15px 20px 15px;
		margin: 2px 0;
		-webkit-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li>a::after {
		display: none
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li>a:hover>a,
	[data-sidebar-style="modern"] .deznav .metismenu>li>a:focus>a,
	[data-sidebar-style="modern"] .deznav .metismenu>li>a:active>a,
	[data-sidebar-style="modern"] .deznav .metismenu>li>a.mm-active>a {
		background-color: #fff
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li:hover,
	[data-sidebar-style="modern"] .deznav .metismenu>li.mm-active {
		padding: 0
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li:hover>a,
	[data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a {
		background: #bd0012;
		color: #fff;
		border-radius: 12px;
		box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13)
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i,
	[data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i {
		color: #fff
	}
	[data-sidebar-style="modern"] .deznav .metismenu>li li {
		text-align: left
	}
	[data-sidebar-style="modern"] .deznav .metismenu li a {
		padding: 0.625rem 0.9375rem 0.625rem 0.9375rem
	}
	[data-sidebar-style="modern"] .deznav .metismenu li ul:after {
		content: none
	}
	[data-sidebar-style="modern"] .deznav .metismenu li>ul {
		height: auto !important
	}
	[data-sidebar-style="modern"] .deznav .metismenu .nav-label {
		display: none
	}
	[data-sidebar-style="modern"] .deznav .nav-label {
		display: none
	}
	[data-sidebar-style="modern"] .deznav .nav-text {
		display: block;
		margin-top: 0.3125rem
	}
	[data-sidebar-style="modern"] .deznav .add-action-modal,
	[data-sidebar-style="modern"] .deznav .copyright {
		display: none
	}
	[data-sidebar-style="modern"] .footer {
		padding-left: 10.625rem
	}
	[data-sidebar-style="modern"] .content-body {
		margin-left: 10.625rem
	}
	[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li>a i {
		padding: 0
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav {
		width: 10.625rem;
		left: 0
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .slimScrollDiv,
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .deznav-scroll {
		overflow: visible !important
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu {
		padding: 10px 30px
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>a {
		padding: 19px 0.5rem 12px !important
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>a i {
		padding: 0;
		margin-bottom: 5px
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>ul {
		display: none;
		padding: 1.875rem 0.9375rem
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li {
		position: relative
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a {
		padding: 0.625rem 1.5rem
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a:before {
		content: none
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul {
		position: absolute;
		left: 105%;
		top: 0;
		bottom: auto;
		background-color: #fff;
		border: 1px solid #eee;
		width: 200px
	}

	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
		display: block;
		left: 100%;
		padding: 1rem 0;
		margin-left: 0;
		border: 0;
		box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);
		border-radius: 12px
	}

	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-label {
		display: none
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-text {
		display: block;
		margin-top: 0
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav {
		left: -10.625rem
	}
	[data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body {
		margin-left: 0
	}
	[data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
		width: 21.75rem
	}
	[data-sidebar-style="modern"][data-layout="horizontal"] .header {
		padding-left: 21.75rem
	}
	[data-sidebar-style="modern"][data-layout="horizontal"] .footer,
	[data-sidebar-style="modern"][data-layout="horizontal"] .content-body {
		margin-left: 0
	}
	[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu>li>a {
		padding: 10px 25px 8px 25px
	}
	[data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu>li>ul {
		top: 4.5625rem
	}
}

[data-sidebar-style="overlay"] .deznav {
	left: -100%;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}

[data-sidebar-style="overlay"] .deznav .metismenu>li {
	padding: 0 20px
}

[data-sidebar-style="overlay"] .deznav .metismenu>li>a {
	font-size: 16px;
	padding: 20px 20px;
	color: #7f7184;
	border-radius: 0.75rem;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}

[data-sidebar-style="overlay"] .deznav .metismenu>li:hover>a,
[data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a {
	background: #bd0012;
	color: #fff;
	box-shadow: 0 12px 15px 0 rgba(189, 0, 18, 0.13)
}

[data-sidebar-style="overlay"] .deznav .metismenu>li:hover>a i,
[data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i {
	color: #fff
}

[data-sidebar-style="overlay"] .deznav .metismenu ul a {
	padding-top: .5rem;
	padding-bottom: .5rem;
	position: relative;
	font-size: 15px;
	padding-left: 4.5rem
}

@media only screen and (max-width: 767px) {
	[data-sidebar-style="overlay"] .deznav .metismenu ul a {
		padding-left: 3.5rem
	}
}

@media only screen and (max-width: 575px) {
	[data-sidebar-style="overlay"] .deznav .metismenu>li>a {
		padding: 12px 15px;
		font-size: 14px
	}
	[data-sidebar-style="overlay"] .deznav .metismenu ul a {
		padding-left: 3.1rem;
		font-size: 13px;
		padding-top: 5px;
		padding-bottom: 5px
	}
}

[data-sidebar-style="overlay"] .content-body {
	margin-left: 0
}

[data-sidebar-style="overlay"] .nav-header {
	position: absolute
}

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
	left: 0
}

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line {
	background-color: #fff
}

[data-sidebar-style="overlay"] .menu-toggle .nav-header {
	position: absolute;
	left: auto
}

[data-sidebar-style="overlay"] .menu-toggle .deznav {
	left: 0
}

[data-sidebar-style="overlay"] .footer {
	padding-left: 0
}

[data-sidebar-style="overlay"] .nav-header {
	position: fixed
}

[data-sidebar-position="fixed"] .nav-header {
	position: fixed
}

[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header {
	position: fixed;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px
}

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav {
	position: fixed
}

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav .deznav-scroll {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px
}

[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
	position: fixed
}

/*------------------------------------
Sidebar Right
------------------------------------*/

.sidebar-right {
	right: -50rem;
	position: fixed;
	top: 0;
	width: 50rem;
	background-color: #fff;
	margin-top: 3.5rem;
	transition: all .5s ease-in-out;
	border-radius: 1.375rem;
	z-index: 9999
}

.sidebar-right .bg-label-pattern {
	background: transparent;
	background-image: url("../images/pattern/pattern5.png");
	background-size: 130%
}

.sidebar-right .bootstrap-select {
	height: 48px;
	border-radius: 6px
}

.sidebar-right .bootstrap-select .btn {
	padding: 12px 15px;
	font-size: 15px;
	border-color: #d1d1d1;
	border-radius: 6px
}

.sidebar-right .sidebar-right-trigger {
	position: absolute;
	z-index: 9;
	top: 8.75rem;
	right: 100%;
	background-color: #bd0012;
	color: #fff;
	display: inline-block;
	height: 3rem;
	width: 3rem;
	text-align: center;
	font-size: 1.75rem;
	line-height: 3rem;
	border-radius: 5px 0 0 5px;
	box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15)
}

@media only screen and (max-width: 767px) {
	.sidebar-right .sidebar-right-trigger {
		display: none
	}
}

.sidebar-right .sidebar-close-trigger {
	position: absolute;
	z-index: 2;
	font-size: 28px;
	top: 0;
	right: -48px;
	height: 3rem;
	width: 3rem;
	line-height: 3rem;
	text-align: center;
	background: #000;
	color: #fff
}

.sidebar-right.show {
	right: 5.25rem;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
	z-index: 9999
}

.sidebar-right.show .sidebar-right-trigger {
	display: none
}

.sidebar-right.show .bg-overlay {
	position: fixed;
	width: 100%;
	cursor: pointer;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6)
}

.sidebar-right .card-tabs .nav-tabs {
	justify-content: space-between;
	position: sticky;
	border-radius: 0;
	top: 0;
	background-color: #fff;
	z-index: 2
}

.sidebar-right .card-tabs .nav-tabs .nav-item {
	margin-bottom: 0;
	flex: 1
}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {
	border: 0;
	font-size: 1.125rem;
	position: relative;
	text-align: center;
	background-color: #fff
}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link:hover {
	color: #000
}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	content: "";
	background: transparent
}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {
	background: rgba(189, 0, 18, 0.1)
}

.sidebar-right .sidebar-right-inner>h4 {
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000 !important;
	background: #fff;
	margin: 0px 0px 0px 0px
}

.sidebar-right .tab-content {
	padding: 1.25rem 1.25rem 0;
	min-height: 370px;
	background: #fff
}

.sidebar-right .tab-content .tab-pane .admin-settings .row>div {
	margin-bottom: 20px
}

.sidebar-right .tab-content .tab-pane .admin-settings p {
	color: #353535;
	font-weight: 500;
	margin-bottom: 8px;
	font-size: 16px
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] {
	display: none
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]+label {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	transition: all .1s ease;
	border-radius: 4px;
	margin-right: 5px;
	margin-bottom: 3px
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked+label {
	position: relative
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked+label::after {
	height: 33px;
	width: 33px;
	left: -4px;
	top: -4px;
	content: "";
	position: absolute;
	background-color: inherit;
	border-radius: 6px;
	opacity: 0.4
}

.sidebar-right.style-1 {
	height: 100vh;
	width: 250px;
	margin-top: 0;
	right: -250px
}

.sidebar-right.style-1 .sidebar-right-inner {
	background: #fff
}

.sidebar-right.style-1 .sidebar-right-trigger {
	top: 12.4rem
}

.sidebar-right.style-1.show {
	right: 0
}

.sidebar-right.style-1.show .sidebar-right-trigger {
	display: block
}

@media only screen and (max-width: 991px) {
	.sidebar-right {
		width: 75%
	}
}

/*------------------------------------
Nav User
------------------------------------*/

.nav-user {
	background: #bd0012;
	margin-bottom: 10px;
	padding: 20px 25px 15px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.nav-user {
		padding: 20px 15px 15px
	}
}

.nav-user img {
	width: 35px;
	height: 35px
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.nav-user img {
		width: 35px;
		height: 35px;
		margin-bottom: 10px
	}
}

.nav-user h5 {
	margin-left: 10px;
	margin-bottom: 3px;
	color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.nav-user h5 {
		display: none
	}
}

.nav-user p {
	margin-left: 10px;
	margin-bottom: 8px;
	color: #afcff7
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.nav-user p {
		display: none
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.nav-user i {
		margin-top: 15px;
		display: block
	}
}

.menu-toggle .nav-user {
	padding: 20px 15px 15px
}

.menu-toggle .nav-user img {
	width: 35px;
	height: 35px;
	margin-bottom: 10px
}

.menu-toggle .nav-user h5,
.menu-toggle .nav-user p {
	display: none
}

.menu-toggle .nav-user i {
	margin-top: 15px;
	display: block
}

.menu-toggle .nav-user .dropdown-menu {
	left: 45px !important;
	top: 22px !important
}

.rightmenu {
	width: 340px;
	height: 100vh;
	position: fixed;
	right: -500px;
	top: 0;
	z-index: 999;
	background: #fff;
	box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.15);
	-webkit-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s
}

.rightmenu .rightmenu-close {
	position: absolute;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	width: 0;
	height: 100%;
	right: 340px;
	background: #000;
	z-index: 1;
	opacity: 0.1;
	cursor: pointer
}

.rightmenu .card-fotter {
	padding: 0.75rem 1rem
}

.rightmenu .card-body {
	padding: 1rem
}

.rightmenu.active {
	right: 0
}

.rightmenu.active .rightmenu-close {
	width: 100vw
}

.rightmenu .type_msg {
	padding-top: 10px
}

.rightmenu .nav {
	padding: 1rem 1rem 0 1rem;
	background: #008fd4;
	border: 0;
	justify-content: space-between
}

.rightmenu .nav .nav-link {
	color: #fff;
	opacity: 0.7;
	text-transform: uppercase
}

.rightmenu .nav .nav-link:hover,
.rightmenu .nav .nav-link.active {
	background: transparent;
	color: #fff;
	opacity: 1;
	border-color: #f44336
}

.rightmenu .img_cont {
	width: 40px;
	border-radius: 40px;
	margin-right: 10px;
	position: relative;
	height: 40px;
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	min-width: 40px;
	min-height: 40px
}

.rightmenu .img_cont .icon {
	color: #fff
}

.rightmenu .img_cont.primary {
	background: #e6faee;
	color: #bd0012
}

.rightmenu .img_cont img {
	width: 100%
}

.rightmenu .img_cont .online_icon {
	background: #52c41a;
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 15px;
	right: -1px;
	bottom: 0px;
	border: 2px solid #fff
}

.rightmenu .img_cont .online_icon.offline {
	background: #f44336
}

.rightmenu .card {
	box-shadow: none;
height: calc(100vh - 80px);
overflow-y: scroll;
}

.rightmenu .search {
	height: 40px
}

.rightmenu .user_info span {
	font-size: 15px;
	color: #000;
	display: block;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	max-width: 170px
}

.rightmenu .user_info p {
	font-size: 13px;
	margin-bottom: 0;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	max-width: 170px
}

.rightmenu .contacts li {
	padding: 7px 1rem;
	border-bottom: 1px solid #eee;
	cursor: pointer
}

.rightmenu .contacts li>div {
	display: flex;
	align-items: center
}

.rightmenu .contacts li:hover {
	background: #f4f7ff
}

.rightmenu .contacts .name-first-letter {
	background: #F9F9F9;
	padding: 4px 1rem;
	font-weight: 700;
	color: #000;
	position: sticky;
	top: 0;
	z-index: 1
}

.rightmenu .msg_card_body {
	height: calc(100vh - 195px)
}

.rightmenu .contacts_body {
	height: calc(100vh - 120px)
}

.rightmenu .card-header {
	background: #f4f7ff;
	padding: 15px 20px;
	justify-content: center
}

.rightmenu .card-header h6 {
	font-size: 15px
}

.rightmenu .card-header p {
	line-height: 1.2;
	font-size: 12px;
	color: #7e7e7e
}

.rightmenu .chat-list-header {
	justify-content: space-between;
	background: #fff
}

.rightmenu .chat-list-header a {
	text-align: center;
	width: 30px;
	height: 30px;
	background: #F9F9F9;
	border-radius: 6px;
	line-height: 30px;
	display: block
}

.rightmenu .img_cont_msg {
	width: 30px;
	height: 30px;
	display: block;
	max-width: 30px;
	min-width: 30px
}

.rightmenu .img_cont_msg img {
	width: 100%
}

.rightmenu .msg_cotainer {
	background: #bd0012;
	margin-left: 10px;
	border-radius: 0 1.375rem 1.375rem 1.375rem;
	padding: 10px 15px;
	color: #fff;
	position: relative
}

.rightmenu .msg_cotainer .msg_time {
	display: block;
	font-size: 11px;
	color: #fff;
	margin-top: 5px;
	opacity: 0.5
}

.rightmenu .msg_cotainer:after {
	content: "";
	position: absolute;
	left: -10px;
	border-right: 10px solid #bd0012;
	border-bottom: 10px solid transparent;
	border-top: 0px solid;
	top: 0
}

.rightmenu .msg_cotainer_send {
	background: #F9F9F9;
	padding: 10px 15px;
	border-radius: 6px 0px 6px 6px;
	margin-right: 10px;
	color: #222;
	position: relative;
	text-align: right
}

.rightmenu .msg_cotainer_send .msg_time_send {
	display: block;
	font-size: 11px;
	text-align: right;
	margin-top: 5px;
	opacity: 0.6
}

.rightmenu .msg_cotainer_send:after {
	content: "";
	position: absolute;
	right: -10px;
	border-left: 10px solid #F9F9F9;
	border-bottom: 10px solid transparent;
	border-top: 0px solid;
	top: 0
}

.rightmenu .type_msg .form-control {
	padding: 10px 0;
	height: 50px;
	border: 0;
	resize: none;
	z-index: 0
}

.rightmenu .type_msg .btn {
	font-size: 18px;
	border-radius: 38px !important;
	width: 38px;
	height: 38px;
	padding: 0;
	margin-top: 6px
}

.rightmenu .video_cam {
	margin-left: 15px
}

.rightmenu .video_cam span {
	width: 35px;
	height: 35px;
	background: #10ca93;
	text-align: center;
	line-height: 35px;
	border-radius: 35px;
	color: #fff;
	margin-right: 5px;
	align-self: center;
	font-size: 16px;
	padding: 0 3px;
	display: inline-block
}

.rightmenu .note_card .contacts li {
	padding: 12px 1rem
}

@media only screen and (max-width: 576px) {
	.rightmenu {
		width: 280px
	}
	.rightmenu .rightmenu-close {
		right: 280px
	}
}

.dz-demo-panel {
	right: -380px;
	position: fixed;
	top: 0;
	width: 380px;
	background-color: #fff;
	height: 100vh;
	transition: all .5s ease-in-out;
	z-index: 9999
}

.dz-demo-panel .dz-demo-trigger {
	position: absolute;
	z-index: 9;
	top: 8.75rem;
	right: 100%;
	background-color: #008fd4;
	color: #fff;
	display: inline-block;
	height: 3rem;
	width: 3rem;
	text-align: center;
	font-size: 1.75rem;
	line-height: 3rem;
	border-radius: 5px 0 0 5px;
	box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15)
}

@media only screen and (max-width: 575px) {
	.dz-demo-panel .dz-demo-trigger {
		height: 35px;
		width: 35px;
		line-height: 35px;
		font-size: 22px
	}
}

.dz-demo-panel .dz-demo-close {
	height: 30px;
	color: #fff;
	width: 30px;
	border-radius: 1.375rem;
	background: rgba(0, 0, 0, 0.5);
	line-height: 30px;
	text-align: center
}

.dz-demo-panel.show {
	right: 0;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
	z-index: 99999;
	overflow: hidden
}

.dz-demo-panel.show .sidebar-right-trigger {
	display: none
}

.dz-demo-panel.show .bg-close {
	position: fixed;
	z-index: -2;
	cursor: pointer;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6)
}

.dz-demo-panel .dz-demo-inner {
	padding: 30px 30px;
	background: #fff
}

.dz-demo-panel .dz-demo-content {
	height: calc(100vh - 200px)
}

.dz-demo-panel .dz-demo-content .text-black {
	color: #000 !important
}

.dz-demo-panel .dz-demo-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px
}

.dz-demo-panel .dz-demo-header h4 {
	margin-bottom: 0;
	color: #000 !important
}

.dz-demo-panel .dz-demo-bx {
	height: 200px;
	overflow: hidden;
	border: 5px solid #efefef;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px
}

.dz-demo-panel .dz-demo-bx.demo-active {
	border-color: #008fd4
}

.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {
	opacity: 1
}

.dz-demo-panel .overlay-bx {
	position: relative
}

.dz-demo-panel .overlay-bx .overlay-layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 0
}

.dz-demo-panel .overlay-bx:hover .overlay-layer {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 1
}

@media only screen and (max-width: 575px) {
	.dz-demo-panel {
		width: 300px;
		right: -300px
	}
	.dz-demo-panel .dz-demo-bx {
		height: 150px
	}
}

[data-headerbg="transparent"] .header {
	box-shadow: none;
	background: transparent
}

.bg-primary-alt {
	background-color: rgba(189, 0, 18, 0.1)
}

.bg-secondary-alt {
	background-color: rgba(134, 74, 209, 0.1)
}

.bg-success-alt {
	background-color: rgba(104, 207, 41, 0.1)
}

.bg-info-alt {
	background-color: rgba(81, 166, 245, 0.1)
}

.bg-warning-alt {
	background-color: rgba(255, 172, 48, 0.1)
}

.bg-danger-alt {
	background-color: rgba(255, 76, 65, 0.1)
}

.bg-light-alt {
	background-color: rgba(232, 232, 232, 0.1)
}

.bg-dark-alt {
	background-color: rgba(110, 110, 110, 0.1)
}

body {
  font-family: "NoirPro",sans-serif;
}

.fc-view {
	margin-top: 1.875rem
}

.fc-toolbar {
	margin-bottom: 0.3125rem;
	margin-top: 0.9375rem
}

@media (max-width: 575.98px) {
	.fc-toolbar .fc-left {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0.625rem;
		float: none
	}
}

@media (max-width: 575.98px) {
	.fc-toolbar .fc-right {
		display: flex;
		justify-content: center;
		float: none;
		margin-bottom: 0.3125rem
	}
}

@media (max-width: 575.98px) {
	.fc-toolbar .fc-center {
		display: flex;
		justify-content: center
	}
	.fc-toolbar .fc-center * {
		float: none
	}
}

.fc-toolbar h2 {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.875rem;
	text-transform: uppercase
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
	z-index: 0;
	box-shadow: none
}

.fc-widget-header {
	border: 1px solid #eee;
	border-bottom: 0 !important
}

.fc th.fc-widget-header {
	background: #eee !important;
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding: 0.625rem 0;
	text-transform: uppercase
}

.fc-button {
	border: 1px solid #eee;
	text-transform: capitalize
}

.fc-button.active {
	box-shadow: none !important
}

.fc-text-arrow {
	font-family: inherit;
	font-size: 1rem
}

.fc-event,
.external-event {
	border-radius: 0.125rem;
	border: none;
	cursor: move;
	font-size: 0.8125rem;
	margin: 0.3125rem 0.4375rem;
	padding: 0.3125rem;
	text-align: center
}

.external-event {
	cursor: move;
	margin: 0.625rem 0;
	padding: 0.125rem 0
}

.fc-basic-view td.fc-week-number span {
	padding-right: 0.3125rem
}

.fc-basic-view td.fc-day-number {
	padding-right: 0.3125rem
}

#drop-remove {
	margin-right: 8px;
	top: 0.1875rem
}

#add-category .modal-dialog,
#event-modal .modal-dialog {
	max-width: 37.5rem
}

.fc-content {
	color: #fff
}

.fc th.fc-widget-header {
	background: transparent !important
}

.fc-button {
	background: #fff
}

.fc-state-hover {
	background: #fff !important
}

.fc-state-highlight {
	background: #f2f4fa !important
}


.fc-cell-overlay {
	background: #fff !important
}

.fc-unthemed .fc-today {
	background: #f2f4fa !important
}

.fc-day-top {
	color: #6e6e6e !important
}

.external-event {
	color: #fff
}



.fc-basic-view .fc-body .fc-row {
	min-height: 1rem
}

.fc-scroller.fc-day-grid-container {
	height: 490px !important
}

.fc-row.fc-week.fc-widget-content.fc-rigid {
	height: 81px !important
}

#external-events .external-event:before {
	content: "";
	display: block;
	width: 14px;
	min-width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: .9rem;
	position: relative;
	top: 2px
}



#external-events [data-class="bg-primary"]::before {
	background: #bd0012
}

#external-events [data-class="bg-success"]::before {
	background: #52c41a
}

#external-events [data-class="bg-warning"]::before {
	background: #fa8c16
}

#external-events [data-class="bg-dark"]::before {
	background: #6e6e6e
}

#external-events [data-class="bg-danger"]::before {
	background: #f44336
}

#external-events [data-class="bg-info"]::before {
	background: #1890ff
}

#external-events [data-class="bg-pink"]::before {
	background: #e83e8c
}

#external-events [data-class="bg-secondary"]::before {
	background: #008fd4
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
	border-color: #eee
}

.toolbar .btn-group .btn {
	border: 0
}

.toolbar .btn-group input {
	position: relative;
	top: 2px
}

.photo-content {
	position: relative
}

.photo-content .cover-photo {
	background: url(../images/profile/cover.jpg);
	background-size: cover;
	background-position: center;
	min-height: 250px;
	width: 100%
}


.profile-info {
	padding: 15px 20px
}

@media only screen and (max-width: 575px) {
	.profile-info {
		padding: 0 0 20px;
		text-align: center
	}
}

.profile-info h4 {
	color: #464a53 !important
}

.profile-info h4.text-primary {
	color: #bd0012 !important
}

.profile-info p {
	color: #828690
}

.profile-info .prf-col {
	min-width: 250px;
	padding: 10px 50px 0
}

.profile-tab .nav-item .nav-link {
	font-size: 16px;
	margin-right: 30px;
	transition: all 0.5s ease-in-out;
	border: none;
	border-bottom: .20px solid transparent;
	color: #828690
}

.profile-tab .nav-item .nav-link:hover,
.profile-tab .nav-item .nav-link.active {
	border: 0;
	background: transparent;
	background: transparent;
	border-bottom: 0.2px solid #bd0012;
	color: #bd0012
}

@media only screen and (max-width: 575px) {
	.profile-tab .nav-item .nav-link {
		margin-right: 0px
	}
}

.profile-info {
	display: flex
}

@media only screen and (max-width: 575px) {
	.profile-info {
		display: block
	}
}

.profile-info .profile-details {
	display: flex;
	width: 100%
}

@media only screen and (max-width: 575px) {
	.profile-info .profile-details {
		display: block
	}
	.profile-info .profile-details .dropdown {
		position: absolute;
		top: 30px;
		right: 30px
	}
}

.post-input {
	margin-bottom: 30px
}

.post-input .form-control {
	height: 75px;
	font-weight: 400;
	margin: 15px 0
}

.post-input .btn-social {
	font-size: 20px;
	height: 55px;
	display: inline-block;
	padding: 0;
	text-align: center;
	border-radius: 1.375rem;
	color: #fff;
	width: 55px;
	line-height: 54px
}

.post-input .btn-social.facebook {
	background-color: #3B5998
}

.post-input .btn-social.google-plus {
	background-color: #DE4E43
}

.post-input .btn-social.linkedin {
	background-color: #007BB6
}

.post-input .btn-social.instagram {
	background-color: #8A5A4E
}

.post-input .btn-social.twitter {
	background-color: #1EA1F3
}

.post-input .btn-social.youtube {
	background-color: #CE201F
}

.post-input .btn-social.whatsapp {
	background-color: #01C854
}

.post-input .btn-social i {
	margin: 0 !important
}

.profile-uoloaded-post img {
	margin-bottom: 20px
}

.profile-uoloaded-post a h4 {
	margin-bottom: 10px;
	color: #464a53
}

.media-avatar {
	padding: 25px 0;
	border-bottom: 1px solid #eee
}

.media-avatar:last-child {
	border-bottom: 0px
}

.media-avatar p {
	margin-bottom: 0
}

.media-avatar .avatar-status {
	position: relative
}

.media-avatar .avatar-status i {
	position: absolute;
	right: 0;
	bottom: 0
}

.chartist-tooltip {
	position: absolute;
	display: inline-block;
	opacity: 0;
	min-width: 0.625rem;
	padding: 2px 0.625rem;
	border-radius: 3px;
	background: #313a46;
	color: #ffffff;
	text-align: center;
	pointer-events: none;
	z-index: 1;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.chartist-tooltip.tooltip-show {
	opacity: 1
}

.flot-chart {
	height: 15.7rem
}

.tooltipflot {
	background-color: transparent;
	font-size: 1.4rem;
	padding: .5rem 1rem;
	color: rgba(255, 255, 255, 0.7);
	border-radius: .2rem
}

.legendColorBox>div {
	border: 0 !important;
	padding: 0 !important
}

.legendLabel {
	font-size: 0.825rem;
	padding-left: .5rem;
	color: #fff
}

.flotTip {
	background: #000;
	border: 1px solid #000;
	color: #fff
}

.legend>div {
	background: transparent !important
}

#balance_graph {
	height: 260px
}

svg text {
	font-weight: 600 !important
}

.highcharts-background {
    fill: transparent;
}

.highchart text, .highchart text tspan {
    fill: #7e7e7e !important;
    stroke-width: 0;
}

.highchart table {
    display: none;
}

.highchart.show-table table {
	display: block;
}

.highchart.pie path.highcharts-point {
    stroke-width: 5 !important;
}

#block-views-block-leak-status-block-1 .highcharts-legend g g g:nth-child(1) rect,
#block-views-block-leak-status-block-1 .highcharts-legend g g g:nth-child(2) rect,
#block-views-block-leak-status-block-1 .highcharts-legend g g g:nth-child(3) rect {
    display: none;
}

#block-views-block-leak-status-block-1 .highcharts-legend g g g:nth-child(1) text tspan,
#block-views-block-leak-status-block-1 .highcharts-legend g g g:nth-child(2) text tspan,
#block-views-block-leak-status-block-1 .highcharts-legend g g g:nth-child(3) text tspan {
    font-weight: 900 !important;
    fill: #000 !important;
    color: #000 !important;
}

path.highcharts-point.highcharts-color-3 {
    fill: #51c41a;
}
path.highcharts-point.highcharts-color-2 {
    fill: #fa8b18;
}
path.highcharts-point.highcharts-color-1 {
    fill: #bd0012;
}
path.highcharts-point.highcharts-color-0 {
    fill: #1891ff;
}

.highcharts-series-0 .highcharts-graph {
    stroke: #bd0012;
}

.highcharts-root text {
	font-weight: 300 !important
}

.highcharts-credits {
	display: none
}

.views-data-export-feed {
    display: inline;
    position: absolute;
    top: 10px;
    right: 10px;
}
a.view-pdf.btn {
    background: url(/images/feed-icon-pdf.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 60px;
    height: 60px;
    font-size: 0;
    border-radius: 0 !important;
		transition: 0.3s;
		position: absolute;
top: 5px;
right: 185px;
}
.views-data-export-feed a {
	    width: 60px !important;
			height: 60px;
			transition: 0.3s;
}
.views-data-export-feed a:hover,
a.view-pdf.btn:hover {
  -moz-transform:scale(1.1);
  transform:scale(1.1);
	transition: 0.3s;
}
.views-data-export-feed.csv-feed {
    right: 130px;
}
.views-data-export-feed.json-feed {
    right: 70px;
}
.views-data-export-feed.csv-feed a {
	background-image: url(/images/feed-icon-csv.png);
	    background-size: cover;
}
.views-data-export-feed.json-feed a {
	background-image: url(/images/feed-icon-json.png);
	    background-size: cover;
}
.views-data-export-feed.xml-feed a {
	background-image: url(/images/feed-icon-xml.png);
	    background-size: cover;
}

.hr-request-view a.view-pdf {
    top: -80px;
}
.hr-request-view .views-data-export-feed {
    top: -76px;
}


#edit-flexible-tables-fieldset .form-item:nth-child(2) {
    display: inline-block;
    width: 10%;
    text-align: center;
}
#edit-flexible-tables-fieldset .form-item:nth-child(1),
#edit-flexible-tables-fieldset .form-item:nth-child(3) {
    display: inline-block;
    width: 40%;
}

.form-item {
    margin-bottom: 20px;
}

label {
    color: #000;
    font-weight: 500;
}

.form-control,
.form-tel,
textarea,
select {
	border-radius: 1.375rem;
	background: #fff;
	border: 1px solid #ddd;
	color: #6e6e6e;
	height: 56px
}

.field--name-field-notes-ref th:nth-child(3),
.field--name-field-notes-ref td:nth-child(3) {
    display: none;
}

select {
	width: 100%;
	padding: 1rem;
}

select[multiple="multiple"] {
    height: 100%;
}

textarea {
  height: 200px;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type="checkbox"] {
    position: relative;
    width: 60px;
    height: 30px;
    visibility: hidden;
    vertical-align: middle;
}

input[type="checkbox"]:before {
    visibility: visible;
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    top: 0;
    background: #e6e6e6;
    content: '';
    border-radius: 20px;
    border: solid 1px #ddd;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

input[type="checkbox"]:after {
    visibility: visible;
    top: 0;
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    border: solid 1px #ddd;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    left: 0;
}

input[type="checkbox"]:checked:before {
    background: #bd0013;
}

input[type="checkbox"]:checked:after {
    left: 100%;
    margin-left: -30px;
}

#views-exposed-form-dashboard-title-block-1 {
    display: none;
}

#block-views-block-dashboard-title-block-1 .views-row {
    display: inline-block;
    padding: 5px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 20px;
}

.field--name-field-logger-condition input[type="checkbox"],
.field--name-field-aerial-condition input[type="checkbox"],
.field--name-field-call-test-complete input[type="checkbox"],
.field--name-field-csq-test-pass-inside-chamb input[type="checkbox"],
.field--name-field-csq-test-pass-outside-cham input[type="checkbox"] {
    width: 120px;
}
.field--name-field-logger-condition input[type="checkbox"]:before,
.field--name-field-aerial-condition input[type="checkbox"]:before,
.field--name-field-call-test-complete input[type="checkbox"]:before,
.field--name-field-csq-test-pass-inside-chamb input[type="checkbox"]:before,
.field--name-field-csq-test-pass-outside-cham input[type="checkbox"]:before {
    background: #ffefee;
    border-radius: 10px;
}
.field--name-field-logger-condition input[type="checkbox"]:after,
.field--name-field-aerial-condition input[type="checkbox"]:after,
.field--name-field-call-test-complete input[type="checkbox"]:after,
.field--name-field-csq-test-pass-inside-chamb input[type="checkbox"]:after,
.field--name-field-csq-test-pass-outside-cham input[type="checkbox"]:after {
    content: 'FAIL';
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
    width: 60px;
    background: #f44336;
  color: #fff;
	border-radius: 10px;
}
.field--name-field-logger-condition input[type="checkbox"]:checked:before,
.field--name-field-aerial-condition input[type="checkbox"]:checked:before,
.field--name-field-call-test-complete input[type="checkbox"]:checked:before,
.field--name-field-csq-test-pass-inside-chamb input[type="checkbox"]:checked:before,
.field--name-field-csq-test-pass-outside-cham input[type="checkbox"]:checked:before {
    background: #ecfae4;
}
.field--name-field-logger-condition input[type="checkbox"]:checked:after,
.field--name-field-aerial-condition input[type="checkbox"]:checked:after,
.field--name-field-call-test-complete input[type="checkbox"]:checked:after,
.field--name-field-csq-test-pass-inside-chamb input[type="checkbox"]:checked:after,
.field--name-field-csq-test-pass-outside-cham input[type="checkbox"]:checked:after {
    margin-left: -60px;
  content: 'PASS';
  background: #52c41a;
}


.form-wrapper h4 {
    color: #000;
    font-size: initial;
}

@media only screen and (max-width: 1400px) {
	.form-control {
		height: 41px
	}
}

.form-control:hover,
.form-control:focus,
.form-control.active {
	box-shadow: none;
	background: #fff;
	color: #6e6e6e
}

.input-rounded {
	border-radius: 100px
}

.form-control-lg {
	height: 44px
}

.form-control-sm {
	height: 28px
}

.input-rounded {
	border-radius: 100px
}

.input-group-text {
	background: #d7dae3;
	border: 1px solid transparent;
	min-width: 50px;
	display: flex;
	justify-content: center;
	padding: 0.532rem 0.75rem
}

.input-group-text i {
	font-size: 16px
}

.custom-file-label {
	height: 40px;
	padding: 0.5rem 0.75rem
}

.input-group-prepend .btn,
.input-group-append .btn {
	z-index: 0
}

.custom-select {
	background: none;
	border-color: #eee;
	color: #6e6e6e
}

.custom-select:focus {
	box-shadow: none;
	border-color: #bd0012;
	color: #bd0012
}

.custom-file-label:after {
	background: #656C73;
	border: 1px solid #eee;
	color: #fff
}



.custom_file_input .custom-file-label::after {
	height: 100%
}

.select2-dropdown {
	z-index: 6
}

.form-control:disabled,
.form-control[readonly] {
	background: #fff;
	opacity: 1
}

.custom-file-label {
	background: #fff;
	border-color: #eee
}

.form-check-label {
	margin-left: 5px;
	margin-top: 3px
}

.form-check-inline .form-check-input {
	margin-right: 0.625rem
}

.custom-control-label:before,
.custom-control-label:after {
	top: 2px;
	width: 1.25rem;
	height: 1.25rem;
	border-color: #e7e7e7
}

.custom-control {
	line-height: normal
}

.toggle-switch {
	padding-left: 50px;
	line-height: 1.25
}

.toggle-switch .custom-control-label {
	font-weight: 500
}

.toggle-switch .custom-control-label:after {
	width: 24px;
	background: #959595;
	height: 24px;
	border-radius: 24px;
	top: -2px;
	left: -50px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}

.toggle-switch .custom-control-label:before {
	border: 0;
	background: #D8D8D8;
	width: 40px;
	border-radius: 20px !important;
	height: 16px;
	left: -50px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}

.toggle-switch .custom-control-input:checked~.custom-control-label:after {
	left: -43px;
	background: #bd0012
}

.toggle-switch .custom-control-input:checked~.custom-control-label:before {
	background: #e6faee
}

.toggle-switch.text-right {
	padding-left: 0;
	padding-right: 50px
}

.toggle-switch.text-right .custom-control-label:after {
	left: auto;
	right: -30px
}

.toggle-switch.text-right .custom-control-label:before {
	left: auto;
	right: -50px
}

.toggle-switch.text-right .custom-control-input:checked~.custom-control-label:after {
	left: auto;
	right: -43px
}

.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  margin-bottom: 0;
}

.toggle-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch input:checked + .slider {
  background-color: #24292d;
}

.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #24292d;
}

.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.toggle-switch .slider.round {
  border-radius: 34px;
}

.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.dm.toggle-switch .dm-toggle {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
}
.dm.toggle-switch.light .fa-moon-o {
    display: none;
}
.dm.toggle-switch.dark .fa-sun-o {
    display: none;
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: none !important
}

.custom-control-label::before {
	background-color: transparent;
	border-color: #E8E8E8;
	border-width: 2px;
	border-radius: 0.25rem !important
}



.check-xs .custom-control-label:before,
.check-xs .custom-control-label:after {
	width: 18px;
	height: 18px
}

.check-lg .custom-control-label:before,
.check-lg .custom-control-label:after {
	width: 24px;
	height: 24px
}

.check-xl .custom-control-label:before,
.check-xl .custom-control-label:after {
	width: 28px;
	height: 28px
}

.checkbox-info .custom-control-label::before {
	background-color: #f5fafe;
	border-color: #f5fafe
}



.checkbox-info .custom-control-input:checked~.custom-control-label::before {
	background-color: #1890ff;
	border-color: #1890ff
}

.checkbox-danger .custom-control-label::before {
	background-color: #ffefee;
	border-color: #ffefee
}



.checkbox-danger .custom-control-input:checked~.custom-control-label::before {
	background-color: #f44336;
	border-color: #f44336
}

.checkbox-success .custom-control-label::before {
	background-color: #ecfae4;
	border-color: #ecfae4
}



.checkbox-success .custom-control-input:checked~.custom-control-label::before {
	background-color: #52c41a;
	border-color: #52c41a
}

.checkbox-warning .custom-control-label::before {
	background-color: #fff2dd;
	border-color: #fff2dd
}



.checkbox-warning .custom-control-input:checked~.custom-control-label::before {
	background-color: #fa8c16;
	border-color: #fa8c16
}

.checkbox-secondary .custom-control-label::before {
	background-color: #f3edfa;
	border-color: #f3edfa
}



.checkbox-secondary .custom-control-input:checked~.custom-control-label::before {
	background-color: #008fd4;
	border-color: #008fd4
}

.check-switch {
	padding-left: 40px
}

.check-switch .custom-control-label {
	line-height: 30px;
	font-weight: 500
}

.check-switch .custom-control-label span {
	line-height: 1
}

.check-switch .custom-control-label:after,
.check-switch .custom-control-label:before {
	height: 1.5rem;
	width: 1.5rem;
	left: -2rem;
	border-radius: 3rem !important;
	border-color: rgba(189, 0, 18, 0.3)
}

.check-switch .custom-control-input:checked~.custom-control-label::after {
	background-image: url("../images/svg/check.svg")
}

.check-switch .custom-control-input:checked~.custom-control-label::before {
	background: #fff
}

.js-switch+.switchery {
	border-radius: 50px;
	margin-right: 4rem
}

@media (max-width: 767.98px) {
	.js-switch+.switchery {
		margin-right: 1rem
	}
}

.js-switch+.switchery>small {
	top: 2px
}

.js-switch.js-switch-lg+.switchery {
	height: 2rem;
	width: 4.5rem
}

.js-switch.js-switch-lg+.switchery>small {
	width: 1.75rem;
	height: 1.75rem
}

.js-switch.js-switch-md+.switchery {
	height: 1.5rem;
	width: 3.5rem
}

.js-switch.js-switch-md+.switchery>small {
	width: 1.25rem;
	height: 1.25rem
}

.js-switch.js-switch-sm+.switchery {
	height: 1rem;
	width: 2.2rem
}

.js-switch.js-switch-sm+.switchery>small {
	width: 0.875rem;
	height: 0.875rem;
	top: 1px
}

.js-switch-square+.switchery {
	border-radius: 0
}

.js-switch-square+.switchery>small {
	border-radius: 0;
	top: 2px
}

.js-switch-square.js-switch-lg+.switchery {
	height: 2rem;
	width: 4.5rem
}

.js-switch-square.js-switch-lg+.switchery>small {
	width: 1.75rem;
	height: 1.75rem
}

.js-switch-square.js-switch-md+.switchery {
	height: 1.5rem;
	width: 3.5rem
}

.js-switch-square.js-switch-md+.switchery>small {
	width: 1.25rem;
	height: 1.25rem
}

.js-switch-square.js-switch-sm+.switchery {
	height: 1rem;
	width: 2.2rem
}

.js-switch-square.js-switch-sm+.switchery>small {
	width: 0.875rem;
	height: 0.875rem;
	top: 1px
}

.form-control.is-valid {
	border-color: #52c41a !important;
	border-right: 0px !important
}

.form-control.is-valid:focus {
	box-shadow: none
}

.form-control.is-warning {
	border-color: #fa8c16 !important;
	border-right: 0px !important
}

.form-control.is-warning:focus {
	box-shadow: none
}

.form-control.is-invalid {
	border-color: #f44336 !important;
	border-right: 0px !important
}

.form-control.is-invalid:focus {
	box-shadow: none
}

.is-valid .input-group-prepend .input-group-text i {
	color: #52c41a
}

.is-invalid .input-group-prepend .input-group-text i {
	color: #83e8ac
}

.show-pass {
	cursor: pointer
}

.show-pass .fa-eye {
	display: none
}

.show-pass.active .fa-eye-slash {
	display: none
}

.show-pass.active .fa-eye {
	display: inline-block
}

.asColorPicker-dropdown {
	max-width: 26rem
}

.asColorPicker-trigger {
	border: 0 none;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 2.1875rem
}

.asColorPicker-clear {
	display: none;
	position: absolute;
	right: 1rem;
	text-decoration: none;
	top: .5rem
}

.daterangepicker td.active {
	background-color: #bd0012
}

.daterangepicker td.active:hover {
	background-color: #bd0012
}

.daterangepicker button.applyBtn {
	background-color: #bd0012;
	border-color: #bd0012
}

.datepicker.datepicker-dropdown {
	background: #f2f4fa;
	border-radius: 1px;
	border: 1px solid #eee
}

.datepicker.datepicker-dropdown td.day,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
	height: 30px;
	width: 30px !important;
	padding: 0;
	text-align: center;
	font-weight: 300;
	border-radius: 50px
}

.datepicker.datepicker-dropdown td.day:hover,
.datepicker.datepicker-dropdown th.next:hover,
.datepicker.datepicker-dropdown th.prev:hover {
	box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
	color: #fff
}

.datepicker.datepicker-dropdown th.datepicker-switch,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
	font-weight: 300;
	color: #333
}

.datepicker.datepicker-dropdown th.dow {
	font-weight: 300
}

.datepicker table tr td.selected,
.datepicker table tr td.active.active {
	box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
	border: 0
}

.datepicker table tr td.today {
	box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
	color: #ffffff
}

.datepicker table tr td.today:hover {
	box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
	color: #ffffff
}

.datepicker table tr td.today.disabled {
	box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
	color: #ffffff
}

.datepicker table tr td.today.disabled:hover {
	box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
	color: #ffffff
}

.picker__select--month,
.picker__select--year {
	height: 2.5em
}

.picker__input {
	background-color: transparent !important
}


fieldset#edit-field-data-date-value-wrapper .fieldset-wrapper div {
    display: inline-block;
}


.asColorPicker-wrap .form-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

#image {
	max-width: 100%
}

.docs-options .dropdown-menu {
	padding: 1.5rem
}

.select2-container {
	width: 100% !important
}

.select2-container--default .select2-selection--single {
	border-radius: 1.375rem;
	border: 1px solid #E8E8E8;
	height: 40px;
	background: #fff
}

.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single.active {
	box-shadow: none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	color: #7e7e7e;
	padding-left: 15px;
	min-height: 40px
}

.select2-container--default .select2-selection--multiple {
	border-color: #eee;
	border-radius: 0
}

.select2-dropdown {
	border-radius: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #bd0012
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #eee;
	background: #fff
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px;
	right: 15px
}

.select2-container .select2-selection--multiple {
	min-height: 40px;
	color: #7e7e7e;
	border-radius: 1.375rem;
	border: 1px solid #E8E8E8
}



.select2-dropdown {
	border-color: #E8E8E8
}



.swal2-popup .swal2-content {
	color: #7e7e7e
}

.note-icon-caret,
.note-popover {
	display: none
}

.note-editor.note-frame .panel-heading {
	padding: .6rem 1rem 1rem;
	z-index: 1
}

.note-editor.note-frame {
	border-color: #eee
}

.note-editor.note-frame .note-editing-area .note-editable {
	background-color: #fff
}



.note-editor.note-frame .note-statusbar {
	background-color: #fff
}

.ql-container {
	height: 25rem
}

#world-datamap {
	padding-bottom: 46% !important
}

.datamaps-hoverover {
	background: #fff;
	padding: 0.3125rem;
	border-radius: 0.3125rem;
	color: #bd0012;
	border: 1px solid rgba(189, 0, 18, 0.3)
}

@media only screen and (max-width: 1440px) {
	.world_map_card ul.list-group {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin-top: 35px
	}
}

.jqvmap-zoomin,
.jqvmap-zoomout {
	height: 20px;
	width: 20px;
	line-height: 14px;
	background-color: #bd0012;
	color: #fff
}

.jqvmap-zoomout {
	top: 35px
}

#world-map,
#usa {
	height: 400px
}

@media only screen and (max-width: 991px) {
	#world-map,
	#usa {
		height: 350px
	}
}

@media only screen and (max-width: 575px) {
	#world-map,
	#usa {
		height: 230px
	}
}

.blockUI.blockMsg.blockPage {
	border: 0 !important
}

#loginForm {
	cursor: auto
}

.blockMsg {
	border: 0px !important;
	width: 20% !important
}

.blockMsg h1 {
	font-size: 16px;
	padding: 8px 0;
	margin-bottom: 0
}

.bootstrap-select {
	margin-bottom: 0
}

.bootstrap-select .btn {
	border: 1px solid #eee !important;
	background-color: transparent !important;
	font-weight: 400;
	color: #7e7e7e !important
}



.bootstrap-select .btn:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover {
	outline: none !important;
	outline-offset: 0
}



.bootstrap-select .dropdown-menu {
	border-color: #eee !important;
	box-shadow: box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.bootstrap-select .dropdown-menu .dropdown-item {
	padding: 0.25rem 1rem
}



.input-group>.bootstrap-select:not(:first-child) .dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group>.bootstrap-select:not(:last-child) .dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.clipboard-btn {
	transition: all .1s ease-in-out
}

.clipboard-btn:hover {
	background-color: #bd0012;
	color: #fff
}

.crypto-ticker {
	background: rgba(0, 0, 0, 0.5);
	margin-top: 20px;
	padding: 10px 20px;
	border-radius: 3px;
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15)
}



#webticker-big {
	font: inherit !important;
	font-size: inherit !important;
	font-weight: normal !important
}

#webticker-big li i {
	font-size: 18px;
	margin-right: 7px
}

#webticker-big li p {
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: 700
}

.noUi-target {
	border-color: transparent;
	border-radius: 0
}

.noUi-connect {
	background-color: #bd0012
}

.noUi-connects {
	background-color: #D2D6DE
}

.noUi-connect.c-1-color {
	background-color: #52c41a
}

.noUi-connect.c-2-color {
	background-color: #1890ff
}

.noUi-connect.c-3-color {
	background-color: #bd0012
}

.noUi-connect.c-4-color {
	background-color: #fa8c16
}

.noUi-vertical {
	width: 0.375rem
}

.noUi-horizontal {
	height: 0.375rem;
	margin-bottom: 10px
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
	height: 12px;
	width: 12px;
	border-radius: 50px;
	box-shadow: none;
	border: none;
	background-color: #bd0012
}

.noUi-horizontal .noUi-handle::after,
.noUi-horizontal .noUi-handle::before,
.noUi-vertical .noUi-handle::after,
.noUi-vertical .noUi-handle::before {
	display: none
}

.noUi-vertical .noUi-handle {
	left: -4px;
	top: -6px
}

.noUi-horizontal .noUi-handle {
	top: -4px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
	right: -6px
}

#slider-toggle {
	height: 50px
}

#slider-toggle.off .noUi-handle {
	border-color: #bd0012
}

.slider-vertical {
	height: 18rem
}

.nestable-cart {
	overflow: hidden
}

.dd-handle {
	color: #fff;
	background: #bd0012;
	border-radius: 5px;
	padding: 8px 15px;
	height: auto;
	border: 1px solid #eee
}

.dd-handle:hover {
	color: #fff;
	background: #bd0012
}

.dd3-content:hover {
	color: #fff;
	background: #bd0012
}

.dd3-content {
	color: #fff
}

.dd-item>button {
	line-height: 28px;
	color: #fff
}

.toast-success {
	background-color: #bd0012
}

.toast-info {
	background-color: #1890ff
}

.toast-warning {
	background-color: #fa8c16
}

.toast-error {
	background-color: #f44336
}

#toast-container>div {
	box-shadow: none;
	border-radius: 0;
	width: auto;
	max-width: 250px;
	opacity: 1
}

#toast-container>div:hover {
	box-shadow: none
}

#toast-container .toast-title {
	margin-bottom: 5px;
	font-weight: 600
}

#toast-container .toast-message {
	font-size: 12px
}

#toast-container .toast-close-button {
	opacity: 1;
	font-size: 20px;
	font-weight: normal;
	text-shadow: none
}

.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
	background-color: rgba(30, 30, 30, 0.6)
}

.lg-outer .lg-toogle-thumb,
.lg-outer .lg-thumb-outer,
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
	background-color: transparent
}

.lg-thumb-outer.lg-grab,
.lg-toogle-thumb.lg-icon {
	background-color: rgba(30, 30, 30, 0.6)
}

.lg-backdrop {
	background-color: rgba(30, 30, 30, 0.9)
}

.lg-outer .lg-toogle-thumb,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
#lg-counter {
	color: #fff
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #bd0012
}

.lightimg {
	cursor: pointer
}

.jqvmap-zoomin,
.jqvmap-zoomout {
	position: absolute;
	left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #000000;
	padding: 3px;
	color: white;
	width: 17px;
	height: 17px;
	cursor: pointer;
	line-height: 10px;
	text-align: center
}

.jqvmap-zoomin {
	top: 10px
}

.jqvmap-zoomout {
	top: 30px
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus,
.ps__rail-x.ps--clicking,
.ps__rail-y.ps--clicking {
	background-color: transparent;
	opacity: 0.9
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
	background-color: #DAE2F3;
	width: 4px
}

.ps__thumb-y {
	background-color: #DAE2F3;
	width: 4px
}

.total-average {
	position: relative;
	height: 300px
}

.widget-chat {
	position: relative;
	height: 250px
}

.widget-todo {
	position: relative;
	height: 210px
}

.widget-team {
	position: relative;
	height: 285px
}

.widget-comments {
	position: relative;
	height: 400px
}

.sidebar-right-inner {
	position: relative;
	height: 100%
}

.widget-team .ps .ps__rail-x:hover,
.widget-team .ps .ps__rail-y:hover,
.widget-team .ps .ps__rail-x:focus,
.widget-team .ps .ps__rail-y:focus,
.widget-team .ps .ps__rail-x.ps--clicking,
.widget-team .ps .ps__rail-y.ps--clicking {
	background-color: transparent !important;
	opacity: 0.9
}

.fc-h-event,
.fc-v-event {
	background: #bd0012;
	border-radius: .42rem
}

.fc-h-event .fc-event-title {
	color: #fff
}

.fc-view-harness {
	overflow-y: auto
}

.fc-theme-standard td,
.fc-theme-standard th {
	border-color: #ebedf3
}

.fc-unthemed .fc-h-event,
.fc-unthemed .fc-event-dot {
	padding: 0;
	border-radius: .42rem
}

.fc-theme-standard th {
	padding: .75rem .5rem;
	font-size: 1rem;
	font-weight: 500;
	color: #b5b5c3
}

@media only screen and (max-width: 575px) {
	.fc-theme-standard th {
		font-size: 14px;
		font-weight: 400;
		padding: 3px 0px
	}
}

.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,
.fc-scrollgrid,
table {
	border-color: #ebedf3
}

.fc-daygrid-dot-event {
	background: #fff;
	border: 1px solid #ebedf3;
	-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}

.fc-daygrid-dot-event .fc-daygrid-event-dot {
	border-color: #bd0012
}

.fc-daygrid-dot-event .fc-event-title {
	font-weight: 500
}

.fc-event.bg-primary,
.fc-event.bg-success,
.fc-event.bg-warning,
.fc-event.bg-secondary,
.fc-event.bg-dark,
.fc-event.bg-info {
	color: #fff !important;
	border-radius: 8px
}

.fc-event.bg-primary .fc-daygrid-event-dot,
.fc-event.bg-success .fc-daygrid-event-dot,
.fc-event.bg-warning .fc-daygrid-event-dot,
.fc-event.bg-secondary .fc-daygrid-event-dot,
.fc-event.bg-dark .fc-daygrid-event-dot,
.fc-event.bg-info .fc-daygrid-event-dot {
	border-color: #fff
}

.fc .fc-scroller-liquid-absolute,
.fc-scroller {
	position: relative;
	overflow: visible !important
}

.fc .fc-button-group>.fc-button {
	color: #b5b5c3;
	background: 0 0;
	border: 1px solid #ebedf3;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.fc .fc-button-group>.fc-button:focus,
.fc .fc-button-group>.fc-button:active,
.fc .fc-button-group>.fc-button:hover,
.fc .fc-button-group>.fc-button.fc-button-active {
	background: #bd0012;
	color: #fff;
	border-color: #bd0012
}

.fc-button.fc-button-primary.fc-today-button {
	background: #bd0012;
	color: #fff;
	border: 0;
	opacity: 1
}

.fc-unthemed .fc-toolbar .fc-button.fc-button-active,
.fc-unthemed .fc-toolbar .fc-button:active,
.fc-unthemed .fc-toolbar .fc-button:focus {
	background: #bd0012;
	color: #fff;
	border: 1px solid #bd0012;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none
}

.fc .fc-toolbar-title {
	font-size: 20px;
	margin: 0
}

.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: -0.5em
}

.external-event {
	padding: 8px 10px;
	display: flex;
	align-items: center;
	border-radius: 5px
}

.external-event:hover:before {
	background: #fff !important
}

.fc-event {
	overflow: hidden
}

.fc .fc-view-harness {
	height: 800px !important
}

@media only screen and (max-width: 575px) {
	.fc .fc-toolbar.fc-header-toolbar {
		display: block
	}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {
		display: flex;
		justify-content: center
	}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {
		justify-content: space-between
	}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
		margin-bottom: 8px
	}
}

#external-events .external-event {
	text-align: left;
	font-size: 16px
}

.accordion-primary .accordion__header {
	background: #bd0012;
	border-color: #bd0012;
	color: #fff;
	box-shadow: 0 15px 20px 0 rgba(189, 0, 18, 0.15)
}

.accordion-primary .accordion__header.collapsed {
	background: #e6faee;
	border-color: #e6faee;
	color: #211c37;
	box-shadow: none
}



.accordion-primary-solid .accordion__header {
	background: #bd0012;
	border-color: #bd0012;
	color: #fff;
	box-shadow: 0 -10px 20px 0 rgba(189, 0, 18, 0.15);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.accordion-primary-solid .accordion__header.collapsed {
	background: #e6faee;
	border-color: #e6faee;
	color: #211c37;
	box-shadow: none;
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}



.accordion-primary-solid .accordion__body {
	border: 2px solid #bd0012;
	border-top: none;
	box-shadow: 0 15px 20px 0 rgba(189, 0, 18, 0.15);
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}

.accordion-danger .accordion__header {
	background: #f44336;
	border-color: #f44336;
	color: #fff;
	box-shadow: 0 15px 20px 0 rgba(255, 76, 65, 0.15)
}

.accordion-danger .accordion__header.collapsed {
	background: #ffefee;
	border-color: #ffefee;
	color: #211c37;
	box-shadow: none
}

.accordion-danger-solid .accordion__header {
	background: #f44336;
	border-color: #f44336;
	color: #fff;
	box-shadow: 0 -10px 20px 0 rgba(255, 76, 65, 0.15);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.accordion-danger-solid .accordion__header.collapsed {
	background: #ffefee;
	border-color: #ffefee;
	color: #211c37;
	box-shadow: none;
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}



.accordion-danger-solid .accordion__body {
	border: 2px solid #f44336;
	border-top: none;
	box-shadow: 0 15px 20px 0 rgba(255, 76, 65, 0.15);
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}

.accordion__item {
	margin-bottom: 1.25rem
}

.accordion__header {
	padding: 1rem 1.75rem;
	border: 1px solid #eee;
	cursor: pointer;
	position: relative;
	color: #333;
	font-weight: 400;
	border-radius: 1.375rem;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}



.accordion__header--indicator {
	font-family: 'themify';
	position: absolute;
	right: 1.5625rem;
	top: 50%;
	transform: translateY(-50%)
}

.accordion__header--indicator.indicator_bordered {
	display: inline-block;
	width: 25px;
	text-align: center;
	height: 25px;
	border: 1px solid #eee;
	border-radius: 50%;
	line-height: 25px
}

.accordion__header:not(.collapsed) .accordion__header--indicator::before {
	content: "\e622"
}

.accordion__header:not(.collapsed) .accordion__header--indicator.style_two::before {
	content: "\e648"
}

.accordion__header.collapsed .accordion__header--indicator::before {
	content: "\e61a"
}

.accordion__header.collapsed .accordion__header--indicator.style_two::before {
	content: "\e64b"
}

.accordion__body--text {
	padding: 0.875rem 1.25rem
}

.accordion-bordered .accordion__body {
	border: 1px solid #eee;
	border-top: none;
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}



.accordion-bordered .accordion__header.collapsed {
	border-radius: 1.375rem
}

.accordion-bordered .accordion__header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.accordion-no-gutter .accordion__item {
	margin-bottom: 0
}

.accordion-no-gutter .accordion__item .accordion__header.collapsed {
	border-bottom: none
}

.accordion-no-gutter .accordion__item:last-child .accordion__header {
	border-bottom: 1px solid #eee
}



.accordion-no-gutter.accordion__bordered .accordion__item:not(:last-child) .accordion__body {
	border-bottom: none
}

.accordion-left-indicator .accordion__header--text {
	padding-left: 2.5rem
}

.accordion-left-indicator .accordion__header--indicator {
	right: auto;
	left: 1.5625rem
}

.accordion-with-icon .accordion__header--text {
	padding-left: 2.5rem
}

.accordion-with-icon .accordion__header--icon {
	position: absolute;
	right: auto;
	left: 1.5625rem;
	font-family: 'themify'
}

.accordion-with-icon .accordion__header--icon::before {
	content: "\e645"
}

.accordion-header-bg .accordion__header {
	background-color: #E8E8E8
}



.accordion-header-bg .accordion__header--primary {
	background-color: #bd0012;
	color: #fff;
	border-color: #bd0012
}



.accordion-header-bg .accordion__header--info {
	background-color: #1890ff;
	color: #fff;
	border-color: #1890ff
}



.accordion-header-bg .accordion__header--success {
	background-color: #52c41a;
	color: #fff;
	border-color: #52c41a
}



.accordion-header-bg.accordion-no-gutter .accordion__header {
	border-color: transparent;
	border-radius: 0
}

.accordion-header-bg.accordion-no-gutter .accordion__item:first-child .accordion__header {
	border-top-left-radius: 1.375rem;
	border-top-right-radius: 1.375rem
}

.accordion-header-bg.accordion-no-gutter .accordion__item:last-child .accordion__header {
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}

.accordion.accordion-no-gutter .accordion__header {
	border-radius: 0
}

.accordion.accordion-no-gutter .accordion__header.collapsed {
	border-radius: 0
}

.accordion.accordion-no-gutter .accordion__body {
	border-radius: 0
}

.accordion.accordion-no-gutter .accordion__item:first-child .accordion__header {
	border-top-left-radius: 1.375rem;
	border-top-right-radius: 1.375rem
}

.accordion.accordion-no-gutter .accordion__item:last-child .accordion__header.collapsed {
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}

.accordion.accordion-no-gutter .accordion__item:last-child .accordion__body {
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}

.accordion-solid-bg .accordion__header {
	border-color: transparent;
	background-color: #e6faee;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}


.accordion-solid-bg .accordion__header.collapsed {
	border-radius: 1.375rem
}

.accordion-solid-bg .accordion__body {
	border-color: transparent;
	background-color: #e6faee;
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}



.accordion-active-header .accordion__header:not(.collapsed) {
	background-color: #1890ff;
	border-color: #1890ff;
	color: #fff
}

.accordion-header-shadow .accordion__header {
	border: none;
	box-shadow: 0 0 0.9375rem -3px rgba(0, 0, 0, 0.3)
}

.accordion-rounded-stylish .accordion__header {
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem
}

.accordion-rounded-stylish .accordion__body {
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem
}

.accordion-rounded .accordion__header {
	border-radius: 0.3125rem
}

.accordion-gradient .accordion__header {
	color: #fff;
	background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%);
	border-color: transparent;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.accordion-gradient .accordion__header.collapsed {
	border-bottom-left-radius: 1.375rem;
	border-bottom-right-radius: 1.375rem
}

.accordion-gradient .accordion__body {
	color: #fff;
	background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%);
	border-color: transparent
}

.accordion-no-gutter.accordion-header-bg .accordion__item:last-child .accordion__header {
	border: 0
}

.alert {
	border-radius: 1.375rem;
	padding: 1rem 1.5rem
}

.alert p {
	line-height: 1.5
}

.alert-rounded {
	border-radius: 30px
}

.alert-primary {
	background: #e6faee;
	border-color: #e6faee;
	color: #bd0012
}




.alert-secondary {
	background: #f3edfa;
	border-color: #f3edfa;
	color: #008fd4
}



.alert-success {
	background: #ecfae4;
	border-color: #ecfae4;
	color: #52c41a
}


.alert-warning {
	background: #fff2dd;
	border-color: #fff2dd;
	color: #fa8c16
}



.alert-danger {
	background: #ffefee;
	border-color: #ffefee;
	color: #f44336
}



.alert-info {
	background: #e4f2ff;
	border-color: #e4f2ff;
	color: #1890ff
}



.alert-dark {
	background: #fff;
	border-color: #fff;
	color: #6e6e6e
}



.alert-light {
	background: #E8E8E8;
	border-color: #E8E8E8;
	color: #6e6e6e
}

.alert-alt.alert-primary {
	border-left: 4px solid #bd0012
}

.alert-alt.alert-secondary {
	border-left: 4px solid #008fd4
}

.alert-alt.alert-success {
	border-left: 4px solid #52c41a
}

.alert-alt.alert-warning {
	border-left: 4px solid #fa8c16
}

.alert-alt.alert-danger {
	border-left: 4px solid #f44336
}

.alert-alt.alert-info {
	border-left: 4px solid #1890ff
}

.alert-alt.alert-dark {
	border-left: 4px solid #6e6e6e
}

.alert-alt.alert-light {
	border-left: 4px solid #c2c2c2
}

.alert-alt.alert-primary.solid {
	border-left: 4px solid #198645 !important
}

.alert-alt.alert-secondary.solid {
	border-left: 4px solid #49207c !important
}

.alert-alt.alert-success.solid {
	border-left: 4px solid #336514 !important
}

.alert-alt.alert-warning.solid {
	border-left: 4px solid #b06900 !important
}

.alert-alt.alert-danger.solid {
	border-left: 4px solid #c10b00 !important
}

.alert-alt.alert-info.solid {
	border-left: 4px solid #0b66bc !important
}

.alert-alt.alert-dark.solid {
	border-left: 4px solid #2e2e2e !important
}

.alert-alt.alert-light.solid {
	border-left: 4px solid #a8a8a8 !important
}

.alert-dismissible.solid .close:hover {
	color: #fff;
	opacity: 1
}

.alert.alert-primary.solid {
	background: #bd0012;
	color: #fff;
	border-color: #bd0012
}

.alert.alert-secondary.solid {
	background: #008fd4;
	color: #fff;
	border-color: #008fd4
}

.alert.alert-success.solid {
	background: #52c41a;
	color: #fff;
	border-color: #52c41a
}

.alert.alert-warning.solid {
	background: #fa8c16;
	color: #fff;
	border-color: #fa8c16
}

.alert.alert-danger.solid {
	background: #f44336;
	color: #fff;
	border-color: #f44336
}

.alert.alert-info.solid {
	background: #1890ff;
	color: #fff;
	border-color: #1890ff
}

.alert.alert-dark.solid {
	background: #6e6e6e;
	color: #fff;
	border-color: #6e6e6e
}

.alert.alert-light.solid {
	background: #E8E8E8;
	color: #6e6e6e;
	border-color: #E8E8E8
}

.alert-right-icon>span i {
	font-size: 18px;
	margin-right: 5px
}

.alert-right-icon .close i {
	font-size: 16px
}

.alert.alert-outline-primary {
	background: transparent;
	color: #bd0012;
	border-color: #bd0012
}

.alert.alert-outline-secondary {
	background: transparent;
	color: #7e7e7e;
	border-color: #008fd4
}

.alert.alert-outline-success {
	background: transparent;
	color: #52c41a;
	border-color: #52c41a
}

.alert.alert-outline-info {
	background: transparent;
	color: #1890ff;
	border-color: #1890ff
}

.alert.alert-outline-warning {
	background: transparent;
	color: #fa8c16;
	border-color: #fa8c16
}

.alert.alert-outline-danger {
	background: transparent;
	color: #f44336;
	border-color: #f44336
}

.alert.alert-outline-dark {
	background: transparent;
	color: #7e7e7e;
	border-color: #6e6e6e
}

.alert.alert-outline-light {
	background: transparent;
	color: #6e6e6e;
	border-color: #E8E8E8
}

.alert-social {
	color: #fff
}

.alert-social .alert-social-icon {
	align-self: center;
	margin-right: 0.9375rem
}

.alert-social .alert-social-icon i {
	font-size: 42px
}

.alert-social.facebook {
	background-color: #3b5998
}

.alert-social.twitter {
	background-color: #1da1f2
}

.alert-social.linkedin {
	background-color: #007bb6
}

.alert-social.google-plus {
	background-color: #db4439
}

.alert-social .close:hover {
	opacity: 1 !important;
	color: #fff !important
}

.left-icon-big .alert-left-icon-big {
	align-self: center;
	margin-right: 0.9375rem
}

.left-icon-big .alert-left-icon-big i {
	font-size: 35px;
	line-height: 1
}

.badge {
	line-height: 1.5;
	border-radius: 1.375rem;
	padding: 4px 10px;
	border: 1px solid transparent
}

.badge-rounded {
	border-radius: 20px;
	padding: 3px 13px
}

.badge-circle {
	border-radius: 100px;
	padding: 3px 7px
}

.badge-outline-primary {
	border: 1px solid #bd0012;
	color: #bd0012
}

.badge-outline-secondary {
	border: 1px solid #008fd4;
	color: #008fd4
}



.badge-outline-success {
	border: 1px solid #52c41a;
	color: #52c41a
}

.badge-outline-info {
	border: 1px solid #1890ff;
	color: #1890ff
}

.badge-outline-warning {
	border: 1px solid #fa8c16;
	color: #fa8c16
}

.badge-outline-danger {
	border: 1px solid #f44336;
	color: #f44336
}

.badge-outline-light {
	border: 1px solid #eee;
	color: #6e6e6e
}



.badge-outline-dark {
	border: 1px solid #6e6e6e;
	color: #6e6e6e
}



.badge-xs {
	font-size: 10px;
	padding: 0px 5px;
	line-height: 18px
}

.badge-sm {
	font-size: 11px;
	padding: 5px 8px;
	line-height: 11px
}

.badge-lg {
	font-size: 14px;
	padding: 0px 10px;
	line-height: 30px
}

.badge-xl {
	font-size: 15px;
	padding: 0px 15px;
	line-height: 35px
}

.badge-default {
	background: #ADB6C7
}

.badge-success {
	background-color: #52c41a
}

.badge-info {
	background-color: #1890ff
}

.badge-primary {
	background-color: #bd0012
}

.badge-warning {
	background-color: #fa8c16
}

.badge-danger {
	background-color: #f44336
}

.badge-dark {
	background-color: #6e6e6e
}

.badge-light {
	background-color: #E8E8E8
}

.light.badge-default {
	background: #ADB6C7
}

.light.badge-success {
	background-color: #ecfae4;
	color: #52c41a
}



.light.badge-info {
	background-color: #f5fafe;
	color: #1890ff
}


.light.badge-primary {
	background-color: #e6faee;
	color: #bd0012
}



.light.badge-secondary {
	background-color: #f3edfa;
	color: #008fd4
}



.light.badge-warning {
	background-color: #fff2dd;
	color: #fa8c16
}



.light.badge-danger {
	background-color: #ffefee;
	color: #f44336
}



.light.badge-dark {
	background-color: #eee;
	color: #6e6e6e
}



.bootstrap-label .label {
	display: inline-block;
	margin-right: 1rem
}

.bootstrap-label .label:last-child {
	margin-right: 0
}

.badge-demo .badge {
	margin-right: 5px;
	margin-bottom: 5px
}

.badge-demo .badge:last-child {
	margin-right: 0
}

.bootstrap-badge-buttons button {
	margin-right: .2rem;
	margin-bottom: 1rem
}

.bootstrap-badge-buttons button:last-child {
	margin-right: 0
}

.page-titles {
	padding: 0.9375rem 0;
	background: transparent;
	margin-bottom: 10px;
	border-radius: 5px;
	margin-top: -20px
}


@media only screen and (max-width: 767px) {
	.page-titles {
		margin-left: -15px !important;
		margin-right: -15px !important;
		margin-bottom: 0;
		padding: 15px 0px;
		margin-top: -15px
	}
}

.page-titles .justify-content-sm-end {
	align-items: center
}

.page-titles h4 {
	margin-bottom: 0;
	margin-top: 0;
	color: #bd0012;
	font-size: 1.25rem
}

.page-titles h4 span {
	font-size: 0.875rem;
	font-weight: 400
}

.page-titles .breadcrumb {
	margin-bottom: 0;
	padding: 0;
	background: transparent
}

.page-titles .breadcrumb li {
	margin-top: 0;
	margin-bottom: 0
}

.page-titles .breadcrumb li a {
	color: #828690
}

.page-titles .breadcrumb li.active {
	color: #bd0012;
	font-weight: 600
}

.page-titles .breadcrumb li.active a {
	color: #bd0012
}

.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	color: #bd0012
}

.page-titles .breadcrumb-datepicker {
	font-size: 0.75rem;
	color: #89879f
}

.page-titles .breadcrumb-datepicker__icon {
	font-size: 0.875rem
}

.page-titles .breadcrumb-widget .border-dark {
	border-color: #dee2e6 !important
}

.page-titles .breadcrumb-widget h4 {
	color: #646c9a;
	font-weight: 600
}

@media only screen and (max-width: 575px) {
	.page-titles .breadcrumb-widget {
		text-align: left !important;
		margin-bottom: 0.9375rem
	}
}

button {
	cursor: pointer
}

button:focus {
	outline: 0;
	box-shadow: none
}

.btn,
.button,
.action-flag a,
.action-unflag a {
	padding: 0.5rem 0.75rem;
	border-radius: 1.375rem;
	font-weight: 500;
	font-size: 1rem;
	margin: 5px;
}

.action-flag,
.action-unflag {
    margin-bottom: 10px;
    height: 50px;
		line-height: 50px;
		white-space: nowrap;
}

.action-unflag a {
	background-color: #bd0013;
	border-color: #bd0013;
	color: #fff !important;
}

@media only screen and (max-width: 767px) {
	.btn,
	.button {
width: 100%;
	}
}

.calendar-calendar .month-view td .inner div a.btn-primary {
	background-color: #bd0012 !important;
border-color: #bd0012 !important;
}

.fc-agendaWeek-button, .fc-agendaDay-button {
    display: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.button:hover,
.button:focus,
.button:active,
.button.active {
	outline: 0 !important
}

@media only screen and (max-width: 1400px) {
	.btn,
  .button {
		padding: 0.625rem 1rem;
		font-size: 0.813rem
	}
}

.btn-transparent {
	background-color: transparent
}

.btn.btn-primary,
.button.button--primary,
input.form-submit {
	color: #fff
}

.btn.btn-outline-primary:hover {
	color: #fff
}

.sharp {
	min-width: 40px;
	padding: 7px;
	height: 40px;
	min-height: 40px
}

.sharp.btn-xs {
	padding: 3px;
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px
}

.light.tp-btn {
	background-color: transparent
}

.light.btn-default {
	background: #ADB6C7
}

.light.btn-success {
	background-color: #ecfae4;
	border-color: #ecfae4;
	color: #52c41a
}

.light.btn-success g [fill] {
	fill: #52c41a
}



.light.btn-success:hover {
	background-color: #52c41a;
	border-color: #52c41a;
	color: #fff
}

.light.btn-success:hover g [fill] {
	fill: #fff
}

.light.btn-info {
	background-color: #f5fafe;
	border-color: #f5fafe;
	color: #1890ff
}

.light.btn-info g [fill] {
	fill: #1890ff
}



.light.btn-info:hover {
	background-color: #1890ff;
	border-color: #1890ff;
	color: #fff
}

.light.btn-info:hover g [fill] {
	fill: #fff
}

.light.btn-primary {
	background-color: #e6faee;
	border-color: #e6faee;
	color: #bd0012
}

.light.btn-primary g [fill] {
	fill: #bd0012
}


.light.btn-primary:hover {
	background-color: #bd0012;
	border-color: #bd0012;
	color: #fff
}

.light.btn-primary:hover g [fill] {
	fill: #fff
}

.light.btn-primary:hover svg path {
	stroke: #fff
}

.light.btn-secondary {
	background-color: #f3edfa;
	border-color: #f3edfa;
	color: #008fd4
}

.light.btn-secondary g [fill] {
	fill: #008fd4
}

.light.btn-secondary:hover {
	background-color: #008fd4;
	border-color: #008fd4;
	color: #fff
}

.light.btn-secondary:hover g [fill] {
	fill: #fff
}

.light.btn-warning {
	background-color: #fff2dd;
	border-color: #fff2dd;
	color: #fa8c16
}

.light.btn-warning g [fill] {
	fill: #fa8c16
}


.light.btn-warning:hover {
	background-color: #fa8c16;
	border-color: #fa8c16;
	color: #fff
}

.light.btn-warning:hover g [fill] {
	fill: #fff
}

.light.btn-danger {
	background-color: #ffefee;
	border-color: #ffefee;
	color: #f44336
}

.light.btn-danger g [fill] {
	fill: #f44336
}


.light.btn-danger:hover {
	background-color: #f44336;
	border-color: #f44336;
	color: #fff
}

.light.btn-danger:hover g [fill] {
	fill: #fff
}

.light.btn-dark {
	background-color: #eee;
	border-color: #eee;
	color: #6e6e6e
}

.light.btn-dark g [fill] {
	fill: #6e6e6e
}



.light.btn-dark:hover {
	background-color: #6e6e6e;
	border-color: #6e6e6e;
	color: #fff
}

.light.btn-dark:hover g [fill] {
	fill: #fff
}

.btn.tp-btn {
	background-color: transparent;
	border-color: transparent
}

.btn.tp-btn.btn-default {
	background: #ADB6C7
}

.btn.tp-btn.btn-success {
	color: #52c41a
}

.btn.tp-btn.btn-success g [fill] {
	fill: #52c41a
}

.btn.tp-btn.btn-success:hover {
	background-color: #52c41a;
	border-color: #52c41a;
	color: #fff
}

.btn.tp-btn.btn-success:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-info {
	color: #1890ff
}

.btn.tp-btn.btn-info g [fill] {
	fill: #1890ff
}

.btn.tp-btn.btn-info:hover {
	background-color: #1890ff;
	border-color: #1890ff;
	color: #fff
}

.btn.tp-btn.btn-info:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-primary {
	color: #bd0012
}

.btn.tp-btn.btn-primary g [fill] {
	fill: #bd0012
}

.btn.tp-btn.btn-primary:hover {
	background-color: #bd0012;
	border-color: #bd0012;
	color: #fff
}

.btn.tp-btn.btn-primary:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-secondary {
	color: #008fd4
}

.btn.tp-btn.btn-secondary g [fill] {
	fill: #008fd4
}

.btn.tp-btn.btn-secondary:hover {
	background-color: #008fd4;
	border-color: #008fd4;
	color: #fff
}

.btn.tp-btn.btn-secondary:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-warning {
	color: #fa8c16
}

.btn.tp-btn.btn-warning g [fill] {
	fill: #fa8c16
}

.btn.tp-btn.btn-warning:hover {
	background-color: #fa8c16;
	border-color: #fa8c16;
	color: #fff
}

.btn.tp-btn.btn-warning:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-danger {
	color: #f44336
}

.btn.tp-btn.btn-danger g [fill] {
	fill: #f44336
}

.btn.tp-btn.btn-danger:hover {
	background-color: #f44336;
	border-color: #f44336;
	color: #fff
}

.btn.tp-btn.btn-danger:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-light {
	color: #6e6e6e
}

.btn.tp-btn.btn-light g [fill] {
	fill: #6e6e6e
}

.btn.tp-btn.btn-light:hover {
	background-color: #E8E8E8;
	border-color: #E8E8E8;
	color: #6e6e6e
}

.btn.tp-btn.btn-light:hover g [fill] {
	fill: #fff
}

.btn.tp-btn.btn-dark {
	color: #6e6e6e
}

.btn.tp-btn.btn-dark g [fill] {
	fill: #6e6e6e
}

.btn.tp-btn.btn-dark:hover {
	background-color: #6e6e6e;
	border-color: #6e6e6e;
	color: #fff
}

.btn.tp-btn.btn-dark:hover g [fill] {
	fill: #fff
}

.btn.tp-btn-light {
	background-color: transparent;
	border-color: transparent
}

.btn.tp-btn-light.btn-success {
	color: #52c41a
}

.btn.tp-btn-light.btn-success g [fill] {
	fill: #52c41a
}

.btn.tp-btn-light.btn-success:hover {
	background-color: #ecfae4;
	border-color: #ecfae4;
	color: #52c41a
}

.btn.tp-btn-light.btn-success:hover g [fill] {
	fill: #52c41a
}

.btn.tp-btn-light.btn-info {
	color: #1890ff
}

.btn.tp-btn-light.btn-info g [fill] {
	fill: #1890ff
}

.btn.tp-btn-light.btn-info:hover {
	background-color: #f5fafe;
	border-color: #f5fafe;
	color: #1890ff
}

.btn.tp-btn-light.btn-info:hover g [fill] {
	fill: #1890ff
}

.btn.tp-btn-light.btn-primary {
	color: #bd0012
}

.btn.tp-btn-light.btn-primary g [fill] {
	fill: #bd0012
}

.btn.tp-btn-light.btn-primary:hover {
	background-color: #e6faee;
	border-color: #e6faee;
	color: #bd0012
}

.btn.tp-btn-light.btn-primary:hover g [fill] {
	fill: #bd0012
}

.btn.tp-btn-light.btn-primary:hover svg path {
	fill: #fff
}

.btn.tp-btn-light.btn-secondary {
	color: #008fd4
}

.btn.tp-btn-light.btn-secondary g [fill] {
	fill: #008fd4
}

.btn.tp-btn-light.btn-secondary:hover {
	background-color: #f3edfa;
	border-color: #f3edfa;
	color: #008fd4
}

.btn.tp-btn-light.btn-secondary:hover g [fill] {
	fill: #008fd4
}

.btn.tp-btn-light.btn-warning {
	color: #fa8c16
}

.btn.tp-btn-light.btn-warning g [fill] {
	fill: #fa8c16
}

.btn.tp-btn-light.btn-warning:hover {
	background-color: #fff2dd;
	border-color: #fff2dd;
	color: #fa8c16
}

.btn.tp-btn-light.btn-warning:hover g [fill] {
	fill: #fa8c16
}

.btn.tp-btn-light.btn-danger {
	color: #f44336
}

.btn.tp-btn-light.btn-danger g [fill] {
	fill: #f44336
}

.btn.tp-btn-light.btn-danger:hover {
	background-color: #ffefee;
	border-color: #ffefee;
	color: #f44336
}

.btn.tp-btn-light.btn-danger:hover g [fill] {
	fill: #fff
}

.btn.tp-btn-light.btn-dark {
	color: #6e6e6e
}

.btn.tp-btn-light.btn-dark g [fill] {
	fill: #6e6e6e
}

.btn.tp-btn-light.btn-dark:hover {
	background-color: #eee;
	border-color: #eee;
	color: #6e6e6e
}

.btn.tp-btn-light.btn-dark:hover g [fill] {
	fill: #fff
}

.shadow.btn-primary {
	-webkit-box-shadow: 0 5px 15px 0 rgba(189, 0, 18, 0.2) !important;
	box-shadow: 0 5px 15px 0 rgba(189, 0, 18, 0.2) !important
}

.shadow.btn-secondary {
	-webkit-box-shadow: 0 5px 15px 0 rgba(134, 74, 209, 0.2) !important;
	box-shadow: 0 5px 15px 0 rgba(134, 74, 209, 0.2) !important
}

.shadow.btn-warning {
	-webkit-box-shadow: 0 5px 15px 0 rgba(255, 172, 48, 0.2) !important;
	box-shadow: 0 5px 15px 0 rgba(255, 172, 48, 0.2) !important
}

.shadow.btn-danger {
	-webkit-box-shadow: 0 5px 15px 0 rgba(255, 76, 65, 0.2) !important;
	box-shadow: 0 5px 15px 0 rgba(255, 76, 65, 0.2) !important
}

.shadow.btn-info {
	-webkit-box-shadow: 0 5px 15px 0 rgba(81, 166, 245, 0.2) !important;
	box-shadow: 0 5px 15px 0 rgba(81, 166, 245, 0.2) !important
}

.shadow.btn-success {
	-webkit-box-shadow: 0 5px 15px 0 rgba(104, 207, 41, 0.2) !important;
	box-shadow: 0 5px 15px 0 rgba(104, 207, 41, 0.2) !important
}

.btn-xxs {
	padding: 6px 15px;
	font-size: 11px;
	line-height: 1.3
}

.btn-xs {
	font-size: 0.75rem;
	padding: 0.438rem 1rem;
	font-weight: 600
}

.btn-sm,
.btn-group-sm>.btn {
	font-size: 0.813rem !important;
	padding: 0.625rem 1rem
}

.btn-md {
	font-size: 0.813rem !important;
	padding: 0.875rem 1.25rem
}

.btn-lg,
.btn-group-lg>.btn {
	padding: 1rem 2rem;
	font-size: 1.125rem !important
}

@media only screen and (max-width: 575px) {
	.btn-lg,
	.btn-group-lg>.btn {
		padding: 0.75rem 1.25rem
	}
}

.btn-xl {
	padding: 0.6rem 1rem
}

.btn-xl.btn-default {
	font-weight: 600
}

.btn-square {
	border-radius: 0
}

.btn-rounded {
	border-radius: 40px !important
}

.btn-icon-right {
	border-left: 1px solid white;
	display: inline-block;
	margin: -.8rem 0 -.8rem 1rem;
	padding: 0.4375rem 0 0.4375rem 1rem;
	margin: -1rem -0.25rem -1rem 1rem;
	padding: 1rem 0 1rem 1.25rem
}

@media only screen and (max-width: 1400px) {
	.btn-icon-right {
		padding: 0.5rem 0 0.5rem 1.25rem
	}
}

.btn-icon-left {
	background: #fff;
	border-radius: 10rem;
	display: inline-block;
	margin: -0.5rem 0.75rem -0.5rem -1.188rem;
	padding: 0.5rem 0.80rem 0.5rem;
	float: left
}

@media only screen and (max-width: 1400px) {
	.btn-icon-left {
		margin: -0.5rem 0.75rem -0.5rem -0.880rem
	}
}

.toggle-dropdown::after {
	margin-left: 0.755em
}

.social-btn-icon .btn {
	min-width: 7.5rem;
	margin-bottom: 1.5rem
}

.social-icon .btn {
	padding: .7rem 1.4rem
}

.btn-circle {
  width: 3.5rem;
	height: 3.5rem;
	border-radius: 50% !important;
  font-size: 2rem;
    line-height: 3.5rem;
    text-align: center;
    padding: 0;
    padding-left: 10px;
}

.btn-circle-sm {
  width: 2.5rem;
      height: 2.5rem;
      font-size: 1.4rem;
      line-height: 2.5rem;
      padding-left: 5px;
}

.btn-circle-md {
  width: 3.5rem;
	height: 3.5rem;
	font-size: 2rem;
    line-height: 3.5rem;
    padding-left: 10px;
}

.btn-circle-md i {
	font-size: 2.4rem
}

.btn-circle-lg {
  width: 5rem;
	height: 5rem;
	font-size: 2.5rem;
    line-height: 5rem;
    padding-left: 10px;
}

.btn-circle-lg i {
	font-size: 3.1rem
}

.btn-page .btn {
	min-width: 110px;
	margin-right: 4px;
	margin-bottom: 8px
}

.size-1 {
	min-width: 160px !important;
	font-size: 24px;
	padding: 0.68rem 0.75rem
}

.size-2 {
	font-size: 20px;
	min-width: 130px !important;
	padding: 0.57rem 0.75rem
}

.size-3 {
	font-size: 14px;
	min-width: 110px !important;
	padding: 0.536rem 0.75rem
}

.size-4 {
	font-size: 14px;
	min-width: 100px !important
}

.size-5 {
	font-size: 14px;
	min-width: 90px !important;
	padding: .22rem 0.75rem
}

.size-6 {
	font-size: 13px;
	min-width: 80px !important;
	padding: 0.097rem 0.75rem
}

.size-7 {
	font-size: 12px;
	min-width: 60px !important;
	padding: 0.001rem 0.75rem
}

.btn-light {
	background: #E8E8E8;
	border-color: #E8E8E8
}

.btn-light:active,
.btn-light:focus,
.btn-light:hover {
	background: #fff;
	color: #6e6e6e;
	border-color: #fff
}

.btn-outline-light {
	color: #6e6e6e
}



.btn-dark {
	background: #6e6e6e;
	border-color: #6e6e6e;
	color: #fff
}

.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
	background: #555;
	color: #fff;
	border-color: #555
}

.btn-group.btn-rounded .btn:first-child {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px
}

.btn-group.btn-rounded .btn:last-child {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px
}

.btn-facebook {
	background: #3b5998;
	border-color: #3b5998;
	color: #fff
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
	background: #2d4373;
	color: #fff;
	border-color: #2d4373
}

.btn-twitter {
	background: #1da1f2;
	border-color: #1da1f2;
	color: #fff
}

.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover {
	background: #0c85d0;
	color: #fff;
	border-color: #0c85d0
}

.btn-youtube {
	background: red;
	border-color: red;
	color: #fff
}

.btn-youtube:active,
.btn-youtube:focus,
.btn-youtube:hover {
	background: #c00;
	color: #fff;
	border-color: #c00
}

.btn-instagram {
	background: #c32aa3;
	border-color: #c32aa3;
	color: #fff
}

.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover {
	background: #992180;
	color: #fff;
	border-color: #992180
}

.btn-pinterest {
	background: #bd081c;
	border-color: #bd081c;
	color: #fff
}

.btn-pinterest:active,
.btn-pinterest:focus,
.btn-pinterest:hover {
	background: #8c0615;
	color: #fff;
	border-color: #8c0615
}

.btn-linkedin {
	background: #007bb6;
	border-color: #007bb6;
	color: #fff
}

.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover {
	background: #005983;
	color: #fff;
	border-color: #005983
}

.btn-google-plus {
	background: #db4439;
	border-color: #db4439;
	color: #fff
}

.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover {
	background: #be2d23;
	color: #fff;
	border-color: #be2d23
}

.btn-google {
	background: #4285f4;
	border-color: #4285f4;
	color: #fff
}

.btn-google:active,
.btn-google:focus,
.btn-google:hover {
	background: #1266f1;
	color: #fff;
	border-color: #1266f1
}

.btn-snapchat {
	background: #fffc00;
	border-color: #fffc00;
	color: #000
}

.btn-snapchat:active,
.btn-snapchat:focus,
.btn-snapchat:hover {
	background: #ccca00;
	color: #000;
	border-color: #ccca00
}

.btn-whatsapp {
	background: #25d366;
	border-color: #25d366;
	color: #fff
}

.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp:hover {
	background: #1da851;
	color: #fff;
	border-color: #1da851
}

.btn-tumblr {
	background: #35465d;
	border-color: #35465d;
	color: #fff
}

.btn-tumblr:active,
.btn-tumblr:focus,
.btn-tumblr:hover {
	background: #222e3d;
	color: #fff;
	border-color: #222e3d
}

.btn-reddit {
	background: #ff4500;
	border-color: #ff4500;
	color: #fff
}

.btn-reddit:active,
.btn-reddit:focus,
.btn-reddit:hover {
	background: #cc3700;
	color: #fff;
	border-color: #cc3700
}

.btn-spotify {
	background: #1ed760;
	border-color: #1ed760;
	color: #fff
}

.btn-spotify:active,
.btn-spotify:focus,
.btn-spotify:hover {
	background: #18aa4c;
	color: #fff;
	border-color: #18aa4c
}

.btn-yahoo {
	background: #430297;
	border-color: #430297;
	color: #fff
}

.btn-yahoo:active,
.btn-yahoo:focus,
.btn-yahoo:hover {
	background: #2d0165;
	color: #fff;
	border-color: #2d0165
}

.btn-dribbble {
	background: #ea4c89;
	border-color: #ea4c89;
	color: #fff
}

.btn-dribbble:active,
.btn-dribbble:focus,
.btn-dribbble:hover {
	background: #e51e6b;
	color: #fff;
	border-color: #e51e6b
}

.btn-skype {
	background: #00aff0;
	border-color: #00aff0;
	color: #fff
}

.btn-skype:active,
.btn-skype:focus,
.btn-skype:hover {
	background: #008abd;
	color: #fff;
	border-color: #008abd
}

.btn-quora {
	background: #a20;
	border-color: #a20;
	color: #fff
}

.btn-quora:active,
.btn-quora:focus,
.btn-quora:hover {
	background: #771800;
	color: #fff;
	border-color: #771800
}

.btn-vimeo {
	background: #1ab7ea;
	border-color: #1ab7ea;
	color: #fff
}

.btn-vimeo:active,
.btn-vimeo:focus,
.btn-vimeo:hover {
	background: #1295bf;
	color: #fff;
	border-color: #1295bf
}

.card {
	margin-bottom: 1.875rem;
	background-color: #fff;
	transition: all .5s ease-in-out;
	position: relative;
	border: 0px solid transparent;
	border-radius: 1.375rem;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
	height: calc(100% - 30px)
}

@media only screen and (max-width: 575px) {
	.card {
		margin-bottom: 0.938rem;
		height: calc(100% - 0.938rem)
	}
}

.card-body {
	padding: 1.875rem
}

@media only screen and (max-width: 575px) {
	.card-body {
		padding: 1rem
	}
}

.card-title {
	font-size: 20px;
	font-weight: 500;
	color: #000;
	text-transform: capitalize
}

.card-title--large {
	font-size: 1.5rem
}

.card-title--medium {
	font-size: 1rem
}

.card-title--small {
	font-size: 0.875rem
}

.card-header {
	border-color: #eee;
	position: relative;
	background: transparent;
	padding: 1.5rem 1.875rem 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media only screen and (max-width: 575px) {
	.card-header {
		padding: 1.25rem 1rem 1.25rem
	}
}



.card-header .card-title {
	margin-bottom: 0px
}

.card-header .subtitle {
	padding-top: 5px;
	font-size: 14px;
	line-height: 1.5
}

.card-footer {
	border-color: #eee;
	background: transparent;
	padding: 1.25rem 1.875rem 1.25rem
}



.transparent-card.card {
	background: transparent;
	border: 1px solid transparent;
	box-shadow: none
}

.card-action>a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	border-color: transparent;
	text-align: center;
	background: #000;
	color: #fff;
	margin-right: 8px
}



.card-action>a:last-child {
	margin-right: 0
}

.card-action>a:hover,
.card-action>a:focus {
	background: #000
}



.card-action>a i,
.card-action>a span {
	font-size: 1rem
}

.card-action .dropdown {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border-color: transparent;
	text-align: center;
	margin-right: 8px;
	top: -2px;
	position: relative;
	display: inline-block;
	background: #000;
	color: #bd0012
}



.card-action .dropdown:hover,
.card-action .dropdown:focus {
	background: #000
}


.card-action .dropdown .btn {
	padding: 0;
	line-height: 27px;
	color: #fff
}

.card-action .dropdown .btn:focus {
	box-shadow: none
}

.card-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	overflow: auto
}

.card-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 999
}

.card-loader i {
	margin: 0 auto;
	background: #27d46c;
	padding: 10px;
	border-radius: 50%;
	color: #fff;
	font-size: 1rem
}

.rotate-refresh {
	-webkit-animation: mymove 0.8s infinite linear;
	animation: mymove 0.8s infinite linear;
	display: inline-block
}

.card-header .date_picker {
	display: inline-block;
	padding: 8px;
	border: 1px solid #eee;
	cursor: pointer;
	border-radius: .375rem
}

.card-header .border-0 {
	padding-bottom: 0
}



.carousel-custom-prev,
.carousel-custom-next {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	text-align: center
}

.carousel-custom-prev i,
.carousel-custom-next i {
	font-size: 1rem
}

.carousel-custom-prev:hover,
.carousel-custom-next:hover {
	background: linear-gradient(to right, rgba(245, 60, 121, 0.99) 0%, rgba(246, 104, 47, 0.99) 100%);
	color: #fff
}

.carousel-custom-next {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%)
}

.carousel-custom-prev {
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%)
}

.carousel-caption {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.78);
	z-index: 1
}

.carousel-caption h5 {
	color: #fff;
	font-size: 1.8rem
}

.carousel-caption p {
	margin-bottom: 0
}

.carousel-caption:after {
	position: absolute;
	z-index: -1;
	top: 0;
	content: "";
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6)
}

.dropdown-toggle:focus {
	box-shadow: none !important
}

.dropdown-outline {
	border: 0.1rem solid #bd0012
}

.dropdown-menu {
	font-size: inherit;
	border: 0;
	z-index: 6;
	box-shadow: 0 10px 40px 0 rgba(32, 28, 69, 0.1);
	margin-top: 0
}

.dropdown-menu .dropdown-item {
	font-size: 16px;
	color: #7e7e7e;
	padding: 0.5rem 1.75rem
}

@media only screen and (max-width: 1400px) {
	.dropdown-menu .dropdown-item {
		padding: 0.375rem 1rem;
		font-size: 14px
	}
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
	color: #514e5f
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
	color: #bd0012;
	background: rgba(189, 0, 18, 0.1)
}

.dropdown-toggle-split {
	padding: 0 10px;
	opacity: 0.85
}

.dropdown-toggle-split:after {
	margin-left: 0 !important
}

.dropdown-toggle-split:active,
.dropdown-toggle-split:focus,
.dropdown-toggle-split:hover {
	opacity: 1
}

.dropleft .dropdown-toggle:before,
.dropright .dropdown-toggle:before,
.dropup .dropdown-toggle:after,
.dropdown-toggle:after {
	content: "\f107";
	font-family: FontAwesome;
	border: 0;
	vertical-align: middle;
	margin-left: 0.25em;
	line-height: 1
}

.dropup .dropdown-toggle:after {
	content: "\f106"
}

.dropleft .dropdown-toggle::before {
	content: "\f104"
}

.dropright .dropdown-toggle::before {
	content: "\f105"
}

.dropright .dropdown-toggle::after {
	content: none
}

.custom-dropdown {
	display: inline-block;
	margin-bottom: 1rem
}

.custom-dropdown .dropdown-menu {
	border: 0px;
	min-width: 160px
}

.card-action .custom-dropdown {
	margin: 0px;
	background: #c4f4d7
}

.card-action .custom-dropdown.show,
.card-action .custom-dropdown:focus,
.card-action .custom-dropdown:hover {
	background: #bd0012;
	color: #fff
}

.card-action .custom-dropdown i {
	display: inline-block;
	padding-top: 9px
}

.dropdown .dropdown-dots {
	position: relative;
	height: 5px;
	width: 5px;
	background: rgba(110, 110, 110, 0.4);
	border-radius: 5px;
	display: block
}

.dropdown .dropdown-dots:after,
.dropdown .dropdown-dots:before {
	content: "";
	height: 5px;
	width: 5px;
	background: rgba(110, 110, 110, 0.4);
	position: absolute;
	border-radius: 5px
}

.dropdown .dropdown-dots:after {
	right: -8px
}

.dropdown .dropdown-dots:before {
	left: -8px
}

.dropdown .dropdown-dots.text-white {
	background: rgba(255, 255, 255, 0.7)
}

.dropdown .dropdown-dots.text-white:after,
.dropdown .dropdown-dots.text-white:before {
	background: rgba(255, 255, 255, 0.7)
}

.grid-col {
	padding: 0.5rem !important;
	background: #f2f4fa
}

.row.grid {
	margin-bottom: 1.5rem;
	text-align: center
}

.row.grid .grid-col:first-child {
	text-align: left
}

.label {
	display: inline-block;
	text-align: center;
	font-size: 0.75rem;
	padding: .2rem .8rem
}

.label-fixed {
	width: 7.5rem;
	padding: .6rem 0
}

.label-fixed-lg {
	width: 9.5rem;
	padding: .6rem 0
}

.label-big {
	width: 16.8rem;
	font-size: 1.4rem;
	padding: 1.1rem 0
}

.label-xl {
	width: 10.5rem;
	padding: 1.1rem 0;
	font-size: 1.5rem
}

.label-lg {
	width: 9.5rem;
	padding: 1.1rem 0
}

.label-md {
	width: 8.5rem;
	padding: 1.1rem 0
}

.label-sm {
	width: 7.5rem;
	padding: 1.1rem 0
}

.label-default {
	background: #ADB6C7
}

.label-primary {
	background: #bd0012;
	color: #fff
}

.label-secondary {
	background: #008fd4;
	color: #fff
}

.label-info {
	background: #1890ff;
	color: #fff
}

.label-success {
	background: #52c41a;
	color: #fff
}

.label-warning {
	background: #fa8c16;
	color: #fff
}

.label-danger {
	background: #f44336;
	color: #fff
}

.label-light {
	background: #E8E8E8;
	color: #000
}

.label-dark {
	background: #6e6e6e;
	color: #fff
}

code {
	word-break: break-word;
	padding: 2px 5px;
	border-radius: 3px;
	background: #ffebe9;
	color: #f44336
}



.heading-labels {
	color: #333333
}

.heading-labels>* {
	margin-bottom: .8rem
}

.heading-labels h1 .label {
	font-size: 18px;
	font-weight: normal;
	padding: .4rem .9rem
}

.heading-labels h2 .label {
	font-size: 16px;
	font-weight: normal;
	padding: 0.3rem .9rem
}

.heading-labels h3 .label {
	font-size: 14px;
	font-weight: normal
}

.heading-labels h4 .label {
	font-size: 12px;
	font-weight: normal
}

.heading-labels h5 .label {
	font-size: 12px;
	font-weight: normal
}

.heading-labels h6 .label {
	font-size: 12px;
	font-weight: normal
}

.list-group-item {
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid #eee;
	padding: 1rem 1.5rem
}



.list-group-item.disabled,
.list-group-item:disabled {
	color: #fff;
	background-color: #008fd4;
	border-color: #008fd4
}

[class*="bg-"] .list-group-item {
	border-color: rgba(255, 255, 255, 0.05)
}

.bg-warning .list-group-item {
	border-color: rgba(0, 0, 0, 0.05)
}

.media img {
	border-radius: 3px
}

.vertical-card__menu:hover {
	box-shadow: none
}

.vertical-card__menu--image {
	text-align: center
}

.vertical-card__menu--image img {
	width: 100%;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem
}

.vertical-card__menu--status.closed {
	background: #f44336
}

.vertical-card__menu--status.closed:after {
	border-top: 10px solid #f44336
}

.vertical-card__menu--status.closed .ribbon-curve {
	border-top: 11px solid #f44336;
	border-bottom: 10px solid #f44336
}

.vertical-card__menu--desc p {
	margin-bottom: 0.625rem
}

.vertical-card__menu--price {
	font-size: 1.25rem;
	margin: 0;
	font-weight: 700
}

.vertical-card__menu--rating {
	font-size: 0.75rem
}

.vertical-card__menu--title {
	font-weight: 700
}

.vertical-card__menu--button button {
	font-size: 0.75rem
}

.vertical-card__menu .card-footer {
	padding: 15px 20px;
	background-color: #eee;
	border-top: none
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.vertical-card__menu .card-footer {
		padding: 15px
	}
}

.vertical-card__menu .card-footer span {
	color: #6e6e6e;
	margin-right: 0.3125rem
}

.horizontal-card__menu {
	box-shadow: 0 0 7px rgba(173, 173, 173, 0.32);
	display: flex;
	flex-direction: row
}

@media (max-width: 575.98px) {
	.horizontal-card__menu {
		display: block
	}
}

.horizontal-card__menu .card-body {
	padding: 0;
	padding: 20px 30px
}

.horizontal-card__menu--image {
	flex-basis: 30%;
	max-width: 30%
}

.horizontal-card__menu--image img {
	height: 100%;
	width: 100%
}

@media (max-width: 575.98px) {
	.horizontal-card__menu--image {
		max-width: unset;
		flex-basis: 100%
	}
}

.horizontal-card__menu--title {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.3125rem
}

.horizontal-card__menu--fav {
	margin-right: 0.5rem
}

.horizontal-card__menu--price {
	margin: 0;
	font-size: 1rem;
	font-weight: 700
}

.horizontal-card__menu--rating {
	font-size: 0.625rem
}

.horizontal-card__menu--footer {
	margin-top: 10px
}

/*------------------------------------
Nodes
------------------------------------*/

.region-top-row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}

.summary-counter h4, .summary-counter p {
    color: #fff;
}

.theme-purple .card, .theme-purple .highcharts-background {
    background: #7a41f2 !important;
    fill: #7a41f2 !important;
}

.views-exposed-form.chart-filters .form-item {
    display: inline-block;
}
.views-exposed-form.chart-filters .form-item:nth-child(1),
.views-exposed-form.chart-filters .form-item:nth-child(2),
.views-exposed-form.chart-filters .form-item:nth-child(3) {
    width: 33%;
}

.sliderwidget {
    position: relative;
}

.field--name-field-on-a-scale-of-1-5-1-being- .sliderwidget:after {
    content: '\1F614';
    position: absolute;
    top: -50px;
    left: 0;
    font-size: 50px;
}
.field--name-field-on-a-scale-of-1-5-1-being- .sliderwidget:before {
    content: '\1F600';
    position: absolute;
    top: -50px;
    right: 0;
    font-size: 50px;
}
.sliderwidget-display-values-field {
    width: 100%;
    text-align: center;
}

.statuskey .dropdown-menu {
	left: -100px !important;
}

.mapouter {
    position: relative;
    text-align: right;
    height: 420px;
    width: 100%;
    max-width: 600px;
}

#views-exposed-form-call-listening-evaluations-overview-block-1 {
    display: none;
}

.node-form,
.node-view-mode-full {
	position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.75rem;
		margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 1.375rem;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    height: calc(100% - 30px);
		flex: 1 1 auto;
		padding: 1.875rem;
}

.node-form .fieldset-legend:first-child {
	font-size: 1.875rem;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}

.node-view-mode-full h3.term-title,
.node-view-mode-full .field--label-above .field__label {
    font-size: initial;
		font-weight: 900;
}

.node-view-mode-full .node-taxonomy-container,
.node-view-mode-full .field {
	margin-bottom: 20px;
}

img.request-header-image {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: block;
}

.hr-request-view {
    max-width: 900px;
    margin: auto;
}
.hr-request-view.timesheet-view {
    max-width: 1600px;
}

.hr-request-view header img,
.hr-request-view footer img {
width: 100%;
}

.hr-request-view h1 {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
font-size: 20px;
font-weight: 700;
text-decoration: underline;
width: 100%;
color: #212121 !important
}
.dvr-view .views-field,
.rtw-view .views-field {
    display: inline-block;
    width: 50%;
    padding: 0;
    min-height: 60px;
    vertical-align: bottom;
}
.dvr-view .views-field {
    border: 1px solid;
}
.dvr-view .views-field .views-label,
.rtw-view .views-field .views-label {
    width: 50%;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
		display: inline-block;
vertical-align: bottom;
min-height: 50px;
padding-bottom: 10px;
}
.dvr-view .views-field .field-content,
.rtw-view .views-field .field-content {
    width: 50%;
    margin: 0;
		display: inline-block;
vertical-align: bottom;
min-height: 50px;
padding-bottom: 10px;
}
.dvr-view .views-field-nothing,
.dvr-view .views-field-nothing-1 {
    height: 20px;
		min-height:0;
    width: 100%;
    border: 0;
}
.dvr-view .views-field-nothing-2,
.dvr-view .views-field-nothing-3 {
    height: 20px;
		min-height:0;
    border: 0;
		text-align: center;
		margin-top: 10px;
margin-bottom: 20px;
}
.dvr-view .views-field-field-mileage,
.dvr-view .views-field-field-fleet-no-,
.dvr-view .views-field-created-1 {
	width: 33.33%;
}
.dvr-view .views-field-field-please-give-details-of-any,
.dvr-view .views-field-form-field-field-action-taken-head-office-o,
.rtw-view .views-field-field-have-you-been-diagnosed-as,
.rtw-view .views-field-field-covid-19,
.rtw-view .views-field-field-how-long-did-you-self-isol,
.rtw-view .views-field-field-have-you-a-covid-19-isolat,
.rtw-view .views-field-field-reference-number,
.rtw-view .views-field-field-detail-the-medical-conditi,
.rtw-view .views-field-field-detail-the-medical-treatme,
.rtw-view .views-field-field-provide-a-list-of-medicati,
.rtw-view .views-field-field-are-you-still-taking-any-o,
.rtw-view .views-field-field-please-note-which-you-are-,
.rtw-view .views-field-field-how-do-you-feel-in-yoursel,
.rtw-view .views-field-field-have-you-been-issued-with-,
.rtw-view .views-field-field-are-you-returning-to-work-,
.rtw-view .views-field-field-if-yes-please-describe-,
.rtw-view .views-field-field-do-you-feel-you-are-well-a,
.rtw-view .views-field-field__if-no-please-state-why-,
.rtw-view .views-field-field-do-you-feel-that-pn-daly-l,
.rtw-view .views-field-field__if-yes-please-detail-,
.rtw-view .views-field-field-for-what-reasons-have-you-,
.rtw-view .views-field-field-i-hereby-declare-that-shou,
.rtw-view .views-field-field-review-outcome,
.rtw-view .views-field-field-dates-of-previous-absences,
.rtw-view .views-field-field-have-one-of-the-following-,
.rtw-view .views-field-field-if-a-trigger-point-has-bee {
	width: 100%;
}
.dvr-view .views-field-nothing .views-label,
.dvr-view .views-field-nothing .field-content,
.dvr-view .views-field-nothing-1 .views-label,
.dvr-view .views-field-nothing-1 .field-content,
.dvr-view .views-field-nothing-2 .views-label,
.dvr-view .views-field-nothing-2 .field-content,
.dvr-view .views-field-nothing-3 .views-label,
.dvr-view .views-field-nothing-3 .field-content,
.dvr-view .views-field-field-please-give-details-of-any .views-label,
.dvr-view .views-field-field-please-give-details-of-any .field-content,
.dvr-view .views-field-form-field-field-action-taken-head-office-o .views-label,
.dvr-view .views-field-form-field-field-action-taken-head-office-o .field-content,
.rtw-view .views-field-field-have-you-been-diagnosed-as .views-label,
.rtw-view .views-field-field-have-you-been-diagnosed-as .field-content,
.rtw-view .views-field-field-covid-19 .views-label,
.rtw-view .views-field-field-covid-19 .field-content,
.rtw-view .views-field-field-how-long-did-you-self-isol .views-label,
.rtw-view .views-field-field-have-you-a-covid-19-isolat .views-label,
.rtw-view .views-field-field-reference-number .views-label,
.rtw-view .views-field-field-detail-the-medical-conditi .views-label,
.rtw-view .views-field-field-detail-the-medical-treatme .views-label,
.rtw-view .views-field-field-provide-a-list-of-medicati .views-label,
.rtw-view .views-field-field-are-you-still-taking-any-o .views-label,
.rtw-view .views-field-field-please-note-which-you-are- .views-label,
.rtw-view .views-field-field-how-do-you-feel-in-yoursel .views-label,
.rtw-view .views-field-field-have-you-been-issued-with- .views-label,
.rtw-view .views-field-field-are-you-returning-to-work- .views-label,
.rtw-view .views-field-field-if-yes-please-describe- .views-label,
.rtw-view .views-field-field-do-you-feel-you-are-well-a .views-label,
.rtw-view .views-field-field__if-no-please-state-why- .views-label,
.rtw-view .views-field-field-do-you-feel-that-pn-daly-l .views-label,
.rtw-view .views-field-field__if-yes-please-detail- .views-label,
.rtw-view .views-field-field-for-what-reasons-have-you- .views-label,
.rtw-view .views-field-field-i-hereby-declare-that-shou .views-label,
.rtw-view .views-field-field-how-long-did-you-self-isol .field-content,
.rtw-view .views-field-field-have-you-a-covid-19-isolat .field-content,
.rtw-view .views-field-field-reference-number .field-content,
.rtw-view .views-field-field-detail-the-medical-conditi .field-content,
.rtw-view .views-field-field-detail-the-medical-treatme .field-content,
.rtw-view .views-field-field-provide-a-list-of-medicati .field-content,
.rtw-view .views-field-field-are-you-still-taking-any-o .field-content,
.rtw-view .views-field-field-please-note-which-you-are- .field-content,
.rtw-view .views-field-field-how-do-you-feel-in-yoursel .field-content,
.rtw-view .views-field-field-have-you-been-issued-with- .field-content,
.rtw-view .views-field-field-are-you-returning-to-work- .field-content,
.rtw-view .views-field-field-if-yes-please-describe- .field-content,
.rtw-view .views-field-field-do-you-feel-you-are-well-a .field-content,
.rtw-view .views-field-field__if-no-please-state-why- .field-content,
.rtw-view .views-field-field-do-you-feel-that-pn-daly-l .field-content,
.rtw-view .views-field-field__if-yes-please-detail- .field-content,
.rtw-view .views-field-field-for-what-reasons-have-you- .field-content,
.rtw-view .views-field-field-i-hereby-declare-that-shou .field-content,
.rtw-view .views-field-field-review-outcome .views-label,
.rtw-view .views-field-field-review-outcome .field-content,
.rtw-view .views-field-field-dates-of-previous-absences .views-label,
.rtw-view .views-field-field-have-one-of-the-following- .views-label,
.rtw-view .views-field-field-if-a-trigger-point-has-bee .views-label,
.rtw-view .views-field-field-dates-of-previous-absences .field-content,
.rtw-view .views-field-field-have-one-of-the-following- .field-content,
.rtw-view .views-field-field-if-a-trigger-point-has-bee .field-content {
	width: 100%;
	margin:0;
	padding:0;
}

.rtw-view .views-field-field-have-you-been-diagnosed-as .field-content,
.rtw-view .views-field-field-covid-19 .field-content {
	display: none;
}

.dvr-view .views-field-nothing-4,
.dvr-view .views-field-nothing-5,
.dvr-view .views-field-nothing-6,
.dvr-view .views-field-nothing-7,
.dvr-view .views-field-nothing-8,
.dvr-view .views-field-nothing-9,
.dvr-view .views-field-nothing-10,
.dvr-view .views-field-nothing-11,
.dvr-view .views-field-nothing-12,
.rtw-view .views-field-nothing-1,
.rtw-view .views-field-nothing-2,
.rtw-view .views-field-nothing-3,
.rtw-view .views-field-nothing-4,
.rtw-view .views-field-nothing-5,
.rtw-view .views-field-nothing-6,
.rtw-view .views-field-nothing-7,
.rtw-view .views-field-nothing-8,
.rtw-view .views-field-nothing-9,
.rtw-view .views-field-nothing-10,
.rtw-view .views-field-nothing-11,
.rtw-view .views-field-nothing-12,
.rtw-view .views-field-nothing-13,
.rtw-view .views-field-nothing-14,
.rtw-view .views-field-nothing-15 {
    height: 0;
    min-height: 0;
    display: block;
    width: 100%;
    border: 0;
}


.hazard-view .views-field,
.expense-view .views-field,
.holiday-view .views-field,
.or-view .views-field {
    width: 100%;
}

.hazard-view .views-field .views-label,
.hazard-view .views-field .field-content,
.expense-view .views-field .views-label,
.expense-view .views-field .field-content,
.holiday-view .views-field .views-label,
.holiday-view .views-field .field-content,
.or-view .views-field .views-label,
.or-view .views-field .field-content {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
}

.hazard-view .views-field .field-content,
.expense-view .views-field .field-content,
.holiday-view .views-field .field-content,
.or-view .views-field .field-content {
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.hazard-view .views-field .views-label,
.expense-view .views-field .views-label,
.holiday-view .views-field .views-label,
.or-view .views-field .views-label {
    font-weight: 700;
    color: #212121;
    padding-left: 10%;
}



.timesheet-logo {
    position: absolute;
    top: 10px;
    right: 10px;
}
.timesheet-logo img {
  width: 100%;
}
.timesheet-name, .timesheet-coworker, .timesheet-title, .timesheet-week {
    font-weight: 700;
    display: block;
    width: 100%;
		color: #212121;
}
.timesheet-title, .timesheet-week {
    display: inline-block;
    width: 45%;
}

.timesheet-view .table tr,
.timesheet-view .table td,
.timesheet-view .table th {
border: 1px solid #000 !important;
}

.timesheet-view .table td.views-field.views-field-field-date-time-on-site-1,
.timesheet-view .table th {
    background: #ddd;
		font-weight: 700;
		color: #212121;
}

.page-type-driver-vehicle-report .node-view-mode-full,
.page-type-timesheet .node-view-mode-full,
.page-type-health-and-safety-incident-log .node-view-mode-full,
.page-type-expense .node-view-mode-full,
.page-type-return-to-work-medical-questionn .node-view-mode-full,
.page-type-holiday-request .node-view-mode-full,
.page-type-other-leave .node-view-mode-full,
.page-type-vehicle-collection-delivery-dama .node-view-mode-full,
.page-type-holiday-cancellation .node-view-mode-full,
.page-type-overnight-request .node-view-mode-full,
.context-dashboard .node-view-mode-full {
    display: none;
}

.field--type-markup strong {
    border-bottom: 1px solid;
    font-size: 1.1em;
    color: #212121;
}

td.disabled {
  background: grey;
}

table.vehicle-cdd-table {
    width: 100%;
}

table.vehicle-cdd-table,
table.vehicle-cdd-table tr,
table.vehicle-cdd-table td,
table.vehicle-cdd-table th,
table.vehicle-cdd-sign-table,
table.vehicle-cdd-sign-table tr,
table.vehicle-cdd-sign-table td,
table.vehicle-cdd-sign-table th {
    border: 1px solid;
}

table.vehicle-cdd-sign-table {
    width: 100%;
		min-height: 350px;
}

/*------------------------------------
Modals
------------------------------------*/

.gauge-mask {
position: relative;
overflow: hidden;
display: block;
width: auto !important;
height: 6.25rem;
margin: 1.25rem;
}

.gauge-semi-circle::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
z-index: 2;
display: block;
width: 8.75rem;
height: 4.375rem;
margin-left: -4.375rem;
background: #fff;
border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%;
}

.gauge-semi-circle--mask {
position: absolute;
top: 0;
left: 0;
width: 12.5rem;
height: 12.5rem;
background: transparent;
transform-origin: center center;
backface-visibility: hidden;
transition: all 0.3s ease-in-out;
}

.gauge-semi-circle--mask.value-1 { transform: rotate(1.8deg); }
.gauge-semi-circle--mask.value-2 { transform: rotate(3.6deg); }
.gauge-semi-circle--mask.value-3 { transform: rotate(5.4deg); }
.gauge-semi-circle--mask.value-4 { transform: rotate(7.2deg); }
.gauge-semi-circle--mask.value-5 { transform: rotate(9deg); }
.gauge-semi-circle--mask.value-6 { transform: rotate(10.8deg); }
.gauge-semi-circle--mask.value-7 { transform: rotate(12.6deg); }
.gauge-semi-circle--mask.value-8 { transform: rotate(14.4deg); }
.gauge-semi-circle--mask.value-9 { transform: rotate(16.2deg); }
.gauge-semi-circle--mask.value-10 { transform: rotate(18deg); }
.gauge-semi-circle--mask.value-11 { transform: rotate(19.8deg); }
.gauge-semi-circle--mask.value-12 { transform: rotate(21.6deg); }
.gauge-semi-circle--mask.value-13 { transform: rotate(23.4deg); }
.gauge-semi-circle--mask.value-14 { transform: rotate(25.2deg); }
.gauge-semi-circle--mask.value-15 { transform: rotate(27deg); }
.gauge-semi-circle--mask.value-16 { transform: rotate(28.8deg); }
.gauge-semi-circle--mask.value-17 { transform: rotate(30.6deg); }
.gauge-semi-circle--mask.value-18 { transform: rotate(32.4deg); }
.gauge-semi-circle--mask.value-19 { transform: rotate(34.2deg); }
.gauge-semi-circle--mask.value-20 { transform: rotate(36deg); }
.gauge-semi-circle--mask.value-21 { transform: rotate(37.8deg); }
.gauge-semi-circle--mask.value-22 { transform: rotate(39.6deg); }
.gauge-semi-circle--mask.value-23 { transform: rotate(41.4deg); }
.gauge-semi-circle--mask.value-24 { transform: rotate(43.2deg); }
.gauge-semi-circle--mask.value-25 { transform: rotate(45deg); }
.gauge-semi-circle--mask.value-26 { transform: rotate(46.8deg); }
.gauge-semi-circle--mask.value-27 { transform: rotate(48.6deg); }
.gauge-semi-circle--mask.value-28 { transform: rotate(50.4deg); }
.gauge-semi-circle--mask.value-29 { transform: rotate(52.2deg); }
.gauge-semi-circle--mask.value-30 { transform: rotate(54deg); }
.gauge-semi-circle--mask.value-31 { transform: rotate(55.8deg); }
.gauge-semi-circle--mask.value-32 { transform: rotate(57.6deg); }
.gauge-semi-circle--mask.value-33 { transform: rotate(59.4deg); }
.gauge-semi-circle--mask.value-34 { transform: rotate(61.2deg); }
.gauge-semi-circle--mask.value-35 { transform: rotate(63deg); }
.gauge-semi-circle--mask.value-36 { transform: rotate(64.8deg); }
.gauge-semi-circle--mask.value-37 { transform: rotate(66.6deg); }
.gauge-semi-circle--mask.value-38 { transform: rotate(68.4deg); }
.gauge-semi-circle--mask.value-39 { transform: rotate(70.2deg); }
.gauge-semi-circle--mask.value-40 { transform: rotate(72deg); }
.gauge-semi-circle--mask.value-41 { transform: rotate(73.8deg); }
.gauge-semi-circle--mask.value-42 { transform: rotate(75.6deg); }
.gauge-semi-circle--mask.value-43 { transform: rotate(77.4deg); }
.gauge-semi-circle--mask.value-44 { transform: rotate(79.2deg); }
.gauge-semi-circle--mask.value-45 { transform: rotate(81deg); }
.gauge-semi-circle--mask.value-46 { transform: rotate(82.8deg); }
.gauge-semi-circle--mask.value-47 { transform: rotate(84.6deg); }
.gauge-semi-circle--mask.value-48 { transform: rotate(86.4deg); }
.gauge-semi-circle--mask.value-49 { transform: rotate(88.2deg); }
.gauge-semi-circle--mask.value-50 { transform: rotate(90deg); }
.gauge-semi-circle--mask.value-51 { transform: rotate(91.8deg); }
.gauge-semi-circle--mask.value-52 { transform: rotate(93.6deg); }
.gauge-semi-circle--mask.value-53 { transform: rotate(95.4deg); }
.gauge-semi-circle--mask.value-54 { transform: rotate(97.2deg); }
.gauge-semi-circle--mask.value-55 { transform: rotate(99deg); }
.gauge-semi-circle--mask.value-56 { transform: rotate(100.8deg); }
.gauge-semi-circle--mask.value-57 { transform: rotate(102.6deg); }
.gauge-semi-circle--mask.value-58 { transform: rotate(104.4deg); }
.gauge-semi-circle--mask.value-59 { transform: rotate(106.2deg); }
.gauge-semi-circle--mask.value-60 { transform: rotate(108deg); }
.gauge-semi-circle--mask.value-61 { transform: rotate(109.8deg); }
.gauge-semi-circle--mask.value-62 { transform: rotate(111.6deg); }
.gauge-semi-circle--mask.value-63 { transform: rotate(113.4deg); }
.gauge-semi-circle--mask.value-64 { transform: rotate(115.2deg); }
.gauge-semi-circle--mask.value-65 { transform: rotate(117deg); }
.gauge-semi-circle--mask.value-66 { transform: rotate(118.8deg); }
.gauge-semi-circle--mask.value-67 { transform: rotate(120.6deg); }
.gauge-semi-circle--mask.value-68 { transform: rotate(122.4deg); }
.gauge-semi-circle--mask.value-69 { transform: rotate(124.2deg); }
.gauge-semi-circle--mask.value-70 { transform: rotate(126deg); }
.gauge-semi-circle--mask.value-71 { transform: rotate(127.8deg); }
.gauge-semi-circle--mask.value-72 { transform: rotate(129.6deg); }
.gauge-semi-circle--mask.value-73 { transform: rotate(131.4deg); }
.gauge-semi-circle--mask.value-74 { transform: rotate(133.2deg); }
.gauge-semi-circle--mask.value-75 { transform: rotate(135deg); }
.gauge-semi-circle--mask.value-76 { transform: rotate(136.8deg); }
.gauge-semi-circle--mask.value-77 { transform: rotate(138.6deg); }
.gauge-semi-circle--mask.value-78 { transform: rotate(140.4deg); }
.gauge-semi-circle--mask.value-79 { transform: rotate(142.2deg); }
.gauge-semi-circle--mask.value-80 { transform: rotate(144deg); }
.gauge-semi-circle--mask.value-81 { transform: rotate(145.8deg); }
.gauge-semi-circle--mask.value-82 { transform: rotate(147.6deg); }
.gauge-semi-circle--mask.value-83 { transform: rotate(149.4deg); }
.gauge-semi-circle--mask.value-84 { transform: rotate(151.2deg); }
.gauge-semi-circle--mask.value-85 { transform: rotate(153deg); }
.gauge-semi-circle--mask.value-86 { transform: rotate(154.8deg); }
.gauge-semi-circle--mask.value-87 { transform: rotate(156.6deg); }
.gauge-semi-circle--mask.value-88 { transform: rotate(158.4deg); }
.gauge-semi-circle--mask.value-89 { transform: rotate(160.2deg); }
.gauge-semi-circle--mask.value-90 { transform: rotate(162deg); }
.gauge-semi-circle--mask.value-91 { transform: rotate(163.8deg); }
.gauge-semi-circle--mask.value-92 { transform: rotate(165.6deg); }
.gauge-semi-circle--mask.value-93 { transform: rotate(167.4deg); }
.gauge-semi-circle--mask.value-94 { transform: rotate(169.2deg); }
.gauge-semi-circle--mask.value-95 { transform: rotate(171deg); }
.gauge-semi-circle--mask.value-96 { transform: rotate(172.8deg); }
.gauge-semi-circle--mask.value-97 { transform: rotate(174.6deg); }
.gauge-semi-circle--mask.value-98 { transform: rotate(176.4deg); }
.gauge-semi-circle--mask.value-99 { transform: rotate(178.2deg); }
.gauge-semi-circle--mask.value-100 { transform: rotate(180deg); }

.gauge-semi-circle--mask::before {
content: "";
position: absolute;
top: 0;
left: 0%;
z-index: 2;
display: block;
width: 12.625rem;
height: 6.375rem;
margin: -1px 0 0 -1px;
background: #f2f2f2;
border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%;
}

.gauge-data {
z-index: 10;
position: absolute;
width: 100%;
top: 50%;
margin-left: auto;
margin-right: auto;
transition: all 1s ease-out;
text-align: center !important;
line-height: 25px;
}

.gauge-data .gauge-percent {
font-size: 1.4em;
}

.gauge-data .gauge-label {
font-size: 1em;
font-weight: 600;
}

.gauge-semi-circle {
position: relative;
display: block;
width: 12.5rem;
height: 6.25rem;
background: linear-gradient(to right, #1abc9c 0%, #f1c40f 50%, #c0392b 100%);
border-radius: 50% 50% 50% 50% / 100% 100% 0 0;
}

.modal-left .field__label, .modal-right .field__label {
    display: none;
}

.modal-left, .modal-right {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.modal-left, .modal-right {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.modal-left legend, .modal-right legend {
    display: none;
}

.modal form#node-appointment-request-form {
    padding: 1rem;
}

.ui-dialog .modal-hide {
    display: none;
}

.modal-header,
.ui-dialog-titlebar {
	padding: 1rem 1.875rem
}

.ui-dialog .ui-dialog-titlebar {
    border: none;
    border-radius: 0.5rem 0.5rem 0 0;
    background: #008fd4;
    color: #fff;
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus {
    background: none;
    border: none;
}

.modal-header .close,
.ui-dialog-titlebar-close {
	padding: 0.875rem 1.815rem;
	margin: 0;
	position: absolute;
	right: 0;
	float: none;
	top: 0;
	font-size: 30px;
	font-weight: 100
}

.ui-dialog-titlebar-close .ui-icon {
    background-image: url("/images/close.png") !important;
    background-size: cover;
    background-position: 0 0 !important;
}

.modal-footer {
	padding: 1rem 0;
}

.modal-content,
.ui-dialog {
	border-radius: 0.5rem;
  padding: 0;
  border: none !important;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    max-height: calc(100vh - 150px) !important;
		overflow-y: scroll;
}

.modal-backdrop {
	z-index: 10 !important
}

.ui-dialog {
    width: 50% !important;
    min-height: 75vh !important;
    left: 25% !important;
    padding-top: 0;
}

#drupal-modal {
	max-height: calc(100vh - 150px) !important;
}

.ui-dialog .geofield-static-google-map img {
    height: 100%;
    width: auto;
    margin: auto;
    display: block;
}

.node-note-form .form-item-body-0-value label {
    display: none;
}

.filter-wrapper {
    display: none;
}

.ui-menu.ui-widget {
    z-index: 1060;
}


/*------------------------------------
Horizontal Tabs
------------------------------------*/

.horizontal-tabs {
    border: 0;
}
.horizontal-tabs .horizontal-tabs-list {
    background: none;
    border-bottom: 2px solid #008fd4;
}
.horizontal-tabs .horizontal-tab-button {
    background: #008fd4;
    color: #fff;
    opacity: 0.8;
    border-radius: 0.5rem 0.5rem 0 0;
    text-align: center;
}
.horizontal-tab-button.selected {
    opacity: 1;
}
.horizontal-tabs .horizontal-tab-button a {
    color: #fff;
}
.horizontal-tabs .horizontal-tab-button a:hover {
    background: #bd0012;
    border-radius: 0.5rem 0.5rem 0 0;
}
.horizontal-tabs .horizontal-tab-button.selected {
	background: #bd0012 !important;
}
.horizontal-tabs .form-details-wrapper {
    margin-top: 1rem;
}
.horizontal-tabs .field,
.horizontal-tabs .node-taxonomy-container {
    margin-bottom: 1rem;
}
.horizontal-tabs .field__label,
.horizontal-tabs .term-title {
  font-size: initial;
  color: #bd0012;
    font-weight: 900;
}

.horizontal-tabs .form-wrapper {
    margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 0 0 1.375rem 1.375rem;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    height: 100%;
    padding: 1.875rem;
    margin-top: -5px;
}

.node-new-starter-form-form.node-form .horizontal-tabs .form-wrapper {
    background: none;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
}

/*------------------------------------
Status
------------------------------------*/

.status-Unassigned,
.status-Postcodenotconfirmed,
.status-New {
  background-color: #2b2b2b !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status-CCA,
.status-CallBack,
.status-Call.Back {
  background-color: #1268d9 !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status-Assigned,
.status-Pending {
  background-color: #d4e208 !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status-InProgress,
.status-In.Progress,
.status-Ongoing,
.status.absent .response,
.status.Query {
  background-color: #ff8800 !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status-Completed,
.status.online .response,
.status-Approved {
  background-color: #139017 !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status-Rejected,
.status-Aborted,
.status-Cancelled {
  background-color: #990abd !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status.offline .response,
.status-Declined {
  background-color: #bd2110 !important;
  color: #fff;
  margin: -10px !important;
  padding: 10px !important;
}

.status .response {
font-size: 0;
border-radius: 50%;
}

.views-field.views-field-field-avatar.views-field-user-online-status {
    position: relative;
}

.views-field.views-field-field-avatar.views-field-user-online-status .user-online-status {
    position: absolute;
    bottom: 10px;
    left: 90px;
}

.user-online-status .label {
  display: none;
}

.photo-left {
	position: relative;
}

.photo-left .active {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

ul.status-header li {
  list-style: none;
  display: inline-block;
  width: 10%;
  position: relative;
  text-align: center;
}

ul.status-header {
  text-align: center;
}

@media (max-width: 768px) {
  ul.status-header {
    display: none;
  }
}

ul.status-header li:before {
  content: '.';
  position: absolute;
  top: 0;
  margin-top: -30px;
  left: 44%;
  font-size: 60px;
  line-height: 0;
}

ul.status-header li:after {
  content: '';
  position: absolute;
  top: 0;
  margin-top: -14px;
  left: -47%;
  font-size: 60px;
  line-height: 0;
  width: 90%;
  border-bottom: 2px solid;
}

ul.status-header li.active {
  color: #bd2110;
  margin-bottom: 60px;
}

/*------------------------------------
Timesheets
------------------------------------*/

#edit-field-start-end-shift {
  text-align: center;
}

#edit-field-start-end-shift .form-item {
  display: inline-block;
	vertical-align:top;
}

#edit-field-start-end-shift .form-item input {
  opacity: 0;
  z-index: 100;
}

#edit-field-start-end-shift .form-item label {
  padding: 40px 5px;
  width: 100px;
  height: 100px;
  border: 1px solid #CCC;
  background: #efefef;
  cursor: pointer;
  z-index: 90;
}

#edit-field-start-end-shift .form-item input:checked+label {
  background: #bd2110;
  color: #fff;
}

/*------------------------------------
Node Content
------------------------------------*/

.node-content.row legend {
    position: absolute;
    top: 0;
}

.node-content.row .card {
    padding-top: 2.875rem;
}

.node-content fieldset .field,
.node-content fieldset .node-taxonomy-container {
    margin-bottom: 1rem;
}

.node-content fieldset .field__label,
.node-content fieldset h3,
.dashboard-stats .label {
    font-size: initial;
    color: #bd0012;
    font-weight: 900;
		text-align: left !important;
    padding: 0;
}

.node-content.row .geofield-google-map {
    height: 450px !important;
}

/*------------------------------------
Pagination
------------------------------------*/

ul.pager__items {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

li.pager__item {
  display: inline-block;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      transition: 0.3s;
}

li.pager__item a {
  display: block;
      width: 28px;
      height: 28px;
      border: 2px solid #bd0012;
      border-radius: 50%;
      transition: 0.3s;
}

li.pager__item.is-active,
li.pager__item a:hover {
    background: #bd0012;
    color: #fff;
    transition: 0.3s;
}

li.pager__item.is-active a {
    color: #fff;
}

ul.js-pager__items {
    text-align: center;
    font-size: 0;
}
ul.js-pager__items li a {
    display: block;
    margin: auto;
    width: 28px;
    height: 28px;
    border: 2px solid #bd0012;
    border-radius: 50%;
    transition: 0.3s;
    font-size: initial;
}

li.pager__item.pager__item--next,
li.pager__item.pager__item--last,
li.pager__item.pager__item--first,
li.pager__item.pager__item--previous,
li.pager__item.pager__item--next a,
li.pager__item.pager__item--last a,
li.pager__item.pager__item--first a,
li.pager__item.pager__item--previous a {
    width: auto;
    border: none;
    margin: 0 5px;
}

li.pager__item.pager__item--next a:hover,
li.pager__item.pager__item--last a:hover,
li.pager__item.pager__item--first a:hover,
li.pager__item.pager__item--previous a:hover {
    background: none;
    color: #008fd4;
}


/*------------------------------------
Popover
------------------------------------*/

.popover {
	border: 2px solid #008fd4;
	min-width: 210px;
	z-index: 103;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.popover-header {
	background: #008fd4;
	color: #fff;
	font-weight: 300
}

.popover-header::before {
	border-bottom: 0 !important
}

.popover-body {
	font-size: 0.75rem
}



@media only screen and (max-width: 767px) {
	.popover {
		z-index: 3
	}
}

.bootstrap-popover-wrapper .bootstrap-popover {
	margin-right: 8px
}

.bootstrap-popover-wrapper .bootstrap-popover {
	margin-bottom: .5rem
}

.bootstrap-popover-wrapper .bootstrap-popover button:hover,
.bootstrap-popover-wrapper .bootstrap-popover button:focus {
	background: #bd0012;
	color: #fff;
	box-shadow: none
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
	bottom: 0px;
	border-top-color: #008fd4
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
	right: 0px;
	border-left-color: #008fd4
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
	left: 0px;
	border-right-color: #008fd4
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
	top: 0px;
	border-bottom-color: #008fd4
}

.note-popover {
	display: none
}

.progress-bar {
	background-color: #bd0012
}

.progress-bar-primary {
	background-color: #bd0012
}

.progress-bar-success {
	background-color: #52c41a
}

.progress-bar-info {
	background-color: #1890ff
}

.progress-bar-danger {
	background-color: #f44336
}

.progress-bar-warning {
	background-color: #fa8c16
}

.progress-bar-pink {
	background-color: #e83e8c
}

.progress {
	height: 6px;
	overflow: hidden
}



.progress-bar {
	border-radius: 4px
}

.progress-vertical {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 2rem;
	min-height: 17rem;
	position: relative
}

@media (max-width: 991.98px) {
	.progress-vertical {
		margin-right: 1rem
	}
}

.progress-vertical-bottom {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 2rem;
	min-height: 17rem;
	position: relative;
	transform: rotate(180deg)
}

@media (max-width: 991.98px) {
	.progress-vertical-bottom {
		margin-right: 1rem
	}
}

.progress-animated {
	animation-duration: 5s;
	animation-name: myanimation;
	transition: all 5s ease 0s
}

.jsgrid-grid-body::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
	background-color: #F5F5F5;
	width: 8px;
	height: 8px
}

.jsgrid-grid-body::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5
}

.jsgrid-grid-body::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #7e7e7e
}

.multi-steps>li.is-active:before,
.multi-steps>li.is-active~li:before {
	content: counter(stepNum);
	font-family: inherit;
	font-weight: 400
}

.multi-steps>li.is-active:after,
.multi-steps>li.is-active~li:after {
	background-color: #eee
}

.multi-steps {
	display: table;
	table-layout: fixed;
	width: 100%
}

.multi-steps>li {
	counter-increment: stepNum;
	text-align: center;
	display: table-cell;
	position: relative;
	color: #bd0012
}

@media (max-width: 575.98px) {
	.multi-steps>li {
		font-size: 0.75rem
	}
}

.multi-steps>li:before {
	content: '\2713';
	display: block;
	margin: 0 auto 4px;
	background-color: #fff;
	width: 25px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 1;
	border-width: 2px;
	border-style: solid;
	border-color: #bd0012;
	border-radius: 5px
}

@media (max-width: 575.98px) {
	.multi-steps>li:before {
		width: 25px;
		height: 25px;
		line-height: 21px
	}
}

.multi-steps>li:after {
	content: '';
	height: 2px;
	width: 100%;
	background-color: #bd0012;
	position: absolute;
	top: 12px;
	left: 50%
}

@media (max-width: 575.98px) {
	.multi-steps>li:after {
		top: 12px
	}
}

.multi-steps>li:last-child:after {
	display: none
}

.multi-steps>li.is-active:before {
	background-color: #fff;
	border-color: #bd0012
}

.multi-steps>li.is-active~li {
	color: #7e7e7e
}

.multi-steps>li.is-active~li:before {
	background-color: #eee;
	border-color: #eee
}

.nav-pills .nav-link {
	border-radius: 1.375rem;
	padding: 0.75rem 1.25rem
}

.default-tab .nav-link {
	background: transparent;
	border-radius: 0px;
	font-weight: 500
}

.default-tab .nav-link i {
	display: inline-block;
	transform: scale(1.5);
	color: #bd0012
}

.default-tab .nav-link:focus,
.default-tab .nav-link:hover,
.default-tab .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff #ebeef6;
	border-radius: 1.375rem 1.375rem 0 0;
	color: #bd0012
}


.custom-tab-1 .nav-link {
	background: transparent;
	border-radius: 0px;
	font-weight: 500;
	border-bottom: 3px solid transparent;
	border-width: 0 0px 3px 0
}

.custom-tab-1 .nav-link i {
	display: inline-block;
	transform: scale(1.5);
	color: #bd0012
}

.custom-tab-1 .nav-link:focus,
.custom-tab-1 .nav-link:hover,
.custom-tab-1 .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #bd0012;
	border-radius: 0;
	color: #bd0012;
	border-width: 0 0px 3px 0
}



.nav-pills.light .nav-link.active,
.nav-pills.light .show>.nav-link {
	background: #e6faee;
	color: #bd0012;
	box-shadow: none
}



.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	box-shadow: 0 0 20px 0 rgba(189, 0, 18, 0.2)
}

.tooltip-wrapper button:not(:last-child) {
	margin-right: 8px
}

.tooltip-wrapper button:hover {
	background: #bd0012;
	color: #fff
}

.tooltip-wrapper button {
	margin-bottom: .5rem
}

.tooltip-wrapper button:focus {
	box-shadow: none
}

.tooltip-inner {
	border-radius: 0;
	background: #333333;
	font-size: 12px;
	font-weight: 300;
	padding: 0.35rem 0.7rem
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #333333
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #333333
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #333333
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #333333
}

.social-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	text-align: center;
	background: #F9F9F9;
	margin-bottom: 0.5rem;
	font-size: 20px
}

.social-icon i {
	color: #fff
}

.social-icon.youtube {
	background: red
}

.social-icon.facebook {
	background: #3b5998
}

.social-icon.twitter {
	background: #1da1f2
}

.social-icon2 a {
	border: 0.1rem solid #bd0012;
	display: block;
	padding: 1rem;
	margin-top: 1.5rem;
	margin-bottom: .5rem;
	border-radius: .3rem;
	font-size: 1.6rem
}

.social-icon2 i {
	font-size: 12px;
	color: #bd0012
}

.social-icon3 ul li {
	display: inline-block
}

.social-icon3 ul li a {
	display: block
}

.social-icon3 ul li a i {
	font-size: 1.4rem;
	padding: 1rem .7rem;
	color: #464a53
}

.social-icon3 ul li a:hover i {
	color: #bd0012
}

.social-icons-muted ul li a i {
	color: #89879f
}

.social-links a {
	padding: .5rem
}

.widget-stat .media {
	padding: 0px 0;
	align-items: center
}

.widget-stat .media>span {
	height: 85px;
	width: 85px;
	border-radius: 50px;
	padding: 10px 12px;
	font-size: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #464a53;
	min-width: 85px
}

.widget-stat .media .media-body p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px
}



.widget-stat .media .media-body h3 {
	font-size: 40px;
	font-weight: 600;
	margin: 0;
	line-height: 1.2
}

.widget-stat .media .media-body h4 {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle
}

.widget-stat .media .media-body span {
	margin-left: 5px
}

.widget-stat[class*="bg-"] .media>span {
	background-color: rgba(255, 255, 255, 0.25);
	color: #fff
}

.widget-stat[class*="bg-"] .progress {
	background-color: rgba(255, 255, 255, 0.25) !important
}

.dez-widget-1 .card {
	background: #FFE7DB
}

.dez-widget-1 .card .card-body p {
	color: #f87533
}

.dez-widget-1 .icon {
	float: right;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	font-size: 28px
}

.bgl-primary {
	background: #e6faee;
	border-color: #e6faee
}


.bgl-secondary {
	background: #f3edfa;
	border-color: #f3edfa
}



.bgl-success {
	background: #ecfae4;
	border-color: #ecfae4
}



.bgl-warning {
	background: #fff2dd;
	border-color: #fff2dd
}



.bgl-danger {
	background: #ffefee;
	border-color: #ffefee
}



.bgl-info {
	background: #f5fafe;
	border-color: #f5fafe
}



.bg-primary-light {
	background: rgba(230, 250, 238, 0.5)
}



.bg-secondary-light {
	background: rgba(243, 237, 250, 0.5)
}



.bg-success-light {
	background: rgba(236, 250, 228, 0.5)
}



.bg-warning-light {
	background: rgba(255, 242, 221, 0.5)
}




.bg-danger-light {
	background: rgba(255, 239, 238, 0.5)
}



.bg-info-light {
	background: rgba(245, 250, 254, 0.5)
}


.bgl-dark {
	background: #eee;
	border-color: #eee
}

.bgl-light {
	background: #E8E8E8;
	border-color: #E8E8E8
}

.overlay-box {
	position: relative;
	z-index: 1
}

.overlay-box:after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0.85;
	background: #bd0012;
	z-index: -1
}

.rating-bar {
	font-size: 13px
}

.tdl-holder {
	margin: 0 auto
}

.tdl-holder ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.tdl-holder li {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	list-style: none none;
	margin: 0;
	padding: 0
}

.tdl-holder li span {
	margin-left: 35px;
	font-size: 1rem;
	vertical-align: middle;
	transition: all 0.2s linear
}

.tdl-holder label {
	cursor: pointer;
	display: block;
	line-height: 50px;
	padding-left: 1.5rem;
	position: relative;
	margin: 0 !important
}

.tdl-holder label:hover {
	background-color: #eef1f6;
	color: #6e6e6e
}

.tdl-holder label:hover a {
	color: #f44336
}

.tdl-holder label a {
	color: #fff;
	display: inline-block;
	line-height: normal;
	height: 100%;
	text-align: center;
	text-decoration: none;
	width: 50px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all 0.2s linear;
	padding: 18px 0px;
	font-size: 18px;
	position: absolute;
	right: 0
}

.tdl-holder input[type=checkbox] {
	cursor: pointer;
	opacity: 0;
	position: absolute
}

.tdl-holder input[type=checkbox]+i {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	display: block;
	height: 20px;
	position: absolute;
	top: 15px;
	width: 20px;
	z-index: 1;
	border-radius: 00px;
	font-size: 11px;
	border-radius: 4px
}

.tdl-holder input[type=checkbox]:checked+i {
	background: #bd0012;
	border-color: transparent
}

.tdl-holder input[type=checkbox]:checked+i::after {
	content: "\f00c";
	font-family: 'fontAwesome';
	display: block;
	left: 2px;
	position: absolute;
	top: -14px;
	z-index: 2;
	color: #fff
}

.tdl-holder input[type=checkbox]:checked~span {
	text-decoration: line-through;
	position: relative
}

.tdl-holder input[type=text] {
	background-color: #fff;
	height: 50px;
	margin-top: 29px;
	border-radius: 3px
}

.tdl-holder input[type=text]::placeholder {
	color: #6e6e6e
}

.widget-message p {
	font-size: 14px;
	line-height: 1.5
}

.picker .picker__frame {
	min-width: 450px !important;
	max-width: 450px !important
}

.picker .picker__frame .picker__box {
	padding: 20px;
	border: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.picker .picker__frame .picker__box .picker__header {
	margin-top: 0
}

.picker .picker__frame .picker__box .picker__header .picker__year {
	color: #bd0012;
	font-style: inherit;
	font-size: 20px
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev,
.picker .picker__frame .picker__box .picker__header .picker__nav--next {
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	border-radius: 2px
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:before,
.picker .picker__frame .picker__box .picker__header .picker__nav--next:before {
	content: none !important
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after,
.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
	font-family: fontawesome;
	border: 0;
	margin: 0 auto;
	font-size: 22px
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover,
.picker .picker__frame .picker__box .picker__header .picker__nav--next:hover {
	background-color: #c4f4d7 !important;
	color: #bd0012 !important
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev {
	left: 0
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
	content: "\f0d9"
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next {
	right: 0
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
	content: "\f0da"
}

.picker .picker__frame .picker__box .picker__table .picker__weekday {
	padding: 10px 0;
	font-size: 16px
}

.picker .picker__frame .picker__box .picker__table .picker__day {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	padding: 0 !important;
	font-size: 16px;
	line-height: 40px;
	margin: auto;
	border: 0 !important
}

.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--today:before {
	content: none !important
}

.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted {
	border: 0 !important;
	padding: 0;
	background-color: #bd0012 !important;
	color: #fff !important
}

.picker .picker__frame .picker__box .picker__table .picker__day:hover {
	background-color: #bd0012 !important;
	color: #fff !important
}

.picker .picker__frame .picker__box .picker__footer .picker__button--today {
	background-color: #bd0012 !important;
	color: #fff !important
}

.picker .picker__frame .picker__box .picker__footer .picker__button--today:before {
	content: none !important
}

.picker .picker__frame .picker__box .picker__footer .picker__button--clear,
.picker .picker__frame .picker__box .picker__footer .picker__button--close,
.picker .picker__frame .picker__box .picker__footer .picker__button--today {
	border: 0;
	border-radius: 2px;
	font-size: 16px
}

.picker .picker__frame .picker__box .picker__footer .picker__button--clear:hover,
.picker .picker__frame .picker__box .picker__footer .picker__button--close:hover,
.picker .picker__frame .picker__box .picker__footer .picker__button--today:hover {
	background-color: #bd0012 !important;
	color: #fff !important
}

@media only screen and (max-width: 575px) {
	.picker .picker__frame {
		min-width: 100% !important;
		max-width: 100% !important
	}
	.picker .picker__frame .picker__box {
		padding: 15px;
		margin: 0 10px
	}
}

.card-list {
	overflow: unset;
	height: calc(100% - 50px)
}

.card-list .card-header {
	padding-top: 0;
	padding-bottom: 0
}

.card-list .card-header .photo {
	overflow: hidden;
	border-radius: 5px;
	width: 100%
}

@media only screen and (max-width: 1199px) {
	.card-list {
		height: calc(100% - 40px)
	}
}

.card-list.list-left {
	margin-top: 15px;
	margin-left: 15px
}

.card-list.list-left .card-header {
	padding-left: 0
}

.card-list.list-left .card-header .photo {
	margin: -15px 15px 0 -15px
}

.card-list.list-right {
	margin-top: 15px;
	margin-right: 15px;
	text-align: right
}

.card-list.list-right .card-header {
	padding-right: 0
}

.card-list.list-right .card-header .photo {
	margin: -15px -15px 0 15px
}

.card-list.list-right .card-header .photo img {
	width: 100%
}

.card-list.list-center {
	margin-top: 15px
}

.card-list.list-center .card-header .photo {
	margin: -15px 0 0 0
}

.card-list .photo img {
	width: 100%
}

.card-profile .profile-photo {
	margin-top: -20px
}

.social-graph-wrapper {
	text-align: center;
	padding: 20px;
	position: relative;
	color: #fff;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem
}

.social-graph-wrapper.widget-facebook {
	background-color: #3b5998
}

.social-graph-wrapper.widget-twitter {
	background-color: #1da1f2
}

.social-graph-wrapper.widget-linkedin {
	background-color: #007bb6
}

.social-graph-wrapper.widget-googleplus {
	background-color: #db4439
}

.social-graph-wrapper .s-icon {
	font-size: 24px;
	position: relative;
	padding: 0 10px
}


.table table,
.card table {
	width: 100%;
}

.table th,
.table td {
	border-color: #eee;
	padding: 12px 9px
}

.table.table-striped tbody tr:nth-of-type(odd),
.table.table-hover tr:hover {
	background-color: #f2f4fa
}

.table.shadow-hover tbody tr:hover {
	background-color: #fff;
	box-shadow: 0 0px 30px rgba(189, 0, 18, 0.15)
}

.table.tr-rounded tr td:first-child,
.table.tr-rounded tr th:first-child {
	border-radius: 1.375rem 0 0 1.375rem
}

.table.tr-rounded tr td:last-child,
.table.tr-rounded tr th:last-child {
	border-radius: 0 1.375rem 1.375rem 0
}

.table.bg-primary-hover th,
.table.bg-primary-hover td {
	border: none;
	font-weight: 500
}

.table.bg-primary-hover td {
	color: #000
}

.table.bg-primary-hover th {
	color: #6C6C6C
}

.table.bg-primary-hover tr:hover td,
.table.bg-primary-hover tr:hover th {
	background: rgba(189, 0, 18, 0.1);
	color: #bd0012 !important
}

.table.bg-secondary-hover th,
.table.bg-secondary-hover td {
	border: none;
	font-weight: 500
}

.table.bg-secondary-hover td {
	color: #000
}

.table.bg-secondary-hover th {
	color: #6C6C6C
}

.table.bg-secondary-hover tr:hover td,
.table.bg-secondary-hover tr:hover th {
	background: rgba(134, 74, 209, 0.1);
	color: #008fd4 !important
}

.table.bg-info-hover th,
.table.bg-info-hover td {
	border: none;
	font-weight: 500
}

.table.bg-info-hover td {
	color: #000
}

.table.bg-info-hover th {
	color: #6C6C6C
}

.table.bg-info-hover tr:hover td,
.table.bg-info-hover tr:hover th {
	background: rgba(81, 166, 245, 0.1);
	color: #1890ff !important
}

.table.bg-warning-hover th,
.table.bg-warning-hover td {
	border: none;
	font-weight: 500
}

.table.bg-warning-hover td {
	color: #000
}

.table.bg-warning-hover th {
	color: #6C6C6C
}

.table.bg-warning-hover tr:hover td,
.table.bg-warning-hover tr:hover th {
	background: rgba(255, 172, 48, 0.1);
	color: #fa8c16 !important
}

.table.border-no td {
	border: 0
}

.table.short-one tr td:first-child,
.table.short-one tr th:first-child {
	width: 60px !important
}

.table thead th,
table thead th {
	border-bottom-width: 1px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	border-color: #dee2e6;
	border-bottom: 1px solid #dee2e6;
}



.table tbody tr td {
	vertical-align: middle;
	border-color: #eee
}



.table:not(.table-bordered) thead th {
	border-top: none
}

.table .thead-primary th {
	background-color: #bd0012;
	color: #fff
}

.table .thead-info th {
	background-color: #1890ff;
	color: #fff
}

.table .thead-warning th {
	background-color: #fa8c16;
	color: #fff
}

.table .thead-danger th {
	background-color: #f44336;
	color: #fff
}

.table .thead-success th {
	background-color: #52c41a;
	color: #fff
}

.table.primary-table-bordered {
	border: 1px solid #eee
}


.table.primary-table-bg-hover thead th {
	background-color: #2ed871;
	color: #fff;
	border-bottom: none
}

.table.primary-table-bg-hover tbody tr {
	background-color: #bd0012;
	color: #fff;
	transition: all .1s ease
}

.table.primary-table-bg-hover tbody tr:hover {
	background-color: #58e08f
}

.table.primary-table-bg-hover tbody tr:not(:last-child) td,
.table.primary-table-bg-hover tbody tr:not(:last-child) th {
	border-bottom: 1px solid #2ed871
}

.table-responsive-tiny {
	min-width: 18.75rem
}

.table-responsive-sm {
	min-width: 30rem !important
}

.table-responsive-md {
	min-width: 36rem !important
}

.table-responsive-lg {
	min-width: 60.9375rem !important
}

.table-responsive-xl {
	min-width: 70.9375rem !important
}

.table-primary,
.table-primary>th,
.table-primary>td {
	background-color: #e6faee;
	color: #bd0012
}


.table-success,
.table-success>th,
.table-success>td {
	background-color: #ecfae4;
	color: #52c41a
}



.table-info,
.table-info>th,
.table-info>td {
	background-color: #f5fafe;
	color: #1890ff
}



.table-warning,
.table-warning>th,
.table-warning>td {
	background-color: #fff2dd;
	color: #fa8c16
}



.table-danger,
.table-danger>th,
.table-danger>td {
	background-color: #ffefee;
	color: #f44336
}



.table-active,
.table-active>th,
.table-active>td {
	background-color: #f2f4fa
}



.card-table th:first-child,
.card-table td:first-child {
	padding-left: 30px
}

@media only screen and (max-width: 575px) {
	.card-table th:first-child,
	.card-table td:first-child {
		padding-left: 15px
	}
}

.card-table th:last-child,
.card-table td:last-child {
	padding-right: 30px
}

@media only screen and (max-width: 575px) {
	.card-table th:last-child,
	.card-table td:last-child {
		padding-right: 15px
	}
}

.bootgrid-header {
	padding: 0 !important;
	margin: 0
}

@media only screen and (max-width: 575px) {
	.bootgrid-header .actionBar {
		padding: 0
	}
	.bootgrid-header .search {
		margin: 0 0 10px 0
	}
}

table#example {
	padding: 0rem 0 2rem 0
}

table.dataTable {
	font-size: 14px
}

#example2_wrapper .dataTables_scrollBody {
	max-height: 33.25rem !important
}

#employees,
#custommers {
	padding: .5rem 0 1rem 0
}

.dataTables_wrapper .dataTables_paginate {
	padding-top: 0.75em;
	padding-bottom: 0.75em
}

table.dataTable thead th,
table.dataTable thead td {
	border-bottom: 0;
	border-top: 0
}

table.dataTable tfoot th,
table.dataTable tfoot td {
	border-top: 0
}

table.dataTable tbody tr,
table.dataTable tbody td {
	background: transparent !important
}

table.dataTable thead th {
	color: #000;
	white-space: nowrap;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	padding: 20px 15px
}



@media only screen and (max-width: 1400px) {
	table.dataTable thead th {
		font-size: 16px
	}
}

table.dataTable tbody td {
	padding: 12px 15px;
	font-size: 16px
}

@media only screen and (max-width: 575px) {
	table.dataTable tbody td {
		padding: 8px 5px
	}
}

@media only screen and (max-width: 1400px) {
	table.dataTable tbody td {
		font-size: 14px;
		padding: 8px 15px
	}
}

table.dataTable tr.selected {
	color: #bd0012
}

table.dataTable tfoot th {
	color: #6e6e6e;
	font-weight: 600
}



.dataTables_wrapper .dataTables_paginate {
	align-items: center;
	flex-flow: wrap;
	display: flex
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
	margin-left: 5px;
	font-size: 16px;
	border: 0 !important;
	height: 40px;
	width: auto;
	padding: 0 15px;
	border-radius: 2rem;
	line-height: 40px;
	display: inline-block;
	background-color: #e6faee;
	color: #bd0012 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover {
	color: #fff !important;
	background: #bd0012 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
	color: #bd0012 !important
}

@media only screen and (max-width: 575px) {
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
		font-size: 0px
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after {
		content: "\f053";
		font-family: 'FontAwesome';
		font-size: 15px
	}
}

@media only screen and (max-width: 575px) {
	.dataTables_wrapper .dataTables_paginate .paginate_button.next {
		font-size: 0px
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button.next:after {
		content: "\f054";
		font-family: 'FontAwesome';
		font-size: 15px
	}
}

.dataTables_wrapper .dataTables_paginate span {
	display: flex;
	margin: 5px 0px
}

.dataTables_wrapper .dataTables_paginate span .paginate_button {
	height: 40px;
	width: 40px;
	padding: 0;
	margin-left: 5px;
	line-height: 40px;
	text-align: center;
	border-radius: 40px;
	background-color: #e6faee;
	color: #bd0012 !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
	color: #fff !important;
	background: #bd0012;
	border: 0 !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
	color: #fff !important;
	background: #bd0012 !important
}

.dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate span .paginate_button:active {
	border: 0;
	color: #fff !important;
	background: #bd0012 !important
}

@media only screen and (max-width: 575px) {
	.dataTables_wrapper .dataTables_paginate {
		justify-content: center;
		margin-top: 0
	}
}

.dataTables_wrapper input[type="search"],
.dataTables_wrapper input[type="text"],
.dataTables_wrapper select {
	border: 1px solid #e2e2e2;
	padding: .3rem 0.5rem;
	width: 220px;
	color: #715d5d;
	border-radius: 5px
}



.dataTables_wrapper .dataTables_length {
	margin-bottom: 15px
}

.dataTables_wrapper .dataTables_length .bootstrap-select {
	width: 80px !important;
	margin: 0 5px
}

table.dataTable.no-footer {
	border-bottom: 0
}

.rounded-lg {
	min-width: 30px
}

.dataTables_scroll {
	padding: 1rem 0
}

.dataTables_scrollFoot {
	padding-top: 1rem
}

.dataTablesCard {
	background-color: #fff;
	border-radius: 1.375rem
}

.dataTablesCard.border-no td {
	border-top: 0 !important
}

@media (max-width: 991.98px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		text-align: left
	}
}

.dataTables_wrapper .dataTables_info {
	padding-top: 0.755em;
	padding-bottom: 0.755em
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #7e7e7e !important
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color: #7e7e7e
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #7e7e7e !important
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-color: #eee
}



.dataTables_wrapper .dataTables_length .bootstrap-select .dropdown-toggle {
	font-size: 0.813rem !important;
	padding: 0.625rem 1rem
}

.fooicon {
	font-size: 1.25rem;
	color: #6e6e6e
}

.jsgrid-table .jsgrid-header-row>.jsgrid-header-cell {
	color: #6e6e6e
}

.jsgrid-table>tbody>tr>td {
	padding: 1.2em
}

.jsgrid-table .jsgrid-insert-row input,
.jsgrid-table .jsgrid-insert-row select,
.jsgrid-table .jsgrid-edit-row input,
.jsgrid-table .jsgrid-edit-row select {
	border: 1px solid #DDDFE1
}

.jsgrid .jsgrid-button {
	border: 0 !important;
	margin-left: 10px
}
.table-style {
	padding-top: 60px;
	    position: relative;
}
.table-style table {
  width: 100%;
  display: table;
  margin: 0;
  border-collapse: separate;
border-top: solid #bd0012 5px;
border-radius: 8px;
border-spacing: 0;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.table-style tr {
  display: table-row;
  background: #fff;
}

.table-style thead tr:nth-child(1) {
  color: #ffffff;
  background: #bd0012;
}

.table-style td {
  display: table-cell;
}

.table-style tr td {
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: unset !important;

  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}

.table-style tr:nth-child(1) td,
.table-style tr:nth-child(1) th {
  line-height: 1.2;
  font-weight: unset !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.table-style table, tr {
  width: 100% !important;
}

.table-style tr:hover {
  background-color: #008fd4;
  cursor: pointer;
  color: #fff;
}

.table-style th:nth-child(1),
.table-style td:nth-child(1) {
    padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .table-style table {
    display: block;
  }

  .table-style tr:nth-child(1) {
    padding: 0;
    height: 0px;
  }

  .table-style thead {
    display: none;
  }

  .table-style tr td:nth-child(1) {
    font-weight: 700 !important;
  color: #bd0012;
  }

  .table-style tr td:before,
  .table-style tr th:before {
    font-size: 12px;
    color: #808080;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: unset !important;

    margin-bottom: 13px;
    content: attr(data-title);
    min-width: 98px;
    display: block;
  }
  .table-style td {
    display: block;
  }
  .table-style tr {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 18px;
    padding-top: 30px;
    padding-right: 15px;
    margin: 0;
  }

  .table-style tr td {
    border: none;
    padding-left: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .table-style tr td:nth-child(1) {
    padding-left: 30px;
  }

  .table-style tr td {
    font-size: 18px;
    color: #555555;
    line-height: 1.2;
    font-weight: unset !important;
  }

  .table-style .table, tr, td {
    width: 100% !important;
  }
}

.views-exposed-form .form-checkboxes .form-item {
    display: inline-block;
    margin-right: 10px;
}


.error-page .error-text {
	font-size: 150px;
	line-height: 1
}

@media only screen and (max-width: 575px) {
	.error-page .error-text {
		font-size: 80px
	}
}

.error-page h4 {
	font-size: 40px;
	margin-bottom: 5px
}

@media only screen and (max-width: 575px) {
	.error-page h4 {
		font-size: 20px
	}
}

.error-page p {
	font-size: 16px
}

@media only screen and (max-width: 575px) {
	.error-page p {
		font-size: 14px
	}
}

.authincation-content {
	background: #fff;
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	border-radius: 5px
}

.auth-form {
	padding: 50px 50px
}

@media only screen and (max-width: 575px) {
	.auth-form {
		padding: 30px
	}
}

.auth-form .btn {
	height: 50px;
	font-weight: 700
}

.auth-form .page-back {
	display: inline-block;
	margin-bottom: 15px
}

.iconbox {
	position: relative;
	padding-left: 70px
}

.iconbox i {
	background: #f9f7fa;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 56px;
	text-align: center;
	font-size: 32px;
	color: #bd0012;
	position: absolute;
	left: 0;
	top: 0
}

.iconbox p {
	margin: 0;
	color: #484848;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500
}

.iconbox small {
	margin-bottom: 5px;
	font-size: 16px;
	display: block
}

/*------------------------------------
Calendar
------------------------------------*/

.fcalendar {
	position: relative;
	padding-top: 60px;
}

.calendar-calendar .month-view .full {
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
    margin-bottom: 20px;
}

.calendar-calendar th.days,
.fc th.fc-widget-header {
    border: none;
    background: #bd0013;
    color: #fff;
}
.calendar-calendar td {
    min-height: 100px;
}

.calendar-calendar .month-view .full td .inner div.day,
.calendar-calendar .month-view .full td .inner div.day a,
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    background: #008fd4;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0;
}

.calendar-calendar .month-view .full td.past .inner div.day,
.calendar-calendar .month-view .full td.past .inner div.day a {
opacity: 0.8;
}

.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {
    background: rgb(0 143 212 / 25%);
    border: 1px solid #008fd4;
    color: #555;
    padding: 0.8rem;
    font-size: 0.8rem;
}

.calendar-calendar .month-view .full td.date-box.today {
    border-color: #bd0013;
}

.calendar-calendar .month-view .full tr td.single-day.today {
    border-bottom: 2px solid #bd0013;
}
.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today {
    border-right: 2px solid #bd0013;
    border-left: 2px solid #bd0013;
}

.fc-button-group {
    margin-right: 180px;
}

tr.Manual.Reads.Incident.Support {
    background: rgb(189 0 19 / 80%);
    color: #fff;
}

tr.Manual.Reads.Incident.Support .btn-primary {
    background: #008fd4;
}

@media only screen and (max-width: 1199px) {
	.card-bd .num-text {
		font-size: 35px
	}
}

.card-bd .card-border {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
	border-radius: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 15px
}

.apexcharts-tooltip.apexcharts-theme-light {
	border-radius: 1.375rem;
	background: #ffffff;
	border: 0 !important;
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15)
}

.apexcharts-xaxistooltip.apexcharts-theme-light {
	border-radius: 0.42rem !important;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
	border: 0 !important;
	background: #ffffff !important
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
	background: #F3F6F9 !important;
	border: 0 !important
}

.apexcharts-tooltip .apexcharts-tooltip-title {
	padding: 0.5rem 1rem
}

.apexcharts-xaxistooltip.apexcharts-theme-light:before {
	border-bottom: 0 !important
}

.apexcharts-xaxistooltip.apexcharts-theme-light:after {
	border-bottom-color: #ffffff !important
}

.message-bx .image-bx {
	position: relative;
	display: inline-block
}

.message-bx .image-bx .img-1 {
	width: 58px;
	height: 58px
}

@media only screen and (max-width: 575px) {
	.message-bx .image-bx .img-1 {
		height: 45px;
		width: 45px
	}
}

.message-bx .image-bx span.active {
	position: absolute;
	bottom: -5px;
	right: -5px;
	height: 24px;
	width: 24px;
	background: #bd0012;
	border: 4px solid #fff;
	border-radius: 3rem
}

@media only screen and (max-width: 575px) {
	.message-bx .image-bx span.active {
		bottom: 0px;
		right: 0px;
		height: 15px;
		width: 15px;
		border: 3px solid #fff
	}
}

.message-bx p {
	font-size: 14px
}

@media only screen and (max-width: 575px) {
	.message-bx p {
		font-size: 12px
	}
}

.power-ic i {
	font-size: 34px;
	height: 55px;
	width: 55px;
	text-align: center;
	line-height: 55px;
	border-radius: 50px;
	color: white;
	font-weight: bold;
	background: #bd0012
}

@media only screen and (max-width: 575px) {
	.power-ic i {
		font-size: 24px;
		height: 44px;
		width: 44px;
		line-height: 44px
	}
}

.card-header a i {
	width: 51px;
	height: 51px;
	line-height: 50px;
	background: #bd0012;
	text-align: center;
	color: white;
	border-radius: 16px
}

.users {
	display: flex;
	justify-content: flex-end
}

.users li {
	margin-right: -7px
}

.users li img {
	border-radius: 36px;
	height: 36px;
	width: 36px;
	border: 2px solid #fff
}

.draggable {
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	outline: 0 !important
}

.draggable.draggable-mirror {
	opacity: .8;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	border-radius: 1.375rem;
	padding: 1.3rem 1.6rem;
	background: #fff;
	border: 2px dashed #e4e6ef !important
}

.draggable.draggable--original {
	opacity: 0 !important
}

.draggable.draggable-source--is-dragging.draggable--over {
	opacity: 0 !important
}

.draggable-handle {
	cursor: all-scroll
}

.draggable-zone {
	outline: 0 !important
}

.plus-icon {
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 24px;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	min-width: 60px;
	text-align: center;
	border-radius: 1.375rem;
	background: rgba(255, 255, 255, 0.2);
	color: #fff
}

.plus-icon:hover {
	color: #fff
}

@media only screen and (max-width: 575px) {
	.plus-icon {
		height: 50px;
		width: 50px;
		font-size: 20px;
		line-height: 50px;
		min-width: 50px;
		border-radius: 50%
	}
}

.project-status {
	justify-content: space-between
}

.deznav .copyright {
	font-size: 14px;
	padding: 0 45px;
	margin-top: 40px;
	color: #969BA0;
	margin-bottom: 40px
}

@media only screen and (max-width: 1350px) {
	.deznav .copyright {
		padding: 0px 15px;
		margin-bottom: 25px;
		margin-top: 25px
	}
}

.card-tabs .nav-tabs {
	border-bottom: 0px;
	padding: 7px 7px !important;
	border-radius: 5rem;
	flex-wrap: wrap
}

.card-tabs .nav-tabs .nav-link {
	border-radius: 5rem;
	padding: 10px 22px;
	font-weight: 600;
	font-size: 16px;
	border: 0
}

.card-tabs .nav-tabs .nav-link.active {
	color: #000
}

@media only screen and (max-width: 1400px) {
	.card-tabs .nav-tabs .nav-link {
		padding: 8px 15px;
		font-weight: 400;
		font-size: 13px
	}
}

.card-tabs .nav-tabs.tabs-lg {
	border-bottom: 0px;
	padding: 7px 7px;
	border-radius: 5rem;
	flex-wrap: wrap
}

.card-tabs .nav-tabs.tabs-lg .nav-link {
	border-radius: 5rem;
	padding: 17px 30px;
	font-weight: 600;
	font-size: 18px;
	border: 0
}

.card-tabs .nav-tabs.tabs-lg .nav-link span {
	display: inline-block;
	margin-right: 10px;
	color: white
}

.card-tabs .nav-tabs.tabs-lg .nav-link.active {
	color: #000
}

.card-tabs .nav-tabs.tabs-lg .nav-link.active span {
	color: #fff;
	margin-left: 10px
}

@media only screen and (max-width: 1400px) {
	.card-tabs .nav-tabs.tabs-lg .nav-link {
		padding: 8px 15px;
		font-weight: 400;
		font-size: 13px
	}
}

@media only screen and (max-width: 575px) {
	.card-tabs .nav-tabs.tabs-lg {
		border-radius: 1.375rem
	}
}

@media only screen and (max-width: 575px) {
	.card-tabs .nav-tabs {
		border-radius: 1.375rem
	}
}

.card-tabs.icontabs .nav-tabs {
	background: transparent
}

.card-tabs.icontabs .nav-tabs .nav-item .nav-link {
	height: 42px;
	width: 42px;
	line-height: 42px;
	text-align: center;
	background: rgba(137, 137, 137, 0.6);
	color: #fff;
	margin-right: 15px;
	border-radius: 50px;
	padding: 0
}

.card-tabs.icontabs .nav-tabs .nav-item .nav-link.active {
	background: #fa8c16
}

.card-tabs.icontabs .nav-tabs .nav-item .nav-link i {
	font-size: 25px;
	line-height: 42px
}

ul.page-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 20px;
    list-style: none;
    border-bottom: 1px solid #dee2e6;
		border-bottom: none;
}
ul.page-tabs li {
    margin: 5px 10px 25px 10px;
}
ul.page-tabs li a.is-active {
    position: relative;
    color: #212121;
}
ul.page-tabs li a.is-active {

}

.homepage .page-tabs {
    display: none;
}

.shadow-primary {
	box-shadow: 0px 4px 10px rgba(189, 0, 18, 0.4)
}

.shadow-warning {
	box-shadow: 0px 4px 10px rgba(255, 172, 48, 0.4)
}

.shadow-secondary {
	box-shadow: 0px 4px 10px rgba(134, 74, 209, 0.4)
}

.shadow-info {
	box-shadow: 0px 4px 10px rgba(81, 166, 245, 0.4)
}

.shadow-danger {
	box-shadow: 0px 4px 10px rgba(255, 76, 65, 0.4)
}

.heart {
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url("../images/like.png");
	cursor: pointer;
	margin: -25px -15px
}

.heart-blast {
	background-position: -1680px 0 !important;
	transition: background 1s steps(28)
}

.contact-bx {
	border-width: 2px;
	border-color: #fff;
	text-align: center
}

.contact-bx .image-bx {
	display: inline-block;
	position: relative;
	margin-bottom: 10px
}

.contact-bx .image-bx span.active {
	height: 24px;
	width: 24px;
	position: absolute;
	bottom: 3px;
	right: 3px;
	border-radius: 2rem;
	background: #bd0012;
	border: 4px solid #fff
}

.contact-bx ul {
	display: flex;
	justify-content: center
}

.contact-bx ul li a {
	color: #bd0012;
	font-size: 25px;
	width: 48px;
	height: 48px;
	background: rgba(189, 0, 18, 0.2);
	display: block;
	line-height: 48px;
	border-radius: 50px;
	text-align: center;
	margin: 0 5px
}

.contact-bx ul li a:hover {
	background: #bd0012;
	color: white
}

.contact-bx:hover {
	border-color: #bd0012;
	box-shadow: 0px 0px 20px rgba(189, 0, 18, 0.1)
}

@media only screen and (max-width: 767px) {
	.contact-bx .media {
		display: block;
		text-align: center
	}
	.contact-bx .media .image-bx {
		margin-right: 0px !important;
		margin-bottom: 10px
	}
	.contact-bx ul {
		justify-content: center
	}
	.contact-bx ul li a {
		padding: 0 10px
	}
}

.contact-bx .card-header {
	position: absolute;
	right: 0;
	top: 0
}

.contact-bx .card-header .dropdown {
	margin-left: auto
}

.contact-bx .card-body .image-bx img {
	height: 120px;
	width: 120px
}

.contact-bx .media-body h6 {
	margin-top: 5px
}

.contact-bx .media-body p {
	margin-bottom: 30px
}

@media only screen and (max-width: 1199px) {
	.contact-bx .card-body .image-bx img {
		height: 80px;
		width: 80px
	}
	.contact-bx .card-body .image-bx span.active {
		height: 16px;
		border-width: 2px;
		width: 16px
	}
	.contact-bx .card-header {
		padding: 15px
	}
	.contact-bx .media-body h6 {
		font-size: 16px !important
	}
	.contact-bx ul li a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 22px
	}
}

.bolt-icon {
	height: 55px;
	width: 55px;
	line-height: 55px;
	text-align: center;
	min-width: 55px;
	display: block;
	background: #bd0012;
	font-size: 25px;
	color: #fff;
	border-radius: 5rem
}

@media only screen and (max-width: 575px) {
	.bolt-icon {
		height: 45px;
		width: 45px;
		line-height: 45px;
		min-width: 45px
	}
}

.title-num {
	font-size: 32px
}

@media only screen and (max-width: 575px) {
	.title-num {
		font-size: 20px
	}
}

.users-lg {
	display: flex
}

.users-lg li {
	margin-right: -10px
}

.users-lg li img {
	height: 44px;
	width: 44px;
	border-radius: 45px;
	border: 2px solid #fff
}

.cal-ic {
	height: 60px;
	width: 60px;
	text-align: center;
	display: block;
	min-width: 60px;
	line-height: 60px;
	font-size: 31px
}

@media only screen and (max-width: 575px) {
	.cal-ic {
		height: 45px;
		width: 45px;
		min-width: 45px;
		line-height: 45px;
		font-size: 24px
	}
}

.add-action-modal {
	background: #bd0012;
	display: block;
	padding: 20px 20px;
	border-radius: 1.375rem;
	position: relative;
	text-align: center;
	color: #fff;
	margin: 30px 20px 15px
}

.add-action-modal:hover {
	color: #fff
}

@media only screen and (max-width: 1350px) {
	.add-action-modal {
		padding: 15px 15px;
		margin: 25px 15px 10px
	}
}

@media only screen and (max-width: 575px) {
	.add-action-modal {
		margin: 15px 20px 0px
	}
}

.widgetChart1 {
	max-height: 200px
}

.project-media img {
	height: 55px;
	width: 55px;
	border-radius: 50px
}

@media only screen and (max-width: 575px) {
	.project-media img {
		height: 44px;
		width: 44px
	}
}

.project-info {
	padding: 10px 15px;
	flex-flow: wrap;
	display: flex;
	align-items: center
}

@media only screen and (max-width: 575px) {
	.project-info {
		padding: 10px 0px
	}
}

.status-btn {
	margin-left: auto;
	margin-right: 15px;
	width: 140px;
	padding: 14px 12px
}

@media only screen and (max-width: 1600px) {
	.status-btn {
		margin-left: 0
	}
}

@media only screen and (max-width: 1199px) {
	.status-btn {
		margin-left: auto
	}
}

@media only screen and (max-width: 991px) {
	.status-btn {
		margin-left: 0
	}
}

.project-nav {
	margin-bottom: 40px;
	border-bottom: 2px solid #eee;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 28px
}

@media only screen and (max-width: 1199px) {
	.project-nav {
		margin-bottom: 20px;
		padding-bottom: 20px
	}
}

@media only screen and (max-width: 991px) {
	.project-nav {
		display: block
	}
}

@media only screen and (max-width: 575px) {
	.project-nav {
		margin-bottom: 15px;
		padding-bottom: 15px
	}
}

.card-tabs .nav-tabs.style-1 {
	padding: 0
}

.card-tabs .nav-tabs.style-1 .nav-item .nav-link {
	padding: 0;
	padding-right: 25px;
	color: #B5B5B5;
	font-size: 18px;
	font-weight: 500
}

.card-tabs .nav-tabs.style-1 .nav-item .nav-link.active {
	background: transparent;
	color: #000
}

@media only screen and (max-width: 1400px) {
	.card-tabs .nav-tabs.style-1 .nav-item .nav-link {
		font-size: 14px;
		padding-right: 16px
	}
}

.card-tabs .nav-tabs.style-2 {
	border-bottom: 0
}

.card-tabs .nav-tabs.style-2 .nav-item .nav-link {
	border-radius: 5rem;
	padding: 15px 20px;
	font-weight: 500;
	font-size: 17px;
	border: 0
}

.card-tabs .nav-tabs.style-2 .nav-item .nav-link .badge {
	color: #fff
}

.card-tabs .nav-tabs.style-2 .nav-item .nav-link.active {
	color: #000
}

@media only screen and (max-width: 1400px) {
	.card-tabs .nav-tabs.style-2 .nav-item .nav-link {
		font-size: 14px
	}
}

@media only screen and (max-width: 1199px) {
	.card-tabs .nav-tabs.style-2 .nav-item .nav-link {
		padding: 10px 15px
	}
}

@media only screen and (max-width: 575px) {
	.card-tabs .nav-tabs.style-2 {
		margin-bottom: 10px
	}
	.card-tabs .nav-tabs.style-2 .nav-item .nav-link {
		padding: 5px 10px
	}
}

.project-list-group .card {
	margin-bottom: 17px
}

.image-placeholder {
	position: relative;
	max-width: 130px;
	margin: 10px auto
}

.image-placeholder .avatar-edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px
}

.image-placeholder .avatar-edit input {
	display: none
}

.image-placeholder .avatar-edit input+label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all .2s ease-in-out
}

.image-placeholder .avatar-edit input+label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6
}

.image-placeholder .avatar-edit input+label:after {
	content: "\f040";
	font-family: 'FontAwesome';
	color: #757575;
	position: absolute;
	top: 4px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto
}

.image-placeholder .avatar-preview {
	width: 120px;
	height: 120px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1)
}

.image-placeholder .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.filtaring-area h4 {
	color: #1d1d1d;
	font-size: 16px;
	font-weight: 400;
	text-transform: lowercase
}

.plus-minus-input .input-icon {
	font-size: 13px;
	color: #6e6e6e
}

.plus-minus-input {
	display: flex;
	width: 120px
}

.plus-minus-input .custom-btn {
	border-radius: 0;
	height: 40px;
	padding: 12px 8px;
	background: #fff;
	border: 1px solid #eee
}

.plus-minus-input .form-control:hover,
.plus-minus-input .form-control:focus,
.plus-minus-input .form-control:active {
	border: 1px solid #eee
}

.btn-reveal-trigger .avatar-xl {
	min-width: 30px
}

.share-view {
	display: inline-block
}

.share-view ul li {
	display: inline-block
}

.share-view .share-icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	border: 1px solid #eee;
	text-align: center;
	line-height: 40px;
	font-style: 16px;
	color: #eee;
	margin-right: 8px
}

.veritical-line {
	padding: 20px 30px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	position: relative
}

.veritical-line:before {
	background: #eee;
	bottom: 0;
	content: "";
	height: 100%;
	left: -1px;
	max-height: 40%;
	position: absolute;
	width: 1px
}

.tab-content-text p {
	color: #6e6e6e;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 25px
}

.tab-item-list li a {
	background: #fff;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #6e6e6e;
	display: block;
	font-size: 16px;
	padding: 16px;
	text-transform: uppercase
}

.tab-item-list li a:hover,
.tab-item-list li a:focus {
	background: #fff;
	color: #6e6e6e;
	border-right: 0px
}

.tab-item-list li:last-child {
	border-bottom: 1px solid #eee
}

.tab-list li {
	margin-bottom: 7px;
	font-size: 13px
}

.tab-list li i {
	font-size: 13px;
	margin-right: 14px
}

.slide-item-list {
	text-align: center;
	margin: 0 -5px
}

.slide-item-list li {
	display: inline-block;
	flex: 0 0 25%;
	width: 25%;
	padding: 0 5px
}

.slide-item-list li a {
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	background: transparent;
	padding-bottom: 0px
}

.slide-item-list li a:hover,
.slide-item-list li a:focus {
	background: transparent
}

.slide-item-list li a img {
	width: 100%
}

.popular-tag ul {
	margin: 0px;
	padding: 0px
}

.popular-tag ul li {
	display: inline-block;
	padding: 8px 15px;
	background: #f8f8f8;
	font-size: 13px;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 10px
}

.size-filter ul li {
	display: inline-block
}

.intro {
	border: 1px solid red;
	color: #1d1d1d
}

#listResults .slider {
	margin: 25px 0
}

#listResults .slider-box {
	width: 90%;
	margin: 25px auto
}

#listResults input {
	width: 10%
}

#listResults label {
	border: none;
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 30%
}

.plus-minus-input .input-icon {
	font-size: 13px;
	color: #aaaaaa
}

.plus-minus-input .custom-btn {
	border-radius: 0;
	height: 40px;
	padding: 8px 12px;
	background: #ffffff;
	border: 1px solid #c8c8c8
}

.plus-minus-input .custom-btn:hover,
.plus-minus-input .custom-btn:focus,
.plus-minus-input .custom-btn.active {
	box-shadow: none;
	outline: none
}

.plus-minus-input .form-control {
	height: 40px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 0px solid #c8c8c8;
	border-right: 1px solid #c8c8c8
}

.plus-minus-input .form-control:hover,
.plus-minus-input .form-control:focus,
.plus-minus-input .form-control:active {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 0px solid #c8c8c8;
	border-right: 0px solid #c8c8c8
}

.new-arrival-product .new-arrivals-img-contnent {
	overflow: hidden
}

.new-arrival-product .new-arrivals-img-contnent img {
	width: 100%;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}

.new-arrival-product:hover .new-arrivals-img-contnent img {
	transform: scale(1.5) translateY(12%);
	-moz-transform: scale(1.5) translateY(12%);
	-webkit-transform: scale(1.5) translateY(12%);
	-ms-transform: scale(1.5) translateY(12%);
	-o-transform: scale(1.5) translateY(12%)
}

.new-arrival-content .item {
	font-size: 12px;
	color: #6e6e6e
}

.new-arrival-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px
}

.new-arrival-content h4 a {
	color: #000
}

.new-arrival-content .price {
	font-weight: 600;
	color: #bd0012;
	font-size: 24px;
	margin-bottom: 0;
	float: right
}

@media only screen and (max-width: 575px) {
	.new-arrival-content .price {
		float: none;
		margin-top: 10px
	}
}

.new-arrival-content p {
	font-size: 14px;
	color: #828690;
	margin-bottom: 6px;
	line-height: 24px
}

.new-arrival-content .text-content {
	margin-top: 18px
}

.new-arrival-content.text-center .price {
	float: unset
}

.success-icon {
	color: #52c41a;
	font-size: 16px
}

.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  text-align: center;
}

.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before,
.ajax-progress-throbber:after,
.ajax-progress-fullscreen:after {
  content: '';
  position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: #bd0012;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 0.5s ease-in-out 0s infinite both;
	animation: sk-three-bounce 0.5s ease-in-out 0s infinite both
}

.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s
}

.ajax-progress-throbber:after,
.ajax-progress-fullscreen:after {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s
}

.ajax-progress {
  display: none;
}

.notification-bell.ring {
	animation-name: ring;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-fill-mode: none;
  animation-play-state: running;
}

/*------------------------------------
Forms
------------------------------------*/

.block-forms-steps ol {
    display: flex;
    width: 100%;
}
.block-forms-steps ol li {
    margin: auto;
    position: relative;
}
.block-forms-steps ol li::marker {
    display: none !important;
    color: transparent;
}

.block-forms-steps li {
    background: #676767;
    color: #fff;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    box-shadow: 0 10px 18px 0 rgb(0 0 0 / 20%);
}
.block-forms-steps li a {
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 90px;
    width: 90px;
    line-height: 90px;
}
.block-forms-steps li.active,
.block-forms-steps li.active a {
    background: #d2000e;
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 90px;
    width: 90px;
    line-height: 90px;
}

/*------------------------------------
Animations
------------------------------------*/


img.tip-icon {
  margin: auto;
  display: block;
  max-height: 200px;
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spaceboots;
  animation-duration: 0.8s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}

@keyframes ring {
    0% {
        transform: rotate(35deg);
    }
    12.5% {
        transform: rotate(-30deg);
    }
    25% {
        transform: rotate(25deg);
    }
    37.5% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(15deg);
    }
    62.5% {
        transform: rotate(-10deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes pulse-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse-shadow {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

@-webkit-keyframes pulse-size {
  0% {
    transform: scale(1);
  }
  70% {
      transform: scale(1.02);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes pulse-size {
  0% {
    transform: scale(1);
  }
  70% {
      transform: scale(1.02);
  }
  100% {
      transform: scale(1);
  }
}

@-webkit-keyframes crescendo {
	from {
		-webkit-transform: translateY(5px) scale(0.8);
		-ms-transform: translateY(5px) scale(0.8);
		transform: translateY(5px) scale(0.8)
	}
	to {
		-webkit-transform: translateY(0px) scale(1);
		-ms-transform: translateY(0px) scale(1);
		transform: translateY(0px) scale(1)
	}
}

@keyframes gXGDoR {
	from {
		-webkit-transform: translateY(5px) scale(0.8);
		-ms-transform: translateY(5px) scale(0.8);
		transform: translateY(5px) scale(0.8)
	}
	to {
		-webkit-transform: translateY(0px) scale(1);
		-ms-transform: translateY(0px) scale(1);
		transform: translateY(0px) scale(1)
	}
}

@keyframes crescendo {
	from {
		-webkit-transform: translateY(5px) scale(0.8);
		-ms-transform: translateY(5px) scale(0.8);
		transform: translateY(5px) scale(0.8)
	}
	to {
		-webkit-transform: translateY(0px) scale(1);
		-ms-transform: translateY(0px) scale(1);
		transform: translateY(0px) scale(1)
	}
}

@keyframes gXGDoR {
	from {
		-webkit-transform: translateY(5px) scale(0.8);
		-ms-transform: translateY(5px) scale(0.8);
		transform: translateY(5px) scale(0.8)
	}
	to {
		-webkit-transform: translateY(0px) scale(1);
		-ms-transform: translateY(0px) scale(1);
		transform: translateY(0px) scale(1)
	}
}

@-webkit-keyframes pulse-me {
	0% {
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
		opacity: 0
	}
	50% {
		opacity: 0.1
	}
	70% {
		opacity: 0.09
	}
	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0
	}
}

@keyframes pulse-me {
	0% {
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
		opacity: 0
	}
	50% {
		opacity: 0.1
	}
	70% {
		opacity: 0.09
	}
	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0
	}
}
@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotateZ(0)
	}
	1% {
		-webkit-transform: rotateZ(30deg)
	}
	3% {
		-webkit-transform: rotateZ(-28deg)
	}
	5% {
		-webkit-transform: rotateZ(34deg)
	}
	7% {
		-webkit-transform: rotateZ(-32deg)
	}
	9% {
		-webkit-transform: rotateZ(30deg)
	}
	11% {
		-webkit-transform: rotateZ(-28deg)
	}
	13% {
		-webkit-transform: rotateZ(26deg)
	}
	15% {
		-webkit-transform: rotateZ(-24deg)
	}
	17% {
		-webkit-transform: rotateZ(22deg)
	}
	19% {
		-webkit-transform: rotateZ(-20deg)
	}
	21% {
		-webkit-transform: rotateZ(18deg)
	}
	23% {
		-webkit-transform: rotateZ(-16deg)
	}
	25% {
		-webkit-transform: rotateZ(14deg)
	}
	27% {
		-webkit-transform: rotateZ(-12deg)
	}
	29% {
		-webkit-transform: rotateZ(10deg)
	}
	31% {
		-webkit-transform: rotateZ(-8deg)
	}
	33% {
		-webkit-transform: rotateZ(6deg)
	}
	35% {
		-webkit-transform: rotateZ(-4deg)
	}
	37% {
		-webkit-transform: rotateZ(2deg)
	}
	39% {
		-webkit-transform: rotateZ(-1deg)
	}
	41% {
		-webkit-transform: rotateZ(1deg)
	}
	43% {
		-webkit-transform: rotateZ(0)
	}
	100% {
		-webkit-transform: rotateZ(0)
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: rotate(0)
	}
	1% {
		-moz-transform: rotate(30deg)
	}
	3% {
		-moz-transform: rotate(-28deg)
	}
	5% {
		-moz-transform: rotate(34deg)
	}
	7% {
		-moz-transform: rotate(-32deg)
	}
	9% {
		-moz-transform: rotate(30deg)
	}
	11% {
		-moz-transform: rotate(-28deg)
	}
	13% {
		-moz-transform: rotate(26deg)
	}
	15% {
		-moz-transform: rotate(-24deg)
	}
	17% {
		-moz-transform: rotate(22deg)
	}
	19% {
		-moz-transform: rotate(-20deg)
	}
	21% {
		-moz-transform: rotate(18deg)
	}
	23% {
		-moz-transform: rotate(-16deg)
	}
	25% {
		-moz-transform: rotate(14deg)
	}
	27% {
		-moz-transform: rotate(-12deg)
	}
	29% {
		-moz-transform: rotate(10deg)
	}
	31% {
		-moz-transform: rotate(-8deg)
	}
	33% {
		-moz-transform: rotate(6deg)
	}
	35% {
		-moz-transform: rotate(-4deg)
	}
	37% {
		-moz-transform: rotate(2deg)
	}
	39% {
		-moz-transform: rotate(-1deg)
	}
	41% {
		-moz-transform: rotate(1deg)
	}
	43% {
		-moz-transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(0)
	}
}

@keyframes ring {
	0% {
		transform: rotate(0)
	}
	1% {
		transform: rotate(30deg)
	}
	3% {
		transform: rotate(-28deg)
	}
	5% {
		transform: rotate(34deg)
	}
	7% {
		transform: rotate(-32deg)
	}
	9% {
		transform: rotate(30deg)
	}
	11% {
		transform: rotate(-28deg)
	}
	13% {
		transform: rotate(26deg)
	}
	15% {
		transform: rotate(-24deg)
	}
	17% {
		transform: rotate(22deg)
	}
	19% {
		transform: rotate(-20deg)
	}
	21% {
		transform: rotate(18deg)
	}
	23% {
		transform: rotate(-16deg)
	}
	25% {
		transform: rotate(14deg)
	}
	27% {
		transform: rotate(-12deg)
	}
	29% {
		transform: rotate(10deg)
	}
	31% {
		transform: rotate(-8deg)
	}
	33% {
		transform: rotate(6deg)
	}
	35% {
		transform: rotate(-4deg)
	}
	37% {
		transform: rotate(2deg)
	}
	39% {
		transform: rotate(-1deg)
	}
	41% {
		transform: rotate(1deg)
	}
	43% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(0)
	}
}
@keyframes bounce {
	0% {
		transform: translateX(-8%);
		-webkit-transform: translateX(-8%)
	}
	50% {
		transform: translateX(8%);
		-webkit-transform: translateX(8%)
	}
	100% {
		transform: translateX(-8%);
		-webkit-transform: translateX(-8%)
	}
}

@-webkit-keyframes bounce {
	0% {
		transform: translateX(-8%);
		-webkit-transform: translateX(-8%)
	}
	50% {
		transform: translateX(8%);
		-webkit-transform: translateX(8%)
	}
	100% {
		transform: translateY(-8%);
		-webkit-transform: translateY(-8%)
	}
}

@keyframes cd-enter-right {
	0% {
		opacity: 0;
		transform: translateX(100%)
	}
	100% {
		opacity: 1;
		transform: translateX(0%)
	}
}

@keyframes cd-enter-left {
	0% {
		opacity: 0;
		transform: translateX(-100%)
	}
	100% {
		opacity: 1;
		transform: translateX(0%)
	}
}
@-webkit-keyframes mymove {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes mymove {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes myanimation {
	0% {
		width: 0
	}
}

@keyframes myanimation {
	0% {
		width: 0
	}
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-three-bounce {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-three-bounce {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}


/*------------------------------------
Dark Mode
------------------------------------*/

[data-theme-version="dark"] .views-exposed-form label {
    color: #fff;
}

[data-theme-version="dark"] ul.page-tabs li a.is-active {
    color: #fff;
}

[data-theme-version="dark"] .geofield-google-map {
  filter: grayscale(100%) invert(92%) contrast(83%);
}

[data-theme-version="dark"] .highlighted .message {
  background-color: #2f363e;
}

[data-theme-version="dark"] .nav-header .brand-title {
	background-position: 0 120%
}


[data-theme-version="dark"] .header-right .dropdown-menu {
  box-shadow: none
}

[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .media {
  border-color: #636363
}

[data-theme-version="dark"] .region-search-box [type="search"] {
  background: #24292d;
}
[data-theme-version="dark"] .nav-label {
  border-color: #636363
}

[data-sidebar-style="compact"] .deznav .metismenu>li a>i[data-theme-version="dark"] {
  color: #fff
}

[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #636363
}

[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #2b3136
}

[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a {
  background: #2F363E
}

[data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul {
  background: #24292D
}

[data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a {
  background: #bd0012
}
[data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul {
  box-shadow: box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu ul {
  box-shadow: box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  background: #24292D
}
[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li {
  border-color: rgba(255, 255, 255, 0.07)
}
[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active {
  border-color: transparent
}
[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li:hover>ul {
  box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.1);
  background: #24292D
}
[data-sidebar-style="compact"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>a i {
  color: #fff
}
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul {
  background: 255, 255, 255, 0.05
}

[data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul {
  border-color: #636363
}
[data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul {
  background: #2F363E;
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1)
}
[data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
  box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1)
}
[data-theme-version="dark"] .sidebar-right .sidebar-right-trigger {
background-color: #bd0012;
color: #fff
}
[data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {
	border-right: none;
	border-left: none;
	border-top: none
}
[data-theme-version="dark"] .rightmenu {
	background: #2F363E
}
[data-theme-version="dark"] .rightmenu .img_cont.primary {
	background: rgba(189, 0, 18, 0.1)
}

.rightmenu .img_cont.warning {
	background: #fff2dd;
	color: #fa8c16
}

[data-theme-version="dark"] .rightmenu .img_cont.warning {
	background: rgba(255, 172, 48, 0.1)
}

.rightmenu .img_cont.success {
	background: #ecfae4;
	color: #52c41a
}

[data-theme-version="dark"] .rightmenu .img_cont.success {
	background: rgba(104, 207, 41, 0.1)
}

.rightmenu .img_cont.info {
	background: #f5fafe;
	color: #1890ff
}

[data-theme-version="dark"] .rightmenu .img_cont.info {
	background: rgba(81, 166, 245, 0.1)
}
[data-theme-version="dark"] .rightmenu .user_info span {
	color: #fff
}
[data-theme-version="dark"] .rightmenu .contacts li {
	border-color: #636363
}
[data-theme-version="dark"] .rightmenu .contacts li:hover {
	background-color: #24292D
}
[data-theme-version="dark"] .rightmenu .contacts .name-first-letter {
	color: #fff;
	background: #24292D
}

[data-theme-version="dark"] .rightmenu .msg_cotainer_send {
	background: #24292D;
	color: #fff
}

[data-theme-version="dark"] .rightmenu .msg_cotainer_send:after {
	border-left: 10px solid #24292D
}


[data-theme-version="dark"] {
	background: #24292D;
	color: #828690
}

[data-theme-version="dark"] h1,
[data-theme-version="dark"] h2,
[data-theme-version="dark"] h3,
[data-theme-version="dark"] h4,
[data-theme-version="dark"] h5,
[data-theme-version="dark"] h6 {
	color: #fff !important
}

[data-theme-version="dark"] a.link {
	color: #ddd
}

[data-theme-version="dark"] a.link:focus,
[data-theme-version="dark"] a.link:hover {
	color: #1890ff
}

[data-theme-version="dark"] a:hover {
	color: #fff
}

[data-theme-version="dark"] .border-right {
	border-right: 1px solid #636363 !important
}

[data-theme-version="dark"] .border-left {
	border-left: 1px solid #636363 !important
}

[data-theme-version="dark"] .border-top {
	border-top: 1px solid #636363 !important
}

[data-theme-version="dark"] .border-bottom {
	border-bottom: 1px solid #636363 !important
}

[data-theme-version="dark"] .border {
	border: 1px solid #636363 !important
}

[data-theme-version="dark"] .dropdown-menu {
	background-color: #24292D;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1)
}

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {
	background-color: #2F363E;
	color: #7e7e7e
}

[data-theme-version="dark"] .btn-link g [fill] {
	fill: #fff
}

[data-theme-version="dark"] .btn-light:active,
[data-theme-version="dark"] .btn-light:focus,
[data-theme-version="dark"] .btn-light:hover {
	color: #000
}

[data-theme-version="dark"] .form-control {
	background-color: #24292D;
	border-color: #636363;
	color: #fff
}

[data-theme-version="dark"] .card {
	background-color: #2F363E;
	box-shadow: none
}

[data-theme-version="dark"] .btn-outline-dark:hover {
	background-color: #24292D;
	border-color: #24292D
}

[data-theme-version="dark"] .tdl-holder input[type=text],
[data-theme-version="dark"] .tdl-holder li {
	background-color: #2F363E;
	border-color: #636363
}

[data-theme-version="dark"] .tdl-holder input[type=text]::placeholder {
	color: #828690
}

[data-theme-version="dark"] .tdl-holder label:hover {
	background-color: #636363;
	color: #fff
}

[data-theme-version="dark"] .text-muted {
	color: #828690 !important
}

[data-theme-version="dark"] .modal-content,
[data-theme-version="dark"] .ui-dialog {
	background: #2F363E;
  color: #fff;
}

[data-theme-version="dark"] .modal-content label,
[data-theme-version="dark"] .ui-dialog label {
  color: #fff;
}

[data-theme-version="dark"] .modal-footer,
[data-theme-version="dark"] .modal-header {
	border-color: #636363
}

[data-theme-version="dark"] .close {
	font-weight: 400;
	color: #fff;
	text-shadow: none
}

[data-theme-version="dark"] .close:hover {
	color: #fff
}

[data-theme-version="dark"] .header-left .dashboard_bar,
[data-theme-version="dark"] .table strong {
	color: #fff
}

[data-theme-version="dark"] .text-dark {
	color: #828690 !important
}

[data-theme-version="dark"] .new-arrival-content .item {
	color: #fff
}

[data-theme-version="dark"] .custom-dropdown .dropdown-menu {
	border-color: #636363
}

[data-theme-version="dark"] .widget-stat .media>span {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.1);
	color: #fff
}

[data-theme-version="dark"] .plus-minus-input .custom-btn {
	background: #24292D;
	border-color: #636363
}

[data-theme-version="dark"] .dropdown-divider,
[data-theme-version="dark"] .size-filter ul li {
	border-color: #636363
}

[data-theme-version="dark"] .custom-select {
	border-color: #636363;
	color: #828690;
	background: #24292D
}

[data-theme-version="dark"] .nav-tabs {
	border-color: #636363
}

[data-theme-version="dark"] hr {
	border-color: #636363
}

[data-theme-version="dark"] .grid-col {
	background: #24292D
}

[data-theme-version="dark"] .noUi-target {
	border-color: #636363;
	border-radius: 8px;
	box-shadow: none
}

[data-theme-version="dark"] .noUi-target .noUi-connects {
	background: #636363
}

[data-theme-version="dark"] .noUi-marker-large,
[data-theme-version="dark"] .noUi-marker {
	background: #636363
}

[data-theme-version="dark"] .input-group-text {
	background: #636363;
	color: #7e7e7e
}

[data-theme-version="dark"] .note-editor.note-frame {
	border-color: #636363
}

[data-theme-version="dark"] .note-editor.note-frame .btn {
	color: #fff
}

[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable {
	color: #fff
}

[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification {
	border-color: #636363
}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link {
	border-color: #636363
}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active {
	background: #24292D;
	color: #fff
}

[data-theme-version="dark"] .list-group-item-action {
	color: #7e7e7e
}

[data-theme-version="dark"] .list-group-item-action:focus,
[data-theme-version="dark"] .list-group-item-action:hover,
[data-theme-version="dark"] .list-group-item-action:focus {
	background-color: #24292D;
	border-color: #24292D
}

[data-theme-version="dark"] .list-group-item.active {
	color: #fff;
	border-color: #bd0012
}

[data-theme-version="dark"] .list-group-item.active:focus,
[data-theme-version="dark"] .list-group-item.active:hover,
[data-theme-version="dark"] .list-group-item.active:focus {
	background-color: #bd0012;
	border-color: #bd0012;
	color: #fff
}

[data-theme-version="dark"] .swal2-popup {
	background: #2F363E
}

[data-theme-version="dark"] .form-head .btn-outline-primary {
	border-color: #636363
}

[data-theme-version="dark"] .form-head .btn-outline-primary:hover {
	border-color: #bd0012
}

[data-theme-version="dark"] .header-right .header-profile a.nav-link .header-info span,
[data-theme-version="dark"] .iconbox small {
	color: #fff
}

[data-theme-version="dark"] .iconbox p {
	color: rgba(255, 255, 255, 0.7)
}

[data-theme-version="dark"] .form-head .search-area .form-control {
	border: 1px solid #636363
}

[data-theme-version="dark"] .form-head .search-area .input-group-append .input-group-text {
	background: #636363
}

[data-theme-version="dark"] .plus-box {
	background: rgba(255, 255, 255, 0.05);
	color: #fff
}

[data-theme-version="dark"] .default-select.style-1 .btn {
	color: #fff !important
}

[data-theme-version="dark"] .text-black {
	color: #fff !important
}

[data-theme-version="dark"] .new-arrival-content h4 a {
	color: #fff
}

[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label {
	fill: #fff
}

[data-theme-version="dark"] .apexcharts-legend-text {
	color: #fff !important
}

[data-theme-version="dark"] .morris_chart_height text tspan {
	fill: #fff !important
}

[data-theme-version="dark"] .toggle-switch.text-right .custom-control-label:before {
	background-color: #ffffff29
}

[data-theme-version="dark"] .toggle-switch .custom-control-input:checked~.custom-control-label:before {
	background-color: #fff
}

[data-theme-version="dark"] .btn-link {
	color: #fff
}

[data-theme-version="dark"] .amount-bx .form-control {
	background-color: transparent;
	color: #fff
}

[data-theme-version="dark"] .amount-bx .form-control::placeholder {
	color: #fff
}

[data-theme-version="dark"] .table.bg-info-hover td {
	color: #757878
}

[data-theme-version="dark"] .table.bg-primary-hover td {
	color: #757878
}

[data-theme-version="dark"] .table.bg-warning-hover td {
	color: #757878
}

[data-theme-version="dark"] .table.bg-secondary-hover td {
	color: #757878
}

[data-theme-version="dark"] .order-bg {
	background: #24292D
}

[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a:after {
	border-color: #bd0012
}

[data-theme-version="dark"] .detault-daterange .input-group-text {
	background: #24292D;
	color: #fff
}

[data-theme-version="dark"] .form-wrapper .input-group {
	background: #24292D;
	border: 0
}

[data-theme-version="dark"] .form-wrapper .input-group .input-group-prepend .input-group-text {
	color: #fff
}

[data-theme-version="dark"] .search-area-2 .form-control {
	background-color: #2F363E
}

[data-theme-version="dark"] .search-area-2 .input-group-append .input-group-text {
	background-color: #2F363E
}

[data-theme-version="dark"] .dataTablesCard {
	background-color: #2F363E
}

[data-theme-version="dark"] .compose-content .dropzone {
	background: #24292D !important
}

[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button {
	color: #fff
}

[data-theme-version="dark"] .daterangepicker {
	background: #24292D;
	border-color: #bd0012
}

[data-theme-version="dark"] .daterangepicker .calendar-table {
	border-color: #bd0012;
	background: #24292D
}

[data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover {
	background-color: #bd0012;
	color: #fff
}

[data-theme-version="dark"] .daterangepicker:after {
	border-bottom: 6px solid #24292D
}

[data-theme-version="dark"] .daterangepicker select.hourselect,
[data-theme-version="dark"] .daterangepicker select.minuteselect,
[data-theme-version="dark"] .daterangepicker select.secondselect,
[data-theme-version="dark"] .daterangepicker select.ampmselect {
	background: #24292D;
	border: 1px solid #636363;
	color: #fff
}

[data-theme-version="dark"] .daterangepicker td.off,
[data-theme-version="dark"] .daterangepicker td.off.in-range,
[data-theme-version="dark"] .daterangepicker td.off.start-date,
[data-theme-version="dark"] .daterangepicker td.off.end-date {
	background-color: #2F363E
}

[data-theme-version="dark"] .daterangepicker td.off:hover,
[data-theme-version="dark"] .daterangepicker td.off.in-range:hover,
[data-theme-version="dark"] .daterangepicker td.off.start-date:hover,
[data-theme-version="dark"] .daterangepicker td.off.end-date:hover {
	background-color: #bd0012;
	color: #fff
}

[data-theme-version="dark"] .swal2-popup .swal2-styled:focus {
	outline: 0;
	box-shadow: 0 0 0 2px #636363, 0 0 0 4px rgba(189, 0, 18, 0.1)
}

[data-theme-version="dark"] .dd-handle {
	border-color: #636363
}

[data-theme-version="dark"] .menu-toggle .deznav .metismenu li>ul {
	background: #24292D !important
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
	border-color: #636363
}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,
[data-theme-version="dark"] .nav-tabs .nav-link.active {
	border-color: #636363
}

[data-theme-version="dark"] .clockpicker-popover .popover-content {
	background-color: #2F363E
}

[data-theme-version="dark"] .clockpicker-plate {
	background-color: #24292D
}

[data-theme-version="dark"] .clockpicker-popover .popover-title {
	background-color: #24292D;
	color: #fff
}

[data-theme-version="dark"] .amount-bx {
	border-top: 1px solid #636363;
	border-bottom: 1px solid #636363
}

[data-theme-version="dark"] .bar-chart line {
	stroke: #636363;
	stroke-dasharray: 6
}

[data-theme-version="dark"] #lineChart line {
	stroke: #636363;
	stroke-dasharray: 6
}

[data-theme-version="dark"] .activity-icon {
	border-color: #f0f0f063
}

[data-theme-version="dark"] .check-switch .custom-control-label:after,
[data-theme-version="dark"] .check-switch .custom-control-label:before {
	border-color: #bd0012
}

[data-theme-version="dark"] .fc-unthemed .fc-today {
	background: #24292D !important
}

[data-theme-version="dark"] .fc-unthemed .fc-divider,
[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,
[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header {
	background: #636363
}

[data-theme-version="dark"] .picker__box {
	background: #24292D
}

[data-theme-version="dark"] .picker__box .picker__button--clear,
[data-theme-version="dark"] .picker__box .picker__button--close,
[data-theme-version="dark"] .picker__box .picker__button--today {
	background: #2F363E;
	color: #fff
}

[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before,
[data-theme-version="dark"] .picker__box .picker__button--close:hover:before,
[data-theme-version="dark"] .picker__box .picker__button--today:hover:before {
	color: #fff
}

[data-theme-version="dark"] .picker {
	color: #999
}

[data-theme-version="dark"] .dtp>.dtp-content {
	background: #24292D
}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a {
	color: #68686a
}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a.selected {
	color: #fff
}

[data-theme-version="dark"] .monthly-project-chart circle {
	fill: #24292D
}

[data-theme-version="dark"] .monthly-project-chart .apexcharts-datalabels-group text {
	fill: #fff
}

[data-theme-version="dark"] .monthly-project-chart .apexcharts-radialbar-track path {
	stroke: #24292D
}

[data-theme-version="dark"] .message-bx .image-bx span.active,
[data-theme-version="dark"] .contact-bx .image-bx span.active {
	border-color: #2F363E
}

[data-theme-version="dark"] .users li img {
	border-color: #2F363E
}

[data-theme-version="dark"] .card-tabs .nav-tabs.style-2 .nav-item .nav-link.active {
	background: transparent;
	color: #fff
}

[data-theme-version="dark"] .project-nav {
	border-color: #636363
}

[data-theme-version="dark"] .contact-bx {
	border-color: #24292D
}

[data-theme-version="dark"] .contact-bx:hover {
	border-color: #bd0012
}

[data-theme-version="dark"] .users-lg li img {
	border-color: #24292D
}

[data-theme-version="dark"] .draggable.draggable-mirror {
	background: #2F363E;
	border: 2px dashed #636363 !important
}

[data-theme-version="dark"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link.active {
	color: #fff
}

[data-theme-version="dark"] .rightmenu .type_msg .form-control {
	background: transparent;
	resize: none
}

[data-theme-version="dark"] .daterangepicker td.in-range {
	background: #2F363E;
	color: #797c87
}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span,
[data-theme-version="dark"] .daterangepicker .calendar-table .prev span {
	border-color: #fff
}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span:hover,
[data-theme-version="dark"] .daterangepicker .calendar-table .prev span:hover {
	border-color: #000
}

[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn,
[data-theme-version="dark"] .sidebar-right .form-control {
	border-color: #eee !important;
	background: #fff !important
}

[data-theme-version="dark"] .sidebar-right .dropdown-menu {
	background-color: #fff
}

[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item:hover {
	background: rgba(189, 0, 18, 0.1)
}

[data-theme-version="dark"] .dashboard-calendar .fc-theme-standard th {
	color: #fff
}

[data-theme-version="dark"] .dashboard-calendar .fc .fc-daygrid-day-top {
	color: #fff
}

[data-theme-version="dark"] .dashboard-calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
	border-color: #636363
}

[data-theme-version="dark"] .page-titles .breadcrumb li.active a {
	color: #fff
}

[data-theme-version="dark"] .page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	color: #fff
}

[data-theme-version="dark"] .light.btn-primary g [fill] {
	fill: #fff
}

[data-theme-version="dark"] .fc-theme-standard td,
[data-theme-version="dark"] .fc-theme-standard th,
[data-theme-version="dark"] .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,
[data-theme-version="dark"] .fc-scrollgrid,
[data-theme-version="dark"] table {
	border-color: #636363
}

[data-theme-version="dark"] .btn.tp-btn-light.btn-primary g [fill] {
	fill: #fff
}

[data-theme-version="dark"] .default-tab .nav-link.active,
[data-theme-version="dark"] .default-tab .nav-link:hover,
[data-theme-version="dark"] .custom-tab-1 .nav-link.active,
[data-theme-version="dark"] .custom-tab-1 .nav-link:hover {
	color: #fff
}

[data-theme-version="dark"] .default-tab .nav-link i,
[data-theme-version="dark"] .custom-tab-1 .nav-link i {
	color: #fff
}

[data-theme-version="dark"] .mark,
[data-theme-version="dark"] mark {
	background: #7d7a62
}

[data-theme-version="dark"] .dropdown svg path {
	stroke: #fff
}

[data-theme-version="dark"] .btn-light {
	color: #000
}

[data-theme-version="dark"] .text-primary {
	color: #fff !important
}

[data-theme-version="dark"] .header {
	background-color: #2F363E;
	border-color: #636363
}

[data-theme-version="dark"] .header-left input {
	background: #24292D !important;
	border-color: transparent;
	color: #fff !important
}

[data-theme-version="dark"] .header-left input:focus {
	box-shadow: none;
	border-color: #bd0012
}

[data-theme-version="dark"] .header-left input::placeholder {
	color: #fff
}

[data-theme-version="dark"] .header-left .search_icon {
	background: #24292D !important
}

[data-theme-version="dark"] .header-left .search_icon i {
	color: #fff
}

[data-theme-version="dark"] .header-right .header-profile a.nav-link {
	border-color: #636363
}

[data-theme-version="dark"] .header-right .right-sidebar a {
	color: #bd0012;
	border-color: #636363
}

[data-theme-version="dark"] .header-right .header-profile a.nav-link .header-info strong {
	color: #fff
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
	background: transparent
}

[data-theme-version="dark"] .header-right .dropdown .nav-link {
	color: #fff
}

[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {
	color: #fff
}

[data-theme-version="dark"] .header-right .notification_dropdown .dropdown-item a {
	color: #fff
}

[data-theme-version="dark"] .search-area .input-group-append .input-group-text {
	background: #24292D
}

[data-theme-version="dark"] .search-area .form-control:focus,
[data-theme-version="dark"] .search-area .form-control:hover,
[data-theme-version="dark"] .search-area .form-control:active {
	background: #24292D
}

[data-theme-version="dark"] .pulse-css {
	border-color: #2F363E
}

[data-theme-version="dark"] .nav-header .hamburger .line {
	background: #fff !important
}

[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line {
	background-color: #fff !important
}

[data-theme-version="dark"] .header-right .dropdown .nav-link svg path {
	fill: #888f96;
	stroke: #888f96
}

[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control {
	background-color: #2F363E
}

[data-theme-version="dark"] .nav-header {
	border-color: #636363
}

[data-theme-version="dark"] .nav-control {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo:hover {
	color: #fff
}

[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control {
	background-color: #2F363E
}

[data-theme-version="dark"] .nav-header {
	border-color: #636363
}

[data-theme-version="dark"] .nav-control {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo:hover {
	color: #fff
}

[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul {
	background-color: #24292D
}

[data-theme-version="dark"] .fixed-content-box {
	background-color: #2F363E
}

[data-theme-version="dark"] .fixed-content-box .head-name {
	background: #2F363E;
	color: #fff;
	border-color: #636363
}

[data-theme-version="dark"] .fixed-content-box+.header+.deznav {
	background-color: #24292D
}

[data-theme-version="dark"] .deznav {
	background-color: #2F363E
}

[data-theme-version="dark"] .deznav .metismenu>li>a {
	color: #b3b3b3
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a {
	color: #fff
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a::after,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a::after,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a::after {
	border-color: #fff
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a i,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a i,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i {
	color: #fff !important
}

[data-theme-version="dark"] .deznav .metismenu>li.mm-active ul ul {
	background-color: transparent
}

[data-theme-version="dark"] .deznav .metismenu ul:after {
	background-color: #636363
}

[data-theme-version="dark"] .deznav .metismenu ul a:hover,
[data-theme-version="dark"] .deznav .metismenu ul a:focus,
[data-theme-version="dark"] .deznav .metismenu ul a.mm-active {
	color: #fff
}

[data-theme-version="dark"] .deznav .metismenu ul a:before {
	background-color: #fff
}

[data-theme-version="dark"] .deznav .metismenu a {
	color: #b3b3b3
}

[data-theme-version="dark"] .deznav .metismenu .has-arrow:after {
	border-color: #fff
}

[data-theme-version="dark"] .footer {
	background-color: transparent
}

[data-theme-version="dark"] .footer .copyright p {
	color: #fff
}


[data-theme-version="dark"] .fc-state-highlight {
	color: #fff !important
}
[data-theme-version="dark"] .fc-day-top {
	color: #fff !important
}
[data-theme-version="dark"] .external-event {
	color: #fff !important
}
[data-theme-version="dark"] #external-events [data-class="bg-primary"] {
	color: #fff !important
}
[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton table,
[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton td,
[data-theme-version="dark"] .fc .fc-row .fc-helper-skeleton td {
	border-color: #636363
}

[data-theme-version="dark"] .fc-unthemed .fc-content,
[data-theme-version="dark"] .fc-unthemed .fc-divider,
[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,
[data-theme-version="dark"] .fc-unthemed .fc-list-view,
[data-theme-version="dark"] .fc-unthemed .fc-popover,
[data-theme-version="dark"] .fc-unthemed .fc-row,
[data-theme-version="dark"] .fc-unthemed tbody,
[data-theme-version="dark"] .fc-unthemed td,
[data-theme-version="dark"] .fc-unthemed th,
[data-theme-version="dark"] .fc-unthemed thead {
	border-color: #636363
}
[data-theme-version="light"] .input-primary .form-control,
[data-theme-version="dark"] .input-primary .form-control {
	border-color: #bd0012
}

[data-theme-version="light"] .input-primary .input-group-text,
[data-theme-version="dark"] .input-primary .input-group-text {
	background-color: #bd0012;
	color: #fff
}

[data-theme-version="light"] .input-danger .form-control,
[data-theme-version="dark"] .input-danger .form-control {
	border-color: #f44336
}

[data-theme-version="light"] .input-danger .input-group-text,
[data-theme-version="dark"] .input-danger .input-group-text {
	background-color: #f44336;
	color: #fff
}

[data-theme-version="light"] .input-info .form-control,
[data-theme-version="dark"] .input-info .form-control {
	border-color: #1890ff
}

[data-theme-version="light"] .input-info .input-group-text,
[data-theme-version="dark"] .input-info .input-group-text {
	background-color: #1890ff;
	color: #fff
}

[data-theme-version="light"] .input-success .form-control,
[data-theme-version="dark"] .input-success .form-control {
	border-color: #52c41a
}

[data-theme-version="light"] .input-success .input-group-text,
[data-theme-version="dark"] .input-success .input-group-text {
	background-color: #52c41a;
	color: #fff
}

[data-theme-version="light"] .input-warning .form-control,
[data-theme-version="dark"] .input-warning .form-control {
	border-color: #fa8c16
}

[data-theme-version="light"] .input-warning .input-group-text,
[data-theme-version="dark"] .input-warning .input-group-text {
	background-color: #fa8c16;
	color: #fff
}

[data-theme-version="light"] .input-primary-o .form-control,
[data-theme-version="dark"] .input-primary-o .form-control {
	border-color: #bd0012
}

[data-theme-version="light"] .input-primary-o .input-group-text,
[data-theme-version="dark"] .input-primary-o .input-group-text {
	background-color: transparent;
	border-color: #bd0012;
	color: #bd0012
}

[data-theme-version="light"] .input-danger-o .form-control,
[data-theme-version="dark"] .input-danger-o .form-control {
	border-color: #f44336
}

[data-theme-version="light"] .input-danger-o .input-group-text,
[data-theme-version="dark"] .input-danger-o .input-group-text {
	background-color: transparent;
	border-color: #f44336;
	color: #f44336
}

[data-theme-version="light"] .input-info-o .form-control,
[data-theme-version="dark"] .input-info-o .form-control {
	border-color: #1890ff
}

[data-theme-version="light"] .input-info-o .input-group-text,
[data-theme-version="dark"] .input-info-o .input-group-text {
	background-color: transparent;
	border-color: #1890ff;
	color: #1890ff
}

[data-theme-version="light"] .input-success-o .form-control,
[data-theme-version="dark"] .input-success-o .form-control {
	border-color: #52c41a
}

[data-theme-version="light"] .input-success-o .input-group-text,
[data-theme-version="dark"] .input-success-o .input-group-text {
	background-color: transparent;
	border-color: #52c41a;
	color: #52c41a
}

[data-theme-version="light"] .input-warning-o .form-control,
[data-theme-version="dark"] .input-warning-o .form-control {
	border-color: #fa8c16
}

[data-theme-version="light"] .input-warning-o .input-group-text,
[data-theme-version="dark"] .input-warning-o .input-group-text {
	background-color: transparent;
	border-color: #fa8c16;
	color: #fa8c16
}
[data-theme-version="dark"] .custom-file-label:after {
	background: #636363;
	border-color: #636363;
	color: #7e7e7e
}
[data-theme-version="dark"] .custom-file-label {
	background: #24292D;
	border-color: #636363
}
[data-theme-version="dark"] .custom-control-label::before {
	background-color: transparent;
	border-color: #636363
}
[data-theme-version="dark"] .checkbox-info .custom-control-label::before {
	background-color: rgba(81, 166, 245, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .checkbox-danger .custom-control-label::before {
	background-color: rgba(255, 76, 65, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .checkbox-success .custom-control-label::before {
	background-color: rgba(104, 207, 41, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .checkbox-warning .custom-control-label::before {
	background-color: rgba(255, 172, 48, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .checkbox-secondary .custom-control-label::before {
	background-color: rgba(134, 74, 209, 0.5);
	border-color: transparent
}
[data-theme-version="dark"] .picker__input {
	background-color: transparent !important;
	border: 1px solid #636363
}
[data-theme-version="dark"] .select2-container--default .select2-selection--single {
	background: #24292D;
	border-color: #636363
}
[data-theme-version="dark"] .select2-container .select2-selection--multiple {
	background: #24292D;
	border-color: #636363
}

[data-theme-version="dark"] .select2-search--dropdown .select2-search__field {
	background: #2F363E;
	border-color: #636363
}
[data-theme-version="dark"] .select2-dropdown {
	background: #24292D;
	border-color: #636363
}
[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable {
	background-color: #24292D
}
[data-theme-version="dark"] .bootstrap-select .btn {
	border-color: #636363 !important;
	background: #24292D !important
}
[data-theme-version="dark"] .bootstrap-select .btn:active,
[data-theme-version="dark"] .bootstrap-select .btn:focus,
[data-theme-version="dark"] .bootstrap-select .btn:hover {
	color: #7e7e7e !important
}
[data-theme-version="dark"] .bootstrap-select .dropdown-menu {
	border-color: #eee !important
}
[data-theme-version="dark"] .crypto-ticker {
	background: #2F363E
}
[data-theme-version="dark"] .accordion-primary .accordion__header.collapsed {
	background: rgba(189, 0, 18, 0.1);
	border-color: rgba(189, 0, 18, 0.1);
	color: #7e7e7e
}
[data-theme-version="dark"] .accordion-primary-solid .accordion__header.collapsed {
	background: rgba(189, 0, 18, 0.1);
	border-color: rgba(189, 0, 18, 0.1);
	color: #7e7e7e
}
[data-theme-version="dark"] .accordion-danger-solid .accordion__header.collapsed {
	background: rgba(255, 76, 65, 0.1);
	border-color: rgba(255, 76, 65, 0.1);
	color: #7e7e7e
}
[data-theme-version="dark"] .accordion__header {
	color: #fff;
	border-color: #636363
}

[data-theme-version="dark"] .accordion-bordered .accordion__body {
	border-color: #636363
}
[data-theme-version="dark"] .accordion-no-gutter .accordion__item:last-child .accordion__header {
	border-color: #636363
}
[data-theme-version="dark"] .accordion-header-bg .accordion__header {
	background-color: #24292D;
	color: #fff
}
[data-theme-version="dark"] .accordion-header-bg .accordion__header--primary {
	background-color: #bd0012
}
[data-theme-version="dark"] .accordion-header-bg .accordion__header--info {
	background-color: #1890ff
}
[data-theme-version="dark"] .accordion-header-bg .accordion__header--success {
	background-color: #52c41a
}
[data-theme-version="dark"] .accordion-solid-bg .accordion__header {
	background-color: #24292D
}
[data-theme-version="dark"] .accordion-solid-bg .accordion__body {
	background-color: #24292D
}
[data-theme-version="dark"] .alert-primary {
	background: rgba(189, 0, 18, 0.1);
	border-color: rgba(189, 0, 18, 0.1)
}
[data-theme-version="dark"] .alert-secondary {
	background: rgba(134, 74, 209, 0.5);
	border-color: rgba(134, 74, 209, 0.5);
	color: #7e7e7e
}
[data-theme-version="dark"] .alert-success {
	background: rgba(104, 207, 41, 0.1);
	border-color: rgba(104, 207, 41, 0.1)
}
[data-theme-version="dark"] .alert-warning {
	background: rgba(255, 172, 48, 0.1);
	border-color: rgba(255, 172, 48, 0.1)
}
[data-theme-version="dark"] .alert-danger {
	background: rgba(255, 76, 65, 0.1);
	border-color: rgba(255, 76, 65, 0.1)
}
[data-theme-version="dark"] .alert-info {
	background: rgba(81, 166, 245, 0.1);
	border-color: rgba(81, 166, 245, 0.1)
}
[data-theme-version="dark"] .alert-dark {
	background: rgba(110, 110, 110, 0.35);
	border-color: rgba(110, 110, 110, 0.35);
	color: #7e7e7e
}
[data-theme-version="dark"] .badge-outline-secondary {
	color: #7e7e7e
}
[data-theme-version="dark"] .badge-outline-light {
	color: #7e7e7e
}
[data-theme-version="dark"] .badge-outline-dark {
	color: #7e7e7e
}
[data-theme-version="dark"] .light.badge-success {
	background-color: rgba(104, 207, 41, 0.1)
}

[data-theme-version="dark"] .light.badge-info {
	background-color: rgba(81, 166, 245, 0.1)
}
[data-theme-version="dark"] .light.badge-primary {
	background-color: rgba(189, 0, 18, 0.1)
}
[data-theme-version="dark"] .light.badge-secondary {
	background-color: rgba(134, 74, 209, 0.5);
	color: #7e7e7e
}
[data-theme-version="dark"] .light.badge-warning {
	background-color: rgba(255, 172, 48, 0.1)
}
[data-theme-version="dark"] .light.badge-danger {
	background-color: rgba(255, 76, 65, 0.1)
}
[data-theme-version="dark"] .light.badge-dark {
	background-color: rgba(110, 110, 110, 0.35);
	color: #7e7e7e
}

[data-theme-version="dark"] .page-titles {
	background: transparent
}
[data-theme-version="dark"] .light.btn-success {
	background-color: rgba(104, 207, 41, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .light.btn-info {
	background-color: rgba(81, 166, 245, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .light.btn-primary {
	background-color: rgba(189, 0, 18, 0.1);
	border-color: transparent;
	color: #fff
}

[data-theme-version="dark"] .light.btn-secondary {
	background-color: rgba(134, 74, 209, 0.5);
	border-color: transparent;
	color: #fff
}

[data-theme-version="dark"] .light.btn-warning {
	background-color: rgba(255, 172, 48, 0.1);
	border-color: transparent
}


[data-theme-version="dark"] .light.btn-danger {
	background-color: rgba(255, 76, 65, 0.1);
	border-color: transparent
}
[data-theme-version="dark"] .light.btn-dark {
	background-color: rgba(110, 110, 110, 0.35);
	border-color: transparent;
	color: #fff
}
[data-theme-version="dark"] .btn-outline-light {
	color: #7e7e7e
}

[data-theme-version="dark"] .btn-outline-dark {
	color: #7e7e7e
}
[data-theme-version="dark"] .card-header {
	border-color: #636363
}
[data-theme-version="dark"] .card-footer {
	border-color: #636363
}
[data-theme-version="dark"] .card-action>a:hover,
[data-theme-version="dark"] .card-action>a:focus {
	background: #24292D
}
[data-theme-version="dark"] .card-action .dropdown {
	background: #24292D
}
[data-theme-version="dark"] .card-action .dropdown:hover,
[data-theme-version="dark"] .card-action .dropdown:focus {
	background: #24292D
}

[data-theme-version="dark"] code {
	background: rgba(255, 76, 65, 0.1)
}

[data-theme-version="dark"] .list-group-item {
	border-color: #636363;
	color: #fff
}
[data-theme-version="dark"] .pagination .page-item .page-link {
	border-color: #636363;
	color: #828690;
	background: rgba(255, 255, 255, 0)
}
[data-theme-version="dark"] .pagination .page-item.active .page-link {
	color: #fff
}
[data-theme-version="dark"] .pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link {
	background: #bd0012;
	border-color: #bd0012
}
[data-theme-version="dark"] .pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link {
	background: #f44336;
	border-color: #f44336
}
[data-theme-version="dark"] .pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link {
	background: #1890ff;
	border-color: #1890ff
}
[data-theme-version="dark"] .pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link {
	background: #fa8c16;
	border-color: #fa8c16
}

[data-theme-version="dark"] .pagination-primary .page-item .page-link {
	background: rgba(189, 0, 18, 0.1);
	border-color: transparent;
	color: #bd0012
}

[data-theme-version="dark"] .pagination-primary .page-item:hover .page-link,
[data-theme-version="dark"] .pagination-primary .page-item.active .page-link {
	color: #fff
}
[data-theme-version="dark"] .pagination-danger .page-item .page-link {
	background: rgba(255, 76, 65, 0.1);
	border-color: transparent;
	color: #f44336
}
[data-theme-version="dark"] .pagination-danger .page-item:hover .page-link,
[data-theme-version="dark"] .pagination-danger .page-item.active .page-link {
	color: #fff
}
[data-theme-version="dark"] .pagination-info .page-item .page-link {
	background: rgba(81, 166, 245, 0.1);
	border-color: transparent;
	color: #1890ff
}
[data-theme-version="dark"] .pagination-warning .page-item .page-link {
	background: rgba(255, 172, 48, 0.1);
	border-color: transparent;
	color: #fa8c16
}
[data-theme-version="dark"] .popover {
	background-color: #24292D
}
[data-theme-version="dark"] .popover .popover-header {
	border-color: #2F363E
}

[data-theme-version="dark"] .progress {
	background-color: #24292D
}
[data-theme-version="dark"] .default-tab .nav-link:focus,
[data-theme-version="dark"] .default-tab .nav-link:hover,
[data-theme-version="dark"] .default-tab .nav-link.active {
	background-color: rgba(189, 0, 18, 0.1);
	border-color: transparent transparent #636363 transparent
}
[data-theme-version="dark"] .nav-pills.light .nav-link.active,
[data-theme-version="dark"] .nav-pills.light .show>.nav-link {
	background: rgba(189, 0, 18, 0.1)
}

[data-theme-version="dark"] .ccc-widget>div {
	background: #2F363E !important;
	border-color: #636363 !important
}
[data-theme-version="dark"] .widget-stat .media .media-body p {
	color: #c4c9d5
}
[data-theme-version="dark"] .bgl-primary {
	background-color: rgba(189, 0, 18, 0.1);
	border-color: rgba(189, 0, 18, 0.1)
}
[data-theme-version="dark"] .bgl-secondary {
	background-color: rgba(134, 74, 209, 0.5);
	border-color: rgba(134, 74, 209, 0.5)
}
[data-theme-version="dark"] .bgl-success {
	background-color: rgba(104, 207, 41, 0.1);
	border-color: rgba(104, 207, 41, 0.1)
}
[data-theme-version="dark"] .bgl-warning {
	background-color: rgba(255, 172, 48, 0.1);
	border-color: rgba(255, 172, 48, 0.1)
}
[data-theme-version="dark"] .bgl-danger {
	background-color: rgba(255, 76, 65, 0.1);
	border-color: rgba(255, 76, 65, 0.1)
}
[data-theme-version="dark"] .bgl-info {
	background-color: rgba(81, 166, 245, 0.1);
	border-color: rgba(81, 166, 245, 0.1)
}
[data-theme-version="dark"] .bg-primary-light {
	background-color: rgba(189, 0, 18, 0.05)
}
[data-theme-version="dark"] .bg-secondary-light {
	background-color: rgba(134, 74, 209, 0.05)
}

[data-theme-version="dark"] .bg-success-light {
	background-color: rgba(104, 207, 41, 0.05)
}
[data-theme-version="dark"] .bg-warning-light {
	background-color: rgba(255, 172, 48, 0.05)
}
[data-theme-version="dark"] .bg-danger-light {
	background-color: rgba(255, 76, 65, 0.05)
}
[data-theme-version="dark"] .bg-info-light {
	background-color: rgba(81, 166, 245, 0.05)
}
[data-theme-version="dark"] .table th,
[data-theme-version="dark"] .table td {
	border-color: #636363
}
[data-theme-version="dark"] .table.table-striped tbody tr:nth-of-type(odd),
[data-theme-version="dark"] .table.table-hover tr:hover {
	background-color: #24292D
}
[data-theme-version="dark"] .table.shadow-hover tbody tr:hover {
	background-color: #24292D
}
[data-theme-version="dark"] .table thead th {
	border-color: #636363
}
[data-theme-version="dark"] .table tbody tr td {
	border-color: #636363
}

[data-theme-version="dark"] .table.primary-table-bordered {
	border-color: #636363
}

[data-theme-version="dark"] .table-primary,
[data-theme-version="dark"] .table-primary>th,
[data-theme-version="dark"] .table-primary>td {
	background-color: rgba(189, 0, 18, 0.1)
}
[data-theme-version="dark"] .table-success,
[data-theme-version="dark"] .table-success>th,
[data-theme-version="dark"] .table-success>td {
	background-color: rgba(104, 207, 41, 0.1)
}
[data-theme-version="dark"] .table-info,
[data-theme-version="dark"] .table-info>th,
[data-theme-version="dark"] .table-info>td {
	background-color: rgba(81, 166, 245, 0.1)
}
[data-theme-version="dark"] .table-warning,
[data-theme-version="dark"] .table-warning>th,
[data-theme-version="dark"] .table-warning>td {
	background-color: rgba(255, 172, 48, 0.1)
}
[data-theme-version="dark"] .table-danger,
[data-theme-version="dark"] .table-danger>th,
[data-theme-version="dark"] .table-danger>td {
	background-color: rgba(255, 76, 65, 0.1)
}
[data-theme-version="dark"] .table-active,
[data-theme-version="dark"] .table-active>th,
[data-theme-version="dark"] .table-active>td {
	background-color: #24292D
}
[data-theme-version="dark"] table.dataTable thead th {
	color: #fff
}
[data-theme-version="dark"] table.dataTable tfoot th {
	color: #fff
}
[data-theme-version="dark"] .dataTables_wrapper input[type="search"],
[data-theme-version="dark"] .dataTables_wrapper input[type="text"],
[data-theme-version="dark"] .dataTables_wrapper select {
	background: #24292D;
	border-color: #636363;
	color: #fff
}

[data-theme-version="dark"] table.dataTable.row-border tbody th,
[data-theme-version="dark"] table.dataTable.row-border tbody td,
[data-theme-version="dark"] table.dataTable.display tbody th,
[data-theme-version="dark"] table.dataTable.display tbody td {
	border-color: #636363
}
[data-theme-version="dark"] .authincation-content {
	background: #2F363E;
	box-shadow: none
}

[data-theme-version="dark"] {
	background: #24292D;
	color: #828690
}

[data-theme-version="dark"] h1,
[data-theme-version="dark"] h2,
[data-theme-version="dark"] h3,
[data-theme-version="dark"] h4,
[data-theme-version="dark"] h5,
[data-theme-version="dark"] h6 {
	color: #fff !important
}

[data-theme-version="dark"] a.link {
	color: #ddd
}

[data-theme-version="dark"] a.link:focus,
[data-theme-version="dark"] a.link:hover {
	color: #1890ff
}

[data-theme-version="dark"] a:hover {
	color: #fff
}

[data-theme-version="dark"] .border-right {
	border-right: 1px solid #636363 !important
}

[data-theme-version="dark"] .border-left {
	border-left: 1px solid #636363 !important
}

[data-theme-version="dark"] .border-top {
	border-top: 1px solid #636363 !important
}

[data-theme-version="dark"] .border-bottom {
	border-bottom: 1px solid #636363 !important
}

[data-theme-version="dark"] .border {
	border: 1px solid #636363 !important
}

[data-theme-version="dark"] .dropdown-menu {
	background-color: #24292D;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1)
}

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {
	background-color: #2F363E;
	color: #7e7e7e
}

[data-theme-version="dark"] .btn-link g [fill] {
	fill: #fff
}

[data-theme-version="dark"] .btn-light:active,
[data-theme-version="dark"] .btn-light:focus,
[data-theme-version="dark"] .btn-light:hover {
	color: #000
}

[data-theme-version="dark"] .form-control {
	background-color: #24292D;
	border-color: #636363;
	color: #fff
}

[data-theme-version="dark"] .card {
	background-color: #2F363E;
	box-shadow: none
}

[data-theme-version="dark"] .btn-outline-dark:hover {
	background-color: #24292D;
	border-color: #24292D
}

[data-theme-version="dark"] .tdl-holder input[type=text],
[data-theme-version="dark"] .tdl-holder li {
	background-color: #2F363E;
	border-color: #636363
}

[data-theme-version="dark"] .tdl-holder input[type=text]::placeholder {
	color: #828690
}

[data-theme-version="dark"] .tdl-holder label:hover {
	background-color: #636363;
	color: #fff
}

[data-theme-version="dark"] .text-muted {
	color: #828690 !important
}

[data-theme-version="dark"] .modal-content,
[data-theme-version="dark"] .ui-dialog {
	background: #2F363E;
  color: #fff;
}
[data-theme-version="dark"] .modal-content,
[data-theme-version="dark"] .ui-dialog .ui-dialog-content {
    color: #fff;
}
[data-theme-version="dark"] .modal-footer,
[data-theme-version="dark"] .modal-header {
	border-color: #636363
}

[data-theme-version="dark"] .close {
	font-weight: 400;
	color: #fff;
	text-shadow: none
}

[data-theme-version="dark"] .close:hover {
	color: #fff
}

[data-theme-version="dark"] .header-left .dashboard_bar,
[data-theme-version="dark"] .table strong {
	color: #fff
}

[data-theme-version="dark"] .text-dark {
	color: #828690 !important
}

[data-theme-version="dark"] .new-arrival-content .item {
	color: #fff
}

[data-theme-version="dark"] .custom-dropdown .dropdown-menu {
	border-color: #636363
}

[data-theme-version="dark"] .widget-stat .media>span {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.1);
	color: #fff
}

[data-theme-version="dark"] .plus-minus-input .custom-btn {
	background: #24292D;
	border-color: #636363
}

[data-theme-version="dark"] .dropdown-divider,
[data-theme-version="dark"] .size-filter ul li {
	border-color: #636363
}

[data-theme-version="dark"] .custom-select {
	border-color: #636363;
	color: #828690;
	background: #24292D
}

[data-theme-version="dark"] .nav-tabs {
	border-color: #636363
}

[data-theme-version="dark"] hr {
	border-color: #636363
}

[data-theme-version="dark"] .grid-col {
	background: #24292D
}

[data-theme-version="dark"] .noUi-target {
	border-color: #636363;
	border-radius: 8px;
	box-shadow: none
}

[data-theme-version="dark"] .noUi-target .noUi-connects {
	background: #636363
}

[data-theme-version="dark"] .noUi-marker-large,
[data-theme-version="dark"] .noUi-marker {
	background: #636363
}

[data-theme-version="dark"] .input-group-text {
	background: #636363;
	color: #7e7e7e
}

[data-theme-version="dark"] .note-editor.note-frame {
	border-color: #636363
}

[data-theme-version="dark"] .note-editor.note-frame .btn {
	color: #fff
}

[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable {
	color: #fff
}

[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification {
	border-color: #636363
}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link {
	border-color: #636363
}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active {
	background: #24292D;
	color: #fff
}

[data-theme-version="dark"] .list-group-item-action {
	color: #7e7e7e
}

[data-theme-version="dark"] .list-group-item-action:focus,
[data-theme-version="dark"] .list-group-item-action:hover,
[data-theme-version="dark"] .list-group-item-action:focus {
	background-color: #24292D;
	border-color: #24292D
}

[data-theme-version="dark"] .list-group-item.active {
	color: #fff;
	border-color: #bd0012
}

[data-theme-version="dark"] .list-group-item.active:focus,
[data-theme-version="dark"] .list-group-item.active:hover,
[data-theme-version="dark"] .list-group-item.active:focus {
	background-color: #bd0012;
	border-color: #bd0012;
	color: #fff
}

[data-theme-version="dark"] .swal2-popup {
	background: #2F363E
}

[data-theme-version="dark"] .form-head .btn-outline-primary {
	border-color: #636363
}

[data-theme-version="dark"] .form-head .btn-outline-primary:hover {
	border-color: #bd0012
}

[data-theme-version="dark"] .header-right .header-profile a.nav-link .header-info span,
[data-theme-version="dark"] .iconbox small {
	color: #fff
}

[data-theme-version="dark"] .iconbox p {
	color: rgba(255, 255, 255, 0.7)
}

[data-theme-version="dark"] .form-head .search-area .form-control {
	border: 1px solid #636363
}

[data-theme-version="dark"] .form-head .search-area .input-group-append .input-group-text {
	background: #636363
}

[data-theme-version="dark"] .plus-box {
	background: rgba(255, 255, 255, 0.05);
	color: #fff
}

[data-theme-version="dark"] .default-select.style-1 .btn {
	color: #fff !important
}

[data-theme-version="dark"] .text-black {
	color: #fff !important
}

[data-theme-version="dark"] .new-arrival-content h4 a {
	color: #fff
}

[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label {
	fill: #fff
}

[data-theme-version="dark"] .apexcharts-legend-text {
	color: #fff !important
}

[data-theme-version="dark"] .morris_chart_height text tspan {
	fill: #fff !important
}

[data-theme-version="dark"] .toggle-switch.text-right .custom-control-label:before {
	background-color: #ffffff29
}

[data-theme-version="dark"] .toggle-switch .custom-control-input:checked~.custom-control-label:before {
	background-color: #fff
}

[data-theme-version="dark"] .btn-link {
	color: #fff
}

[data-theme-version="dark"] .amount-bx .form-control {
	background-color: transparent;
	color: #fff
}

[data-theme-version="dark"] .amount-bx .form-control::placeholder {
	color: #fff
}

[data-theme-version="dark"] .table.bg-info-hover td {
	color: #757878
}

[data-theme-version="dark"] .table.bg-primary-hover td {
	color: #757878
}

[data-theme-version="dark"] .table.bg-warning-hover td {
	color: #757878
}

[data-theme-version="dark"] .table.bg-secondary-hover td {
	color: #757878
}

[data-theme-version="dark"] .order-bg {
	background: #24292D
}

[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a:after {
	border-color: #bd0012
}

[data-theme-version="dark"] .detault-daterange .input-group-text {
	background: #24292D;
	color: #fff
}

[data-theme-version="dark"] .form-wrapper .input-group {
	background: #24292D;
	border: 0
}

[data-theme-version="dark"] .form-wrapper .input-group .input-group-prepend .input-group-text {
	color: #fff
}

[data-theme-version="dark"] .search-area-2 .form-control {
	background-color: #2F363E
}

[data-theme-version="dark"] .search-area-2 .input-group-append .input-group-text {
	background-color: #2F363E
}

[data-theme-version="dark"] .dataTablesCard {
	background-color: #2F363E
}

[data-theme-version="dark"] .compose-content .dropzone {
	background: #24292D !important
}

[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button {
	color: #fff
}

[data-theme-version="dark"] .daterangepicker {
	background: #24292D;
	border-color: #bd0012
}

[data-theme-version="dark"] .daterangepicker .calendar-table {
	border-color: #bd0012;
	background: #24292D
}

[data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover {
	background-color: #bd0012;
	color: #fff
}

[data-theme-version="dark"] .daterangepicker:after {
	border-bottom: 6px solid #24292D
}

[data-theme-version="dark"] .daterangepicker select.hourselect,
[data-theme-version="dark"] .daterangepicker select.minuteselect,
[data-theme-version="dark"] .daterangepicker select.secondselect,
[data-theme-version="dark"] .daterangepicker select.ampmselect {
	background: #24292D;
	border: 1px solid #636363;
	color: #fff
}

[data-theme-version="dark"] .daterangepicker td.off,
[data-theme-version="dark"] .daterangepicker td.off.in-range,
[data-theme-version="dark"] .daterangepicker td.off.start-date,
[data-theme-version="dark"] .daterangepicker td.off.end-date {
	background-color: #2F363E
}

[data-theme-version="dark"] .daterangepicker td.off:hover,
[data-theme-version="dark"] .daterangepicker td.off.in-range:hover,
[data-theme-version="dark"] .daterangepicker td.off.start-date:hover,
[data-theme-version="dark"] .daterangepicker td.off.end-date:hover {
	background-color: #bd0012;
	color: #fff
}

[data-theme-version="dark"] .swal2-popup .swal2-styled:focus {
	outline: 0;
	box-shadow: 0 0 0 2px #636363, 0 0 0 4px rgba(189, 0, 18, 0.1)
}

[data-theme-version="dark"] .dd-handle {
	border-color: #636363
}

[data-theme-version="dark"] .menu-toggle .deznav .metismenu li>ul {
	background: #24292D !important
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
	border-color: #636363
}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,
[data-theme-version="dark"] .nav-tabs .nav-link.active {
	border-color: #636363
}

[data-theme-version="dark"] .clockpicker-popover .popover-content {
	background-color: #2F363E
}

[data-theme-version="dark"] .clockpicker-plate {
	background-color: #24292D
}

[data-theme-version="dark"] .clockpicker-popover .popover-title {
	background-color: #24292D;
	color: #fff
}

[data-theme-version="dark"] .amount-bx {
	border-top: 1px solid #636363;
	border-bottom: 1px solid #636363
}

[data-theme-version="dark"] .bar-chart line {
	stroke: #636363;
	stroke-dasharray: 6
}

[data-theme-version="dark"] #lineChart line {
	stroke: #636363;
	stroke-dasharray: 6
}

[data-theme-version="dark"] .activity-icon {
	border-color: #f0f0f063
}

[data-theme-version="dark"] .check-switch .custom-control-label:after,
[data-theme-version="dark"] .check-switch .custom-control-label:before {
	border-color: #bd0012
}

[data-theme-version="dark"] .fc-unthemed .fc-today {
	background: #24292D !important
}

[data-theme-version="dark"] .fc-unthemed .fc-divider,
[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,
[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header {
	background: #636363
}

[data-theme-version="dark"] .picker__box {
	background: #24292D
}

[data-theme-version="dark"] .picker__box .picker__button--clear,
[data-theme-version="dark"] .picker__box .picker__button--close,
[data-theme-version="dark"] .picker__box .picker__button--today {
	background: #2F363E;
	color: #fff
}

[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before,
[data-theme-version="dark"] .picker__box .picker__button--close:hover:before,
[data-theme-version="dark"] .picker__box .picker__button--today:hover:before {
	color: #fff
}

[data-theme-version="dark"] .picker {
	color: #999
}

[data-theme-version="dark"] .dtp>.dtp-content {
	background: #24292D
}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a {
	color: #68686a
}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a.selected {
	color: #fff
}

[data-theme-version="dark"] .message-bx .image-bx span.active,
[data-theme-version="dark"] .contact-bx .image-bx span.active {
	border-color: #2F363E
}

[data-theme-version="dark"] .users li img {
	border-color: #2F363E
}

[data-theme-version="dark"] .card-tabs .nav-tabs.style-2 .nav-item .nav-link.active {
	background: transparent;
	color: #fff
}

[data-theme-version="dark"] .project-nav {
	border-color: #636363
}

[data-theme-version="dark"] .contact-bx {
	border-color: #24292D
}

[data-theme-version="dark"] .contact-bx:hover {
	border-color: #bd0012
}

[data-theme-version="dark"] .users-lg li img {
	border-color: #24292D
}

[data-theme-version="dark"] .draggable.draggable-mirror {
	background: #2F363E;
	border: 2px dashed #636363 !important
}

[data-theme-version="dark"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link.active {
	color: #fff
}

[data-theme-version="dark"] .rightmenu .type_msg .form-control {
	background: transparent;
	resize: none
}

[data-theme-version="dark"] .daterangepicker td.in-range {
	background: #2F363E;
	color: #797c87
}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span,
[data-theme-version="dark"] .daterangepicker .calendar-table .prev span {
	border-color: #fff
}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span:hover,
[data-theme-version="dark"] .daterangepicker .calendar-table .prev span:hover {
	border-color: #000
}

[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn,
[data-theme-version="dark"] .sidebar-right .form-control {
	border-color: #eee !important;
	background: #fff !important
}

[data-theme-version="dark"] .sidebar-right .dropdown-menu {
	background-color: #fff
}

[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item:hover {
	background: rgba(189, 0, 18, 0.1)
}

[data-theme-version="dark"] .dashboard-calendar .fc-theme-standard th {
	color: #fff
}

[data-theme-version="dark"] .dashboard-calendar .fc .fc-daygrid-day-top {
	color: #fff
}

[data-theme-version="dark"] .dashboard-calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
	border-color: #636363
}

[data-theme-version="dark"] .page-titles .breadcrumb li.active a {
	color: #fff
}

[data-theme-version="dark"] .page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	color: #fff
}

[data-theme-version="dark"] .light.btn-primary g [fill] {
	fill: #fff
}

[data-theme-version="dark"] .fc-theme-standard td,
[data-theme-version="dark"] .fc-theme-standard th,
[data-theme-version="dark"] .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,
[data-theme-version="dark"] .fc-scrollgrid,
[data-theme-version="dark"] table {
	border-color: #636363
}

[data-theme-version="dark"] .btn.tp-btn-light.btn-primary g [fill] {
	fill: #fff
}

[data-theme-version="dark"] .default-tab .nav-link.active,
[data-theme-version="dark"] .default-tab .nav-link:hover,
[data-theme-version="dark"] .custom-tab-1 .nav-link.active,
[data-theme-version="dark"] .custom-tab-1 .nav-link:hover {
	color: #fff
}

[data-theme-version="dark"] .default-tab .nav-link i,
[data-theme-version="dark"] .custom-tab-1 .nav-link i {
	color: #fff
}

[data-theme-version="dark"] .mark,
[data-theme-version="dark"] mark {
	background: #7d7a62
}

[data-theme-version="dark"] .dropdown svg path {
	stroke: #fff
}

[data-theme-version="dark"] .btn-light {
	color: #000
}

[data-theme-version="dark"] .text-primary {
	color: #fff !important
}

[data-theme-version="dark"] .header {
	background-color: #2F363E;
	border-color: #636363
}

[data-theme-version="dark"] .header-left input {
	background: #24292D !important;
	border-color: transparent;
	color: #fff !important
}

[data-theme-version="dark"] .header-left input:focus {
	box-shadow: none;
	border-color: #bd0012
}

[data-theme-version="dark"] .header-left input::placeholder {
	color: #fff
}

[data-theme-version="dark"] .header-left .search_icon {
	background: #24292D !important
}

[data-theme-version="dark"] .header-left .search_icon i {
	color: #fff
}

[data-theme-version="dark"] .header-right .header-profile a.nav-link {
	border-color: #636363
}

[data-theme-version="dark"] .header-right .right-sidebar a {
	color: #bd0012;
	border-color: #636363
}

[data-theme-version="dark"] .header-right .header-profile a.nav-link .header-info strong {
	color: #fff
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
	background: transparent
}

[data-theme-version="dark"] .header-right .dropdown .nav-link {
	color: #fff
}

[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {
	color: #fff
}

[data-theme-version="dark"] .header-right .notification_dropdown .dropdown-item a {
	color: #fff
}

[data-theme-version="dark"] .search-area .input-group-append .input-group-text {
	background: #24292D
}

[data-theme-version="dark"] .search-area .form-control:focus,
[data-theme-version="dark"] .search-area .form-control:hover,
[data-theme-version="dark"] .search-area .form-control:active {
	background: #24292D
}

[data-theme-version="dark"] .pulse-css {
	border-color: #2F363E
}

[data-theme-version="dark"] .nav-header .hamburger .line {
	background: #fff !important
}

[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line {
	background-color: #fff !important
}

[data-theme-version="dark"] .header-right .dropdown .nav-link svg path {
	fill: #888f96;
	stroke: #888f96
}

[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control {
	background-color: #2F363E
}

[data-theme-version="dark"] .nav-header {
	border-color: #636363
}

[data-theme-version="dark"] .nav-control {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo:hover {
	color: #fff
}

[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control {
	background-color: #2F363E
}

[data-theme-version="dark"] .nav-header {
	border-color: #636363
}

[data-theme-version="dark"] .nav-control {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo {
	color: #fff
}

[data-theme-version="dark"] .site-brand .site-logo:hover {
	color: #fff
}

[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul {
	background-color: #24292D
}

[data-theme-version="dark"] .fixed-content-box {
	background-color: #2F363E
}

[data-theme-version="dark"] .fixed-content-box .head-name {
	background: #2F363E;
	color: #fff;
	border-color: #636363
}

[data-theme-version="dark"] .fixed-content-box+.header+.deznav {
	background-color: #24292D
}

[data-theme-version="dark"] .deznav {
	background-color: #2F363E
}

[data-theme-version="dark"] .deznav .metismenu>li>a {
	color: #b3b3b3
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a {
	color: #fff
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a::after,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a::after,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a::after {
	border-color: #fff
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a i,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a i,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i {
	color: #fff !important
}

[data-theme-version="dark"] .deznav .metismenu>li.mm-active ul ul {
	background-color: transparent
}

[data-theme-version="dark"] .deznav .metismenu ul:after {
	background-color: #636363
}

[data-theme-version="dark"] .deznav .metismenu ul a:hover,
[data-theme-version="dark"] .deznav .metismenu ul a:focus,
[data-theme-version="dark"] .deznav .metismenu ul a.mm-active {
	color: #fff
}

[data-theme-version="dark"] .deznav .metismenu ul a:before {
	background-color: #fff
}

[data-theme-version="dark"] .deznav .metismenu a {
	color: #b3b3b3
}

[data-theme-version="dark"] .deznav .metismenu .has-arrow:after {
	border-color: #fff
}

[data-theme-version="dark"] .footer {
	background-color: transparent
}

[data-theme-version="dark"] .footer .copyright p {
	color: #fff
}


.account-logo {
    width: 8em;
}

.profile-header {
    width: 100%;
    height: 250px;
    margin-left: -100px;
		    margin-top: -100px;
}

.profile-header-inner {
    transform: rotate(
-10deg);
    margin-top: -500px;
    margin-left: -100px;
    position: absolute;
    width: 2000px;
    height: 500px;
    z-index: -1;
}

@media only screen and (max-width: 4000px) {
	.profile-header-inner {
	    margin-top: -800px;
			width:8000px;
	}
}

@media only screen and (max-width: 3000px) {
	.profile-header-inner {
	    margin-top: -600px;
			width: 6000px;
	}
}

@media only screen and (max-width: 2100px) {
	.profile-header-inner {
	    margin-top: -500px;
			width: 4000px;
	}
}

@media only screen and (max-width: 1300px) {
	.profile-header-inner {
	    margin-top: -400px;
			width: 3000px;
	}
}

@media only screen and (max-width: 767px) {
	.profile-header-inner {
	    margin-top: -300px;
			width: 2000px;
	}
}


.left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.right {
    padding: 0 25px 0 25px !important;
}

.profile-photo {
  width: 200px;
  height: 200px;
  margin-top: -120px;
  border-radius: 100px;
  border: 4px solid #fff;
}

.views-field-field-avatar img {
	border-radius: 100px;
  border: 4px solid #fff;
}

.team-photo img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 4px solid #fff;
}

.profile-name {
    margin-top: 20px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 18pt;
    color: #777;
}
.profile-info {
    margin-top: -5px;
    margin-bottom: 5px;
		padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    color: #aaa;
}

.header-bg .header-bg,
.header-bg .header-bg-inner {
	width: 100%;
	height: 4.5rem;
	position: fixed;
z-index: 2;
}

@media only screen and (max-width: 1199px) {
	.header-bg,
	.header-bg .header-bg,
	.header-bg .header-bg-inner {
		height: 5rem
	}
}

.header-bg .header-bg-inner.Severn.Trent.Water,
.profile-header .profile-header-inner.Severn.Trent.Water {
	background: #1e306b;
}
body.Severn.Trent.Water .nav-header {
	background: #000;
}
body.Severn.Trent.Water a,
body.Severn.Trent.Water .account-brand-text,
body.Severn.Trent.Water .node-form .fieldset-legend:first-child,
.profile.Severn.Trent.Water a,
.profile.Severn.Trent.Water .account-brand-text,
body.Severn.Trent.Water .node-view-mode-full h3.term-title,
body.Severn.Trent.Water .node-view-mode-full .field--label-above .field__label {
	color: #1e306b;
}
body.Severn.Trent.Water ul.page-tabs.primary-tab li a {
color: #fff;
}
body.Severn.Trent.Water .btn-primary,
body.Severn.Trent.Water .button--primary,
body.Severn.Trent.Water input.form-submit,
body.Severn.Trent.Water ul.page-tabs.primary-tab li a.is-active,
body.Severn.Trent.Water .action-flag a {
background-color: #1e306b;
border-color: #1e306b;
	color: #fff;
}
body.Severn.Trent.Water h1,
body.Severn.Trent.Water h2,
body.Severn.Trent.Water h3,
body.Severn.Trent.Water h4,
body.Severn.Trent.Water h5,
body.Severn.Trent.Water h6,
body.Severn.Trent.Water .h1,
body.Severn.Trent.Water .h2,
body.Severn.Trent.Water .h3,
body.Severn.Trent.Water .h4,
body.Severn.Trent.Water .h5,
body.Severn.Trent.Water .h6,
.profile.Severn.Trent.Water h1,
.profile.Severn.Trent.Water h2,
.profile.Severn.Trent.Water h3,
.profile.Severn.Trent.Water h4,
.profile.Severn.Trent.Water h5,
.profile.Severn.Trent.Water h6,
.profile.Severn.Trent.Water .h1,
.profile.Severn.Trent.Water .h2,
.profile.Severn.Trent.Water .h3,
.profile.Severn.Trent.Water .h4,
.profile.Severn.Trent.Water .h5,
.profile.Severn.Trent.Water .h6 {
    color: #1e306b;
}

.header-bg .header-bg-inner.Southern.Water,
.profile-header .profile-header-inner.Southern.Water {
	background: #004ca8;
}
body.Southern.Water .nav-header {
	background: #000;
}
body.Southern.Water a,
body.Southern.Water .account-brand-text,
body.Southern.Water .node-form .fieldset-legend:first-child,
.profile.Southern.Water a,
.profile.Southern.Water .account-brand-text,
body.Southern.Water .node-view-mode-full h3.term-title,
body.Southern.Water .node-view-mode-full .field--label-above .field__label {
	color: #004ca8;
}
body.Southern.Water ul.page-tabs.primary-tab li a {
color: #fff;
}
body.Southern.Water .btn-primary,
body.Southern.Water .button--primary,
body.Southern.Water input.form-submit,
body.Southern.Water ul.page-tabs.primary-tab li a.is-active,
body.Southern.Water .action-flag a {
background-color: #004ca8;
border-color: #004ca8;
	color: #fff;
}
body.Southern.Water h1,
body.Southern.Water h2,
body.Southern.Water h3,
body.Southern.Water h4,
body.Southern.Water h5,
body.Southern.Water h6,
body.Southern.Water .h1,
body.Southern.Water .h2,
body.Southern.Water .h3,
body.Southern.Water .h4,
body.Southern.Water .h5,
body.Southern.Water .h6,
.profile.Southern.Water h1,
.profile.Southern.Water h2,
.profile.Southern.Water h3,
.profile.Southern.Water h4,
.profile.Southern.Water h5,
.profile.Southern.Water h6,
.profile.Southern.Water .h1,
.profile.Southern.Water .h2,
.profile.Southern.Water .h3,
.profile.Southern.Water .h4,
.profile.Southern.Water .h5,
.profile.Southern.Water .h6 {
    color: #004ca8;
}

.header-bg .header-bg-inner.Affinity.Water,
.profile-header .profile-header-inner.Affinity.Water {
	background: #019ad8;
}
body.Affinity.Water .nav-header {
	background: #000;
}
body.Affinity.Water a,
body.Affinity.Water .account-brand-text,
body.Affinity.Water .node-form .fieldset-legend:first-child,
.profile.Affinity.Water a,
.profile.Affinity.Water .account-brand-tex,
body.Affinity.Water .node-view-mode-full h3.term-title,
body.Affinity.Water .node-view-mode-full .field--label-above .field__label {
	color: #019ad8;
}
body.Affinity.Water ul.page-tabs.primary-tab li a {
color: #fff;
}
body.Affinity.Water .btn-primary,
body.Affinity.Water .button--primary,
body.Affinity.Water input.form-submit,
body.Affinity.Water ul.page-tabs.primary-tab li a.is-active,
body.Affinity.Water .action-flag a {
background-color: #019ad8;
border-color: #019ad8;
	color: #fff;
}
body.Affinity.Water h1,
body.Affinity.Water h2,
body.Affinity.Water h3,
body.Affinity.Water h4,
body.Affinity.Water h5,
body.Affinity.Water h6,
body.Affinity.Water .h1,
body.Affinity.Water .h2,
body.Affinity.Water .h3,
body.Affinity.Water .h4,
body.Affinity.Water .h5,
body.Affinity.Water .h6,
.profile.Affinity.Water h1,
.profile.Affinity.Water h2,
.profile.Affinity.Water h3,
.profile.Affinity.Water h4,
.profile.Affinity.Water h5,
.profile.Affinity.Water h6,
.profile.Affinity.Water .h1,
.profile.Affinity.Water .h2,
.profile.Affinity.Water .h3,
.profile.Affinity.Water .h4,
.profile.Affinity.Water .h5,
.profile.Affinity.Water .h6 {
    color: #019ad8;
}


.header-bg .header-bg-inner.Thames.Water,
.profile-header .profile-header-inner.Thames.Water {
	background: #007BBB;
}
body.Thames.Water .nav-header {
	background: #000;
}
body.Thames.Water a,
body.Thames.Water .account-brand-text,
body.Thames.Water .node-form .fieldset-legend:first-child,
.profile.Thames.Water a,
.profile.Thames.Water .account-brand-text,
body.Thames.Water .node-view-mode-full h3.term-title,
body.Thames.Water .node-view-mode-full .field--label-above .field__label {
	color: #007BBB;
}
body.Thames.Water ul.page-tabs.primary-tab li a {
color: #fff;
}
body.Thames.Water .btn-primary,
body.Thames.Water .button--primary,
body.Thames.Water input.form-submit,
body.Thames.Water ul.page-tabs.primary-tab li a.is-active,
body.Thames.Water .action-flag a {
background-color: #007BBB;
border-color: #007BBB;
	color: #fff;
}
body.Thames.Water h1,
body.Thames.Water h2,
body.Thames.Water h3,
body.Thames.Water h4,
body.Thames.Water h5,
body.Thames.Water h6,
body.Thames.Water .h1,
body.Thames.Water .h2,
body.Thames.Water .h3,
body.Thames.Water .h4,
body.Thames.Water .h5,
body.Thames.Water .h6,
.profile.Thames.Water h1,
.profile.Thames.Water h2,
.profile.Thames.Water h3,
.profile.Thames.Water h4,
.profile.Thames.Water h5,
.profile.Thames.Water h6,
.profile.Thames.Water .h1,
.profile.Thames.Water .h2,
.profile.Thames.Water .h3,
.profile.Thames.Water .h4,
.profile.Thames.Water .h5,
.profile.Thames.Water .h6 {
    color: #007BBB;
}

.header-bg .header-bg-inner.PND,
.profile-header .profile-header-inner.PND {
	background: #bd0013;
}

select#edit-field-has-all-work-been-complete option[value="Completed - All work has been completed"],
select#edit-field-has-all-work-been-complete option[value="Job Error - Deferred"] {
	display: none;
}

form[action*="display=override"] select#edit-field-has-all-work-been-complete option[value="Job Error - Deferred"] {
	display: block;
}

.progress {
	height: 50px;
	width: 100%;
}

.progress__track {
width: 100%;
height: 30px;
}


.progress__bar {
height: 30px;
}

.timesheet-signature img {
    max-width: 300px;
}


.exportToExcel {
    background: #008600;
    color: #fff;
    border: none;
    padding: 8px;
    border-radius: 15px;
}


.context-node-add-timesheet .horizontal-tabs .form-details-wrapper .form-wrapper {
    border: none;
    padding: 0;
    box-shadow: none;
}

.card.row {
	flex-direction: row !important;
}

.context-external-services .card.row header {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.context-node-add-site-safety-equipment-and-vehicl .node-form,
.page-type-site-safety-equipment-and-vehicl .node-form {
    padding-bottom: 60px;
}

.context-node-add-site-safety-equipment-and-vehicl #edit-actions,
.page-type-site-safety-equipment-and-vehicl #edit-actions {
    position: absolute;
    bottom: 20px;
}

#edit-field-latitude-accept-wrapper,
#edit-field-longtitude-accept-wrapper,
#edit-field-location-notes-accept-wrapper,
#edit-field-latitude-start-wrapper,
#edit-field-longtitude-start-wrapper,
#edit-field-location-notes-start-wrapper,
#edit-field-latitude-complete-wrapper,
#edit-field-longtitude-complete-wrapper,
#edit-field-location-notes-complete-wrapper,
#edit-field-long-wrapper,
#edit-field-latitude-wrapper {
    visibility: hidden;
		width: 0;
		height: 0;
}

.node-health-and-safety-audit-form #edit-field-location-notes-accept-wrapper,
.node-health-and-safety-audit-form #edit-field-long-wrapper,
.node-health-and-safety-audit-form #edit-field-latitude-wrapper {
    visibility: visible;
    width: auto;
    height: auto;
}

.views-data-export-feed .feed-icon {
    background: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 36px;
}

.node-school-room-form .field--widget-inline-entity-form-complex {
    padding: 20px;
    background: #eee;
    border: 1px solid #000;
    border-radius: 3px;
    margin-bottom: 20px;
}

.report img {
	max-width: 100%;
}

table.vehicle-cdd-sign-table img {
    max-width: 100%;
}

#block-views-block-cdd-view-block-1 footer,
#block-views-block-cdd-view-block-1 .views-row {
	display:block;
	width:100%;
	clear: both;
}

.form-item-field-ready-to-start-job--0-target-id,
.form-item-field-ready-to-start-visit-1--0-target-id,
.form-item-field-ready-to-start-visit-2--0-target-id,
.form-item-field-ready-to-start-visit-3--0-target-id {
    visibility: hidden;
    font-size: 0;
    width: 0;
    height: 0;
}

span.fc-time {
    display: none;
}


.page-type-timesheet .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-timesheet .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-expense .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-expense .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-food-allowance .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-food-allowance .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-holiday-cancellation .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-holiday-cancellation .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-holiday-request .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-holiday-request .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-other-leave .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-other-leave .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-overnight-request .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-overnight-request .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-return-to-work-medical-questionn .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-return-to-work-medical-questionn .primary-tab li a[data-drupal-link-system-path*="delete"],
.page-type-self-certification .primary-tab li a[data-drupal-link-system-path*="edit"],
.page-type-self-certification .primary-tab li a[data-drupal-link-system-path*="delete"] {
  display: none;
}

.performance-jobs-dashboard .form-item {
    display: none;
}

.signature canvas {
    max-width: 100%;
}

#monday .fieldset-wrapper,
#tuesday .fieldset-wrapper,
#wednesday .fieldset-wrapper,
#thursday .fieldset-wrapper,
#friday .fieldset-wrapper,
#saturday .fieldset-wrapper,
#sunday .fieldset-wrapper {
    display: flex;
}

#monday .fieldset-wrapper > div label,
#tuesday .fieldset-wrapper > div label,
#wednesday .fieldset-wrapper > div label,
#thursday .fieldset-wrapper > div label,
#friday .fieldset-wrapper > div label,
#saturday .fieldset-wrapper > div label,
#sunday .fieldset-wrapper > div label {
    min-height: 85px;
        padding: 5px;
    vertical-align: top;
}

@media only screen and (max-width: 991px) {
	#monday .fieldset-wrapper > div label,
#tuesday .fieldset-wrapper > div label,
#wednesday .fieldset-wrapper > div label,
#thursday .fieldset-wrapper > div label,
#friday .fieldset-wrapper > div label,
#saturday .fieldset-wrapper > div label,
#sunday .fieldset-wrapper > div label {
font-size: 0.6rem
}
}

#monday .fieldset-wrapper > div input,
#tuesday .fieldset-wrapper > div input,
#wednesday .fieldset-wrapper > div input,
#thursday .fieldset-wrapper > div input,
#friday .fieldset-wrapper > div input,
#saturday .fieldset-wrapper > div input,
#sunday .fieldset-wrapper > div input,
#monday .fieldset-wrapper > div select,
#tuesday .fieldset-wrapper > div select,
#wednesday .fieldset-wrapper > div select,
#thursday .fieldset-wrapper > div select,
#friday .fieldset-wrapper > div select,
#saturday .fieldset-wrapper > div select,
#sunday .fieldset-wrapper > div select {
    border: 1px solid;
    border-radius: 0;
    width: 100%;
    height: 100px;
    margin: 0;
}

#monday .fieldset-wrapper > div select, #tuesday .fieldset-wrapper > div select, #wednesday .fieldset-wrapper > div select, #thursday .fieldset-wrapper > div select, #friday .fieldset-wrapper > div select, #saturday .fieldset-wrapper > div select, #sunday .fieldset-wrapper > div select {
    min-width: 230px;
}

#monday .fieldset-wrapper > div,
#tuesday .fieldset-wrapper > div,
#wednesday .fieldset-wrapper > div,
#thursday .fieldset-wrapper > div,
#friday .fieldset-wrapper > div,
#saturday .fieldset-wrapper > div,
#sunday .fieldset-wrapper > div {
    display: inline-flex;
} 

.context-admin-structure-webform .primary-tab li:nth-child(3), .context-admin-structure-webform .primary-tab li:nth-child(4), .context-admin-structure-webform .primary-tab li:nth-child(5) {
    display: none;
}

.context-admin-structure-webform #block-pndportal-theme-content .block-content,
.webform-ajax-form-wrapper {
    margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 1.375rem;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    height: calc(100% - 30px);
    padding: 1.875rem;
}

.webform-dropbutton ul.dropbutton {
    background: #fff;
    padding: 1em;
}

.webform-submission {
    background: #fff;
    padding: 1em;
}

.webform-submission img {
    display: block;
}

option[value="42"] {
    display: none;
}

.h5p-question-scorebar-container:has(.h5p-joubelui-score-bar-full-score) {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 9999;
    top: 0;
}
.h5p-joubelui-score-bar.h5p-joubelui-score-bar-full-score {
    position: absolute;
    z-index: 9999;
    top: 50%;
    width: 300px;
    left: 30%;
}

@media only screen and (max-width: 700px) {
	.h5p-joubelui-score-bar.h5p-joubelui-score-bar-full-score {
    left: 0;
	}
}

.h5p-joubelui-score-bar.h5p-joubelui-score-bar-full-score:after {
    content: 'TASK COMPLETED - YOU CAN NOW CLOSE THIS PAGE.';
    position: absolute;
    margin-top: 40px;
    font-weight: 700;
}

#node-health-and-safety-audit-form legend, 
#node-health-and-safety-audit-form .fieldset-legend {
    font-size: 1rem;
}

#node-health-and-safety-audit-form .field-group-fieldset > legend {
    border-top: 1px dashed;
}
#node-health-and-safety-audit-form .field-group-fieldset > legend span {
    font-size: 1.8rem !important;
}
.page-type-health-and-safety-audit .node-content fieldset .field, 
.page-type-health-and-safety-audit .node-content fieldset .node-taxonomy-container {
    display: inline-block;
    width: 40%;
}
.page-type-health-and-safety-audit .node-content fieldset .field--type-string-long {
    width: 100%;
}
.page-type-health-and-safety-audit .node-content fieldset > legend {
    border-top: 1px dashed;
}

.field.field--name-field-reference.field--type-markup {
    margin-top: 3em;
    width: 100%;
    text-align: center;
}

a.printPage {
    background: #d2001b;
    color: #fff !important;
    border-radius: 20px;
    padding: 10px;
}

.page-type-health-and-safety-audit .node-content #she6-audit .field, 
.page-type-health-and-safety-audit .node-content #she6-audit .node-taxonomy-container {
    width: 100%;
}

.page-type-health-and-safety-audit .node-content #she6-audit .field[class*="actions"], .page-type-health-and-safety-audit .node-content #she6-audit .field[class*="comments"] {
    width: 40% !important;
}

.webform-bulk-form .sticky-header {
    display: none;
}

/* =========================================================
   CERTIFICATE STYLES
   Scoped with .certificate to avoid CSS conflicts
========================================================= */

.certificate * {
  box-sizing: border-box;
}

.certificate-wrapper {
  padding: 40px;
  background: #f3f3f3;
  font-family: Arial, Helvetica, sans-serif;
  color: #111;
}

.certificate {
  max-width: 1000px;
  margin: auto;
  background: #fff;
  border: 14px double #000;
  padding: 40px 50px 30px;
  position: relative;
}

/* =========================================================
   HEADER
========================================================= */

.certificate .top-header {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.certificate .logo-box {
  width: 220px;
  flex-shrink: 0;
}

.certificate .logo-image {
  width: 100%;
  height: auto;
  display: block;
}

.certificate .logo-circle {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: #bd0012;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 48px;
  font-weight: bold;
}

.certificate .logo-text {
  font-weight: bold;
  font-size: 18px;
  color: #bd0012;
}

.certificate .company-details h1 {
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.certificate .company-details p {
  margin: 0;
  line-height: 1.5;
  font-size: 18px;
}

/* =========================================================
   TITLE
========================================================= */

.certificate .certificate-title {
  margin: 45px 0 60px;
  text-align: center;
  font-size: 34px;
  text-decoration: underline;
  letter-spacing: 1px;
}

/* =========================================================
   INTRO
========================================================= */

.certificate .intro {
  text-align: center;
}

.certificate .intro p {
  font-size: 24px;
  line-height: 1.8;
}

.certificate .intro h2 {
  margin: 20px 0;
  font-size: 58px;
  font-family: "Brush Script MT", cursive;
  color: #000;
}

.certificate .description {
  max-width: 760px;
  margin: 0 auto;
}

/* =========================================================
   MODULES
========================================================= */

.certificate .modules {
  margin: 60px 0;
  text-align: center;
}

.certificate .modules p {
  margin: 18px 0;
  font-size: 28px;
  font-weight: bold;
}

/* =========================================================
   FOOTER
========================================================= */

.certificate .footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 80px;
}

.certificate .trainer-details p {
  margin: 10px 0;
  font-size: 20px;
}

.certificate .signature-box {
  width: 320px;
  height: 100px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.certificate .signature {
  font-size: 52px;
  font-family: "Brush Script MT", cursive;
  color: #5d5dc9;
}

/* =========================================================
   CERTIFICATE NUMBER
========================================================= */

.certificate .certificate-number {
  margin-top: 25px;
  font-size: 16px;
  font-weight: bold;
}

/* =========================================================
   PRINT
========================================================= */

@media print {

  .certificate-wrapper {
    background: #fff;
    padding: 0;
  }

  .certificate {
    box-shadow: none;
  }

}