.Hidden {
    display:none;
}

.errorBig { 
    color: #e80c4d; 
    font-size: 2em;
    font-weight: bold;
} 

.RightContent{
    float:right;
    padding-left: 5em;
}

.clear {
  clear: both; 
}

.TextGroup li
{
    margin: 0 0 5px 0;
    list-style-type: none;
    list-style: outside none none;
    border-image-width: 1 1 1 1;
    text-align:left;
    background: #fff;
	border: rem(1px) solid #DDDDDD;
    padding: 5px 5px;
}

.TextMessageLinked
{ 
    background-color: #BDE5F8 !important;
}

.TextMessageLinked ul > li:before
{
    content:"-";
}

#TeamMembers input
{
    width:100%;
}

#AddAttributeOption
{
    text-align:justify;
}

#dialog-confirm
{
    float:left;
    margin:1em;
}

.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
}

.CBW {
    float: left;
}

.CBW2 {
    float: left;
}

.ContentWidgetLeft {
    width: 440px;
    padding: 15px;
    border-spacing: 10px;
    margin: 10px;
    box-shadow: 10px 10px 5px #888888;
    background-color: #ffffff;
}

.ContentWidget {
    width: 440px;
    padding: 15px;
    border-spacing: 10px;
    margin: 10px;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2);
    background-color: rgba(245, 245, 245, 0.8); /* Light grey shading */
    border-radius: 10px;
    backdrop-filter: blur(5px);
}


#SmallTextBox
{
    width:60px !important;
}

.info 
{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #00529B;
    background-color: #BDE5F8;
}

table#CheckpointTable 
{
    border-spacing:5px;
    padding:12px;
    line-height:10px !important;
}

#CheckpointTable th
{
    font-weight: bold;
    text-align:center;
}

#CheckpointTable td
{
    padding: 0em .5em 0em 0em !important;
}

#CheckpointTable tr
{
    align-items:center;
    left:5px;
    margin-left:10px;
    padding-left:42px;
    line-height:10px !important;
}

.Out {
    background:#B2FFB2;
}

.In {
    background:#FAFFB2;
}

.Dnf {
    background:#f68383;
}


.TwoDigitInput
{
    width:20px;
}

#CheckpointFormData{
    float:left;
    padding-right:15px;
}

#CheckpointData{
    float:left;
}

#RaceMap{
    min-width: 200px;
    max-width: 1500px;
    min-height: 200px;
    max-height: 1500px;
}

#RaceMapContent{
	float:left;
	width: 75%;
}

#RaceMapContent img {
   width: 100%;
}

#Sidebar {
	float: right;
	text-align: left;
	width: 25%;
    background: #FFFFFF;
}

#SidebarControl {
	background: #3e3e3e;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 13px;
	/*font-weight: $body-font-semi-bold;
	height: em(26px);
	line-height: em(24px);
	padding: 0 rem(10px);*/
	position: absolute;
	right: 70px;
	text-align:center;
	width: 60px;
	z-index: 90;
    transform: rotate(90deg);
	transform-origin: left top 0;
}

#SidebarControl:hover {
	background: #222222;
}

.splitContent {
	margin: 0 2.5%;
	display: inline-block;
	width: 95%;
	vertical-align: top;
}

#mapHeader {
    position: absolute;
    z-index: 100;
    width: 100%;
    color: #333;
    top: 0px;
    right: 0px;
    left: 0px;
    background: transparent url("/images/background-fade.png") repeat-x scroll center center;
    height: 50px;
}

.mapFilter {
    width: 80px;
    border-right: 1px solid #888;
    font-size: 16px;
    text-align: center;
    line-height: 3.2em;
    font-weight: bolder;
}