.btn-dashboard {
  width:auto;
  height:auto;
}

.col.col-dash {
  height:auto;
}

.row.preview-row {
  margin-top:10px;
}

.spot-stats {
  width:100%;
  height:100px;
}

#dateposted {
  text-align:right;
}

#datelabel {
  float:right;
}

#subject-line {
  width:100%;
  display:block;
}

#btn-report {
  float: right;
}

#submittedlabel {
  float:left;
  padding-right:5px;
}

#joke-content {
  margin-bottom:-16px;
}

#submit-rate {
  margin-top:10px;
}

.form-check {
  margin:5px;
}

.rem-genre {
  float:left;
  position:relative;
  margin:5px;
}

#joke-type {
  margin:5px;
}

#submit-joke {
  margin:5px;
}

td {
  padding:5px;
  text-align:right;
  vertical-align:baseline;
}

.row.content-area {
  margin:30px;
}

thead {
  text-align:center;
}

.content-left {
  border-right:1px solid #e5e5e5;
}

.disclosure-style {
  overflow:scroll;
  max-height:400px;
  overflow-x:hidden;
}

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

.card {
  display:inline-block;
  position:relative;
  width:100%;
  margin:25px 0;
  box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius:3px;
  color:rgba(0, 0, 0, 0.87);
  background:#ffffff;
}

card .card-height-indicator {
  margin-top:100%;
}

.card.row-space .header {
  padding:15px 20px 0;
}

.card .title {
  margin-top:0;
  margin-bottom:5px;
}

.card .card-image {
  height:60%;
  position:relative;
  overflow:hidden;
  margin-left:15px;
  margin-right:15px;
  margin-top:-30px;
  border-radius:6px;
}

.card .card-image img {
  width:100%;
  height:100%;
  border-radius:6px;
  pointer-events:none;
}

.card .card-image .card-title {
  position:absolute;
  bottom:15px;
  left:15px;
  color:#fff;
  font-size:1.3em;
  text-shadow:0 2px 5px rgba(33, 33, 33, 0.5);
}

.card .category:not([class*="text-"]) {
  color:#999999;
}

.card .card-content {
  padding:15px 20px;
}

.card .card-content .category {
  margin-bottom:0;
}

.card .card-header {
  box-shadow:0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin:-20px 15px 0;
  border-radius:3px;
  padding:15px;
  background-color:#999999;
}

.card .card-header .title {
  color:#FFFFFF;
}

.card .card-header .category {
  margin-bottom:0;
  color:rgba(255, 255, 255, 0.62);
}

.card .card-header.card-chart {
  padding:0;
  min-height:160px;
}

.card .card-header.card-chart + .content h4 {
  margin-top:0;
}

.card .card-header .ct-label {
  color:rgba(255, 255, 255, 0.7);
}

.card .card-header .ct-grid {
  stroke:rgba(255, 255, 255, 0.2);
}

.card .card-header .ct-series-a .ct-point, .card .card-header .ct-series-a .ct-line, .card .card-header .ct-series-a .ct-bar, .card .card-header .ct-series-a .ct-slice-donut {
  stroke:rgba(255, 255, 255, 0.8);
}

.card .card-header .ct-series-a .ct-slice-pie, .card .card-header .ct-series-a .ct-area {
  fill:rgba(255, 255, 255, 0.4);
}

.card .chart-title {
  position:absolute;
  top:25px;
  width:100%;
  text-align:center;
}

.card .chart-title h3 {
  margin:0;
  color:#FFFFFF;
}

.card .chart-title h6 {
  margin:0;
  color:rgba(255, 255, 255, 0.4);
}

.card .card-footer {
  margin:0 20px 10px;
  padding-top:10px;
  border-top:1px solid #eeeeee;
}

.card .card-footer .content {
  display:block;
}

.card .card-footer div {
  display:inline-block;
}

.card .card-footer .author {
  color:#999999;
}

.card .card-footer .stats {
  line-height:22px;
  color:#999999;
  font-size:12px;
}

.card .card-footer .stats .material-icons {
  position:relative;
  top:4px;
  font-size:16px;
}

.card .card-footer h6 {
  color:#999999;
}

.card img {
  width:100%;
  height:auto;
}

.card .category .material-icons {
  position:relative;
  top:6px;
  line-height:0;
}

.card .category-social .fa {
  font-size:24px;
  position:relative;
  margin-top:-4px;
  top:2px;
  margin-right:5px;
}

.card .author .avatar {
  width:30px;
  height:30px;
  overflow:hidden;
  border-radius:50%;
  margin-right:5px;
}

.card .author a {
  color:#3C4858;
  text-decoration:none;
}

.card .author a .ripple-container {
  display:none;
}

.card .table {
  margin-bottom:0;
}

.card .table tr:first-child td {
  border-top:none;
}

.card [data-background-color="purple"] {
  background:linear-gradient(60deg, #ab47bc, #8e24aa);
  box-shadow:0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.card [data-background-color="blue"] {
  background:linear-gradient(60deg, #26c6da, #00acc1);
  box-shadow:0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}

.card [data-background-color="green"] {
  background:linear-gradient(60deg, #66bb6a, #43a047);
  box-shadow:0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}

.card [data-background-color="orange"] {
  background:linear-gradient(60deg, #ffa726, #fb8c00);
  box-shadow:0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.card [data-background-color="red"] {
  background:linear-gradient(60deg, #ef5350, #e53935);
  box-shadow:0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0 rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}

.card [data-background-color] {
  color:#FFFFFF;
}

.card [data-background-color] a {
  color:#FFFFFF;
}

.card-stats .title {
  margin:0;
}

.card-stats .card-header {
  float:left;
  text-align:center;
}

.card-stats .card-header i {
  font-size:36px;
  line-height:56px;
  width:56px;
  height:56px;
}

.card-stats .card-content {
  text-align:right;
  padding-top:10px;
}

.card-nav-tabs .header-raised {
  margin-top:-30px;
}

.card-nav-tabs .nav-tabs {
  background:transparent;
  padding:0;
}

.card-nav-tabs .nav-tabs-title {
  float:left;
  padding:10px 10px 10px 0;
  line-height:24px;
}

.card-plain {
  background:transparent;
  box-shadow:none;
}

.card-plain .card-header {
  margin-left:0;
  margin-right:0;
}

.card-plain .content {
  padding-left:5px;
  padding-right:5px;
}

.card-plain .card-image {
  margin:0;
  border-radius:3px;
}

.card-plain .card-image img {
  border-radius:3px;
}

.iframe-container {
  margin:0 -20px 0;
}

.iframe-container iframe {
  width:100%;
  height:500px;
  border:0;
  box-shadow:0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-profile, .card-testimonial {
  margin-top:30px;
  text-align:center;
}

.card-profile .btn-just-icon.btn-raised, .card-testimonial .btn-just-icon.btn-raised {
  margin-left:6px;
  margin-right:6px;
}

.card-profile .card-avatar, .card-testimonial .card-avatar {
  max-width:130px;
  max-height:130px;
  margin:-50px auto 0;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-profile .card-avatar + .content, .card-testimonial .card-avatar + .content {
  margin-top:15px;
}

.card-profile.card-plain .card-avatar, .card-testimonial.card-plain .card-avatar {
  margin-top:0;
}

.btn-inquiry {
  margin:5px;
  width:85px;
}

.col.inner-stats {
  padding:20px;
}

.d-flex.align-items-center.report-title-size {
  width:40%;
}

.m-logo {
  margin-bottom:-30px;
  font-size:131px;
  font-family: bangers, serif;
  margin-top:-20px;
}

.dp-style {
  max-height:400px;
  overflow:scroll;
  overflow-x:hidden;
}

.s-logo {
  font-size:50px;
  font-family:bangers;
  margin:20px;
}

.center {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}