/* Minification failed. Returning unminified contents.
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@font-size-base'
 */
/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
  width: 1250px;
  max-width: none !important;
}

/* Demonstrate the grids
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
}  */

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

/* Undo inline form compaction on small screens */
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-inline .form-control-static {
  display: inline-block;
}

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}

.form-inline .input-group > .form-control {
  width: 100%;
}

.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.form-inline .has-feedback .form-control-feedback {
  top: 0;
}
/*Fix for demo*/
a{
    cursor:pointer !important;
}
/*
Seaport-specific customizations from native Bootstrap
DO NOT EDIT NATIVE BOOTSTRAP
Extend all native Bootstrap styles here
*/

/* NOTES FOR CUSTOMIZATION IN BASE DISTRIBUTION
@font-size-base: 12px
@line-height-base: 1.22448979

@table-cell-padding: 6px
@table-condensed-cell-padding: 3px

*/

/* Account for fixed navbar */
body
{
    padding-top: 66px;
    padding-bottom: 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.22448979;
    @font-size-base: 12px;
}

h1
{
    font-size: 31px;
}

body,
.navbar-fixed-top,
.navbar-fixed-bottom
{
    min-width: 970px;
}

/* Adjust navbar height/spacing for smaller text */
.navbar
{
    min-height: 66px;
}

.navbar-brand
{
    padding: 0px 15px;
    height: 42px;
}

.navbar-inverse
{
    background-color: #003b6c;
    border-color: #0296cb;
}

.navbar-inverse .navbar-brand
{
    color: #eeeeee;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus
{
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-text
{
    color: #eeeeee;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{
    color: #f6d101;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus
{
    color: #eeeeee;
    background-color: #0296cb;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus
{
    color: #444444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle
{
    border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus
{
    background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar
{
    background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form
{
    border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus
{
    background-color: #002b4f;
    color: #ffffff;
}

.security-banner {
    background-color: #34823A;
    color: white;
    text-align: center;
    left: 0;
    width: 100vw;
    z-index: 2;
}

.security-banner-footer {
    bottom: 0;
    position: fixed;
}

.clock {
    color: #9d9d9d;
    background-color: transparent;
    position: relative;
    display: block;
    padding-top: 10px;
    vertical-align: central;
    text-align: right;
}

.lastLogin {
    color: #9d9d9d;
    background-color: transparent;
    position: relative;
    padding-top: 15px;
    display: block;
    vertical-align: central;
    text-align: right;
}

/* Fix table spacing */
.table
{
    margin-bottom: 8px;
}

td
{
    line-height: 1.3em !important;
}

td .nowrap
{
    white-space: nowrap;
}

.form-tabs
{
    margin-bottom: 20px;
}

form .docLib
{
    margin-bottom: 20px;
}

input[type="checkbox"]
{
    margin: 1px 0 0;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
{
    margin-left: -17px;
}

.radio label,
.checkbox label
{
    min-height: 14px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
 
.radio-inline,
.checkbox-inline
{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.btn-primary
{
    background-color: #003b6c;
    border-color: #00335d;
}

.required
{
    color: #89000F;
    font-weight: bold;
}

.required::after
{
    content: " *"
}

.panel-login
{
    margin-top: 20px;
}

.panel-login .panel-body p
{
    line-height: 1.5em;
}

.panel-login .panel-body form
{
    margin-bottom: 20px;
}

.display-label
{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-control-static
{
    min-height: 25px;
    background-color: #f5f5f5;
    line-height: 1.6;
    padding: 2px .3em;
    border-radius: 4px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    word-wrap: break-word;
}

.return-to-prev
{
    margin-top: 25px;
    font-weight: bold;
}

.row-eq-height
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* Additional Kendo-specific Modifications */

.k-grid-header th.k-header
{
    font-weight: bold;
}

.k-dropdown
{
    width: 100%;
}

.k-combobox
{
    width: 100%;
}

.k-textbox
{
    width: 100%;
}

.k-maskedtextbox {
    width: 100%;
}

.k-datetimepicker
{
    width: 100%;
}

.k-datepicker
{
    width: 100%;
}

.k-state-selected
{
    background-color: #003b6c;
}

/*This was added to fix the selected value on kendo datepicker not showing up because of white font on white background. The below will always show blue background for the selected value.*/ 

.k-state-selected .k-link {
    background-color: #428bca !important;
}

textarea
{
    width: 100%;
}

/*#region Kendo Radio Buttons
This section is an override to kendo radio buttons
looking/behaving weirdly in Bootstrap form groups.
Apply the fix-kendo-sizing class to the form group div.*/
.fix-kendo-sizing,
.fix-kendo-sizing label::before
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-radio:checked+.k-radio-label:after
{
    background-color: #003b6c;
    border-radius: 50%;
}

.k-radio-label
{
    line-height: inherit;
}
/*#endregion*/

/*#region Kendo Numeric TextBox*/
.k-numerictextbox
{
    display: inline;
}

/* Menu classes */
.k-item-selected
{
    font-weight: bold;
    cursor: default;
}

.k-item-parent-selected
{
    font-weight: normal;
    cursor: default;
}

.k-button:not(.k-tool):not(.k-icon-button):not(.k-i-import) {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.22448979;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Needed after buttons in rich text editor were changed to buttons from spans */
.k-button:not(.k-tool):not(.k-icon-button):not(.k-i-import):not(.k-icon-button), 
.k-multiselect .k-button
{
    color: #ffffff;
    background-color: #003b6c;
    border-color: #00335d;
}
.k-button:focus:not(.k-tool):not(.k-icon-button):not(.k-i-import),
.k-button.focus:not(.k-tool):not(.k-icon-button):not(.k-i-import), 
.k-multiselect .k-button:focus, 
.k-multiselect .k-button.focus
{
    color: #ffffff;
    background-color: #286090;
    border-color: #122b40;
}
.k-button:hover:not(.k-tool):not(.k-icon-button):not(.k-i-import), 
.k-multiselect .k-button:hover
{
    color: #ffffff;
    background-color: #286090;
    border-color: #204d74;
}

.k-grid td
{
    word-wrap: break-word;
    word-break: normal;
}
.input-group-addon
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.k-button-solid-base.k-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #122b40 !important;
}

.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #286090 !important;
}

/*Extending snippet dropdown list*/
.k-list-container {
    width: 240px !important;
}

/* Tooltip container */
.seaportTooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.seaportTooltip .seaportTooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #23527c;
    color: #fff;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.seaportTooltip:hover .seaportTooltiptext {
    visibility: visible;
}

/* Set max height and scrollbars for bootbox dialogs*/
.modal-body {
    max-height: 500px;
    overflow-y: auto;
}

.k-tabstrip .k-content {
    overflow: inherit;
}

/* Show default button first in bootbox confirm dialog*/
.modal-footer button {
    float: right;
    margin-left: 10px;
}

.top20 {
    margin-top: 20px;
}

@media print{
    a[href]:after {
        content: none !important;
    }

    abbr[title]:after {
        content: none !important;
    }
}

/* Changes for Telerik version: v2022.2.510 */

.k-list {
    font-size: 12px;
}

.k-input-button {
    padding: 0px 0px;
    color: inherit;
    background-color: inherit;
}

.k-grid tbody button.k-button {
    min-width: 78px;
}
.k-datepicker{
    border-width: 1px;
    border-style: solid;
}

.k-numerictextbox {
    display: inline-block;
}

.k-toolbar {
    display: block;
}

/* Fix height of datepicker */
.k-datepicker.k-input.k-input-solid.k-input-md.k-rounded-md.k-input-inner {
    padding: 3px 0px !important;
}

/* Change pager back to squares */
.k-pager-numbers .k-link,
.k-pager-nav {
    border-radius: 0;
    padding: 0;
}

.k-menu-item {
    min-width: 78px !important;
}

/* Fix datapicker current date text color */
.k-header.k-hstack > a.k-nav-fast.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-flex {
    color: inherit !important;
}

.k-grid-norecords-template {
    width: auto;
    border: none;
}
