/* OBIWAN Central Style Sheet File */

			html { min-height: 100%; }

			ul { padding: 0 !important; } /* jck grrrrr … */
            body {
				/* jck: no background image
                background-image:url(../images/background.jpg);
                background-repeat: no-repeat;
                background-size: cover;
				min-height: 100%;
				*/
				background:lightgrey;
            }
            #header {
				position: relative;
				/* jck dirty tricks
				position: fixed;
				left:0;top:0;
				width:100%;
				z-index:1000000;
				/* jck end */
				background: white;
			}
			#tabs {
				/* jck dirty tricks
				position:fixed;
				left:0; top: 33px;
				width:100%;
				/* jck end */
			}

            #menu { display:none; }
			.dropdown-menu > li { padding-top: 0px !important; }
			.dropdown-menu > li > a {
				padding: 6px 20px;
			}

			#logout_wrapper {
				position: absolute;
				right: 15px;
				top: 8px;
			}
			#logout_wrapper span { font-weight: bold; }
			#logout { margin-left: 10px; }
			@media (max-width: 767px) {
				#header { padding-top: 40px; }
				#logout_wrapper {
					right: 0px;
					top: 0px;
					width: 100%;
					padding: 1% 1%;
					background: #AFCAD1;
					text-align: right;
				}
			}
			@media (max-width: 767px) and (orientation: portrait) {
				body {
					background-size: auto 100%;
				}
			}

			.clear-after::after {
				content: "";
				display: block;
				clear: both;
			}

			/* Bootstrap Corrections */
			tr.checkbox { margin: 0; }
			.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { bottom: 32%; }
			.checkbox label { padding-left: 0; }


            #ufslogo { position:absolute; right:50px; bottom:50px;}
            #dialog label, #dialog input { display:block; }
            #dialog label { margin-top: 0.5em; }
            #dialog input, #dialog textarea { width: 95%; }

			.ui-autocomplete {z-index:6000;}
			.ui-dialog { max-width: 100% !important; }
			.ui-dialog, .ui-dialog-buttonpane { background: white; }
			.ui-dialog .ui-dialog-titlebar { background: #4897AA; }
			.ui-dialog .ui-dialog-title { font-weight: bold; }
			.ui-widget-overlay { background: #80999e; }
			.ui-dialog .ui-dialog-titlebar-close::after {
				content: "x";
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				font-weight: normal;
				color: #666;
				font-size: 20px;
			    padding: 0;
			    margin: 0;
			    line-height: 14px;
			}

			.ui-tabs { background: rgba(255,255,255,0.8); }
			#tabs.ui-tabs .ui-tabs-panel {
				padding: 1em 0.75em;
				border: none;
			}

            #tabs li .tab-caption {
                display:inline-block;
            }
            #tabs li .ui-icon-close {
				margin-left:10px;
                margin-bottom:-3px;
                cursor: pointer;
                width:20px;
                height:18px;
                display:inline-block !important;
                background-position:center center !important;
                background-size:18px;
                background-image:url(../images/close-icon-white.png) !important;
            }
            #add_tab { cursor: pointer; }
            .ui-widget input, .ui-widget select, .ui-widget textarea {
				font-family: Calibri, Arial, Helvetica, sans-serif;
				font-size: .9em !important;
				border: none;
				border-bottom: 1px solid black;
				/* width: 315px; */
				width: 100%;
				background: white;
				font-size: 1.1em !important;
				/* jck: buttons kleiner! padding: 0.4em 0.5em 0 0.5em; */
				padding: 3px !important;
			}
            .ui-widget textarea {
				min-height: 150px;
				font-family: Calibri, Arial, Helvetica, sans-serif !important;
				background-color: #edf6f7;
			}
            .ui-widget input:focus, .ui-widget select:focus, .ui-widget textarea:focus { background-color: #edf6f7;  }
            .ui-tabs-nav { min-height: 40px !important; }
            #OrderSellers tr > td:first-child {
                text-align:center;
            }
            #OrderSellers td > input {
                width:auto !important;
            }
            #OrderSellers td > button {
                font-size:9pt;
            }

            #login .error {
                color:red;
                font-weight:bold;
            }
			#login .field {
				margin-top: 10px;
			}
			#login .field label {
				min-width: 120px;
				margin-bottom: 0px;
				vertical-align: bottom;
			}

            /* jck test */
            #partnergrid .ui-dialog-content {
                /*height: 100% !important;*/
            }
            .grid_button {
				/* jck: buttons without width:
                width: 130px !important;
				*/
				max-width: 130px !important;
            }
            .grid_button_wrapper {
				/* jck: don't center buttons in grids
                text-align: center !important;
				*/
            }
            #popup_wrapper {
                position:fixed;
                right:50px;
                top:50px;
                z-index:9999;
            }
            .bootbox .modal-dialog {
                z-index:1050;
            }

            .modal-backdrop {
                z-index:-1 !important;
            }


			button.btn.btn-default {
				background-color: #4897AA;
				color: white;
			}
			.btn-group {
				border-radius: 5px;
				/* background: #AFCAD1; */
				background: rgba(175, 202, 209, 0.7);
			}
			.btn-group .btn {
				margin-right: 10px;
			}
			.btn-group .btn:last-child {
				margin-right: 0px;
			}

			#InvoicingInstrUpload { margin-left: 10px; }
			#InvoicingInstrUpload_ibb { min-width: 240px; }


			.plattsid {
				font-family: monospace;
			}
			.plattsvalue {
				display:inline-block;
				max-width:100px;
				text-align: right;
			}

			/* grid enhancements */
			.ui-iggrid .ui-state-hover {
				border:none !important;
				border-width:0px;
			}
			.ui-iggrid tbody td {
				border:none !important;
			}

			/* tabs enhancements */
			.ui-tabs .ui-tabs-nav li.ui-state-default {
				background-color: #565656 !important;
			}

			.ui-tabs .ui-tabs-nav li.ui-state-active {
				background-color: #4897aa !important;
			}

			/* hjl: close all tabs */
			#tabs > .close-all {
			    position: absolute;
			    right: 5px;
			    top: 5px;
			    width: 26px;
			    height: 26px;
			    /* background-color: red; */
			    cursor: pointer;
				background-image: url(../images/close-icon.png);
				background-repeat: no-repeat;
				background-size: 22px;
				background-position: center center !important;
			}






/* Formular-Formatierungen / Responsiveness (begin) */

		/* Formulare allgemein */

	.formular > div { float: left; }
	.formular table:not(.ui-iggrid-table) {
		border-collapse: separate;
		border-spacing: 1px;
	}
	.formular .table-responsive {
		width: 100%;
		margin-left: 0% !important;
	}
	.formular .label-wrap {
		vertical-align: bottom;
		width: 18%;
		min-width: 115px;
	}
	.formular .field-textarea .label-wrap { vertical-align: middle; }
	.formular .input-wrap { width: 82%; }
	.formular table label {
		margin-bottom: 0px;
	}
	.formular .search {
		padding: 12px 0px;
		/* jck background-color: #ddd;*/
	}
	.formular .search .label-wrap {
		width: 8.5%;
		float: none;
	}
	.formular .search .input-wrap {
		width: 91.5%;
		float: none;
	}
	.formular .search label {
		width: 100%;
		min-width: 110px;
	}

	.formular .field-htmleditor-textarea iframe { width: 100% !important; }

	.formular input[type='number']::-ms-clear { display: none !important; }


		/* Formulare / Stems */

	.formular-stem {

	}

		/* Formulare / Stems / Create (= Single View eines Stems, auch für (Daily Demands, Fixed, Settled, History)->Open ) */

	/*.formular-stem-create .search .field:nth-child(2) { display: none !important; }*/
	.formular-stem-create .search .account {display:none;}
	.formular-stem-create .headline {
		width: 100%;
	}
	.formular-stem-create h2 { color: red; float: left; margin-top: 0px; }
	.formular-stem-create h2 + h2 { padding-left: 2%; }

	.formular-stem-create .search, .formular-stem-create .vessel, .formular-stem-create .payment {
		width: 32%;
		padding: 12px 0px;
	}
	.formular-stem-create .vessel { margin-left: 1.5%; }
	.formular-stem-create .payment { float: right; margin-right: 1.5%; }
	.formular-stem-create .remarks {
		width: 100%;
		margin-top: 1%;
		margin-bottom: 2%;
	}
	.formular-stem-create .remarks .label-wrap { min-width: 115px; max-width: 115px; }
	.formular-stem-create .remarks label { min-width: 110px; max-width: 110px; }
	.formular-stem-create .remarks textarea { width: 100% !important; }
	.formular-stem-create .remarks .label-wrap { width: 8.5%; }
	.formular-stem-create .remarks .input-wrap { width: 91.5%; }

	.formular-stem-create > .row {
		margin-left: 0px;
		margin-right: 0px;
		max-width: 100%;
	}
	.formular-stem-create > .row > label { margin-left: 10px; }
	.formular-stem-create #OrderItems_container,
	.formular-stem-create #OrderCosts_container,
	.formular-stem-create #DensityChecks_container {
		margin-bottom: 20px;
	}
	.formular-stem-create #NewSeller_container { padding-left: 10px; margin-bottom: 30px; margin-top: 20px; }
	.formular-stem-create #NewSeller_container label, .formular-stem-create #NewSeller_container input, .formular-stem-create #NewSeller_container button { float: left; }
	.formular-stem-create #NewSeller_container input, .formular-stem-create #NewSeller_container button { margin-left: 20px; }
	.formular-stem-create #NewSeller_container input { max-width: 330px; width: 70%; }
	.formular-stem-create #NewSeller_container label { margin-top: 6px; }
	.formular-stem-create #OrderSellers th {
		color: white;
		background: #888;
	}
	.formular-stem-create .ui-iggrid-table {
		width: 100% !important;
	    min-width: 1200px !important;
	}
	.formular-stem-create .buttonrow .btn-group { margin-left: 10px; }
	.formular-stem-create .maprow {
	    margin: 10px 50px 10px 0px;
	    float: right;
	    width: 60%;
	    clear: both;
	}

	.formular-stem-create::after {
		content: "";
		display: block;
		clear: both;
	}

		/* Formulare / Stem / Confirm, Inquire, Order */

	.formular-stem .Account {display:none;}
	label[for="Account"] {display:none;}

	.formular-confirm-inquire .field-select .label-wrap { vertical-align: middle; }
	.formular-confirm-inquire .main, .formular-confirm-inquire .remarks { width: 46%; float: left; }
	.formular-confirm-inquire .editor { width: 53%; float: right; }
	.formular-confirm-inquire .buttons { float: left; margin-top: 5%; }
	.formular-confirm-inquire .remarks textarea { width: 100% !important; }
	.formular-confirm-inquire > .row { max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; }
	.formular-order .ui-iggrid-table { min-width: 100%; }

		/* Formulare / Stem / DailyDemands, Fixed, Settled, History (= View) */

	@media (max-width: 1024px) {
		.formular-stem-view .ui-iggrid-pagedropdowncontainer,  .formular-accounting .ui-iggrid-pagedropdowncontainer {
			/* width: 75px !important; */
		}
	}


		/* Formulare / Master */

	.formular-master .company {
		clear: left;
		width: 40%;
	}
	.formular-master .bank {
		margin-left: 2%;
		width: 58%;
	}
	.formular-master .search {
		width: 99%;
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.formular-master .search .field:nth-child(2) { display: none !important; }


		/* Formulare / Master / Vessels */

	.formular-master .vessel {
		clear: left;
		width: 46%;
	}
	.formular-master .bunkermanifolds {
		margin-left: 2%;
		width: 52%;
	}
	.formular-vessels.formular-master .bunkermanifolds > label { margin-left: 10px; }
	.formular-vessels.formular-master .bunkermanifolds .ui-iggrid .ui-iggrid-addrow { display: none !important; }
	.formular-vessels.formular-master .actions { margin-left: 2%; }
	.formular-vessels table#BunkerManifolds { width: 100% !important; }

		/* Formulare / Master / Ports, Products */

	.formular-port .search, .formular-product .search { width: 46%; }
	.formular-port .port, .formular-product .product {
		width: 52%;
		margin-left: 2%;
	}
	.formular-product select.PossibleUnits { height: 160px !important; }

		/* Formulare / Master / PlattsPorts */

	.formular-plattsport {
		overflow-x: hidden;
		margin-left: -0.5em;
	}
	.formular-plattsport > .row {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

		/* Formulare / Master / PlattsGrid */

	.formular-plattsgrid .ui-iggrid-fixedcontainer {
		max-width: 160px;
		overflow-x: scroll !important;
		/* height: 600px; */
	}
	.ui-iggrid-indicatorcontainer {
		display:none !important;
	}

	.ui-iggrid .ui-iggrid-filtercell .ui-iggrid-filtereditor {
		padding: 0px !important;
	}

	@media (min-width: 2760px) {
		.formular-plattsgrid .ui-iggrid-fixedcontainer { overflow-x: auto !important; }
	}
	.formular-plattsgrid .ui-iggrid-scrolldiv {
		overflow-x: auto !important;
		overflow-y: auto !important;
		/* height: 600px; */
	}
	.formular-plattsgrid .ui-iggrid-table td { border-right: 1px solid #ccc !important; }
	.formular-plattsgrid .ui-iggrid-table th { font-size: 0.8em; font-weight: bold; }

		/* Formulare / Master / PortMap */

		/* Formulare / Master :: Partners-/Ports-Dialoge (erreichbar von Buyer etc., im DOM außerhalb der .tabs) */

	#partnersdialog .ui-iggrid-table, #portsdialog .ui-iggrid-table {
		width: 100% !important;
	    min-width: 900px !important;
	}

		/* Formulare / Reporting */

	.formular-reporting .search button { margin-top: 10px; margin-left: 3px; }
	.formular-reporting .search button:first-of-type { margin-left: 10px; }
	.formular-reporting .resultrow { clear: both; margin-left: -10px; margin-right: 0px; }

		/* Formulare / Reporting / EvaluateStems, KeyAccountTotals */

	.formular-evaluate-stems .search, .formular-keyaccount-totals .search { width: 49%; }
	.formular-evaluate-stems .sums, .formular-keyaccount-totals .sums { width: 38%; margin-left: 2%; padding: 12px 0px; }
	.formular-evaluate-stems .sums .label-wrap, .formular-keyaccount-totals .sums .label-wrap { width: 12%; min-width: 85px; }

		/* Formulare / Reporting / Stem vs Platts */

	.formular-stem-vs-platts > .row { margin-right: 0; margin-left: 0; }
	.formular-stem-vs-platts .search { width: 30%; background: transparent; }
	.formular-stem-vs-platts .search .label-wrap, .formular-stem-vs-platts .search label { min-width: 65px; }
	.formular-stem-vs-platts .actions button { margin-top: 10px; }


		/* Formulare / Reporting / Ports+Products, Changelog */

	.formular-ports-products .search, .formular-changelog .search { width: 100%; }
 	.formular-ports-products .resultrow, .formular-changelog .resultrow {
    	margin-left: 0px;
	    margin-right: 0px;
	    width: 100% !important;
	}
 	.formular-ports-products .results > table, .formular-changelog .results > table { display: block; }
	.formular-ports-products .ui-iggrid-table, .formular-changelog .ui-iggrid-table {
		width: 100% !important;
	    min-width: 900px !important;
	}

		/* Formulare / Accounting */

		/* Formulare / Accounting / Invoice, CreditNote */

	.formular-invoice-creditnotes > .row { margin-right: 0px; margin-left: 0px; width: 100%; }
	.formular-invoice-creditnotes .ui-iggrid-table { min-width: 950px !important; width: 100% !important; }
	.formular-invoice-creditnotes .firstrow { width: 100%; }
	.formular-invoice-creditnotes .firstfieldset { width: 36%; float: left; }
	.formular-invoice-creditnotes .secondfieldset, .formular-invoice-creditnotes .thirdfieldset { width: 30%; margin-left: 1.5%; float: left; }
	.formular-invoice-creditnotes .remarksfieldset {
		float:left;
		width:50%;
	}
	.formular-invoice-creditnotes .evaluatefieldset {
		float:left;
		width:50%;
	}

		/* Formulare / Platts */

		/* Formulare / Platts / Import */

	.formular-platts-import .import { width: 100%; }
	.formular-platts-import .import .label-wrap { min-width: 160px; max-width: 240px; width: 13%; }
	.formular-platts-import .import tr:first-of-type .label-wrap { vertical-align: top; }
	.formular-platts-import .import tr:first-of-type label { margin-top: 4px; }
	.formular-platts-import textarea {
	    width: 100% !important;
	    max-width: 2000px !important;
	}

		/* Formulare / Platts / Daily   (NICHT mit igniteUI gemacht!) */

	.formular-platts-daily > .row { margin-right: 0; margin-left: 0; width: 100%; }
	.formular-platts-daily .search { width: 30%; min-width: 390px; background: transparent; }
	.formular-platts-daily .search .label-wrap, .formular-platts-daily .search label { min-width: 160px; width: 33%; max-width: 250px; }
	.formular-platts-daily .search .input-wrap { width: 66%; }
	.formular-platts-daily .search .input-wrap > span { position: relative; top: 5px; }
	.formular-platts-daily .actions { /* margin-left: 1%; */ }
	.formular-platts-daily .actions button { margin-top: 15px; }
	.formular-platts-daily .results > table th { font-size: 18px; border-top: 1px solid #999; padding-top: 5px; }
	/*.formular-platts-daily .results > table tr:last-child td { border-bottom: 30px solid white; }*/
	#plattsdailytabs .ui-tabs-panel > form > table { width: 100%; max-width: 1200px; }

		/* Formulare / Platts / List */

	.formular-platts-list .search { width: 45%; }
	.formular-platts-list .product { width: 53%; float: right; }
	.formular-platts-list .product select { height: 150px; }
	.formular-platts-list .product .label-wrap { vertical-align: top; }
	.formular-platts-list .product label { margin-top: 20px; }
	.formular-platts-list .date { width: 45%; margin-top: 10px; }
	.formular-platts-list .actions { width: 100%; clear: both; }
	.formular-platts-list > .row { clear: both; margin-top: 20px; width: 96%; margin-left: 0; margin-right: 0; }

	.formular-platts-list .chart-wrap { float: left; width: 49%; height: 500px; }
	.formular-platts-list .chart-wrap:nth-child(n+3) { margin-top: 50px; }
	.formular-platts-list .chart-wrap:nth-child(2n+2) { margin-left: 2%;  }
	.formular-platts-list .chartDownload { cursor: pointer !important; }


	/* Formulare / Platts / StemEval */
	.formular-stem-vs-platts .chart-wrap {float:left; width: 1070px; height: 500px; margin-bottom:40px;margin-right:20px;}
	.formular-stem-vs-platts .inner-chart-wrap {float:left; width: 700px; height: 500px;}
	/*.formular-stem-vs-platts .chart-wrap:nth-child(n+3) { margin-top: 50px; }
	.formular-stem-vs-platts .chart-wrap:nth-child(2n+2) { margin-left: 2%;  }*/
	.formular-stem-vs-platts .chartDownload { cursor: pointer !important; }




		/* Mediaports für alle Formulare */


	@media (min-width: 1800px) {

		.formular-platts-list .chart-wrap { height: 600px; }

	}

	@media (max-width: 1400px) {

		.formular-platts-list .chart-wrap { height: 450px; }

	}

	@media (max-width: 1200px) {

		.formular-master .company { width: 44%; }
		.formular-master .bank { width: 54%; }

		.formular-stem-create .search .label-wrap, .formular-stem-create .vessel .label-wrap, .formular-stem-create .payment .label-wrap,
		.formular-stem-create .search .input-wrap, .formular-stem-create .vessel .input-wrap, .formular-stem-create .payment .input-wrap {
			width: 100%;
			float: left;
		}
		.formular-stem-create .payment .field-checkbox .label-wrap { width: 35% !important; }
		.formular-stem-create .payment .field-checkbox .input-wrap { width: 40% !important; }
		.formular-stem-create .payment .field-checkbox .input-wrap input { width: 50px !important; }

		.formular-stem-create .maprow {
			width: 98.5%;
			margin-right: 0px;
			float: left;
		}

		.formular-confirm-inquire .main,  .formular-confirm-inquire .editor, .formular-confirm-inquire .remarks { width: 100%; float: left; }

		.formular-platts-list .chart-wrap { height: 400px; }

	}

	@media (max-width: 1024px) {

		.formular table:not(.ui-iggrid-table) { border-spacing: 10px 15px; }
		.formular:not(.formular-port):not(.formular-product):not(.formular-stem-vs-platts):not(.formular-platts-daily) .label-wrap, .formular:not(.formular-port):not(.formular-product):not(.formular-stem-vs-platts):not(.formular-platts-daily) .input-wrap {
			width: 100%;
			float: left;
		}

		.formular-stem-create .remarks .label-wrap, .formular-stem-create .remarks label { max-width: none; }

		.formular-master .search { padding: 7px 0px; }
		.formular-master .company { width: 46%; }
		.formular-master .bank { width: 52%; }

		.formular-port .search, .formular-product .search { width: 99%; }
		.formular-port .port, .formular-product .product {
			width: 99%;
			margin-left: 0%;
		}

		.formular-stem-vs-platts .search { width: 50%; }

		.formular-platts-import textarea { max-height: 600px; }

		.formular-platts-list .chart-wrap { width: 100%; height: 450px; margin-left: 0 !important; }
		.formular-platts-list .chart-wrap:nth-child(n+2) { margin-top: 50px; }

	}

	@media (max-width: 767px) {

		.table-responsive {
			margin-bottom: 0px;
			border: none;
		}

		.formular-stem-create .search { width: 100%; }
		.formular-stem-create .vessel, .formular-stem-create .payment { width: 49%; }
		.formular-stem-create .vessel { margin-left: 0%; }
		.formular-stem-create .payment { margin-left: 2%; margin-right: 0%; }
		.formular-stem-create #NewSeller_container label { width: 100%; }

		.formular-invoice-creditnotes .firstfieldset { width: 100%; margin-bottom: 3%; }
		.formular-invoice-creditnotes .secondfieldset, .formular-invoice-creditnotes .thirdfieldset { width: 49%; }
		.formular-invoice-creditnotes .secondfieldset { margin-left: 0px; }

		.formular-evaluate-stems .search, .formular-keyaccount-totals .search { width: 100%; }
		.formular-evaluate-stems .sums, .formular-keyaccount-totals .sums { width: 70%; margin-left: 0%; }

		.formular-port .label-wrap, .formular-product .label-wrap, .formular-port .input-wrap, .formular-product .input-wrap {
			width: 100% !important;
			float: left !important;
		}

		.formular-platts-import textarea { max-height: 500px; }

		#plattsdailytabs .ui-tabs-panel > form > table { Border-spacing: 10px 30px; }
		#plattsdailytabs .ui-tabs-panel > form > table tr > td { display: inline-block; float: left; }
		#plattsdailytabs .ui-tabs-panel > form > table tr > td:nth-child(3) { clear: both; }
		#plattsdailytabs td.port, #plattsdailytabs td.plattsid { width: 25%; }
		#plattsdailytabs td:nth-child(n+3) { margin-right: 3%; width: 20%; }
		#plattsdailytabs td:nth-child(6) { margin-right: 0%; margin-left: 6%; width: 25%; }

		.formular-platts-list .chart-wrap { width: 100%; height: 350px; }

	}

	@media (max-width: 576px) {

 		#tabs.ui-tabs .ui-tabs-panel { padding: 1em 0em 1em 0.5em; }

		.formular .label-wrap, .formular .input-wrap { float: none; }
		.formular .label-wrap { width: 8.5%; }
		.formular .input-wrap { width: 91.5%; }

		.formular-stem-create .vessel, .formular-stem-create .payment { width: 100%; }
		.formular-stem-create .payment { margin-left: 0%; float: left; }
		.formular-stem-create table#OrderSellers { font-size: 0.7em; }

		.formular-master .company, .formular-master .bank, .formular-master .vessel, .formular-master .bunkermanifolds { width: 99%; }
		.formular-master .bank, .formular-master .bunkermanifolds { margin: 5% 0% 0% 0%; }

		.formular-invoice-creditnotes .secondfieldset, .formular-invoice-creditnotes .thirdfieldset { width: 100%; margin-bottom: 3%; }
		.formular-invoice-creditnotes .thirdfieldset { margin-left: 0px; }

		.formular-stem-vs-platts .search { width: 67%; }

		.formular-platts-import textarea { max-height: 430px; }

		.formular-platts-daily .search { min-width: 250px; }
		.formular-platts-daily .label-wrap, .formular-platts-daily label, .formular-platts-daily .input-wrap {
			width: 100% !important;
			float: left !important;
		}
		.formular-platts-daily .actions button { margin-top: 32px; }
		#plattsdailytabs td:nth-child(n+3) { margin-right: 0%; width: 33%; }
		#plattsdailytabs td:nth-child(6) { clear:both; margin: 3% 0 0 0; width: 30%; min-width: 100px; }
		#plattsdailytabs .ui-tabs-panel > form > table { Border-spacing: 5px 45px; }
		#plattsdailytabs .ui-tabs-panel > form > table tr > td input[type=button] {
		    border: none;
			background-color: #ddd;
		}
		.formular-platts-daily .results > table tr:last-child td { border-bottom: none; }
		.formular-platts-daily .results > table tr:last-child td:last-child { border-bottom: 30px solid white;
}

		.formular-platts-list > .row { width: 100%; margin-left: -7px; }
		.formular-platts-list .search, .formular-platts-list .product, .formular-platts-list .date { width: 100%; margin: 0 !important; float: left !important; }
		.formular-platts-list .chart-wrap { width: 100%; height: 270px; }

	}

	@media (max-width: 398px) {

		.formular .label-wrap, .formular .input-wrap, .formular .search .label-wrap, .formular .search .input-wrap {
			width: 100%;
			float: left;
		}

		.formular-stem-create table#OrderSellers { font-size: 0.6em; }

		.formular-platts-import textarea { max-height: 360px; }

		.formular-platts-list .chart-wrap { width: 100%; height: 200px; }

	}


/* (end) */




			.wysiwyg-color-silver {color:silver;}
			.wysiwyg-color-grey {color:grey;}
			.wysiwyg-color-maroon {color:#800000;}
			.wysiwyg-color-red {color:red;}
			.wysiwyg-color-purple {color:purple;}
			.wysiwyg-color-green {color:green;}
			.wysiwyg-color-olive {color:olive;}
			.wysiwyg-color-navy {color:navy;}
			.wysiwyg-color-blue {color:blue;}
			.wysiwyg-color-orange {color:orange;}


			@media screen and (max-width: 1280px) {
				.ui-iggrid tbody td, .ui-iggrid th {
					font-size: 0.9em !important;
				}
			}
			@media screen and (max-width: 1450px) {
				.formular-evaluate-stems .ui-iggrid tbody td, .formular-evaluate-stems .ui-iggrid th {
					font-size: 0.9em !important;
				}
			}
			@media screen and (max-width: 1120px) {
				.formular-evaluate-stems .ui-iggrid tbody td, .formular-evaluate-stems .ui-iggrid th  {
					font-size: 0.8em !important;
				}
			}
			@media screen and (max-width: 950px) {
				.formular-evaluate-stems .ui-iggrid tbody td, .formular-evaluate-stems .ui-iggrid th  {
					font-size: 0.72em !important;
				}
			}
			@media screen and (max-width: 770px) {
				.formular-evaluate-stems .ui-iggrid tbody td, .formular-evaluate-stems .ui-iggrid th  {
					font-size: 0.9em !important;
				}
			}

			.Sum_USD, .Sum_EUR, .Sum_AUD, .Sum_QT, .Sum_TO {
				text-align: right;
			}

			#login-dialog {
				display:none;
			}


.ui-datepicker-year {
	color:black !important;
}

.ui-autocomplete {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}

textarea {
	background: white !important;
	border: 1px solid grey !important;
}

/**  BOOTSTRAP SUBMENU DROPDOWN**/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}



/* Hier nur sauber formatiertes CSS einfügen */

.formular-claim .stem {
	margin-right: 2%;
}
.formular-claim input[class=CreatedAt] {
	margin-top: 24px;
}

#order-insights {
	clear: both;
	float: left;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#order-insights td {
    width: 50%;
}