/* home page */
.home .card-info .fa {
	font-size: 60px;
	color: #343a40;
	margin-bottom: 10px;
}


.slim-logo a {
	font-weight: 700;
}
.slim-header-right .btn {
	margin-right: 20px;
}

/* arrow beside Sign Out */
.slim-header-right .dropdown-c .nav-link .icon, 
/* sidebar */
.sidebar-nav-link.active, 
.sidebar-nav-link.active i, 
.sidebar-nav-sub .nav-sub-link.active,
.sidebar-nav-sub .nav-sub-link:hover, .sidebar-nav-sub .nav-sub-link:focus, 
/* urls added to content */
.section-wrapper #accordion p a, .section-wrapper #accordion li a, .accordion-one .card-header a.tx-danger, .accordion-one .card-header a:focus {
	/* danger red */
	color: #dc3545;
}
.accordion-one .card-header a.collapsed {
	color: #343a40;
}

/* sidebar hover */
.sidebar-nav-link:hover, .sidebar-nav-link:focus, 
/* urls added to content */
.section-wrapper p a:hover, .section-wrapper li a:hover, .section-wrapper #accordion .card-header a:hover, .accordion-one .card-header a.collapsed:focus {
	/* danger red hover */
	color: #d32535;
}
a.btn-danger:hover {
	color: #fff !important;
}
/* border beside COMPANY NAME SAFETY REPORTS header */
.slim-pagetitle {
	border-left: 4px solid #FF1133;
}

#report-submission-graph-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba( 0, 0, 0, 0.3) url(../images/loading-buffering.gif) no-repeat center center;
}

/* border around company logo */
.card-contact .card-img {
	border-color: #dc3545;
}
.card-contact .card-img:hover, .card-contact .card-img:focus {
	border-color: #DD2244;
	box-shadow: 0 0 10px rgba(224, 39, 75, 0.3);
}
/* dataTables - remove background arrow images, handled with before/after Slim css */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	background-image: none;
}
/* dataTables paginate */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
	/* danger red */
	background-color: #dc3545;
}
/* dataTables print button */
button.dt-button, div.dt-button, a.dt-button {
    background-color: #e9ecef;
    border-color: transparent;
    border-radius: 0;
	color: #333 !important;
	background-image: none;
	min-width: 1.5em;
    padding: 0.54rem 1em 0.54rem 1em;
    margin: 0;
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
	background-image: none;
	border-color: transparent;
	background-color: #ced4da;
}

/* table when there's > 500 submissions */
table.non-datatable {
	border: 1px solid #dee2e6;
    margin-bottom: 15px;
}
table.non-datatable tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#submissions-nofilter-paginate {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#submissions-nofilter-paginate .btn:not(.btn-danger) {
    background-color: #e9ecef;
    border-color: transparent;
    color: #333 !important;
}
#submissions-nofilter-paginate .ellipsis {
    padding: 0 1em;
}



/* select2 on modal */
.modal .select2-container {
	text-align: left;
}
/* https://stackoverflow.com/a/51146463/2762464 */
.select2-container--open, #ui-datepicker-div {
    z-index: 9999999 !important;
}
/* adding spinner to buttons for after submit */
.sr-spinner {
	display: inline-block;
	margin: 0 5px;
}



/* overdue notice on equipment list */
.inspection-overdue {
	/* display: inline-block; */
	padding: 10px 20px;
	text-transform: uppercase;
	color: #dc3545;
	font-weight: bold;
	border: 3px solid #dc3545;
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}



/* reasons why employment status can't change */
.employment_status p:not(:last-child) {
	margin-bottom: 0;
}



/* reports - css radio/checkbox */
.single-line {
	display: flex;
	border-bottom: 0.5px solid #ced4da;
}
.single-line-last {
	margin-bottom: 20px !important;
}
.single-line .heading {
	flex: 1;
}
.single-line .rdiobox, .single-line .ckbox {
	display: inline-block;
	width: auto;
}
.single-line .rdiobox span:before, .single-line .rdiobox input[type='radio'], 
.single-line .rdiobox input[type='radio']:checked + span:after, 
.single-line .ckbox span:before, 
.single-line .ckbox input[type='checkbox']:checked + span:after, 
.single-line .ckbox input[type='checkbox'] {
	display: none;
}
.single-line span {
	background: #dc3545;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	cursor: pointer;
	margin-left: 1px;
}
.single-line input:checked + span {
	background: #000;
}


.form-group label {
	width: 100%;
}
.fake-input {
	background-color: #e9ecef;
    opacity: 1;
}

/* reports - hide conditional fields */
.report .condition-result, 
.report .repeater {
	display: none;
}
.add-row-button {
	width: 42px;
}
.report-view .add-row-button {
	display: none;
}

/* reports - file uploads */
.report-fileuploads {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.report-edit .report-fileuploads {
	padding-top: 10px;
}
.report-fileuploads li {
	/* display: inline; */
	vertical-align: top;
	margin-bottom: 10px;
	/* margin-right: 10px; */
}
.report-edit .report-fileuploads li {
	display: block;
}
.report-fileuploads img {
	max-width: 250px;
}
.report-edit .report-fileuploads .fui-fileupload-remove {
	margin-right: 10px;
}
.report-edit .report-fileuploads img {
	max-width: 100px;
}

/* reports - hide disabled select options from select2 */
/* 
body.report label span {
	padding-left: 10px;
} 
*/
.select2-results .select2-disabled,  .select2-results__option[aria-disabled=true] { 
	display: none;
}



/* 
SLIM FORM CSS FOR FORMIE REPORTS 
*/
.custom-template-sr-formie .fui-alert {
	padding-bottom: 10px;
}
.custom-template-sr-formie .fui-alert-error, .custom-template-sr-formie .fui-required {
	color: #dc3545;
}
.custom-template-sr-formie .fui-errors {
	color: #dc3545;
	padding-left: 17px;
}
.custom-template-sr-formie .fui-field[data-conditionally-hidden] {
    display: none;
}
/* signature styles from default formie */
.fui-type-signature .fui-input-container{position:relative}.fui-type-signature .fui-input-container canvas{width:100%;width:100%;height:8rem;height:8rem;border:1px solid #ced4da;background:#f9fafb;background:#f9fafb;border-radius:0.25rem;}.fui-type-signature .fui-input-container .fui-signature-clear-btn{position:absolute;top:0;top:0;right:-14px;right:-14px;-webkit-transform:translateY(-50%);-webkit-transform:translate(0, -50%);transform:translateY(-50%);transform:translate(0, -50%);border-radius:50%;border-radius:50;height:0;height:0;width:0;width:0;padding:13px;padding:13px;text-indent:-9999px;text-indent:-9999px;border:1px solid #ced4da}.fui-type-signature .fui-input-container .fui-signature-clear-btn:after{content:"";position:absolute;top:50%;top:50%;left:50%;left:var(--fui-signature-remove-btn-icon-left);width:9px;width:9px;height:14px;height:14px;-webkit-transform:translate(-50%,-50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%,-50%);transform:translate(-50%, -50%);display:block;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='times' class='svg-inline--fa fa-times fa-w-10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='times' class='svg-inline--fa fa-times fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3E%3C/path%3E%3C/svg%3E")}
.custom-template-sr-formie .fui-btn:focus {
    outline: 0;
    text-decoration: none;
}

.custom-template-sr-formie .fui-heading-h2 {
	/* background-color: #dc3545;
	color: #fff;
	padding: 18px 20px;
	font-weight: 500;
	font-size: 0.875rem;
	line-height: 1.5; */
	color: #343a40;
	font-size: 18px;
	line-height: 1.5;
	border-bottom: 2px solid #dc3545;
	text-transform: uppercase;
	margin: 20px 0;
}
.custom-template-sr-formie .fui-page-row:nth-child(3) .fui-heading-h2 {
	margin-top: 0;
}


/* when label is left of field instead of above */
.custom-template-sr-formie .fui-label-left-input .fui-field-container {
	display: flex;
}
.custom-template-sr-formie .fui-label-left-input label {
	margin-right: 20px;
	padding-top: 10px;
	white-space: nowrap;
}
.custom-template-sr-formie .fui-label-left-input .fui-input-container {
	flex: 1;
}

.custom-template-sr-formie .fui-layout-horizontal .fui-layout-wrap {
	display: flex;
	flex: 1;
}
@media (min-width: 992px) {
	.custom-template-sr-formie .fui-row {
		display: flex;
	}
	/* https://stackoverflow.com/a/48752954/2762464 */
	.custom-template-sr-formie .fui-row > * + * {
		margin-left: 30px;
	}
	.custom-template-sr-formie .fui-field {
		flex: 1;
	}
}
.custom-template-sr-formie textarea.fui-input {
	height: 105px;
} 

/* FORMIE GROUP THAT HAS RADIO/CHECKBOX = ROW FOR EACH QUESTION, OPTION AT RIGHT */
/* make group legend look like label */
.custom-template-sr-formie .fui-type-group .fui-legend, .custom-template-sr-formie .fui-type-radio-buttons .fui-legend, .custom-template-sr-formie .fui-type-checkboxes .fui-legend, 
.custom-template-sr-formie .fui-type-address .fui-legend, .custom-template-sr-formie .fui-type-repeater .fui-legend, .custom-template-sr-formie .fui-type-table .fui-legend {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}
.custom-template-sr-formie .fui-type-group .fui-page-row {
	padding: 0;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-row .mg-b-20-force, 
.custom-template-sr-formie .fui-repeater-row .fui-fieldset .fui-field-rows .mg-b-20-force {
	margin-bottom: 10px !important;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal {
	border-bottom: 1px solid #ced4da;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal legend {
	margin-top: .5rem;
	flex: 1;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal .sr-group-checkbox-view-results {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal .fui-layout-wrap {
	justify-content: flex-end;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal .fui-instructions {
	order: -1;
	width: 100%;
}

/* make radio/label look like block buttons */
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal input {
	display: none;
}
/* why isn't this red on dev or live? b9bec4 */
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal span {
	background: #ced4da;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    cursor: pointer;
	margin-left: 1px;
	margin-bottom: 0;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal span:before {
	display: none;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal input:checked + span {
    background: #dc3545;
}
.custom-template-sr-formie .fui-type-group.sr-grouping .fui-layout-horizontal input:checked + span:after {
	display: none;
}

/* FORMIE REPEATER FIELD */
.custom-template-sr-formie .sr-custom-flexcontainer {
	display: flex;
}
.custom-template-sr-formie .fui-repeater-row .fui-page-row {
	padding: 0;
}
.custom-template-sr-formie .fui-repeater-row > .fui-fieldset {
	margin-top: 10px;
	border-bottom: 1px solid #ced4da;
	display: flex;
}
.custom-template-sr-formie .fui-repeater-row .fui-fieldset .fui-field-rows {
	flex: 1;
}
.custom-template-sr-formie .fui-repeater-row .fui-fieldset .sr-remove-button, 
.custom-template-sr-formie .fui-table-row .sr-remove-button {
	align-self: flex-end;
	margin: 0 0 10px 20px;
}

/* FORMIE TABLE FIELD */
.custom-template-sr-formie .fui-table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}


/* FORMIE SUBMIT BUTTON */
.custom-template-sr-formie .fui-btn-container {
	display: flex;
}
.custom-template-sr-formie .fui-btn-container .fui-btn {
    margin-right: 1rem;
}
.custom-template-sr-formie .fui-submit {
    order: 10;
}


/* FORMIE PROGRESS BAR */
.custom-template-sr-formie.fui-progress-end .fui-progress {
    margin-top: 1rem;
}
.custom-template-sr-formie .fui-progress {
    display: flex;
    height: 1.2rem;
    overflow: hidden;
    font-size: .8rem;
    font-weight: 500;
    color: #fff;
    border-radius: .25rem;
    background-color: #e2e8f0;
}
.custom-template-sr-formie .fui-progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: #516fea;
    transition: width .3s ease;
}

#add-assignedtask {
	position: fixed;
	top: 180px; 
	right: 65px;
	z-index: 9999;
	font-size: 22px;
}



/* report view and report to pdf */
.report-view .form-layout-footer {
	margin-top: 20px;
}
.report-view .card-body .heading {
	color: #343a40;
	font-weight: 500;
}
.report-view .custom-template-sr-formie .fui-label, .report-view .custom-template-sr-formie .fui-legend {
	color: #495057;
	font-weight: 500;
}
.report-view .custom-template-sr-formie .sr-grouping .fui-field-rows .fui-legend, 
.report-view .custom-template-sr-formie .fui-repeater-rows .fui-label, 
.custom-template-sr-formie .fui-table th {
	font-weight: 400;
}
.report-view .custom-template-sr-formie .sr-grouping .fui-field-rows .fui-legend, 
.report-view .custom-template-sr-formie .fui-repeater-row > .fui-fieldset, 
.report-view .custom-template-sr-formie .fui-table tr th:first-child, .report-view .custom-template-sr-formie .fui-table tr td:first-child {
	padding-left: 5px;
}

.report-view .sr-group-checkbox-view-results {
	flex: 1;
	white-space: nowrap;
}
.report-view .sr-grouping .sr-group-checkbox-view-results {
	text-align: right;
}

.report-view .card-body .input {
	font-weight: 300;
}

/* reports - hide Report Review & Approval unless admin or doc approver */
.report:not(.admin):not(.doc-approver):not(.pdf) .report-review-approval {
	display: none;
}

/* from formie efault theme - April 2021 */
.fui-sr-only {
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}



/* change all pdf font-size to 80% of site */
.report.pdf .slim-logo {
	/* font-size: 32px; */
	font-size: 26px;
}
.report.pdf .slim-pagetitle {
	/* font-size: 18px; */
	font-size: 14px;
}
.report.pdf, .report.pdf .section-title, .report.pdf .fui-legend {
	/* font-size: 14px; */
	font-size: 11px;
}
.report.pdf p label {
	display: inline-block;
}
.report.pdf h3 {
	font-size: 17px;
}
.report.pdf h4 {
	font-size: 14px;
}
.report.pdf .slim-footer .container, .report.pdf .slim-footer .container-fluid {
	/* font-size: 14px; */
	font-size: 11px;
}

.report.pdf .slim-body .slim-mainpanel .container, 
.report.pdf .section-wrapper, 
.report.pdf .accordion-one .card-header a, 
.report.pdf .accordion-one .card-body {
	padding-top: 10px !important;
}
.report.pdf .slim-pageheader, 
.report.pdf .mg-sm-b-40, 
.report.pdf .accordion-one .card-header a, 
.report.pdf .accordion-one .card-body {
	padding-bottom: 10px;
}
.report.pdf .mg-sm-b-40 {
	margin-bottom: 0;
}
.report.pdf .accordion-one .card-header a::before {
	display: none;
}

/* reports to pdf - hide header/nav elements */
.report.pdf #slimSidebarMenu, .report.pdf .slim-header-right, .report.pdf .breadcrumb-item {
	display: none;
}
/* reports to pdf - padding */
body.report.pdf {
	padding: 0;
	margin: 0;
}
.report.pdf .slim-header {
	height: auto;
	padding: 5px 0;
}
.report.pdf .container, .report.pdf .container-fluid {
	max-width: none !important;
	width: 100% !important;
}
/*
.report.pdf .slim-body, 
.report.pdf .slim-body .slim-mainpanel, 
*/
.report.pdf .slim-body .slim-mainpanel .container, 
.report.pdf .section-wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}
.report.pdf .slim-pageheader, 
.report.pdf .section-wrapper .section-title:first-child, 
.report.pdf .section-wrapper > p:first-of-type, 
#submission-info, 
.report.pdf .fui-i {
	padding-left: 20px;
	padding-right: 20px;
}
.report.pdf .section-wrapper p.intro {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}
.report.pdf .section-wrapper p.intro:last-of-type {
	margin-bottom: 20px;
}
.report.pdf .slim-footer .container, .report.pdf .slim-footer .container-fluid {
	height: auto;
	padding-bottom: 5px;
}


/* reports to pdf - flexbox to floats */
.report.pdf .row, .report.pdf .fui-page-row, .report.pdf .fui-field .fui-layout-horizontal {
	display: block;
}
.report.pdf .row:after, .report.pdf .fui-page-row:after, .report.pdf .fui-field .fui-layout-horizontal:after {
	content: "";
	display: table;
	clear: both;
}
.report.pdf .col-lg-6, .report.pdf .col-lg-4, .report.pdf .col-lg-3, .report.pdf .col-lg-2, 
.report.pdf .fui-field, 
.report.pdf .fui-field .fui-layout-horizontal legend, .report.pdf .fui-field .fui-layout-horizontal .sr-group-checkbox-view-results {
	/* display: inline-block; */
	float: left;
	box-sizing: border-box;
}
.report.pdf .fui-field.condition-result {
	display: none;
}

.report.pdf .fui-row.field-count-1 .fui-field {
	width: 100%;
}
.report.pdf .fui-row.field-count-1 .fui-field .fui-layout-horizontal legend {
	/* padding-left: 5px; */
	width: 474px;
}

.report.pdf .fui-field .fui-layout-horizontal .sr-group-checkbox-view-results {
	margin-left: 30px;
}
.report.pdf .fui-row.field-count-1 .fui-field .fui-layout-horizontal .sr-group-checkbox-view-results {
	/* margin-left: 30px; */
	width: 144px;
}

/* .report.pdf .fui-field .fui-layout-horizontal legend {
	width: 79%;
}
.report.pdf .fui-field .fui-layout-horizontal .sr-group-checkbox-view-results {
	width: 15%;
} */
.report.pdf .fui-row.field-count-2 .fui-field {
	width: 309px;
}
.report.pdf .fui-row.field-count-2  > * + * {
	width: 309px;
}
.report.pdf .fui-row.field-count-2 .fui-field .fui-layout-horizontal legend {
	/* padding-left: 5px; */
	width: 209px;
}
.report.pdf .fui-row.field-count-2 .fui-field .fui-layout-horizontal .sr-group-checkbox-view-results {
	/* margin-left: 30px; */
	width: 70px;
}

.report.pdf .fui-row.field-count-3 .fui-field {
	width: 195px;
}
.report.pdf .fui-row.field-count-3  > * + * {
	width: 195px;
}
.report.pdf .fui-row.field-count-3 .fui-field .fui-layout-horizontal legend {
	/* padding-left: 5px; */
	width: 150px;
}
.report.pdf .fui-row.field-count-3 .fui-field .fui-layout-horizontal .sr-group-checkbox-view-results {
	/* margin-left: 30px; */
	width: 15px;
}

.report.pdf .fui-row.field-count-4 .fui-field {
	width: 140px;
}
.report.pdf .fui-row.field-count-4  > * + * {
	width: 140px;
}



/* report submission list */
.tablesort {
	display: none;
}
.table .card-people-list .media {
	padding: 0;
}
.table .card-people-list a {
	display: inline-block;
}

.table tfoot > tr > th {
	padding-left: 12px;
}

/* to get dynamic submission list columns, need to call Formie renderField but also shows label, so hide it */
.report-submissions .table td label, .report-submissions .table td legend {
	display: none;
}

/* user images in tables on cell phones */
td.child .media img {
    width: 45px;
    border-radius: 100%;
}



/* notifications */
.message-header.notification-new {
	height: auto;
}
.message-header:not(:first-child) {
	border-top: 1px solid #dee2e6;
}
.notifications .messages-right .media {
	align-items: center;
}
.message-body:not(.notification-new) .media-list .msg p {
	padding: 6px 0;
	background-color: transparent;
	color: #868ba1;
	display: block;
}

.messages-list .media.current {
	background-color: #f2f4f6; 
}
.messages-list .media.current::before {
	opacity: 1;
}

/* send to filter list */
#send-filter {
	margin-top: 10px;
	display: none;
}
/* https://github.com/select2/select2/issues/291#issuecomment-288327576 */
/* placeholder on select2 gets cut off if hidden when page loads */
#send-filter .select2-selection--multiple .select2-search--inline .select2-search__field {
	width: auto !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #dc3545;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #868ba1;
}



/* .message-body:not(.notification-new) .media-list .msg {
	background-color: #4662D4;
	color: #fff;
} */
.message-body {
	overflow-y: visible;
}
.message-body a {
	color: #dc3545;
}
.message-body.notification-new .media-list .msg {
	max-width: none;
}
/* undo slim styles when in redactor */
.message-body.notification-new .media-list .msg p {
	background-color: #fff;
	color: #333;
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}
.messages-list .media-body {
	flex-wrap: wrap;
}
.messages-list .media-body p {
	width: 100%;
}
.messages-list .media-body > div:nth-child(1) {
	width: 65%;
}
.messages-list .media-body > div:nth-child(2) {
    min-width: 50px;
    text-align: right;
    display: flex;
    align-items: flex-end;
	flex-direction: column;
}
.messages-list a.show-all p  {
	color: #dc3545;
	font-size: 12px;
}
.seen-list {
	display: flex;
	justify-content: flex-end;
	flex: 1;
	flex-wrap: wrap;
}
.message-body .media-list .seen-list .msg {
	max-width: none;
}
.seen-list p {
	white-space: nowrap;
}

@media (min-width: 992px) {
	.container-messages.with-sidebar .messages-right {
		display: block;
	}
}


/* SHOP + borrow some default tailwind classes */
.hidden { display: none; }
.ws-nowrap { white-space: nowrap; }
.flex { display: flex; }
.justify-between { justify-content: space-between;}
.justify-end { justify-content: flex-end; }
.items-center { align-items: center;}
.w-full { width: 100%; }
.overflow-hidden { overflow: hidden; }
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.uppercase { text-transform: uppercase; }
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

/* sidebar nav */
.shop .sidebar-nav-link {
	min-height: 42px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* product listings */
.shop .img-fluid {
	width: 100%;
}

/* checkout */
.checkout-steps nav {
	display: flex;
	text-align: center;
}
.wd-7p {
	width: 7%; 
}
.wd-23p {
	width: 23%; 
}
.wd-57p {
	width: 57%; 
}
.wd-73p {
	width: 73%; 
}




@media print {
	table.datatable img {
		display: none;
	}
	.noprint {
		display: none;
	}
}