body {

    display: flex;

    flex-direction: column;

    min-height: 100vh;

    margin: 0;

    font-family: 'Roboto', sans-serif;

    overflow-x: hidden;

    font-size: 13px;

}



.header, #content, .footer {

    margin: 0;

    padding: 1px;

}



.header, .header-2 {

    width: 100%;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 1rem;

    /*border-bottom: 4px solid #335E6F;*/

}



.header > div:nth-child(2), .header-2 > div:nth-child(2) {

    margin-left: auto;

    text-align: right;

    padding-right: 40px;

}



.header {

    background-color: #FFF;

}



.header-2 {

    border-bottom: 4px solid #335E6F;

}



.header-2 {

    background-image: url("images/space-2.jpg");

}



.content {

    text-align: center;

    flex: 1;

    opacity: 0.8;

    background-image: url("images/space.jpg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.main {

    flex: 1;

}



.footer, .footer-2 {

    border-top: 4px solid #335E6F;

    bottom: 0;

    width: 100%;

    height: 50px;

    left: 0;

    right: 0;

    background-color: #FFF;

    padding-top: 10px;

    color: #fff;

    text-align: center;

    font-size: 0.9rem;

    clear: both;

}



.footer-2 {

    background-image: url("images/space-2.jpg");

}



.footer-2 a {

    color: #fff;

}



#firstLoginTable, #loginSubmit {

    width: 100%;

}



.loginTable {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    font-weight: bold;

    border: 0;

    text-align: center;

    border-collapse: separate;

    border-spacing: 10px;

}



.loginbox {

    margin: auto;

    width: 280px;

    background: rgba(234, 234, 234, 0.6);

    padding: 10px;

}



.box_alert {

    position: absolute;

    width: 100%;

    margin: auto;

    background: rgba(31, 73, 123, 0.6);

    border-collapse: collapse;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    border-style: ridge;

    border-color: #999999;

    border-width: 1px 1px 1px 1px;

    padding: 8px 8px;

    text-align: center

}



.fieldset_filter {

    overflow-x: hidden;

    height: 150px;

    width: 100%;

    margin: 20px;

}



#tabs {

    font-size: 12px;

    margin: 10px;

}



.label_tab {

    background-color: #007FFF;

    color: #FFF;

}



.tdMandatoryField {

    text-align: right;

    font-weight: bold;

    font-size: 13px;

}



.trTitle {

    background-color: #1F497B;

    vertical-align: middle;

    font-size: 13px;

    color: white;

    font-weight: bold;

    font-style: oblique;

}



.OmenuTable {

    width: 100%;

    border-spacing: 10px;

}



.textbox, .tdbox {

    border: 1px solid #CCCCCC;

    padding: 0.3em;

    box-shadow: 0 0 1px #333;
    font-family: 'Roboto', sans-serif;
}



.tdbox {

    background-color: #F3F8FE;

    color: #1F497B;

}




.textboxShort {
    width: 60%;
}

.textboxLong {

    width: 100%;

}



.textbox:focus {

    background-color: khaki;

}



hr {

    border: 1px dashed #990000;

    margin-left: auto;

    margin-right: auto;

    width: 80%

}



hr.style-one {

    border: 0;

    height: 1px;

    background: #333;

    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);

    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);

    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);

    background-image: -o-linear-gradient(left, #ccc, #333, #ccc);

}



.notes {

    font-size: 1em;

    font-style: oblique;

}



.legendPane {

    color: #1F497B;

    font-size: 12px;

    background-color: transparent;

    margin-left: 10px;

}



#legend_host {

    font-size: 14px;

    background-color: transparent;

    margin-left: 10px;

}



#legend {

    font-size: 14px;

    background-color: transparent;

    margin-left: 10px;

}



#legend_designated {

    font-size: 13px;

    background-color: transparent;

    margin-left: 10px;

}



.tableList {

    font-size: 0.9em;

    border-color: #FFFFFF;

    width: 100%;

    padding: 10px;

}



.tableList thead {

    font-size: 1.1em;

    color: #FFFFFF;

    background-color: #1F497B;

    font-weight: bold;

    width: inherit;

}



.tableList thead td {

    padding: 0 5px 0 5px;

}



.tableList tbody tr {

    cursor: pointer;

}



.tableList tbody {

    color: #000000;

    background-color: #EAEAEA;

    width: inherit;

}



.tableList tbody tr:hover {

    background-color: #CCCCCC;

}



.tableList td {

    padding: 0 5px 0 5px;

    height: 20px;

}



.tableList tfoot td {

    text-align: right;

}



.tableTextbox {

    /*font-size: 11px;*/

    font-size: 1.1em;

    border-color: #FFFFFF;

    margin: 10px;

    border-collapse: separate;

    border-spacing: 10px;

    width: 100%;

}



.tdField {

    text-align: right;

    font-size: 13px;

}



.searchbox {

    margin-left: 20px;

    margin-bottom: 10px;

    padding: 10px;

    background-color: #EAEAEA;

    text-align: left;

    border: 1px solid #CCCCCC;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.exportbox {

    width: auto;

    margin: 10px;

    padding: 10px;

    background-color: #EAEAEA;

    text-align: left;

    border: 1px solid #CCCCCC;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.button-class {

    outline: none;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    color: #1F497B;

    min-width: 50px;

    padding: 5px 5px;

    font-size: 1em;

    margin-left: 10px;

    border: solid 1px #0076a3;

    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#EAEAEA213));

    background: -webkit-linear-gradient(top, #CCC, #EAEAEA);

    background: -moz-linear-gradient(top, #CCC, #EAEAEA);

    background: -ms-linear-gradient(top, #CCC, #EAEAEA);

    background: -o-linear-gradient(top, #CCC, #EAEAEA);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

}



.button-class:hover {

    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));

    background: -webkit-linear-gradient(top, #EAEAEA, #CCC);

    background: -moz-linear-gradient(top, #EAEAEA, #CCC);

    background: -ms-linear-gradient(top, #EAEAEA, #CCC);

    background: -o-linear-gradient(top, #EAEAEA, #CCC);

    background: linear-gradient(top, #EAEAEA, #CCC);

}



.button-class:active {

    position: relative;

    top: 1px;

}



/*DataTables*/

table.dataTable thead .sorting,

table.dataTable thead .sorting_asc,

table.dataTable thead .sorting_desc,

table.dataTable thead .sorting_asc_disabled,

table.dataTable thead .sorting_desc_disabled {

    cursor: pointer;

    *cursor: hand;

    background-repeat: no-repeat;

    background-position: center right;

}



table.dataTable thead .sorting {

    background-image: url("images/sort_both.png");

}



table.dataTable thead .sorting_asc {

    background-image: url("images/sort_asc.png");

}



table.dataTable thead .sorting_desc {

    background-image: url("images/sort_desc.png");

}



table.dataTable thead .sorting_asc_disabled {

    background-image: url("images/sort_asc_disabled.png");

}



table.dataTable thead .sorting_desc_disabled {

    background-image: url("images/sort_desc_disabled.png");

}



.dataTables_wrapper {

    position: relative;

    clear: both;

    transform: scale(1);

    transform-origin: 0 0;

}



.dataTables_wrapper .dataTables_length {

    float: left;

}



.dataTables_wrapper .dataTables_filter {

    float: right;

    text-align: left;

    width: 200px;

}



.dataTables_wrapper .dataTables_filter input {

    margin-left: 0.5em;

    border: 1px solid grey;

    /*display: inline-block;*/

}



.dataTables_wrapper .dataTables_info {

    clear: both;

    float: left;

    padding-top: 0.755em;

}



.dataTables_wrapper .dataTables_paginate {

    float: right;

    text-align: right;

    padding-top: 0.25em;

}



.dataTables_wrapper .dataTables_paginate .paginate_button {

    box-sizing: border-box;

    display: inline-block;

    min-width: 1.5em;

    padding: 0.5em 1em;

    margin-left: 2px;

    text-align: center;

    text-decoration: none !important;

    cursor: pointer;

    *cursor: hand;

    color: #333 !important;

    border: 1px solid transparent;

    border-radius: 2px;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    color: #333 !important;

    border: 1px solid #979797;

    background-color: white;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));

    /*Chrome,Safari4+*/

    background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);

    /*Chrome10+,Safari5.1+*/

    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);

    /*FF3.6+*/

    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);

    /*IE10+*/

    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);

    /*Opera 11.10+*/

    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);

    /*W3C*/

}



.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    cursor: default;

    color: #666 !important;

    border: 1px solid transparent;

    background: transparent;

    box-shadow: none;

}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    color: white !important;

    border: 1px solid #111;

    background-color: #585858;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));

    /*Chrome,Safari4+*/

    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);

    /*Chrome10+,Safari5.1+*/

    background: -moz-linear-gradient(top, #585858 0%, #111 100%);

    /*FF3.6+*/

    background: -ms-linear-gradient(top, #585858 0%, #111 100%);

    /*IE10+*/

    background: -o-linear-gradient(top, #585858 0%, #111 100%);

    /*Opera 11.10+*/

    background: linear-gradient(to bottom, #585858 0%, #111 100%);

    /*W3C*/

}



.dataTables_wrapper .dataTables_paginate .paginate_button:active {

    outline: none;

    background-color: #2b2b2b;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));

    /*Chrome,Safari4+*/

    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /*Chrome10+,Safari5.1+*/

    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /*FF3.6+*/

    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /*IE10+*/

    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

    /*Opera 11.10+*/

    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);

    /*W3C*/

    box-shadow: inset 0 0 3px #111;

}



.dataTables_wrapper .dataTables_paginate .ellipsis {

    padding: 0 1em;

}



.dataTables_wrapper .dataTables_processing {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 40px;

    margin-left: -50%;

    margin-top: -25px;

    padding-top: 20px;

    text-align: center;

    font-size: 1.2em;

    background-color: white;

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);

    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);

    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);

}



.dataTables_wrapper .dataTables_length,

.dataTables_wrapper .dataTables_filter,

.dataTables_wrapper .dataTables_info,

.dataTables_wrapper .dataTables_processing,

.dataTables_wrapper .dataTables_paginate {

    color: #333;

}



.dataTables_wrapper .dataTables_scroll {

    clear: both;

}



.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {

    margin-top: -1px;

    -webkit-overflow-scrolling: touch;

}



.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {

    vertical-align: middle;

}



.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {

    height: 0;

    overflow: hidden;

    margin: 0 !important;

    padding: 0 !important;

}



.dataTables_wrapper.no-footer .dataTables_scrollBody {

    border-bottom: 1px solid #111;

}



.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,

.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {

    border-bottom: none;

}



.dataTables_wrapper:after {

    visibility: hidden;

    display: block;

    content: "";

    clear: both;

    height: 0;

}



@media screen and (max-width: 767px) {

    .dataTables_wrapper .dataTables_info,

    .dataTables_wrapper .dataTables_paginate {

        float: none;

        text-align: center;

    }



    .dataTables_wrapper .dataTables_paginate {

        margin-top: 0.5em;

    }

}



@media screen and (max-width: 640px) {

    .dataTables_wrapper .dataTables_length,

    .dataTables_wrapper .dataTables_filter {

        width: 150px;

        float: none;

        text-align: center;

    }



    .dataTables_wrapper .dataTables_filter {

        margin-top: 0.5em;

    }

}



.ui-dialog .ui-dialog-titlebar {

    background-color: #1F497B;

    color: #FFFFFF;

}