/*
    Foothills brand blue: #476ca1
    Foothills brand blue (light): #629AC8
 */

body {
      font-family: Helvetica;
      margin: 40px;
}

/* Hide initially */
.js .channel-guide {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
}

/* Clear fix utility */
.lfd_u_cf:before,
.lfd_u_cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.lfd_u_cf:after {
    clear: both;
}


table.dataTable thead {
    background: #000;
    color: #fff;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 2px solid #5879a3;
}

.channels-table.stripe td {
    border-bottom: none;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 2px solid #000;
}

.channels_controls {
    color: #fff;
    padding: 20px 0;
}

/* Clear fix */
.channels_controls:before,
.channels_controls:after {
    content: " ";
    display: table;
}

.channels_controls:after {
    clear: both;
}

.channel-guide .channels_controls label {
    font-size: 80%;
    text-transform: uppercase;
}

.channels_controls.channels_controls__footer {
    background: #69A650;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px 18px;
}

.channels_control {
    display: inline-block;
    margin-right: 2em;
}

.channels_control select,
.channels_control input {
    background: #fff;
}

.channels_control select {
    padding: 0 2em 0 1em;
}
.channels_control .select:after {
    right: 1em;
}

.channel-guide .fa-check {
    color: #69A750;
}

/* Since we're disabling end-user sorting, we don't need pointer */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    cursor: auto;
}


/* Search */

.channels_controls input[type="search"] {
  width: 200px;
  height: 30px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  font-size: 10pt;
}

/* Search placeholder text */

.channels_controls input[type="search"]::-webkit-input-placeholder {
   color: #ccc;
}

.channels_controls input[type="search"]:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}

.channels_controls input[type="search"]::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
}

.channels_controls input[type="search"]:-ms-input-placeholder {
   color: #ccc;
}