﻿html, body, * {
	font-family: 'Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.off-line {
	position: relative !important;
	display: inline-block !important;
}

	.off-line::before {
		content: '' !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 95% !important;
		border-radius: 1px !important;
		height: 1.5px !important;
		box-shadow: -1px -1px 0 0.5px white !important;
		background-color: #6f6f6f !important;
		transform: translate(-50%, -50%) rotate(45deg) !important;
		transform-origin: center !important;
	}

.highlight-cell {
	font-weight: 600!important;
	text-decoration: underline!important;
	text-decoration-color: #F28C00!important;
}

.FWSearchClassPill {
	width: 100%;
	padding: 8px 4px;
}

.FWSearchClassPill .mud-input-slot {
	border-radius: 50px !important;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.FWSearchClassPill .mud-input-control.mud-input-focused .mud-input-slot {
	border-color: var(--mud-palette-primary) !important;
	box-shadow: 0 2px 8px rgba(var(--mud-palette-primary-rgb), 0.2);
}

.FWSearchClassPill .mud-input-control::before,
.FWSearchClassPill .mud-input-control::after {
	border-bottom: none !important;
}

.full-height {
	height: 100%;
}

.myHeight {
	position: relative;
	top: 1px;
	bottom: 1px;
	height: 500px;
}

.grid-noheader.e-grid .e-gridheader .e-columnheader {
	display: none;
}

.alt-item > td {
	background-color: rgba(0, 0, 0, 0.05);
}

.mediumFont.mediumFont.mediumFont {
	font-family: Medium;
}

.mydivouterleft {
	position: relative;
	width: 100%;
	height: 100%;
}

.mybuttonoverlapleft {
	position: absolute;
	z-index: 2;
	display: none;
	top: 2px;
	left: 1px
}

.mydivouterleft:hover .mybuttonoverlapleft {
	display: block;
}

.mydivouter {
	position: relative;
	width: 100%;
	height: 100%;
}

.mydivoverlap {
	position: relative;
	z-index: 1;
}

.mybuttonoverlap {
	position: absolute;
	z-index: 2;
	display: none;
	top: 2px;
	right: 1px
}

.mydivouter:hover .mybuttonoverlap {
	display: block;
}

.e-panel-content {
	text-align: center;
	margin: 0px;
}

.noCaret .e-menu-wrapper .e-menu .e-menu-item .e-caret, .e-menu-container .e-menu .e-menu-item .e-caret {
	color: rgba(0, 0, 0, 0.54);
	visibility: hidden;
}

.mud-popover-cascading-value {
	z-index: 9999999
}

.mudSelect.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
	margin-top: 0px !important;
	font-size: small;
}

.IconCaretPadding .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-menu-container ul .e-menu-item.e-menu-caret-icon {
	padding-right: 6px;
}

@font-face {
	font-family: "Black";
	src: url(../fonts/inter/Inter-Black.ttf);
}

@font-face {
	font-family: "Bold";
	src: url(../fonts/inter/Inter-Bold.ttf);
}

@font-face {
	font-family: "ExtraBold";
	src: url(../fonts/inter/Inter-ExtraBold.ttf);
}

@font-face {
	font-family: "ExtraLight";
	src: url(../fonts/inter/Inter-ExtraLight.ttf);
}

@font-face {
	font-family: "Light";
	src: url(../fonts/inter/Inter-Light.ttf);
}

@font-face {
	font-family: "Medium";
	src: url(../fonts/inter/Inter-Medium.ttf);
}

@font-face {
	font-family: "Regular";
	src: url(../fonts/inter/Inter-Regular.ttf);
}

@font-face {
	font-family: "SemiBold";
	src: url(../fonts/inter/Inter-SemiBold.ttf);
}

@font-face {
	font-family: "Thin";
	src: url(../fonts/inter/Inter-Thin.ttf);
}

.e-headercell.e-headercell {
	background-color: #EEF2F5 !important;
	border-right: 1px solid #E4E4E4;
	color: #000000;
}

/*Ksarris Reconnection Modal Start*/
.reconnect-modal {
	background-image: url(../../landingBg.png) !important;
	background-size: cover;
	opacity: 1 !important;
}

.main-wrapper {
	font-size: 62.5%;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: none;
	-webkit-box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 20px 10px 10px rgba(0,0,0,0.1);
	align-content: center !important;
	height: 50% !important;
}

.panel-header {
	height: 20%;
	background: #ffffff;
	color: black;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	padding-top: 10px !important;
}


.panel-body {
	font-weight: 400;
	font-size: 1.2em;
	outline: none !important;
	background: white;
	padding: 30px;
	height: 60%;
}

.align-right {
	text-align: right;
}

/*.align-center {
	text-align: center;
}*/

.emphasized {
	/* font-family: 'Anton', sans-serif; */
	/* font-family: 'Roboto Condensed', sans-serif; */
	/* font-family: 'Raleway', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.6em !important;
	color: black;
}

.panel-footer {
	height: 20%;
	background: #ffffff;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding: 15px;
}

	.panel-footer button {
		border: solid 1px #F28C00;
		background: #F28C00 !important;
		font-family: 'Open Sans', sans-serif;
		font-weight: 500 !important;
		text-transform: none !important;
		color: white !important;
		font-size: 1rem !important;
		padding: 10px 15px 11px 15px !important;
		width: 100%;
	}

		.panel-footer button:hover {
			cursor: pointer;
		}

button.reload:hover {
	color: white;
	-webkit-filter: brightness(80%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.centerized {
	margin-left: 10%;
	margin-top: 10%;
	width: 17%;
}

@media (min-width: 1000px) .upper-left {
	padding-left: 120px;
	padding-top: 70px;
	position: absolute;
	height: 362px;
	width: 706px;
	color: white;
	text-align: left;
}

@media (min-width: 700px) .upper-left {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 10%;
	position: absolute;
	height: 10%;
	color: white;
	text-align: center;
	width: 100%;
}

@media (min-width: 500px) .upper-left {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 10%;
	position: absolute;
	height: 10%;
	color: white;
	text-align: center;
	width: 100%;
}

@media (min-width: 0px) .upper-left {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 10%;
	position: absolute;
	height: 10%;
	color: white;
	text-align: center;
	width: 100%;
}

.split-screen__half {
	flex: 1;
}

.split-screen {
	display: flex;
	height: 100%;
	width: 100%;
	border: 0px black solid;
}

.logo {
	-o-object-fit: contain;
	object-fit: contain;
	max-width: 100%;
	margin: 0 auto;
}

.center {
	margin: auto;
	padding: 10px;
	text-align: center;
}

.hello {
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #000000;
}

.title {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #000000;
}
/*Ksarris Reconnection Modal End*/

/* Vessel Certificates Page */

.certificates-wrapper .sf-grid .e-content.e-yscroll {
	overflow-x: hidden;
	width: 100% !important;
	overflow-x: scroll !important;
}

@media (max-width:1600px) {

	.certificates-wrapper .sf-grid .e-content.e-yscroll {
		overflow-x: hidden;
	}

	.vessel-certificates-mud-drawer {
		height: 100% !important;
		top: 0 !important;
	}
}

@media (min-width:1600px) {
	/*.certificates-wrapper .sf-grid .e-content.e-yscroll {
		height: 88% !important;
	}*/
}

@media (max-width:1600px) {
	.certificate-templates-wrapper .sf-grid .e-content.e-yscroll {
		height: 87% !important;
	}
}

@media (min-width:1600px) {
	.certificate-templates-wrapper .sf-grid .e-content.e-yscroll {
		height: 94% !important;
	}
}

@media (max-width: 1600px) {
	.certificates-treeview-wrapper {
		Height: 63vh !important;
	}
}

@media (min-width: 1600px) {
	.certificates-treeview-wrapper {
		Height: 70vh !important;
	}
}

/* Vessel Certificates Page */

/* Spares Catalogues page */

@media (max-width:1600px) {
	.FilterDrawer-sfGrid-wrapper {
		height: 84% !important;
		top: 85px !important;
	}
}

@media (min-width:1600px) {
	.FilterDrawer-sfGrid-wrapper {
		height: 88% !important;
		top: 85px !important;
	}
}

/*@media (max-width:1600px) {
	.spare-catalogues-wrapper .sf-grid {
		height: 100% !important;
	}
}

@media (min-width:1600px) {
	.spare-catalogues-wrapper .sf-grid {
		height: 88% !important;
	}
}*/

@media (min-width:1600px) {
	.form-spare-Catalogues-drawings-container {
		height: 95% !important;
	}
}

/* Spares Catalogues page */

/* Force Log out Popup */

.e-dlg-container {
	z-index: 5000 !important;
}
/* Force Log out Popup */

/* Payment Scheduler */

@media (max-width:1600px) {

	.payment-scheduler-summary .payment-scheduler-summary-wrapper {
		padding-left: 68%;
	}

	.datagrid-container .sf-grid .e-gridcontent {
		height: 95% !important;
	}
}

@media (min-width:1600px) {

	.payment-scheduler-summary .payment-scheduler-summary-wrapper {
		padding-left: 69%;
	}

	.datagrid-container .sf-grid .e-gridcontent {
		height: 100% !important;
	}
}

/* Payment Scheduler */

/* Technical Scheduler */

@media (max-width:1600px) {

	.technical-scheduler-wrapper {
		height: 83% !important;
	}

	.tech-sched-details-files-tab-container .FilesListData > .d-flex.flex-column.gap-0 > .grid-noheader.sf-grid {
		height: 78% !important;
	}

	.tech-shed-details-panel-maintentance-history-details-tab {
		height: 75% !important;
	}
}

@media (min-width:1600px) {

	.technical-scheduler-wrapper {
		height: 88% !important;
	}

	.tech-sched-details-files-tab-container .FilesListData > .d-flex.flex-column.gap-0 > .grid-noheader.sf-grid {
		height: 90% !important;
	}

	.tech-shed-details-panel-maintentance-history-details-tab {
		height: 90% !important;
	}

	/*.severity-container {
			height:32vh !important;
		}*/

	.spares-used-wrapper .maintenances-grid-content.sf-grid.e-grid .e-gridcontent .e-content.e-yscroll {
		height: 300px !important;
	}

	.items-used-panel-container .items-used-grid.sf-grid.e-grid .e-gridcontent .e-content.e-yscroll {
		height: 300px !important;
	}
}

/* Technical Scheduler */

/* Equipment Registry */

@media (max-width:1600px) {
	.page-equipment-panel-details {
		overflow-y: scroll !important;
		height: 67% !important;
	}
}

@media (min-width:1600px) {
	.page-equipment-panel-details {
		overflow-y: scroll !important;
		height: 92% !important;
	}
}

/* Equipment Registry */

/* Vessel Builder */

@media (max-width:1600px) {
	.treeview-container {
		height: 64% !important;
		overflow-y: scroll !important;
	}
}

@media (min-width:1600px) {
	.treeview-container {
		height: 75% !important;
		overflow-y: scroll !important;
	}
}

@media (max-width:1600px) {
	.equip-def-details-equip-panel {
		height: 70% !important;
		overflow-y: scroll !important;
	}
}

@media (min-width:1600px) {
	.equip-def-details-equip-panel {
		height: 80% !important;
		overflow-y: scroll !important;
	}
}

/* Vessel Builder */

/* Requisitions */

@media (max-width:1600px) {
	.dialog-page-req-spare-details-panels-popup {
		height: 58vh !important;
		overflow-y: scroll !important;
	}
}

@media (min-width:1600px) {
	.dialog-page-req-spare-details-panels-popup {
		height: 65vh !important;
		overflow-y: scroll !important;
	}
}

@media (max-width:1600px) {
	.dialog-page-req-prod-details-panels-popup {
		height: 90% !important;
		overflow-y: scroll !important;
	}
}

@media (min-width:1600px) {
	.dialog-page-req-prod-details-panels-popup {
		height: 95% !important;
	}
}

/* Requisitions */

/* My Profile Page */

@media(max-width:1600px) {
	.my-profile-page-info-panel-container {
		height: 90%;
		overflow-y: scroll;
	}
}

/* My Profile Page */

/* Documents */

@media(min-width:1600px) {
	.documents-tree-view-container {
		height: 72vh !important;
	}

	.manuals-list-page-filter-wrapper {
		height: 100% !important;
	}

	.grid-document-details-container {
		overflow-y: hidden !important;
	}
}

/* Documents */

/* Prepayments */

@media(min-width:1600px) {
	.prepayments-filters-container {
		height: 95% !important;
	}
}

/* Prepayments */

/* Setup Users Management */

@media(min-width:1600px) {
	.users-list-data-container {
		height: 97% !important;
	}
}

/* Setup Users Management */

/* Setup Jobs */

@media(min-width:1600px) {
	.page-jobs-datagrid-container .sf-grid.e-grid .e-gridcontent {
		height: 97% !important;
	}
}

/* Setup Jobs */

/* Setup Office Departments */

@media(min-width:1600px) {
	.structure-page-office-departments .e-gridcontent {
		height: 96% !important;
	}
}

/* Setup Office Departments */

/* Setup Crew Management */
@media(min-width:1600px) {
	.setup-structure-page-seaman-list-data .e-gridcontent {
		height: 94% !important;
	}
}

/* Setup Crew Management */

/* Purchase Invoices */

@media(min-width: 1600px) {
	.edit-tabs-container > .mud-tabs-panels {
		height: 76vh !important;
		overflow-y: scroll !important;
	}
}

@media(min-width: 2200px) {
	.edit-tabs-container > .mud-tabs-panels {
		height: 56vh !important;
		overflow-y: scroll !important;
	}
}

/* Purchase Invoices */

/* Audits List */

@media(max-width:1600px) {
	.audits-details-panel-questonnaire-tab-new #outer-accordion-wrapper {
		height: 50vh !important;
	}
}

@media(min-width:1600px) {
	.audits-details-panel-questonnaire-tab-new #outer-accordion-wrapper {
		height: 63vh !important;
	}
}

@media(min-width:1600px) {
	.audits-list-data-grid .mud-table-container {
		height: 74vh !important;
	}
}

/* Audits List */

/* Findings List */

@media(max-width:1600px) {
	.fitContent.ComponentLibrary .dialog-audit-details-called-popup {
		height: 110% !important;
	}
}

@media(min-width:1600px) {
	.findings-list-datagrid .mud-table-container {
		height: 74vh !important;
	}

	.fitContent.ComponentLibrary .dialog-audit-details-called-popup {
		height: 112% !important;
	}
}

/* Findings List */

/* Quotes Evaluation Pivot */

.quotes-evaluation-datagrid-container .quotes-evaluation-datagrid thead.mud-table-head th.mud-table-cell {
	/*display: none;*/
	padding: 0 !important;
	background-color: unset !important;
}

.quotes-evaluation-datagrid-container .quote-eval-pivot-expand-panels {
	padding: 0 .8em;
}

	.quotes-evaluation-datagrid-container .quote-eval-pivot-expand-panels .mud-expand-panel .mud-expand-panel-header {
		padding: 10px 6px !important;
		border: 1px solid #e4e4e4;
	}

	.quotes-evaluation-datagrid-container .quote-eval-pivot-expand-panels .mud-expand-panel .mud-collapse-container .mud-collapse-wrapper .mud-collapse-wrapper-inner .mud-expand-panel-content {
		padding-left: 6px !important;
		padding-right: 6px !important;
		border: 1px solid #e4e4e4;
	}

.quotes-evaluation-datagrid-container .quotes-evaluation-datagrid tfoot.mud-table-foot td.footer-cell.mud-table-cell:first-child {
	position: sticky !important;
	left: 0 !important;
}

/*.dialog-eval-pivot-container {
		top: 5px !important;
		height: 700px !important;
	}

	@media(min-width:1600px) {
		.dialog-eval-pivot-container {
			top: 30px !important;
			height: 700px !important;
		}
	}*/


/* Quotes Evaluation Pivot */

/* Undesirable Events */

.hsqe-approvals-container .approvals-choices {
	display: flex !important;
	justify-content: space-between !important;
}

.hsqe-approvals-container .approvals-choices {
	height: 28px !important;
}

@media(min-width:1600px) {
	.undesirable-events-datagrid .mud-table-container {
		height: 74vh !important;
	}
}

/* Undesirable Events */

.dialog-image-viewer-popup {
	z-index: 50000 !important;
}

@media(min-width:1600px) {
	.page-spares-inventory-wrapper .FilterDrawer {
		height: 94% !important;
		top: 46px !important;
	}
}

@media (min-width:1600px) {
	.dialog-spare-transactions-wrapper {
		/*height: 68% !important;*/
	}
}

/* Crew Registry */

@media (max-width:1600px) {
	.crew-registry-details-certificates-tab .mud-table.mud-data-grid {
		height: 48vh !important;
		overflow-y: scroll;
	}
}

@media (min-width:1600px) {
	.crew-registry-details-certificates-tab .mud-table.mud-data-grid {
		height: 60vh !important;
		overflow-y: scroll;
	}
}

/* Crew Registry */

/* Bank Account */

@media (min-width:1600px) {
	.bank-accounts-data-grid-container .sf-grid .e-gridcontent .e-content.e-yscroll {
		height: 94% !important;
	}
}

@media (min-width:1600px) {
	.vendor-ledger-entries-from-dialog .vendor-ledger-entries-datagrid .e-gridcontent .e-virtualtable table.e-table {
		/*width: 100% !important;*/
	}
}

.vendor-ledger-entries-from-dialog .vendor-ledger-entries-datagrid.sf-grid.e-grid {
	height: 91% !important;
}

@media (min-width: 1600px) {
	.vendor-ledger-entries-from-dialog .vendor-ledger-entries-datagrid.sf-grid.e-grid {
		height: 100% !important;
	}
}

.vendor-ledger-entries-from-dialog .vendor-ledger-entries-datagrid.sf-grid.e-grid .e-gridcontent {
	height: 85% !important;
}

@media (min-width: 1600px) {
	.vendor-ledger-entries-from-dialog .vendor-ledger-entries-datagrid.sf-grid.e-grid .e-gridcontent {
		height: 80% !important;
	}
}

.vendor-ledger-entries-from-dialog .vendor-ledger-entries-datagrid.sf-grid.e-grid .e-gridcontent .e-content {
	height: 100% !important;
}

/* Bank Account */
.dialog-order-details-main-dialog {
	/*height: 660px !important;*/
}

@media (min-width:1600px) {
	.dialog-order-details-main-dialog {
		/*height: 850px !important;*/
	}
}

.form-scheduler-search-textfield .mud-input-adornment-start svg {
	fill: #707070 !important;
}

.form-scheduler-search-textfield .mud-input-control-input-container .mud-input-control-input-container .mud-input.mud-input-text .mud-input-slot {
	padding-bottom: 3px !important;
}

.mud-panel-expanded.main-body-exp-panel {
	height: 38vh !important;
	overflow-y: scroll;
}

@media (min-width:1600px) {
	.mud-panel-expanded.main-body-exp-panel {
		height: 52vh !important;
		overflow-y: scroll;
	}
}

.page-form-question-viewer-datagrid-wrapper .mud-table.mud-data-grid tbody.mud-table-body td.mud-table-cell.edit-mode-cell .mud-markdown-body .mud-typography.mud-typography-body1 {
	font-family: 'Medium' !important;
	font-size: 14px !important;
}

.page-form-question-viewer-datagrid-wrapper .mud-table.mud-data-grid tbody.mud-table-body td.mud-table-cell.edit-mode-cell .mud-markdown-body p > span > span {
	font-family: 'Medium' !important;
	font-size: 14px !important;
}

.page-form-question-viewer-splitter-pane-left-panel .mud-treeview-item-arrow {
	display: none !important;
}

.page-form-question-viewer-datagrid-wrapper .mud-table.mud-data-grid .mud-table-container {
	overflow: hidden !important;
}

.seaman-details-called-from-dialog .mud-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper > .d-inline-block {
	width: 100% !important;
}

	.seaman-details-called-from-dialog .mud-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper > .d-inline-block .mud-tab.mud-tab-active {
		background-color: #fdf3e5 !important;
	}

.seaman-details-called-from-dialog .crew-registry-details-certificates-tab {
	width: 100% !important;
}

.single-selection-checkbox-text .mud-input-control label.mud-checkbox p {
	font-size: 13px !important;
}

.single-selection-checkbox-text .mud-input-control label.mud-checkbox svg {
	font-size: 1.1rem !important;
}

.page-unsade-details-panel-accordion-wrapper .e-accordion.e-acrdn-root {
	height: 55vh !important;
	overflow-y: scroll !important;
}

@media (min-width:1600px) {
	.page-unsade-details-panel-accordion-wrapper .e-accordion.e-acrdn-root {
		height: 65vh !important;
		overflow-y: scroll !important;
	}
}

button.ai-button-container {
	border-radius: 5px 5px 0px 0px;
	background-image: radial-gradient(ellipse at 57% -163%, #856ee5 13%, rgba(255, 255, 255, 0) 74%), linear-gradient(74deg, rgba(255, 255, 255, 0) 9%, #bc81c9 57%), linear-gradient(324deg, hsla(184.4, 80.74%, 73.53%, 0.4) 8%, #3289f3 25%, #47d6e3 56%, #990afa 96%), linear-gradient(285deg, #0c231a 27%, #9f1387 49%, hsla(313.17, 100%, 49.34%, 0.4) 96%), linear-gradient(332deg, hsla(245.45, 7.48%, 28.82%, 0.4) 5%, #31313833 7%), repeating-conic-gradient(from 200deg at 7% 75%, #6d6c7d 10%, hsla(11.23, 86.56%, 50.39%, 0.4) 54%);
	background-color: #0070b8;
	position: absolute;
	bottom: 42%;
	right: -39px;
	color: white;
	/*border-radius: unset;*/
	vertical-align: top;
	-webkit-transform: rotate(270deg);
	min-height: unset;
	height: 25px;
	padding: 0 8px;
	text-transform: unset;
}

	button.ai-button-container:hover {
		background-color: #0070b8 !important;
		color: white !important;
	}

@media (min-width:1600px) {
	.Page-trainings-panel-details-tab {
		height: 75% !important;
	}
}

@media (min-width:1600px) {
	.page-crew-planner-datagrid .mud-table-container {
		width: 100% !important;
	}
}

@media (min-width:1600px) {
	.requisitionDeliveriesList .deliveries {
		height: 97% !important;
	}
}

@media (min-width:1600px) {
	.technical-sched-datagrid .e-gridheader table.e-table {
		width: 100% !important;
	}

	.technical-sched-datagrid .e-content table.e-table {
		width: 100% !important;
	}
}

@media (min-width: 1600px) {
	.vendor-ledger-entries-open-items-datagrid .e-gridcontent .e-content {
		height: 450px !important;
	}
}

@media (min-width: 1600px) {
	.PageWorkInstructions.full-height.called-from-panel {
		height: 85% !important;
	}
}

@media (min-width:1600px) {
	.forms-scheduler-datagrid-tree-filter.testing-class > .mud-paper {
		height: 60vh !important;
	}
}

@media (min-width:1600px) {
	.purchasing-orders-list-datagrid-container {
		height: 97% !important;
	}
}

@media (min-width: 1600px) {
	.Page-Equipment-Spares-List-New-wrapper .page-equip-spares-list-datagrid-container.sf-grid.temp-class .e-gridcontent .e-content.e-yscroll {
		height: 39vh !important;
	}
}

@media(max-width: 1600px) {
	.equip-details-tab-content .mud-tabs-panels .AddNewObligationTabContentContainer .page-add-defect-container.temp-class {
		height: 88% !important;
	}

	.severity-container {
		height:50% !important;
	}
}

@media (min-width:1600px) {
	.invoices-approvals-wrapper .approvals-datagrid {
		height: 54vh !important;
	}
}

@media (min-width: 1600px) {
	.reqs-product-lines-called-from-details .mud-table.mud-data-grid.full-height {
		height: 58vh !important;
	}
}

/* Dev Express CSS Rules */

.devExpress-datagrid-component-container {
	height:100%;
}

.devExpress-datagrid-component-container .dxbl-grid-table thead .dxbl-grid-header-row .dxbl-grid-header {
	background-color: #eef2f5 !important;
}

.devExpress-datagrid-component-container .dxbl-grid-table thead .dxbl-grid-header-row .dxbl-grid-header .dxbl-grid-header-content span {
	/*font-size: 15px !important;*/
	font-weight: 500 !important;
	font-family: 'Medium' !important; 
}

.devExpress-datagrid-component-container .dxbl-grid-table tfoot .dxbl-grid-footer-row td {
	background-color: #eef2f5 !important;
	font-family: 'Medium' !important;
	font-weight: 500 !important;
}

/*DxHtml editor no toolbar*/
.dxhtml-no-toolbar .dxbl-ribbon-toolbar.dxbl-toolbar > .dxbl-btn-toolbar {
	display: none;
}
	/*.devExpress-datagrid-component-container .dxbl-scroll-viewer-vert-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
	width: 6px !important;
	opacity: .75 !important;
	border-radius: .75rem !important;
}

.devExpress-datagrid-component-container .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
	height: 6px !important;
	opacity: .75 !important;
	border-radius: .75rem !important;
}*/
	/* Dev Express CSS Rules */

	@media (min-width:1600px) {
		.is-CalledFromOrdersListDatagrid .TechnicalLog {
			height: 93% !important;
		}
	}

	@media (max-width: 1600px) {
		.page-vendors-drawer-side-panel {
			height: 92% !important;
		}
	}

	@media (min-width:1600px) {
		.GL-trial-balance-treegrid-wrapper .sf-treegrid {
			/*height: 100% !important;*/
		}


		.dxbl-list-box-render-container {
			z-index: 99999 !important;
		}

		dxbl-popup-cell {
			z-index: 999999999 !important;
		}
	}

	.reqs-product-lines-not-called-from-details .mud-table.mud-data-grid .mud-table-container {
		height: 28vh !important;
	}

	@media (min-width:1600px) {
		.reqs-product-lines-not-called-from-details .mud-table.mud-data-grid .mud-table-container {
			height: 42vh !important;
		}
	}

	.img-magnifier-container {
		position: relative;
		top: 25px;
		bottom: 25px;
	}

	.img-magnifier-glass {
		position: absolute;
		border: 1px solid #000;
		border-radius: 10%;
		cursor: none;
		width: 350px;
		height: 200px;
		visibility: hidden;
		pointer-events: none;
		z-index: 99;
	}

	.img-magnifier-zoom-text {
		position: absolute;
		bottom: 10px;
		left: 5px;
		right: 5px;
		text-align: center;
		width: 100%;
		color: black;
		padding: 5px;
		border-radius: 25px;
		font-family: sans-serif;
		font-size: 14px;
		box-sizing: border-box;
	}

	.scroll-wrapper {
		position: relative;
		overflow-x: auto;
		scroll-behavior: smooth;
		scrollbar-width: thin;
		scrollbar-color: #ccc #f1f1f1;
	}

		.scroll-wrapper::-webkit-scrollbar {
			height: 8px;
		}

		.scroll-wrapper::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		.scroll-wrapper::-webkit-scrollbar-thumb {
			background: #ccc;
			border-radius: 4px;
		}

			.scroll-wrapper::-webkit-scrollbar-thumb:hover {
				background: #aaa;
			}

	.image-scroller {
		display: flex;
		overflow-x: hidden;
		scroll-behavior: smooth;
		scrollbar-width: thin;
		scrollbar-color: #ccc #f1f1f1;
		padding-bottom: 10px;
	}

		.image-scroller::-webkit-scrollbar {
			height: 8px;
		}

		.image-scroller::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		.image-scroller::-webkit-scrollbar-thumb {
			background: #ccc;
			border-radius: 4px;
		}

			.image-scroller::-webkit-scrollbar-thumb:hover {
				background: #aaa;
			}

	.scroll-item {
		flex: 0 0 300px;
		height: 300px;
		margin-right: 10px;
		/*background-color: #f9f9f9;*/
		top: 25px;
		bottom: 25px;
	}

		.scroll-item img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

	.scroll-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		background-color: rgba(255, 255, 255, 0.7) !important;
		border: 1px solid #ddd;
	}

		.scroll-btn.left {
			left: 0;
		}

		.scroll-btn.right {
			right: 0;
		}

	.page-budget-datagrid.e-grid.sf-grid .e-gridcontent .e-content.e-yscroll {
		height: 88% !important;
	}

	@media (max-width: 1600px) {
		.page-aux-supplier-types-container .devExpress-datagrid-component-container {
			height: 83% !important;
		}
	}

	@media (min-width: 1600px) {
		.page-aux-supplier-types-container.temp-class .devExpress-datagrid-component-container {
			height: 90% !important;
		}
	}

	@media (min-width: 1600px) {
		.dialog-invoice-lines-from-requisition {
			width: 1900px !important;
		}
	}

	@media (min-width: 1600px) {
		.page-requisition-right-tab-order-lines-details {
			width: 1900px !important;
		}
	}

	@media (min-width: 1600px) {
		.page-defect-details-panel-files-wrapper {
			height: 95% !important
		}
	}

	@media (min-width:1600px) {
		.page-order-right-panel-details-tab {
			height: 93% !important;
		}

		.page-order-right-panel-details-tab-grid.temp {
			height: 100% !important;
		}
	}

	@media (min-width:1600px) {
		.devExpress-datagrid-component-container.temp {
			height: 90% !important;
		}
	}

	@media (min-width: 1600px) {
		.item-catalogs-panel-mudgrid-container {
			/*height: 100% !important;*/
		}
	}

	@media (min-width: 1600px) {
		.vessel-builder-left-panel-drawer-container {
			top: 11% !important;
		}
	}
	/* Dev Express Splitter Bar Styles */

	.dxbl-splitter-separator:focus {
		background-color: #f6f6f6 !important;
	}

	.dxbl-splitter-resize-handle .dxbl-splitter-resize-handle-image {
		color: rgb(33, 37, 41) !important;
	}

	.dxbl-splitter-resize-handle {
		color: rgb(33, 37, 41) !important;
	}

	.dxbl-splitter-separator:focus .dxbl-splitter-resize-handle {
		color: rgb(33, 37, 41) !important;
	}

		.dxbl-splitter-separator:focus .dxbl-splitter-resize-handle .dxbl-splitter-resize-handle-image {
			color: rgb(33, 37, 41) !important;
			background-color: rgb(33, 37, 41) !important;
		}

	.dxbl-splitter > .dxbl-splitter-separator > .dxbl-splitter-button {
		color: rgb(33, 37, 41) !important;
	}

	.dxbl-splitter-separator:focus .dxbl-splitter-button dxbl-splitter-button-prev {
		color: rgb(33, 37, 41) !important;
	}

	.dxbl-splitter-separator:focus .dxbl-splitter-button dxbl-splitter-button-next {
		color: rgb(33, 37, 41) !important;
	}

	.dxbl-splitter-separator:hover {
		background-color: #fe7109 !important;
	}
	/* Dev Express Splitter Bar Styles */

	@media (max-width: 1600px) {
		.dialog-new-req-container.temp .page-req-details-tabs .mud-tabs-panels {
			height: 90% !important;
		}
	}

	@media (min-width: 1600px) {
		.dialog-new-req-container .page-req-details-tabs .mud-tabs-panels .spare-grid-request-wrapper.temp {
			height: 90% !important;
		}
	}

	@media (min-width: 1600px) {
		.page-vessel-certificates-right-panel-details-tab {
			height: 90% !important;
			overflow-y: hidden !important;
		}
	}

	@media (min-width: 1600px) {
		.financial-statement-page-container {
			height: 90% !important;
		}
	}

	/* Dx Spliter CSS */

.dxbl-splitter .dxbl-splitter-pane .dxbl-splitter-pane-content {
	padding: 0 !important;
}

	/* Dx Spliter CSS */

.requisitions-list-right-panel {
	height: 95% !important
}

.requisitions-list-right-panel .TechnicalLog {
	height: 92% !important;
}

.requisitions-list-right-panel .TechnicalLog .mud-table mud-data-grid {
	height:100% !important;
}

@media (max-width: 1600px) {
	.requisitions-list-right-panel {
		height: 90% !important;
	}

	.requisitions-list-right-panel .TechnicalLog {
		height: 90% !important;
	}

	.requisitions-list-right-panel .TechnicalLog .mud-table mud-data-grid {
		height: 100% !important;
	}

}

/* Dynamic Dialog */

	.dynamic-tabs-wrapper .mud-tabs-panels {
		height: 100% !important;
	}
	  
/* Dynamic Dialog */

@media (min-width: 1600px) {
	.req-dialog-spares.temp .page-req-details-tabs .mud-tabs-panels .spare-grid-request-wrapper {
		height: 100% !important;
	}
}

@media (min-width: 1600px) {
	.page-quote-details-details-tab {
		height:95% !important;
		overflow-y: hidden !important;
	}
}

@media (min-width: 1600px) {
	.reqs-filters-tools-wrapper.temp {
		height: 100% !important;
	}
}

@media (max-width: 1600px) {
	.vessel-certificates-right-panel-details {
		height: 90% !important;
		overflow-y: scroll;
	}
}

@media (max-width: 1600px) {
	.devExpress-datagrid-component-container.financial-statement-runner.temporary {
		height: 90% !important;
	}
}