/* Login */
/* Default color: #68a2c0, darker version: #5b6166 */
.box2 {
	width: 70%;
	margin: 30px auto 0px auto;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 90%);
	border-radius: 25px;
	border: 2px solid red;
}

.box2 div.topleft {
	display: block;
	padding: 2.0em 0em 1em 2.0em;
}

.box2 div.topright {
	display: block;
}

.box2 div.bottomleft {
	display: block;
	height: 20px;
	margin-top: -2.0em;
}

.box2 div.bottomright {
	display: block;
	height: 20px;
	margin-left: 3.0em;
}

.customeralert {
	font-size: 24pt;
	color: red;
}

.MOTD i {
	color: orange;
	font-size: 24pt;
	padding: 10px;
	text-align: center;
}


body {
	background-color: #fff;
	/* not very beautiful but it meets our purpose sa */
	font-size: 16px;
	padding: 50px 50px 20px 50px;
}

/* #MainBox, #MainBoxTicketOverview {
	margin: 0 4%;
} */

.Marker {
	color: red;
}

textarea,
.ui-menu .ui-menu-item {
	font-family: Arial, sans-serif;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid grey !important;
    background: transparent !important;
    font-weight: normal !important;
    color: initial !important;
}

.ExcelExport button span {
	margin-left: 5px;
	color: #68a2c0;
}

.ExcelExport img {
	height: 18px;
}

#URLIcon {
	margin-left: 10px;
	color: #68a2c0;
    font-weight: bold;
}

#URLIcon:not(.disabled):hover {
	cursor: pointer;
}

#URLIcon.disabled {
	color: #ccc;
}

#DuplicateCheck.disabled {
	background-color: #ccc;
}

.ui-menu .ui-menu-item {
	display: flex;
}

.MOTD {
	margin-top: 130px;
	margin-left: 4%;
	width: 92%;
	text-align: center;
}

#ViewModeSwitch {
	display: none !important;
}

.colorSep {
	line-height: 30px;
	background-color: #68a2c0;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	vertical-align: middle;
	color: white;
}

/* .colorSep:hover {
	cursor: pointer;
} */

#FetchButton {
	font-size: 16px;
	padding: 0px 0px 0px 20px;
}

#Header {
	background-color: #fff;
	text-align: right;
	padding: 55px 30px;
	border-bottom: 20px solid #68a2c0;
	background-image: url("/otrs-web/skins/Customer/default/img/CADENAS_logo.png"), url("/otrs-web/skins/Customer/default/img/3dfindit_logo.png");
	background-position: left 0px top -20px, right 20px top;
	background-size: 380px, 380px;
	background-repeat: no-repeat;
	/* background-clip: content-box; */
}

#Header a {
	color: #000;
	font-weight: normal;
}

#Logo {
	background-image: none !important;
}

.mdxstrike {
	position: relative;
}

.mdxstrike:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 141.421356%;
	top: -20.710678%;
	display: block;
	background: #5b6166;
	left: 50%;
	transform: translate(-50%, 0) rotate(45deg);
}

#Slider {
	margin-bottom: 34px;
	width: 100%;
	height: 100%;
}

.subline {
	font-size: 12px !important;
	color: #7a7578;
}

#Footer {
	padding: 20px;
	border-top: 20px solid#68a2c0;
	width: initial;
}

#MainBoxTicketOverview #Footer {
	width: 100%;
	margin: 0;
}

a {
	color: #68a2c0;
}

#Footer a {
	color: #68a2c0;
	display: initial;
	position: initial;
	padding-left: 0px;
	font-size: inherit;
	transition: initial;
}

#Login,
#Reset,
#Signup,
#PreLogin {
	width: 100%;
	height: 100%;
	padding-left: 0px;
	position: relative;
	text-align: center;
}

#Login h1 {
	font-size: 30px;
	line-height: 40px;
}

#PreLogin {
	margin-top: 200px;
}

.Login p {
	line-height: 1.5em;
	color: #7a7578;
}

#LoginButton {
	width: 100%;
	background-color: #5b6166;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	height: 3em;
}

.Login input[type='text'],
.Login input[type='email'],
.Login input[type='password'] {
	display: initial;
	width: 250px;
}

.JavaScriptAvailable .Login label,
.JavaScriptAvailable .Login label.Mandatory {
	position: initial;
	margin: 0px 0px 0px -2px;
	color: #000 !important;
	font-size: 12px;
}

.left {
	display: inline-block;
	text-align: left;
}

.Overview thead {
	background: #68a2c0;
}

.Overview thead a {
	color: #fff;
	height: 18px;
	text-shadow: none;
	font-size: 15px;
	padding: 3px 13px 4px 10px;
	margin: 3px 0;
	text-align: center !important;
	text-transform: initial;
}

.Overview thead input,
.Overview thead select {
	margin-left: 4px;
	text-align: center;
	font-weight: bold;
}

.Tabs .Selected {
	max-width: 200px;
	white-space: nowrap;
	overflow-x: auto;
}

.Overview thead span {
	color: #fff;
	height: 44px;
	text-shadow: none;
	font-size: 14px;
	padding: 3px 13px 4px 10px;
	width: 200px;
}

.Overview thead th {
	border-right: none;
	padding-bottom: 10px;
	padding-left: 3px;
	border-bottom: none;
}

.Overview thead .SortDescending a {
	color: #fff;
	background: #68a2c0;
}

.ErrorBox,
.SuccessBox,
.WarningBox {
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 10px 0;
}

/* #MainBox.Login>.ErrorBox,
#MainBox.Login>.SuccessBox {
	margin-top: 100px;
} */

button,
.Button,
.cke_dialog_footer_buttons a.cke_dialog_ui_button {
	background-color: #FF8900;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	height: 3em;
	width: 200px;
	font-weight: bold;
	border-radius: 5px;
	border: none;
}

button[disabled="disabled"],
button[disabled="disabled"]:hover {
	background-color: #ccc;
	color: #fff;
	cursor: initial;
	border: 1px solid #c0c0c0;
}

button:hover,
.Button:hover,
button:active,
.Button:active {
	color: #fff;
	background-color: #5b6166;
}

.ButtonArea {
	display: inline-block;
	width: 100%;
}

.ARIARoleMain {}

#MainBox {
	display: block;
	height: auto;
	overflow: auto;
	/*This is what we added!*/
}

#Navigation {
	width: initial;
	margin-bottom: 20px;
	margin-top: 20px;
	background: #f2f4f5;
	height: 50px;
}

#Navigation>ul {
	margin-top: 12px;
}

#Navigation>ul>li {
	border-radius: 5px;
	border-right: none !important;
}

#Navigation>ul.MainNavigation>li {
	background-color: #68a2c0;
	margin-left: 5px;
	border-radius: 5px;
}

#Navigation>ul.MainNavigation>li>a {
	font-size: 16px;
	color: #fff;
}

#Navigation>ul>li>a {
	font-size: 16px;
}

#Navigation .Selected {
	background-color: #5b6166 !important;
}

/* #Navigation .Selected, #Navigation .Selected:active, #Navigation > ul > li:hover {
  background-color: #0076BD;
}

#Navigation>ul>li>a {
		font-size: 16px;
}

#Navigation>ul>li>ul a {
		font-size: 16px;
} */

.Content {
	padding: 0px;
}

#catalogFrame {
	border: 1px solid #68a2c0;
	padding: 5px;
	float: right;
	width: 50%;
	box-sizing: border-box;
}

#newTicketRightFrame {
	width: 100%;
	height: 90vh;
}

fieldset label,
input[type=text],
select,
input[type=email],
input[type=password],
textarea,
.jstree-InputField,
div {
	font-size: 16px !important;
}

fieldset div.DocumentsSep {
	padding: 0 !important;
}

input[type=text],
input[type=email],
input[type=password],
textarea,
select[multiple=multiple],
select {
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-width: 3px;
	#border-color: #000;
}

select {
	padding: 3px;
	border: 1px solid #c9c9c9;
}

.TicketCompose fieldset input[type=text]:not(.DataStewardField):not(.DynamicFieldWithOption) {
	width: 300px !important;
}

.DataStewardField {
	max-width: 730px;
	width: 60% !important;
}

label {
	width: 230px;
	/* width: 260px; */
	line-height: 1.2em;
}

.inputField_Container {
	width: 300px;
}


.Dialog>.Content {
	overflow: auto;
	width: 100%;
}

* {
	box-sizing: border-box;
}


.row::after {
	content: "";
	clear: both;
	display: table;
}

.Row {
	min-width: 690px;
}

.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33%;
}

.col-5 {
	width: 41.66%;
}

.col-6 {
	width: 50%;
	max-width: 1000px;
}

.col-7 {
	width: 58.33%;
}

.col-8 {
	width: 66.66%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33%;
}

.col-11 {
	width: 91.66%;
}

.col-12 {
	width: 100%;
}

[class*="col-"] {
	float: left;
	padding: 15px;
}

/* If the screen is smaller than 1675: */
@media only screen and (max-width: 1675px) {
	[class*="col-"] {
		float: none;
	}

	.col-6 {
		width: initial;
		max-width: initial;
	}

	div.InputField_InputContainer {
		width: initial !important;
	}

	div.InputField_Container {
		width: initial !important;
		margin: initial !important;
	}

	#DynamicField_SupplierPartNumber, #DynamicField_SupplierPartDescription, #DynamicField_Comments, #DynamicField_ProcessorComments {
		max-width: 44% !important;
	}

	#Header {
		height: 120px !important;
	}

    #Navigation > ul.MainNavigation > li.Selected > a {
        color: #fff !important;
		background: #68a2c0 !important;
    }

	.ButtonAreaLeft {
		float: left;
	}

	.ButtonAreaRight {
		float: right;
	}
}

/* If the screen is smaller than 1675: */
@media only screen and (min-width: 716px) and (max-width: 880px) {
	#Header {
		background-size: 300px, 300px;
		/* background-position: left 0px top -150px, right 20px top !important; */
	}
}

@media only screen and (min-width: 0px) and (max-width: 715px) {
	#Header {
		background-size: 250px, 250px;
		/* background-position: left 0px top -150px, right 20px top !important; */
	}
}

dd {
	display: none;
}

.initial-open {
	display: block;
}


/* CustomerTicketOverview */
#MainBox .Placeholder h2 {
	border-bottom: none;
}

#MainBox .Placeholder a.Button {
	padding-top: 17px !important;
	width: auto;
}

#MainBox .Placeholder p {
	max-width: 1050px;
	font-size: 1em;
}

.btn-small {
	display: block;
	margin-top: 15px;
	width: 200px;
	height: 35px;
}

.Overview tbody tr td.Title h2 {
	font-size: 16px;
	font-weight: initial;
}

/* Limit max width */
.Overview tbody td {
	max-width: 300px;
    overflow: hidden;
}

.TicketView .Overview tr th.Ticket a {
	min-width: 170px;
}

.TicketView .Overview tr th.Title a {
	min-width: 220px;
}

.TicketView .Overview tr th.State a {
	min-width: 250px;
}

.Overview thead .SortAscending a,
.Overview thead .SortDescending a {
	text-shadow: none;
}

.Overview thead .SortAscending a,
.Overview thead .SortDescending a {
	color: #fff;
	background: initial;
}

/* CustomerTicketPartOrder form */
#NewCustomerTicketPartOrderTicket fieldset {
	background: #f1f4f5;
}

#NewCustomerTicketPartOrderTicket fieldset label,
.Dialog fieldset label {
	background: transparent;
	padding: 3px 9px 3px 0px;
}


#NewCustomerTicketPartOrderTicket input[type=text],
#NewCustomerTicketPartOrderTicket input[type=email],
#NewCustomerTicketPartOrderTicket input[type=password],
#NewCustomerTicketPartOrderTicket textarea,
#NewCustomerTicketPartOrderTicket select[multiple=multiple] {
	border-radius: 2px;
	padding-left: 7px;
}

#NewCustomerTicketPartOrderTicket div.InputField_Selection div.Text {
	background: transparent;
	padding: 3px !important;
}

#NewCustomerTicketPartOrderTicket .InputField_InputContainer:before {
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	top: 8px;
	color: #333333;
	right: 5px;
	width: 15px;
	pointer-events: none;
	z-index: 5;
}

#NewCustomerTicketPartOrderTicket .ui-widget-content {
	font-size: 16px;
	border-radius: 2px;
}

#NewCustomerTicketPartOrderTicket .ui-menu .ui-menu-item:hover,
#NewCustomerTicketPartOrderTicket .ui-menu:hover .ui-menu-item,
#NewCustomerTicketPartOrderTicket .ui-menu .ui-menu-item a:hover {
	background-color: red !important;
}

#NewCustomerTicketPartOrderTicket #DynamicField_mdxBasisDatenText,
#NewCustomerTicketPartOrderTicket #DynamicField_mdxNote,
#NewCustomerTicketPartOrderTicket #DynamicField_mdxReasonForRejection,
#NewCustomerTicketPartOrderTicket #DynamicField_mdxAdditionalInformation {
	max-width: 60%;
}


/* #NewCustomerTicketPartOrderTicket .SearchButton {
	margin-left: 92px;
	width: 180px;
	height: 28px;
	border-radius: 1px;
} */

#DynamicField_mdxWerkstoffID,
#DynamicField_mdxOberflaeche,
#DynamicField_mdxHersteller,
#DynamicField_mdxManufacturerID,
.SP_mdxNettoGewicht #DynamicField_mdxNettoGewicht,
#DynamicField_mdxWBSElement,
.DynamicFieldWithOption {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

#SearchMaterial,
#SearchCoating,
.SearchManufacturer,
.SearchWBS {
	height: 26.5px;
	width: 20px;
	margin-bottom: -8px;
	background-color: #c9c9c9;
	display: inline-block;
	cursor: pointer;
}

.WeightCalculator,
.LockUnlock {
	margin-left: 5px;
	cursor: pointer;
}

.WeightCalculatingTable span {
	font-size: 0.8em;
	color: #68a2c0;
}

.Dialog {
	max-width: 95%;
}

.Dialog fieldset {
	padding: 10px;
}

.Dialog fieldset .Field {
	margin-bottom: 5px;
}

.Dialog .SearchResults {
	margin-top: 10px;
}

.Dialog .SearchButtons button {
	height: 35px;
}

.Dialog .SearchButtons button:first-child {
	width: 87px;
}

.Dialog .SearchButtons button:nth-child(2) {
	width: 160px;
}

.Dialog .SearchResults thead {
	display: table-header-group;
	background: #c9c9c9;
}

.Dialog .SearchResults thead tr th {
	padding: 6px 8px 3px;
	white-space: nowrap;
	border: 0px solid;
}

.Dialog .Overview tbody tr:active td {
	padding: 6px 8px 3px;
}

.Dialog .InnerContent>div.Warning p {
	color: #5b6166;
	font-weight: bold;
}

#SearchMaterialResults,
#SearchCoatingResults {
	width: 98%;
	table-layout: fixed;
	margin: 10px 0 10px 10px;
}

#SearchMaterialResults tbody tr td,
#SearchCoatingResults tbody tr td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

p.MatchesText {
	margin: 10px 0 10px 10px;
	color: black;
	font-size: 16px;
}

p.MatchesText span.Matches {
	font-weight: bold;
}

.HistoryRan>div.jstree-wholerow {
	background-color: #edf3ff;
}

.jstree-InputField .jstree-wholerow-ul .HistoryRan .jstree-wholerow::after {
	font-family: FontAwesome;
	content: "\f1da";
	position: absolute;
	color: #000 !important;
	right: 5px;
}

table.Overview,
.Overview tbody tr:hover td,
.Overview tbody tr:hover a {
	text-shadow: none;
}

table.Overview a[name="OverviewControl"]:hover {
	cursor: pointer;
}

.SearchResults .Overview thead a,
.SearchResults .Overview thead span {
	height: 20px !important;
	padding: 9px 13px 4px 10px;
}

.Filter a {
	text-shadow: none;
}

#MainBox.TicketView {
	margin: 0;
	border: 1px solid #fff;
	background: #f2f4f5;
	padding: 5px 10px;
}

fieldset.FieldsetFilter {
	margin: 14px 0;
	background: #f2f4f5;
	border: 1px solid transparent;
	min-height: 160px;
}

fieldset h2+div {
	border-top: none;
}

fieldset h2 {
	border: none;
	font-size: 16px;
	padding: 10px 0 0 10px;
}

.TicketOverviewFilter>div label {
	background-color: transparent;
	padding-left: 10px;
	padding-top: 8px;
	text-align: left;
	width: 200px;
}

.MessageBox,
.ActionRow {
	background: #f2f4f5;
}

div.DnDUpload {
	background: #ffffff;
	border-radius: 2px;
}

div.DnDUploadBox, .AttachmentListContainer, div.DnDUpload {
	max-width: 500px !important;
}

#DynamicField_SupplierPartNumber, #DynamicField_SupplierPartDescription, #DynamicField_Comments, #DynamicField_ProcessorComments {
	width: 500px !important;
}

div.DnDUploadBox,
.AttachmentListContainer,
div.DnDUpload {
	min-width: 50px;
}

table.AttachmentList {
	min-width: 500px;
	max-width: 500px;
	width: auto;
}

.AttachmentListContainer {
	padding: 0;
}

.AttachmentRecord {
	display: inline;
	white-space: nowrap;
}

#MainBox.Preferences label {
	background-color: transparent !important;
}

.AttachmentListContainer thead .Filedescription {
	width: 150px;
}

.AttachmentListContainer thead .Filelanguage {
	width: 60px;
}

.AttachmentListContainer thead .Filename {
	width: 150px;
}

.AttachmentListContainer tbody input[name=Filedescription] {
	width: 165px !important;
}

/* .AttachmentListContainer tbody .Filelanguage {
	width: 75px;
}

.AttachmentListContainer tbody .Filename {
	width: 150px;
} */

.AttachmentListContainer th.Filetype, .AttachmentListContainer td.Filetype {
    display: none;
}

#MainBox.TicketView>.Content {
	padding-top: 10px;
}

.Tabs.Pagination.ProfileDiv {
	margin: -40px 200px -10px 0px;
	padding: 0;
	/* display: inline-block;

    position: absolute;
    top: -30px;
    right: 160px;
	z-index: 99999; */
}

.TicketView .SaveViewAsProfile i {
	color: #0076BD;
}

/* Custom Scrollbar */
/* .TicketView::-webkit-scrollbar {
	height: 10px;
}
.TicketView::-webkit-scrollbar-track {
	background: #dddddd;
	margin: 0 -32px;
}
.TicketView::-webkit-scrollbar-thumb {
	background: #888888;
}
.TicketView::-webkit-scrollbar-thumb:hover, .TicketView::-webkit-scrollbar-thumb:active  {
	background: #555;
}
.TicketView::-webkit-scrollbar-thumb:window-inactive {
	background: #0076BD;
}
.TicketView::-webkit-scrollbar-corner {
	background: #dddddd;
} */

/* Rotate everything 180, and turn it back to normal to make the scrollbar appear on top */
#MainBox.TicketView {
	transform: rotateX(180deg);
}

#MainBox.TicketView>div {
	transform: rotateX(180deg);
}

li.ExcelExport button {
	background-color: transparent;
	height: 25px;
	text-align: left;
	width: 110px;
}

li.ExcelExportAll>form::before {
	content: "|";
	display: inline-block;
	font-weight: normal;
	color: #777;
	padding-left: 5px;
	margin-right: -3px;
	top: 5px;
	position: absolute;
}

li.ProfileSaveElement>label:before {
	content: "|";
	display: inline-block;
	font-weight: normal;
	color: #777;
	margin-left: -10px;
	margin-right: 7px;
	top: 3px;
	position: absolute;
}

.ProfileSaveElement>label {
	width: auto;
	text-align: start;
	font-size: 1em;
	color: #777;
	margin-left: 15px;
}

#ProfileSaveButton {
	color: #0076BD;
	background-color: transparent;
	width: 35px;
	height: 25px;
}

li.ExcelExportAll button {
	background-color: transparent;
	height: 25px;
	text-align: left;
	width: 220px;
	padding-right: 0 !important;
	margin-left: 10px;
}

li.ExcelExportReport button {
	background-color: transparent;
	height: 25px;
	text-align: left;
	width: 200px;
	padding-right: 0 !important;
	margin-left: 10px;
}

li.ExcelExportReport>form::before {
	content: "|";
	display: inline-block;
	font-weight: normal;
	color: #777;
	padding-left: 5px;
	margin-right: -3px;
	top: 5px;
	position: absolute;
}

/* Move the scrollbar to the top */
.TicketView::-webkit-scrollbar-button {
	display: block;
	height: 10px;
	background: #fff;
}

.Sortable #BottomActionRow {
	border-bottom: none;
}

#BottomActionRow {
	background: transparent;
}

.SaveViewAsProfile>input {
	margin-bottom: 10px;
}

.data-steward-yes {
	margin-left: 10px;
	margin-right: 20px;
}

.data-steward-no {
	margin-left: 10px;
	margin-right: 20px;
}

.data-steward-remark {
	margin-right: 10px;
}

/* ECAD */
#LabelDynamicField_mdxECADContactPersonInformation {
	display: none;
}

#DynamicField_mdxECADContactPersonInformation {
	margin-top: 9px;
	min-width: 555px;
}

/* Existing Material number */
#GetMaterialMasterData {
	margin-left: 266px;
	height: 25px;
	font-size: 0.8em;
	width: 300px;
	font-weight: normal;
}

.MaterialMasterFilled {
	background-color: #0076BD80 !important;
}

.MaterialMasterDataPreFilled {
	background-color: #0076BD80 !important;
}

.MaterialMasterDataChanged {
	background-color: #e2001a80 !important;
}

.CreateInSAPModal {
	text-align: center;
}

#AJAXLoaderCreateInSAP {
	width: 36px !important;
	height: 36px !important;
}

#AJAXLoaderCreateInSAP:after {
	line-height: 36px;
	font-size: 36px;
}

#AJAXLoaderDuplicateCheck:after {
	width: 30px;
	font-size: 30px;
	margin: -13px 0 0px 0px;
}

#AJAXLoaderMaterialSearch:after,
#AJAXLoaderManufacturerSearch:after,
#AJAXLoaderCoatingSearch:after,
#AJAXLoaderSearchECADButton:after {
	width: 20px;
	font-size: 20px;
	margin-top: -5px;
}

.CreateInSAPModalButton[disabled] {
	background-color: darkgrey !important;
}

/* Make this 50% more transparent */
.MaterialMasterFilledSecondary:not(.MaterialMasterFilled) {
	background-color: #0076BD80 !important;
	/* background-color: #0076BD80 !important; */
}

.SelectAllCheckbox {
	margin: 6px 0 6px 40px !important;
}

.SelectCheckbox {
	margin-left: 35px;
}

.CheckBoxSelectionHeader {
	min-width: 100px;
}


.MassEdit button {
	font-size: 12px;
	height: 26.5px;
	width: 45%;
	min-width: 250px;
	margin-left: 10px;
	margin-top: 3px;
}

.SearchColumn input {
	max-width: 120px;
	margin-top: 3px;
}

.SearchColumn button {
	width: 150px;
	font-size: 12px;
	height: 26.5px;
	margin: 3px 10px;
	position: absolute;
}

fieldset.FieldsetFilter select {
	min-width: 250px;
}

.MessageBox.Error {
	background: #E2001A;
}

.MessageBox.Error p {
	text-align: center;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
}

.MessageBox.Success,
.MessageBox.Notice {
	/* top: 170px; */
	/* top: 250px; */
	width: 96%;
	/* margin-left: 4%; */
	position: absolute;
	text-align: center;
}

.MessageBox.Notice.CustomerTicketPartOrderMessage {
	top: 250px;
}

/* Make top bar fixed */
/* #MainBox {
	padding-top: 200px;
} */

#MainBox.Login {
	padding-top: 20px;
}

/* #MainBoxTicketOverview {
	padding-top: 195px;
} */

#MainBox.Preferences {
	padding-top: 30px;
}

/* #Header, #Navigation {
    position: fixed;
    width: 92%;
	margin-left: 4%;
    z-index: 100;
} */

#Header {
	height: 120px;
	top: 0px;
}

#Header a,
#Header a h1 {
	margin-top: 35px;
}

/* #Navigation {
    top: 100px;
} */

.ButtonHeader {
	position: fixed;
	width: 100%;
	background: white;
	top: 170px;
	z-index: 100;
	padding: 15px;
}

/* #NewCustomerTicketPartOrderTicket > fieldset {
    margin-top: 70px;
} */

#Overlay {
	position: fixed;
}

.ui-autocomplete.ui-front.ui-overlay-autocomplete {
	z-index: 10000;
}

/* Error Message Screen */
.W33pc.CenterBox.SpacingTopLarge.SpacingBottomLarge>.WidgetSimple {
	margin: 110px 0 0 50px;
}

.fa-info-circle:hover {
	cursor: pointer;
}

/* If max width is 1500px, then 50% is 750px */
@media only screen and (max-width: 1550px) {

	#NewCustomerTicketPartOrderTicket #DynamicField_mdxBasisDatenText,
	#NewCustomerTicketPartOrderTicket #DynamicField_mdxNote,
	#NewCustomerTicketPartOrderTicket #DynamicField_mdxReasonForRejection,
	#NewCustomerTicketPartOrderTicket #DynamicField_mdxAdditionalInformation {
		max-width: 50% !important;
	}
}