body {font: 1em/150% Calibri, Helvetica, sans-serif;
}

.TerminalPageButton {
    text-align:left;
    vertical-align:middle;
    font-family: 'Segoe UI', Verdana;
    height: 4.5vh; 
    padding:1vh;
    border-top: solid 1.5vh white;
    cursor:pointer;
}

.TerminalSelectionButton {
    background-color:#afd86e;
}

.TerminalInfoButton {
   color: white;  
   background-color:#475e8c;
   padding-left:2vw;
   padding-right:2vw;
   padding-bottom:1.5vh; 
   padding-top:1.5vh; 
}

.TerminalPageButtonFont{
	font-size: 2.2vw; 
}
				
@media screen and (min-width: 1200px) {
	.TerminalPageButtonFont{
		font-size: 27px; 
	}
}

.NavigationButtonBlue {
    text-align: center;
    padding-right: 1.5vw;
    padding-left: 1.5vw;
    padding-bottom: 0.5vh;
    background-color: #475e8c;
    color: white;
    cursor: pointer;
}

.NavigationButtonInactive {
    text-align: center;
    padding-right: 1.5vw;
    padding-left: 1.5vw;
    padding-bottom: 0.5vh;
    background-color: gray;
    color: white;
    cursor: default;
}

.KeyTypeSelectionButton {
    text-align:center;
    vertical-align:middle;
    font-family: 'Segoe UI', Verdana;
    width: 25vw;
	height: 7vh;
	padding: 1vh;
    border: solid 0.5vw white;
    background-color:#2e4f7e;
    color:white;
    cursor:pointer;
}

.DefaultButton {
    padding-left:1vw;
    padding-right:1vw;
    border:none;
    background: linear-gradient(#ffbc8b, #b55412);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffbc8b', endColorstr='#b55412');
    color:white;
    cursor:pointer;
}

.DefaultButtonInactive {
    padding-left:1vw;
    padding-right:1vw;
    border:none;
    background-color: #d9d9d9;
    color:#8f8f8f;
}

.InputField {
    color:#7f7f7f;
    background-color:#ffd966;
}

.CellpaddingLeft {
    padding-left: 1vw;
}

.CellpaddingTop {
    padding-top: 1vh;
}

.AdminDropdownOption {
    color:#7f7f7f;
    background-color:#ffd966;
    font-weight:bold;
}

.dropDownBold {
    color:#7f7f7f;
    background-color:#ffd966;
    font-weight:bold;
}

.TopLeftCellContent {
    vertical-align: top;
    text-align: left;
}

.LeftCellContent {
    vertical-align: middle;
    text-align: left;
}

.RightCellContent {
    vertical-align: middle;
    text-align: right;
}

.inputBold {
    color:#7f7f7f;
    background-color:#ffd966;
    font-weight:bold;
}
.InputContID{
    width: 25vw;
}

@media screen and (min-width: 1200px) {
	.InputContID{
		width: 300px; 
	}
}

.BigButtonFont{
	font-size: 3vw; 
}
				
@media screen and (min-width: 1200px) {
	.BigButtonFont{
		font-size: 36px; 
	}
}

.OverlibTable {
    font-family: 'Segoe UI', Verdana;
    line-height:2.5vh;
    font-size:2vh;
}

.GateBookingFont{
    font-family: 'Segoe UI', Verdana;
}
.PageHeaderBackground{
    background-color:#2e4f7e;
}

.LogoBackground{
    background-color:GhostWhite;
}

.PageHeader{
    text-align:center;
    font-family: 'Segoe UI', Verdana;
    width: 100%;
    border-color:white;
    border-style:solid;
    color:white;
}

.PageHeaderBorderBottom{
    border-bottom-color:white;
    border-bottom-style:solid;
}
.PageHeaderBorderRight{
    border-right-color:white;
    border-right-style:solid;
}
.PagFooterBorderLeft{
    border-left:8px solid white; 
}
.PageFooterBorderRight{
    border-right:8px solid white; 
}

.PageHeaderTopRow{
    padding-top:0.2vw;
    padding-bottom:0.2vw;
}
		
.PageHeaderTopRowSecond{
    padding-bottom:0.2vw;
}

.PageHeaderFont{
	font-size:1.5vw; 
}

@media screen and (min-width: 1200px) {
	.PageHeaderFont{
		font-size: 18px; 
	}
}

.PageHeaderNavigationButton{
	text-align:left;
	padding-right:2vh;
	padding-left:2vh;
	padding-bottom:0.3vh;
	padding-top:0.3vh;
	background-color: #00cc00;
	color: white;
	cursor:pointer;
}

.TerminalRow{
    text-align:center;
    font-family: 'Segoe UI', Verdana;
    width: 100%;
    background-color:#375E97;
	color: white;
}

.OOGBackground {
    background-color:#ffff99; 
}

.DangerousGoodsBackground {
    background-color:#f6b9c0; 
}

.ReeferBackground {
    background-color:#e5f9ff; 
}

.ColorReeferBackground{
color:#e5f9ff;
}

.WeightBackground {
    background-color:#e9f3de; 
}

.InfotextBackground {
    background-color:#e9f3de; 
}

.InfotextErrorBackground {
    background-color: #f6b9c0;
}

.NoBookingFoundMessage {
    background-color:chartreuse;
	padding-right:1vh;
	padding-left:1vh;
	padding-bottom:0.5vh;
	padding-top:0.5vh;
}


.InfoWarningRed {
    background-color: salmon;
    font-weight:bold;
    padding-right: 1vh;
    padding-left: 1vh;
    padding-bottom: 0.5vh;
    padding-top: 0.5vh;
}

.Infotext {
	padding-right:1vh;
	padding-left:1vh;
	padding-bottom:0.5vh;
	padding-top:0.5vh;
    background-color:#e9f3de; 
    text-align:left;
}

.InfotextColor {
    background-color:#e9f3de; 
}

.MainAreaBorderRight{
    border-right-color:#d9d9d9;
    border-right-style:solid;
}
.CaptionText{
	font-family:Calibri,verdana;
	font-size:2vw;
	font-weight:bold; 
}
.MainButton{
	font-size: 3vw; 
	height:10vh; 
	padding: 3vw; 
	background-color:#0072C4; 
	color:#ffffff; 
}
		
.DetailWithData{
	text-align:left;
    white-space:nowrap;
	padding-left:1vh;
	border-bottom: 0.5vh solid white;
	background-color:#404040; 
	color:white; 
}
		
.DetailActive{
	text-align:left;
    white-space:nowrap;
	padding-left:1vh;
	border-bottom: 0.5vh solid white;
	background-color:#ffd966; 
	color:black; 
}
		
.DetailNoData{
	text-align:left;
    white-space:nowrap;
	padding-left:1vh;
	border-bottom: 0.5vh solid white;
	background-color:#d9d9d9; 
	color:#8f8f8f; 
}
		
.DetailButtonLongText{
	height: 6vw;  
}

.DetailButtonBlankLine{
	height: 10px; 
}

.DetailCaptionFont{
	font-size: 1.3vw; 
	font-weight: bold;
}

@media screen and (min-width: 1200px) {
	.DetailCaptionFont{
		font-size: 15.6px; 
		font-weight:bold;
	}
}

.DetailText{
	text-align:left;
	padding-left:2vh;
	border-bottom: 0.2vh solid black;
}

.DetailTextFont{
	font-size: 1.3vw; 
    line-height:1.4vw;
}

@media screen and (min-width: 1200px) {
	.DetailTextFont{
		font-size: 15.6px; 
	}
}

.RequestFeedbackFont {
    font-size: 2vw;
    line-height: 2.2vw;
}

@media screen and (min-width: 1200px) {
	.RequestFeedbackFont{
    font-size: 24px;
    line-height: 30px;
	}
}

.DetailCaptionActive{
	text-align:left;
	padding-left:2vh;
	border-bottom: 0.2vh solid white;
	background-color: #FB6542;
	color: black;
}
		
.DetailTextActive{
	text-align: left;
	padding-left: 2vh;
	border-bottom: 0.2vh solid white;
	background-color: #FB6542;
	color: black;
}

.MainAreaCaption{
	font-size: 3vw; 
	font-weight:bold;
	height: 4vh;
}
				
@media screen and (min-width: 1200px) {
	.MainAreaCaption{
		font-size: 36px; 
		font-weight:bold;
		height: 4vh;
	}
}

.MainAreaSubCaption{
	padding-bottom: 1vh;
}
			
.MainAreaSubCaptionFont{
	font-size: 3vw; 
    
}
				
@media screen and (min-width: 1200px) {
	.MainAreaSubCaptionFont{
		font-size: 36px; 
	}
}


.datatable {
    margin-left:auto;
    margin-right:auto;
}

.NavigationButton{
	text-align:left;
	padding-right:1.5vw;
	padding-left:1.5vw;
	padding-bottom:0.5vh;
	background-color: #EF6848;
	color: white;
	cursor:pointer;
	-webkit-appearance: none;
	border-radius: 0;
}
.NavigationButtonSmall{
	padding-right:1vw;
	padding-left:1vw;
	background-color: #EF6848;
	color: white;
	cursor:pointer;
}

.DailyOverviewNavigationButton {
	text-align:center;
    border:0.5vw solid white;
	padding-right:1.5vw;
	padding-left:1.5vw;
	padding-bottom:0.5vh;
	background-color: #EF6848;
	color: white;
	cursor:pointer;
}

.DailyOverviewNavigationButtonInactive {
	text-align:center;
    border:0.5vw solid white;
	padding-right:1.5vw;
	padding-left:1.5vw;
	padding-bottom:0.5vh;
	background-color: silver;
	color: white;
}


.NavigationButtonFont{
	font-size:2.5vw; 
}

@media screen and (min-width: 1200px) {
	.NavigationButtonFont{
		font-size: 30px; 
	}
}

.AdminButtonFont{
	font-size:2vw; 
}

@media screen and (min-width: 1200px) {
	.AdminButtonFont{
		font-size: 24px; 
	}
}

.PopupCaption{
	font-size: 7vw; 
	font-weight:bold;
	height: 4vh;
}
				
@media screen and (min-width: 800px) {
	.PopupCaption{
		font-size: 56px; 
		font-weight:bold;
		height: 4vh;
	}
}

.PopupTerminalInfoFont{
	font-size:5vw; 
	padding-bottom:1vh;
}

@media screen and (min-width: 800px) {
	.PopupTerminalInfoFont{
		font-size: 40px; 
	}
}

.PopupButtonFont{
	font-size:6vw; 
}

@media screen and (min-width: 800px) {
	.PopupButtonFont{
		font-size: 48px; 
	}
}


.PopupWindowBigFont{
	font-size:4vw; 
}

@media screen and (min-width: 800px) {
	.PopupWindowBigFont{
		font-size: 32px; 
	}
}
.PopupWindowDefaultFont{
	font-size:3.2vw; 
}

.TerminalInfoBigFont{
	font-size:7vw; 
}
.TerminalInfoDefaultFont{
	font-size:5vw; 
}

.MarginTop2vh {
    margin-top:2vh;
}

.DetailSelectionTable{
	max-width: 1000px;
	border-spacing: 15px;
	border-collapse: separate;

}

.DetailSelectionButton{
	text-align:center;
	font-size: 2vw; 
	/* height: 6vh;*/
	padding-left:2vh;
	padding-right:2vh;
	background-color:#404040; 
	color:white; 
	/* border: 1vh solid white;  utkommentert for bruk med runde kanter */
	/*border-radius: 2vw;*/
	-webkit-appearance: none;
	border-radius: 0;
}
		
.DetailSelectionButtonFont{
	font-size: 2.5vw;
		
	border-radius: 0;
}
		
@media screen and (min-width: 1200px) {
	.DetailSelectionButtonFont {
		font-size: 30px;
	}
}

.DetailSelectionButtonFontLongText{
	font-size: 2vw;
}
		
@media screen and (min-width: 1200px) {
	.DetailSelectionButtonFontLongText{
		font-size: 24px;
	}
}

.DetailSelectionButtonAddedPadding {
    padding-bottom:0.5vw;
    padding-top:0.5vw;
}

@media screen and (min-width: 1200px) {
    .DetailSelectionButtonAddedPadding {
        padding-bottom:3px;
        padding-top:3px;
    }
}

.FileListPadding {
    padding-bottom:0.5vh;
    padding-right:0.2vw;
    padding-left:0.2vw;
}

.ContSizeButton {
    cursor: pointer;
    width: 10vw;
    margin-left: 2vw;
}


.DetailsSelectionButton {
    cursor: pointer;
    width: 22vw;
    margin-left: 1vw;
    margin-bottom: 2vh;
}

.ContTypeButton {
    cursor: pointer;
    width: 22vw;
    border-color:#ffffff;
    border-width:0.5vw;
    border-style:solid;
    padding:1vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ButtonsTable { 
    table-layout: fixed;
    border-spacing: 0vh;
    border-collapse: separate;
    width: 100%;
}


.TransportCompanyButton{
    white-space: nowrap;
    cursor: pointer;
    border-color:#ffffff;
    border-width:0.5vw;
    border-style:solid;
    padding:1vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.DropDownList {
}

.QuestionText {
    background-color: #ffd966;
}

.DailyOverviewNavigationCell {
    text-align:center;
    vertical-align:bottom;
    padding-left:0.3vw;
    padding-right:0.3vw;
}

.DailyOverviewNavigationFont{
    font-weight:bold;
	font-size:1.5vw; 
}

@media screen and (min-width: 1200px) {
	.DailyOverviewNavigationFont{
        font-weight:bold;
		font-size: 18px; 
	}
}

.BookingTableFont{
	font-size:1.5vw; 
}

@media screen and (min-width: 1200px) {
	.BookingTableFont{
		font-size: 16px; 
	}
}

.PickedContainerCell {
    vertical-align:middle;
    padding-left: 1vw;
}

.PickedContainerFont{
	font-size:1.5vw; 
}

@media screen and (min-width: 1200px) {
	.PickedContainerFont{
		font-size: 18px; 
	}
}


*.infoWarningRed{
	font-family:Calibri,verdana;
	font-size:12px;
	font-weight:bold; 
	color:red;
}
.BookingSendButton {
    cursor: pointer;
    background-color: #92d050;
    color: white;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

.PageFooterStyle{
    text-align:center;
    font-family: 'Segoe UI', Verdana;
    font-size:1vw;
    width: 100%;
    border-color:white;
    border-style:solid;
    background-color:#2e4f7e;
    color:white;
}

@media screen and (max-width: 1200px) {
    .PageFooterStyle {
        display:none;
    }
}

.PageFooterFont{
	font-size: 1vw; 
}

@media screen and (min-width: 1200px) {
	.PageFooterFont{
		font-size: 12px; 
	}
}

.BigButtonGreen{
    color:white;
    background-color: #00cc33;
    margin: 1.2vw;
    padding: 1.2vw;
}

.BigButtonRed{
    color:white;
    background-color: #ff0000;
    margin: 1.2vw;
    padding: 1.2vw;
}

.TimeSlotDayButton{
    color:white;
    background-color: #8f8f8f;
    padding: 0.5vw;
    line-height:2.6vw;
}

.TimeSlotSelectedDayButton{
    color:white;
    background-color: #404040;
    margin: 1.2vw;
    padding: 0.5vw;
    line-height:2.6vw;
}

.OverlibtableCell {
    font-weight:bold;
}

.FileListBackground {
    background-color: #fff2cc;
}


.FileListButton {
    vertical-align:middle;
    margin-left:0.5vw;
    margin-top:0.5vh;
    border:none;
    height: 3vh;
    width: 2vw;
}

.DownloadFileButton {
    vertical-align: middle;
    margin-top: 0.5vh;
    border: none;
    height: 3vh;
    width: 2vw;
}


.DeleteFileButton {
    vertical-align:middle;
    margin-left:0.5vw;
    margin-top:0.5vh;
    border:none;
    height: 3vh;
    width: 1.5vw;
}


.BookingListImage {
    margin-left:0.5vw;
    margin-top:0.5vh;
    border:none;
    height: 3vh;
}

.linkStyle{
	cursor:pointer;
	color:blue;
	text-decoration:none;
}

.linkStyleDailyOverview{
	cursor:pointer;
	color:white;
	text-decoration:none;
    width:100%;
}

.NowrapLeft {
    text-align:left;
    white-space:nowrap;
}

.NowrapRight {
    text-align:left;
    white-space:nowrap;
}

.BookingSearchFilterTable {
    background-color: #004992;
    color:white;
}

.BookingSearchFilterCell {
    padding-left: 0.4vw;
}

.BookingSearchFilterFont{
	font-size: 1.5vw; 
}

@media screen and (min-width: 1200px) {
	.BookingSearchFilterFont{
		font-size: 18px; 
	}
}

.OverflowCell {
    overflow:hidden;
    text-overflow: ellipsis;
}

.BookingSearchDropdownOption {
}

.AdminDropdownOption {
}

.button_w8 {
	font-family: Segoe UI, Verdana;
	color: white;
	background-color: blue;
	border-color: white;
	border-style: solid;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	padding-bottom: 0.2vh;
}

.title_w8_blue {
    font-family: Segoe UI, Verdana;
    font-size: 27px;
    color: #004992;
}

.subtitle_w8_blue {
    font-family: Segoe UI, Verdana;
    font-size: 18px;
    color: #004992;
}

.button_w8 {
    font-family: Segoe UI, Verdana;
    font-size: 14px;
    color: white;
    background-color: blue;
    border-color: white;
    border-style: solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}

.sortable {width:100%; border-left:1px solid #004992; border-top:0px solid #004992; border-bottom:none; margin:0 auto 15px}
.sortable th {font-family:'Segoe UI';background:url(images/header-bgBLUE.gif); text-align:center; color:#fff; border:1px solid #004992; border-right:1px solid #ffffff; vertical-align:middle;white-space:nowrap;cursor:pointer;}
.sortable rightheader {border-right:1px solid #004992}
.sortable th h3 {padding:0.02px 0.02px 0.02px}
.sortable th h4 {padding:2px 2px 2px}
.sortable td {font-family:'Segoe UI'; padding:1px 2px 1px; border-bottom:1px solid #004992; border-right:1px solid #004992; 
        vertical-align:middle;white-space:nowrap;padding-left:0.3vw;padding-right:0.3vw}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-bgBLUE.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
.sortable a {text-decoration:none;}

.simpletable{border-left:1px solid #004992; border-top:0px solid #004992; border-bottom:none; margin:0 auto 15px}
.simpletable th {font-family:'Segoe UI';background:url(images/header-bgBLUE.gif); text-align:center; color:#ffffff; 
    padding-left:0.5vw; padding-right:0.5vw;
    border:1px solid #004992; border-right:1px solid #ffffff; vertical-align:middle;white-space:nowrap;}
.simpletable rightheader {border-right:1px solid #004992}
.simpletable td {font-family:'Segoe UI'; padding:1px 2px 1px; border-bottom:1px solid #004992; border-right:1px solid #004992; 
        vertical-align:middle;white-space:nowrap;padding-left:0.3vw;padding-right:0.3vw}

/*
select::-webkit-scrollbar {
width: 10vw;
}
select::-webkit-scrollbar-button {
    background: #ccc
}
select::-webkit-scrollbar-track-piece {
    background: #888
}
select::-webkit-scrollbar-thumb {
    background: #eee
}​
*/
/* START custom alert box*/
#dialog-overlay {
    display: none;
    opacity: 0.25;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #000;
    width: 100%;
    z-index: 100;
}
#dialog-box {
    display: none;
    position: fixed;
    background: #FFF;
    width: 550px;
    z-index: 101;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
}
#dialog-box > div {
    background:#FFF;
    margin:8px;
}
#dialog-box > div > #dialog-box-head {
    background: #FFF;
    font-size: 19px;
    padding: 10px;
    color: #000;
}
#dialog-box > div > #dialog-box-body {
    background: #FFF;
    padding: 20px;
    color: #000;
}
#dialog-box > div > #dialog-box-foot {
    background: #FFF;
    padding: 10px;
    text-align: right;
}

.companyButtonBig {
    padding-top: 2vh;
    padding-bottom: 2vh;
    margin-left: 1vh;
    margin-right: 1vh;
    display: inline-block;
    color: white;
    text-align: center;
    font-size: 2vw;
    padding-left: 2vh;
    padding-right: 2vh;
    background-color: #404040;
    cursor: pointer;
}

.companyButtonSmall {
    padding-top: 1vh;
    padding-bottom: 1vh;
    display: inline-block;
    color: white;
    text-align: center;
    font-size: 1vw;
    padding-left: 1vh;
    padding-right: 1vh;
    background-color: #404040;
    cursor: pointer;
    margin-left: 1vh;
    margin-right: 1vh;
    margin-bottom: 2vh;
}

/* END custom alert box*/