@charset "UTF-8";
/* Layer.scss
 * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css.
 */
/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
/*
 * _colors.scss
 * Defines the colors for the UI of the application.
 * To create a new theme, copy this file and change the values as desired.
 * Note: Some colors are defined as both rgb and rgba; some of the rgba versions have multiple a values.
 */
/* Colors for radio buttons and other form elements */
/* Base colors for dividers 
 *
 * Dividers consist of a div with a background color and either 
 * a top & bottom border (in the case of horizontal dividers)
 * or a left & right border (in the case of vertical dividers),
 * for a total of three different colors.
 * 
 */
/* top and left */
/* Middle */
/* Bottom and right */
/* Main background color of entire app */
/* Main app background color. */
/* rgba version */
/* Main app border color */
/* color of drop shadows */
/* Stage color */
/* body border color */
/* Body background color */
/* Colors for main dropdown menus: background & text for both regular and highlighted states, dividers */
/* Colors for tools: background, text, how they interact with the UI */
/* Colors for panels: background & text, both regular and highlighted states, dividers, borders, shadows, etc. */
/* used for editable items in their non-edit state, etc. */
/* Border for panel and for block elements */
/* Shadow for text and block elements */
/* Colors for scroll bars */
/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
/*
 * themes/themename/mixins.scss
 * Mixins that are theme-dependent (e.g. sprite mixins, etc)
 */
/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
/*
 * mixins.scss
 * Generic mixins.  Theme-specific mixins (e.g. for sprites) 
 * should go in the theme/themename/mixins.scss file.
 */
/* line 16, ../scss/Layer.scss */
.layerLabel {
  width: 100%;
  color: white;
  height: 21px;
  font-family: 'Droid Sans';
  font-size: 12px;
  text-shadow: 1px 1px 1px #3a3a3a;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
}

/* line 26, ../scss/Layer.scss */
.layerLabel.layerSelected {
  background-color: #b2b2b2;
  color: #242424;
}

/* line 30, ../scss/Layer.scss */
.layerLabel {
  width: 100%;
  height: 18px;
  padding-left: 25px;
  padding-top: 2px;
  -webkit-box-flex: 1;
}

/* line 37, ../scss/Layer.scss */
.layerDisclosure {
  background-image: url("../images/panelDisclosureIcon.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  /*float: left;*/
  -webkit-transition-property: rotate;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  padding-right: 2px;
  -webkit-box-flex: 0;
}

/* line 50, ../scss/Layer.scss */
.layerHide {
  background-image: url("../images/eye.png");
  background-repeat: no-repeat;
  /*float: right;*/
  width: 16px;
  height: 16px;
  padding-right: 4px;
  -webkit-box-flex: 0;
}

/* line 59, ../scss/Layer.scss */
.layerLock {
  background-image: url("../images/lock_open.png");
  background-repeat: no-repeat;
  /*float: right;*/
  width: 16px;
  height: 16px;
  padding-right: 4px;
  -webkit-box-flex: 0;
}

/******************************************/
/* line 71, ../scss/Layer.scss */
.container-layer {
  background-color: #474747;
  color: white;
  font-size: 12px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* line 77, ../scss/Layer.scss */
.selected .container-layer {
  background-color: #474747;
}

/* line 80, ../scss/Layer.scss */
.selected .container-layer .label-layer {
  background-color: #b2b2b2;
  color: #242424;
}

/* line 85, ../scss/Layer.scss */
.userlayers .collapsible-label {
  display: block;
  width: 100px;
  height: 21px;
  line-height: 20px;
  color: white;
  margin-left: 30px;
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 97, ../scss/Layer.scss */
.layerSelected .label-layer {
  background-color: #b2b2b2;
  color: #242424;
}

/* line 101, ../scss/Layer.scss */
.content-layer {
  background-color: #474747;
  color: white;
}

/* line 105, ../scss/Layer.scss */
.content-layer .collapsible-label {
  background-position: 14px 5px;
  border-width: 0px;
}

/* line 112, ../scss/Layer.scss */
.label-layer,
.label-position,
.label-transform,
.label-style {
  position: relative;
  border-bottom: 1px solid #505050;
  cursor: pointer;
}

/* line 119, ../scss/Layer.scss */
.content-layer .collapsible-label,
.content-layer .collapsible-content {
  font-size: 11px;
}

/* line 123, ../scss/Layer.scss */
.collapsible-clicker {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/icon-open.png);
  background-repeat: no-repeat;
}

/* line 134, ../scss/Layer.scss */
.collapsible-clicker.collapsible-collapsed {
  background-image: url(../images/icon-collapsed.png);
}

/* line 137, ../scss/Layer.scss */
.collapsible-content .collapsible-clicker {
  left: 12px;
}

/* line 140, ../scss/Layer.scss */
.content-layer.collapsible-collapsed {
  height: 0px;
  overflow: hidden;
}

/* line 146, ../scss/Layer.scss */
.label-layer .cssbutton,
.label-style .cssbutton {
  width: 14px;
  height: 14px;
  overflow: hidden;
  position: absolute;
  background-repeat: no-repeat;
}

/* line 153, ../scss/Layer.scss */
.label-layer .button-lock {
  background-image: url(../images/icon-lock.png);
  top: 3px;
  right: 27px;
}

/* line 158, ../scss/Layer.scss */
.label-layer .button-visible {
  background-image: url(../images/icon-eye.png);
  top: 3px;
  right: 7px;
}

/* line 163, ../scss/Layer.scss */
.label-style .button-add {
  background-image: url(../images/icon-plus.png);
  width: 15px;
  height: 15px;
  top: 3px;
  right: 11px;
}

/* line 170, ../scss/Layer.scss */
.label-style .button-delete {
  background-image: url(../images/icon-minus.png);
  width: 15px;
  height: 15px;
  top: 3px;
  right: 31px;
}

/* line 177, ../scss/Layer.scss */
.collapsible-content .layout-table {
  width: 99.9%;
}

/* line 180, ../scss/Layer.scss */
.content-layer .collapsible-content {
  padding-left: 30px;
}

/* line 183, ../scss/Layer.scss */
.collapsible-content .collapsible-content .layout-table .layout-row .layout-cell {
  width: 40%;
  height: 20px;
  border-bottom: 1px solid #505050;
  line-height: 20px;
  text-align: left;
}

/* line 190, ../scss/Layer.scss */
.collapsible-content .layout-table:first-child {
  border-top: 1px solid #505050;
}

/* line 193, ../scss/Layer.scss */
.collapsible-transition {
  -webkit-transition-property: height;
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in;
}

/* line 199, ../scss/Layer.scss */
.editable2 {
  height: 20px;
  background-color: #242424 !important;
  color: #b2b2b2 !important;
  border-width: 0px;
  font-size: 11px;
  overflow: hidden;
  -webkit-user-select: text;
  text-overflow: clip;
}

/* styles elements */
/* line 211, ../scss/Layer.scss */
.content-style .item-template {
  display: none;
}

/* line 214, ../scss/Layer.scss */
.content-style .layout-row.selected .layout-cell {
  background-color: #b2b2b2;
  color: #242424;
}

/* line 218, ../scss/Layer.scss */
.style-row {
  height: 20px;
}