body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6;
    color: #64686d;
    /*background-color: #f7f7f7;*/
    background-color: #fff;
    min-height: 100rem;
    padding-top: 6rem;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    color: #005002
}

.navbar-nav {
font-size:16px
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal
}

.rowspacer {
    margin-top: 30px
}
.alert-lightgrey {
    background-color: #f1f3f5;
    border: 1px solid #e9ecef
}


.dowdsGreenBackground {
    background-color:#005002;
}

.btn {
    padding: 0.10rem 0.35rem; /* top/bottom 4px, left/right 6px */
    font-size: 1.125rem; /* 18px */
    line-height: 1.5; /* ~24px */
    border-radius: 0.375rem; /* 6px rounded corners */
    background-color: #fff;
    color: #005002;
    border: 1px solid #005002
}

.btn:hover {
    background-color: #2E7D32;
    color: white;
    border-color: darkgreen !important;
}

.btn-met-office {
    background-color: white;
    border: darkgreen;
    color: darkgreen
}

.btn-met-office:hover {
    color: white;
    border-color:darkgreen
}

div.basicStockGroupHeader {
    background-color: #eee;
    font-size: 1.1em;
    color: #555;
    text-decoration: none;
    padding-left: 2.2em
}

div.basicStockGroupContentSingleRecord {
    display: block;
    border: 1px solid #bbb;
    padding: 5px 20px 5px 20px;
    margin-left: 5px;
    width: 95%
}

div.basicStockGroupContentHidden {
    display: none;
    border-top:none;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 8px;
    margin: 0 0 0 5px;
}

div.basicStockGroupContentVisible {
    display: none
}

div.accordianLineBreak {
    font-size: 0;
    height: 2px
}

#mainHeader {
    margin-left: 6px;
    padding: 0 0 0 6px;
    color: #005002
}

#mainHeaderTitle {
    font-size: 1.1em
}

#subMainHeaderTitle {
    font-weight:500
}

.navbar-brand:hover {
text-decoration:none
}

.nav-link {
    font-weight:400
}

.nav-link:hover {
    text-decoration: none
}

a {
    color: black;
    text-decoration: underline;
    text-decoration-color: #2E7D32;
    text-decoration-style: solid;
}

a:hover {
    color: #005002;
    text-decoration: underline;
    text-decoration-color: #003801;
    text-decoration-style: solid;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

footer a {
    color: white;
    text-decoration: underline;
    text-decoration-color: white;
    text-decoration-style: solid;
}

footer a:hover {
    color: white;
    text-decoration: underline;
    text-decoration-color: #003801;
    text-decoration-style: solid;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

#page-header-title{
    font-size:1.7em;
    margin-top:1rem
}

h2{font-size:1.3em}

#page-header-title:after {
    content: " ";
    margin: 15px 0 22px 0;
    display: block;
    bottom: -8px;
    left: 0;
    width: 66px;
    height: 4px;
    background: #005002;
}

.redcolor {
    color: red
}

/* Bootstrap overrides */


h4 {
    font-size:1.2rem
}


.table-wrapper {
    border: solid 1px #dee2e6;
    border-radius: 0.375rem;
    overflow: hidden;
}

.table {
    margin-bottom: 0;
    border-collapse: collapse;
}

table td, table th {
    border: 1px solid #dee2e6;
}

table th {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.thead-dark th {
    color: #fff;
    background-color: #005002;
}

.table tbody tr:last-child td {
    border-bottom: none;
}

/* Currently sorted ascending */
th.dt-ordering-asc .dt-column-order:before,
th.dt-ordering-asc .dt-column-order:after,
th.dt-ordering-desc .dt-column-order:before,
th.dt-ordering-desc .dt-column-order:after {
    color: white !important;
}

/* Remove the outside borders */
table {
    box-shadow: none;
}

table tr:first-child th,
table tr:first-child td {
    border-top: none;
}

table tr:last-child th,
table tr:last-child td {
    border-bottom: none;
}

table tr td:first-child,
table tr th:first-child {
    border-left: none;
}

table tr td:last-child,
table tr th:last-child {
    border-right: none;
}



/* Not Used - Here for reference
.table-dark{color:#fff;background-color:#000}
.table-dark th,.table-dark td,.table-dark thead th{border-color:#454d55}
.table-dark.table-bordered{border:0}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255, 255, 255, 0.05)}
.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255, 255, 255, 0.075)}
    .table-striped tbody tr:nth-of-type(odd){background-color:#f7f7f7}
*/




/*Page width*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
}

.field-validation-error {
    color: red
}

.nav-link {
    font-size: 0.875em;
    margin: 0 4px 0 4px;
    padding: 4px;
}

.nav-link:hover {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.active {
    background-color: #F0F0F0 !important;
    color: black !important;
    border: 1px solid #D3D3D3 !important
}

.nav-link {
    border: 1px solid white
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-bottom: 0;
}

.input-group-text {
    background-color: #014701;
    color: white
}

.navbar {
    border-bottom: 1px solid #eeeff3
}

/*.alert-info {
    border: 1px solid #eeeff3;
    transition: box-shadow 0.75s
}*/

.alert {
    transition: box-shadow 0.8s ease;
}

.alert:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25) !important
}

.card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25) !important
}

.table {
    margin-bottom: 0
}

#header-shadow {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

.hidden {
    display: none
}

.pointer {
    cursor: pointer;
}

.lightGreyBackground {
    background-color: #f2f2f2 !important;
}

.lightGreyBorder {
    border: 1px solid #c5c5c5
}

.grey-border-rounded-corners {
    border: 1px solid #c5c5c5;
    border-radius: 0.375rem
}

.dispatchWaiting {
    --bs-table-bg: #FFDEDD
}

.dispatchProcessing {
    --bs-table-bg: #C9FFCC
}

.dispatchGone {
    --bs-table-bg: #E0E0E0
}

select.dt-input[aria-controls="VesselProgressDetail"] {
    margin-right: 4px;
}