/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
.icon-cddf {
  background-image: url("../images/sprite-3f1c9f53e8.png"); }

@media (-webkit-min-device-pixel-ratio: 2) {
  .icon-cddf {
    background-size: 901px 822px;
    background-image: url("../images/sprite-retina-3d40704466.png"); } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon-cddf {
    background-size: 901px 822px;
    background-image: url("../images/sprite-retina-3d40704466.png"); } }

#feedbackTabContainer {
  background-color: #000000;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-weight: normal;
  height: 122px;
  padding-top: 56px;
  position: fixed;
  right: 0;
  text-decoration: none;
  top: 40%;
  width: 31px;
  z-index: 1000; }

#feedbackTabImage {
  background-position: -877px -783px;
  width: 18px;
  height: 25px;
  display: inline-block;
  margin: 0 15px 0 6px; }

#feedbackTab {
  margin-bottom: 9px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

#feedbackDialog .modal-dialog {
  width: 585px; }

#feedbackDialog textarea {
  margin-top: 10px;
  height: 155px;
  width: 100%;
  resize: none; }
  #feedbackDialog textarea ::-webkit-input-placeholder {
    color: #767676; }
  #feedbackDialog textarea ::-moz-placeholder {
    color: #767676; }
  #feedbackDialog textarea :-ms-input-placeholder {
    color: #767676; }
  #feedbackDialog textarea ::placeholder {
    color: #767676; }

#feedbackDoneCheck {
  background-position: -618px -576px;
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-right: 15px; }

#feedbackDoneText {
  display: inline-block;
  margin-right: 30px;
  width: 400px; }