html {
height: 100.1%;
}
body{
width:100% !important;
background-color: #EBE8E4;
color: #000;
font-family: "Calibrie", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
overflow-y: scroll;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 28px;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px;
}
::-webkit-scrollbar {
width: 9px;
height: 9px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #849fc7;
border: 7px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #5f75de;
}
::-webkit-scrollbar-thumb:active {
background: #5f75de;
}
::-webkit-scrollbar-track {
background: #666666;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
background: #c0c0c0;
}
::-webkit-scrollbar-track:active {
background: #808080;
}
::-webkit-scrollbar-corner {
background: transparent;
}
section#header{
z-index:1100;
position:fixed;
top: 0px;
left:0px;
height: 50px;
width:100%;
color: #ededed;
-webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
-webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
}
section#header:after{
margin-bottom:50px;
}
.table-row {display: table-row; }
.table-cell {display: table-cell; }
section#content{
position:relative;
width:100%;
height:100%;
text-align:center;
margin:0 auto;
margin-top: 70px;
margin-bottom: 50px;
}
/* section#content table{
position:relative;
width:100%;
height:100%;
text-align:left;
margin:0 auto;
}
*/
div#content{
position:relative;
width:97%;
height: max-content;
text-align:center;
margin:0 auto;
}
div#inner-content{
position:relative;
width:99%;
height:100%;
text-align:left;
margin:0 auto;
min-height: -webkit-fill-available;
}
section#content table{
position:relative;
/* width:100%; */
height:auto;
text-align:left;
margin:0 auto;
}
#inner-content-table{
position:relative;
border-spacing: 5px;
display: table;
width:100%;
height:100%;
text-align:center;
margin:0 auto;
vertical-align:top;
}
#inner-content-left{
position:relative;
height:100%;
display: table-cell;
/* background-color: #dadada; */
vertical-align:top;
}
#inner-content-middle{
position:relative;
vertical-align:top;
height:100%;
display: table-cell;
/* background-color: #dadada; */
}
#inner-content-right{
position:relative;
vertical-align:top;
height:90%;
display: table-cell;
/* background-color: #dadada; */
}
section#footer{
position:fixed;
bottom: 0px;
left:0px;
background-color: #849fc7;
width:100%;
height:0px;
}
.nav-default-blue {
border: 1px solid #999999;
font-weight: normal;
padding: 10px;
color: #ebe8e4;
background-color: #849fc7;
}
.ui-menu .ui-menu-item a{
display: block;
color:#000000;
}
.charterer{
width:200px;
}
.ui-menu .ui-menu-item a:hover{
display: block;
color:#FFFFFF;
}
/*
ul.ui-autocomplete.ui-menu{
width:400px
}*/
div#clear{
clear: both;
}
input, textarea, select{
background-color:#d1d1d1;
}
div#logo {
position:absolute;
top:6px;
z-index:3;
left:50px;
width:200px;
color:#FFFFFF;
}
div#panel{
padding: 10px;
position: absolute;
right: 1em;
top: 0;
width: 250px;
}
/* Infopanel */
div#infopanel_container {
position: absolute;
width:50%;
left: 230px;
top: 20px;
/* background-color: #2E9AFE;*/
height:50px;
float:left;
}
div#infopanel_unread {
position: relative;
padding-right: 5px;
padding-left: 5px;
float:left;
height:45px;
}
div#infopanel_unread_window {
position: relative;
height:400px;
width: 400px;
margin: auto;
text-align: center;
vertical-align: middle;
z-index:10;
background-color:#d1d1d1;
}
div#infopanel_openmailinglist{
position: relative;
padding-right: 5px;
padding-left: 5px;
float:left;
height:45px;
}
div#infopanel_openmailinglist_window {
position: absolute;
height:400px;
width: 400px;
top:40px;
z-index:10;
background-color:#d1d1d1;
}
div#infopanel_marked {
position: relative;
padding-right: 5px;
padding-left: 5px;
float:left;
height:45px;
}
div#infopanel_marked_window {
position: relative;
height:400px;
width: 400px;
margin: auto;
text-align: center;
vertical-align: middle;
z-index:10;
}
span#infopanel_kreis {
position: absolute;
clear:both;
min-width: 30px;
min-height: 25px;
border-radius: 50px;
background-color: #2E9AFE;
bottom: 0px;
left:0px;
padding: auto;
text-align: center;
vertical-align: middle;
margin: auto;
}
span#infopanel_count {
position: relative;
height:100%;
width:100%;
margin: auto;
text-align: center;
vertical-align: middle;
padding:5px;
}
/* Infopanel
text-align: center;
hyphens: auto;
text-align: justify;
left:2px; margin-left:auto;
margin-right:auto;
padding: auto;position: relative;*/
div#left{
position:relative;
top:10px;
float:left;
width:205px;
margin-left:10px;
margin-right:10px;
}
div#left > div {
padding-bottom:10px;
}
.ui-menu {
width: 200px;
}
.ui-accordion-content{
border-style: groove;
-webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.55);
}
div#container {
margin:0 auto;
overflow:auto;
padding-top: 10px;
padding-bottom: 10px;
width:100%;
}
/*//width:940px;
div#container{
padding-right: 30px;
padding-bottom: 50px;
margin:75px 70px 70px 0px;
width:100%;
height: 100%;
}padding:10px 10px; position:relative;
*/
div#right{
float:right;
width:100px;
}
/*
div#content{
top:10px;
z-index:0;
padding: 10px;
padding-bottom: 30px;
margin:0 auto;
min-height:500px;
width:96%;
left: 10px;
margin-left: 300px; padding-bottom:10px;
}
div#content > div {
}
*/
div#login{
padding:10px;
width: 400px;
height: 250px;
position:relative;
text-align:center;
top:50%;
left:50%;
margin-left:-200px; /*half width*/
margin-top:125px; /* half height*/
}
div#header_container {
background:#eee;
border:1px solid #666;
height:60px;
left:0;
position:fixed;
width:100%;
top:0;
z-index:2;
}
div#footer_container {
background:#eee;
border:1px solid #666;
bottom:0;
height:35px;
left:0;
position:fixed;
width:100%;
}
div#footer {
position:fixed;
bottom:0px;
left:0px;
width:100%;
color:#CCC;
background:#333;
padding:8px;
z-index:2;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+4,666666+26,474747+41,2c2c2c+58,000000+72,111111+80,1c1c1c+89,2b2b2b+100,2b2b2b+100,848484+100 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 4%, rgba(102,102,102,1) 26%, rgba(71,71,71,1) 41%, rgba(44,44,44,1) 58%, rgba(0,0,0,1) 72%, rgba(17,17,17,1) 80%, rgba(28,28,28,1) 89%, rgba(43,43,43,1) 100%, rgba(43,43,43,1) 100%, rgba(132,132,132,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 4%,rgba(102,102,102,1) 26%,rgba(71,71,71,1) 41%,rgba(44,44,44,1) 58%,rgba(0,0,0,1) 72%,rgba(17,17,17,1) 80%,rgba(28,28,28,1) 89%,rgba(43,43,43,1) 100%,rgba(43,43,43,1) 100%,rgba(132,132,132,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 4%,rgba(102,102,102,1) 26%,rgba(71,71,71,1) 41%,rgba(44,44,44,1) 58%,rgba(0,0,0,1) 72%,rgba(17,17,17,1) 80%,rgba(28,28,28,1) 89%,rgba(43,43,43,1) 100%,rgba(43,43,43,1) 100%,rgba(132,132,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#848484',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px -3px 10px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px -3px 10px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px -3px 10px 0px rgba(50, 50, 50, 0.55);
}
.line3d_a:hover td{
background-color:#99ccff; text-decoration-line: none;
}
.line3d_b:hover td{
background-color:#99ccff;
text-decoration-line: none;
}
.line3d_a:hover {
background-color:#d4d3e6;
text-decoration-line: none;
}
.line3d_b:hover {
background-color:#d4d3e6;
text-decoration-line: none;
}
.line3d_a td{
vertical-align: baseline;
height:40px;
padding:1px;
padding-top: 1px;
text-align:left;
color:#000;
border:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#e6e5e5;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-webkit-border-bottom-left-radius:1px;
-webkit-border-bottom-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
border-bottom-left-radius:1px;
border-bottom-right-radius:1px;
min-height:60px;
}
.line3d_a td:first-child{
border-left-style: solid;
border-left-color: black;
}
.line3d_a td:last-child {
border-right-style: solid;
border-right-color: black;
}
.line3d_a td a{
color:#000000; text-decoration-line: none;
}
.line3d_b td:first-child{
border-left-style: solid;
border-left-color: black;
}
.line3d_b td:last-child {
border-right-style: solid;
border-right-color: black;
}
.line3d_b td{
vertical-align: baseline;
height:40px;
padding:1px;
padding-top: 1px;
color:#000;
text-align:left;
border:1px solid #000000;
border-bottom:1px solid #000000;
border-spacing:2px;
background-color:#d4d3e6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-webkit-border-bottom-left-radius:1px;
-webkit-border-bottom-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
border-bottom-left-radius:1px;
border-bottom-right-radius:1px;
}
.line3d_b td a{
color:#000000; text-decoration-line: none;
}
.line3d_head td{
padding:2px;
color:#000;
text-shadow:1px 1px 1px #000000;
/* border:1px solid #000000; */
border-bottom:2px solid #000000;
border-spacing:5px;
background-color:#849fc7;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.line3d_sub_a:hover td{
background-color:#777777;
}
.line3d_sub_b:hover td{
background-color:#777777;
}
.line3d_sub_a td{
padding:2px;
padding-top: 2px;
color:#000;
text-shadow:1px 1px 1px #000000;
/* border:1px solid #000000; */
border-bottom:1px solid #000000;
background-color:#999999;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.line3d_sub_b td{
padding:2px;
padding-top: 2px;
color:#000;
text-shadow:1px 1px 1px #000000;
border:1px solid #000000;
border-bottom:1px solid #000000;
border-spacing:20px;
background-color:#777777;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.line3d_sub_head td{
padding:2px;
padding-top: 2px;
color:#000;
text-shadow:1px 1px 1px #000000;
border:1px solid #000000;
border-bottom:3px solid #000000;
border-spacing:10px;
background-color:#009933;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
/* buttons */
a.list_entry{
text-decoration: none;
color:#000000;
}
a.list_entry:visited{
text-decoration: none;
color:#000000;
}
a.list_entry:hover{
text-decoration: underline;
color:#000000;
}
.btn-height20{
height:20px;
}
.btn-quad {
font-size: 1em;
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
display: inline;
vertical-align: baseline;
margin: 0 0px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .1em;
-moz-border-radius: .1em;
border-radius: .1em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
min-width: 25px !important;
}
.btn-quad:hover {
text-decoration: none;
}
.btn-quad:active {
position: relative;
top: 1px;
}
.btn-large {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 0px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: 2px 2px 2px 2px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .1em;
-moz-border-radius: .1em;
border-radius: .1em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
width: auto;
}
.btn-large:hover {
text-decoration: none;
}
.btn-large:active {
position: relative;
top: 1px;
}
.btn-small {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
display: inline;
/*height:19px;*/
vertical-align: baseline;
/*margin: 0 0px;*/
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
font-size: 10px;
/*padding: 2px 2px 2px 2px;*/
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
/*width: 100px !important;*/
}
.btn-small:hover {
text-decoration: none;
}
.btn-small:active {
position: relative;
/*top: 1px;*/
}
/*
.btn-small {
display: inline-block;
height:19px;
display: inline;
vertical-align: baseline;
margin: 0 0px;
outline: none;
cursor: pointer;
vertical-align:middle;
text-align: center;
text-decoration: none;
font: 8px/100% Arial, Helvetica, sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
width: auto;
}
*/
.btn-more {
font-size: 1em;
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 0px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .1em;
-moz-border-radius: .1em;
border-radius: .1em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
min-width: 100px !important;
}
.btn-more:hover {
text-decoration: none;
}
.btn-more:active {
position: relative;
top: 1px;
}
.btn-cargo-adddira{
width: 130px !important;
display:inline-block;
}
.submitbutton {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
width: 150px !important;
}
.submitbutton:hover {
text-decoration: none;
}
.submitbutton:active {
position: relative;
top: 1px;
}
.black {
color: #d7d7d7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top, #444, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top, #000, #444);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* red */
.red {
color: #faddde;
border: solid 1px #980c10;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top, #c9151b, #a11115);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
color: #de898c;
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* gray */
.gray {
color: #e9e9e9;
border: solid 1px #555;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background: -moz-linear-gradient(top, #757575, #4b4b4b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
color: #afafaf;
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background: -moz-linear-gradient(top, #575757, #888);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* white */
.white {
color: #606060;
border: solid 1px #b7b7b7;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
background: -moz-linear-gradient(top, #fff, #dcdcdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
color: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top, #ededed, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */
.orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* blue */
.blue {
color: #d9eef7;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
color: #80bed6;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top, #0078a5, #00adee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* rosy */
.rosy {
color: #fae7e9;
border: solid 1px #b73948;
background: #da5867;
background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
background: -moz-linear-gradient(top, #f16c7c, #bf404f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
background: #ba4b58;
background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
background: -moz-linear-gradient(top, #cf5d6a, #a53845);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
color: #dca4ab;
background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
background: -moz-linear-gradient(top, #bf404f, #f16c7c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
/* green */
.green {
color: #e8f0de;
border: solid 1px #538312;
background: #64991e;
background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
background: #538018;
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
background: -moz-linear-gradient(top, #6b9d28, #436b0c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
color: #a9c08c;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.green:disabled {
color: #b3c59b;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#c15a5a));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#c15a5a');
}
.limegreen:hover {
background: #538018;
background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
background: -moz-linear-gradient(top, #6b9d28, #436b0c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.limegreen:active {
color: #a9c08c;
background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/* pink */
.pink {
color: #feeef5;
border: solid 1px #d2729e;
background: #f895c2;
background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
background: -moz-linear-gradient(top, #feb1d3, #f171ab);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
background: #d57ea5;
background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
color: #f3c3d9;
background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
background: -moz-linear-gradient(top, #f171ab, #feb1d3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/* yellow */
.yellow {
color: #000000;
border: solid 1px #b99e1a;
background: #eaf35c;
background: -webkit-gradient(linear, left top, left bottom, from(#eaf35c), to(#bfa730));
background: -moz-linear-gradient(top, #eaf35c, #bfa730);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf35c', endColorstr='#bfa730');
}
.yellow:hover {
background: #806e19;
background: -webkit-gradient(linear, left top, left bottom, from(#e9f397), to(#806e19));
background: -moz-linear-gradient(top, #eaf35c, #806e19);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f397', endColorstr='#806e19');
color: #000000;
}
.yellow:active {
color: #f3c3d9;
background: -webkit-gradient(linear, left top, left bottom, from(#e9f397), to(#bfa730));
background: -moz-linear-gradient(top, #e9f397, #bfa730);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f397', endColorstr='#bfa730');
color: #000000;
}
/*charterer*/
.charterer_additional{
width:80%;
height:150px;
}
.ui-dialog .ui-dialog-content {
border: 0;
padding: .5em 1em;
color: #000000;
overflow: auto;
zoom: 1;
}
.dia_content{
color: #000000;
}
/* charge */
.charge_location_div
{
display:block;
width:100%;
white-space: nowrap;
}
.charge_location
{
display:inline;
float:left;
height: 45px;
white-space: nowrap;
width:240px;
padding: 3px 0px 5px 5px;
}
.charge_lable{
float:left;
display:inline;
width:150px;
height:20px;
padding:2px;
/* 5px 5px 5px */
margin-bottom: 0px;
margin-top: 0px;
}
.del_location {
float:left;
height:35px;
padding:5px 5px 5px 5px;
display:inline;
color: #dddddd;
border: solid 0px #980c10;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
margin-right: 3px;
margin-bottom: 0px;
margin-top: 0px;
}
.del_location:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top, #c9151b, #a11115);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.del_location:active {
color: #de898c;
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
.del_location a{
color:#dddddd;
text-decoration:none;
}
/* float:left;
.hrname{
margin: 0;
vertical-align: middle;
padding: 10px;
}
*/
.charge_location_harbor{
float:left;
display:inline;
width:130px;
height:35px;
padding:5px 5px 5px 5px;
margin-bottom: 0px;
margin-top: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #9CB4FF;
/*
min-width: 80px;
float:left;
height: 30px;
padding: 10px 0px 10px 10px;
margin-right: 3px;
margin-bottom: 3px;
margin-top: 3px;
background: #9CB4FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
*/
}
.charge_location_range{
float:left;
display:inline;
width:190px;
height:45px;
padding:3px 3px 3px 3px;
margin-bottom: 0px;
margin-top: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #64B4FF;
/*
min-width: 80px;
float:left;
height: 30px;
padding: 10px 0px 10px 10px;
margin-right: 3px;
margin-bottom: 3px;
margin-top: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;/**/
}
input{
/*
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
*/
margin-right: 1px;
margin-bottom: 1px;
margin-top: 1px;
text-overflow: ellipsis;
white-space: nowrap;
font: 100% Helvetica, Arial, Sans-serif;
border:1px solid #000000;
box-sizing: border-box;
padding: 1px;
padding-right: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
}
input:focus {
outline: none;
}
select {
height: 30px;
/*
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
max-width: 360px;
*/
padding: 3px;
padding-left: 10px;
padding-right: 35px;
box-sizing: border-box;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 2px;
font: 100% Helvetica, Arial, Sans-serif;
border-radius: 0px;
border: 1px solid #000000;
/* background-image: url(/images/select-arrow.png);
*/
background-position: right;
background-repeat: no-repeat;
}
input[type=date], input[type=time] {
padding: 2px;
box-sizing: border-box;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 2px;
}
/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
background-color: #999;
width:20px;
height:20px;
}
input[type='checkbox']:not(:checked),
input[type='radio']:not(:checked) {
background-color: #d1d1d1;
}
input[type='checkbox']:checked,
input[type='radio']:checked{
background-color: #adbad7; /**/
position: relative;
width:20px;
height:20px;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
cursor: pointer;
}
.errorbox {
background-image: url('../../images/error.png');
background-repeat: no-repeat;
background-position: 15px;
margin: 0px 0px 10px 0px;
padding: 6px 5px 6px 60px;
min-height: 28px;
background-color: #F2D4CE;
border: 1px solid #AE432E;
color: #cc0000;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.infobox {
background-image: url('../../images/info.jpg');
background-size: 3%;
background-repeat: no-repeat;
background-position: 19px;
margin: 0px 0px 10px 0px;
padding: 6px 5px 6px 60px;
min-height: 28px;
background-color: #f2faae;
border: 1px solid #978817;
color: #685600;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#spacer{
position:relative;
height:50px;
display:block;
}
.spacer{
position:relative;
height:50px;
display:block;
}
#spacertop{
position:relative;
height:20px;
display:block;
}
.spacertop{
position:relative;
height:20px;
display:block;
}
input {
line-height: normal;
font-size: 100%;
margin: 0;
vertical-align: baseline;
vertical-align: middle;
height: 30px;
/* margin-left: .5em !important; */
}
input[type='checkbox']{
box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
padding: 0; /* Addresses excess padding in IE8/9 */
max-width: 1em!important;
height: 1em!important;
appearance: none;
-webkit-appearance: none;
width: 2em !important;
background: #fff;
border: 1px solid #8f8f8f;
border-radius: 3px;
}
input[type="checkbox"]:checked{
background: #2a6cb3;
background: #7097d2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #7097d2 0%, #7097d2 20%, #207cca 20%, #2a6cb3 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7097d2), color-stop(20%,#7097d2), color-stop(20%,#207cca), color-stop(100%,#2a6cb3)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #7097d2 0%,#7097d2 20%,#207cca 20%,#2a6cb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #7097d2 0%,#7097d2 20%,#207cca 20%,#2a6cb3 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #7097d2 0%,#7097d2 20%,#207cca 20%,#2a6cb3 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #7097d2 0%,#7097d2 20%,#207cca 20%,#2a6cb3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7097d2', endColorstr='#2a6cb3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
}
.cargo_container{
border: 1px rgb(167, 167, 167) groove;
padding: 1px;
margin: 1px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: rgb(216, 216, 216);
-moz-box-shadow: inset 0px 0px 6px 0px rgb(128,128,128);
-webkit-box-shadow: inset 0px 0px 6px 0px rgb(128,128,128);
box-shadow: inset 0px 0px 6px 0px rgb(128,128,128);
}
.mail3d_a:hover td{
background-color:#555555;
}
.mail3d_b:hover td{
background-color:#555555;
}
.mail3d_a td{
padding:5px;
padding-top: 5px;
color:#fff;
text-shadow:1px 1px 1px #000000;
border:1px solid #000000;
border-bottom:3px solid #000000;
background-color:#999999;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.mail3d_a td{
padding:5px;
padding-top: 5px;
color:#fff;
text-shadow:1px 1px 1px #000000;
border:1px solid #000000;
border-bottom:3px solid #000000;
background-color:#999999;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.mail3d_b td{
padding:5px;
padding-top: 5px;
color:#fff;
text-shadow:1px 1px 1px #000000;
border:1px solid #000000;
border-bottom:3px solid #000000;
border-spacing:20px;
background-color:#777777;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.mail3d_b td a{
color:#FFFFFF;
}
.mail3d_a td a{
color:#FFFFFF;
}
.mail3d_a_unread td{
padding:5px;
padding-top: 5px;
color:#fff;
border:1px solid #000000;
border-bottom:3px solid #000000;
background-color:#999999;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.mail3d_a_unread td{
height:60px;
}
.mail3d_b_unread td{
height:60px;
}
.mail3d_a_unread td{
color:#4d0000;
background-color:#576b2e;
font-weight: bold;
}
.mail3d_b_unread td{
color:#4d0000;
background-color:#576b2e;
font-weight: bold;
}
.mail3d_a_unread:hover td{
color:#4d0000;
background-color:#5e8217;
font-weight: bold;
}
.mail3d_b_unread:hover td{
color:#4d0000;
background-color:#5e8217;
font-weight: bold;
}
.mail_answered td a{
color:#FFFFFF;
}
.mail_flag_red td a{
color:#FFFFFF;
}
#cssmenu > ul > li.right{
float:right;
}
.mailbita td{
color:#000000;
border:1px solid #000000;
border-spacing:20px;
background-color:#777777;
font-size:13px;
height:30px;
}
.mailbitb td{
color:#000000;
border:1px solid #000000;
border-spacing:20px;
background-color:#999999;
font-size:13px;
height:30px;
}
.unread td{
font-weight:bold;
}
.highlight,
.highlight td {
background-color: #2E9AFE;
height:30px;
}
.marker td{
border:2px solid #FF0000;
}
div.attachment {
background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
display: inline-block;
width:200px;
}
/* DATATABLE */
.datatabletoolbar {
float: left;
left: 2px;
position: relative;
}
.datatabletoolbar2 {
float: right;
left: 2px;
position: relative;
}
thead input {
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
padding-left: 5px;
}
table.dataTable tbody th, table.dataTable tbody td {
padding: 2px 5px;
}
#recap_template_textarea1,#recap_template_textarea2{
height:400px;
width:99%;
}
#recap_form_text{
width:40%;
}
#recap_form_text:focus{
border: 2px solid #51A7E8;
width:40%;
}
#recap_form_text_short{
width:20%;
}
#recap_form_text_short:focus{
border: 2px solid #51A7E8;
width:20%;
}
.recap_form_textarea{
width:40%;
height:100px;
}
input[type='radio']:focus{
background-color: #51A7E8;
border: 2px solid #51A7E8;
}
input[type='checkbox']:focus{
border: 2px solid #51A7E8;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: #cfe6f9;
}
:-ms-input-placeholder { /* IE 10+ */
color: #cfe6f9;
}
:-moz-placeholder { /* Firefox 18- */
color: #cfe6f9;
}
/* Vessels Spec */
div#vesselsmainimage {
height:20%;
float:left;
margin: 0 auto;
text-align:center;
}
.vessels-main-image{
width:150px;
height:150px;
margin: 0 auto;
display: inline;
}
div#vesselsmaindata{
vertical-align:top;
height:100%;
float:left;
}
div#vesselsaisdata{
vertical-align:top;
height:100%;
float:left;
}
div#vesselsdetailsleft{
vertical-align:top;
height:100%;
float:left;
}
div#vesselsdetailsright{
vertical-align:top;
height:100%;
float:right;
}
/* Flat Design */
#flatcontentbox:after {
content: "";
/* display: table; */
clear: both;
}
#flatcontentbox{
border-style: none;
/* -webkit-box-shadow: 0px 2px 4px 2px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 2px 4px 2px rgba(50, 50, 50, 0.25);
box-shadow: 0px 2px 4px 2px rgba(50, 50, 50, 0.25); */
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:10px;
margin-bottom:25px;
padding:5px;
}
.flatbox,
.flatcontentbox{
position:relative;
border-style: none;
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
background-color: #ebe8e4;
/* padding:2px;*/
display:block;
margin-bottom:20px;
}
.flatbox:after,
.flatcontentbox:after {
content: "";
display: table;/* */
clear: both;
}
/* table.flat td[1]{
width:40%;
} */
table.flat {
border-spacing: 2px;
border-collapse: separate;
/*table-layout:fixed;*/
/* width:100%; */
/* height:220px; */
}
/* table.flat tr:hover td{
border-style: none;
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:10px;
margin-bottom:10px;
background-color: #849fc780;
word-wrap:break-word;
} */
.line_head{
padding:1px;
padding-top: 0px;
color:#000;
/* text-shadow:1px 1px 1px #000000; */
border:1px solid #000000;
border-bottom:1px solid #000000;
border-spacing:2px;
background-color:#6498c9;
background-color:#2689cf;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
table.dataTable > thead > th,
table.dataTable > thead > td {
padding: 1px 1px;
border-left: 0px solid #111;
border-right: 0px solid #111;
border-left: 0px solid #111;
border-right: 0px solid #111;
background-color: #849fc7;
}
table.dataTable > tbody > th,
table.dataTable > tbody > td {
padding: 1px 1px;
border-left: 0px solid #111;
border-right: 0px solid #111;
border-top: 0px solid #111;
border-bottom: 0px solid #111;
}
table.flathover tr:hover{
border-style: none;
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:8px;
margin-bottom:8px;
background-color: #849fc780;
word-wrap:break-word;
/* width:30%; */
}
table.flat tr td {
border-style: none;
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:2px;
margin-bottom:2px;
word-wrap:break-word;
}
table.flat tr.nospacing td {
margin-top:0px;
margin-bottom:0px;
word-wrap:break-word;
/* width:30%; */
border-spacing: 0px;
border-width:0px;
}
table.flat tr td.noshadow{
padding:0px;
text-align:left;
color:#000;
border-spacing: 0px;
/* border-style: solid; */
-webkit-box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.25);
box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.25);
}
table.flat tr th {
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:10px;
margin-bottom:10px;
word-wrap:break-word;
/* width:30%; */
border-style: solid;
border-top: 0px solid #000;
border-bottom: 1px solid #000;
border-left: 0px solid #000;
border-right: 0px solid #000;
}
table.flat tr th:first-child {
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:10px;
margin-bottom:10px;
word-wrap:break-word;
/* width:30%; */
border-style: solid;
border-top: 0px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 0px solid #000;
}
table.flat tr th:last-child {
-webkit-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
margin-top:10px;
margin-bottom:10px;
word-wrap:break-word;
/* width:30%; */
border-style: solid;
border-top: 0px solid #000;
border-bottom: 1px solid #000;
border-left: 0px solid #000;
border-right: 1px solid #000;
}
table.flat tr.nospacing th {
margin-top:0px;
margin-bottom:0px;
word-wrap:break-word;
/* width:30%; */
border-spacing: 0px;
border-width:0px;
}
table.flat tr th.noshadow{
padding:0px;
text-align:left;
color:#000;
border-spacing: 0px;
/* border-style: solid; */
-webkit-box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.25);
-moz-box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.25);
box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.25);
}
table.flat tr.line_head th.nospacing{
border-spacing:0px;
border:0px solid #000000;
}
table.flat > tr.line_head td{
padding:3px;
padding-top: 3px;
color:#000;
/* text-shadow:1px 1px 1px #000000;
border:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;*/
border-spacing:0px;
background-color:#aab8d6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
table.flat > thead:first-child tr td {
border-top:1px solid #000000;
}
table.flat > thead:first-child tr td:first-child {
border-left:1px solid #000000;
}
table.flat > thead:first-child tr td:last-child {
border-right:1px solid #000000;
}
table.flat > tr.line_head th{
padding:3px;
padding-top: 3px;
color:#000;
border-spacing:0px;
background-color:#aab8d6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
table.flat > thead:last-child tr th {
border-top:0px solid #000000;
border-bottom:1px solid #000000;
}
table.flat > thead:last-child tr th:first-child {
border-left:1px solid #000000;
}
table.flat > thead:last-child tr th:last-child {
border-right:1px solid #000000;
}
/*
table.flat > thead:first-child tr{
padding:1px;
padding-top: 0px;
color:#000;
border:1px solid #000000;
border-left:3px solid #000000;
border-bottom:3px solid #000000;
border-top:3px solid #000000;
border-spacing:0px;
background-color:#aab8d6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
table.flat > thead:first-child tr td:first-child{
padding:3px;
padding-top: 0px;
color:#000;
border:1px solid #000000;
border-left:3px solid #000000;
border-top:3px solid #000000;
border-spacing:0px;
background-color:#aab8d6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
table.flat > thead:last-child tr td:first-child{
padding:1px;
padding-top: 0px;
color:#000;
border:3px solid #000000;
border-left:3px solid #000000;
border-bottom:3px solid #000000;
border-spacing:0px;
background-color:#aab8d6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
border-top:3px solid #000000; */
/* text-shadow:1px 1px 1px #000000; */
/* tr td:first-child
table.flat > thead:last-child td:last-child:last-child {
padding:3px;
padding-top: 3px;
color:#000;
border:1px solid #000000;
border-left:3px solid #000000;
border-bottom:3px solid #000000;
border-spacing:0px;
background-color:#aab8d6;
-webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
}
*/
tr.line_a td{
padding:5px;
padding-top: 5px;
text-align:left;
color:#000;
background-color:#e6e5e5;
/* border:1px solid #000000;
border-bottom:1px solid #000000; -webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-webkit-border-bottom-left-radius:1px;
-webkit-border-bottom-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
border-bottom-left-radius:1px;
border-bottom-right-radius:1px; */
}
.line_a {
border:1px solid #000000;
background-color:#dedee1;
}
.line_b {
border:1px solid #000000;
background-color:#d4d3e6;
}
.line_highlight {
border:1px solid #000000;
background-color:#aab8d6;
}
.line_a a{
color:#000000;
text-decoration-line: none;
}
.line_b td{
padding:5px;
padding-top: 5px;
color:#000;
text-align:left;
border-spacing:2px;
background-color:#d4d3e6; /**/
/* border:1px solid #000000;
border-bottom:1px solid #000000; -webkit-border-top-left-radius:1px;
-webkit-border-top-right-radius:1px;
-webkit-border-bottom-left-radius:1px;
-webkit-border-bottom-right-radius:1px;
-moz-border-radius:1px 1px 1px 1px;
border-top-left-radius:1px;
border-top-right-radius:1px;
border-bottom-left-radius:1px;
border-bottom-right-radius:1px; */
}
.line_b a{
color:#000000;
text-decoration-line: none;
}
.lefttext{
text-align: left;
}
.centertext{
text-align: center;
}
.righttext{
text-align: right;
}
.low1{
width:5%; /**/
}
.low2{
width:10%; /**/
}
.low3{
width:15%; /**/
}
.low4{
width:20%; /**/
}
.low5{
width:25%; /**/
}
.low6{
width:30%; /**/
}
.low7{
width:35%; /**/
}
.low8{
width:40%; /**/
}
.low9{
width:45%; /**/
}
.low10{
width:49.8%; /**/
}
.low10_1{
width:49.8%; /**/
}
.low11{
width:55%; /**/
}
.low12{
width:60%; /**/
}
.low13{
width:65%; /**/
}
.low14{
width:70%; /**/
}
.low15{
width:75%; /**/
}
.low16{
width:80%; /**/
}
.low17{
width:85%; /**/
}
.low17-5{
width:87.7%; /**/
}
.low18{
width:90%; /**/
}
.low19{
width:95%; /**/
}
.low20{
width:100%; /**/
}
div#vesselsdetailsleft table td ,
div#vesselsdetailsright table td {
border-style: none;
-webkit-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.25);
box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.25);
margin-top:10px;
margin-bottom:10px;
padding:5px;
word-wrap:break-word;
}
div#vesselsdetailsleft table,
div#vesselsdetailsright table{
table-layout:fixed;
width:100%;
}
div#menuearea{
border-style: none;
display:inline-block;
padding:5px;
/* -webkit-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.25);
box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.25);
margin-top:10px;
margin-bottom:10px;
padding:5px;
word-wrap:break-word;
width:100%; */
}
/*
div.flatbox > div table {
table-layout:fixed;
width:100%;
}
*/
.flattable{
/* border-style: none;
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.55);
margin-top:10px;
margin-bottom:25px; */
}
table.selectable tr.selected2copy td{
border: 0.5px solid #000000 !important;
}
.noshadow ,
.nospacing{
padding:0px;
text-align:left;
color:#000;
border-style: solid;
-webkit-box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.0);
-moz-box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.0);
box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.0);
border-spacing: 0px;
border-width:0px;
}
.notes{
position: fixed;
/* position:absolute; */
border: 0.1px solid #000000 !important;
display:block;
padding:0px;
width:250px;
height:250px;
top:200px;
left:100px;
background-color:#d4d3e6;
z-index:3001;
/* display: flex; */
}
/* .notescontent{
resize: none;
outline: none;
width: 100%;
border: none;
height: 100%;
display: flex;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color:white;
border:1px solid #000;
width: 100%;
padding: 1px;
z-index:10;
}
*/
textarea.notescontent{
position:relative;
height: calc(100% - 43px);
bottom:0px;
width: calc(100% - 1px);
margin-left:0.4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: transparent;
}
/*
#notes .notes-content{
position:absolute;
display:block;
width:100%;
height: 100%;
background-color:#d4d3e6;
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
border: 1px solid gray;
font: medium -moz-fixed;
font: -webkit-small-control;
box-sizing: border-box;
}
#notes .notescontent textarea{
position:absolute;
display:inline-block;
width:100%;
height: 100%;
}
*/
/*
#notes-content{
overflow: auto;
padding: 2px;
resize: both;
}
div#notes-content[contenteditable=true]:active{
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
background: #2b2b2b;
height:100%;
}
*/
.notetrashimg{
float:right;
height:30px;
width:30px;
padding:4px;
}
div.notescoloroption{
position:relative;
display: block;
width:100%;
height:42px;
z-index:100;
background-color: none;
padding:4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
span.notescolorselector{
position:relative;
background-color: none;
display: block;
width:30px;
height:30px;
z-index:100;
margin:4px;
padding:4px;
}
select.notescolorselector {
height:30px;
width:30px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border:1px solid #000;
}
select.notescolorselector ::-ms-expand {
display: none;
}
select.notescolorselector option {
background:#222;
border-top:1px solid #444;
padding:.3em 1em .3em 1em;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
select.notescolorselector:hover,
select.notescolorselector option:hover {
background:none;
background-color:none;
}
select.notescolorselector option[value="#A9F5A9"] :hover,
select.notescolorselector option[value="#A9F5A9"] {
background:#A9F5A9;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
select.notescolorselector option[value="#F78181"] :hover,
select.notescolorselector option[value="#F78181"] {
background:#F78181;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
select.notescolorselector option[value="transparent"] :hover,
select.notescolorselector option[value="transparent"] {
background:transparent;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
select.notescolorselector option[value="#A9D0F5"] :hover,
select.notescolorselector option[value="#A9D0F5"] {
background:#A9D0F5;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
/*
*/
select.notescolorselector option[value="#aab8d6"] :hover,
select.notescolorselector option[value="#aab8d6"] {
background:#aab8d6;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
select.notescolorselector option[value="#F2F5A9"] :hover,
select.notescolorselector option[value="#F2F5A9"] {
background:#F2F5A9;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
select.notescolorselector option[value="#EFF2FB"] :hover,
select.notescolorselector option[value="#EFF2FB"] {
background:#EFF2FB;
height:40px;
width:40px;
line-height:40px;
padding:40px;
}
#notes-state-changer{
position: fixed;
position: expression("absolute");
width: 60px;
display: inline-block;
min-height: 22px;
bottom: 0px;
padding-top: 2px;
right: 70px;
margin-left: 20px;
background-color: #d4d3e6;
background: #d4d3e6;
background: -moz-linear-gradient(top, #d4d3e6 0%, #849fc7 100%);
background: -webkit-linear-gradient(top, #d4d3e6 0%,#849fc7 100%);
background: linear-gradient(to bottom, #d4d3e6 0%,#849fc7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3e6', endColorstr='#849fc7',GradientType=0 );
color: #000;
text-decoration:bold;
text-align: center;
font-size: 14px;
min-height: 22px;
-webkit-box-shadow: inset 0px -1px 7px 0px rgba(0,0,0,0.59);
-moz-box-shadow: inset 0px -1px 7px 0px rgba(0,0,0,0.59);
box-shadow: inset 0px -1px 7px 0px rgba(0,0,0,0.59);
z-index:3001;
}
#notes-state-add {
position: fixed;
position: expression("absolute");
width: 30px;
display: inline-block;
min-height: 22px;
padding-top: 2px;
bottom: 0px;
right: 40px;
margin-left: 80px;
background-color: #d4d3e6;
background: #d4d3e6;
background: -moz-linear-gradient(top, #9dcea2 0%, #437f42 100%);
background: -webkit-linear-gradient(top, #9dcea2 0%,#437f42 100%);
background: linear-gradient(to bottom, #9dcea2 0%,#437f42 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dcea2', endColorstr='#437f42',GradientType=0 );
color: #FFF;
text-align: center;
font-size: 14px;
min-height: 22px;
-webkit-box-shadow: inset 0px -1px 7px 0px rgba(0,0,0,0.59);
-moz-box-shadow: inset 0px -1px 7px 0px rgba(0,0,0,0.59);
box-shadow: inset 0px -1px 7px 0px rgba(0,0,0,0.59);
z-index:3001;
}
/* remove standard-styles */
select.FormField {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
border-radius: 0;
font-size: 1em;
width: 100%
}
/* styling */
select.FormField {
width:100%;
border: 1px solid #bbb;
padding:.75em 1em .5em 1em;
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
background-color:white;
background-image:url(select-arrow.png);
background-position: right;
background-repeat: no-repeat;
}
select.FormField:hover {
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
/* hide browser-styling (arrow) in IE10 */
select.FormField::-ms-expand {
display:none;
}
.lt-ie10 select.FormField {
background-image: none;
}
select.FormField {
/* irrelevante Eigenschaften gekürzt */
border: 1px solid black;
padding:6px 6px 6px 6px ;
/* box-shadow: 0 2px 1px 0 rgba(0,0,0,1); */
background-color:#d1d1d1;
color:#000;
}
/* arrows */
select.FormField {
background-image:
linear-gradient(45deg, transparent 50%, #d1d1d1 50%),
linear-gradient(135deg, #d1d1d1 50%, transparent 50%),
linear-gradient(to right, #94a0bb, #94a0bb);
background-position:
calc(100% - 20px) calc(0.80em + 0px),
calc(100% - 15px) calc(0.80em + 0px),
100% 0;
background-size:
5px 5px,
5px 5px,
2.8em 2.8em;
background-repeat: no-repeat;
border-color: #000;
outline: 0;
}
select.FormField:Blur {
background-image:
linear-gradient(45deg, transparent 50%, #d1d1d1 50%),
linear-gradient(135deg, #d1d1d1 50%, transparent 50%),
linear-gradient(to right, #94a0bb, #94a0bb);
background-position:
calc(100% - 20px) calc(0.80em + 0px),
calc(100% - 15px) calc(0.80em + 0px),
100% 0;
background-size:
5px 5px,
5px 5px,
2.8em 2.8em;
background-repeat: no-repeat;
border-color: #000;
outline: 0;
}
select.FormField:focus {
background-image:
linear-gradient(45deg, white 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, white 50%),
linear-gradient(to right, #94a0bb, #94a0bb);
background-position:
calc(100% - 15px) 0.80em,
calc(100% - 20px) 0.80em,
100% 0;
background-size:
5px 5px,
5px 5px,
2.8em 2.8em;
background-repeat: no-repeat;
border-color: grey;
outline: 0;
}
select.FormField option {
background:#d4d3e6;
border-top:1px solid #444;
padding:.3em 1em .3em 1em;
}
select.FormField > option:hover {
background:#222;
border-top:1px solid #444;
padding:3em 1em .3em 1em;
}
.todolist{
margin:0 auto;
text-align:center;
display:inline-block;
}
.todobit{
padding:5px;
background:#999;
border-top:1px solid #444;
border-bottom:1px solid #444;
margin:0 auto;
display:inline-block;
}
div#searchresponse{
position: absolute;
z-index:1
}
div#search_resbit{
z-index:1000;
width:318px;
height:70px;
background:#ddd;
margin-bottom:1px;
border:1px solid #000;
}
div#search_resbit:hover{
z-index:1000;
background:#e2e2e2;
margin-bottom:1px;
}
div#search_resbit1{
width:100%;
text-align:left;
}
div#search_resbit2{
width:100%;
text-align:left;
}
div#search_resbit3{
width:100%;
text-align:left;
}
.tabs .tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 60px;
margin: 0;
text-transform: uppercase;
background-color: #ffff;
color: #ee6e73;
width:70px;
padding:10px;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
label.tabs {
display: inline-block;
width: 70px;
line-height: 40px;
height: 40px;
background-color: #cac8c8;
border-top: 4px solid #cac8c8;
}
input.tabed {
display: inline-block;
/* width:70px;*/
line-height: 30px;
height: 40px;
padding: 5px;
background-color:#cac8c8;
border-top: 4px solid #00000;
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
input.tabed_activ {
color: #555;
border: 0px solid #ddd;
border-top: 4px solid #849fc7 ;
border-bottom: 1px solid #ddd;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color: #e6e5e5;
padding: 0px 0 0;
padding: 5px;
}
button.tabed {
display: inline-block;
/* width:70px;*/
line-height: 30px;
height: 50px;
padding: 5px;
min-width:100px;
background-color:#cac8c8;
border-top: 4px solid #00000;
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
button.tabed_activ {
color: #555;
border: 0px solid #ddd;
border-top: 4px solid #849fc7 ;
border-bottom: 1px solid #ddd;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color: #e6e5e5;
padding: 0px 0 0;
padding: 5px;
}
.searchable_wrapper{
margin-bottom:10px
}
input.tabs {
display: none;
}
input.tabs:checked + label.tabs {
color: #555;
border: 0px solid #ddd;
border-top: 4px solid #849fc7 ;
border-bottom: 1px solid #fff;
background-color: #cac8c8;
padding: 2px 0 0;
}
section.tabs{
display: none;
padding: 2px 2px 2px 2px ;
border-top: 1px solid #ddd;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
display: inline-block;
padding: 2px 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -2px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #cccccc;
background: #e6e5e5;
font-weight: normal;
color: #222222;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #e1d1d1;
background: #2689cf;
padding: 4px;
margin-top: -16px;
font-weight: normal;
color: #e3e3e3;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 1px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 1px;
}
.ui-widget-header {
border: 0px solid #a3a3a3;
background: #2689cf;
color: #eeeeee;
font-weight: bold;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
background: #e6e5e5;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #222222;
text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #001635;
text-decoration: none;
}
.ui-widget-header a {
color: #eeeeee;
}
.ui-widget-content a {
color: #222222;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #cccccc;
background: #e6e5e5;
font-weight: normal;
color: #222222;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 0.8em 0.4em;
background: #e6e5e5;
}
/*
* calendar
*
*
*/
div#calendarmain{
width:100%;
}
table#calendartable{
/* background: #aab8d6; */
width:100%;
}
tr.calendarhead{
/* background: #aab8d6; #d4d3e6*/
width:100%;
}
.callastonext{
border:1px solid #000;
background-color: #dddd;
/* background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, #aab8d6 40px, #6385b9 80px); */
}
.calwday{
border: #aab8d6;
background:#aab8d6;
}
.cal_day{
height:50px;
width:50px;
border:1px solid #000;
background:#dddd;
}
.cal_day:HOVER{
background:#d4d3e6;
}
div.cal_daycontainer{
height:100%;
width:100%;
position:relative;
bottom:0px;
right:0px;
}
.today{
background:#9999;
}
div.cal_daydate{
position: absolute;
bottom:0px;
right:0px;
/* height:20px;
width:20px; */
}
#slide-wrapper-right{
/*display: table; */
position:fixed;
top: 52px;
width: 30px;
background:#ddd;
right:0px;
float:right;
height:100%;
z-index:1000;
overflow: hidden;
}
#slide-wrapper-left{
/*display: table; */
position:fixed;
top: 52px;
width: 30px;
background:#ddd;
left:0px;
float:left;
height:100%;
z-index:1000;
overflow: hidden;
}
#slide-right {
display: table-cell;
z-index:101;
padding-top: 8px;
position: absolute;
border: 1px solid black;
width : 30px;
height: 100%;
background: linear-gradient(rgb(1 128 204) 0%, rgb(132, 159, 199) 100%);
left :0px;
float:left;
}
#slide-left {
display: table-cell;
z-index: 101;
padding-top: 8px;
position: absolute;
border: 1px solid black;
width: 30px;
height: 100%;
background: linear-gradient(rgb(1 128 204) 0%, rgb(132, 159, 199) 100%);
right: 0px;
}
#slidebar-content{
position:relative;
top:10px;
padding-top:10px;
}
#slidebar-innerbox-content-right {
/* position: relative;
display: table-row;
*/
display: table-cell;
float: right;
background: #999;
width :250px;
height:100%;
left:20px;
}
#slidebar-innerbox-content-left {
display: table-cell;
float: left;
background: #999;
width :250px;
height:100%;
}
#slide-label-right{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform:rotate(180deg);
padding:4px;
color:#FFF;
}
#slide-label-left{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform:rotate(180deg);
padding:4px;
color:#FFF;
}
.TaskTable{
display: table;
width: 90%;
/*width:auto; height: auto;*/
margin: 0 auto;
background-color: #aab8d6;
padding: 5px;
}
.TaskTableRow {
display: table-row;
background-color: #e6e5e5;
}
.TaskTableHeading {
background-color: #EEE;
display: table-header-group;
}
.TaskTableCell, .divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.TaskTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.TaskTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.TaskTableBody {
display: table-row-group;
background-color: #d4d3e6;
padding:3px;
}
#inner-widget{
margin-bottom: 10px;
width:100%;
}
.postbox {
min-width: 255px;
border: 1px solid #e5e5e5;
background: #fff;
}
#drag_upload_progress{
display: none;
}
#drag_upload_state{
display: none;
}
#drop_file_zone {
background-color: #d4d3e6;
border: #999 2px outset;
width: auto;
height: 32px;
/*min-height: -webkit-fill-available;*/
font-size: 12px;
}
#drop_file_zone:hover {
background-color: #aab8d6;
}
#drag_upload_file {
width:50%;
margin:0 auto;
}
#drag_upload_file p {
text-align: center;
}
#drag_upload_file #selectfile {
display: none;
}
.drag_upload_progress{
display: none;
}
.drag_upload_state{
display: none;
}
.drop_file_zone {
background-color: #d4d3e6;
border: #999 2px outset;
width: auto;
height: 32px;
/*min-height: -webkit-fill-available;*/
font-size: 12px;
}
.drop_file_zone:hover {
background-color: #aab8d6;
}
.drag_upload_file {
width:50%;
margin:0 auto;
}
.drag_upload_file p {
text-align: center;
}
.drag_upload_file #selectfile {
display: none;
}
div.transform {
-moz-transform: rotate(-30deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(-30deg); /* Safari */
-o-transform: rotate(-30deg); /* Opera */
-ms-transform: rotate(-30deg); /* IE9 */
transform: rotate(-30deg); /* W3C */
}
#strengthresultcontainer
{
color:#F00;
background-color:#999999;
text-shadow:#666;
width:100px;
display:inline-block;
border:1px;
border-color:#000000;
}
#strengthresult
{
color:#F00;
background-color:#666666;
text-shadow:#666;
width:100px;
display:inline-block;
border:1px;
border-color:#000000;
}
.resultstrong{color:green;}
.resultweak{color:red;}
.resultred{color:red;}
.resultorange{color:orange;}
.resultgreen{color:green;}
.ui-tooltip, .arrow:after {
background: #d4d3e6 ;
border: 2px solid black;
color: black
}
.ui-tooltip {
padding: 10px 40px;
color: black
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -20px;
}
.arrow.top {
top: -6px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
.custom-combobox {
position: relative;
display: inline-block;
width: 80%;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
}
.custom-combobox-input {
margin: 0;
padding: 5px 10px;
width: 100%;
}
.ui-menu-item:hover{
background-color:#666666;
}
.invoice_container{
display: table;
width:100%;
border: 1px solid black;
}
.invoice_tablerow{
display: table-row;
background: #eeeeee;
width:100%;
}
.invoice_tablecella{
display: table-cell;
background: #dddddd;
border-right: 1px solid black;
}
.invoice_tablecellb{
display: table-cell;
background: #eeeeee;
padding: 5px;
border-right: 1px solid black;
}
.invoice_lumpsum{
width: 10px;
display: table-cell;
padding: 5px;
border-right: 1px solid black;
}
.invoice_description{
display: table-cell;
width: 100%;
border-right: 1px solid black;
}
.invoice_weight{
display: table-cell;
width: 100px;
padding: 5px;
border-right: 1px solid black;
}
.invoice_price{
display: table-cell;
width: 100px;
padding: 5px;
border-right: 1px solid black;
}
.invoice_commision{
display: table-cell;
width: 100px;
padding: 5px;
border-right: 1px solid black;
}
.invoice_remove{
display: table-cell;
width: 100px;
padding: 5px;
border-right: 1px solid black;
}
.invoice_entrytype{
width: 100px;
padding: 5px;
border-right: 1px solid black;
}
.invoice_head{
padding: 2px;
color: #000;
text-shadow: 1px 1px 1px #000000;
/* border: 1px solid #000000; */
border-bottom: 2px solid #000000;
border-spacing: 5px;
background-color: #849fc7;
}
#AddVessleError{
color:red;
}
.rss_bit{
/*border-bottom: 2px solid #000000;*/
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}
.rss_titel{
background-color: #849fc7;
border-bottom: 1px solid #000000;
padding : 2px;
}
.rss_content{
padding: 5px;
}
.rss_author{
padding : 4px;
}
.rss_update{
padding : 2px;
}
.rss_spacer{
padding-top:15px;
}
.rss_subcontent{
padding-left: 20px;
}
.rss_subbit p{
padding-left: 40px;
/* width:*/
}
.rss_subupdate{
position: relative;
top: -15px;
padding-left: 60px;
}
.rss_subcontentp ul{
/**/
padding-top: 2px;
padding-bottom: 2px;
display: block;
list-style-type: disc;
margin-block-start: 1px;
margin-block-end: 1px;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 1px;
}
.rss_subbit pre {
margin: 1em 1em 1em 1.6em;
padding-left: 40px;
background-color: #d1d1d1;
border: 1px solid #e2e2e2;
border-radius: 3px;
width: auto;
overflow-x: auto;
overflow-y: hidden;
}
.jobs_sidebar{
padding: 2px;
float:right;
position: relative;
width:19%;
height:auto
}
.job_bit{
padding: 3px;
float:right;
position: relative;
width:100%;
height:auto;
border: 1px solid #000000;
background-color: #849fc7;
margin-bottom:5px;
}
.job_content{
padding-bottom: 2px;
padding: 5px;
min-height: 50px;
}
.job_content_small{
padding-bottom: 2px;
padding: 5px;
min-height: 25px;
}
.job_prearrivals_bit{
float:left;
min-height: 22px;
width:16%;
min-height: 30px;
position: relative;
margin: 3px 2px 3px 0;
padding: 4px 20px 4px 4px;
border: 1px solid #000;
border-radius: 3px;
background-color: #2689cb;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
color: #e6e5e5;
line-height: 13px;
cursor: default;
text-align: center;
}
.job_prearrivals_bit:hover{
background-color: #469ed9;
}
.prearrivals_container{
position:relative;
width:100%;
float:left;
z-index:3000;
}
.prearrivals_bit{
float:left;
min-height: 22px;
width:17%;
position: relative;
margin: 3px 2px 3px 0;
padding: 4px 20px 4px 4px;
border: 1px solid #000;
border-radius: 3px;
background-color: #2689cb;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
color: #e6e5e5;
line-height: 13px;
cursor: default;
}
.prearrivals_bit:hover{
background-color: #469ed9;
}
.prearrivals_title{
}
.progressbar-green{
color: #fff!important;
width: 80px;
/*background-color: #4CAF50!important;*/
}
.nsw-date-input-70{
position: relative;
display: inline-block;
width:69%;
height: 31px;
border: 1px solid #aaa;
background-color: #d1d1d1;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 1px;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
}
.nsw-time-input-30{
width:29%;
height: 31px;
border: 1px solid #aaa;
background-color: #d1d1d1;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 1px;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
float:right;
position: relative;
display: inline-block;
}
.fulltextarea{
position: relative;
display: inline-block;
width:99.4%;
height: auto;
border: 1px solid #aaa;
background-color: #d1d1d1;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 1px;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
}
.nsw-fulltextinput, .fulltextinput{
position: relative;
display: inline-block;
width:100%;
height: 28px;
border: 1px solid #aaa;
background-color: #d1d1d1;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 1px;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
}
.nsw-fulltextinput:hover,.nsw-fulltextinput:focus,.fulltextinput:hover,.fulltextinput:focus,.fulltextarea:hover,.fulltextarea:focus{
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
border: 1px solid #5897fb;
}
.fulltextarea:hover,.fulltextarea:focus,.fulltextarea:focus-visible,.fulltextarea:active{
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
border: 1px solid #5897fb;
}
.nsw-fullselect,.fullselect,.fulltextselect{
position: relative;
border-radius: 0px;
display: inline-block;
width:100%;
max-width:500px;
vertical-align: middle;
height: 25px;
border: 0px solid #aaa;
background-color: #d1d1d1;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 1px;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
}
.fulltextselect:hover,.fulltextselect:focus,.fulltextselect:active,
.fullselect:hover,.fullselect:focus,.fullselect:active,
.nsw-fullselect:hover,.nsw-fullselect:focus{
/*
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
border: 1px solid #5897fb;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
*/
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
border: 1px solid #5897fb;/**/
}
.labelbox{
border: 1px solid #5897fb;
padding-right: 1px;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 1px;
}
.circlecontainer{
line-height:50px;
width: 150px;
height: 40px;
margin-top:10px;
}
.infoicon{
float:left;
margin-right:5px;
border-radius: 50%;
width: 25px;
height: 25px;
padding: 2px;
background: #fff;
border: 3px solid #000;
color: #000;
text-align: center;
vertical-align: middle;
font: 12px Arial, sans-serif;
cursor: help;
}
.pmsicon{
float:left;
margin-right:5px;
border-radius: 50%;
width: 25px;
height: 25px;
padding: 2px;
background: #fff;
border: 3px solid #000;
color: #000;
text-align: center;
vertical-align: middle;
font: 12px Arial, sans-serif;
cursor: help;
}
.infos_counter{
display: block;
width: 25px;
height: 25px;
padding-top: 5px;
font-weight: bold
}
.pms_counter{
display: block;
width: 25px;
height: 25px;
padding-top: 5px;
font-weight: bold
}
.bookmark_controll{
width: 100%;
background: #999;
border-bottom: 2px solid #000;
float: left;
line-height:20px;
display: contents;
}
.bookmarks_counter{
display: block;
width: 25px;
height: 25px;
padding-top: 5px;
font-weight: bold
}
.iconred{
background: #e84b4b;
border: 2px solid #7c1e1e;
color: #000;
}
.iconyellow {
background: #c6cd5b;
border: 2px solid #faee01;
color: #000;
}
.iconblue {
background: #6e80ff;
border: 2px solid #04023c;
color: #000;
}
.icongreen{
background: #7cdd95;
border: 2px solid #105314;
color: #000;
}
.ui-dialog{
z-index:3001;
}
#GlobalDialog{
z-index:3001;
}
.bookmark_container{
padding-bottom: 5px;
padding-top: 5px;
}
.bookmark_bit{
background: #7b9cb3;
border: 2px solid #000;
padding-bottom: 5px;
margin-top: 5px;
}
.bookmark_header{
width: 100%;
background: #7cdd95;
border-bottom: 2px solid #000;
float: left;
}
.bookmark_title{
position: relative;
text-align: left;
width: 48%;
float: left;
}
.bookmark_info , .bookmark_text{
margin-top:5px;
padding:2px;
position: relative;
}
.bookmark_date{
position: relative;
text-align: right;
width: 50%;
float: left;
}
/*#########################*/
.pms_container{
padding-bottom: 5px;
padding-top: 5px;
}
.pms_bit{
background: #7b9cb3;
border: 2px solid #000;
padding-bottom: 5px;
margin-top: 5px;
}
.pms_header{
width: 100%;
background: #7cdd95;
border-bottom: 2px solid #000;
float: left;
}
.pms_title{
position: relative;
text-align: left;
width: 48%;
float: left;
}
.pms_info , .pms_text{
margin-top:5px;
padding:2px;
position: relative;
}
.pms_date{
position: relative;
text-align: right;
width: 50%;
float: left;
}
td.details-control {
background: url("/images/details_open.png") no-repeat center center;
cursor: pointer;
}
#maskcontact_chosen{
position: relative;
top: -1px;
}
#maskcontact_chosen .chosen-choices li.search-field{
height: 20px;
top:-5px;
}
.nsw_list_Frei{
width: 30px;
}
.nsw_list_id{
width: 30px !important;
}
.nsw_list_b{
width: 15px;
}
.nsw_list_vessel{
width: 120px;
}
.nsw_list_rport{
width: 100px;
}
.nsw_list_rdate{
width: 100px;
}
.nsw_list_status{
width: 60px;
}
.nsw_list_nextstep{
width: 220px;
}
.nsw_list_eta{
width: 100px;
}
.nsw_list_pa{
width: 15px;
}
.nsw_list_fp{
width: 15px;
}
.nsw_list_notes{
width: 300px;
}
.nsw_list_close{
width: 25px;
}
.nsw_list_snooze{
width: 50px;
}
.nsw_list_extra{
width: 20px;
}
.prearrivals_table{
width: 80%;
border: 1px solid black;
padding:5px;
margin-bottom:5px;
}
.prearrivals_cell_head{
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell{
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell5{
width:5%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell10{
width:10%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell15{
width:15%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell20{
width:20%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell25{
width:25%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell33{
width:33%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell40{
width:40%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.prearrivals_cell50{
width:50%;
height:25px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
.cell_text_right{
text-align: right;
}
.cell_text_left{
text-align: left;
}
.PreArrivalsState{
width:98%;
}
.left{
text-align: left;
}
.dropdown-check-list{
display: inline-block;
width: 100%;
padding-right:4px;
}
.dropdown-check-list:focus{
outline:0;
}
.dropdown-check-list .anchor {
width: 200px;
position: relative;
cursor: pointer;
display: inline-block;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
border:1px #ccc solid;
}
.dropdown-check-list .anchor:after {
position: absolute;
content: "";
border-left: 2px solid black;
border-top: 2px solid black;
padding: 5px;
right: 10px;
top: 20%;
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.dropdown-check-list .anchor:active:after {
right: 8px;
top: 21%;
}
.dropdown-check-list ul.items {
padding: 2px;
display: none;
margin: 0;
border: 1px solid #ccc;
border-top: none;
position: absolute;
background-color: white;
width: 200px;
z-index:3000;
}
.dropdown-check-list ul.items li {
list-style: none; text-align: left;
}
.dropdown-check-list.visible .anchor {
color: #0094ff;border-color: #1c7dc2;
}
.dropdown-check-list.visible .items {
display: block; border-color: #1c7dc2;
}
.checkboxPA{
width:25px;
height:25px;
text-align: center;
}
.checkboxCrewoutPA{
width:25px;
height:25px;
text-align: center;
}
.checkboxCrewinPA{
width:25px;
height:25px;
text-align: center;
}
.checkboxpassengersinPA{
width:25px;
height:25px;
text-align: center;
}
.checkboxpassengersoutPA{
width:25px;
height:25px;
text-align: center;
}
#nextstepcontainer{
width: 100%;
}
.nextsteps{
width: 400px;
height: 25px;
margin: 1px;
padding:3px;
background-color: grey;
float: left;
}
.nextsteps_title{
float:left;
}
.nextsteps_control{
float:right;
}
#Tab_PASSENGERS_IN > form > table,
#Tab_PASSENGERS_OUT > form > table,
#Tab_WASTE > form > table,
#Tab_MDH > form > table,
#Tab_SEC > form > table,
#Tab_CREW_IN > form > table,
#Tab_CREW_OUT > form > table{
width:97%;
}
/*PreArrivals*/
.crew_6{
width:20px;
}
.crew_7{
width:80px;
}
.crew_8{
}
.crew_9{
width:80px;
}
.crew_10{
width:190px;
}
.crew_11{
width:155px;
}
.crew_12{
}
.crew_13{
width:200px;
}
.crew_14{
width:120px;
}
.crew_15{
width:20px;
}
.crew_16{
width:100px;
}
.crew_17{
width:190px;
}
.crew_18{
width:155px;
}
.vessel-dragdrop{
width: 400px;
height: 250px;
list-style-type: none;
background-color: #2588ca;
padding: 1px;
margin-bottom: 2px;
}
.cargoleft{
float: left;
width: 25%;
}
.cargoright{
float:right;
width:74%;
}
.cargochartererdatadiv{
float:left;
width:99%;
background-color: #609eca;
border-style: solid;
margin-bottom:5px;
padding:2px;
position:relative;
}
.cargocharterercontact{
float: left;
}
.cargodetails{
float: left;
}
.cargodatadiv{
position:relative;
display:inline-block;
float:left;
width:99%;
background-color: #609eca;
border-style: solid;
margin-bottom:5px;
padding:2px;
}
.cargosearchdatadiv{
position:relative;
display:inline-block;
float:left;
width:99%;
background-color: #609eca;
border-style: solid;
margin-bottom:5px;
padding:2px;
}
.cargocontactsdiv {
position: relative;
display: inline-block;
float: left;
width: 99%;
background-color: #609eca;
border-style: solid;
margin-bottom: 5px;
padding: 2px;
}
.cargocontacts {
/*border-style: solid;
border-color: black;
*/
width:99%;
background-color: #609eca;
margin-bottom:5px;
padding:2px;
}
.cargobox{
/**/
position: relative;
display: inline-block;
float: left;
width: 99%;
background-color: #609eca;
border-style: solid;
margin-bottom: 5px;
padding: 2px;
}
.contactdata{
vertical-align:top;
text-align :left;
float:left;
}
.cargovesselscontainer{
vertical-align:top;
}
.cargovessels{
float:left;
width:300px;
}
.cargonotescontainer{
vertical-align:top;
}
.cargotoolscontainer{
width:150px;
vertical-align:top;
}
.cargotools{
width:150px;
float: right;
}
.location_worker_container_a{
background-color: #c0cad3;
-webkit-box-shadow: 0px 1px 1px 2px rgb(40 40 40 / 25%);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 2px rgb(40 40 40);
}
.location_worker_container_b{
background-color: #b6c8d9;
-webkit-box-shadow: 0px 1px 1px 2px rgb(40 40 40 / 25%);
-moz-box-shadow: 0px 1px 1px 1px rgba(40, 40, 40, 0.25);
box-shadow: 0px 1px 1px 2px rgb(40 40 40);
}
.department_deaktivated{
display:none;
}
.department_reaktivated{
display:block;
}
.line_head_deaktivated{
background-color: #70767b;
}
select.disable option[value="0"] {
background-color: #05ba34;
}
select.disable option[value="1"] {
background-color: #ff1515;
}
select.disable{
color:#FFFF;
}
.chosenbox {
position: relative;
margin: 3px 2px 3px 0;
padding: 4px 20px 4px 4px;
border: 1px solid #000;
max-width: 100%;
border-radius: 3px;
background-color: #2689cb;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
color: #e6e5e5;
line-height: 13px;
cursor: default;
}
table.dataTable.display tbody tr:hover>.sorting_1{
background-color: transparent;
}
tr.restrictions_line_a td{
position: relative;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
color: #e6e5e5;
background-color: #183968;
}
tr.restrictions_line_b td{
position: relative;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
color: #e6e5e5;
background-color: #3764a5;
}
.lineheight28{
height: 28px;
}
.wol1{width:1%;}
.wol2{width:2%;}
.wol3{width:3%;}
.wol4{width:4%;}
.wol5{width:5%;}
.wol6{width:6%;}
.wol7{width:7%;}
.wol8{width:8%;}
.wol9{width:9%;}
.wol10{width:10%;}
.wol11{width:11%;}
.wol12{width:12%;}
.wol13{width:13%;}
.wol14{width:14%;}
.wol15{width:15%;}
.wol16{width:16%;}
.wol17{width:17%;}
.wol18{width:18%;}
.wol19{width:19%;}
.wol20{width:20%;}
.wol21{width:21%;}
.wol22{width:22%;}
.wol23{width:23%;}
.wol24{width:24%;}
.wol25{width:25%;}
.wol26{width:26%;}
.wol27{width:27%;}
.wol28{width:28%;}
.wol29{width:29%;}
.wol30{width:30%;}
.wol31{width:31%;}
.wol32{width:32%;}
.wol33{width:33%;}
.wol34{width:34%;}
.wol35{width:35%;}
.wol36{width:36%;}
.wol37{width:37%;}
.wol38{width:38%;}
.wol39{width:39%;}
.wol40{width:40%;}
.wol41{width:41%;}
.wol42{width:42%;}
.wol43{width:43%;}
.wol44{width:44%;}
.wol45{width:45%;}
.wol46{width:46%;}
.wol47{width:47%;}
.wol48{width:48%;}
.wol49{width:49%;}
.wol49-1{width:49.1%;}
.wol49-2{width:49.2%;}
.wol49-3{width:49.3%;}
.wol49-4{width:49.4%;}
.wol49-5{width:49.5%;}
.wol49-6{width:49.6%;}
.wol49-7{width:49.7%;}
.wol49-8{width:49.8%;}
.wol49-9{width:49.9%;}
.wol50{width:50%;}
.wol51{width:51%;}
.wol52{width:52%;}
.wol53{width:53%;}
.wol54{width:54%;}
.wol55{width:55%;}
.wol56{width:56%;}
.wol57{width:57%;}
.wol58{width:58%;}
.wol59{width:59%;}
.wol60{width:60%;}
.wol61{width:61%;}
.wol62{width:62%;}
.wol63{width:63%;}
.wol64{width:64%;}
.wol65{width:65%;}
.wol66{width:66%;}
.wol67{width:67%;}
.wol68{width:68%;}
.wol69{width:69%;}
.wol70{width:70%;}
.wol71{width:71%;}
.wol72{width:72%;}
.wol73{width:73%;}
.wol74{width:74%;}
.wol75{width:75%;}
.wol76{width:76%;}
.wol77{width:77%;}
.wol78{width:78%;}
.wol79{width:79%;}
.wol80{width:80%;}
.wol81{width:81%;}
.wol82{width:82%;}
.wol83{width:83%;}
.wol84{width:84%;}
.wol85{width:85%;}
.wol86{width:86%;}
.wol87{width:87%;}
.wol88{width:88%;}
.wol89{width:89%;}
.wol90{width:90%;}
.wol91{width:91%;}
.wol92{width:92%;}
.wol93{width:93%;}
.wol94{width:94%;}
.wol95{width:95%;}
.wol96{width:96%;}
.wol97{width:97%;}
.wol98{width:98%;}
.wol99{width:99%;}
.wol100{width:100%;}
.background-green{
border: 2px solid green;
background-color: rgb(230, 255, 242);
}
.background-red{
border: 2px solid red;
background-color: rgb(242 192 192);
}
.background-orange{
border: 2px solid orange;
background-color: rgb(214 209 165);
}
.background-blue{
border: 2px solid #1c1ce5;
background-color: rgb(210 216 244);
}
/* checkbox switch */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 28px;
top: -4px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #16ff23;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border: solid #BDBDBD 1px;
box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5) ;
-webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5) ;
-moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5) ;
}
input:checked + .slider {
/*#897575*/
background-color: #b15353;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* checkbox switch ende */
/* The slider */
.slider_re {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #b15353;
-webkit-transition: .4s;
transition: .4s;
}
.slider_re:before {
position: absolute;
content: "";
height: 20px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border: solid #BDBDBD 1px;
box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5) ;
-webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5) ;
-moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.5) ;
}
input:checked + .slider_re {
/*#897575*/
background-color: #16ff23;
}
input:focus + .slider_re {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider_re:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* checkbox switch ende */
/* DT backgroud classes */
.dt-line{
height:35px;
vertical-align:top;
}
.class-grey{
background-color: #d3d3d3 !important;
}
.class-grey:hover{
background-color: #EBE8E4 !important;
}
.class-green{
background-color: #7dd594 !important;
}
.class-green:hover{
background-color: #35f067 !important;
}
.class-blue{
background-color: #77a6d3 !important;
}
.class-blue:hover{
background-color: #87b8e7 !important;
}
.class-darkblue{
background-color: #0a0836 !important;
color: #FFFFFF;
}
.class-darkblue:hover{
background-color: #0d0a4d !important;
color: #FFFFFF;
}
.class-red{
background-color: #eb7070 !important;
}
.class-red:hover{
background-color: #e35e6a !important;
}
.class-yellow{
background-color: #d3cc77 !important;
}
.class-yellow:hover{
background-color: #dbd375 !important;
}
.class-orange{
background-color: #e57939 !important;
}
.class-orange:hover{
background-color: #e3864e !important;
}
.class-darkred{
background-color: #91031b !important;
color: #FFF;
}
.class-darkred:hover{
background-color: #a1031e !important;
color: #FFF;
}
.class-purple{
background-color: #c266ff !important;
color: #FFF;
}
.class-purple:hover{
background-color: #9900ff !important;
color: #FFF;
}
.font-yellow{color:yellow !important;}
.font-white{color:white !important;}
.font-black{color:black !important;}
.font-red{color:red !important;}
.font-green{color:green !important;}
.font-blue{color:blue !important;}
.font-magenta{color:#ff00ff !important;}
.font-grey{color:grey !important;}
.font-grey{color:grey !important;}
.font-bold{font-weight: bold !important;}
/*
.btn-yellow{color:yellow !important;}
.btn-white{color:white !important;}
.btn-black{color:black !important;}
.btn-red{color:red !important;}
.btn-green{color:green !important;}
.btn-magenta{color:#e6f2ff !important;}
.btn-magenta
*/
.form-blue{
background-color: #cce6ff !important;
color: #000;
}
/*
.btn-grey{color:grey !important;}
.btn-grey{color:grey !important;}
.btn-bold{font-weight: bold !important;}
*/
/* DT backgroud classes end */
.linkrow_freightcosts,.linkrow_harborcosts{
background-color: lemonchiffon;
color: #000000;
}
.linkrow_own_courtage,.linkrow_demurrage_own_courtage,.linkrow_courtage,.linkrow_demurrage_courtage
,.linkrow_other,.linkrow_demurrage_other{
background-color: lemonchiffon;
color: #000000;
}
.linkrow_remark,.linkrow_demurrageremark{
background-color: lemonchiffon;
color: #000000;
}
.frame{
border: 1px black;
border-style: solid;
margin-bottom:5px;
}
.arrow-right-1 {
/* position: absolute; */
top: -1px;
right: -5px;
float: right;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid red;
transform: rotate(45deg);
}
.ajax_line_a,.ajax_line_b{
height:40px;
}
.uix-tooltip {
position: relative;
display: inline-block;
/* border-bottom: 1px dotted black;*/
}
.uix-tooltip .uix-tooltiptext {
/* visibility: hidden;*/
min-width: 160px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
transform: rotate(-45deg);
}
.uix-tooltip .uix-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.uix-tooltip:hover .uix-tooltiptext {
visibility: visible;
opacity: 1;
}
.dragscroll{
width:300px;
border:5px solid red;
overflow-x: hidden;
float:left;
}
.dragscrollchild{
width:1000px;
float:left;
font-size:15px;
font-family:arial;
padding:10px;
cursor: pointer;
}
.parent {
width: 300px;
/* border: 5px solid red;*/
overflow: hidden;
touch-action: none; /* Add also this */
}
.child {
width: 1000px;
padding: 10px;
}
.title_blue {
color: #d9eef7;
border: solid 1px #0076a3;
background: #0095cd;
/*
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
*/
}