﻿/* ------------------Put your custom code here--------------------*/

Img {
    image-orientation: none;
}
.table thead th, .table tbody td {
    text-align: left;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 700px;
    margin: 20px auto;
}

/* --- Support -------------------------------------------------------- */

.supportPictogram {
    text-align: left;
    vertical-align: middle;
}

.supportContent {
    /*padding-left: 20px;*/
    padding-right: 20px;
    text-align: left;
    vertical-align: middle;
}

.supportLink {
    text-decoration: none;
}

/* --- Tooltip container ---------------------------------------------- */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.link-button {
    background: none;
    border: none;
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
}

.wayfinderSelector {
    -webkit-filter: drop-shadow(1px 1px 10px #999) drop-shadow(-1px -1px 10px #999);
    filter: drop-shadow(1px 1px 10px #999) drop-shadow(-1px -1px 10px #999);
    padding-left: 10px;
}

.itemComment
{
	color: #666;
	font-style: italic;
}

/* --- Tips & Tricks - Did you know ----------------------------------- */

.tipContent {
    /*border: 1px solid black;*/
    /*border-radius: 5px;*/
    border-top: 1px solid black;
    padding: 5px;
    padding-top: 25px;
    /*background-color: #cfc;*/
}

.tipTable
{
  border: none;  
}

.tipIcon
{
  vertical-align: top;
}

.didYouKnow
{
  font-weight: bold;
  /*font-size: 2em;*/
  font-style: oblique;
  color: #333;
  vertical-align: top;
  text-align: left;
}

.tip
{
  color: black;
  vertical-align: top;
  text-align: left;
}

/* --- Changelog ------------------------------------------------------ */

.clContainer {
    /*border: 1px solid #999;*/
    /*border-radius: 15px;*/
    border-top: 1px solid black;
    padding: 5px;
    padding-top: 15px;
}

.clh1 {}

.clh2 {
}
.clh3 {
}

/* --- Playlist Headers ----------------------------------------------- */

.plHeader
{
    font-weight: bold;
    cursor: default;
    font-size: 1.15em;
}

.plDivider
{
    color: #999;
}