﻿* {
     font-family: 'Overpass', sans-serif;
     padding: 0px;
     margin: 0px;
}
/* General */
 .nowrap {
     white-space: nowrap;
     display: inline-block;
}
/* Loading Modal */
 @-webkit-keyframes fadeIn {
     from {
         opacity: 1;
    }
     to {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     from {
         opacity: 1;
    }
     to {
         opacity: 1;
    }
}
/*links*/
 a{
     color: #C75109;
     text-decoration: none;
}
 a:hover{
     text-decoration: underline;
}
 a:active{
     color:#FF6600;
}
/*Tool Tip*/
 #powerTip {
     background-color: white;
     border-color:white;
     border-radius: 0px;
     color: #666666;
}
 #powerTip a {
     color: #C26328;
}
/*Status Area*/
 #status-area.status-planets{
     font-size: 20px;
}
 #status-area.status-exoplanets{
     font-size: 15px;
}
 #status-area .alert.hidden {
    display: none;
}

 #status-area .alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
 }

 #status-area .status-title {
    font-weight: 800;
    margin-right: 10px;
}

 #status-area.status-planets {
    color: #FFFFF;
 }
 #status-area.status-exomast {
    color: #333;
 }
 #status-area.status-planets .status-title {
     color: #FFCC33;
 }
 #status-area.status-exomast .status-title {
     color: #C75109;
 }
 #status-area.status-planets .alert {
     background-color: rgba(255, 255, 255,0.3);
 }
 #status-area.status-exomast .alert {
     background-color: rgba(0, 123, 161,0.3);
 }

/*SEARCH PAGE*/
 .search-page{
     padding-top: 150px;
     color: white;
     background-image:url("../images/background.jpg");
     background-repeat: no-repeat;
     background-color: #00495e;
}
 .title-area {
     padding-bottom: 70px;
}
 .title-mast{
     margin-left: 30%;
     width: 40%;
     font-family:'Oswald', sans-serif;
     font-size: 70px;
     vertical-align: -10px;
}
 .title-version {
     font-family:'Overpass', sans-serif;
     font-size: 28px;
}
 .action-button {
     color: #007BA1 !important;
     float: left;
     border-color: #007BA1 !important;
     border: solid 1px;
     padding: 7px;
     margin-bottom: 5px;
     font-weight: 50;
}
 .action-button:hover {
     background-color: #C75109;
     color: white !important;
     border-color: #C75109 !important;
     cursor: pointer;
     text-decoration: none;
}
 .action-button:active {
     background-color: #FF6600;
}
 .search-button{
     background-color: #C75109;
     color: white;
     padding: 12px;
     border: none;
     margin-left: -4px;
     outline-color: #A75000;
}
 .search-button:hover{
     background-color: #FF6600;
     cursor: pointer;
}
 .search-button:active{
     background-color: #A75000;
}
 .external-button {
     background-image: url(../images/externalicon.svg);
     background-repeat: no-repeat;
     background-position: right;
     background-size: 28px;
     margin-left: 15%;
     margin-top: 15px;
     width: 215px;
     height: 33px;
     text-align: left;
     padding: 8px;
}
 .inline{
     color: white;
     margin-left: 15%;
     width: 60%;
     padding: 10px;
     background: rgba(76, 175, 80, 0.0);
}

 .inline-mainscreen{
     border:2px solid;
     outline-color: white;
}
 .search-label{
     margin-left: 15%;
     font-size: 20px;
     margin-top: 10px;
}
 .search-page .footer {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
     color: #FFF;
     font-family:'Overpass', sans-serif;
     font-size: 15px;
}
 .search-page .footer .logo-area {
     float: left;
     padding: 0 10px;
}
 .search-page .footer .logo-area>a {
     padding-right: 5px;
}
 .logo-area .logo-mast {
     width: 33px;
     margin: 2px;
}
 .logo-area .logo-stsci {
     width: 200px;
}
 .search-page .footer .link-area {
     float: right;
     padding: 0 15px 10px;
}
 .search-page .footer .link-area a, .search-page .footer .link-area a:visited, .search-page .footer .link-area a:hover {
     display: block;
     text-align: right;
     color: #FFF;
     padding-bottom: 5px
}
 .search-page .footer .link-area a:last-child {
     padding-bottom: 0px;
}
/*AUTOCOMPLETE*/
 .ui-widget.ui-widget-content {
     border: 1px solid #02465C;
}
 ul.ui-menu.ui-autocomplete {
     position: absolute;
     display: block;
     list-style: none;
     padding: 0px;
     outline: 0px;
     border: 1px solid #fff;
     font-size: 16px;
     color: #fff;
     background-color: #00617E;
     max-height: 300px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .ui-menu.ui-autocomplete li .ui-state-active {
     color: #fff;
     background-color: #C75109;
     border: 1px solid #C75109;
}
 ul.ui-autocomplete .ui-menu-item-wrapper {
     padding: 10px;
}
/*MAIN PAGE*/
 .search-icon {
     margin-top: 10px;
}
 .title-h1 {
     display: inline-block;
     padding-left: 25px;
}
 .title-panel h1, .title-panel strong{
     font-size: 30px;
     font-weight: 500;
}
 .title-h1: hover{
     text-decoration: underline !important;
}
/*DOWNLOAD WARNING MODAL*/
#modal-wrapper .ui-dialog-titlebar, #download-warning-modal {
     padding: 10px 15px;
}
#modal-wrapper .ui-dialog-titlebar {
     min-height: 20px;
     text-align: center;
}
#modal-wrapper .ui-dialog-title {
     color: #fff;
}
#modal-wrapper .ui-dialog-titlebar-close {
     display: none;
}
#modal-wrapper .ui-dialog-titlebar .ui-button.ui-corner-all {
     position: absolute;
     right: 0.3em;
     padding: 1px;
     height: 20px;
}
#download-warning-modal {
     border-bottom: transparent;
}
#download-warning-modal > div {
     margin-top: 10px;
}
#download-warning-modal ol {
     margin-left: 30px;
     margin-top: 10px;
}
#download-warning-modal ol > li {
     margin-top: 5px;
}
#modal-wrapper .ui-dialog-buttonpane {
     border: transparent;
}
#modal-wrapper .ui-dialog-buttonset {
     text-align: center;
}
#modal-wrapper .ui-dialog-buttonset .ui-button {
     padding: 5px 25px;
}
#modal-wrapper .mast-link {
     color: #C75109;
     text-decoration: none;
     cursor: pointer;
}

#modal-wrapper .mast-link:hover {
     text-decoration: underline;
}
/*DOWNLOAD LINKS*/
 #exomast-link.button-decoration {
     border-color: rgb(0, 97, 126);
}
 #exomast-link.button-decoration:hover {
     border-color: #C75109;
}
 #exomast-link.button-decoration a {
     color: rgb(0, 97, 126);
}
 #exomast-link.button-decoration:hover a, #exomast-link.button-decoration a:hover {
     color: #fff;
}
 .button-decoration{
     color: white;
     float: right;
     border-color: white;
     border: solid 1px;
     padding: 10px 15px;
     margin: 5px;
     font-weight: 50;
}
 .button-decoration.button-small {
     padding: 5px;
     margin: 0px 5px;
}
 .button-decoration.button-secondary {
     background-color: #C75109;
     float: none;
}
 .button-decoration a:visited, .button-decoration a {
     color: white;
     text-decoration: none;
     cursor: pointer;
}
 .button-decoration:hover{
     color: white;
     background-color: #C75109;
     border-color: #C75109;
}
 .button-decoration:active{
     background-color: #FF6600;
}
/* Back Button for Coverage */
 #coverage-back-button {
     background-image: url(../images/back.svg);
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
     float: left;
     height: 28px;
     width: 28px;
     color: white;
     border-style: none;
     margin-left: 100px;
}
 #coverage-back-button:hover {
     background-image: url(../images/back-orange.svg);
}
/*GRAPH AREA*/
 .jqplot-axis {
     font-size: initial;
}
 .jqplot-cursor-tooltip {
     border: none;
}
 .jqplot-yaxis-tick {
     color: #C75109;
     text-decoration: none;
}
 .jqplot-yaxis-tick:hover {
     text-decoration: underline;
}
 .none{
     text-align: center;
     margin-top: 50px;
     color: #AAA9AB;
     font-weight: 300;
     font-size: 25px;
}
 .plot-panel {
     width: inherit;
     height: inherit;
     overflow: auto;
     overflow-x: hidden;
     background: white;
     border-radius: 0px;
     border: 0px;
     margin: 0px;
     padding: 0px;
}
 #plots-body {
     overflow: auto;
     height: 600px;
}
/*GRAPH TABS*/
/*Not-selected tabs*/
 .graphtab a {
     color: white;
     font-weight: 800px;
     font-size:18px;
     float: left;
     margin: -1px;
     outline-color: #C75109;
     padding: 8px;
     border-left: 2px solid white;
     border-right: 0px;
}
/* last tab */
 .graphtab a:last-of-type {
     border-right: 2px;
     border-right-style: solid;
     border-color: white;
}
 .hide-tab {
     display: none;
}
/*Selected tab*/
 .ui-state-active a, .ui-state-active a:link .ui-state-default a:visited a:visited.ui-button{
     color: white !important;
     background-color: #007BA1;
     font-weight: 800px;
     font-size:18px;
    /* border: 1px;
     border-right-style: solid;
     border-color: white;
     */
     border: 1px;
     border-left-style: solid;
     border-color: white;
     float: left;
     margin: -1px;
     background-color: #007BA1;
     outline-color: #007BA1;
}
/* .ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button{
     border: 1px;
     border-right-style: solid;
     border-color: white;
     font-size:18px;
}
 */
 .ui-tabs .ui-tabs-nav li {
     list-style: none;
     float: left;
     position: relative;
     top: 0;
     margin:0px;
     border-bottom-width: 0;
     padding: 0;
     white-space: nowrap;
}
 ul{
     margin: -8px -7px 2px -7px !important;
}
/* .ui-tabs-anchor: active{
     color: aqua !important;
}
 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
     color: white;
}
 .ui-tabs .ui-tabs-nav li{
     float: none;
}
 ul{
     color: #C8510A !important;
     background-color: #02465C !important;
     margin-top: -8px !important;
     margin-left: -7px !important;
     border-radius: 0px !important;
}
 li{
     color: white !important;
     background-color: #02465C !important;
     border-style: hidden !important;
     color: white !important;
}
 li:hover{
     color: #C8510A !important;
}
 #folded{
}
 */
/*INFO PANEL*/
/*INFO PANEL MAIN DIV*/
 #plots{
     border:hidden;
}
 .org{
     font-size: 12px;
}
 .info-panel {
     position: relative;
     height: 610px;
     max-height: 610px;
     overflow: auto;
     width: 600px;
     background-color: #E4E4E4;
     color: #333333;
     padding: 0px 10px 10px 30px;
     z-index: 1;
     flex: 90%;
}
 .info-header {
     padding: 15px 0px 0px 0px;
     border-bottom: solid;
     border-bottom-width: thin;
}
 .info-panel tr {
     height: 28px;
}
 .info-panel tr.display.compact td:first-child {
     padding-right: 3px;
}
 .info-panel h2 {
     color: #00617E;
}

/*attempting to make the white line at the end of the table header dissapear table.dataTable thead th:last-child {
     border-right-color: #02465C;
}
 */
 #planet-error {
     color: #FFCC33;
     font-weight: 700;
     font-size: 20px;
}
 .search-page #planet-error {
     text-align: center;
}
 div.title-panel #planet-error {
     float: left;
     margin-top: 15px;
}
 div.error.hidden {
     display: none;
}
 div.title-search.ui-widget {
     padding-top: 8px;
     padding-bottom: 8px;
     float: left;
     background: #00617E;
     min-width: 560px;
     max-height: 65px;
}
 .ui-widget-header {
     background: #02465C;
     border: none;
     min-height: 65px;
}
/* Planet Page, Planet Search Bar */
 a.title-search {
     float: left;
     border: 1px solid #00617E;
     !important;
     background: #00617E;
}
 a.title-search.hover {
     border: 1px solid #C8510A;
     background: #C8510A;
     font-weight: normal;
     color: #ffffff;
}
 a.title-search span.search-icon {
     background-image: url('../images/search-white.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 50px 50px;
     padding: 0px;
     cursor: pointer;
     display: inline-block;
     height: 30px;
     width: 32px;
     margin: 5px;
}
 input#titleSearch{
     color: #fff;
     font-size: 30px;
     font-weight: 400;
     height: 32px;
     width: 490px;
     float: left;
     margin-left: 0px;
     padding: 4px;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     -o-transition: width 0.3s;
     transition: width 0.3s;
     vertical-align: middle;
     border:2px solid;
     border-color: #00617E;
}
 input#titleSearch::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #C1DED5;
     opacity: 1;
    /* Firefox */
}
 input#titleSearch:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #C1DED5;
}
 input#titleSearch::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #C1DED5;
}
 #titleSearchWrapper.search-active input.inline.title-search{
    /*width: 600px;
     */
     border: 2px solid #fff;
}
 #titleSearchWrapper {
     overflow: hidden;
     position: relative;
     padding: 0px;
     margin: 0px;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     -o-transition: width 0.3s;
     transition: width 0.3s;
     border: 2px solid rgba(76, 175, 80, 0.0);
}
 .title-panel {
     position: fixed;
     top: 0;
     width: 100%;
     color: white;
     font-family:'Oswald', sans-serif;
     font-weight: 400;
     min-height: 65px;
     z-index: 1024;
}
 #upper-container{
     padding: 0px;
     border: 0px;
}
 .title-panel .title-wrapper {
     background-color: #00617E;
}
 .main-panel {
     width: 100%;
     display: inline-flex;
     padding-top: 65px;
     vertical-align: bottom;
     word-wrap: none;
}
 #caom-panel {
     width: 100%;
     border: 0px solid #DBDBE2;
}
 #caom-panel.unloaded {
     height: 150px;
}
 table.dataTable.compact thead th {
     padding: 10px 45px 4px 4px;
     white-space: nowrap;
}
 table.dataTable.compact thead th div {
     padding-top: 3px;
}
 #caom_wrapper{
     width: 100%;
}
 #caom_filter {
     position: absolute;
     right: 0;
     background-color: #02465C;
     top: -24px;
     color: white;
     padding: 2px;
     padding-left: 8px;
}
 input {
     border-radius: 0px;
}
 .plus-minus {
     font-size: .6em;
}
 .small-unit {
     font-size: .8em;
}
/*TABLE STYLYING */
 #caom_wrapper.dataTables_wrapper.no-footer .dataTables_scrollBody {
     border-bottom: 1px solid transparent;
}
 table#caom tr.exclusive-highlight {
     background-color: #F7F0D6;
}
 table#caom tr.proposal-highlight {
     background-color: #ffe6cc;
}
 table#caom tr.apt-highlight {
     background-color: #ffe6cc;
}
 input.column-search.search-input {
     float: left;
     height: 24px;
     font-size: 100%;
     border: 2px #C75109 solid;
     padding: 2px;
}
 button.column-search.powertip-toggle {
     float: left;
     margin-right: 5px;
}
 button.column-search span {
     cursor: pointer;
     display: inline-block;
     height: 16px;
     width: 16px;
     margin: 3px;
}
 button.column-search.powertip-toggle span.searched {
     background-image: url('../images/search-orange.svg');
     background-repeat: no-repeat;
     background-size: 25px 25px;
     background-position: center;
}
 div.column-title.searched {
     color: #C75109;
}
 button.column-search.powertip-toggle span.unsearched {
     background-image: url('../images/search-white.svg');
     background-repeat: no-repeat;
     white-space: nowrap;
     background-size: 25px 25px;
     background-position: center;
}
 button.column-search.powertip-search span {
     background-image: url('../images/search-white.svg');
     background-repeat: no-repeat;
     margin: 5px;
     background-size: 25px 25px;
     background-position: center;
}
/* DATA COVERAGE TAB */
 #data-coverage-title {
     font-size: 24px;
     font-weight: 500;
}
 #data-coverage-instructions {
     width: 100%;
     text-align: left;
     margin: 15px auto 15px;
     color: #333;
}
 #data-coverage-tab-plot {
     width: 100%;
}
 img#data-coverage-legend {
     height: 75px;
}
 #data-coverage-period {
     margin-left: 10px;
     margin-top: 50px;
}
 #data-coverage-legend-container {
     display: flex;
}
 #clear-coverage-selection {
     display: flex;
}
/*MINIFIED STUFF*/
 table.dataTable {
     width:100%;
     margin:0 auto;
     clear:both;
     border-collapse:separate;
     border-spacing:0;
}
 table.dataTable thead th,table.dataTable tfoot th {
     background: #02465C;
     color: white;
     font-family:'Oswald', sans-serif;
     font-weight:bold;
     text-align: left;
    /* padding:20px;
     */
}
 table.dataTable thead th,table.dataTable thead td {
     padding:10px 18px;
     border-right-style: solid;
     border-width: 1px;
     border-color: #DBDBE2;
}
 table.dataTable thead th:active,table.dataTable thead td:active {
     outline:none
}
 table.dataTable tfoot th,table.dataTable tfoot td {
     padding:10px 18px 6px 18px;
     border-top:1px solid #111
}
 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")
}
 table.dataTable tbody tr {
     background-color:#ffffff;
}
 table.dataTable tbody tr.selected {
     background-color:#B0BED9
}
 table.dataTable tbody th,table.dataTable tbody td {
     padding:8px 10px
}
 table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td {
     border-top:1px solid #ddd
}
 table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td {
     border-top:none
}
 table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td {
     border-top:1px solid #ddd;
     border-right:1px solid #ddd
}
 table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child {
     border-left:1px solid #ddd
}
 table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td {
     border-top:none
}
 table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd {
     background-color:#F1F2F7;
}
 table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected {
     background-color:#acbad4
}
 table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover {
     background-color:#f6f6f6
}
 table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected {
     background-color:#aab7d1
}
 table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3 {
     background-color:#fafafa
}
 table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3 {
     background-color:#acbad5
}
 table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
     background-color:#f1f1f1
}
 table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
     background-color:#f3f3f3
}
 table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
     background-color:whitesmoke
}
 table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
     background-color:#a6b4cd
}
 table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
     background-color:#a8b5cf
}
 table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
     background-color:#a9b7d1
}
 table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
     background-color:#fafafa
}
 table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
     background-color:#fcfcfc
}
 table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
     background-color:#fefefe
}
 table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
     background-color:#acbad5
}
 table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
     background-color:#aebcd6
}
 table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
     background-color:#afbdd8
}
 table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
     background-color:#eaeaea
}
 table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
     background-color:#ececec
}
 table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
     background-color:#efefef
}
 table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
     background-color:#a2aec7
}
 table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
     background-color:#a3b0c9
}
 table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
     background-color:#a5b2cb
}
 table.dataTable.no-footer {
     border-bottom:1px solid #111
}
 table.dataTable.nowrap th,table.dataTable.nowrap td {
     white-space:nowrap
}
 table.dataTable th.dt-left,table.dataTable td.dt-left {
     text-align:left
}
 table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty {
     text-align:center
}
 table.dataTable th.dt-right,table.dataTable td.dt-right {
     text-align:right
}
 table.dataTable th.dt-justify,table.dataTable td.dt-justify {
     text-align:justify
}
 table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap {
     white-space:nowrap
}
 table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left {
     text-align:left
}
 table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center {
     text-align:center
}
 table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right {
     text-align:right
}
 table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify {
     text-align:justify
}
 table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap {
     white-space:nowrap
}
 table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left {
     text-align:left
}
 table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center {
     text-align:center
}
 table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right {
     text-align:right
}
 table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify {
     text-align:justify
}
 table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap {
     white-space:nowrap
}
 table.dataTable,table.dataTable th,table.dataTable td {
     box-sizing:content-box
}
 .dataTables_wrapper {
     position:relative;
     clear:both;
     *zoom:1;
     zoom:1;
     background-color: #E4E4E4;
}
 .dataTables_wrapper .dataTables_length {
     float:left
}
 .dataTables_wrapper .dataTables_filter {
     float:right;
     text-align:right
}
 .dataTables_wrapper .dataTables_filter input {
     margin-left:0.5em
}
 .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 {
     border:1px solid #979797;
     background-color: aqua;
}
 .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;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
     outline:none;
     background-color:#2b2b2b;
}
 .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;
}
 .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 {
         float:none;
         text-align:center
    }
     .dataTables_wrapper .dataTables_filter {
         margin-top:0.5em
    }
}
 .bottom-container {
     margin-top: -40px;
}
 .button-container {
     bottom: 0px;
     right:0px;
     background-color: #02465C;
     position: relative;
     z-index: 10;
}
 .button-container span {
     padding: 5px 12px;
     margin-bottom: -6px;
}
 .button-container span:last-child {
     padding-right: 40px;
}
 .download-icon {
     background-image: url('../images/download-icon.svg');
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
     height: 28px;
     width: 28px;
     color: white;
     border-style: none;
     background-color: #02465C;
     margin: 0px;
     border: 3px solid #02465C;
}
 .mast-icon {
     background-image: url('../images/mast-logo.svg');
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
     height: 28px;
     width: 28px;
     border-style: none;
     background-color: #02465C;
     margin: 0px;
     border: 3px solid #02465C;
}
 .api-button {
     border-style: none;
     background-color: #02465C;
     margin: 0px;
     border: 3px solid #02465C;
     height: 28px;
     display: none;
}
 .planet-info-collapse {
     background-image: url(../images/expand-teal.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-color: lightgray;
     transform: rotate(180deg);
     cursor: pointer;
     width: 55px;
     float: right;
     flex: 10%;
}
 .planet-info-expand {
     background-image: url('../images/expand-teal.svg');
     background-repeat: no-repeat;
     background-position: center;
     cursor:pointer;
     width: 60px;
     background-color: lightgray;
     height: 610px;
}
 .star-header {
     font-size: 1.5em;
     margin-block-start: 0.83em;
     margin-block-end: 0.83em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     font-weight: bold;
     color: #00617E;
     position: relative;
     top: 18px;
}
 div#tabs {
     padding-top: 5px;
     min-width: 1080px;
     white-space: nowrap;
}
 #tabs > ul {
     list-style-type: none;
     margin: 2px;
     height: 65px;
     white-space: nowrap;
     overflow: hidden;
}
 #tabs > ul > li {
     display: inline;
}
 #tabs > ul > li:first-of-type a {
     border-left: 1px solid white;
}
 #coverage-button-panel {
     width: 100%;
     height: 32px;
}
 #clear-coverage-selection-button {
     display: none;
}
 div#source-links {
     margin-top: 14px;
     font-size: 14px;
}
 div#source-links a {
     color: #C75109;
}
 div#data {
     display: flex;
     background-color: lightgray;
}
 .mm-btn {
     border: 0;
     display: inline-block;
     background-color: lightgray;
     padding-left: 6px;
     padding-right: 4px;
     padding-top: 4px;
     padding-bottom: 4px;
}
 .mm-dropdown {
     display: inline;
     border: 0;
     border-radius: 3px;
     color: #C75109;
     font-size: 17px;
     overflow: hidden;
}
 .mm-dropdown ul {
     list-style: none;
     color: #fff;
     padding: 0;
     border: 0;
     margin-top: 0 !important;
     position: absolute;
}
 .mm-dropdown ul li {
     display: none;
     background-color: #00617E;
     margin-left: 146px;
     padding-right: 6px;
     padding-left: 6px;
     padding-top: 2px;
     padding-bottom: 2px;
}
 .mm-dropdown ul li:last-child {
     border-bottom: 0;
}
 .mm-dropdown ul li.main {
     display: block;
}
 .mm-dropdown ul li:hover {
     background-color: #C75109;
}
 .down_arrow {
     background-image: url('../images/downarrow-orange.svg');
     background-repeat: no-repeat;
     background-position: center;
     display: inline-block;
     width: 28px;
     height: 22px;
     vertical-align: bottom;
}
 .down_arrow:hover {
     background-image: url('../images/downarrow-white.svg');
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
     background-color: #C75109;
}
 .dropdown_planet {
     color: #333333;
}
 .related-links-button {
     display: inline-block;
     color: white !important;
     margin-top: 0px;
     margin-bottom: 15px;
     margin-right: 10px;
     background-color: #00617E;
     border: 2px solid #00617E;
     padding-top: 10px;
     padding-bottom: 16px;
     padding-left: 10px;
     text-align: left;
     font-size: 24px;
     font-weight: 600;
     width: 290px;
     height: 48px;
     text-decoration: none;
}
.related-links-button:hover {
     color: white !important;
     background-color: #02465C;
     border-color: #02465C;
     cursor: pointer;
     text-decoration: none;
}
 .related-links-button:active {
     color: white !important;
     background-color: #C75109;
     border-color: #C75109;
     cursor: pointer;
     text-decoration: none;
}
.related-links-heading {
     font-size: 16px;
     font-weight: 500;
     margin-top: 10px;
}

#related-links-ffi-container {
     display: inline;
}

#vetting-heading-download {
     color: #02465C;
     font-weight: 600;
 }

.vetting-heading, .target-visibility-heading {
     font-size: 24px;
     font-weight: 500;
     margin-top: 10px;
}
 .vetting-button {
     color: #AAA9AB;
     margin-top: 6px;
     margin-right: 10px;
     margin-bottom: 10px;
     border: 2px solid #AAA9AB;
     display: inline-block;
     font-size: 20px;
     text-align: center;
     width: 300px;
     height: 200px;
     padding-top: 12px
}
 .vetting-button-enabled {
     color: #C75109;
     font-weight: 600;
     cursor: pointer;
     padding-top: 12px;
     height: 200px;
}
 .vetting-button-enabled:hover {
     color: white;
}
 .vetting-button-disabled {
     color: #AAA9AB;
     font-weight: 400;
     cursor: auto;
     padding-top: 62px;
     height: 150px;
}
 .vetting-summary-background {
     background-image: url('../images/vetting-summary.png');
}
 .vetting-summary-background:hover {
     background-image: url('../images/vetting-summary-hover.png');
}
 .vetting-report-background {
     background-image: url('../images/vetting-report.png');
}
 .vetting-report-background:hover {
     background-image: url('../images/vetting-report-hover.png');
}
.vetting-dvm-report-background {
     background-image: url('../images/vetting-dvm.png');
}
 .vetting-dvm-report-background:hover {
     background-image: url('../images/vetting-dvm-hover.png');
}
 .orange-link {
     color: #C75109 !important;
     text-decoration: none;
     cursor: pointer;
}
 .exoctk-text {
     margin-top: 10px;
     font-size: large;
}
.exoctk-text div {
     margin-bottom: 12px;
 }

 .custom-select-sm {
     height: calc(1.5em + .5rem + 2px);
     padding-top: .25rem;
     padding-bottom: .25rem;
     padding-left: .5rem;
     font-size: .875rem;
}
 .custom-select {
     display: inline-block;
     width: 100%;
     height: calc(1.5em + .75rem + 2px);
     padding: .375rem 1.75rem .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     vertical-align: middle;
     background-color: #fff;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: #fff url('../images/downarrow-orange.svg') no-repeat right center;
     background-size: 30px;
}
 .form-control-sm {
     height: calc(1.5em + .5rem + 2px);
     font-size: .875rem;
     line-height: 1.5;
     border-radius: .2rem;
}
 table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before {
     display:none;
}
 th.sorting {
     padding-right: 45px !important;
}

.row {
     margin-top: 2px;
}

table.snr-table {
     border: 0px solid #000000;
     width: 240px;
     text-align: left;
     border-collapse: collapse;
}
table.snr-table td, table.snr-table th {
     padding: 2px 4px;
}
table.snr-table  td {
     font-size: large;
}
   
table.snr-table  th {
     font-size: 16px;
     font-weight: bold;
     text-align: left;
}
table.snr-table caption {
     text-align: left;
 }

table.snr-table caption a {
     color: #00617E; 
     font-size: 20px;
     font-weight: bold;
     text-align: left;
     margin-bottom: 8px;
}



/* Create two unequal columns that float next to each other */
.column {
     float: left;
     padding: 10px;
}
   
.left {
     width: 200px;
     margin-right: 80px;
}
   
.right {
     width: 500px;
}
   
   /* Clear floats after the columns */
.row:after {
     content: "";
     display: table;
     clear: both;
}

.exoctk-links-heading {
     color: #00617E;
     font-size: 20px;
     font-weight: bold;
}

/* Responsive layout - when the screen is less than 1200px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
     .column {
       width: 100%;
     }
     table.snr-table {
          margin-top: 10px;
          margin-left: 30px;
          border: 0px solid #000000;
          width: 220px;
          text-align: left;
          border-collapse: collapse;
     }
}

#eaot-link {
     display: block;
     margin-top: 10px;
}

