/*******************************************************************************
////////////////////////////////////////////////////////////////////////////////
//
//  Licensed to the Apache Software Foundation (ASF) under one or more
//  contributor license agreements.  See the NOTICE file distributed with
//  this work for additional information regarding copyright ownership.
//  The ASF licenses this file to You under the Apache License, Version 2.0
//  (the "License"); you may not use this file except in compliance with
//  the License.  You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////
*/

@namespace basic "library://ns.apache.org/royale/basic";
@namespace "http://www.w3.org/1999/xhtml";

@font-face {
    font-family: error;
    src: url(helvetica_bold.woff);
}

/*
//----------------------------
// Named styles
//----------------------------
*/
.glass {
    borderColor:		    #767473;
    fillAlphas: 		    .60, .70, .80, .90;
    fillColors: 		    #888888, #F3F3F3, #9E9E9E, #FCFCFC;
    highlightAlphas:	    .07, .45;
}

.glassSlider
{
    fillAlphas: 		    .80, .70, .60, .50;
    fillColors: 		    #F3F3F3, #BBBBBB, #FCFCFC, #CCCCCC;
}

.listItem
{
    paddingLeft:            4;
    paddingRight:           4;
    horizontalGap:          5;
    verticalAlign:          "middle";
    backgroundColor:        #FFFFFF;
    backgroundAlpha:        .5;
    borderStyle:            "outset";
}

.outer.inner {
  width: 512px;
}

.outer .inner {
  width: 512px;
}

.outer > .innerTitle {
  color: #fff;
  height: 176px;
  background: url('assets/welcome_card.jpg') center / cover;
}
.outer>.innerMenu {
  color: #fff;
}

.outer> .innerMenu > h4 {
  color: #fff;
}

.outerother.inner {
  width: 320px;
  height: 320px;
}

.outerother-square > .innerTitle {
  color: #fff;
  background: url('assets/dog.png') bottom right 15% no-repeat #46B6AC;
}

.usescalc {
  color: #fff;
  width: calc((100% - 50px)/3);
}

.FLEX35340A {
    background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6-15 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	transform: translateY(-50%);
}

.FLEX35340B {
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
}

.FLEX35340C {
    background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.FLEX35340D {
	font-family: Georgia, Times New Roman, Times, serif;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.70);
}

.FLEX35346 {
			position: absolute;
			height: 2px;
			width: calc(100% - 22px);
			top: 50%;
			left: 0;
			margin: 0 26px;
			overflow: hidden;
			border: 0;
			padding: 0;
			-webkit-transform: translate(0,-1px);
			transform: translate(0,-1px)
}

.jewel.textfield > input {
  padding: 0;
}

.jewel.checkbox > input[type="checkbox"] {
  padding: 0;
}

.slider::-webkit-slider-thumb {
  padding: 0;
}

.jewel.slider input[type="range"] {
  padding: 0;
  content: url(assets/checkbox-tick.svg);
}

input[type="range"] {
  padding: 0;
  content: '\2714';
}

input + .innerMenu {
  color: #fff;
}

.complex {
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, -290)'><g transform='translate(760, 285)'><g><polygon fill='#ffffff' points='3 13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></g></svg>"), #b3dffa;
}

.blurfilter {
  filter: blur(5px)
}

p:not(.primary) {
  color: #fff;
}

#my-id ~ h1:first-child span.subtitle {
  color: #fff;
}