/*@import "https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;700&display=swap";*/
@font-face {
font-family:'Assistant';
font-style:normal;
font-weight:300;
src:url(../fonts/assistant-v18-latin-300.eot);
src:local(),url(../fonts/assistant-v18-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/assistant-v18-latin-300.woff2) format("woff2"),url(../fonts/assistant-v18-latin-300.woff) format("woff"),url(../fonts/assistant-v18-latin-300.ttf) format("truetype"),url(../fonts/assistant-v18-latin-300.svg#Assistant) format("svg")
}

@font-face {
font-family:'Assistant';
font-style:normal;
font-weight:400;
src:url(../fonts/assistant-v18-latin-regular.eot);
src:local(),url(../fonts/assistant-v18-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/assistant-v18-latin-regular.woff2) format("woff2"),url(../fonts/assistant-v18-latin-regular.woff) format("woff"),url(../fonts/assistant-v18-latin-regular.ttf) format("truetype"),url(../fonts/assistant-v18-latin-regular.svg#Assistant) format("svg")
}

@font-face {
font-family:'Assistant';
font-style:normal;
font-weight:500;
src:url(../fonts/assistant-v18-latin-500.eot);
src:local(),url(../fonts/assistant-v18-latin-500.eot?#iefix) format("embedded-opentype"),url(../fonts/assistant-v18-latin-500.woff2) format("woff2"),url(../fonts/assistant-v18-latin-500.woff) format("woff"),url(../fonts/assistant-v18-latin-500.ttf) format("truetype"),url(../fonts/assistant-v18-latin-500.svg#Assistant) format("svg")
}

@font-face {
font-family:'Assistant';
font-style:normal;
font-weight:700;
src:url(../fonts/assistant-v18-latin-700.eot);
src:local(),url(../fonts/assistant-v18-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/assistant-v18-latin-700.woff2) format("woff2"),url(../fonts/assistant-v18-latin-700.woff) format("woff"),url(../fonts/assistant-v18-latin-700.ttf) format("truetype"),url(../fonts/assistant-v18-latin-700.svg#Assistant) format("svg")
}

html,body {height:auto !important; overflow: visible !important;}
body{margin:0;font-family:'Assistant',sans-serif;color:#232b48;font-size:17px;background: #F0F7FB;}
div>body {background:transparent;}
header {background:#FFF}
p{padding:0;margin:0}
* p:first-of-type {margin-top:15px;}
* p:last-of-type {margin-bottom:15px;}
.innerdist p {margin-bottom:1rem}
.innerdist p:last-child {margin-bottom:0}
h1{font-size:1.875rem;text-align:left}
h2{font-size:0.875rem; margin-bottom:0}
h3{font-size:1.2502rem}
h4 {font-size: 0.875rem;}
h5{font-size:.875rem}
h1,h2,h3,h4,h5{font-weight:700}
.introtext h1{font-size:1.25rem;text-align:center;margin-bottom:30px;font-weight:400; line-height: 31px}
figure{margin-bottom:0}
.singleheader{height:75px;font-size:1rem}
#main-content-vs{background:#F0F7FB;min-height:100vh; padding:0 30px 50px}
/*.widemax1170{width:100%;max-width:1230px;margin-left:auto;margin-right:auto; padding:0 30px}*/
.naviholder {display: block;  position: sticky; width: 100%;    height: 75px;    z-index: 99999;    top: 0;    left: 0;    background: white;box-shadow: 0 0 7px rgba(0,0,0,.1)!important;}
.widemax1170,footer .row{width:80%;margin-left:auto;margin-right:auto; padding:0 30px}
#main-content-vs {padding: 0 0 50px;}
.bxshad{box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0}
.flexh100centerleft{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:flex-end}
.heroscene{background:url(../img/heroscene.jpg)no-repeat center;background-size:cover;height:295px;width:100%;position:relative}
.heroscene img{align-self:flex-start}
.secondnav {
	height: auto;
	position: absolute;
	width: 75px;
	right: 0;
	top: 87px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 999
}
.secondnav button {font-weight: 400}
.secondnav .btn-outline-dark:hover {    background-color: #232b48;    border-color: #232b48;}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-dark.dropdown-toggle:focus,.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-dark.dropdown-toggle { background-color: #232b48;    border-color: #232b48; color:#FFF}
.secondnav .btn-outline-dark:focus, .btn-outline-dark.focus {    -webkit-box-shadow: 0 0 0 0.2rem #232b48;    box-shadow: 0 0 0 0.2rem #232b48;}
.secondnav a {text-decoration:none; color:#232b48;}
.navlabel{width:100%;height:50px;display:block;background:rgba(255,255,255,0.4);font-size:1rem;line-height:50px;padding-left:15px;margin:7px 0;font-weight:700}
.bgcol-excellent {background-color:#7abc9d}
.bgcol-good {background-color:#A9D1BB}
.bgcol-sufficient {background-color:#D9BB67}
.bgcol-deficient {background-color:#BE5D66}
li.nav-item.current, .nav-item a.current {font-weight: 700}

.row {margin-bottom:35px;}
.row>div:not([class]):first-of-type {width:100%}
.flexrow {display: flex; flex-direction: row; justify-content: flex-start}
.flexrow > * {margin:10px 25px}
.flexcol {display: flex; flex-direction: column; justify-content: flex-start}

.bgwhite {
	background: #FFF
}
.bggrey {
	background: rgba(0,0,0,.1)
}
section .row {margin-left:0; margin-right:0; /*background:white*/}
section.sec4bx .row {margin-left:-15px; margin-right:-15px;}
.navlabel:hover{background:rgba(255,255,255,0.8);cursor:pointer}
/*.row .titlebox {margin-right: calc(var(--bs-gutter-x) * .5);    margin-left: calc(var(--bs-gutter-x) * .5); width:calc(100% - var(--bs-gutter-x))}*/
/*.col-sm-6, .col-md-6,  .col-xl-6 {padding-left:0; padding-right:0}*/


.shipdatanav:not(.showall ):hover, .fleetdatanav:not(.showall ):hover {width: 130px;    left: -35px;    transform: translateX(-50px); transition: all ease 0.4s}
.shipdatanav .content, .fleetdatanav .content  {display:none;}
.shipdatanav.showall, .fleetdatanav.showall {    width: 290px;    left: -216px;  display: flex;    flex-direction: row;   background:rgba(255,255,255,0.8);   position: absolute;    height: auto;    min-height: 140px;top: 0;}
.shipdatanav.showall .content, .fleetdatanav.showall .content {display: block;}
.secondnav ul { padding:20px 0; margin-left:25px; list-style-type: none;}
.showall .navlabel {background:transparent; position: relative; width:74px}
.showall .navlabel:after {content:""; width:1px; background:#232b48; height: 31px; display: block; position: absolute;    right: 0;    opacity: 0.3;    top: 7px;}
.closy {width:20px; height: 20px; display: none; right:0; top:0; position: absolute; font-weight: 700;z-index:100}
.showall .closy {right:0; display:block;}
.closy:hover {cursor:pointer;}
.dxbs-menu .dx-menu-title{padding:0}
.dropdown-menu{background:rgba(255,255,255,0.8);border-radius:0;border:0;transform:none!important}
.dxbs-menu .dx-menu-item > a:not(disabled):hover:before{background-color:transparent}
.welcomeuser{padding:20px 65px 20px 0;font-weight:700; position: relative;}
.getout{position: absolute; right: 0; top:20px;}
.getout button {font-weight: 400}
.getout a{color:#232b48;position:relative; text-decoration: none}
.getout a:before{content:"\00bb";display:block;position:absolute;left:-10px}

.shipbasedata{padding:30px;background:#C7E0F0;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;margin-bottom:35px}
.shipbasedata h1{align-self:flex-start;line-height:1;width:23.9%;margin-top:-10px}
.shipbasedata .incol {text-align:center;padding:0 10px;border-left:1px solid #fff;width:14.025%; background:transparent; height: auto;}
.shipbasedata .incol input {width:100%}
.shipbasedata .incol:nth-child(5){border-right:1px solid #fff}
.shipbasedata .incol span{display:block}
.shipbasedata .incol span:last-child{font-size:14px;padding-top:10px}
.shipbasedata .incol form{padding-top:10px}
.shipbasedata .incol:last-child { border-right: 1px solid #fff }
.shipbasedata select{border-color:#4598ce;border-radius:4px;color:#A2CBE6;width:100%; max-width:95px}
.shipbasedata select:focus-visible{outline-color:#4598ce!important}
.shipbasedata .owner{font-size:.875rem;width:20%;align-self:center;padding-left:20px}
.shipbasedata .incol2 {
		text-align: center;
		padding: 0 10px;
		width: 14.025%;
		background: transparent;
		height: auto;
	}
		.shipbasedata .incol2 span {
			display: block
		}
		.shipbasedata .incol2 span:last-child {
				font-size: 14px;
				padding-top: 10px
		}
		.shipbasedata .incol2 form {
			padding-top: 10px
		}


.container{margin:0;padding:0;max-width:100%}
.titlebox{background:#C7E0F0;color:#232b48;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px}
.titlebox.dark {background:#232b48; color:white;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px}
.titlebox p {text-transform: none; font-weight: 400}

.quickovvbox{margin-bottom:18px}
.quickovvbox.bxshad  .container figure {background:white}
.quickovvbox .container{display:grid;grid-template-columns:1.6fr 2.4fr;grid-template-rows:1fr;gap:0 0;grid-template-areas:". .";justify-content:start}

.shipinfo{background:#fff;padding:25px 40px}
.quickvw tr td {padding:5px; vertical-align: top; font-size:14px}
.quickvw tr td:first-child {width:21.4%}
.quickvw tr td:nth-child(2) {font-weight: 700; width:42.6%}
.quickvw tr td:nth-child(3) {width:21.9%}
.quickvw tr td:nth-child(4) {font-weight: 700;width:14.1%}
/*.quickovv4boxes GROSS */
.incol{background:#fff;height:100%;padding:15px;text-align:center;font-size:.875rem; font-weight: 700}
.sum {
	font-size: 38px;
	display: block;
	padding: 5px 0
}
/*.quickovv4boxes KLEIN */
.sumSmall {
	font-size: 24px;
	display: block;
	padding: 5px 0
}

.quickvwfleet tr td {
	padding: 5px;
	vertical-align: top;
	font-size: 14px
}

	.quickvwfleet tr td:first-child {
		width: 20.0%
	}

	.quickvwfleet tr td:nth-child(2) {
		width: 30.0%
	}

	.quickvwfleet tr td:nth-child(3) {
		width: 7.0%
	}
	.quickvwfleet tr td:nth-child(4) {
		width: 7.0%
	}
	.quickvwfleet tr td:nth-child(5) {
		width: 7.0%
	}

	.quickvwfleet tr td:nth-child(6) {
		width: 29.0%
	}

.exsumm {background:white;}
.exsumm .inner {height:100%; max-height: 600px; min-height: 350px; overflow-y:scroll; padding:40px 20px}
.exsumm .inner:first-child:before {content:"";width:calc(100% - 30px); height: 20px;background:white; position: absolute; top:0; left:0;}
.exsumm .inner:first-child:after {content:"";width:calc(100% - 30px); height: 20px;background:white; position: absolute; bottom:0; left:0;}
.exsumm .col-sm-6, .exsumm .col-md-6,  .exsumm .col-xl-6 {padding:0}
.exsumm .inner div {border-bottom:1px solid #DEDFE4; padding:12px 0}
.exsumm .inner body div { padding:0}
.exsumm .inner.last {overflow: hidden; padding:0; position: relative;}
.exsumm .inner.last img{width:100%; height: auto;}
/*.exsumm .inner.last div div:last-child {position: absolute; bottom:0; padding:10px 30px; width:100%; background:white; z-index:10}*/
.exsumm .inner.last body>div:first-of-type, #ShipMapDivx body>div:first-of-type {height: calc(100% - 84px) !important; width:100% !important;padding:0 !important;z-index:1; position: absolute; top:0; left:0}
#fullmapcontainer body > div:first-of-type {height: 480px !important; width: 100% !important; padding: 0 !important; z-index: 1; position: absolute; top: 0; left: 0}
.fullmap {height: 480px}
.exsumm .inner.last body>div:last-of-type {left:0; bottom:0;    position: absolute;    width: 100%;    z-index: 999;    background: white; padding:0}
/*.exsumm .inner.last div:first-child div {height:100% !important; position: relative}*/
section:not(.exsumm) .inner div:not([class]), .inner {height: 100%}

section.innerdist {margin-bottom:35px;}
section.innerdist .col, .footnote, .row.innerdist>* { padding:10px;}
.row.noinnerdist>.col {padding:0}
section>.row.smallmgn:last-child {padding-bottom:20px;}
.contvertcent { display: flex;     flex-direction: column;    justify-content: center;}
.footnote {font-size: 0.875rem}


.row.smallmgn {margin-bottom:10px}
.centerall {text-align:center}

.infocontainersixstar {position: absolute;    right: 50px;    top: 15px;transition: ease all 0.4s; display: none; opacity: 0}
.infocontainersixstar.showup {display:block; opacity: 1}
.infocontainersixstar ul {list-style-type: none; min-width: 200px; display:inline-block;}
.infocontainersixstar ul li {padding:5px 20px;color: white;font-family: 'Assistant',sans-serif; font-weight: bold;}
.infolegendicon {position: absolute;    display: block;    right: 15px;    top: 10px;    width: 18px;    height: 18px;    background: url(../img/infoicon.png) no-repeat center;    background-size: contain;}
.infolegendicon:hover {cursor:pointer;}
.sixstarperformance {position: relative}
.sixstarperformance .horizontalinfo { margin-bottom:15px; background:white}
.sixstarperformance .horizontalinfo .firstinfo {display:flex; flex-direction: row;}
.horizontalinfo.active .subinfo .closeup {display:block;}
.sixstarperformance .headerinfo { width:260px; padding:15px 25px 20px; }
.sixstarperformance .headerinfo h3 { font-size:0.875rem}
.sixstarperformance .headerinfo .details { font-size:1.625rem; color:white; font-weight: bold; display: flex;flex-direction: row; justify-content: space-between;}
.sixstarperformance .infoslider { width: calc(100% - 260px);}
.sixstarperformance .infoslider div {text-align: center; }
.sixstarperformance .infoslider .bt {border-right:1px solid #DEDFE4; font-size:1.2502rem; font-weight: 700; position:relative;}
.sixstarperformance .infoslider .bt:after {content:""; display:block;  width:15px;    height: 15px;    background: url(../img/arrowup.png) no-repeat;    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%) rotate(180deg); opacity: 0.5}
.sixstarperformance .infoslider .bt.active:after {display:none;}
/*.sixstarperformance .subinfo {display:none;}*/
.sixstarperformance .subinfo {height:0; overflow: hidden;}
.sixstarperformance .horizontalinfo.showme .subinfo {display:block; min-height: 250px; height:auto;}
.sixstarperformance .infoslider .bt:hover {cursor:pointer; background:#DEDFE4} 
.sixstarperformance .showme .infoslider .bt.active, .row.darkgr {background:#DEDFE4}
.sixstarperformance .subinfo .infocontainer { /*display: none;*/ padding:15px 0 0; transition:ease all 0.4s}
.sixstarperformance .subinfo .infocontainer {    font-size: 1.2502rem;    font-weight: 700;}
.sixstarperformance .subinfo .infocontainer .row {padding:0 25px; margin-bottom:0}
.sixstarperformance .subinfo .infocontainer .row.darkgr {padding-bottom:30px; padding-top:25px;}
.sixstarperformance .subinfo .infocontainer .row .col-md-10 {background:transparent;}
.sixstarperformance .subinfo .infocontainer .row .col:nth-child(3) {padding-left:20px}
.sixstarperformance .subinfo .infocontainer .col-md-2 h4 {padding-top:10px;}
.sixstarperformance .subinfo .infocontainer.showme {display:block;}
.subinfo .row {padding:0; display:flex; margin-top:15px}
/*.subinfo .row .col { height:300px; overflow-y:auto}*/
.subinfo .dx-chart {transform-origin: top; /*-ms-transform: scale(0.9);    -webkit-transform: scale(0.9);    transform: scale(0.9); */  }
.sixstarperformance .subinfo {background-color:#F4F4F6; position: relative;}
.closeup {width:15px; height: 15px; background:url("../img/arrowup.png") no-repeat; position: absolute; bottom:0; left:50%; transform:translateX(-50%); }
.closeup:hover {cursor:pointer;}

.dx-page-size-selector .dxbs-combobox.dxbs-dropdown-edit{max-width: 55px;}

.col .card {background:transparent;}




/*.dx-chart-tooltip {margin-top:-180px}*/
.dx-chart {min-height: 180px !important; height: 100% !important}
/*.dx-chart svg, .dx-chart svg > * {transform:scaleY(0.9); transform-origin: top;}*/
.dx-chart svg, .dx-chart svg > * {height:100% !important}
.dx-chart svg {}

.bottomfitter .dxbs-gridview {height:auto}

.btn-primary {margin:13px;}


.layout-margin-right {
	margin-right: 10px;
}
footer {
	background: #232b48;
	min-height: 250px;
	color: #A2CBE6;
	padding:60px 30px;
	width: 100%;
	bottom: 0;
}


footer .signet {margin-top:5px}
footer .sponsoredpic {margin-top:17px; margin-bottom:13px;}
footer .text-end {text-align: right;}

.nav-item .dropdown-toggle{display:none}
footer a{color:#A2CBE6;text-decoration:none}
/*footer .row,footer .copyr{width:100%;max-width:1170px;padding:0 30px;margin:0 auto}*/
footer ul{list-style-type:none;padding-left:0}
@media (max-width:1460px) {
	.widemax1170, footer .row,footer .copyr{width:100%; max-width:100%;margin-left:auto;margin-right:auto; padding:0}
	footer .row,footer .copy {padding-left:30px; padding-right:30px;}
}
@media (max-width:1024px) {
	.quickovvbox .container img {width:100%}
}
@media (max-width:980px) {
	.quickovvbox .container {display: flex; flex-direction: column}
	.singleheader {    padding: 0 15px;}
	
}
@media (max-width:767px) {
	.welcomeuser {padding-top:40px; padding-right: 0;}
	.getout {top:0}
	.col-3 {width:50%}
	.quickovv4boxes .col-3 {margin-bottom:20px}
.shipbasedata h1 { width:100%; margin-bottom:20px; grid-area: header;}
.shipbasedata .incol:nth-child(1) {  grid-area: main1;}
.shipbasedata .incol:nth-child(2) {  grid-area: main2;}
.shipbasedata .incol:nth-child(3) {  grid-area: main3;}
.shipbasedata .incol:nth-child(4) {  grid-area: main4;}
.shipbasedata .incol { width:100%; }
.shipbasedata .owner { width:100%; margin-top:20px; padding-left:0;  grid-area: footer;}
.shipbasedata {  display: grid;  grid-template-columns: 25% 25% 25% 25%;  grid-template-rows: auto;
  grid-template-areas: 
    "header header header header"
    "main4 main2 main3 main1"
    "footer footer footer footer";
}

footer .text-center,footer .text-end{text-align:left!important;float:none}
footer .text-center img{margin:30px 0}
}
@media (max-width:599px) {
	.col-3  {width:100%; display: block;}
	.quickvw tr td {
		width: 50% !important;
		display: inline-block !important;
	}
	.quickvwfleet tr td {
		width: 100% !important;
		display: inline-block !important;
	}
	.shipbasedata {display: flex; flex-direction: column;}
	.shipbasedata .incol {padding:20px 0; border-left:0; border-right:0 !important; border-bottom:1px solid white}
	.shipbasedata h1 {text-align: center;}


}

@media (max-width:500px) {
	
.sixstarperformance .subinfo .infocontainer .row:nth-child(3) {padding-left:0}
}
@media (max-width:440px) {
.sixstarperformance .headerinfo { width:200px; padding:15px ; }
.sixstarperformance .infoslider { width: calc(100% - 200px);}
	.sixstarperformance .headerinfo .details { font-size:1rem; }
}
/*.quickvw tr td {width:50%; display: block;}*/

/***** grids   ****/
.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2 {padding:0; background:#FFF}
footer .col-md-4, .infocontainer .col-md-3, .infocontainer .col-md-2, .infocontainer .col-md-7 {background:transparent;}

.dxbs-gridview {/*box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;*/ height: 100%}
.highreduce .dxbs-gridview { height: calc(100% - 60px);}
.projectfiles .dxbs-gridview {height:auto;}
.card {background-color:/*#C7E0F0*/#FFF; border:0; height: 100%}
.card.highclass {display: flex;    flex-direction: column;   /* justify-content: space-between; */ min-height: 290px;}
.projectfiles .card.highclass {justify-content: flex-start}
.card .row {padding-top:0 !important}
.card .col-sm-12 {padding:0}
.card-header, .btn-toolbar {background-color: #C7E0F0 !important;/*border-top: solid 5px #232b48;*/ border-bottom:0; color:#232b48}
.dxbs-gridview  table thead th, .dxbs-gridview table .dxbs-filter-row{background-color: #232b48;    color: white;}
.dxbs-gridview th {padding: 10px; vertical-align: bottom !important;}
.dxbs-gridview .bg-primary {background-color: rgba(35,43,75,0.5) !important;}
.card-body.dxbs-pager{    background-color: rgba(35,43,75,0.2) !important;    border-top: solid 5px #232b48;}
.page-item.active .page-link {    background-color: #4598ce;    border-color: #fff;}

/*   tabellen   */
table {font-size:14px !important}
table.tstruct46-18-18-18, table.tstruct60-20-20, table.tstruct70-10, table.tstruct-10cols {
	width: 100%
}
table.tstruct60-20-20 th,table.tstruct70-10 th { width:20%; text-transform: uppercase; vertical-align: top; text-align: center}
table.tstruct60-20-20 td {width:20%}
table.tstruct60-20-20 td, table.tstruct60-20-20 th,table.tstruct70-10 td, table.tstruct70-10 th, table.tstruct-10cols th,table.tstruct-10cols td, table.tstruct46-18-18-18 tr td {padding: 0.3rem 9px; text-align: center}
	table.tstruct60-20-20 th:first-child, table.tstruct60-20-20 td:first-child {
		width: 60%;
		text-align: left
	}
table.tstruct46-18-18-18 tr td {width:18%}
	table.tstruct46-18-18-18 tr td:first-child {
		width: 46%;
		text-align: left
	}
table.tstruct70-10 th {width:11%; vertical-align: top;}
table.tstruct70-10 th:first-child,table.tstruct70-10 td:first-child {width:23%; text-align: left }
table.tstruct-10cols th {width:19%; vertical-align: top;}
table.tstruct-10cols th:first-child,table.tstruct-10cols td:first-child {width:19%; text-align: left }
.table-bordered .dxbs-filter-row td {border-color:white}
.table-bordered td, .table-bordered th {    border: 1px solid rgba(35,43,75,0.2);}
table h4 {font-size: 1rem; margin-bottom:0}
table h4 span {font-weight: 400; font-size:0.875rem; display: inline-block; width:100%; color:#4598ce}
table.twocolors tr:nth-child(even), table tr:nth-child(even) {background:#f1f1f1}
td span {position: relative; }


.dxbs-table {background:#fefefe}

.dxbs-fl-group .row {}
.dxbs-fl-group .col-xl-6.col-md-6.col-sm-6 {width:100% !important}

.highclass .dxbs-grid-pager {background: #fefefe;align-items: flex-end;}

.div-boxbackground { box-shadow: none !important; margin-bottom:20px;}
.SMSIdiv-boxbackground {box-shadow: none !important;}
.SMSIflex-container {margin:0 !important}
.SMSIflex-container .SMSIbox-left {width:39.83% !important; padding:0 !important;margin:0 !important}
.SMSIflex-container .SMSIbox-right {width:60.17% !important; padding: 25px 40px !important; margin:0 !important}
.SMSIbox-right .col-xl-6 .form-group label { width:21.4% !important}
.SMSIbox-right .col-xl-6 .form-group .dxbs-fl-ctrl {width:42.6% !important}
.dxbs-fl .form-group {margin-bottom:0 !important}

.schedule .col-md-6 {min-height:740px; }
.vertiboxwrapper {display:flex; flex-direction: column; justify-content: space-between; height: 100%}
.vertibox {font-size:14px; overflow-y: auto;  margin-bottom:3%;  position: relative}
.vertibox.box25 {min-height: 80px;height: 30%; padding:0 15px}
.vertibox.box50 {min-height: 400px; height: 67%;}

.inspectionreports .inner-last, .max400 {max-height: 400px; overflow-y: scroll;}


/******* impressum ********/
.contimprint {background:#FFF; padding:50px; margin-bottom:30px}
.contimprint p {margin-bottom:2em;}
.contimprint a, .twocolsimprint a {color:#232b48; font-weight: 500}
.contimprint .row {padding:0; margin:0}
.contimprint h1 {margin-bottom:25px;}
.contimprint h2 { font-size:1.25rem}
.contimprint h3, .twocolsimprint h3 {font-size:1rem}

.twocolsimprint {padding:0; margin-bottom:50px;}
.twocolsimprint .row { margin:0;}
.twocolsimprint .col-md-6 {width:48.5%; padding:30px; text-align: center;}
.twocolsimprint .col-md-6:first-child {margin-right:3%}
.twocolsimprint .col-md-6 img {width:100%; max-width:350px; height: auto; filter:grayscale(100%)}
.twocolsimprint .col-md-6 img:hover {filter:none;}
.twocolsimprint h2 {margin-bottom:25px; font-size:1.5rem}
.twocolsimprint figure {min-height: 280px; display: flex; flex-direction: column; justify-content: center;align-items:center;}
@media (min-width: 768px) {
	.twocolsimprint .col-md-6 {
		flex: auto
	}
}
@media (max-width:1460px) {
	.widemax1170.contimprint, .widemax1170.twocolsimprint {width:90%; max-width:90%;margin-left:auto;margin-right:auto; padding:50px 30px}
	.widemax1170.twocolsimprint {padding:0}
}
@media (max-width:980px) {
	.dx-nav-menu-bar.right {width: 100% !important}
}
@media (max-width:767px) {
	.twocolsimprint .col-md-6 {width:100%;	margin-right:0; margin-bottom:25px;}
}

@media only screen and (orientation:portrait){
body  {
    /*height: 100vw !important;*/
/*	width:100vh !important;*/
	  overflow: scroll;
    transform: rotate(90deg);
/*	min-width: 100vh;*/
	height: 100vh !important;
    position: absolute;
    /* top: 0%; */
    right: 0;
    width: 100vh;

  }
	body app body  {
    height: auto;
	width:100%;
	  overflow: scroll;
    transform:none;
  }
}

/***** loginseite   *****/
.logo{height:200px;display:flex;flex-direction:row;align-items:flex-end;justify-content:center}
.logo img{position:absolute;z-index:99}
#main-content{position:relative;z-index:10}
.contentwrap{position:relative;osition:relative;height:calc(100vh - 250px)}
.wrapcontent h1 {font-size:20px; font-weight: 400; text-align: center;margin-bottom:0;}
.wrapcontent h1:last-child {margin-bottom:25px;}
.wrapcontent{width:100%;max-width:710px;padding:0 30px;margin:0 auto}
.introtext{padding:50px 0;margin:0 auto;}
.loginform{width:100%;max-width:260px;margin:0 auto;padding:25px;background:rgba(255,255,255,0.9)}
.loginform p {font-size:12px; text-align: center;margin: 0 -15px;font-weight: 500}
#txtLogin, #txtPassword {margin-bottom:16px;padding: 0;    border: 0}
/*.form-control-sandra {width:210px;}*/
/*.form-control {width:210px;}  nicht gut, da es in FormLayouts einiges zerstört */

/* Inputbox und nächstes label sollen 5px Abstand haben */
.dxbs-fl-ctrl {
	margin-right: 5px;
}
.loginform input[type="text"],.loginform input[type="password"]{margin-bottom:15px;border-color:rgba(59,152,206,0.5)}
::-webkit-input-placeholder{color:rgba(59,152,206,0.75)}
::-moz-placeholder{color:rgba(59,152,206,0.75)}
:-ms-input-placeholder{color:rgba(59,152,206,0.75)}
:-moz-placeholder{color:rgba(59,152,206,0.75)}
.btn-primary{margin-top:13px;padding:5px 25px;border:0 none;background:#4598ce;background:-moz-linear-gradient(104deg,rgba(69,152,206,1) 0%,rgba(35,43,72,1) 53%);background:-webkit-linear-gradient(104deg,rgba(69,152,206,1) 0%,rgba(35,43,72,1) 53%);background:linear-gradient(104deg,rgba(69,152,206,1) 0%,rgba(35,43,72,1) 53%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4598ce",endColorstr="#232b48",GradientType=1)}
.slidebgcontainer{position:absolute;top:0;bottom:0;height:calc(100% - 250px);left:0;right:0;box-shadow:0 0 20px rgba(0,0,0,0.1);z-index:1}
[data-am-gallery]{position:relative;width:100%;height:100%;background-color:#fff}
[data-am-gallery] input[type="radio"]{position:fixed;top:-9999px}
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ .images .image:nth-child(4){opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ .navigation .dot:nth-child(4){background-color:#FFF}
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ .navigation .dot:nth-child(4):hover{opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ .images .image:nth-child(3){opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ .navigation .dot:nth-child(3){background-color:#FFF}
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ .navigation .dot:nth-child(3):hover{opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ .images .image:nth-child(2){opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ .navigation .dot:nth-child(2){background-color:#FFF}
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ .navigation .dot:nth-child(2):hover{opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ .images .image:nth-child(1){opacity:1}
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ .navigation .dot:nth-child(1){background-color:#FFF}
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ .navigation .dot:nth-child(1):hover{opacity:1}
[data-am-gallery] .image{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;background-size:cover;background-position:bottom center;background-repeat:no-repeat}
[data-am-gallery] .images .image:nth-child(3) { background-position:top center}
[data-am-gallery] .images .image:nth-child(2) { background-position:center}
[data-am-gallery] .navigation{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:99999}
[data-am-gallery] .dot{display:inline-block;width:15px;height:15px;margin:0 15px;border-radius:50%;border:1px solid #FFF;background-color:transparent;cursor:pointer;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}
[data-am-gallery] .dot:hover{opacity:.8}
.slidenavi .navigation{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:99999}
.slidenavi .dot{display:inline-block;width:15px;height:15px;margin:0 15px;border:1px solid #FFF;border-radius:50%;background-color:transparent;cursor:pointer;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}
.slidenavi .dot:hover{opacity:0}
@media (max-width:767px) {
.introtext{padding:50px 0;margin:0 auto;column-count:1}
.logo{height:120px}
#main-content{height:calc(100vh - 370px);position:relative;z-index:10}
}
@media (max-height:1000px) {
.contentwrap,.slidebgcontainer{min-height:calc(1000px - 250px)}
.logo{height:120px}
}
@media (max-height:1000px) and (max-width:450px) {
.contentwrap,.slidebgcontainer{min-height:calc(1200px - 250px)}
}
/****** loginseite ende *****/

/****** Procurement start *****/
.rowProcShipInfo {
	display: flex;
}

/* Create three equal columns that sits next to each other */
.columnProcShipInfo {
	flex: 50%;
	padding: 5px;
}
/****** Procurement ende *****/