/* Use flexbox to fix and align the height of the page nav and page content. */
#wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	overflow-x: inherit;
}

.navbar-static-side {
	position: relative !important;
}

#page-wrapper{
	flex: 1;
	margin-left: 0 !important;
	min-height: 0 !important;
	min-width: 0;
	max-width: 100%;
}

/* Fixed the padding to match the footer height (in Inspinia's skin #3) */
.wrapper-content {
	padding-bottom: 40px !important;
}

/* Bugfix for the upper right menu (in Inspinia's skin #3) */
.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0 !important;
}

/* Bugfix for Inspinia's overriding of dropdown menu right */
.dropdown-menu.dropdown-menu-right {
	left: auto;
}

/* Adjust the font colors to have better contrast */
body {
	color: #303030;
	--modal-backdrop-opacity: 0.5;
}

/* The labels and table headers */
.field-label, .control-label, .form-group label,
.table > thead > tr > th, .table > tbody > tr > th {
	color: #505050;
	font-weight: 600; /* Consistently use semi-bold */
	text-transform: none; /* Do not fully capitalize table headers */
}

.ibox-title h5 {
	margin-top: 2px; /* Align with the button is present on the right */
	color: #505050;
}

.text-muted {
	color: #707070;
}

/* Field groups (and the related classes) are our "read-only"
counterpart to bootstrap's form group and related classes */
.field-group {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 10px;
}

@media(min-width: 768px) {
	.field-label {
		margin-bottom: 0;
		padding-top: 5px;
	}

	.field-group > .field-label {
		text-align: right;
	}
}

.field-value {
	margin-bottom: 0;
	padding-top: 5px;
	word-break: break-word;
}

/* Make sure select 2's dropdown is visible when inside a modal */
.select2-dropdown {
	z-index: 999999;
}

/* restyle select to better match inspina's input form controls */
.select2-selection.select2-selection--single {
	border-radius: 0;
	height: 34px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.select2-selection.select2-selection--multiple {
	border-radius: 0;
}

.select2-selection__choice {
	border: none !important;
	border-radius: 0 !important;
	margin-top: 6px !important;
	margin-left: 6px !important;
}

.select2-selection__rendered {
	margin-top: -4px;
}

.select2-selection__arrow {
	margin-top: 3px;
}

.select2-selection__clear {
	margin-top: 1px;
}

/* Remove bootstrap's default margins. */
.pagination {
	margin-top: 0;
	margin-bottom: 0;
}

/* Inspinia didn't properly set this. */
.text-primary {
	color: #1ab394;
}

/* Used in the listing pages to indicate that new data is being loaded. */
.faded {
	opacity: 0.5;
}

/* Used to preserve the newlines in text (e.g. when displaying the document's remarks) */
.multiline {
	white-space: pre-line;
	word-break: break-word;
}

/* Used to properly align the checkboxes with the other form controls in table. */
.checkbox-cell > input[type=checkbox]{
	margin-top: 0;
	min-height: 36px;
}

.checkbox-cell {
	text-align: center;
}

h2 .label {
	vertical-align: middle;
}

/* Used for tabs that act like iboxes (independent floating containers). */
.tabs-ibox {
	margin-bottom: 25px;
}

/* Orange from the Zayls' logo. */
.zayls-orange {
	color: #F7634E;
}

/* Prevent unusably small input fields */
input[type=text] {
	min-width: 100px;
}

.dropzone.active {
	border: 2px solid #1ab394;
}

/* Shorten the nav header to match the top nav */
.nav-header {
	padding: 12px 0 !important;
}

.nav-header .profile-element,
.nav-header .logo-element {
	margin: 5px 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	line-height: 1.4 !important;
}

@media (min-width: 1200px) {
	.border-left-lg {
		border-left: 1px solid #e7eaec;
	}

	.btn-block-lg {
		display: block;
		width: 100%;
		white-space: normal;
	}

	.btn-group-flex-lg {
		display: flex;
	}

	.btn-flex-lg {
		flex-grow: 1;
	}
}

@media (max-width: 320px) {
	.btn-group-flex-xs {
		display: flex;
	}
}

/* Shorten the menu item side padding (esp. since there are icons) */
.dropdown-menu > li > a {
	padding: 3px 15px !important;
}

/* Adjust spacing for fixed-width icons, which are used in menus */
.fa-fw {
	margin-left: -2px;
	margin-right: 2px;
}

.item-info {
	color: #707070;
	margin: 5px 0;
}

/* Make sure elements with the hidden attribute stay hidden */
/* even when their display is explicitly set to something else. */
[hidden] {
	display: none !important;
}

/* Legend box and the red & green highlights are for the activity log diff */
.legend-box {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}

.red-highlight {
	background: rgba(240, 120, 120, 0.85) !important;
	text-decoration: line-through;
}

.green-highlight {
	background: rgba(120, 240, 120, 0.85) !important;
}

.profile-picture-small {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
}

.profile-picture-big {
	display: block;
	width: 150px;
}

.profile-picture-empty-dropzone {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	width: 150px;
	height: 150px;
	border: 2px dashed gray;
	border-radius: 15px;
}

.profile-picture-small img {
	max-height: 100%;
	align-self: center;
}

.navbar-static-top .profile-picture-small img,
.overview-container .profile-picture-small img {
	border-radius: 50px;
}

/* Surround negative amounts in parenthesis */
/* but stay aligned with positive amounts. */
.negative-amount {
	margin-left: -0.65ch;
	margin-right: -0.65ch;
}

.negative-amount::before {
	content: "(";
	margin-right: 0.1ch;
}

.negative-amount::after {
	content: ")";
	margin-left: 0.1ch;
}

th {
	vertical-align: bottom !important;
}

.has-error .select2-container--default .select2-selection--single,
.has-error .select2-container--default .select2-selection--multiple {
	border-color: #d38e99;
}

.has-error .input-group-btn .dropdown-toggle {
	color: #b94a48;
	border-color: #ebccd1;
	background-color: #f2dede;
	z-index: 1;
}

.chart-container {
	min-height: 100px;
}
.report-chart-container {
	height: 50vh;
}

.flex {
	display: flex;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.flex-grow-1 {
	flex-grow: 1;
}

.align-items-center {
	align-items: center;
}

.border-primary {
	border-color: #1ab394;
}

.zayls-logo-big {
	width: 150px;
}

.border-white {
	border-color: #ffffff;
}

/* Switchery */
.switchery {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: middle;
	width: 50px;
	margin: 6px 0px;

	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: content-box;
	background-clip: content-box;
}

.switchery.checked {
	background-color: #1ab394;
}

.switchery.disabled {
	cursor: not-allowed;
	opacity: 0.65;
}

.switchery>small {
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 1px 3px #dfdfdf;
	height: 30px;
	position: absolute;
	top: 0;
	width: 30px;
}

.switchery>small.checked {
	right: 0px;
}


  /* Switchery sizes. */

.switchery-small {
	border-radius: 20px;
	height: 20px;
	width: 33px;
}

.switchery-small>small {
	height: 20px;
	width: 20px;
}

.switchery-large {
	border-radius: 40px;
	height: 40px;
	width: 66px;
}

.switchery-large>small {
	height: 40px;
	width: 40px;
}

/* Activity Log Stream */
.stream:first-child .stream-badge:before {
	top: 18px;
}

.stream .stream-badge i {
	top: 18px;
}

.stream:nth-child(odd) {
	background: #f9f9f9;
}

/* Custom Scrollbar */

.scrollbar
{
	max-height: 500px;
	overflow-y: scroll;
}

@media screen and (max-width: 1450px){
	.scrollbar {
		max-height: 700px;
		overflow-y: scroll;
	}
}

.scrollbar::-webkit-scrollbar
{
	width: 7px;
	border-radius: 10px;
	background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: transparent;
}

ui-ibox.scrollable .ibox-content:hover .scrollbar::-webkit-scrollbar-thumb
{
	background-color: #707070;
}

.toggled {
	background-color: #d3d4d7;
	border-radius: 3px;
}

.toggled a {
	color: #505050;
	pointer-events: none;
	cursor: default;
}

.tooltip.item-info .tooltip-inner {
	background-color: #2f4050cc;
	max-width: 400px;
	padding: 1em;
	text-align: left;
}
.tooltip.item-info.top .tooltip-arrow {
	border-top-color: #2f4050cc;
}
.tooltip.item-info.right .tooltip-arrow {
	border-right-color: #2f4050cc;
}
.tooltip.item-info.left .tooltip-arrow {
	border-left-color: #2f4050cc;
}
.tooltip.item-info.bottom .tooltip-arrow {
	border-bottom-color: #2f4050cc;
}

.lighter-success, table.table.table-striped tr.lighter-success td {
    background-color:#f1ffeb;
}

.h-10 {
	min-height: 10px;
}

.max-w-200{
	max-width: 200px;
}

.max-w-180{
	max-width: 180px;
}

@media screen and (min-width: 1250px) and (max-width: 1700px){
	.import-description-height{
		height: 72px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1450px){
	.import-header-height{
		height: 39px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1382px){
	.import-description-height{
		height: 90px;
	}
}

@media screen and (min-width: 990px) and (max-width: 1120px){
	.import-description-height{
		height: 54px;
	}
}

.import-template-container {
	display:flex;
	flex-wrap: wrap;
}

.import-template-box-width{
	width: 100%;
	padding: 10px;
	display: flex;
}

.import-template-box-width .panel{
	width: 100%;
	margin-bottom: 0;
}

.import-template-box-width .panel-body{
	border: none;
}

@media screen and (min-width: 768px){
	.import-template-box-width{
		width: 50%;
	}
}

@media screen and (min-width: 992px){
	.import-template-box-width{
		width: calc(100% / 3);
	}
}

@media screen and (min-width: 1200px){
	.import-template-box-width{
		width: 25%;
	}
}

.h-22 {
	min-height: 22px;
}

.faded-10 {
	opacity: 0.10;
}

.faded-80 {
	opacity: 0.80;
}

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

.m-t-8 {
	margin-top: 8px;
}

.movable {
    cursor: move;
}

.clickable {
    cursor: pointer;
}

.fa-drag-handle:before {
    content: "\f142 \f142";
    letter-spacing: 0.1em;
}

.fs-13 {
 font-size: 13px;
}

.fixed-header {
	width: 100%;
}

.fixed-header thead,
.fixed-header tfoot,
.fixed-header tbody tr {
	display: table;
	width: 100%;
}

.fixed-header tbody {
	display: block;
	overflow: auto;
	min-height: 250px;
	max-height: 400px;
}

.max-height-sm tbody {
	display: block;
	max-height: 380px;
	min-height: 380px;
}

.popover{
	max-width: 400px;
	z-index: 10000;
	font-family: "Open Sans";
}

.modal-popover {
	width: 250px;
}

.break-word{
	word-break: break-word;
}

.break-all{
	word-break: break-all;
}

/*
https://github.com/t0m/select2-bootstrap-css/issues/42
select2 not respecting parent width
*/
.input-group .select2-container--default {
	display: table;
	table-layout: fixed;
}

.normal-white-space{
	white-space: normal;
}

.w-125{
	min-width: 125px;
}

.w-100{
	min-width: 100px;
}

.w-80{
	min-width: 80px;
}

.w-02{
    width: 2%;
}

.w-2em{
    width: 2em;
}

.sticky-table {
	overflow: auto;
	min-height: 250px;
	max-height: 400px;
}

.sticky-table > table {
	border-collapse: separate;
}

.sticky-table > table > thead > tr > th {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 10;
}

.sticky-table > table > tfoot > tr > td {
	position: sticky;
	bottom: 0;
	background: #fff;
	z-index: 10;
}

.table-height-10-rows {
	width: 100%;;
	max-height: 430px;
}

.v-align-top{
	vertical-align: top !important;
}

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

/* NAVBAR HEIGHT FIX */
.navbar-top-links.navbar-right .dropdown-toggle.user-menu {
	display: flex;
	align-items: center;
	padding: 4px 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.4em;
}

.left-float{
	float: left;
}

.image-container {
	display: flex;
	justify-content: center;
}

.image-border-primary {
	border: 1px solid #1ab394;
}

.float-left-link{
	float: left;
	position: relative;
	z-index: 10;
}

.vertical-center {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

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

.light-image {
	color: #d1d1d1;
}

.fa-7x{
	font-size: 7em;
}

.fa-5px{
	font-size: 5px;
}

.lh-1 {
	line-height: 1em;
}

.b-t-n {
	border-top: none !important;
}

.cursor-pointer {
	cursor: pointer;
}

.inline-middle {
	display: inline-block !important;
	vertical-align: middle;
}

.table-borderless,
.table-borderless > thead > tr > th, .table-borderless > thead > tr > td,
.table-borderless > tbody > tr > th, .table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > th, .table-borderless > tfoot > tr > td {
	border: none;
}

.label-primary.label-see-through {
	background-color: #1ab39430;
	color: #1ab394;
}
.label-success.label-see-through {
	background-color: #1c84c630;
	color: #1c84c6;
}
.label-warning.label-see-through {
	background-color: #f8ac5930;
	color: #f8ac59;
}
.label-danger.label-see-through {
	background-color: #ED556530;
	color: #ED5565;
}

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

/* Overview Heading and Reminders styles */
@media screen and (max-width: 1024px) {
	.overview-container {
		padding: 0;
	}
}

.overview-heading {
	gap: 15px
}

.overview-heading .overview-greetings-section {
	text-align: center;
}

.overview-heading div user-profile-picture .profile-picture-small {
	width: 70px;
	height: 70px;
}

.overview-heading .overview-greetings, .overview-heading .user-login-timeago {
	display: block;
}

.overview-heading .overview-greetings {
	font-size: 30px;
	margin: 0;
	float: none;
}

.overview-heading .user-login-timeago {
	color: #9a9d9f;
}

.overview-container .overview-container-tab .ibox .overview-reminder,
.overview-container .overview-container-tab .ibox .overview-activity-log {
	display: flex;
	flex-direction: column;
}

@media (min-width: 1200px) {
	.overview-container .overview-container-tab .ibox .overview-reminder,
	.overview-container .overview-container-tab .ibox .overview-activity-log {
		height: 750px;
	}
}

.overview-container .overview-container-tab .scrollbar {
	max-height: none;
}

.reminders-tab {
	list-style: none;
	padding-left: 0;
}

.reminders-tab li {
	cursor: pointer;
	font-weight: 600;
}

@media (min-width: 768px) {
	.overview-heading {
		display: flex;
		flex-direction: row;
	}

	.overview-heading .overview-greetings-section {
		text-align: left;
	}

	.reminders-tab li {
		position: relative;
		display: inline-flex;
		align-items: center;
		padding: 15px 10px;
		margin: 0 5px;
	}

	.reminders-tab li.active::after {
		content: "";
		width: 100%;
		height: 3px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #f8ac59;
	}
}

@media (max-width: 768px) {
	.reminders-tab {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 15px;
		grid-row-gap: 15px;
		padding: 0;
	}

	.reminders-tab li {
		padding: 10px 0;
		text-align: center;
		border: 1px solid #e7eaec;
		border-radius: 3px;
	}

	.reminders-tab li.active {
		border-bottom: 3px solid #f8ac59;
	}
}

.reminder-heading h3,
.reminder-heading .badge {
	display: inline-block;
}

.reminders.agile-list {
	padding: 10px 0 0;
}

.reminders.agile-list li {
	position: relative;
	min-height: 50px;
	padding: 0;
}

.reminders.agile-list li + li {
	margin: 20px 0 0;
}

.reminders.agile-list li a {
	display: flex;
	flex-direction: row;
	gap: 7px;
	padding: 15px 10px;
	font-size: 14px;
}

.reminders.agile-list li a .reminder-count {
	color: #505050;
	font-weight: 700;
}

.reminders.agile-list li a .reminder-title {
	font-weight: 400;
	color: #303030;
	margin: 0;
}

.reminders.agile-list li a .reminder-amount {
	color: #303030;
	margin-left: auto;
}

.overview-tab-empty-message {
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	height: 100%;
}

.overview-tab-empty-message img {
	max-width: 300px;
}

@media screen and (max-width: 767px) {
	.border-radius-tl-bl-3px {
		border-top-left-radius: 3px !important;
		border-bottom-left-radius: 3px !important;
	}
}

/* Overview Recent Activities style */
.overview-tab-heading-container {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 5px 0 10px;
}

.dropdown-content:hover .scrollbar::-webkit-scrollbar-thumb{
	background-color: #707070;
}

.dropdown-menu.scrollbar{
	max-height: 300px;
	overflow-y: scroll;
}

.overview-tab-heading-container .overview-tab-heading {
	margin: 0;
}

.overview-container .stream {
	padding: 15px 0;
}

@media (max-width: 1199px) {
	.overview-container .overview-activity-log .scrollbar {
		max-height: none;
	}
}

/* Modification of vertical-timeline for overview page's user activity log section */
.overview-container .vertical-timeline-content {
	background: #f3f3f4;
}

.overview-container .vertical-timeline-content::before {
	border-right-color: #f3f3f4;
	top: 12px;
}

.overview-container .vertical-timeline-icon {
	background: white;
	color: #b9b9b9;
}

@media (min-width: 768px) {
	.overview-container .vertical-date {
		width: 50px;
		position: absolute;
		top: 8px;
		text-align: right;
	}

	.overview-container .vertical-date small {
		color: inherit;
	}

	.overview-container #vertical-timeline::before {
		left: 78px;
	}

	.overview-container .vertical-timeline-icon {
		left: 60px;
	}

	.overview-container .vertical-timeline-content {
		margin-left: 115px;
	}
}

.overview-container .vertical-timeline-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.overview-container .vertical-timeline-icon i {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	margin: 0;
}

.overview-container .overview-reminder .reminders.agile-list li,
.overview-container .overview-activity-log .vertical-timeline-content {
	background-color: #f7f7f8;
}

.overview-container .overview-reminder .reminders.agile-list li:hover {
	background-color: #f1f1f3;
}

.overview-container activity-log-link {
	word-break: break-word;
}

.transparent-background {
	background-color: transparent !important;
}

.max-character-7 > input[type=text] {
	min-width: 90px;
	max-width: 90px;
}

/* Multi-select serials */
.multi-select-serials .selected-serials, .multi-select-serials .bulk-errors {
	height: 100px;
	overflow: auto;
}

.multi-select-serials .selected-serials ul {
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	gap: 6px;
	list-style: none;
	flex-wrap: wrap;
	padding-left: 0;
}

.multi-select-serials .selected-serials ul li {
	background-color: rgb(236, 236, 236);
	padding: 0 5px;
}

.multi-select-serials .selected-serials ul li p span {
	margin-right: 2px;
	font-weight: bold;
	color: rgb(153, 153, 153);
}

.multi-select-serials .selected-serials ul li p span:hover {
	color: rgb(51, 51, 51);
}

.multi-select-serials table tr.selected {
	background-color: rgb(243, 243, 243);
}

.multi-select-serials .bulk-errors ul {
	list-style: none;
	padding-left: 0;
}

ui-ibox-tab-pane .sk-spinner {
	display: none;
}

ui-ibox-tab-pane.sk-loading {
	position: relative;
}

ui-ibox-tab-pane.sk-loading:after {
	content: '';
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

ui-ibox-tab-pane.sk-loading .sk-spinner {
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 2000;
}

/* Set background color of even-indexed line items in sortable table */
tbody#sortable > tr:nth-child(2n) > td {
	background-color: white;
}

.modal-overlap {
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.in{
	opacity: var(--modal-backdrop-opacity);
}

.skin-3 .nav > li > a.text-danger,
.skin-3 .nav.nav-tabs > li.active > a.text-danger {
	color: #ED5565;
}

/* Settings Styles */
.settings-list {
	padding: 0;
}

@media screen and (min-width: 1024px) {
	.settings-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 1.6rem;
		grid-row-gap: 1.6rem;
	}
}

.settings-list-item {
	list-style: none;
}

.settings-list-item-content {
	padding: 15px;
}

.align-items-start {
	align-items: start;
}

/* Category Show Page style */
.dd {
	margin-left: -20px
}

.dd-item .dd-list .dd-item::before{
	content: '';
    display: inline-block;
    border-left: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    height: 10px;
    width: 15px;
    position: absolute;
}

.dd-item .cat-name {
	display: block;
	margin-bottom: 5px;
    padding-left: 20px;
}

/* Header and Profile Picture style */
.navbar-top-links.navbar-right .dropdown-toggle.user-menu {
	padding: 9px 0;
}

.profile-picture-small {
	background: #DEE2E9;
    border-radius: 50px;
}

site-header .dropdown-toggle > user-profile-picture .profile-picture-small {
    border-radius: 40px;
    width: 40px;
    height: 40px;
}

site-header .dropdown-toggle > user-profile-picture .profile-picture-small h2 {
	font-size: 20px;
}

.profile-picture-small h2 {
	display: flex;
	align-items: center;
	margin: 0;
}

.dropdown-menu .user-info {
	padding: 15px 20px 6px;
    display: flex;
    gap: 10px;
    height: 100%;
    align-items: center;
}

.dropdown-menu .user-name {
	font-size: 14px;
}

.dropdown-menu .user-email {
	font-size: 12px;
	color: #9a9d9f;
}

site-header .dropdown-menu {
	right: 0;
	left: unset;
}

.double-col-field {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

@media screen and (min-width: 1200px){
	.double-col-field {
		flex-direction: row;
	}
}

.navbar-top-links.navbar-right .dropdown {
	vertical-align: middle;
}

.nav-header-company-name{
	display: inline-block;
	vertical-align: middle;
	color: #948b96;
	font-size: 14px;
	font-weight: 600;
}

@media (max-width: 350px) {
	.nav-header-company-name {
		display:none;
	}
}

.user-navbar-top {
  	float: right;
}

.subtext-label {
	font-size: 9px;
	font-weight: bold;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-25 {
	padding-top: 25px;
}

.p-l-25 {
	padding-left: 25px;
}

.m-r-25 {
	margin-right: 25px;
}

.control-label-p-m-l {
    padding-top: 8px;
    margin-bottom: 0;
}

.double-underline {
	text-decoration-line: underline;
	text-decoration-style: double;
	text-decoration-skip-ink: none;
}

.broken-underline {    
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.error-highlight {
	background-color: #F2DEDE !important;
}