body {
    background: #fff;
    color: #221E1F;
    font-family: 'Open Sans', sans-serif;
  }
  
  .bg-cata {
      background-color: #6E404B;
      color: #BAA4A9;
  }

  .bg-lav {
      background-color: #6E6064;
      color: #eee;
  }

  .bg-raisin {
      background-color: #221E1F;
      color: #BAA4A9;
  }

  .bg-burgun {
      background-color: #3B2228;
      color: rgba(255,255,255,.5);
  }

  .bg-burgun:hover {
      background-color: #3B2228;
      color: rgba(255,255,255,.9);
  }

  .bg-beige {
    background-color: beige;
  }

  .bg-silver {
      background-color: #BAA4A9;
      color: #221E1F;
  }

  .bg-silver:hover {
    background-color: #BAA4A9;
    color: #000000;
}

  .light-link .nav-link {
    color: rgba(255,255,255,.55);
  }
  
  .side {
    border-radius: 0px;
  }

  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .wrapper.row {
    flex-wrap: nowrap;
    margin: 0;
  }
  
  .wrapper.row>* {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1;
    padding-right: 1;
  }

  .left div {
    z-index: 10000;
    position: sticky;
    top: 0;
    padding-left: 0;
    border-radius: 0;
  }

  .btn-smer {
    padding: 0.25rem 0.5rem;
    font-size: .775rem;
    border-radius: 0.2rem;
  }
  
  .site-header .navbar-nav .nav-link.active {
    font-weight: 500;
  }
  
  .content-section {
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 20px;
  }
  
  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }

  .account-img-sm {
    height: 40px;
    width: 40px;
    margin-right: 5px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2.5rem;
  }

  .account-img-xsm {
    height: 30px;
    width: 30px;
    margin-right: .5rem;
  }

  .account-img-xxsm {
    height: 18px;
    width: 18px;
    margin-right: .5rem;
  }

  .card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }

  .subnest {
    border: 0px;
  }

  .tool-top {
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: #ffffff;
    height: 70px;
  }

  .helper {
    font-size: .7rem;
    padding-left: 1rem;
  }

  blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }

  .announcement {
    font-size: .9rem;
    border: 1px solid #BAA4A9;
    margin-bottom: 1rem;
  }

  .announcement-header {
    font-weight: bold;
    padding: .5rem;
  }

  .announcement-body {
    padding: 1rem;
  }

  .announcement-header .date {
    font-weight: normal;
  }

  .development {
    background-color: #1A5BA1;
    color: #000;
    font-weight: normal;
    padding: .5rem;
  }

  .category-text {
    font-size: 1rem;
    font-weight: 600;
  }

  .general {
    background-color: #004997;
    color: #000;
    font-weight: normal;
    padding: .5rem;
  }

  .admins {
    background-color: #336DAC;
    color: #000;
    font-weight: normal;
    padding: .5rem;
  }

  .content_providers {
    background-color: #4D80B6;
    color: #000;
    font-weight: normal;
    padding: .5rem;
  }

  .moviezyng {
    background-color: #6692C1;
    color: #000;
    font-weight: normal;
    padding: .5rem;
  }

  .zyngus {
    background-color: #80A4CB;
    color: #000;
    font-weight: normal;
    padding: .5rem;
  }

  .widget {
    background: #ffffff;
    min-height: 30rem;
    max-height: 30rem;
    border: 1px solid #dddddd;
    overflow-y: auto;
    border-radius: 3px;
    margin-bottom: 20px;
  }

  .widget-header {
    font-size: 1.2rem;
    font-weight: bold;
    color: rgba(255,255,255,.5);
    background-color: #3B2228;
    padding: 10px 20px;
  }

  .widget-body {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
  }

  .bigly {
    font-size: 1.4rem;
  }

  .table-flashy tbody tr:nth-of-type(2n+1) {
    background-color: rgba(255, 196, 0, 0.5);
  }

  .smaller {
    font-size: .6rem;
  }

  .tasker-name {
    font-size: .7rem;
  }

  .status_img {
    width: 25px;
  }

  .complete {
    background-color: lightgreen;
    color: #333;
    border-color: lightgreen;
  }


.breadcrumb {
  border-radius: 3px;
  background-color: white;
  padding: .5rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .7rem;
}

.breadcrumb a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .7rem;
  color: #000;
}

.table td {
  overflow: hidden;
}

.copybox {
  font-weight: bold;
  cursor: copy;
}

#Dialog {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  border-radius: 7px;
  padding: .5rem;
  font-size: .7rem;
}

.site-box {
  position: relative;
  padding: 1rem;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: .5rem;
  border: 5px solid #111;
}

.site-box::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
}

.img-shadow{
  z-index: -2;
  position: relative;
}

.img-box {
  height: 350px;
  padding: 0px;
  border: 2px solid black;
}

.status_img {
  width: 25px;
}

.show_me {
  padding: 1rem;
  margin-top: 2rem;
  position: fixed;
  left: 10%;
  top: 2rem;
  width: 40%;
  z-index: 10000;
  background-color: black;
}

.pop {
  max-height: 100%;
  max-width: 100%;
}

.topper-img {
  width: 50%;
  margin-bottom: 2rem;
  border-radius: .5rem;
}

.topper {
  width: 100px;
}

.list-img {
  height: 30px;
}

.list-noline {
  border-bottom: 0px;
}

.title {
  font-size: 1.5rem;
  font-weight: bold;
}

.card-img-top {
  width: 100%;
  height: 20vw;
  object-fit: cover;
  object-position: 50% top;
}

.bg-audits {
  background-color: rgba(13, 110, 253, .25);
}

.chartWrapper {
  position: relative;
}

.chartWrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events:none;
}

.chartAreaWrapper {
  width: 100%;
  height: 350px;
  overflow-x: scroll;
}

.icons {
  color: #fff;
}

.belo {
  font-size: .6rem;
  line-height: .6;
  text-transform: uppercase;
  font-weight: 600;
}

.top-bar {
  background-color: #7285A5;
  color: #ccc;
}

.next-bar {
  background-color: #4D516D;
  color: #ccc;
}

.report-quick {
  font-weight:700;
}

.quick-info {
  font-size: 1.2rem;
}

.btn-smaller {
  padding: .15rem .15rem .15rem .15rem;
  font-size: .65rem;
  line-height: .8;
  border-radius: .2rem;
}

.quick-info .toppy {
  font-size: .7rem;
  text-transform: uppercase;
  line-height: .6rem;
}

.quick-info .botty {
  font-size: .8rem;
  line-height: .8rem;
}

.quick-info .site-img {
  width: 100%;
  height: 100%;
}

.quick-info .linky {
  font-size: 1rem;
  color: #FDB831;
  margin-top: 1rem;
}

.linky a {
  font-size: 1rem;
  color: #FDB831;
  margin-top: 1rem;
}

.quick-info .linky a {
  font-size: 1rem;
  color: #FDB831;
  margin-top: 1rem;
}

.btn-smaller {
  padding: .25rem .5rem .5rem .5rem;
  font-size: .75rem;
  line-height: 1.2;
  border-radius: .2rem;
}

.mol-status-top {
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
}

.mol-status-bottom {
  font-size: .8rem;
  width: 100%;
}

.mol-status-single {
  font-size: 1rem;
  min-height: 44px;
  padding-top: 10px;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: .8rem;
  font-weight: 700;
}

a.card,
a.card:hover {
  color: #212529;
  text-decoration: none;
}

a.card:hover {
  color: #333;
}

.titlecase {
  text-transform: capitalize;
}

.bg-restricted {
  background-color: #000 !important;
  color: #eee !important;
}

.bg-live {
  background-color: #50c878 !important;
}

.bg-accepted {
  background-color: rgba(80, 200, 120, 0.6) !important;
}

.bg-delivered {
  background-color: #5b92e5 !important;
}

.bg-availed {
  background-color: rgba(91, 146, 229, 0.6) !important;
}

.bg-pitched {
  background-color: #ffb300 !important;
}

.bg-ingested {
  background-color: rgba(255, 179, 0, 0.6) !important;
}

.bg-rejected {
  background-color: #ff6868 !important;
}

.bg-takedown {
  background-color: rgba(255, 64, 64, 0.6) !important;
}

.bg-1 {
  background-color: #333;
}

.bg-2 {
  background-color: #666;
}

.bg-3 {
  background-color: #999;
}

.anchor-blink {
  scroll-margin-top: 90px;
}

.anchor-blink:target {
  animation-name: blink;
  animation-direction: normal;
  animation-duration: 1s;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}
@keyframes blink {
  50% {opacity: .3;}
}

h1, h2, h3, h4, h5 {
  font-family: 'Arvo', serif;
}

.tasknote {
  background-color: #eee;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  margin-bottom: .5rem;
  margin-top: .5rem;
}

.btn-dl {
  color: #eee;
  background-color: #467C5F;
  border-color: #467C5C;
}

.btn-dl:hover {
  color: #333;
  background-color: #467C5C;
  border-color: #467C5C;
}

.bg-mild {
  background-color: rgba(0, 0, 0, 0.2)!important;
}

.template-phase {
  padding: .5rem;
  background-color: #e7e8e9;
  border-radius: .25rem;
}

.template-phase-light {
  background-color: #e7e8e9b1;
}

.dataTables_filter {
  font-size: .8rem;
}

.bg-av {
  background-color: #004997;
}