html {
	scroll-behavior: smooth;
}

/*
.container  {
	max-width: 1440px;
	padding-left: 40px;
	padding-right: 40px;
}
*/

.navbar {
	padding-left: 30px;
	padding-right: 30px;
}

.button {
	border-width: 2px 2px 2px 2px;
	padding-bottom: 28px;
}

h1,
h2,
h3 {
	letter-spacing: 0.5px;
}

h2 {
	margin-top: 30px;
}

textarea.form-input {
	max-width: 100%;
}

.card {
	border: 1px solid #cccccc;
	/*border-radius: 10px;*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
  	overflow:visible;
}

.card-shadow {
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.card-borderless {
	border: none;
}

.card-header {
	border-bottom: 1px solid #cccccc;
}

.card.no-border-top {
	border-top: none;
}

.card-header .title {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.card-hover {
	opacity: 1;
	cursor: pointer;
	transition: 0.3s;
}

.card-hover:hover {
	opacity: 0.8;
	transition: 0.3s;
}

.card-body {
	padding: 30px;
}
.card-action-button {
	position: absolute;
	bottom: 15px;
	right: 25px;
}
.card-action-button i {
	font-size: 20px;
}

@media (max-width: 767px){
	.card-body {
		padding: 20px;
	}
}

.card-body-without-padding {
	padding: 0px;
}

.card-transparent {
	background: transparent;
}

.col-border-right {
	border-right: 1px solid #cccccc;
}

.border-top {
	border-top: 1px solid #cccccc;
}
.border-bottom {
	border-bottom: 1px solid #cccccc;
}

.zoom {
	transition: transform 0.5s;
	overflow: hidden;
}

.zoom:hover {
	transform: scale(1.025);
}

.text-white {
	color: #ffffff;
}

input[type="file"] {
	display: none;
}

.custom-file-upload {
	display: block;
	cursor: pointer;
}

.table-remove-start-and-end-border td {
	border-top: none !important;
}

.table-remove-end-border > tbody > tr:last-child {
	border-bottom-style: hidden !important;
}

@media screen and (max-width: 767px) {
	.table.table--responsive-headers.table--borderless tr td {
		padding-left: 0px !important;
	}
	.table.table--responsive-headers.table--borderless tr:first-child {
		border-top: none !important;
	}
	.table.table--responsive-headers.table--borderless td {
		padding: 5px;
	}
	.table.table--responsive-headers.table--borderless tr {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.spinner-inline {
	padding: 0;
	font-size: 5px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: 0;
	-webkit-animation: spinner 1.1s infinite ease;
	animation: spinner 1.1s infinite ease;
	transform: translateZ(0);
	top: 50%;
	display: none;
}

.link {
	text-decoration: underline;
	cursor: pointer;
	color: #0275d8;
}

.no-underline {
	text-decoration: none;
}
.row.vdivide [class*="col-"]:not(:last-child):after {
	background: #dddddd;
	width: 1px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	min-height: 100px;
}

.pointer {
	cursor: pointer;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.Toastify__toast-body {
	padding: 15px 15px !important;
}

.Toastify__toast {
	border-radius: 0 !important;
}

.disabled-link {
	pointer-events: none;
	opacity: 0.5;
}

.disabled-div {
	opacity: 0.5;
}

.icon-muted {
	opacity: 0.3;
}

.dead-centre {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

img_DISABLED {
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.tag.tag-info {
	color: #1a1a1a;
	background-color: #e2f2fb;
}
.tag.tag-success {
	color: #1a1a1a;
	background-color: #eeffe2;
}
.tag.tag-warning {
	color: #1a1a1a;
	background-color: #ffeecc;
}
.tag.tag-error {
	color: #1a1a1a;
	background-color: #ffe0e0;
}

.tag-bold {
	font-weight: bold;
}

.tag {
	cursor: default;
}

.short-line {
	width: 50px;
	height: 1px;
	border-top: 1px solid #747474;
	margin: auto;
}

@media (min-width: 768px) {
	.five-cols .col-md-1,
	.five-cols .col-sm-1,
	.five-cols .col-lg-1 {
		width: 50%;
		*width: 50%;
	}
}

@media (min-width: 992px) {
	.five-cols .col-md-1,
	.five-cols .col-sm-1,
	.five-cols .col-lg-1 {
		max-width: 20%;
		flex: 0 0 20%;
	}
}

@media (min-width: 1281px) {
	.five-cols .col-md-1,
	.five-cols .col-sm-1,
	.five-cols .col-lg-1 {
		max-width: 20%;
		flex: 0 0 20%;
	}
}

.capitalize {
	text-transform: capitalize;
}

footer .footer{
	margin-top:40px;
	border-top:1px solid #cccccc;
}

.navbar-primary {
  border-bottom-color: #cccccc;
  background-color: #fcfcfc;
}

.navbar-inner {
	border: none !important;
}

.overflow-menu .button-overflow-menu{
	min-height: auto;
	padding: 0;
	padding-top: 2px;
}

.button.button-icon {
  padding:calc(2px) calc(10px - 2px) 0px;
  font-size:1.4rem;
  min-height:30px;
}

.row.row-bordered {
  padding-top:7px;
  padding-bottom:7px;
}
.row.row-bordered:last-of-type{
  border-bottom: none;
}
.row.row-bordered:first-of-type{
	border-top: none;
}
.row.row-bordered-compact {
	padding-top:7px;
	padding-bottom:7px;
}

.date-picker__calendar{
  box-shadow:none;
}

.toast-info {
	background: #e2f2fb;
	border-left: 8px solid #1B86C3;
}
.toast-info .fa-solid {
	color: #1B86C3;
	padding-top: 3px;
}

.toast-success {
	background: #eeffe2;
	border-left: 8px solid #358000;
}
.toast-success .fa-solid {
	color: #358000;
	padding-top: 3px;
}

.toast-warning {
	background: #ffeecc;
	border-left: 8px solid #febb30;
}
.toast-warning .fa-solid {
	color: #febb30;
	padding-top: 3px;
}

.toast-error {
	background: #ffe0e0;
	border-left: 8px solid #CC0000;
}
.toast-error .fa-solid {
	color: #CC0000;
	padding-top: 3px;
}

.toast-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  line-height: 1;
}

.form-select-compact{
  font-size:1.4rem;
  line-height:1.6rem;
  height:calc(1.6rem + (8px * 2));
  width:auto;
  margin-top:0px;
  text-align:left;
  padding:calc(8px - 1px) calc(16px - 1px);
  padding-right:32px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}


a:focus, button:focus, input:focus, select:focus, textarea:focus,
.focus{
  outline:none;
}
a:focus, a.link-focus{
  outline:none;
}
.button.focus, .button:focus{
  outline:none;
}
.tag.focus, .tag:focus{
  outline:none;
}
input[type=checkbox].form-toggle:focus ~ .form-toggle-label:after{
  outline:none;
}
.form-input:focus, .form-input.focus{
  outline:none;
}
.form-select:focus, .form-select.focus{
  outline:none;
}

#map {
  height: 500px;
  width: 100%;
}

.text-small {
	font-size:80%;
}

@media (max-width: 767px){
  .pagination .pagination__items{
    display:block;
  }
  .pagination .pagination-item{
    display:none;
  }

}

@media (max-width: 767px){
	.fds-modal {
		display: none;
		margin: 15px;
	}
}

.fds-modal .modal-content{
  max-width:600px;
  width:100%;
}

.fds-modal .modal-icon{
	position: absolute;
	top: -10px; right: -10px;
}

.fds-modal .modal-icon-success{
  color:#358000;
}

.fds-modal .modal-icon-warning{
  color:#febb30;
}

.fds-modal .modal-icon-error{
  color:#CC0000;
}

.fds-modal .modal-icon-info{
  color:#1B86C3;
}


.fds-modal .modal-body{
	padding-top: 20px;
}

@media (min-width: 768px){
  .fds-modal .modal-header{
    padding:20px 40px 8px 40px;
  }
}

.full-overlay-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.full-overlay {
	background-color: black;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}
.overlay-content-wrapper {
	position: absolute;
	top: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.modal-spinner {
	position: absolute;
	top: 30px; right: 40px;
}

.spinner-inline {
  margin: auto;
  margin-top: 0;
  padding: 0;
  font-size: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: 0;
  -webkit-animation: spinner 1.1s infinite ease;
  animation: spinner 1.1s infinite ease;
  transform: translateZ(0);
  top: 50%;
}

.header .button-menu-close{
  width:unset;
  background-color: none;
  color: black;
  margin-top: 15px;
  padding-right: 15px;
}

#side-panel {
	z-index: 3;
	position: fixed;
	top: 0;
	right: 0;
	right: -750px;
	min-width: 750px;
	height: 100%;
	background: white;
	max-width: 750px;
	padding: 40px;
	transition: 0.250s;
	overflow: scroll;
}

@media (max-width: 767px){
	#side-panel {
		right: -1000px;
		min-width: auto;
		width: 100%;
		padding: 30px;
		overflow-x: scroll;
	}
}

@media (min-width: 1400px) {
	.container{
		max-width: 1400px;
	}
}

.button-quaternary{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.badge.badge-neutral{
  color:#cccccc;
  background-color:white;
}
.badge.badge-grey{
	color:white;
	background-color:#aaaaaa;
}
.badge.badge-info-dark{
	color:white;
	background-color:#2b8cbe;
}

.badge.badge-bold{
	font-weight: bold;
}
.badge{
	font-weight: 500;
}

ul.icon-list li {
  float: left;
}

.hidden {
	display: none;
}

.overflow {
	overflow: auto;
}

.fa-success {
	color:#358000;
}

.no-wrap {
	white-space: nowrap;
}

.text-ellipsis {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.helios-chart-small .echarts { min-height: 300px !important; }
.helios-chart-small #chart, .helios-chart-small [id^="chart"] { min-height: 300px !important; }

.text-bold {
	font-weight: 500;
}

.text-muted {
	color: #888;
}

.text-smaller {
	font-size: 0.8em;
}

.portal-header .overflow-list li {
	height: 30px;
}

.portal-header .overflow-list li small {
	font-size: 0.7em !important;
}

.card-refresh-spinner {
	position: absolute;
	top: 15px;
	right: 25px;
}

.large-title {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.divider {
	border-bottom: 1px solid #cccccc;
	margin-top: 25px;
	margin-bottom: 25px;
}

.console-simple {
	border-left: 3px solid darkslateblue;
	color: darkslateblue;
	font-family: monospace;
	width: 100%;
	overflow: scroll;
	line-height: 1.5rem;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 0.8em;
}

.console-classic {
	margin: 5px 0;
	background-color: darkslategray;
	color: white;
	font-family: monospace;
	width: 100%;
	overflow: scroll;
	line-height: 1.5rem;
	box-sizing: border-box;
	padding: 5px 15px;
	font-size: 0.8em;
	border-radius: 5px;
}

.percentage-progress-bar-wrapper {
	height: 1px;
	background: #eee;
	width: 100%;
}
.percentage-progress {
	height: 100%;
	background: #aaa;
	width: 0;
}
.percentage-progress.black {
	height: 2px;
	background: #000;
}

.nav-primary .overflow-menu .button-overflow-menu:focus, .nav-primary .overflow-menu .button-overflow-menu:active{
	outline:none;
}

.nav-primary .current .overflow-menu .button-overflow-menu[aria-expanded=true]:hover, .nav-primary .current .overflow-menu .button-overflow-menu[aria-expanded=true]:focus, .nav-primary .current .overflow-menu .button-overflow-menu[aria-expanded=true]:active{
	background-color:red;
	color:white;
}

.navbar-primary .overflow-menu .overflow-list li {
	border-bottom: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 3px;
}

.navbar-primary .overflow-menu .overflow-list li:first-child {
	padding-top: 0px;
}

.navbar-primary .overflow-menu .overflow-list li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

@media (min-width: 992px){
	.nav-primary .overflow-menu .button-overflow-menu[aria-expanded=true]{
		background-color:#706666;
		border: 0;
	}
}

@media (min-width: 992px){
	.nav-primary .overflow-menu .overflow-menu-inner{
		background-color: #706666;
		border: 0;
	}
}