/*general form labels and fields*/
.trg-editor-group {
    width: 98%;
    clear: both;
    margin-top: 5px;
    overflow-y: auto;
    padding: 3px;
}
.trg-float-left {
    float: left;
}
.trg-float-right {
    float: right;
}
.trg-margin-10 {
    margin: 10px;
}
.trg-margin-right-10 {
    margin-right: 10px;
}
.trg-width-100 {
    width: 100%;
}
.trg-width-95 {
    width: 95%;
}
.trg-width-90 {
    width: 90%;
}
.trg-width-85 {
    width: 85%;
}
.trg-width-80 {
    width: 80%;
}
.trg-width-70 {
    width: 70%;
}
.trg-width-60 {
    width: 60%;
}
.trg-width-50 {
    width: 50%;
}
.trg-width-40 {
    width: 40%;
}
.trg-width-30 {
    width: 30%;
}
.trg-width-25 {
    width: 23%;
}
.trg-width-20 {
    width: 20%;
}
.trg-width-10 {
    width: 10%;
}
.trg-padding-5 {
    padding: 5px;
}
.trg-padding-10 {
    padding: 10px;
}
.trg-editor-label {
    font-weight: bold;
}
.trg-editor-field {
}
.trg-margin-top-5 {
    margin-top: 5px;
}

.trg-margin-top-10 {
    margin-top: 10px;
}

.trg-margin-top-20 {
    margin-top: 20px;
}

.trg-margin-bottom-10 {
    margin-bottom: 10px;
}

.trg-overflow-y-scroll {
    overflow-y: scroll;
}
.trg-text-align-left {
    text-align: left;
}
.trg-white-hr {
    border-color: #fff;
}
.trg-bold {
    font-weight: bold;
}
.trg-white-text {
    color: #fff;
}
.trg-text-align-center {
    text-align: center;
}
.trg-text-align-right {
    text-align: right;
}
.trg-overflow-auto {
    overflow: auto;
}
.trg-overflow-hidden {
    overflow: hidden;
}
.trg-notification-list-pointer {
    cursor: pointer;
}
.trg-td-align-left {
    text-align: left;
}
.trg-td-align-center {
    text-align: center;
}
.trg-td-align-right {
    text-align: right;
}
.trg-float-left trg-column-width-5 {
    width: 5%;
}
.trg-float-left trg-column-width-10 {
    width: 10%;
}
.trg-float-left trg-column-width-15 {
    width: 15%;
}
.trg-float-left trg-column-width-20 {
    width: 20%;
}
.trg-float-left trg-column-width-25 {
    width: 25%;
}
.trg-float-left trg-column-width-30 {
    width: 30%;
}
.trg-float-left trg-column-width-35 {
    width: 35%;
}
.trg-float-left trg-column-width-40 {
    width: 40%;
}
.trg-btn-link-h4 {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 12px;
    text-decoration: underline;
}

.trg-header-div {
    margin: 1.5em 0;
    padding: 0.5em 0.3em;
    font-weight: bold;
    background-color: #f1f1f1;
    font-size: 1.3em;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

/*main navigation menu*/
.trg-main-navigation-tab-container {
    width: 100%;
    overflow-y: auto;
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
}
.trg-main-navigation-tab {
    height: 18pt;
    width: 63pt;
    float: left;
    margin-right: 2px;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    line-height: 18pt;
}
.trg-main-navigation-tab-not-selected {
    background-color: #ffffff;
}
.trg-main-navigation-tab-selected {
    background-color: #bbb;
}
.trg-main-navigation-tab a {
    text-decoration: none;
    color: #000;
}

.trg-bottom-top-10 {
    margin: 10px 0px;
}


/*general formatting*/
.trg-clear-both {
    clear: both;
}
.trg-column-width-5 {
    width: 5%;
}
.trg-column-width-10 {
    width: 10%;
}
.trg-column-width-15 {
    width: 15%;
}
.trg-column-width-20 {
    width: 20%;
}
.trg-column-width-25 {
    width: 25%;
}
.trg-column-width-30 {
    width: 30%;
}
.trg-column-width-35 {
    width: 35%;
}
.trg-column-width-40 {
    width: 40%;
}
.trg-button {
    min-width: 75px;
    /*width: 36pt;*/
    border-radius: 0.3em;
    height: 2.2em;
    border: 1px solid #ccc;
}

.trg-warning {
    border: 1px solid #e8afd3 !important;
    background-color: #f6dced !important;
}
.trg-big-button {
    font-size: 1.3em !important;
    width: 200px;
    font-weight: bold;
    padding: 10px 15px;
    background-color: #ddd;
    border: 1px solid #bbb;
}
.trg-subtext {
    font-size: 10px;
    font-weight: normal;
    color: #333;
}

.trg-border1 {
    border: 1px solid #999;
}

.trg-input-div input, .trg-input-div select {
    width: 95%;
}
/*the organizations list table formatting*/
.trg-orglist-header-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}

.trg-textarea {
    height: 220px !important;
    margin-bottom: 20px;
}

.trg-orglist-header-left {
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0px;
}

.trg-orglist-header-right {
    float: right;
    width: 35%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.trg-orglist-footer-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}

.trg-orglist-table {
    border: 1px solid #eee;
    width: 100%;
}

.trg-orglist-table-header-row {
    background-color: #aaa;
}

.trg-orglist-table-header-col-organization {
    width: 38%;
}

.trg-orglist-table-header-col-main-phone {
    width: 13%;
}

.trg-orglist-table-header-col-response-phone {
    width: 13%;
}

.trg-orglist-table-header-col-address {
    width: 31%;
}

.trg-orglist-table-header-col-city {
    width: 13%;
}

.trg-orglist-table-header-col-zipcode {
    width: 9%;
}

.trg-orglist-table-header-col-onalist {
    width: 5%;
}

.trg-orglist-table-row-even {
    background-color: #fff;
}

.trg-orglist-table-row-odd {
    background-color: #ddd;
}



/*the personnel list table formatting*/
.trg-personnel-list-header-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}

.trg-personnel-list-header-left {
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0px;
}

.trg-personnel-list-header-right {
    float: right;
    width: 35%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.trg-personnel-list-footer-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}

.trg-personnel-list-table {
    border: 1px solid #eee;
    width: 100%;
}

.trg-personnel-list-table-header-row {
    background-color: #aaa;
}

.trg-personnel-list-table-header-col-fullname {
    width: 25%;
}

.trg-personnel-list-table-header-col-organization {
    width: 25%;
}

.trg-personnel-list-table-header-col-email {
    width: 15%;
}

.trg-personnel-list-table-header-col-contact-phone {
    width: 10%;
}

.trg-personnel-list-table-header-col-mobile-phone {
    width: 10%;
}

.trg-personnel-list-table-header-col-work-phone {
    width: 10%;
}

.trg-personnel-list-table-header-col-onalist {
    width: 5%;
}

.trg-personnel-list-table-row-even {
    background-color: #fff;
}

.trg-personnel-list-table-row-odd {
    /*background-color: #ddd;*/
    background-color: #f9f9f9;
}

/*site containment editor formatting*/
.trg-site-containment-table-container {
    width: 100%;
    margin: auto;
    overflow: auto;
}

.trg-site-containment-section-header {
    width: 100%;
    margin: auto;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    background-color: #0a80b0;
}

.trg-site-containment-table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .trg-site-containment-table th td {
        margin: 0px;
        padding: 3px;
    }

.trg-site-containment-table-header-row {
    font-weight: bold;
    font-size: 10pt;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .trg-site-containment-table-header-row td {
        text-align: center;
    }

.trg-site-containment-table-repeating-row {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .trg-site-containment-table-repeating-row td {
        /*background-color: #f5f1de;*/ /*beige;*/
        text-align: center;
        /*border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;*/
    }
    /*.trg-site-containment-table-repeating-row .left-border {
    border-left: 1px solid #bbb;
}*/
    /*.trg-site-containment-table-repeating-row .last {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}*/
    .trg-site-containment-table-repeating-row a {
        text-decoration: none;
        color: black;
    }

    .trg-site-containment-table-repeating-row input {
        width: 36pt;
        text-align: right;
    }
/*.trg-site-containment-table-x-containment-row td {
    background-color: beige;
    text-align: center;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.trg-site-containment-table-x-containment-row .last {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.trg-site-containment-table-x-containment-row input {
    width: 36pt;
    text-align: right;
}*/

/*.shapeImage hover {
    cursor: pointer;
}*/
.trg-site-containment-table-footer-row {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .trg-site-containment-table-footer-row td {
        /*background-color: beige;*/
        text-align: center;
        /*border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;*/
    }
    /*.trg-site-containment-table-footer-row .left-border {
    border-left: 1px solid #bbb;
}*/
    /*.trg-site-containment-table-footer-row .last {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}*/
    .trg-site-containment-table-footer-row a {
        text-decoration: none;
        color: black;
    }

    .trg-site-containment-table-footer-row input {
        width: 36pt;
        text-align: right;
    }

.trg-site-containment-comment-section-header {
    width: 100%;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    font-size: 12pt;
    font-weight: bold;
    color: black;
    padding: 3px;
}

.trg-site-containment-comment-label {
    color: black;
    text-decoration: none;
}

.trg-site-containment-comment-section-row {
    width: 100%;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.trg-site-containment-comments-table {
    width: 100%;
    /*border-left: 1px solid black;*/
    /*border-top: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
    background-color: white;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .trg-site-containment-comments-table td {
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }


.trg-site-containment-plotplan-section-header {
    width: 100%;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    font-size: 12pt;
    font-weight: bold;
    color: black;
    padding: 3px;
}

.trg-site-containment-plotplan-label {
    color: black;
    text-decoration: none;
}

.trg-site-containment-plotplan-section-row {
    width: 100%;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.trg-site-containment-plotplan-table {
    width: 100%;
    /*border-left: 1px solid black;*/
    /*border-top: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
    background-color: white;
    border-collapse: collapse;
    border-spacing: 0px;
}



.trg-site-x-containment-comment-section-header {
    width: 100%;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    font-size: 12pt;
    font-weight: bold;
    color: black;
    padding: 3px;
}

.trg-site-x-containment-comment-label {
    color: black;
    text-decoration: none;
}

.trg-site-x-containment-comment-section-row {
    width: 100%;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.trg-site-x-containment-comments-table {
    width: 100%;
    /*border-left: 1px solid black;*/
    /*border-top: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
    background-color: white;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .trg-site-x-containment-comments-table td {
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }



.divHide {
    visibility: hidden;
    display: none;
}

.divShow {
    visibility: visible;
    display: inherit;
}



/*site equipment editor formatting*/
.trg-site-equipment-table-container {
    width: 100%;
    margin: auto;
    overflow: auto;
}

.trg-site-equipment-section-header {
    width: 100%;
    margin: auto;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    background-color: #0a80b0;
}

.trg-site-equipment-table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .trg-site-equipment-table th td {
        margin: 0px;
        padding: 3px;
    }

.trg-site-equipment-table-header-row {
    font-weight: bold;
    font-size: 10pt;
    background-color: #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .trg-site-equipment-table-header-row td {
        text-align: center;
        /*border: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-bottom: 1px solid #bbb;*/
    }

.trg-site-equipment-table-repeating-row {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .trg-site-equipment-table-repeating-row td {
        /*background-color: beige;*/
        text-align: center;
        /*border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;*/
    }
    /*.trg-site-equipment-table-repeating-row .left-border {
    border-left: 1px solid #bbb;
}*/
    /*.trg-site-equipment-table-repeating-row .last {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}*/
    .trg-site-equipment-table-repeating-row a {
        text-decoration: none;
        color: black;
    }

    .trg-site-equipment-table-repeating-row input {
        width: 36pt;
        text-align: right;
    }

.trg-site-equipment-table-footer-row {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

    .trg-site-equipment-table-footer-row td {
        /*background-color: beige;*/
        text-align: center;
        /*border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;*/
    }
    /*.trg-site-equipment-table-footer-row .left-border {
    border-left: 1px solid #bbb;
}*/
    /*.trg-site-equipment-table-footer-row .last {
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}*/
    .trg-site-equipment-table-footer-row a {
        text-decoration: none;
        color: black;
    }

    .trg-site-equipment-table-footer-row input {
        width: 36pt;
        text-align: right;
    }

.trg-hide {
    display: none;
}

.trg-header-title {
    font-size: 14px;
    font-weight: bold;
    background-color: #eee;
}

.trg-header-title span
{
    font-weight: normal;
}
/*containment row back ground color swapper*/
.bg-color-yellow {
    background-color: #f8f800; /*yellow*/
}

.bg-color-beige {
    background-color: #f5f1de; /*beige*/
}


/*image control for regular and irregular images*/
.regular-shape-not-selected {
    background-repeat: no-repeat;
    background-image: url(/images/regular.gif);
}

.regular-shape-selected {
    background-repeat: no-repeat;
    background-image: url(/images/regularselected.gif);
}

.irregular-shape-not-selected {
    background-repeat: no-repeat;
    background-image: url(/images/irregular.gif);
}

.irregular-shape-selected {
    background-repeat: no-repeat;
    background-image: url(/images/irregularselected.gif);
}

/*background color and font color for containment compliances*/
.containment-in-compliance {
    background-color: #dddddd;
    color: #000000;
}

.containment-out-of-compliance {
    background-color: #dddddd;
    color: #ff0000;
}

/*background color for equipment displacement*/
.equipment-displacement {
    background-color: #dddddd;
}



/*notification list tabs*/
.trg-notification-list-tab-container {
    width: 100%;
    overflow-y: auto;
}

.trg-notification-list-tab {
    height: 18pt;
    width: 54pt;
    float: left;
    margin-right: 2px;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    line-height: 18pt;
}
.trg-notification-list-tab-not-selected {
    background-color: #ffffff;
}
.trg-notification-list-tab-selected {
    background-color: #bbb;
}
.trg-notification-list-tab a {
    text-decoration: none;
    color: #000;
}



/*the notification lists table formatting*/
.trg-notification-list-search-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}

.trg-notification-list-search-header-left {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
}

.trg-notification-list-search-header-right {
    float: right;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.trg-notification-list-pager-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}

.trg-notification-list-table {
    border: 1px solid #eee;
    width: 100%;
}

.trg-notification-list-table-header-row {
    background-color: #e6e6f0;
    padding: 15px 0;
    font-weight: bold;
}
.trg-notification-list-table-header-col-listname {
    width: 70%;
}
.trg-notification-list-table-header-col-archived {
    width: 15%;
}
.trg-notification-list-table-header-col-response-links {
    width: 15%;
}
/*.trg-orglist-table-header-col-address {
    width: 22%;
}
.trg-orglist-table-header-col-city {
    width: 13%;
}
.trg-orglist-table-header-col-zipcode {
    width: 9%;
}*/
.trg-notification-list-table-row-selected {
    background-color: red;
}
.trg-notification-list-table-row-order-valid {
    color: black;
}
.trg-notification-list-table-row-order-not-valid {
    color: red;
}
.trg-notification-list-table-row-even {
    background-color: #fff;
}
.trg-notification-list-table-row-odd {
    background-color: #f4f5fe;
}
.trg-notification-list-content-container {
    width: 100%;
    display: none;
}
/*.trg-notification-list-table-row-line-height {
    height: 20px;
}*/
.trg-notification-list-table-row-line-padding {
    padding-top: 6px;
    padding-bottom: 6px;
}
.trg-notification-list-container-div {
    width: 99%;
    overflow-y: auto;
    border: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
}
.trg-notification-list-content-search-list-container {
    overflow-y: scroll;
    border: 1px solid #eee;
    height: 72pt;
    width: 30%;
    float: left;
    margin-right: 20px;
}
.trg-notification-list-content-search-button-container {
    width: 65%;
    text-align: left;
    float: left;
    line-height: 8em;
}
.trg-notification-list-grouping-list-container {
     width: 246pt;
     height: 72pt;
     border: 1px solid #eee;
     overflow-y: scroll;
}
.trg-notification-list-grouping-list-div {
    margin: 6px 4px 2px 4px;
    background-color: #efefef;
    font-size: 12px;
    cursor: pointer;
    /*border-left: 18px solid #cccccc;*/
}
.trg-notification-list-grouping-list-div-selected {
    margin: 6px 4px 2px 4px;
    background-color: #a0a0a0;
    font-size: 12px;
    cursor: pointer;
    /*border-left: 18px solid #cccccc;*/
}
.trg-notification-list-group-item-list-div {
    margin-bottom: 5px;
    background-color: #efefef;
    font-size: 15px;
    cursor: pointer;
}

.trg-remove-notification-list-group {
    margin-left: -12px; 
    font-weight: bold;
}

/*plan revision table formatting*/

.trg-plan-revision-header-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}
.trg-plan-revision-header-left {
    float: left;
    width: 25%;
    margin: 0px;
    padding: 0px;
}
.trg-plan-revision-header-right {
    float: right;
    width: 35%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.trg-plan-revision-table {
    border: 1px solid #eee;
    width: 100%;
}
.trg-plan-revision-table-header-row {
    background-color: #aaa;
}
.trg-plan-revision-table-header-col-description {
    width: 40%;
}
.trg-plan-revision-table-header-col-date {
    width: 15%;
}
.trg-plan-revision-table-header-col-by {
    width: 15%;
}
.trg-plan-revision-table-header-col-type {
    width: 15%;
}
.trg-plan-revision-table-header-col-section {
    width: 10%;
}
.trg-plan-revision-table-header-col-links {
    width: 5%;
}
.trg-plan-revision-table-row-even {
    background-color: #fff;
}
.trg-plan-revision-table-row-odd {
    background-color: #ddd;
}
.trg-section-title {
    /*background-color: #0000ff;
    width: 100%;
    color: #fff;
    padding: 2px 5px;
    border-left: 26px solid #0606a7;*/
    background-color: #e8e8e8;
    width: 100%;
    color: #555;
    padding: 2px 5px;
    border-left: 26px solid #c3c3c3;
}
.trg-title {
    font-weight: bold;
    font-size: 1.4em;
}

/*review notification formatting*/
.trg-plan-reviewer-agency-list-assigned-container {
    width: 216pt;
    height: 108pt;
    border: 1px solid #eee;
    overflow-y: scroll;
}
.trg-plan-reviewer-agency-list-assigned-div {
    margin: 6px 4px 2px 4px;
    background-color: #efefef;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}
.trg-plan-reviewer-agency-list-assigned-div-selected {
    margin: 6px 4px 2px 4px;
    background-color: #a0a0a0;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}
.trg-plan-reviewer-agency-list-assigned-employee-container {
    width: 216pt;
    height: 108pt;
    border: 1px solid #eee;
    overflow-y: scroll;
}
.trg-plan-reviewer-employee-list-assigned-div {
    margin: 6px 4px 2px 4px;
    background-color: #efefef;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}
.trg-plan-reviewer-employee-list-assigned-div-selected {
    margin: 6px 4px 2px 4px;
    background-color: #a0a0a0;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}



/*plan state agency formatting*/
/*.trg-plan-state-list-available-container, .trg-plan-state-list-assigned-container {
     width: 216pt;
     height: 108pt;
     border: 1px solid #eee;
     overflow-y: scroll;
}
.trg-plan-state-agency-list-available-container, .trg-plan-state-agency-list-assigned-container {
     width: 216pt;
     height: 108pt;
     border: 1px solid #eee;
     overflow-y: scroll;
}
.trg-plan-state-list-available-div, .trg-plan-state-list-assigned-div, .trg-plan-state-agency-list-available-div, .trg-plan-state-agency-list-assigned-div {
    margin: 6px 4px 2px 4px;
    background-color: #efefef;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}
.trg-plan-state-list-available-div-selected, .trg-plan-state-list-assigned-div-selected, .trg-plan-state-agency-list-available-div-selected, .trg-plan-state-agency-list-assigned-div-selected {
    margin: 6px 4px 2px 4px;
    background-color: #a0a0a0;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}*/

/*plan federal agency formatting*/
/*.trg-plan-federal-agency-list-available-container, .trg-plan-federal-agency-list-assigned-container {
     width: 216pt;
     height: 108pt;
     border: 1px solid #eee;
     overflow-y: scroll;
}
.trg-plan-federal-agency-list-available-div, .trg-plan-federal-agency-list-assigned-div {
    margin: 6px 4px 2px 4px;
    background-color: #efefef;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}
.trg-plan-federal-agency-list-available-div-selected, .trg-plan-federal-agency-list-assigned-div-selected {
    margin: 6px 4px 2px 4px;
    background-color: #a0a0a0;
    font-size: 12px;
    cursor: pointer;
    overflow-x: hidden;
    white-space: nowrap;
}*/

.trg-bottom-justify {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.trg-notification-list-content-search-button-container {
    width: 65%;
    text-align: left;
    float: left;
    line-height: 8em;
}

.trg-link-row-right {
    width: 100%;
    text-align: right;
}
.trg-login-status {
    color: #990000;
    font-style: italic;
}

.trg-add-fieldset {
    margin-top: 10px;
    border: 1px solid #999;
}

.trg-resp-table {
    border-collapse: collapse;
}

.trg-resp-table td {
    border-bottom: 1px solid #ddd;
    padding: 0.8em;
    cursor: pointer; cursor: hand;
}

.trg-resp-table tr:nth-child(even) {
    background-color: #fff !important;    
}
.trg-resp-table tr:nth-child(odd) {
    background-color: #f9f9f9 !important;
}

.trg-resp-table tr:hover,  table.dataTable tr:hover {
    background-color: #cbccda !important;
}

div.validation-summary-errors ul {
    list-style: none;
}

#divNotificationListAssignedListItems, #divNotificationListAvailableListItems {
    height: 200pt!important;
    width: 320pt !important;
}

/*****************************Custom Modal**************************************/
.trg-modal {
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    width: 400px;
    height: 300px;
    z-index: 9000;
    margin: 0 auto;
}

/*****************************Image Gallery**************************************/
#image-repo
{
    /*background-color: #fdfdf8;/*#e3e3ed;*/
    border-top: 1px solid #999;
    margin-top: 2px;
    overflow: auto;
    overflow-x: hidden;
}
     #image-gallery li
     {
         float: left;
         display: inline;
         width: 25%;
         height: 272px;
         /*width: 162px;*/
         /*margin: 2px;*/
     }

     #upload-link {
         /*background-image: url('/Images/upload.png');
         background-size: 20px 20px;
         background-repeat: no-repeat;
         padding-left: 21px;*/
     }

    .image-gallery-item {
        cursor: pointer;
    }

    .gallery-item-container {
        padding: 6px;
        height: 150px;
        position: relative;
    }

    .image-details {
        /*font-size: 0.7em;*/
        border-top: 1px dotted #ccc;
    }

    .link-button {
        /*text-decoration: underline;*/
        font-weight: bold;
        cursor: pointer;
        margin-right: 12px;
    }

    .title-text {
        font-size: 0.8em;
        font-weight: bold;
    }

    .sub-text-grey {
        color: #666;
        font-size: 0.85em;
    }

    .tag {
        /*font-size: 0.7em;*/
        background: none repeat scroll 0 0 #999 !important;
    }

    .tag span {
        background: none repeat scroll 0 0 #777 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tagging {
        width: 80% !important;
    }

    #image-tags {
        background-color: #fff;
    }

    #snippet-tags {
        border: 1px solid #ccc;
        width: 50% !important;
        padding: 2px 10px;
    }

    #snippet-tags .tag {
        display: inline;
        background: none repeat scroll 0 0 #ccc !important;
        margin-right: 7px;
        font-size: 1.4em;
        padding: 3px;
    }

    #snippet-quick-edit > div.editor-field > #snippet-tags .tag {
        display: inline;
        background: none repeat scroll 0 0 #ccc !important;
        margin-right: 7px;
        font-size: 1em !important;
        padding: 4px 20px 4px 0 !important;
    }

    #SnippetName {
        width: 50%;
    }

    #gallery-footer {
        padding: 0.5em 0;
        text-align: right;
        left: 0px;
        bottom: 0px;
        height: 30px;
        width: 100%;
    }

    #gallery-wrapper {
        width: 67%;
    }

#image-edit
{
    width: 32.9%;
    background-color: #e3e3ed;
    border-left: 1px solid #999;
    height: 550px;
}

    #image-edit-ctrl {
        margin: 0 0 0 10px;
    }

    #img-edit-status {
        display: none;
        width: 95%;
        padding: 4px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffd2d2;
        font-size: 12px;
        font-style: italic;
        color: #990026;
    }

#ajax-loader, #img-loader, #save-loader
{
    position: absolute;
    left: 34%;
    top: 30%;
    display: none;
    margin: auto;
    z-index: 1100;
    border: 2px solid #023378;
}

.type-zone {
    border: none !important;
}
#image-description {
    overflow: hidden;
    height: 44px;
}


/*****************************Snippets**************************************/
#snippet-nav {
    margin-bottom: 15px;
}
#snippet-add-btn {
    display: none;
}
#SnippetText {
    width: 50%;
    height: 300px;
}

#dashboard-editor {
    display: none;
}

#plan-details-sec {
    width: 100%;
}

    #plan-details-sec span, #plan-details-sec a 
    {
        text-decoration: underline;
        color: #0000ff;
        font-size: 11px;
    }
#plan-details-links {
    margin-left: 50px;
    display: inline;
}
#plan-details-text {
    width: 100%;
    overflow: hidden;
    border: 1px solid #666;
}
#plan-details-text div
{
    margin: 15px;
}

div.bookmark-spot {
    width: 100px;
    margin-right: 15px;
    display:-moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background-repeat: no-repeat;
    background-size: contain;
    height: 85px;
    overflow: hidden;
    cursor: pointer;
}

div.bookmark-spot span {
    font-weight: bold;
    background-color: #fff;
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 18px;
}

.tag-edit-input {
    margin-top: 40px;
}

.bookmark-img {
    background: url('../Images/image-bookmark.png') no-repeat center;
}

.bookmark-txt {
    background: url('../Images/text-bookmark.png') no-repeat center;
}

.bookmark-noti {
    background: url('../Images/noti-bookmark.png') no-repeat center;
}

.bookmark-asst {
    background: url('../Images/asst-bookmark.png') no-repeat center;
}

#img-bookmark-dropzone, #txt-bookmark-dropzone, #noti-bookmark-dropzone, #asst-bookmark-dropzone, .trg-dropzone {
    border: 1px solid #666;
    padding: 10px;
    height: 120px;
    overflow-y: auto;
}

li.image-updates .quick-edit-btn {
    background-image: none !important;
    color: #222 !important;
}

#plan-tool-links {
    margin-left: 40px;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    *display: inline;
}

    #plan-tool-links a
    {
        color: #555;
        /*color: #fff;*/
    }

#menu-tool-links {
    color: #fff;
    font-size: 1em;
    display: inline-block;
    *display: inline;
}

    #menu-tool-links h3 {
        margin: 0;
        font-size: 1em !important;
        text-decoration: underline;
    }

#snippet-sort, #image-sort, #notification-sort, #asset-sort, .tag-sort
{
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    #snippet-sort li, #image-sort li, #notification-sort li, #asset-sort li, .tag-sort li
    {
        padding: 5px;
        background-color: #f0f0f0;
        margin-bottom: 5px;
        cursor: pointer;
    }

.snippet-remove, .sorter-remove, .img-remove {
    font-weight: bold;
    background-color: #bd2130;
    color: #fff;
    padding: 4px;
    margin-left: -5px;
}

.snip-delete {
    font-weight: bold;
    cursor: pointer;
}

#snippet-order-status, #image-order-status, #x-order-status{
    display: none;
    background-color: #ffd2d2;
}

#txt-bookmark-grid {
    width: 100% !important;
}

#txt-bookmark-grid_wrapper {
    display: none;
}

.image-sort-thumb {
    max-height: 25px;
    max-width: 25px;
    vertical-align: middle;
}

.db-add-tag {
    /*display: none;*/
}

.add-tag-div {
    text-align: left;
    border: 1px solid #666;
    background-color: #ffffee;
    width: 300px;
    float: right;
    z-index: 100;
    padding: 5px;
    position: absolute;
    right: 40px;
}

.add-tag-wrapper {
    display: none;
}

#add-tag-status, .x-status {
    color: #ff0000;
    font-style: italic;
}

.txt-grey555 {
    color: #555;
}

.trg-tool-ico {
    margin: 0 6px 0 -25px;
}

.trg-flat-nav-menu {
    background-color: #0072c6;
    border-left: 30px solid #0072c6;
    margin-bottom: 12px;
    padding: 6px 0;
}

.trg-flat-nav-menu div {
    margin-right: 30px;
    display: inline-block;
    *display: inline;
}

    .trg-flat-nav-menu div a
    {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        /*font-weight: bold;*/
    }

    .trg-flat-nav-menu div a:hover
    {
        color: #e1e1e1;       
    }

.trg-menu-ico {
    margin: 0 14px 0 -24px;
}

#button-status {
    display: none;
    background-color: #ffd2d2;
    font-style: italic;
}

#snippet-edit {
    display: none;
    width: 98%;
}

.tag-delete {
    box-shadow: 5px 5px 2px #e1e1e1;
    background: url('../Images/del-bookmark.png') no-repeat center;
}

.del-mark {
    z-index: 1001;
    position: absolute;
    margin-left: 80px;
    margin-top: -53px;
}

#image-delete-btn {
    background-color: #ff0000;
    color: #fff;
    display: none;
    margin-left: 20px;
}

#image-replace-btn {
    display: none;
} 

#Description {
    height: 60px !important;
}

.upload-ctrl {
    width: 90%;
    height: 20px;
}

.editor-field {
    margin-bottom: 10px;
}

.editor-field textarea,  .editor-field input {
    padding: 2px 10px;
}

#RevisionDescription {
    height: 130px;
    width: 430px;
}

table.dataTable thead th {
    padding: 0 10px !important;
    text-align: left;
    font-size: 12px;
}



/*facility list tabs*/
.trg-facility-list-tab-container {
    width: 100%;
    overflow-y: auto;
}
.trg-facility-list-tab {
    height: 18pt;
    width: 54pt;
    float: left;
    margin-right: 2px;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    line-height: 18pt;
}
.trg-facility-list-tab-not-selected {
    background-color: #ffffff;
}
.trg-facility-list-tab-selected {
    background-color: #bbb;
}
.trg-facility-list-tab a {
    text-decoration: none;
    color: #000;
}

/*facility list table formatting*/
.trg-facility-search-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}
.trg-facility-search-header-left {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
}
.trg-facility-search-header-right {
    float: right;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.trg-facility-list-pager-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}
.trg-facility-list-table {
    border: 1px solid #eee;
    width: 100%;
}
.trg-facility-list-table-header-row {
    background-color: #aaa;
}
.trg-facility-list-table-header-col-facilityname {
    width: 60%;
}
.trg-facility-list-table-header-col-mainphone {
    width: 10%;
}
.trg-facility-list-table-header-col-emergencyphone {
    width: 10%;
}
.trg-facility-list-table-header-col-links {
    width: 20%;
}
.trg-facility-list-table-row-even {
    background-color: #fff;
}
.trg-facility-list-table-row-odd {
    background-color: #ddd;
}
.trg-facility-list-content-container {
    display: none;
}
.trg-facility-list-container-div {
    width: 99%;
    overflow-y: auto;
    border: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
}

.trg-bold {
    font-weight: bold;
}

.trg-italic {
    font-style: italic;
}

.li-category {
    font-weight: bold;
}
.img-gallery-folder, .ez-folder {
    height: 65px;
    width: 75px;
    cursor: pointer;
}

#ez-folder-back {
    display: none;
}

#folder-gallery li {
    float: left;
    display: inline;
    width: 20%;
    height: 120px;
}

#new-category-div, #new-category-div2, #snippet-category-div, .category-div {
    display: none;
}

#txt-global-search {
    text-align: right;
}

#image-gallery {
    overflow: auto;
    margin: 0;
}

/*plan list tabs*/
.trg-plan-list-tab-container {
    width: 100%;
    /*overflow-y: auto;*/
}
.trg-plan-list-tab {
    height: 18pt;
    /*width: 54pt;*/
    min-width: 54pt;
    padding-left: 2px;
    padding-right: 2px;
    float: left;
    margin-right: 2px;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    line-height: 18pt;
}
.trg-plan-list-tab-not-selected {
    background-color: #ffffff;
}
.trg-plan-list-tab-selected {
    background-color: #bbb;
}
.trg-plan-list-tab a {
    text-decoration: none;
    color: #000;
}



/*plan list table formatting*/
.trg-plan-search-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}
.trg-plan-search-header-left {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
}
.trg-plan-search-header-right {
    float: right;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.trg-plan-list-pager-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}
.trg-plan-list-table {
    border: 1px solid #eee;
    width: 100%;
}
.trg-plan-list-table-header-row {
    background-color: #aaa;
}
.trg-plan-list-table-header-col-plan-name {
    width: 40%;
}
.trg-plan-list-table-header-col-template-name {
    width: 10%;
}
.trg-plan-list-table-header-col-submitted-date {
    width: 10%;
}
.trg-plan-list-table-header-col-approved-date {
    width: 10%;
}
.trg-plan-list-table-header-col-published-date {
    width: 10%;
}
.trg-plan-list-table-header-col-links {
    width: 20%;
}
.trg-plan-list-table-row-even {
    background-color: #fff;
}
.trg-plan-list-table-row-odd {
    background-color: #ddd;
}
.trg-plan-list-content-container {
    display: none;
}
.trg-plan-list-container-div {
    width: 99%;
    overflow-y: auto;
    border: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
}

#tank-dnd-table, .dnd-subtable {
    width: 100%;
    border-collapse: collapse;
}

#tank-dnd-table td, .dnd-tr {
    width: 12%;
}

#tank-dnd-table thead > tr > td {
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 1.1em;
}

#tank-dnd-table tbody {
    border-bottom: 1px solid #000;
}

#tank-dnd-table > tbody {
    background-color: #f6f6f6;
}

.dnd-subtable tbody { 
	background-color: #fff;
}

.dnd-subtable tbody td {
    border-bottom: 1px solid #ccc;
    font-size: 1.05em;
    padding: 3px 0;
}

td.category-td {
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    font-weight: bold;
}

#add-tank-group, #add-tank-product {
    display: none;
}

#folder-title {
    font-weight: bold;
    font-size: 14px;
    margin-left: 14px;
}

#btnNewFacilityTank {
    margin-top: 7px;
}

#tank-edit-group {
    display: none;
}

table.trg-facility-list-table {
    border-spacing: 1px !important;
    border-bottom: none !important;
}

table.trg-facility-list-table thead {
    background-color: #aaa;
}

table.trg-facility-list-table thead th {
    border-bottom: none !important;
}

table.trg-facility-list-table tr td {
    padding: 2px !important;
}

table.trg-facility-list-table tr.odd { background-color: #ddd; }

.td-center {
    text-align: center;
}

#custom-archive-div {
    display: none;
}

#vessel-stat, #vessel-tank, #vessel-details, #vessel-img {
    display: none;
    margin-top: 15px;
}

#vessel-list {
    margin-top: 15px;
}

#vessel-import {
    padding-left: 17px;
    background-image: url('../Images/import-ico.png');
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
}

.asset-panel {
    display: none;
}

#trg-asset-menu {
    list-style: none;
    border-bottom: 2px solid #ccc;
    margin-top: 30px;
}

    #trg-asset-menu li {
        display: inline;
        padding: 0 20px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
    }

.trg-asset-menu-active {
    border-bottom: 2px solid #0072c6;
}

.trg-asset-panel-active {
    display: block !important;
}

.pointer {
    cursor: pointer;
}

tr.odd {
background-color: #f9f9f9 !important;
}

#file-errors {
    display: none;
}

#import-error-details ul {
    list-style: none;
}

#help-file {
    background-image: url('../Images/help-ico.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#personnel-edit-ctrls {
    width: 75%;
}

#personnel-badge {
    width: 24%;
}

#badge-img {
    max-width: 250px;
    border: 10px solid #f1f1f1;
}

#advanced-filter {
    text-decoration: underline;
    padding-left: 15px;
    background-image: url('../Images/filter-ico.png');
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#advanced-filter-div {
    background-color: #f5f3f3;
    width: 100%;
    padding: 10px;
    display: none;
}

.filter-input {
    margin-right: 25px;
}

#license-title {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}

#license-container {
    width: 65%;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 10px 10px 5px #999;
    border: 1px solid #888;
    padding: 3px 7px 15px 7px;
    background: #f2f2f2;
    font-family: Arial, Verdana, sans-serif;
}

#license-div {
    background-color: #fff;
    height: 320px;
    overflow: auto;
}

#license-div p {
    margin: 10px 10px;
}

#disclaimer {
    background-color: #fff;
    color: #ff0000;
    font-size: 11px;
    border: 1px solid #a0bce4;
    padding: 3px 3px;
}

#license-buttons {
    padding-top: 10px;
    text-align: center;
}

.vessel-back-btn {
    margin-bottom: 10px;
    display: block;
    font-size: 12px;
    color: #555;
}

.quick-edit {
    display: none;
}

#quick-edit-img-details {
    width: 40%;
}

.quick-edit-btn {
    margin-left: 10px;
    padding-left: 12px;
    background-image: url('../Images/edit-ico.png');
    background-repeat: no-repeat;
    cursor: pointer;
    color: #0000ff;

}

.quick-edit-back {
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
}



/*hospital list tabs*/
.trg-hospital-list-tab-container {
    width: 100%;
    /*overflow-y: auto;*/
}
.trg-hospital-list-tab {
    height: 18pt;
    /*width: 54pt;*/
    min-width: 54pt;
    padding-left: 2px;
    padding-right: 2px;
    float: left;
    margin-right: 2px;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    line-height: 18pt;
}
.trg-hospital-list-tab-not-selected {
    background-color: #ffffff;
}
.trg-hospital-list-tab-selected {
    background-color: #bbb;
}
.trg-hospital-list-tab a {
    text-decoration: none;
    color: #000;
}

/*hospital list table formatting*/
.trg-hospital-search-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}
.trg-hospital-search-header-left {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
}
.trg-hospital-search-header-right {
    float: right;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.trg-hospital-list-pager-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}
.trg-hospital-list-table {
    border: 1px solid #eee;
    width: 100%;
}
.trg-hospital-list-table-header-row {
    background-color: #aaa;
}
.trg-hospital-list-table-header-col-hospital-name {
    width: 50%;
}
.trg-hospital-list-table-header-col-phone1 {
    width: 10%;
}
.trg-hospital-list-table-header-col-phone2 {
    width: 10%;
}
.trg-hospital-list-table-header-col-address {
    width: 10%;
}
.trg-hospital-list-table-header-col-city {
    width: 10%;
}
.trg-hospital-list-table-header-col-zip {
    width: 10%;
}
.trg-hospital-list-table-header-col-links {
    width: 20%;
}
.trg-hospital-list-table-row-even {
    background-color: #fff;
}
.trg-hospital-list-table-row-odd {
    background-color: #ddd;
}
.trg-hospital-list-content-container {
    display: none;
}
.trg-hospital-list-container-div {
    width: 99%;
    overflow-y: auto;
    border: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
}



/*ambulance list tabs*/
.trg-ambulance-list-tab-container {
    width: 100%;
    /*overflow-y: auto;*/
}
.trg-ambulance-list-tab {
    height: 18pt;
    /*width: 54pt;*/
    min-width: 54pt;
    padding-left: 2px;
    padding-right: 2px;
    float: left;
    margin-right: 2px;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    line-height: 18pt;
}
.trg-ambulance-list-tab-not-selected {
    background-color: #ffffff;
}
.trg-ambulance-list-tab-selected {
    background-color: #bbb;
}
.trg-ambulance-list-tab a {
    text-decoration: none;
    color: #000;
}

/*ambulance list table formatting*/
.trg-ambulance-search-container {
    width: 100%;
    overflow-y: auto;
    margin: 0px;
    padding: 0px;
}
.trg-ambulance-search-header-left {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
}
.trg-ambulance-search-header-right {
    float: right;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.trg-ambulance-list-pager-container {
    width: 100%;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}
.trg-ambulance-list-table {
    border: 1px solid #eee;
    width: 100%;
}
.trg-ambulance-list-table-header-row {
    background-color: #aaa;
}
.trg-ambulance-list-table-header-col-ambulance-name {
    width: 50%;
}
.trg-ambulance-list-table-header-col-phone1 {
    width: 10%;
}
.trg-ambulance-list-table-header-col-phone2 {
    width: 10%;
}
.trg-ambulance-list-table-header-col-address {
    width: 10%;
}
.trg-ambulance-list-table-header-col-city {
    width: 10%;
}
.trg-ambulance-list-table-header-col-zip {
    width: 10%;
}
.trg-ambulance-list-table-header-col-links {
    width: 20%;
}
.trg-ambulance-list-table-row-even {
    background-color: #fff;
}
.trg-ambulance-list-table-row-odd {
    background-color: #ddd;
}
.trg-ambulance-list-content-container {
    display: none;
}
.trg-ambulance-list-container-div {
    width: 99%;
    overflow-y: auto;
    border: 1px solid #bbb;
    margin: 0px;
    padding: 2px;
}

.trg-center {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}

.trg-listbox {
    width: 100%;
    border: 1px solid #999;
    height: 114px;
}

.lg-red-btn {
    background-color: #b20000 !important;
    color: #fff !important;
}
.lg-green-btn {
    background-color: #00930a !important;
    color: #fff !important;
}
.lg-orange-btn {
    background-color: #ff7800 !important;
    color: #fff !important;
}
.lg-blue-btn {
    background-color: #007bff !important;
    color: #fff !important;
}
.lg-white-btn {
    background-color: #fff !important;
    color: #007bff !important;
}
/**/
.selected-gallery-item {
    background-color: rgb(221, 221, 221);
}

#dialog-placeholder > div#gallery-wrapper, #category-dialog > div#gallery-wrapper {
    width: 100% !important;
}

#dialog-placeholder > div#gallery-wrapper > span#upload-link, #category-dialog > div#gallery-wrapper > span#upload-link {
    display: none !important;
}

#dialog-placeholder > div#gallery-wrapper span.quick-edit-btn, #category-dialog > div#gallery-wrapper span.quick-edit-btn,
#dialog-placeholder > div#gallery-wrapper img.zoom-btn, #category-dialog > div#gallery-wrapper img.zoom-btn, 
div#image-index > div#gallery-wrapper > div#image-repo span.quick-edit-btn {
    display: none !important;
}

.zoom-btn {
    position: absolute; 
    right: 20px; 
    bottom: 5px;
    z-index: 1000;
    cursor: pointer;
}

#zoom-bg {
    display: none;
    background: #444;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 990;
}

#lazy-loader {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 40px;
    border: 1px solid #023378;
    font-size: 10px;
    padding: 2px 10px;
}

#add-facility-link, #add-vessel-btn {
    display: none;
}

#plan-grid tbody tr, .dataTable tbody tr {
    cursor: pointer;
}

.copy-icon
{
    padding-left: 14px;
    background-image: url('../Images/copy-ico.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.pointer-cursor {
    cursor: pointer;
}

.hover-table tr:hover, .hover-tr {
    background-color: #f5f5f5 !important;
}

.scaled-img {
    max-width: 1em;
}

.disable-div {
    color: #c0c0c0;
    pointer-events: none;
}

#div-plan-review-notification-data {
    display:none;
}


ul.two-column-ul {
    width: 100%;
}

ul.two-column-ul li {
    width: 50%;
    display: inline;
    float: left;
}

.spill-txt-area {
    height: 90px;
}

#spill-history-grid tr td div {
    max-height: 35px;
    overflow: hidden;
}

/**facility response equipment**/

#equip-dnd-table, .equip-dnd-subtable {
    width: 100%;
    border-collapse: collapse;
}

#equip-dnd-table td, .equip-dnd-tr {
    width: 12%;
}

#equip-dnd-table thead > tr > td {
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 1.1em;
}

#equip-dnd-table tbody {
    border-bottom: 1px solid #000;
}

#equip-dnd-table > tbody {
    background-color: #f6f6f6;
}

.equip-dnd-subtable tbody {
	background-color: #fff;
}

.equip-dnd-subtable tbody td {
    border-bottom: 1px solid #ccc;
    font-size: 1.05em;
    padding: 3px 0;
}

.equip-dnd-table-row-selected {
    background-color: #bbb;
}

#main-resources-table {
    width: 100%;
    border-collapse: collapse;
}

#main-resources-table thead > tr > td {
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 1.1em;
}

#main-resources-table tbody {
    border-bottom: 1px solid #000;
}

#main-resources-table tbody td {
    border-bottom: 1px solid #ccc;
    font-size: 1.05em;
    padding: 3px 0;
    font-weight: bold;
}

.main-resource-table-row-selected {
    background-color: #bbb;
}

/**facility response equipment**/

 .scenario-btn {
     margin-bottom: 1.3em;
 }

.input-error {
    background: #ffdede !important;
    border: 1px solid #ff0000 !important;
}

.trg-save-div {
    background: #bafbd4;
    color: #006b27;
    display: none;
    width: 100%;
    font-size: 1.2em;
    padding-left: 15px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 0;
}

.product-active-div {
    border-radius: 2em;
    border: 1px solid #999;
    padding: 10px;
    background-color: #f1f1f1;
    margin: 5px 0;
}

.delete-product {
    background-color: #ccc;
    border-radius: 2em;
    padding: 4px 8px;
    display: inline;
    width: 67px;
    margin-right: 10px;
}

#product-listing {
    border: 1px solid #999;
    padding: 1em;
    margin-top: 1em;
}

#section-plan-name {
    font-size: 1.2em;
    font-weight: bold;
}

.dashboard-title {
    font-size: 1.2em;
}

#section-box-container {
    width: 96%;
    margin: 30px auto;
}

.active-section {
    background-color: #70b6ff;
}

.sub-section {
    padding-left: 2em !important;
}

.add-sub-section-btn {
    color: #fff !important;
    position: absolute;
    bottom: 5px;
    font-size: 1.3em;
}

#module-btn-row {
    border-bottom: 2px solid #007bff;
    margin: 10px 0;
    border-top: 1px solid #ccc;
}

.bookmark-item-nav {
    margin-right: 25px;
    cursor: pointer;
}

.image-folder-icon {
    font-size: 7.5em;
    color: #ffa500;
    line-height: 1px;
}

#image-gallery {
    height: 360px;
}

    #image-gallery li, .gallery-item-bg {
        float: left;
        display: inline;
        width: 25%;
        height: 272px;
    }

#section-grid-li {
    border-top: 1px solid #aaaaaa;
    list-style-type: none;
    padding: 0;
}

#sections-ul {
    list-style-type: none;
    padding: 0;
}

li.tag-items {
    border-bottom: 1px solid #aaaaaa;
    padding: 8px;
}

.section-edit {
    display: none;
}

    input.section-edit {
        width: 90%;
    }

    span.section-edit {
    margin-left: -12px;
    font-size: 25px;
    color: #bf0012;
    }

#section-edit-mode {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.2em;
    background: #ff9b34;
    border-radius: 4px;
    padding: 0 10px;
}

.filter-items-btn {
    font-size: 1.6em !important;
}

.section-container {
    cursor: pointer;
}

#hint-container {
    background-color: #e2e2e2;
    padding: 12px;
    text-align: center;
}

.img-name-hover {
    visibility: hidden;
    padding: 6px;
    background-color: #e2e2e2;
    /*position: absolute;*/
    z-index: 1;
    box-shadow: 2px 2px #bbb;
    border: 1px solid #bbb;
}

.tag-filter-item {
    font-weight: bold;
    font-size: 1.2em;
}

#auto-revisions ul > li:nth-child(2n+2) {
    background-color: #cecece;
}

.fa-minus-circle {
    color: red;
    font-size: 1.5em;
}

.fa-plus-circle {
    color: green;
    font-size: 1.5em;
}

.transparent-btn {
    background: transparent;
    border: none;
}

.user-role-row {
    border: 1px solid #ccc;
    width: 50%;
}

.remove-col {
    border-left: 1px solid #ccc;
}

#current-roles {
    margin: 40px 0 60px 0;
}

#btn-cancel-usr-roles, #btn-save-usr-roles {
    padding: 10px 30px
}

ul#app-role-container li {
    width: 50%;
    float: left;
    list-style: none;
    margin-bottom: 15px;
    font-size: 1.4em;
}

.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2ab934;
}

.permission-btn {
    margin: 10px 0;
    width: 100px;
    font-size: 12px !important;
}

#btnListSave {
    margin: 12px 0;
    width: 100px;
}

.asset-link-wrapper {
    overflow: hidden;
    text-align: left;
}

    .asset-link-wrapper li {
        float: left;
        display: inline;
        width: 20%;
        margin-top: 8px;
    }

    .asset-link-wrapper li a {
        color: #000;
        font-weight: bold;
    }

.folder-edit-icon {
   color: #0000ff;
}

.img-folder-name, .ez-folder-name {
    text-transform: uppercase;
}

.btn-orange {
    background-color: #f3890a !important;
    color: #fff !important;
}

.item-selected {
    background-color: #a8f4ff !important;
}

#categories-wrapper {
    margin-bottom: 20px;
}

#add-category-wrapper {
    background: #f1f1f1;
    padding: 5px;
}

#add-category-wrapper, #categories-wrapper {
    display: none;
}

#close-equi-modal {
    color: #ff0000;
    font-size: 20px;
}

#category-edit-ul {
    list-style: none;
    border: 1px solid #bababa;
    padding: 10px;
    background: #fff;
}

#category-edit-ul li {
    margin-bottom: 6px;
}

#add-new-cat-link {
    font-weight: bold;
}

.delete-cat-btn {
    margin-right: 12px;
}

.multidate {
    background: #ffff00;
    border: 1px solid #ff0000;
}

.ui-widget-header {
    color: #fff !important;
    background: #007bff !important;
}

.ui-dialog-titlebar-close {
    background: #fefefe !important;
}

.k-primary {
    color: #fff !important;
    background: #007bff !important;
}

.listitem-type {
    cursor: pointer;
}

#listtype-select i {
    font-size: 100px;
    color: #138496;
}

#listtype-select span {
    font-size: 1.2em;
    font-weight: bold;
    color: #138496;
}

.trg-back-button {
    color: forestgreen;
    font-size: 2.2em;
    margin: 20px 0px;
    cursor: pointer;
}

label {
    font-weight: bold;
}

.btn-list-add, .btn-margin {
    margin: 12px 0;
}

.ui-dialog-content {
    overflow-x: hidden !important;
}

#type-select i {
    font-size: 100px;
    color: #138496;
}

#type-select span {
    font-size: 1.2em;
    font-weight: bold;
    color: #138496;
}

table.asset-tbl td {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.subpage-btn {
    background-color: #d4e4ff;
    font-weight: bold;
    border-radius: 8px;
    padding: 15px 10px;
    font-size: 1vw;
    width: 100%;
    border: none;
    margin-bottom: 26px;
}

.active-subpage-btn {
    background-color: #4d91ff !important;
    color: #fff !important;
    border: none;
}

.row {
    margin-bottom: 12px;
}

#new-asset-btn {
    color: dodgerblue;
    font-size: 2.2em;
    margin: 20px 0px;
    cursor: pointer;
}

.listitem-delete-btn {
    margin-left: 15px;
}

#additional-psh-info {
    display: none;
}

#segment-products .k-grid-add {
    background-color: green;
    color: white;
    border-color: green;
}

    #segment-products .k-grid-add:hover {
        background-color: forestgreen;
    }

#segment-products .k-grid-edit {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

    #segment-products .k-grid-edit:hover {
        background-color: blue;
    }

#segment-products .k-grid-delete {
    background-color: red;
    color: white;
    border-color: red;
}

    #segment-products .k-grid-delete:hover {
        background-color: orangered;
    }

#segment-products .k-state-selected {
    background-color: #85c4cd !important;
}

.k-grid-editPipeSegment {
    background-color: #4d91ff !important;
    color: white !important;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    min-width: 20px !important;
}

    .k-grid-editPipeSegment .fa-pencil-alt {
        margin-right: 5px;
    }

a.add-pipeline-spill {
color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    min-width: 20px !important;
}
    a.add-pipeline-spill:hover {
        background-color: #007bff;
    }

    a.add-pipeline-spill .fa-plus {
        margin-right: 5px;
    }

#ragency-wrapper {
    display: none;
}

#product-edit-row {
    position: absolute; /* Position the container absolutely within the popup */
    bottom: 0; /* Align to the bottom */
    left: 0; /* Start from the left */
    width: 100%; /* Stretch across the entire width of the popup */
    padding: 10px; /* Add some padding inside the container for spacing */
    box-sizing: border-box;
    text-align: right; /* Right-align the content (buttons) */
}

#product-edit-row::after {
    content: "";
    display: table;
    clear: both;
}

#product-save {
    float: left;
}

#product-cancel {
    float: right;
}

.radio-wrapper {
    border: 1px solid #bababa;
    padding: 16px 10px;
}

.rbl-margin {
    margin-right: 24px;
    font-size: 14px;
}

.dock-line-edit-btn {
    color: white !important;
    background-color: blue !important;
    border: 1px solid blue !important;
    font-size: 12px !important;
}

/*.checkbox-group {
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
}

    .checkbox-group label {
        margin-bottom: 5px;
    }*/

.checkbox-group-container {
    display: flex;
    flex-wrap: wrap;
}

.checkbox-group {
    width: 33.3333%; /* Three columns */
    box-sizing: border-box;
    padding-right: 10px; /* Optional: space between columns */
    margin-bottom: 20px; /* Optional: space between rows */
}

    .checkbox-group label {
        display: block;
        font-weight: bold;
        margin-bottom: 10px;
    }

.checkbox-subgroup {
    margin-left: 20px;
}

#asset-btn-container {
    display: flex;
    flex-wrap: wrap;
}

    #asset-btn-container .subpage-btn {
        flex: 1 0 19%;
        max-width: 19%;
        box-sizing: border-box;
        margin: 5px;
        padding: 10px;
        text-align: center;
        background-color: #d4e4ff;
        border: none;
        cursor: pointer;
        text-transform: capitalize;
    }

@media screen and (max-width: 600px) {
    #asset-btn-container .subpage-btn {
        flex: 1 0 100%;
        max-width: 100%;
    }
}

.asset-nav-menu {
    font-size: 14px;
}

.trg-required-field label::after {
    content: " *";
    color: red;
}

.btn-link-disabled {
    cursor: not-allowed !important;
    opacity: 0.65;
}

.custom-navbar {
    height: 30px;
    padding: 0; 
    background-color: #0072c6 !important;
    margin-bottom: 10px;
}

    .custom-navbar .navbar-brand {
        height: 30px;
        line-height: 30px; 
        padding: 0 10px;
        font-size: 14px;
    }

        .custom-navbar .navbar-brand img {
            height: 30px;
            width: auto;
        }

    .custom-navbar .nav-item {
        margin-right: 20px;
    }

    .custom-navbar .navbar-toggler {
        height: 30px;
        padding: 0.25rem 0.75rem;
        font-size: 18px;
        line-height: 1;
    }

    .custom-navbar .navbar-nav .nav-link {
        color: #fff !important;
        height: 30px;
        line-height: 30px; 
        padding: 0 10px; 
        font-size: 14px; 
    }

    .custom-navbar .dropdown-menu {
        margin-top: 0; 
        top: 30px; 
    }

    .custom-navbar .dropdown-item {
        padding: 5px 20px; 
        font-size: 14px; 
    }

    .custom-navbar .dropdown-toggle::after {
        margin-left: 0.5rem;
    }

@media (max-width: 767px) {
    .custom-navbar {
        height: 40px; 
    }

        .custom-navbar .navbar-brand,
        .custom-navbar .navbar-nav .nav-link,
        .custom-navbar .navbar-toggler {
            height: 40px;
            line-height: 40px;
            font-size: 16px;
        }

        .custom-navbar .dropdown-menu {
            top: 40px;
        }
}