.cable-blank {
    width: 46px;
}

th.system-name, th.full-name, th.financier-name {
    text-align: left;
}

th.system-name {
    width: 327px;
}

th.full-name {
    width: 511px;
}

th.financier-name {
    width: 232px;
}

th.eos, th.rfs {
    width: 63px;
}

th.system-cost {
    width: 131px;
}

th.system-cost > div, th.total-length > div {
    position: relative;
}

/*th.system-cost > div > span,
th.total-length > div > span,
th.initial-cap > div > span,
th.design-cap > div > span {*/
.header-label > span {
    position: absolute;
    font-family: system-ui;
    font-size: 12px;
    margin: 0 0 0 2px;
    opacity: 0.6;
}

/*th.system-cost > div > span:hover,
th.total-length > div > span:hover,
th.initial-cap > div > span:hover,
th.design-cap > div > span:hover {*/
.header-label > span:hover {
    cursor: help;
    opacity: 1;
}


th.total-length {
    width: 134px;
}

th.initial-cap {
    width: 142px;
}

th.design-cap {
    width: 151px;
}

th.fiber-pairs {
    width: 102px;
}

.pop-out:hover {
    src: "images/pop-out_hover.png";
}

#cable-form {
    width: 1161px;
    height: 878px;
    background-color: #000;
    border-radius: 8px;
    position: absolute;
    margin: -439px 0 0 -580.5px;
    left: 50%;
    top: 50%;
    z-index: 102;
    padding: 3px;
    display: none;
}

#cable-form-inner {
    width: 100%;
    height: 100%;
    background-color: #C2DEEA;
    border-radius: 5px;

}

.cable-section {
    position: absolute;
    border: 1px solid #000;
    padding: 0 0 0 16px;
}

.cable-section > div {
    float: left;
}

/*#cable_external_div {
    display: none;
}*/

#cable_external {
    width: 283px;
    height: 86px;
    text-align: center;
    position: relative;
    top: 9px;
    color: #444;
    cursor: pointer;
}

/*#cable-details {
    width: 1139px;
    height: 287px;
    position: relative;
    top: 10px;
    left: 10px;
}*/

.left-section {
    width: 445px;
}

.ls { /* left section */
    width: 445px;
}

.ms { /* middle section */
    width: 360px;
}

.rs { /* right section */
    width: 300px;
}

.cable-label > div {
    float: left;
    margin: 3px 0 0 0;
}

.label-160 {
    width: 160px;
}

.label-120 {
    width: 120px;
}

.label-111 {
    width: 111px;
    margin: 0 0 0 1px;
}

.label-111 > :nth-child(3) {
    width: 111px;
    text-align: center;
}

.label-111 > * {
    margin: 3px 0 0 0;
}

.bool-row > label {
    float: left;
    text-align: center;
}

.label-105 {
    width: 105px;
}

.label-63 {
    width: 63px;
}

#cable-details {
    width: 1123px;
    height: 287px;
    top: 13px;
    left: 13px;
    padding-top: 7px;
}

#cable-details > :first-child {
    width: 85px;
}

#cable-details > :nth-child(2) {
    width: 445px;
}

#cable-details > :nth-child(2) > :is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4)) {
    width:445px;
}

#cable-details > :nth-child(3) {
    width: 360px;
    padding: 0 0 0 9px;
}

#cable-details > :nth-child(4) {
    width: 300px;
    padding: 0 0 0 9px;
}

#cable-details > :nth-child(5) {
    width: 1120px;
    margin: 13px 0 0 -7px;
}

.formTableSearch {
    width: 297px;
    margin: 0 0 5px 0;
}

.formTableSearch > div {
    width: 120px;
    float: left;
    margin: 3px 0 0 0;
}

#show_og_only {
    float: right;
    width: 16px;
    cursor: pointer;
}

#og_platforms {
    float: right;
    width: 119px;
    text-align: right;
}
#cable-poc {
    width: 1123px;
    height: 57px;
    /*position: relative;*/
    top: 319px;
    left: 13px;
    padding-top: 9px;
}

#cable-poc > label {
    width: 35px;
}

#cable-ships {
    width: 720px;
    height: 142px;
    /*position: relative;*/
    top: 397px;
    left: 13px;
    opacity: 0.5;
}

#cable-ships > label {
    width: 43px;
}

#cable-ships > :nth-child(2) {
    margin: 4px 0 0 0;
}

#cable-ships > :nth-child(2) > :nth-child(2) {
    width: 708px;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #000;
    margin: 5px 0 0 0;
    background-color: #FFF;
}

#cable-landings {
    width: 720px;
    height: 142px;
    /*position: relative;*/
    top: 551px;
    left: 13px;
    opacity: 0.5;
}

#cable-landings > label {
    width: 62px;
}

#cable-landings > :nth-child(2) {
    margin: 4px 0 0 0;
}

#cable-landings > :nth-child(2) > :nth-child(2) {
    width: 708px;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #000;
    margin: 5px 0 0 0;
    background-color: #FFF;
}

#cable-regions, #cable-sub-regions {
    width: 375px;
    height: 142px;
    left: 761px;
    opacity: 0.5;
}

#cable-regions {
    top: 397px;
}

#cable-sub-regions {
    top: 551px;
}

#cable-regions > label {
    width: 57px;
}

#cable-sub-regions > label {
    width: 75px;
}

:is(#cable-regions, #cable-sub-regions) > :nth-child(2) {
    margin: 4px 0 0 0;
}

:is(#cable-regions, #cable-sub-regions) > :nth-child(2) > :nth-child(2) {
    width: 362px;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #000;
    margin: 5px 0 0 0;
    background-color: #FFF;
}

#cable-companies {
    width: 1123px;
    height: 141px;
    /*position: relative;*/
    top: 705px;
    left: 13px;
    opacity: 0.5;
}

#cable-companies > label {
    width: 75px;
}

#cable-companies > :nth-child(2) {
    margin: 4px 0 0 0;
}

#cable-companies > :nth-child(2) > :nth-child(2) {
    width: 1110px;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #000;
    margin: 5px 0 0 0;
    background-color: #FFF;
}

#cable-footer {
    width: 1139px;
    height: 21px;
    position: relative;
    top: 851px;
    left: 11px;
    background-color: transparent;
    border: none;
}

#cable-footer > input {
    float: left;
    width: 560px;
}

#cable-footer > img {
    float: left;
    margin: 0 0 0 6px;
}

#cable-footer > :nth-child(4) {
    margin-left: 58px;
}

#cable-footer > :nth-child(5), #cable-footer > :nth-child(7) {
    margin-left: 15px;
}

#cable-footer > :nth-child(6) {
    margin-left: 25px;
}

.cable-bools > td > label {
    float: none;
}

.cable-bools > td {
    text-align: center;
}

td > input[type=text] {
    width: 110px;
}

/************
*  BUTTONS
************/

.button {
    position: absolute;
    right: -37px;
    background-color: #FFF;
    width: 26px;
    height: 26px;
    text-align: center;
    border: 3px solid #000;
    border-radius: 5px;
    opacity: 0.5;
    cursor: pointer;
}

.button[disabled="disabled"] {
    cursor: not-allowed;
    opacity: 0.1;
}

.button:hover:not([disabled="disabled"]) {
    opacity: 1;
}

/*********************
*   LISTING TABLES
*********************/
#cable-company-table {
    width: 1093px;
}

#cable-ship-table, #cable-landing-table {
    width: 691px;
}

#cable-region-table {
    width: 345px;
}

.listing-table > tbody > tr.header {
    height: 20px;
    font-size: 9pt;
    text-align: left;
    /*background-color: #AAA;*/
    vertical-align: top;
}

.listing-table > tbody > tr.row {
    height: 20px;
    font-size: 9pt;
    border-bottom: 1px solid #AAA;
}

/* CABLE SHIP TABLE HEADERS */
#cable-ship-table > tbody > tr.header > :first-child {
    width: 37px;
}

#cable-ship-table > tbody > tr.header > :nth-child(2) {
    width: 133px;
}

#cable-ship-table > tbody > tr.header > :nth-child(3) {
    width: 203px;
}

#cable-ship-table > tbody > tr.header > :nth-child(4) {
    width: 175px;
}

#cable-ship-table > tbody > tr.header > :nth-child(5) {
    width: 98px;
}

#cable-ship-table > tbody > tr.header > :nth-child(6) {
    width: 33px;
}

#cable-ship-table > tbody > tr.header > :nth-child(7) {
    width: 105px;
    text-align: center;
}

#cable-ship-table > tbody > tr.header > :nth-child(8) {
    width: 96px;
    text-align: center;
}

#cable-ship-table > tbody > tr.header > :is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)) {
    position: sticky;
    top: 0;
    background-color: #005172;
}

/* CABLE LANDING TABLE HEADERS */
#cable-landing-table > tbody > tr.header > :first-child {
    width: 57px;
}

#cable-landing-table > tbody > tr.header > :nth-child(2) {
    width: 50px;
    text-align: center;
}

#cable-landing-table > tbody > tr.header > :nth-child(3) {
    width: 61px;
    text-align: center;
}

#cable-landing-table > tbody > tr.header > :nth-child(4) {
    width: 85px;
}

#cable-landing-table > tbody > tr.header > :nth-child(5) {
    width: 100px;
}

#cable-landing-table > tbody > tr.header > :nth-child(6) {
    width: 150px;
}

#cable-landing-table > tbody > tr.header > :nth-child(7) {
    width: 139px;
}

#cable-landing-table > tbody > tr.header > :is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)) {
    position: sticky;
    top: 0;
    background-color: #005172 !important;
}

#cable-landing-table > tbody > tr.row > :is(:nth-child(2),:nth-child(3)) {
    text-align: center;
}

/* CABLE REGION TABLE HEADERS */
#cable-region-table > * {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

#cable-region-table > tbody > tr.header > :first-child {
    width: 57px;
}

#cable-region-table > tbody > tr.header > :nth-child(2) {
    width: 254px;
}

#cable-region-table > tbody > tr.header > :nth-child(3) {
    width: 28px;
}

#cable-region-table > tbody > tr.header > :is(:first-child,:nth-child(2),:nth-child(3)) {
    position: sticky;
    top: 0;
    background-color: #005172 !important;
}

#cable-region-table > tbody > tr.row {
    cursor: pointer;
}

/* CABLE SUB-REGION TABLE HEADERS */
#cable-sub-region-table > * {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

#cable-sub-region-table > tbody > tr.header > :first-child {
    width: 57px;
}

#cable-sub-region-table > tbody > tr.header > :nth-child(2) {
    width: 254px;
}

#cable-sub-region-table > tbody > tr.header > :nth-child(3) {
    width: 28px;
}

#cable-sub-region-table > tbody > tr.header > :is(:first-child,:nth-child(2),:nth-child(3)) {
    position: sticky;
    top: 0;
    background-color: #005172;
}

/* CABLE COMPANIES TABLE HEADERS */
#cable-company-table > tbody > tr.header > :first-child {
    width: 57px;
}

#cable-company-table > tbody > tr.header > :nth-child(2) {
    width: 225px;
}

#cable-company-table > tbody > tr.header > :nth-child(3) {
    width: 236px;
}

#cable-company-table > tbody > tr.header > :nth-child(4), #cable-company-table > tbody > tr.header > :nth-child(5) {
    width: 125px;
}

#cable-company-table > tbody > tr.header > :nth-child(6) {
    width: 284px;
}

#cable-company-table > tbody > tr.header > :is(:first-child,:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7)) {
    position: sticky;
    top: 0;
    background-color: #005172 !important;
}

#company-role-window {
    width: 336px;
    height: 164px;
    background-color: #CCC;
    border: 3px solid #000;
    border-radius: 5px;
    position: absolute;
    right: 0px;
    bottom: 23px;
    z-index: -5;
}

#company-role-window > :first-child {
    width: 266px;
    border: 1px solid #000;
    height: 134px;
    padding-top: 7px;
    top: 11px;
    /*opacity: 0.5;*/
    left: 42px;
}

#company-role-window > :first-child > :nth-child(2) > :nth-child(2) {
    width: 260px;
    height: 96px;
    overflow-y: scroll;
    border: 1px solid #000;
    margin: 5px 0 0 -6px;
    background-color: #FFF;
}

#cable-company-role-table > tbody > tr.header {
    height: 20px;
    font-size: 9pt;
    text-align: left;
    background-color: #005172;
    vertical-align: top;
}

#cable-company-role-table > tbody > tr.row {
    height: 20px;
    font-size: 9pt;
    border-bottom: 1px solid #AAA;
}

#cable-company-role-table {
    width: 243px;
}

#cable-company-role-table > tbody > tr.header > :first-child {
    width: 57px;
}

#cable-company-role-table > tbody > tr.header > :nth-child(2) {
    width: 152px;
}

#cable-company-table > tbody > tr.row {
    cursor: pointer;
}

[data-tooltip] {
    position: absolute;
    font-family: system-ui;
    font-size: 12px;
    margin: -5px 0 0 0;
    opacity: 0.6;
    cursor: help;
}