.input-group-addon {
    padding: 4px 12px;
}

#pv-edit .ajax-response,
#partner-voice-create .ajax-response {
    float: none;
}

#pv-edit .form-group .alert {
    margin-bottom: 0;
}

a.date-breadcrumb {
    border: 1px solid #3097d1;
    padding: 1px 5px;
    margin-bottom: 10px;
    display: inline-block;
}


.bootstrap-table .fixed-table-container .table.gam-report td {
    vertical-align: top;
    font-family: "Archivo Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.gam-date-row {
    background-color: #eeeeee !important;
}

.gam-available-row {
    background-color: yellow !important;
    display: block;
    margin-bottom: 10px;
}



.ui-state-active {
    background: #3097d1;
    border: 1px solid #3097d1;
}

.border-top {
    border-top: 1px solid #ccc !important;
}

.border-right {
    border-right: 1px solid #ccc !important;
}

.border-bottom {
    border-bottom: 1px solid #ccc !important;
}

.border-left {
    border-left: 1px solid #ccc !important;
}



.table.sticky-head {
    text-align: left;
    position: relative;
    border-collapse: separate;
    
}

.table.sticky-head th {
    background: white;
    position: sticky;
    top: 0;
    /* Don't forget this, required for the stickiness */
    box-shadow: none;
}

tr.table-active {
    background-color: #F2F3F5;
    font-weight: bold;
}

.table>tbody>tr.table-active>td {
    vertical-align: middle;
}


.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom {
    width: 0;
    height: 0;
    margin: 0px auto;
    float: right;
}

.triangle-left,
.triangle-right {
    border-top:
        10px solid transparent;
    border-bottom:
        10px solid transparent;


}

.triangle-top,
.triangle-bottom {
    border-left:
        10px solid transparent;
    border-right:
        10px solid transparent;


}

.triangle-right {
    border-left:
        10px solid #727880;
}

.triangle-left {
    border-right:
        10px solid #727880;
}

.triangle-top {
    border-bottom:
        10px solid #727880;
}

.triangle-bottom {
    border-top:
        10px solid #727880;
}

.period-box {
    margin-bottom: 20px;
}

.page-oasis-pages-web-ad-reports-gam-report-date-range div {
    color: #000;
}

.advertiser_name {
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    color: #000;
}

.house-ad {
    display: none;
    background-color: #ADD8E6;
    padding: 5px;
}

.show-house .house-ad {
    display: block;
}

.ad-report tr.table-active td {
    text-align: center;
}

.ad-report th {
    text-align: center;
}

table.ad-report td {
    width: 116px;
    height: 50px;
}

.ad-report tr.table-active td:first-child {
    text-align: left;
    width: 120px;
}

.sold {
    color: red;
}

/* ============================
   OASIS – Featured Resources table
   ============================ */

/* fixed layout & wrapping (only this table) */
.table-responsive .table.table-fixed {
  table-layout: fixed;
  word-wrap: break-word;
  white-space: normal;
}
.table-responsive .table.table-fixed th,
.table-responsive .table.table-fixed td {
  max-width: 150px;                 /* tweak as needed */
  overflow-wrap: break-word;
}

/* links + inline spacing only in this table */
.table-responsive .table.table-resources td a { word-break: break-all; }
.table-responsive .table.table-resources td div { margin-bottom: 6px; line-height: 1.4; }
.table-responsive .table.table-resources td .date { font-weight: 700; margin-bottom: 10px; }

/* DB-baked spans/BRs: even vertical rhythm */
.table-responsive .table.table-resources td span,
.table-responsive .table.table-resources td br {
  display: block;
  margin: 6px 0;
}

/* make sticky play nice with borders */
.table-responsive .table.table-resources {
  border-collapse: separate;
  border-spacing: 0;
}

/* sticky header row with persistent top/bottom lines */
.table-responsive .table.table-resources thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;                            /* header layer */
  box-shadow:
    inset 0 1px 0 0 #ddd,                /* top border */
    inset 0 -1px 0 0 #ddd;               /* bottom border */
}

/* freeze first column (header + body) */
.table-responsive .table.table-resources thead th:first-child,
.table-responsive .table.table-resources tbody td:first-child {
  position: sticky;
  left: 0;
  background: #fff;
}

/* body first column sits below header cell but above other tds */
.table-responsive .table.table-resources tbody td:first-child {
  z-index: 4;
  box-shadow: inset -1px 0 0 #ddd;       /* right divider for frozen col */
}

/* top-left header cell must be above everything */
.table-responsive .table.table-resources thead th:first-child {
  z-index: 7;                             /* above header row (5) and body (4) */
  box-shadow:
    inset 0 1px 0 0 #ddd,
    inset 0 -1px 0 0 #ddd,
    inset -1px 0 0 #ddd;                  /* right divider */
}

.table-responsive.resources-scroll {
  position: relative;             /* needed for sticky + z-index */
  height: calc(100vh - 190px);    /* tweak 190px to your header/panel height */
  overflow-y: auto;
}

@media (max-height: 700px) {
  .table-responsive.resources-scroll { height: calc(100vh - 140px); }
}