@font-face {
    font-family: 'Gotham-Medium';
    src: url('/Content/fonts/gotham-medium-webfont.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0;
}

body
{
    font-family: Gotham-Medium, Gotham, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 62.5%;
    color: #979388;
}

header, footer, nav, section {
    display: block;
}

header.map-header { position: absolute;left: 10px;top: 10px; height: 30px;z-index: 1000; }
.map-header>#title { padding: 0 10px;line-height: 30px; height: 100%; background: #363430; background: rgba(0,0,0,.75); }

#container {
    position: absolute; 
    width: 100%;
    height: 100%;
}

.imoreport-table { font-size: 1.25em;width: 100%;}
.imoreport-table th { text-align: left;background: #eeeeee;padding: 5px; }
.imoreport-table td { padding: 5px; }
a { color: #BF5128;text-decoration: none; }
a:hover { text-decoration: underline; }

#page-header-container { position: fixed; width: 100%; z-index: 1; background: #f5f5f5;border-bottom: solid 5px #eeeeee; }
#page-header-inner { padding: 2em; }
#page-header-title { float: left; }
#page-header-title>.page-title { font-size: 2em; }
#page-header-title>.page-subtitle {}
#page-header-loggedin { float: right; }
#page-footer-container { position: fixed; }

#searchbox { height: 100%; }
#searchbox,
#searchbox div,
#searchbox input,
#searchbox ul,
#searchbox ul li,
header #title {
    position: relative;
    float: left;
}

#searchbox input { outline: none;border: none; }

.login-screen { text-align: center;padding-top: 150px; }
#login-box {
    margin: 0 auto;
    width: 400px;
    text-align: left;
    border: solid 15px #E4E1D5;
    color: #363430;
    padding: 35px;
    font-size: 1.2em;
}
#login-box h1 { margin-bottom: 15px;color: #BF5128;font-size: 1.6em; }
#login-box h2 { margin-bottom: 15px; }
#login-box .login-table th, #login-box .login-table td { padding: 3px 0; }
#login-box .login-table .login-label { padding-right: 15px; }
#login-box .login-table .login-input { border: solid 1px #505050;padding: 2px 3px;border-left-width: 5px;}

#searchbox {
    width: 350px;
    height: 30px;
    background-color:#E4E1D5;
}

#searchbox input {
    width:234px;
    height:100%;
    margin-left:16px;
    background-color:#E4E1D5;
    font-family: Gotham-Medium, Gotham, Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 1.4em;
    font-weight: 100;
    text-transform:uppercase;
    color:#BF5128;
}

#searchbox.bright,
#searchbox .bright,
#map-tools #map-zoombar.bright {
    background-color: #F5F3EE;
}

#searchbox li {
    width:25px;
    height:30px;
}

#searchbox li a {
    display: block;
    background-image:url('/Content/images/icons.png');
    text-indent:-10000px;
    outline:none;
}

#search a {
    width:18px;
    height:18px;
    margin:6px 3px 6px 8px;
}

#myvessels a {
    width:16px;
    height:18px;
    margin:6px;
    background-position: -18px 0;
}

#pending a {
    width:18px;
    height:18px;
    margin:6px auto;
    background-position: -45px 0;
}

#dropdown {
    cursor:pointer;
}

#dropdown a {
    width:10px;
    height:5px;
    margin:10px 4px;
    background-position: -167px -5px;
}

#search:hover a {
    background-position:0 -18px;
}

#myvessels:hover a {
    background-position: -18px -18px;
}

#pending:hover a {
    background-position: -45px -18px;
}

#dropdown:hover a {
    background-position: -167px -23px;
}

#dropdown.orange-arrow-down a {
    background-position: -167px -5px;
}

#dropdown.orange-arrow-up a {
    background-position: -167px 0;
}

#dropdown.orange-arrow-up:hover a {
    background-position: -167px -18px;
}

header #title h1 {
    color: #E4E1D5;
    text-transform:uppercase;
}

#sidebar {
    position: absolute;
    z-index: 1000; /*keep it in front*/
    top: 10px;
    right: 10px;
    width: 20px;
    height: 60px;
    padding:5px;
    background-color: #363430;
}

#sidebar li {
    width:100%;
    height:20px;
}

#sidebar li a.sidebar-icons {
    display: block;
    margin:0 auto;
    background-image:url('/Content/images/icons.png');
    text-indent:-10000px;
    outline:none;
}

#sidebar #account-content {
    position:absolute;
    display:none;
    width:0;
    padding:10px;
    top:0;
    right:30px;
    background-color: #363430;
    font-size: 1.2em;
}
#sidebar #account-content #loggedin {
    color: #ffffff;
    margin-left: 4px;
    margin-top: 5px;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    padding-bottom: 5px;
    margin-right: 25px;
}
#sidebar #account-content #loggedin a { color: #ffffff; }
#sidebar #account-content table td { padding: 1px 3px;color: #ffffff; }

#sidebar #account-content #account-languages { font-size: .8em; }

#useradmin { margin-top: 5px;padding-left: 5px; }
#useradmin a { font-weight: bold; }

#account a {
    width:14px;
    height:18px;
    background-position: -124px 0;
}

#account a:hover {
    background-position: -124px -18px;
}

#settings a {
    width:16px;
    height:16px;
    background-position: -94px 0;
}

#settings a:hover {
    background-position: -94px -18px;
}

#support a {
    width:14px;
    height:16px;
    background-position: -110px 0;
}

#support a:hover {
    background-position: -110px -18px;
}

#account-content td div button {
    width: 15px;
    height: 15px;
    cursor: pointer;
    border:none;
    text-indent: -10000px;
    background: url('/Content/images/icons.png') -153px 0 #363430;
}

#account-content td div button:first-child {
    background-position: -138px 0;
}

.container {
    position: absolute;
    z-index: 1000;
    display:none;
    top:40px;
    left:10px;
    width: 318px;
    padding:10px 16px;
    background-color: #E4E1D5;
    overflow:auto;
}
/*
.ui-dialog {
    padding:20px;
    background-color: #E4E1D5;
}

.ui-dialog .ui-dialog-titlebar {
    padding-bottom: 4px;
}

.ui-dialog .ui-tabs-nav {
    width:100%;
    overflow:auto;
    border-top: 1px solid #979388;
    border-bottom: 1px solid #979388;
}

.ui-dialog .ui-tabs-nav li {
    position: relative;
    float: left;
    padding:5px 7px;
}

.ui-dialog .ui-tabs-navu li:first-child {
    padding-left: 0;
}

.ui-dialog .ui-tabs-nav li:last-child {
    padding-right: 0;
}

.ui-dialog .ui-tabs-nav li:not(:last-child) {
    border-right: 1px solid #979388;
}

.ui-dialog .ui-tabs-nav li a {
    font-size: 1.4em;
    text-decoration:none;
    color: #979388;
}

.ui-dialog .ui-tabs-nav li a:hover {
    color:#BF5128;
}

.ui-dialog-content {
    overflow: auto;
}

.ui-widget-overlay {
    position:absolute;
    top:0;
    left:0;
    background-color: #363430;
    opacity: 0.8;
}

.ui-dialog-titlebar-close {
    display:block;
    width:14px;
    height:14px;
    text-indent: -10000px;
    background: url('/Content/images/icons.png') -271px 0;
}

.ui-dialog-titlebar-close:hover {
    background-position: -271px -18px;
}
    */

ul {
    list-style-type: none;
}

input {
    margin: 0;
    padding: 0;
    
}

h1, h2, h3 {
    font-size: 1.4em;
    font-weight: 100;
}

p {
    margin-top: 5px;
    font-size: 1.2em;
}

strong {
    font-weight: bold;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}
.clear { clear: both; }
.nomargin { margin: 0; }
.floatleft { float: left; }
.floatright { float: right; }
.hidden { display: none; }
.nowrap { text-wrap:none; white-space:nowrap; }
.shadow {
    box-shadow: 0 2px 5px rgba(54, 52, 48, 0.5), 0 5px 15px -5px transparent;
    -moz-box-shadow: 0 2px 5px rgba(54, 52, 48, 0.5), 0 5px 15px -5px transparent;
    -webkit-box-shadow: 0 2px 5px rgba(54, 52, 48, 0.5), 0 5px 15px -5px transparent;
}

/*.alpha94 {
    zoom: 1;
    opacity: 0.94;
    filter: alpha(opacity=94);
    -moz-opacity: 0.94;
}

.alpha85 {
    zoom: 1;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
}

.alpha80 {
    zoom: 1;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

.alpha50 {
    zoom: 1;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.alpha0 {
    zoom: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

.alpha012 {
    zoom: 1;
    opacity: 0.12;
    filter: alpha(opacity=12);
    -moz-opacity: 0.12;
}*/

/*.white-arrow-left, .white-arrow-right {
    background-image: url('/Content/images/white-arrow-sprites.png');
    background-repeat: no-repeat;
    width: 12px;
    height: 14px;
}
.white-arrow-left { background-position: -12px 0; }
.white-arrow-right { background-position: 0 0; }

.white-arrow-up, .white-arrow-down {
    background-image: url('/Content/images/white-arrow-sprites.png');
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
}
.white-arrow-up { background-position: 0 -14px; } 
.white-arrow-down { background-position: -12px -14px; }

.ui-icon-none { background-position: -16px 16px; }

.truncate-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* jQuery UI overrides */

.ui-icon-none { background-position: -16px 16px; }

.ui-buttonset .ui-button:first-of-type { border-top-left-radius: 6px;border-bottom-left-radius: 6px; -moz-border-top-left-radius: 6px; -moz-border-bottom-left-radius: 6px; }
.ui-buttonset .ui-button:last-of-type { border-top-right-radius: 6px;border-bottom-right-radius: 6px; -moz-border-top-right-radius: 6px; -moz-border-bottom-right-radius: 6px; }
.ui-buttonset .ui-button.ui-state-default { border: solid 1px #fff;background: #363430 !important;color: #fff;text-transform: uppercase; }
.ui-buttonset .ui-button.ui-state-default.ui-state-active, 
.ui-buttonset .ui-button.ui-state-default.ui-state-hover { background: #BF5128 !important; }

.ui-dialog { padding: 0; border: solid 5px #e4e1d5; }
.ui-dialog .ui-dialog-titlebar { background: #666666;padding: 5px 8px; }
.ui-dialog .ui-dialog-titlebar .ui-widget-header { border: none;border-bottom: solid 2px #454545;}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover { background-color: transparent !important;border: none !important; }
.ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-restore { background: none;border: none; }
.ui-widget-header .ui-icon { background-image: url(/Content/themes/light-theme/images/ui-icons_ffffff_256x240.png); }
.ui-dialog .ui-dialog-title { text-transform: uppercase; }
.ui-dialog-titlebar-close { background: none !important; }
.ui-dialog .ui-dialog-content { padding-top: 1em; }

.ui-dialog .ui-tabs-nav li a { font-size: 1.2em;outline: none; }

.sortable-table th.head
{
    background-repeat: no-repeat; 
    background-position: center right; 
    background-image: url('/Content/images/Sort/normal.gif');
    padding: 4px 5px;
}

.sortable-table th.nosort-head
{
    font-style: normal;
    font-weight: bold; 
    padding: 4px 5px;
}

.sortable-table th.sortup
{
    background-repeat: no-repeat; 
    background-position: center right; 
    background-image: url('/Content/images/Sort/desc.gif');
    text-decoration: underline;
}

.sortable-table th.sortdown
{
    background-repeat: no-repeat; 
    background-position: center right; 
    background-image: url('/Content/images/Sort/asc.gif');
    text-decoration: underline;
}

.sortable-table tr.table-item
{
    padding: 5px;
}
.sortable-table tr.table-item td { padding: 5px; }

.sortable-table tr.table-item-hover {
    background-color: #777777;
    background-color: rgba(119,119,119,0.2);
    cursor: pointer;
}

.popup-table thead th {
    text-align: left;
    background-color: #777;
    color: #000;
    font-size: 0.9em;
    cursor: pointer;
}

div.page-selector-container
{
    position: relative;
    margin-top: 20px;
}

span.page-separator
{
    width: 20px;
    padding: 4px;
}

button.page-selector-selected
{
    border: 1px solid #be4f1e;
    background: #be4f1e url('/Content/themes/dark/images/ui-bg_glass_30_be4f1e_1x400.png') 50% 50% repeat-x;
}


.settings-loadingpanel {display: none; text-align:center; position:absolute; top: 30%; left: 50%;margin-left: -90px; margin-top: 10px;z-index:110;width: 180px;padding:15px 0px;background: #ffffff;}
.settings-loadingpanel span  { color: #000;display: block; font-size: 1.2em;text-transform: uppercase; }
.settings-loadingpanel img { width: 50px; }
.loading-overlay { background: #fff;border: solid 1px #dedede; }
#overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;background-color: #000; display:none }

.ui-datepicker .ui-datepicker-week-col, 
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-datepicker-trigger { cursor: pointer;position: relative;top: 2px;margin-left: 2px; }
.ui-datepicker-title { color: #363430; }


.floating-box-shadow {
    box-shadow: 0px 0 15px 1px #868583;
    -moz-box-shadow: 0px 0 15px 1px #868583;
    -webkit-box-shadow: 0px 0 15px 1px #868583;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.5em; }

.footable.breakpoint > tbody > tr > td.expand { padding-left: 20px !important; }
.footable-row-detail-value { padding: 5px; }

.red {
    color: #BF5128 !important;
}

.ui-listbox { border: solid 1px #666;margin-bottom: 15px;width: 100%; }
.ui-listbox ul { padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-listbox li { margin: 0; padding: 3px 6px; cursor: default; line-height: 20px; font-size: 12px; list-style: none;position: relative; }
.ui-listbox li:hover { background: #eaeaea; }
.ui-listbox .list-column { display: inline-block;margin-right: 15px; }
.ui-listbox .list-column:last-of-type { display: inline-block;margin-right: 0;}
.ui-listbox .list-column.right { float: right; }
 
.select2-search { font-size: 18px; }
.select2-results { font-size: 12px; }
.select2-results li { padding: 5px 0; }
.select2-container .select2-choice > .select2-chosen { font-size: 12px; }

#license-period { background: #fff; padding: 25px; text-align: center; position: absolute; left: 50%; top:50%; display:none;z-index: 99999; border: solid 1px #aaa; margin-left: -100px; border-radius: 6px; }
#license-period a { color: #BF5128;font-size: 12px;}
table.padded th,table.padded td { padding: 5px 15px; }
.full-width { width: 100%; }
.highlight-row-on-hover tr:hover { background: #ddd;cursor: pointer; }

table.order-table{
    font-size: 12px;
    border-spacing: 0px;
    margin-left: 5px;
}
    table.order-table tr {
        height: 30px;
    }

    table.order-table tr:hover {
        background-color: #eaeaea;
    }

.table-wrapper-div {
    height: 300px !important;
    overflow-y: scroll;
}

.remove-icon-red {
    background-image: url(../../../Content/images/General/delete.png);
    border: none;
    height: 14px;
}

.row-selected {
    background-color: #e4e1d5;
}