:root {
    --color-primary: #100c33;
    --color-accent: #25aae1;
    --text-input-background-color: #eee;
    --link-color: #615A8E;
    --outline-color: #62c8ca;
    --outline-color-accent: #2ea3f2;
    --text-color-primary: #fff;
    --text-color-accent: #1E3250;
    --text-color-primary-dark: #666666;
    --footer-color-primary: #3d3d3d;
    --footer-color-accent: rgba(0, 0, 0, 0.32);
    /**colors from palatte**/
    --bg-color-primary: #04115A;
    --mud-palette-primary: #04115A;
    --bg-color-nav-move: #145D7D;
    --bg-color-nav-oasys: #262261;
    --bg-color-table-header: #f2f2f2;
    --not-wide-page:; /*Intentionally left blank*/
    --wide-page: false;
    --top-spacing: flex-end;
    --button-primary-bg-color: #262261;
    --button-primary-bg-color-lighter: #26226122;
    --font-size: 14px;
    --label-color: #575758;
    --border-color: #9e9e9e;
}
body {
    overflow-y: auto !important;
    background:#fff;
}
body > form {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
body > form>main {
    flex-grow:1;
    background:#fff;
}
body > form > main .section, .menu {
    padding:.5rem 1rem;
}
strong {
    font-weight:700;
}
.section div[id^=ContentPlaceHolder]:first-of-type > table, .section div[id^=ContentPlaceHolder]:first-of-type > div > table {
    margin-left: .75rem;
    margin-right: .75rem;
    width: calc(100% - 1.5rem) !important;
}
header, main, footer {
    transition:.2s ease-out all;
}
.nav-open header, .nav-open main, .nav-open footer {
    padding-left: 300px;
}
.top-nav a.sidenav-switch {
    display: inline-block;
}
.top-nav a.sidenav-switch i {
    display:inline;
    line-height:1;
}
a {
    color: var(--link-color);
    font-weight:bold;
}
a:hover {
    color: inherit;
    text-decoration: underline;
}
.icon-block a {
    display:block;
}
table.autowidth {
    width:auto;
}
table.striped {
    margin-top: 10px;
}
table.striped > tbody > tr:not([id]):nth-child(odd) {
    background-color: rgba(242, 242, 242, 1);
}
table.striped > tbody > tr.data-row.even {
    background-color: rgba(242, 242, 242, 1);
}
table.striped >tbody > tr.data-row.odd {
    background-color: #fff;
}
@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0;
    }
}
@media only screen and (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 48px;
        line-height: 48px;
    }
}
nav {
background-color:#f7f7f7;
}
nav, nav a {
color: var( --mud-palette-primary);
}
nav a {
    margin-left:1em;
}
tr:last-of-type {
    border:none;
}
.menu {
    width: 100%;
    height: auto;
}
p.collection-header {
    margin-top:1em;
}
.collection a.collection-item {
    color:var(--link-color);
}
.collection a.collection-item:not(.active):hover {
    background:#f0f0f0;
}
#logo-container {
    height: fit-content;
    margin: 0 auto 16px auto;
    padding: 10px 32px;
}
ul.sidenav.sidenav-fixed li.logo:hover, ul.sidenav.sidenav-fixed li.logo #logo-container:hover {
    background-color: transparent;
}
ul.sidenav {
    background-color: var(--bg-color-nav-oasys);
    overflow:initial;
}
ul.sidenav .sidenav-switch {
    position:absolute;
    right:-50px;
    top:20px;
}
.sidenav li > a, .sidenav li > a > i.material-icons, .sidenav .subheader {
    color: #fff;
    display:flex;
    align-items:center;
    line-height:1.4em;
}
.sidenav li > a {
    padding-right:64px;
}
    .sidenav li > a:hover {
        background-color: rgba(255,255,255,0.07);
    }
.page-footer .footer-copyright {
    margin-bottom: 0;
}
.page-footer {
    padding-top:0;
    background: var(--footer-color-primary);
}
.page-footer .footer-copyright {
    background: var(--footer-color-accent);
}
.page-footer a {
    color:#fff;
}
.popup-heading {
    margin-top:0;
}
.popup-div {
    max-height: 96vh;
    max-width: 96vw;
}
    .popup-div.large {
        max-width: 1500px;
    }
    .popup-div.medium {
        max-width: 980px;
    }
    .popup-div.narrow {
        max-width:768px;
    }
    .popup-div.mid-narrow {
        max-width: 640px;
        text-align:center;
    }
    .popup-div.mid-narrow p {
        font-size: 1.2em;
    }
    .popup-div.ultra-narrow {
        max-width: 480px;
    }
    .popup-div.loading {
        max-width: 380px;
    }
    .popup-div > h1, .popup-div > h2, .popup-div > h3, .popup-div > h4 {
        margin-top: 0;
        color: #2f2f2f;
        font-size: var(--font-size);
        font-weight: bold;
        margin-bottom: 1em;
        border-bottom: 1px solid #f0f0f0;
        padding: 0 0 5px 0;
    }
    .tabs .tab a {
        color: var(--button-primary-bg-color) !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row;
    }
.tabs .tab a:hover {
    text-decoration: none;
}

.tabs .tab a i {
    font-size: inherit;
    margin-left: 8px;
}
.tabs .indicator {
    background-color: var(--button-primary-bg-color) !important;
}
.tabs .tab a:focus, .tabs .tab a:focus.active, .tabs .tab a.active {
    background-color: var(--button-primary-bg-color-lighter);
}
.tabcontent {
    margin-top:3px;
}
.row.valign-wrapper {
    flex-wrap: wrap;
}
.row.align-top {
    align-items: flex-start;
}
.row.align-bottom {
    align-items:flex-end;
}
.col {
    font-weight: bold;
    font-family: Poppins-Regular, sans-serif;
}
fieldset {
    margin-top:5px;
    margin-bottom:5px;
    padding-top:0;
}
fieldset legend>* {
    margin:0 5px;
    font-weight:bold;
}
label {
    color: var(--label-color);
    font-size: var(--font-size);
    font-weight: bold;
}
.input-field > label {
    color: var(--label-color);
}
select {
    height: 1.6em;
    border: 0;
    padding: 0;
    font-size: var(--font-size);
}
select.browser-default {
    border: 1px solid var(--border-color)
}
select[multiple] {
    height: auto;
}
.input-field {
    margin-bottom: 0;
    margin-top:0;
}
.input-field:has(label) {
    margin-top:1.5em;
}
.input-field:has(.browser-default) {
    margin-top: 1em;
}
.input-field:has(a) {
    border: 1px solid var(--border-color);
    display:flex;
    align-items:stretch;
}
.input-field:has(a) input {
    border:none!important;
}
    .input-field:has(.browser-default) label {
        position: relative;
        -webkit-transform: translateY(0) scale(0.8);
        transform: translateY(0) scale(0.8);
        font-size:.8rem;
        top: 0;
    }
.input-field.mt0 {
    margin-top: 0;
}
.input-field.validatedField {
    margin:0 0 2px 0;
}
.input-field.hasCalendar {
    position: static;
}
.input-field.no-border {
    border:none!important;
}
.input-field .select-wrapper {
    width:100%;
}
.input-field.validatedField > input[type="text"], .input-field.validatedField > span:first-of-type, .input-field.validatedField > .select-wrapper, .input-field.validatedField > textarea {
    width: calc(100% - 24px);
    background: #D6E7FF;
    margin: 0;
}
.input-field.validatedField.transparentBg > .select-wrapper {
    background:transparent;
}
.input-field input[type="text"], .input-field input[type="time"], .input-field textarea.materialize-textarea {
    margin: 0;
}
.input-field .search {
    top: 0;
    right: 0;
}
    .input-field > label {
        top:-4px;
    }
    .input-field .select-wrapper + label {
        top: -30px;
    }
    .input-field :not(.select-wrapper) + label:not(.label-icon) {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    .input-field > label:not(.label-icon).active {
        -webkit-transform: translateY(-13px) scale(0.8);
        transform: translateY(-13px) scale(0.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        top:-4px;
    }
    .input-field > label.mandatory {
        color: #FF0000;
    }
    .input-field i.material-icons:not(.prefix) {
        background: var(--button-primary-bg-color);
        color: #fff;
        width: 24px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .input-field .material-icons:not(.prefix) {
        display: flex;
        align-items: center;
    }
        .input-field i.material-icons:hover, .input-field a.material-icons:hover {
            text-decoration:none;
        }
        .input-field a.material-icons {
            color: var(--button-primary-bg-color);
        }
        .input-field i.material-icons.search {
            width: 1.4em;
            text-align: center;
            background: transparent;
            color: var(--button-primary-bg-color);
        }
        .input-field i.material-icons:focus {
            box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--button-primary-bg-color);
        }
    .input-field a.disabled {
        background: #ccc !important;
        pointer-events: none;
        color: rgba(var(--button-primary-bg-color), .3);
    }
    .input-field .prefix {
        top:0;
        width:auto;
    }
    .input-field .prefix ~ input[type] {
        margin-left: 1em;
        width:calc(100% - 1em);
    }
.helper-text.error-m {
    color:red;
}
textarea.browser-default {
    height: auto;
    box-shadow: 0 0 0 1px var(--border-color);
}
.input-field.validatedField textarea.browser-default {
    border: none;
}
input:not([type]):disabled, input[type=text]:not(.browser-default):disabled, input[type=password]:not(.browser-default):disabled, input[type=email]:not(.browser-default):disabled, input[type=url]:not(.browser-default):disabled, input[type=time]:not(.browser-default):disabled, input[type=date]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default):disabled, input[type=tel]:not(.browser-default):disabled, input[type=number]:not(.browser-default):disabled, input[type=search]:not(.browser-default):disabled, textarea.materialize-textarea:disabled {
    background: #ccc !important;
    border-bottom: none;
}

input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea[readonly="readonly"] {
    background: #f3f3f3;
    opacity:1;
}
input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color:var(--label-color);
}
textarea.materialize-textarea {
    border: 1px solid rgb(211, 211, 211);
    min-height: 5em;
    padding: .4em 0;
}
div [id^='ContentPlaceHolder1_menu'], div[id^='ContentPlaceHolder1_menu'] ul, div[id^='ContentPlaceHolder1_Menu'], div[id^='ContentPlaceHolder1_Menu'] ul {
    float: none !important;
}
.material-tooltip {
    z-index:10003;
    max-width:500px;
    font-size:.85rem;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: relative;
    pointer-events: auto;
    opacity: 1;
    float: left;
    margin-top: 3px;
    margin-right: 8px;
}
#lblModuleName {
    font-weight:bold;
    font-size:1.2em;
    color:#fff;
}
td {
    font-weight:normal;
}
td, th {
    padding:2px;
}
thead, th {
    background: var(--footer-color-primary);
    color:#fff;
    border-radius: 0;
}
tr[id*=TR_Summary] th {
    background: transparent;
    color: inherit;
}
tr {
    border-bottom: none;
}
.vert-top {
    vertical-align:top;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    font-size: var(--font-size);
    text-transform: uppercase;
    height: 1.4em;
    border: 1px solid var(--border-color);
}
input[type=text]:not(.input-field input), input[type=password]:not(.input-field input) {
    border: 1px solid var(--border-color);
    height: 1.4em;
    margin: 0 0 2px 0;
}
.file-field .btn {
    height: 1.4em;
    line-height: 1.4em;
    background:var(--bg-color-nav-oasys)
}
.file-path-wrapper {
    display:flex;
}
.file-field input.file-path {
    flex-grow:1;
}
/*AJAX Validation*/
.ajax__validatorcallout.ajax__validatorcallout_popup_table {
    max-width: 250px;
}
body .ajax__validatorcallout div, body .ajax__validatorcallout td {
    background: #ff0000;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    border:0;
}
.ajax__validatorcallout_callout_arrow_cell {
    background: transparent;
}
.ajax__validatorcallout_innerdiv {
   background:#fff!important;
}
body .ajax__validatorcallout_icon_cell {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;

}
body .ajax__validatorcallout_close_button_cell {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
body .ajax__scroll_none {
    overflow:initial;
}
#Seaway {
    margin: 0;
    display: flex;
}
#Seaway .col {
    border: 1px solid #000;
    margin:0 auto;
}
#Seaway .disabled {
    position:relative;
}
#Seaway .disabled:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    background-color:rgba(0,0,0,.3);
    width:100%;
    z-index:99;
}
#ContentPlaceHolder1_gvShipment .material-icons, .input-field .material-icons {
    font-size: 20px;
}
    
.modal-content {
    max-height: calc(92vh - 6rem);
    overflow: auto;
}
.modal-content.allow-overflow {
    overflow:visible;
}
.modal-footer {
    padding:1em 0;
}
.dropdown-content li {
    min-height:1px;
}
    .dropdown-content li > a {
        color:var(--link-color);
    }
    .dropdown-content li > a, .dropdown-content li > span {
        padding: 4px 8px;
        font-size: var(--font-size);
        line-height: 18px;
    }
ul.flex-radio {
    display: flex;
    flex-direction: row;
    gap: 2em;
}
    ul.flex-radio.slim {
        gap: 1em;
    }
    ul.flex-radio li label {
        display: inline;
    }
[type="radio"].tabbed:focus {
    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
    border-radius:50%;
}
[type="checkbox"] + span:not(.lever) {
    font-size: var(--font-size);
}
[type="checkbox"]:checked + span:not(.lever):before {
    border-right-color: var(--bg-color-nav-oasys);
    border-bottom-color: var(--bg-color-nav-oasys);
}

[type="checkbox"][disabled] + span:not(.lever) {
    cursor: not-allowed;
}
.swal2-container {
    z-index: 99999 !important;
}
.mt0 {
    margin-top:0!important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb1 {
    margin-bottom: 1em !important;
}
.mb2 {
    margin-bottom: 2em !important;
}
.mt4 {
    margin-top: 4px;
}
.row {
    margin-bottom:2px;
}
.required {
    color:red!important;
}
/*AJAX TABS*/
body .ajax__tab_xp .ajax__tab_header {
    font-size: var(--font-size);
    line-height: 1;
}
body .ajax__tab_default .ajax__tab {
height:26px;
}
body .ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    height:auto;
}
body .ajax__tab_xp .ajax__tab_header .ajax__tab_outer, body .ajax__tab_xp .ajax__tab_header .ajax__tab_inner, body .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background-size: contain;
}
body .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    padding: 6px;
}
.collapsible-header {
    padding:.25rem 1rem;
    flex-direction:row-reverse;
    justify-content:space-between;
    background-color:var(--button-primary-bg-color-lighter);
    font-weight:900;
}
.collapsible-body {
    padding: .5rem 1rem;
}
.collapsible-body .input-field {
    margin-top:1em;
}

    .collapsible-body .input-field > label {
        top: -14px;
    }