/*
h1, h2, h3, h4, h5 {
	color: #dddddd;
}

p, ul {
	color: #dddddd;
}
*/

h1, h2, h3, h4, h5 {
	color: #FFF;
}

p, ul {
	color: #FFF;
}

.alert-solace-outer {
	height: 100%;
	padding-top:8px;
	padding-bottom:8px;
}

.alert-solace-inner {
  /*color: #fff;*/
  color: #000;
	height:100%;
  background: linear-gradient(310deg, #242A35, #1A1E26);
  background: -webkit-linear-gradient(310deg, #242A35, #1A1E26);
  background: -moz-linear-gradient(310deg, #242A35, #1A1E26);
	border-radius: 5px;
	padding:20px;
}

.alert-solace-inner-noHover {
    /*color: #fff;*/
    color: #000;
	height:100%;
    background: linear-gradient(310deg, #242A35, #1A1E26);
    background: -webkit-linear-gradient(310deg, #242A35, #1A1E26);
    background: -moz-linear-gradient(310deg, #242A35, #1A1E26);
	border-radius: 5px;
	padding:20px;
}

.alert-solace-info {
    /*color: #fff;*/
    color: #000;
    background: linear-gradient(310deg, #242A35, #1A1E26);
    background: -webkit-linear-gradient(310deg, #242A35, #1A1E26);
    background: -moz-linear-gradient(310deg, #242A35, #1A1E26);
}

a.no-text-decoration {
		text-decoration: none;
}

.alert-solace-inner:hover {
	background: linear-gradient(310deg, #2F6FCE, #1C427F);
    background: -webkit-linear-gradient(310deg, #2F6FCE, #1C427F);
    background: -moz-linear-gradient(310deg, #2F6FCE, #1C427F);
}

.alert-solace-warning {
	background: linear-gradient(310deg, #FCC007, #FCAD04);
    background: -webkit-linear-gradient(310deg, #FCC007, #FCAD04);
    background: -moz-linear-gradient(310deg, #FCC007, #FCAD04);
}
.alert-solace-warning:hover {
	background-color:#DDA806; 
	background: linear-gradient(310deg, #DDA806, #DDA806);
    background: -webkit-linear-gradient(310deg, #DDA806, #DDA806);
    background: -moz-linear-gradient(310deg, #DDA806, #DDA806);
}
.alert-solace-severe {
	background-color:#C13A3E;
	/*background: linear-gradient(310deg, #F36669, #F46165);
    /*background: -webkit-linear-gradient(310deg, #F36669, #F46165);
    /*background: -moz-linear-gradient(310deg, #F36669, #F46165);*/
}
.alert-solace-severe:hover {
	background-color:#D33F44;
	background: linear-gradient(310deg, #D33F44, #D33F44);
    background: -webkit-linear-gradient(310deg, #D33F44, #D33F44);
    background: -moz-linear-gradient(310deg, #D33F44, #D33F44);
}
.alert-solace-text {
	color: white;
}
.a-solace-warning {
	text-decoration: none;
}

.darkClass
{
    background-color: grey;
    filter:alpha(opacity=40); /* IE */
    opacity: 0.4; /* Safari, Opera */
    -moz-opacity:0.40; /* FireFox */
}

main {
	background-color: #F4F6F8;
  width: 100%;
  height: 100%;
}

html, body {
	background-color: #313a49;
  width: 100%;
  height: 100%;
  color: #000;
  overflow-x: hidden;
}

.full-height {
  height: 100%;
}

/* FLIP CARD ****************************************/

.solace-flip-card {
  background-color: transparent;
  height: 100%;
  width: 100%;
  min-height:160px;
}

.solace-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.solace-flip-card:hover .solace-flip-card-inner {
  transform: rotateY(180deg);
}

.solace-flip-card-front, .solace-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.solace-flip-card-front {
  color: black;
}

.solace-flip-card-back {
  background: linear-gradient(310deg, #242A35, #1A1E26);
  background: -webkit-linear-gradient(310deg, #242A35, #1A1E26);
  background: -moz-linear-gradient(310deg, #242A35, #1A1E26);
  color: white;
  transform: rotateY(180deg);
  border-radius: 5px;
}

/*
Joe Styles
*/

.solace-red-button {
  border: 1px solid #ff0000;
  box-sizing: border-box;
  text-align: center;
  font-weight: 500;
  color: #FFF;
  border-radius: 5px;
  padding: 1rem;
  padding-top:    0.25rem;
  padding-bottom: 0.25rem;
  -webkit-user-select: none;
  user-select: none;
  font-size: 0.9rem;
  background-color: #ff0000;
}

.solace-red-button:hover {
  background-color: #ff0000;
  color: #FFF;
  cursor: pointer;
}

.dropdown {
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #FFF;
  color: #707070;
  padding: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.9rem;
  border-radius: 15px;
  width: 15rem;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}

.dropdown-value {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
}

.dropdown:hover {
  background-color: #CCC;
}

.dropdown-options {
  position: absolute;
  top: 2rem;
  width: calc(100%);
  left: 0;
  z-index: 9999;
  user-select: none;
}

.dropdown-options > div:nth-of-type(1) {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.dropdown-options > div:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.dropdown-option {
  background-color: #FFF;
  padding: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.dropdown-option:hover {
  background-color: #CCC;
}

.dropdown-option-last:hover {
  background-color: #CCC;
}