/* APP.CSS */

/* MARCOM COLORS
  red - #C8102E
  brick - #960C22
  chocolate - #640817
  teal - #00B388
  green - #00866C
  forest - #005950
  gold - #F6BE00
  mustard - #D89B00
  ocher - #B97800
  gray -  #888B8D
  slate - #54585A
  black - #000000
  cream - #FFF9D9
  white - #ffffff
*/
.centered {
   text-align: center;
   font-size: 0;
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
   /*font-size: 13px;*/
}

label {
    font-weight:bold;
}

nav.login-area{
    background-color: #fff9d9;
    padding: 10px;
    min-height: 65px;
}

.card{
    min-height: 200px;
    background-color: #FFFFFF;
    padding:0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    padding-bottom: 10px;
}

.card-body{
    min-height: 50px;
    /*background-color: #54585a;*/
    /*color: #fff;*/
    background-color: #fff9d9;
    color: #000000;
    text-align:center;
    margin-bottom: 5px;
}
.card-title{
    text-transform: uppercase;
    padding: 5px;
}
.card-body .card-description{
    font-size: .85em;
    padding: 5px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    overflow-wrap: break-word;
}
.card-text {
  padding-bottom: 3px;
}
.card-description p {
    margin: 0;
}
.red-header {
  background-color: #c8102e;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}
.run-times{
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 5px;
        margin: 5px;
}
.card:hover{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    color:black;
}

.heading{
    font-size: 2em;
    font-weight: bold;
}

.ql-snow .ql-tooltip{
    z-index:999;
}

/* PANEL OVERRIDES */
.panel {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius:4px;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.panel-body {
  padding: 8px;
}
/* Red Header */
/*
.panel-default > .panel-heading {
  background-color:#c8102e;
  color: #ffffff;
}
*/
.panel-footer {
  text-align: center;
}

/* MARGIN HELPERS */

/* bottom margins */
.mb5 {
  margin-bottom: 5px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}

/* top margins */
.mt5 {
  margin-top: 5px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}

.uh-modal .uh-modal-content-area {
  top: 60px;
}
/* Padding */
.pr5{
  padding-right:5px;
}
.pr8{
  padding-right:8px;
}
.pr10{
  padding-right:10px;
}
.pl5{
  padding-left:5px;
}
.pl8{
  padding-left:8px;
}
.pl10{
  padding-left:10px;
}
/* left/right padding */
.pdlr3 {
  padding-left: 3px;
  padding-right: 3px;
}
/* bottom-padding */