/* Metronics customization */
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon, 
	.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text, 
	.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text, 
	.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-icon, 
	.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text { color: #fff; }

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text, 
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__heading > .m-menu__link-text, 
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link .m-menu__link-text, 
.m-nav .m-nav__item > .m-nav__link .m-nav__link-text, 
.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item > .m-nav__link > .m-nav__link-text, 
	.m-portlet .m-portlet__body, 
	.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span, .m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span, 
	.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span, 
	.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link, 
	.m-form .m-form__section, 
	.m-form .m-form__group .form-control-label, .m-form .m-form__group .col-form-label, .m-form .m-form__group > label, 
	caption { color: #000; }

.m-datatable__table .blockMsg .m-blockui { margin: 0 auto; }

.m-header.print {
	position	: absolute; /*Adding Fixed makes the header logos appear on all pages*/
	top			: -1px;
	width		: 100%;
	z-index		: 1;
}
/* It helps with wrapping tables displayed on multiple print pages */
@media print {
	div.page-break {
		page-break-after	: always;
		page-break-before	: always;
	}
	
	tr.page-break td { padding-top: 35px; }
	tr.page-break2 td, h5.page-break { padding-top: 85px; }
	
	hr.page-break {
		margin: 0;
		opacity: 0;
		page-break-before: always;
	}
}

/*Header CSS */
.header-space-row td {
	border: 0px solid  white !important;

}
/* Setting the header to show only on the first page */

@media print {
	/*.m-grid.m-page { display: table; }*/
	
	.header-space-row:first-child, .header-space-row td { border: 0 solid white !important; }
	/*adding z index to -1 removes the header on the second page and the pages after*/
	.m-header.print {
		/*display		: table-header-group;
		position	: fixed;
		/*z-index		: -1;*/
	}
	/*.m-grid.m-page > .m-grid__item { display: table-row-group; }*/
}



/* The page preloader element */
#page-preloader {
	background	: #fff url('../../../assets/app/media/img/misc/loading.gif') no-repeat center;
	height		: 100%;
	left		: 0;
	position	: fixed;
	top			: 0;
	width		: 100%;
	z-index		: 10000000;
}

/* Top language select menu elements */
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__languages .m-topbar__language-selected-img {
	border-radius	: 50% !important;
	width			: 26px;
}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__languages .m-nav__item .m-topbar__language-img {
	border-radius	: 50% !important;
	width			: 22px;
}

/* Location details modal button */
body.printing-directions #map-modal { padding: 0 !important; }
body.printing-directions #map-modal .modal-dialog {
	margin		: 0;
	max-width	: 100vw;
	width		: 100vw;
}
body.printing-directions #map-modal .modal-content {
	min-height	: 100vh;
	width		: 100vw;
}
body.printing-directions #map-modal .modal-header .close, body.printing-directions #map-modal #print-map { display: none; }
body.printing-directions #map-modal #gmap, body.printing-directions #map-modal #directions-details { width: 100%; }
body.printing-directions #map-modal #gmap { height: 25vh; }
body.printing-directions #map-modal #directions-details {
	height		: auto;
	margin-top	: 25px;
	padding-left: 0;
}
body.printing-directions #map-modal #directions-details .adp table { width: 100%; }
body.printing-directions .gmnoprint { display: none; }

.location-button { display: none; }
#map-modal .modal-dialog {
	max-width	: 75vw;
	width		: 75vw;
}
#map-modal .modal-header { border: none; }
#map-modal .modal-title { font-size: 1.75rem; }
#map-modal .modal-body { padding-top: 0; }
#map-modal .modal-body:after {
	display	: block;
	clear	: both;
	content	: '';
}
#map-modal #gmap, #map-modal #directions-details {
	float	: left;
	height	: 65vh;
}
#map-modal #gmap { width: 70%; }
#map-modal #directions-details {
	padding-left	: 25px;
	width			: 30%;
}
#map-modal #print-map {
	float		: right;
	margin-top	: -.5rem;
}
#map-modal #directions-details > div {
	clear		: both;
	height		: calc(100% - 2.5rem);
	overflow	: auto;
}


.bootstrap-switch { white-space: nowrap; }
#dynacom-error { color: #f00; }


/* Multi-select element's placeholder */
.select2-container .select2-search--inline .select2-search__field, 
.select2-container--default .select2-selection--single .select2-selection__placeholder, 
.select2-container .select2-selection--single .select2-selection__rendered {
	font-family	: sans-serif, Arial;
	font-size	: 1rem;
	font-weight	: 300;
}
/* Hide the selected elements from the list */
.select2-container--default .select2-results__option[aria-selected=true] { display: none !important; }
/* Select2's border style */
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border-radius: 0; }
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
	border-color: #4c96db;
}

.select2 { width: 100% !important; }
.select2-container .select2-selection--single .select2-selection__clear {
	margin-right	: .6rem !important;
	margin-top		: -.9rem !important;
}
.m-form .m-form__section { font-weight: 300; }

.m-form .m-form__group.m-form__group--inline > .m-form__label { white-space: nowrap; }

/* Read-only select2 */
select[readonly].m-select2 + .select2-container {
	pointer-events	: none;
	touch-action	: none;
}
select[readonly].m-select2 + .select2-container .select2-selection {
	background	: #eee;
	box-shadow	: none;
}
select[readonly].m-select2 + .select2-container .select2-selection__arrow, select[readonly].m-select2 + .select2-container .select2-selection__clear { display: none; }

/* Disabled select2 items are hidden now */
.select2-dropdown .select2-results__option[aria-disabled=true] { display: none; }

.locked-tag .select2-selection__choice__remove { display: none !important; }

span.locked {
	cursor	: not-allowed;
	display	: block;
}


/* Calendar/date picker styles */
.datepicker table tr td span.disabled, .datepicker table tr td.disabled { color: #ccc !important; }
.datepicker.datepicker-dropdown { z-index: 1000 !important; }

/* Employee & bodyshop reps section styles */
.employee .fa-reorder, .bodyshop-representative .fa-reorder { cursor: pointer; }
.employee .btn-danger, .bodyshop-representative .btn-danger, .association-item .btn-danger, .sale-item .btn-danger, .contract-item .btn-danger {
	display		: none;
	margin-top	: 1.75rem;
}
.employee .btn-danger { margin-top: 0; }

.repetitive-row { margin: 0 !important; }
.repetitive-row > .m-form__section { margin: 30px 0 20px !important; }
.repetitive-row > .m-form__section > .form-group { padding-top: 0; }

.repetitive-button { margin: 0 0 20px 0 !important; }

.bodyshop-rep-label { width: 100%; }


/* The rich-content editor's custom style */
.note-editor.note-frame .note-editing-area .note-editable {
	font-size	: 14px;
	margin-top	: 20px;
}


/* View-mode forms' styles */
.view-mode .form-control {
	border	: none;
	padding	: 0;
}
.view-mode .form-control::placeholder { color: transparent; }
.view-mode .progress { display: none; }
.view-mode .select2-selection--multiple, .view-mode .select2-selection--single {
	background	: transparent !important;
	border		: none !important;
	cursor		: text !important;
}
.view-mode .select2-selection__rendered {
	padding-left	: 0 !important;
	padding-right	: 0 !important;
}
.view-mode .select2-selection__clear, .view-mode .select2-selection__arrow, .view-mode .select2-selection__choice__remove { display: none !important; }

.view-mode .m-radio, .view-mode .m-checkbox { cursor: text; }
.view-mode .m-radio > input:disabled ~ span:after { border-color: #7281a4; }
.view-mode input[disabled], .view-mode select[disabled] {
	-webkit-appearance	: none;
	background			: transparent;
	cursor				: text;
}

.view-mode .input-group .input-group-prepend > .input-group-text, .view-mode .input-group > .input-group-append > .input-group-text { display: none; }
.view-mode .employee .btn-danger, .view-mode .bodyshop-representative .btn-danger, .view-mode .association-item .btn-danger, .view-mode .sale-item .btn-danger, .view-mode .contract-item .btn-danger, 
	.view-mode .contract-item .add-new-term { display: none !important; }

.view-mode textarea {
	border	: none;
	display	: block;
	padding	: 0;
	resize	: none;
	width	: 100%;
}
.view-mode #fileuploader { display: none; }



.m-badge.m-badge--metal, .m-badge.m-badge--primary { margin-top: 5px; }

.association-item .btn-danger, .sale-item .btn-danger, .contract-item .btn-danger { margin-top: 0; }
.association-item .form-group {
	padding-bottom	: 0;
	padding-top		: 0;
}
/*.association-item .form-group:last-of-type { padding-bottom: 2.2rem; }*/
.association-item:last-of-type .form-group:last-of-type { padding-bottom: 0; }


.input-group.red .input-group-prepend i, .input-group.red .form-control { color: #f00; }


.contract-item .add-new-term { display: none; }
.contract-item > .m-form__section > .form-group.m-form__group.row:last-of-type .add-new-term { display: inline-block; }


/* Wide modal popup style */
.swal2-modal-wide { width: 600px !important; }

/* "Removed" table rows style */
tr.strike { text-decoration: line-through; }
tr.disabled td { opacity: .25; }
/* Pending records background color */
tr.pending-insert td { background: rgba(0, 128, 0, .25) !important; }
tr.pending-update td { background: rgba(128, 64, 0, .25) !important; }
tr.pending-remove td { background: rgba(128, 0, 0, .25) !important; }


/* Hide the number input fields' arrows... 'cause why not?... */
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance	: none;
	margin				: 0;
}
input[type=number] { -moz-appearance: textfield; }

/* Align the checkboxes with neighbouring inputs/selects */
.m-radio, .m-checkbox { margin-top: 5px; }


/* DataTables customization */
.dataTables_wrapper .dataTables_filter { text-align: left !important; }
.dataTables_wrapper .dataTables_pager { text-align: right; }
.dataTables_wrapper .dataTables_pager .dataTables_length {
	display			: inline-block;
	margin-right	: .5rem;
}
.dataTables_wrapper .dataTables_pager .dataTables_paginate { display: inline-block; }
.dataTables_wrapper .dataTables_pager .dataTables_length + .dataTables_paginate { margin-left: 1rem; }
.dataTables_wrapper .dataTables_paginate .pagination .page-item { margin-left: .4rem; }
.dataTables_wrapper .dataTables_paginate .pagination .page-item>.page-link {
	align-items		: center;
	border-radius	: 50%;
	cursor			: pointer;
	display			: flex;
	font-size		: 1rem;
	font-weight		: 400;
	height			: 2.25rem;
	justify-content	: center;
	line-height		: 1rem;
	min-width		: 2.25rem;
	padding			: 0.5rem;
	position		: relative;
	text-align		: center;
	vertical-align	: middle;
}
.dataTables_wrapper .pagination .page-item.previous>.page-link, .dataTables_wrapper .pagination .page-item.next>.page-link, .dataTables_wrapper .pagination .page-item.last>.page-link, .dataTables_wrapper .pagination .page-item.first>.page-link {
	background: #ebe9f2;
}
.dataTables_wrapper .pagination .page-item.disabled>.page-link, .dataTables_wrapper .pagination .page-item.disabled:hover>.page-link {
	filter	: alpha(opacity=60);
	opacity	: .6;
}


/* File uploader styles */
.attached-files td {
	position		: relative;
	vertical-align	: middle;
}
.attached-files input[type=text] {
	left		: .75rem;
	position	: absolute;
	width		: calc(100% - 1.5rem);
}

.qq-upload-button {
	background-color: #ffb822 !important;
	border			: 1px solid transparent !important;
	border-color	: #ffb822 !important;
	border-radius	: 0.25rem !important;
	color			: #212529 !important;
	padding			: 0.65rem 1rem !important;
	width			: auto !important;
}
.qq-upload-cancel {
	background-color: #f4516c !important;
	border-color	: #f4516c !important;
	color			: #fff !important;
	font-size		: 1rem !important;
}
.qq-upload-retry {
	background-color: #34bfa3 !important;
	border-color	: #34bfa3 !important;
	color			: #fff !important;
}
.qq-thumbnail-wrapper, .qq-file-info { display: inline-block; }
.qq-file-info { width: 75%; }
.qq-upload-file { width: 92%; }
.qq-edit-filename { width: 65%; }

.m-form .m-form__section { font-size: 1rem; }


/* Glowing effect when highlighting a form's elements */
@keyframes glowPulse {
	50% {
		border-color	: #4c96db;
		box-shadow		: 0 0 25px #4c96db;
	}
	100% {
		border-color	: #ebedf2;
		box-shadow		: 0 0 25px transparent;
	}
}
.glow-pulse {
	animation-name				: glowPulse;
	animation-duration			: .33s;
	animation-iteration-count	: 2;
	animation-timing-function	: linear;
}


/* Period closure calendar style */
#closed-months > .datepicker { width: 100%; }
.datepicker .month.closed {
	color		: #c00 !important;
	font-weight	: bold;
}


/* Set the reports' caption position */
.m-portlet__head-title.print { width: 100%; }
.m-portlet__head-title.print #report-title {
	font-size	: 1.8rem;
	font-weight	: bold;
	text-align	: center;
	width		: 100%;
}
.m-portlet__head-title #report-title em { font-style: normal; }
.m-portlet__head-title #report-title span { display: none; }
.m-portlet__head-title.print #report-title span {
	display: block;
	font-weight: normal;
}
.m-portlet__head-title.print #report-title br { display: none; }
.m-portlet__head.print { border: none; }
.m-portlet__head.print .m-portlet__head-tools { display: none; }

#report-section .dataTables_wrapper { margin-top: 2.2rem; }
#report-section .dataTables_wrapper:first-of-type { margin-top: 0; }

.no-border-on-first tr:first-of-type td { border-top: none; }


.report-results caption {
	caption-side	: bottom;
	/*font-style		: italic;*/
}
.report-results td.disabled { background: #f4f5f8; }
.report-results .m-badge {
	font-size	: .9rem;
	margin		: 0 .25rem .5rem 0;
}
/*@media print {
	.report-results { page-break-inside: avoid; }
}
*/


ul.draggable, ul.droppable {
	max-height		: calc(100vh - 475px);
	overflow		: auto;
	padding-left	: 1rem;
}
ul.draggable li, ul.droppable li {
	list-style	: none;
	padding		: .5rem 0;
}
ul.draggable li .m-checkbox { padding-left: 28px; }
ul.droppable li button { margin-left: 4px; }

.drag-over { background: lightyellow; }
.drop-over { background: pink; }

@media print {
	.hide-print { display: none; }
}
#admin-fee-container{
	transition: all 0.9s ease 0s;
}


.m-tooltip.tooltip .tooltip-inner {
	border-radius	: 15px;
	font-size		: .9rem;
	max-width		: 280px;
	padding			: 12px 18px;
	text-align		: left;
}
/*


input[type="date"] { position: relative; }
input[type="date"]::-webkit-calendar-picker-indicator {
	background	: transparent;
	bottom		: 0;
	color		: transparent;
	cursor		: pointer;
	height		: auto;
	left		: 0;
	position	: absolute;
	right		: 0;
	top			: 0;
	width		: auto;
}
input[type="date"]:hover:after { color: #bf1400; }
input[type="date"]:focus::-webkit-calendar-picker-indicator { display: block; }	
*/


#status-history-list { display: none; }

.alert a {
	color			: #fff;
	text-decoration	: underline;
}